@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: 6px;
	left: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.catalogue .anim{
	position: absolute;
	top: 6px;
	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: #ffffff;
		/*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;
	top: 0px;
}


/* ----------------------- COLONNE DE GAUCHE (EN BAS) ------------------------- */

.col_left_contenu_01 {
	position: relative;
	height: 75px;
	background-image:url('../img/00_home/back-outils-bleu-long-new1.png');
	background-position: left;
	background-repeat:repeat-y;
	padding: 0px 0px 0px 13px;

}
	.col_left_contenu_01 .titre{
	position: absolute;
	top: 14px;
	width: 115px;
	}

	.col_left_contenu_01 .titre2{
	position: absolute;
	top: 55px;
	width: 115px;
	}

	.col_left_contenu_01 #texte{
	position: absolute;
	color: #92a8b6;
	top: 20px;
	width: 115px;
	}

	.col_left_contenu_01 a{
	color: #ef6b01;


	}
	
	.col_left_contenu_01 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	


.col_left_contenu_02 {
	position: relative;
	height: 75px;
	background-image:url('../img/00_home/back-outils-bleu-long-spe-new1.png');
	background-position: left;
	background-repeat:repeat-y;
	padding: 0px 0px 0px 13px;

}
	.col_left_contenu_02 .titre{
	position: absolute;
	top: 4px;
	width: 115px;
	left: 13px;
	}

	.col_left_contenu_02 #texte{
	position: absolute;
	color: #92a8b6;
	top: 20px;
	width: 115px;
	}

	.col_left_contenu_02 a{
	color: #84B2CA;
	}
	
	.col_left_contenu_02 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	


.col_left_contenu_03 {
	position: relative;
	height: 110px;
	background-position: left;
	background-repeat:repeat-y;
	padding: 4px 0px 0px 5px;

}
	.col_left_contenu_03 .titre{
	position: absolute;
	top: 10px;
	width: 190px;
	left: 12px;
	}

	.col_left_contenu_03 #texte{
	position: absolute;
	color: #094470;
	top: 70px;
	width: 195px;
	left: 8px;
	}

	.col_left_contenu_03 a{
	color: #094470;
	}
	
	.col_left_contenu_03 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	
	
.col_left_contenu_FTR {
	position: relative;
	height: 113px;
	background-position: left;
	background-repeat:repeat-y;
	padding: 4px 0px 0px 5px;

}
	.col_left_contenu_FTR .titre{
	position: absolute;
	top: 10px;
	width: 190px;
	left: 12px;
	}

	.col_left_contenu_FTR #texte{
	position: absolute;
	color: #094470;
	top: 70px;
	width: 195px;
	left: 8px;
	}

	.col_left_contenu_FTR a{
	color: #094470;
	}
	
	.col_left_contenu_FTR img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}



.col_left_contenu_03_bis {
	position: relative;
	height: 110px;
	background-position: left;
	background-repeat:repeat-y;
	padding: 5px 0px 0px 5px;
	width: 480;

}
	.col_left_contenu_03_bis .titre{
	position: absolute;
	top: 10px;
	width: 190px;
	left: 12px;
	}

	.col_left_contenu_03_bis #texte{
	position: absolute;
	color: #094470;
	top: 90px;
	width: 195px;
	left: 8px;
	}

	.col_left_contenu_03_bis a{
	color: #094470;
	}
	
	.col_left_contenu_03_bis img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}


	
.col_left_contenu_04 {
position: relative;
height: 60px;
background-image:url('../img/00_home/back-outils-bleu-long-new1.png');
background-position: left;
background-repeat:repeat-y;
padding: 0px 0px 0px 13px;

}
	.col_left_contenu_04 .titre{
	position: absolute;
	top: 3px;
	width: 115px;
	}

	.col_left_contenu_04 #texte{
	position: absolute;
	color: #92a8b6;
	top: 20px;
	width: 115px;
	}

	.col_left_contenu_04 a{
	color: #84B2CA;
	}
	
	.col_left_contenu_04 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}


