@charset "utf-8";
/* CSS Document */



/* ----------------------- TITRE ------------------------- */

.prog_title {
padding-top: 38px; 
margin-left: 20px;
height: 32px;
width: 790px;
}

.catalogue{
    position: relative;
}

.catalogue .telecharger{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    border: 0px; 
    margin: 0px; 
    padding: 0px;
}

.catalogue .anim{
    position: absolute; 
    top: 0px; 
    left: 126px; 
    border: 0px; 
    margin: 0px; 
    padding: 0px;
}
	
	


/* ----------------------- CODE FORMATION ------------------------- */
#code_formation{
position: relative;
}

		#code_formation_form{
		position: absolute;
		right:20px;
		top: 18px;
		}
		
		
		#code_formation form .normal {
		background: #e4e5e5;
		border: none;
		}
		
		#code_formation form .focus {	
		color: #333333;
		background: #c8caca;
		}
		
		#code_textfield {
		width: 134px;
		height: 16px;	
		padding-left: 3px;
		padding-right: 3px;
		border-width: 0px;
		font-size: 11px;
		color:#444444;
		background-color: #e4e5e5;
		vertical-align: middle;
		}
		
		
		
/* ----------------------- OPACITE DES SOUS-MENUS ------------------------- */
#prog_submenu_01, #prog_submenu_02, #prog_submenu_03, #prog_submenu_04, #prog_submenu_05, #prog_submenu_06, #prog_submenu_07, #prog_submenu_08, #prog_submenu_09  {
filter:alpha(opacity=90);
-moz-opacity:0.90;
opacity: 0.90; 
-khtml-opacity: 0.90;
}




/* ----------------------- COLONNE DE DROITE (PARTIE CENTRALE) ------------------------- */

.col_right_td{
    background-image:url('../img/00_home/col_right_td_back.jpg');
    background-position: bottom left;
    background-repeat: no-repeat;
}

#contact{
background-color: #84b2ca;
}

.col_right_contenu_01 {
position: relative;
height: 188px;/* 103px*/
background-image:url('../img/00_home/back-orange.png');
background-position: left;
background-repeat:repeat-y;
padding: 0px 0px 0px 18px;
}
	.col_right_contenu_01 .titre{
	position: absolute;
	top: 0px;
	}
	.col_right_contenu_01 #texte{
	
	position: absolute;
	color: #92a8b6;
	top: 32px;
	font-size: 12px;
	}
	
	.col_right_contenu_01 #boutons{
	position: absolute;
	top: 105px;/*71px;*/
	}
	
	.col_right_contenu_01 #boutons #btn_demo{
	border: 0px;
	padding-right: 2px;
	}

	.col_right_contenu_01 #boutons #btn_infos{
	border: 0px;
	padding-right: 3px;
	padding-top: 10px;
	}

.col_right_contenu_02 {
position: relative;
height: 128px;/*98px;*/
background-image:url('../img/00_home/back-violet.png');
background-position: left;
background-repeat:repeat-y;
padding: 0px 0px 0px 18px;

}
	.col_right_contenu_02 .titre{
	position: absolute;
	top: 5px;
	}

	.col_right_contenu_02 a{
	color: #6B335A;
	}
	
	
	.col_right_contenu_02 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	
	.col_right_contenu_02 #link_01{
	position: absolute;
	top: 11px;
	height: 17px;
	vertical-align: middle;
	left: 16px;
	}

	.col_right_contenu_02 #link_01 .text_01{
	position: absolute;
	top: 0px;
	height: 17px;
	width: 157px;
	left: 22px;
	vertical-align: middle;
	}
	
	.col_right_contenu_02 #link_02{
	position: absolute;
	top: 49px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_02 #link_03{
	position: absolute;
	top: 69px;
	height: 17px;
	vertical-align: middle;
	}

.col_right_contenu_03 {
position: relative;
height: opx;/*51px;*/
background-image:url('../img/00_home/back-bleu.png');
background-position: left;
background-repeat:repeat-y;
padding: 0px 0px 0px 8px;

}

	
.col_right_contenu_04 {
position: relative;
height: 0px;/*63px;*/
background-image:url('../img/00_home/back-gris.png');
background-position: left;
background-repeat:repeat-y;
padding: 0px 0px 0px 18px;

}	
        .col_right_contenu_04 .titre{
	position: absolute;
	top: 8px;
	}
	.col_right_contenu_04 #boutons{
	position: absolute;
	top: 42px;
	}
	
	.col_right_contenu_04 #boutons img{
	border: 0px;
	}
	
/* ----------------------- LES OUTILS ------------------------- */

td.cel_outils_01{
    background-image:url('../img/00_home/back-outils-bleu.png');
    background-repeat: repeat-y;
}

td.cel_outils_02{
    background-image:url('../img/00_home/back-outils-black.png');
    background-repeat: repeat-y;
}