.col_left_contenu_05 {
	position: relative;
	height: 55px;
	background-image:url('../img/00_home/back-outils-bleu-long-new1.png');
	background-position: left;
	background-repeat:repeat-y;
	padding: 0px 0px 0px 13px;

}
	.col_left_contenu_05 .titre{
	position: absolute;
	top: 6px;
	width: 115px;
	}

	.col_left_contenu_05 #texte{
	position: absolute;
	color: #92a8b6;
	top: 20px;
	width: 115px;
	}

	.col_left_contenu_05 a{
	color: #2F6786;
	font-size: 10px;
	}
	
	.col_left_contenu_05 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}



.col_left_contenu_05_bis {
	position: relative;
	height: 55px;
	background-image:url('../img/00_home/back-outils-bleu-long-GD-new1.png');
	background-position: left;
	background-repeat:repeat-y;
	padding: 0px 0px 0px 13px;

}
	.col_left_contenu_05_bis .titre{
	position: absolute;
	top: 6px;
	width: 115px;
	}

	.col_left_contenu_05_bis #texte{
	position: absolute;
	color: #92a8b6;
	top: 20px;
	width: 115px;
	}

	.col_left_contenu_05_bis a{
	color: #2F6786;
	font-size: 10px;
	}
	
	.col_left_contenu_05_bis img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}


.col_left_contenu_05_ter {
	position: relative;
	height: 27px;
	background-image:url('../img/00_home/back-outils-bleu-long-new1-GD.png');
	background-position: left;
	background-repeat:repeat-y;
	padding: 0px 0px 0px 13px;

}
	.col_left_contenu_05_ter .titre{
	position: absolute;
	top: 6px;
	width: 115px;
	}

	.col_left_contenu_05_ter #texte{
	position: absolute;
	color: #92a8b6;
	top: 20px;
	width: 115px;
	}




.col_left_contenu_06 {
	position: relative;
	height: 37px;
	background-image:url('../img/00_home/back-outils-bleu-long-50.png');
	background-repeat:repeat-y;
	padding: 0px 0px 0px 13px;

}
	.col_left_contenu_06 .titre{
	position: absolute;
	top: 4px;
	left: 12px;
	width: 40px;
	padding: 0px 0px 0px 0px;
	}

	.col_left_contenu_06 #texte{
	position: absolute;
	color: #92a8b6;
	top: 20px;
	width: 50px; 
	}

	.col_left_contenu_06 a{
	color: #2F6786;
	font-size: 10px;
	}
	
	.col_left_contenu_06 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}


.col_left_contenu_06_bis {
	position: relative;
	height: 33px;
	background-image:url('../img/00_home/back-outils-bleu-long-spe-220.png');
	background-repeat:repeat-y;
	padding: 4px 0px 0px 5px;

}
	.col_left_contenu_06_bis .titre{
	position: absolute;
	top: 4px;
	left: 0px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	}

	.col_left_contenu_06_bis #texte{
	position: absolute;
	color: #92a8b6;
	top: 0px;
	width: 115px;
	}

	.col_left_contenu_06_bis a{
	color: #2F6786;
	font-size: 10px;
	}
	
	.col_left_contenu_06_bis img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}


.col_left_contenu_07 {
	position: relative;
	height: 40px;
	background-image:url('../img/00_home/back-outils-bleu-long-50.png');
	background-repeat:repeat-y;
	padding: 4px 0px 0px 13px;

}
	.col_left_contenu_07 .titre{
	position: absolute;
	top: 1px;
	left: 12px;
	width: 40px;
	padding: 0px 0px 0px 0px;
	}

	.col_left_contenu_07 #texte{
	position: absolute;
	color: #92a8b6;
	top: 20px;
	width: 50px; 
	}

	.col_left_contenu_07 a{
	color: #2F6786;
	font-size: 10px;
	}
	
	.col_left_contenu_07 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}


.col_left_contenu_07_bis {
	position: relative;
	height: 44px;
	background-image:url('../img/00_home/back-outils-bleu-long-spe-220.png');
	background-repeat:repeat-y;
	padding: 0px 0px 0px 5px;

}
	.col_left_contenu_07_bis .titre{
	position: absolute;
	top: 4px;
	left: 0px;
	width: 200px;
	padding: 0px 0px 0px 0px;
	}

	.col_left_contenu_07_bis #texte{
	position: absolute;
	color: #92a8b6;
	top: 0px;
	width: 115px;
	}

	.col_left_contenu_07_bis a{
	color: #2F6786;
	font-size: 10px;
	}
	
	.col_left_contenu_07_bis img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}

/* ----------------------- 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: 190px;
	background-image:url('../img/00_home/back-gris-new280.png');
	background-position: left;
	background-repeat:repeat-y;
	padding: 0px 0px 0px 18px;

}
	.col_right_contenu_01 .titre{
	position: absolute;
	top: 5px;
	width: 257px;
	}

	.col_right_contenu_01 #texte{
	position: absolute;
	color: #92a8b6;
	top: 56px;
	width: 255px;
	}

	.col_right_contenu_01 #texte2{
	position: absolute;
	color: #333;
	top: 152px;
	width: 255px;
	font-weight: bold;
	}

	.col_right_contenu_01 #ecran{
	position: absolute;
	color: #92a8b6;
	top: 83px;
	width: 97px;
	}

	.col_right_contenu_01 #demo{
	position: absolute;
	color: #92a8b6;
	top: 126px;
	width: 80px;
	left: 116px;
	}

	.col_right_contenu_01 a{
	color: #333;
	}
	
	.col_right_contenu_01 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	
	.col_right_contenu_01 #link_01{
	position: absolute;
	top: 24px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_01 #link_02{
	position: absolute;
	top: 49px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_01 #link_03{
	position: absolute;
	top: 69px;
	height: 17px;
	vertical-align: middle;
	}


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

}
	.col_right_contenu_02 .titre{
	position: absolute;
	top: 4px;
	width: 255px;
	}

	.col_right_contenu_02 #texte{
	position: absolute;
	color: #92a8b6;
	top: 21px;
	width: 255px;
	}

	.col_right_contenu_02 #ecran{
	position: absolute;
	color: #92a8b6;
	top: 83px;
	width: 97px;
	}

	.col_right_contenu_02 #demo{
	position: absolute;
	color: #92a8b6;
	top: 126px;
	width: 80px;
	left: 116px;
	}

	.col_right_contenu_02 a{
	color: #333;

	}
	
	
	.col_right_contenu_02 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	
	.col_right_contenu_02 #link_01{
	position: absolute;
	top: 24px;
	height: 17px;
	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: 40px;
	background-image:url('../img/00_home/back-gris-new280.png');
	background-position: left;
	background-repeat:repeat-y;
	padding: 0px 0px 0px 18px;

}
	.col_right_contenu_03 .titre{
	position: absolute;
	top: 10px;
	width: 255px;
	}

	.col_right_contenu_03 #texte{
	position: absolute;
	color: #92a8b6;
	top: 19px;
	width: 255px;
	}

	.col_right_contenu_03 a{
	font-size: 11px;
	color: #333;

	}
	
	
	.col_right_contenu_03 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	
	.col_right_contenu_03 #link_01{
	position: absolute;
	top: 24px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_03 #link_02{
	position: absolute;
	top: 49px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_03 #link_03{
	position: absolute;
	top: 69px;
	height: 17px;
	vertical-align: middle;
	}

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

}
	.col_right_contenu_04 .titre{
	position: absolute;
	top: 5px;
	width: 255px;
	}

	.col_right_contenu_04 #texte{
	position: absolute;
	color: #333;
	top: 33px;
	width: 255px;
	font-size: 11px;
	}

	.col_right_contenu_04 a{
	color: #333333;
	font-size: 11px;
	}
	
	
	.col_right_contenu_04 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	
	.col_right_contenu_04 #link_01{
	position: absolute;
	top: 24px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_04 #link_02{
	position: absolute;
	top: 49px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_04 #link_03{
	position: absolute;
	top: 69px;
	height: 17px;
	vertical-align: middle;
	}

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

}
	.col_right_contenu_05 .titre{
	position: absolute;
	top: 2px;
	width: 255px;
	}

	.col_right_contenu_05 #texte{
	position: absolute;
	color: #333;
	top: 18px;
	width: 255px;
	font-size: 11px;
	}

	.col_right_contenu_05 a{
	color: #333333;
	font-size: 11px;
	}
	
	
	.col_right_contenu_05 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	
	.col_right_contenu_05 #link_01{
	position: absolute;
	top: 24px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_05 #link_02{
	position: absolute;
	top: 49px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_05 #link_03{
	position: absolute;
	top: 69px;
	height: 17px;
	vertical-align: middle;
	}


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

}
	.col_right_contenu_06 .titre{
	position: absolute;
	top: 8px;
	width: 255px;
	}

	.col_right_contenu_06 #texte{
	position: absolute;
	color: #333;
	top: 25px;
	width: 255px;
	font-size: 11px;
	}

	.col_right_contenu_06 a{
	color: #333333;
	}
	
	.col_right_contenu_06 img{
	border: 0px;
	vertical-align: middle;
	padding-right: 4px;
	}
	
	.col_right_contenu_06 #link_01{
	position: absolute;
	top: 24px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_06 #link_02{
	position: absolute;
	top: 49px;
	height: 17px;
	vertical-align: middle;
	}
	
	.col_right_contenu_06 #link_03{
	position: absolute;
	top: 69px;
	height: 17px;
	vertical-align: middle;
	}


/* ----------------------- 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;
	width: 149px;
	}

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

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

	#bordureNoire3{
	    position: absolute;
	    top: -1px;
	    left: 586px;
	    width: 8px;
	    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: 192px;
	height: 38px;
	}
	
	.cel_outils_01 .outil_01 .bouton_outil_01{
	position: absolute;
	top: 75px;
	left: 32px;
	width: 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: 227px;
	width: 244px;
	height: 38px;
	}

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

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

	.cel_outils_01 .outil_03 .texte_outil_03{
	position: absolute;
	top: 35px;
	left: 471px;
	width: 308px;
	height: 38px;
	}
	.cel_outils_02 .outil_03 .texte_outil_03{
	position: absolute;
	top: 10px;
	left: 400px;
	width: 308px;
	height: 38px;
	}
	
	.cel_outils_01 .outil_03 .bouton_outil_03{
	position: absolute;
	top: 75px;
	left: 484px;
	width: 295px;
	height: 20px;
	}

	.cel_outils_02 .outil_03 .bouton_outil_03{
	position: absolute;
	top: 40px;
	left: 400px;
	width: 295px;
	height: 20px;
	}

	.cel_outils_02 .outil_04_back{
	position: absolute;
	z-index: 1;
	left: 594px;
	top: 0px;
	width: 196px;
	height: 64px;
	background-color: #ebecee;
	}

	.cel_outils_02 .outil_04 .texte_outil_04{
	position: absolute;
	z-index: 10;
	top: 10px;
	left: 605px;
	width: 174px;
	height: 38px;
	}
	
	.cel_outils_02 .outil_04 .bouton_outil_04{
	position: absolute;
	z-index: 10;
	top: 40px;
	left: 605px;
	width: 156px;
	height: 20px;
	}
/* ----------------------- COLONNE DE DROITE ------------------------- */

#actu{
	position: relative;
	width: 190px;
	margin: 0px;
	height: 424px;

*height: 424px;
	padding: 0px;
}

        #actu #actu_img{
	    background-color: #add0e2;	    
	}

	#actu #actu_txt .title{
	border: 0px;
	margin: 0px;
	}
	
	#actu #actu_txt .actu_clair{
	    background-color: #e7f0f5;
	    color: #2f6786; /*#84b2cc;*/
	}
	#actu #actu_txt object{
	    background-color: #e7f0f5;
	}

	#actu #actu_txt p{
	margin: 0px;
	padding: 10px 5px 10px 10px;
	}

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

	#actu #actu_txt .ligneBleueFoncee{
	height: 1px;
	width: 190px;
	background-color: #84b2ca;
	margin: 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 #actu_txt{
	position: absolute;
	background-color:#e7f0f5;
	margin: 0px;
	padding: 0px;
	top: 0px;
	/*height: 500px;*/
	width: 190px;
	overflow: hidden;
	left: 0px;
	height: 490px;
	}

	#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;
}