td.ligneGrise{
    height: 1px;
    background-color: #b2b2b2;
}

.outils_contenu {
position: relative;
height: 104px;
}
.outils_contenu_bis {
position: relative;
height: 64px;
}

        .cel_outils_02 .bouton_01{
	    background-color: #c0c0c0;
	    background-image: url(../img/general/puce_fleche_droite_04.png);
	}

        #outil_opti_training{
	position: absolute;
	top: 10px;
	left: 28px;
	}

	#bordureNoire1{
	    position: absolute;
	    top: -1px;
	    left: 235px;
	    width: 13px;
	    height: 66px;
	    background-color: #000000;
	}

	#bordureNoire2{
	    position: absolute;
	    top: -1px;
	    left: 528px;
	    width: 13px;
	    height: 66px;
	    background-color: #000000;
	}

	.cel_outils_01 .outil_01 .texte_outil_01{
	position: absolute;
	top: 35px;
	left: 13px;
	width: 214px;
	height: 38px;
	}

	.cel_outils_02 .outil_01 .texte_outil_01{
	position: absolute;
	top: 10px;
	left: 26px;
	width: 214px;
	height: 38px;
	}
	
	.cel_outils_01 .outil_01 .bouton_outil_01{
	position: absolute;
	top: 75px;
	left: 31px;
	width: 241px;/*199px;*/
	height: 20px;
	}

	.cel_outils_02 .outil_01 .bouton_outil_01{
	position: absolute;
	top: 40px;
	left: 26px;
	width: 199px;
	height: 20px;
	}
	
	.cel_outils_01 .outil_02 .texte_outil_02{
	position: absolute;
	top: 35px;
	left: 272px;/*227px;*/
	width: 244px;
	height: 38px;
	}

	.cel_outils_02 .outil_02 .texte_outil_02{
	position: absolute;
	top: 10px;
	left: 263px;
	width: 244px;
	height: 38px;
	}
	
	.cel_outils_01 .outil_02 .bouton_outil_02{
	position: absolute;
	top: 75px;
	left: 287px;/*240px;*/
	width: 231px;
	height: 20px;
	}

	.cel_outils_02 .outil_02 .bouton_outil_02{
	position: absolute;
	top: 40px;
	left: 263px;
	width: 231px;
	height: 20px;
	}

	.cel_outils_01 .outil_03 .texte_outil_03{
	position: absolute;
	top: 35px;
	left: 502px;/*471px;*/
	width: 308px;
	height: 38px;
	}
	.cel_outils_02 .outil_03 .texte_outil_03{
	position: absolute;
	top: 10px;
	left: 555px;
	width: 308px;
	height: 38px;
	}
	
	.cel_outils_01 .outil_03 .bouton_outil_03{
	position: absolute;
	top: 75px;
	left: 520px;/*512px;*/
	width: 295px;
	height: 20px;
	}

	.cel_outils_02 .outil_03 .bouton_outil_03{
	position: absolute;
	top: 40px;
	left: 555px;
	width: 295px;
	height: 20px;
	}
	
/* ----------------------- COLONNE DE DROITE ------------------------- */

#actu{
position: relative;
width: 190px;
margin: auto; /*0px;*/
background-color:#add0e2;
height: 190px;
padding: 25px 0px 0px 0px;
}

        #actu #centrer{
	width: 158px;
	margin: auto;

	}



        #actu #centrer #home_download_catalogue{
	margin: 0px;
	border: solid 1px;
	border-color: #001b30;
	}

	#actu #actu_txt .title{
	border: 0px;
	margin: 10px 10px 0px 10px;
	}

	#actu #actu_txt p{
	margin: 10px 10px;
	}

	#actu #actu_txt .ligneBleue{
	height: 1px;
	width: 190px;
	background-color: #dae9f0;
	margin: 10px 0px;
	}

	#actu #actu_txt .subTitle{
	    font-weight: bold;
	    font-size: 10px;
	    line-height: 30px;
	}

	#actu #actu_txt .actu_bt_infos{
	border: 0px;
	padding-top: 5px;
	}
	#actu .blocBleu{
	    position: absolute;
	    height: 64px;
	    width: 190px;
	    background-color: #84b2ca;
	    margin: 0px;
	    top: 350px;
	    left: 0px;
	}
	
	#actu #actu_txt{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	height: 400px;
	width: 190px;
	overflow: hidden;
	left: 0px;
	}

	#actu #actu_ticker{
	position: absolute;
	top: 138px;
	height: 14px;
	width: 139px;
	padding-left: 10px;
	padding-right: 10px;
	overflow: hidden;
	background-color: #d6e8f1;
	}

	#actu #actu_bottom{
	position: absolute;
	top: 152px;
	height: 18px;
	width: 139px;
	background-color: #8ab0c3;
	}


#banner{
margin-top: 11px;
margin-left: 10px;
}