/*Par Serge Hebert (Qc) pour Le CONcepteur.ca*/
/*Pour me joindre shebert@leconcepteur.ca*/


/*FONTS */
@font-face{  
	font-family: "daniel"; 
	font-style: normal;
	font-weight: normal;
	src: 	url('../fonts/daniel.ttf')  format('truetype'), 
        	url('../fonts/daniel.otf')  format('opentype') ,
        	url('../fonts/daniel.eot')  format('opentype') ,
         	url('../fonts/daniel.woff')  format('woff');
}

@font-face{  
	font-family: "hum521c"; 
	font-style: normal;
	font-weight: normal;
	src: 	url('fonts/hum521c.ttf')  format('truetype'), 
        	url('fonts/hum521c.otf')  format('opentype') ,
        	url('fonts/hum521c.eot')  format('opentype') ,
         	url('fonts/hum521c.woff')  format('woff');
}
@font-face{  
	font-family: "hum521bc"; 
	font-style: normal;
	font-weight: normal;
	src: 	url('fonts/hum521bc.ttf')  format('truetype'), 
        	url('fonts/hum521bc.otf')  format('opentype') ,
        	url('fonts/hum521bc.eot')  format('opentype') ,
         	url('fonts/hum521bc.woff')  format('woff');
}
@font-face{  
	font-family: "NEUROPOL"; 
	font-style: normal;
	font-weight: normal;
	src: 	url('../fonts/NEUROPOL.ttf')  format('truetype'), 
        	url('../fonts/NEUROPOL.otf')  format('opentype') ,
        	url('../fonts/NEUROPOL.eot')  format('opentype') ,
         	url('../fonts/NEUROPOL.woff')  format('woff');
}



*{
	
	margin-left: auto;
	margin-right: auto;
}	



img{
border:none
}

html {
font-size:100%;
background-color:#000099;	/* 0 0 153 */ /*#ECF0FD;	/*#A9A9A9;	/*#2B3086;	/*#6666CC;	/*#CCCCFF;	/*#A9A9A9; /*#eee;*/
margin:0 auto;
padding:0;
/*background: url("/img/clavier.jpg") #000 no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

body {
font-family: Arial,Helvetica,sans-serif;
width:1000px;
min-height:800px;
margin:0 auto;
padding:0;
background-color:white; 
border:1px solid white;
}

#content{
color:#505050;
font-size:.9em;
font-family:Arial, Helvetica, sans-serif;
background-color:white;	/*FF9966;	/*#fff;*/
width:995px;
min-height:880px;
margin:0 auto;
padding:0;
/*border:2px outset #FF6600;*/
/*border-radius:10px;*/
/*border:1px #000 solid;*/
clear:both;
}

#header{
width:950px;
min-height:40px;
margin:10px auto;
margin-left:auto;
margin-right:auto;
padding:5px;
background-color:white;	/*#000099;*/
border:0px solid #000000;
border-radius:5px;
}

#header_img{
width:930px;
min-height:185px;
margin:20px auto;	
margin-left:auto;
margin-right:auto;
padding:5px 10px 5px 10px;		/*5px*/
background-color:white;	/*#FFBA75;	/*#A9A9A9;	/*white;	/*#000099;*/
border-radius:5px;
font-size: 14pt;
/*color: #3D3D3D;
font-family:"daniel";*/
text-align:right;
}

#header_gestion{
width:930px;
min-height:80px;
margin:20px auto;	
margin-left:auto;
margin-right:auto;
padding:5px;		/*5px*/
background-color:white;	/*#ECF0FD;	/*white;	/*#FFBA75;	/*#A9A9A9;	/*white;	/*#000099;*/
border-radius:5px;
font-size: 14pt;
/*color: #ff6600;
font-family:"daniel";*/
text-align:right;
}

/*.col_25_h {float:left;width:38%;min-height:40px;background-color:#000099;}
.col_75_h {float:right;width:62%;min-height:40px;background-color:#000099;}*/
.col_25_h_img {float:left;width:34%;background: url("/img/e-formatrice.png") no-repeat;background-position:center center;}
/*.col_25_h {float:left;width:30%;background: url("/img/formatrice_en_ligne_c.jpg") no-repeat;background-position:center center;}*/
.col_25_h {float:left;width:34%;min-height:20px;text-align:center;}
.col_75_h {float:left;width:66%;min-height:20px;}
.col_22_f {float:left;min-height:80px;text-align:center;border-left:1px solid #AAAAAA;}
.col_12_f {float:left;min-height:80px;text-align:center;color:#FFA102;}

#banniere_haut
{
font-size: 15pt;	
color: #000099;	/*#D90000;	/*#FF6600;*/
font-family:"NEUROPOL";
font-weight:900;
/*vertical-align:middle;*/
margin-top:0px;
padding:100px 0px 00px 0px;
}

.banniere_haut
{
font-size: 14pt	
color: #000099;	/*#D90000;	/*#FF6600;*/
font-family:"NEUROPOL";
/*margin-right:20px;*/
font-weight:900;
/*vertical-align:middle;
margin-top:0px;
padding:100px 0px 00px 0px;*/
}

.banniere_bas
{
font-size: 16pt;
color: #ff6600;	/*#000099;	/*#D90000; /*#B84900;*/
font-family:"daniel";
/*padding-left:30px;*/
/*padding-top:00px;*/
font-weight:800;
margin-right:40px;
}

.hp {
    display: none;
}

.ml {margin:0px 15px 0px 15px;}	/*mentions légales*/

#fad
{
font-size: 14pt;
position:absolute;
color: #ff6600;
/*font-family:"daniel";*/
padding-left:30px;
padding-top:00px;
background-color:white;
}

#nav{
width:800px;
height:130px;
/*position:absolute ;*/
margin:0px 5px 0px 5px;
padding-left:5px;
border:1px solid #ffffff;
}

#nav p{
/*text-align:center;*/
margin:0;
padding:0
}

#side-menu{
width:180px;
min-height:400px;
margin:10px;
padding:5px;
float:left;
border:1px solid #ffffff;
border-radius:10px;
}

#corps{
clear:both;
width:720px;
min-height:670px;
margin:10px 0 10px 15px;
padding:5px;
float:left;
border:1px solid #ffffff;
background-color:white;	/*#000099;*/
color:#505050;
font-family:arial, helvetica, sans-serif;
font-size:14px;
border-radius:20px;
box-shadow: 2px 2px 4px #777;	/* initial 3 3 7 */
-moz-box-shadow: 2px 2px 4px #777;
-webkit-box-shadow: 2px 2px 4px #777
}

#corps_peda{
clear:both;
width:720px;
min-height:670px;
margin:10px 0px 10px 15px;
padding:5px;
float:left;
border:1px solid #ffffff;
color:#505050;
font-family:arial, helvetica, sans-serif;
font-size:14px;
border-radius:20px;
background:#ffffff; /* Old browsers */
/*background:-moz-linear-gradient(top, #ffffff 0%, #ffff99 100%); /* FF3.6+ */
/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,ffff99)); /* Chrome,Safari4+ */
/*background:-webkit-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* Chrome10+,Safari5.1+ */
/*background:-o-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* Opera11.10+ */
/*background:-ms-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffff99',GradientType=0 ); /* IE6-9 */
/*background:linear-gradient(top,#ffffff 0%,#ffff99 100%); /* W3C */
/*border:1px #000 solid;*/
box-shadow: 2px 2px 4px #777;	/* initial 3 3 7 */
-moz-box-shadow: 2px 2px 4px #777;
-webkit-box-shadow: 2px 2px 4px #777
}

#corps_central{
clear:both;
width:945px;
min-height:590px;
margin:20px 0px 10px 15px;
padding:5px;
border:1px solid #ffffff;
background-color:white;	/*#484848;	/*#000099;*/
color:#505050;	/*#ffffff;*/
font-family:arial, helvetica, sans-serif;
font-size:14px;
border-radius:10px;
clear:both;	/* après utilisation de float précédemment */
/*border:1px #000 solid;*/
box-shadow: 2px 2px 4px #777;	/* initial 3 3 7 */
-moz-box-shadow: 2px 2px 4px #777;
-webkit-box-shadow: 2px 2px 4px #777
}

#content_central{/*
clear:both;
width:945px;
min-height:590px;
margin:20px 0 20px 15px ;
padding:0;
background-color:white;	/*#FF9966;	/*#fff;*/
/*border-radius:10px;
border:1px #000 solid;*/
}

#menu-side{
width:208px;
min-height:500px;
margin:10px 20px 20px 0px;
padding:4px;
float:right;
background-color:white;	/*#000099;*/
color:#505050;
border-radius:10px;
border:1px solid #E0DFDB;	/*#FF6600;*/
}

#footer{
clear:both;
width:960px;
height:280px;
margin:10px auto 10px auto;
padding:10px 0px 10px 0px;
background-color:#666666;	/*#999999;	/*#666666;	/*#FFFF99;	/*#E0DFDB;	*/
border-radius:5px;
/*border:1px solid #ffffff;*/
font-size:12px;
color:#FFA102;	/*#FF6600;*/
font-weight:bold;
box-shadow: 2px 2px 4px #777;	/* initial 3 3 7 */
-moz-box-shadow: 2px 2px 4px #777;
-webkit-box-shadow: 2px 2px 4px #777
}

#navigation {
width:630px;
height:36px;
margin:auto;
/*padding:0;*/
/* bordure basse du menu horizontal sélectionné */
background-color:white;
/*#d6eaf8 url(../images/dropdown-bg.gif) repeat-x left top;*/
clear:both;
text-align:center;
vertical-align:top;
}

ul.nav-main,
ul.nav-main li {
list-style:none;
margin:0;
padding:0;
border-radius:10px;
}

ul.nav-main {
position:relative;
z-index:0;

}

ul.nav-main li:hover > ul {
visibility:visible;
/*background-color:#ffff99;*/
}

ul.nav-main li.hover,
ul.nav-main li:hover {
position:relative;
z-index:599;
cursor:pointer;
/*background:url(../images/dropdown-bg-hover.gif) repeat-x left top*/
background-color:#ff6600;	/*#D90000;	/*#E48901;	/*#ff9900;	/* couleur de fond latérale du menu ou sous-menu choisi */
}

ul.nav-main li {
color:#999;
font:14px arial, helvetica, sans-serif;
height:36px;
float:left;
display:block;
background:url(../images/separator.gif) no-repeat right center
}

ul.nav-main li a {
/* caractères affichés dans les menus et sous-menu*/
color:white;	/*#1F1F1F;	/*#757575;*/
/*#999*/
font:14px arial, helvetica, sans-serif;
/*font-weight:bold;*/
text-decoration:none;
height:36px;
padding:12px 12px 0 12px;	/* position des caractères à l'intérieur du conteneur */
display:block
}

ul.nav-main li a:hover {
/* caractères écrits affichés quand menu ou sous-menu est sélectionné */
color:white;
/*color:rgb(51, 51, 255);
/*#d6d6d6*/
background-color:#ff6600;	/*#D90000;	/*#E48901;	/*#ff9900;*/	/* couleur de fond du menu ou sous-menu choisi */
}

ul.nav-main *.list {
/* couleur de fond du menu horizontal */
padding-right:11px;
padding-left:11px;
/* couleur de fond de la barre horizontale 
background:#8F8F90 url(../images/navigation-arrow.gif) no-repeat right top;*/
background:#ff9900;	/*#FFBC79; /*#FFCC99; /*url(../images/navigation-arrow.gif) no-repeat right top;*/

/*background:#DC683D url(../images/navigation-arrow.gif) no-repeat right top;
/* #303b44 */
border-bottom:1px solid #ffffff;
}

ul.nav-sub {
/* couleur fond sous-menu vertical*/
visibility:hidden;
position:absolute;
padding:10px;
top:34px;
left:0;
z-index:598;
/* couleur de fond du 1er menu vertical */
/*background:#2B3086 url(../images/dropdown-list-bg.gif) repeat-x left top;*/
background:#FFFFBF;	/*#DC683D;
/*#353535 url(../images/dropdown-list-bg.gif) repeat-x left top;*/
border-right:2px solid #ff9900;
border-bottom:2px solid #ff9900;
border-left:2px solid #ff9900;
border-radius:10px;

}

ul.nav-sub2 {
visibility:hidden;
position:absolute;
padding:10px;
top:-28px;
left:-10px;
z-index:598;
background:#FFFFBF;
/*#2B3086 url(../images/dropdown-list-bg.gif) repeat-x left top;
// #2B3086
/*background:#353535 url(../images/dropdown-list-bg.gif) repeat-x left top;*/
border-right:1px solid #ff9900;
border-bottom:1px solid #ff9900;
border-left:1px solid #ff9900;
margin-left:165px;
border-radius:10px;
}

ul.nav-sub li {
list-style:none;
width:155px;
height:27px;
display:block;
padding:0;
float:none;
border-bottom:1px solid #ff9900;	/* ligne séparatrice des sous-menus */
/* fond du sous-menu */
background:none;
}

ul.nav-sub li a {
/* caractères des sous-menus */
font:12px arial, helvetica, sans-serif;
list-style:none;
width:145px;
height:15px;
display:block;
padding:6px 5px 6px 5px;
float:none;
/* fond du sous-menu */
background:none;
color:#757575;	/*#515151;*/
}

h1,h2,h3,h4,h5,h6 {
color: #ff6600;	/*255 102 0 */
/*text-align:center;*/
font-weight: bold; 
font-size:17px;
/*font-size:large;*/
font-family:verdana;
}

#t1
{
font-size:large;
text-align:center;
color: #FF6600;		/*#7E7EA3;*/
font-family:verdana;
/*font-weight: bold; */
font-size:16px;
}

.t1
{
font-size:large;
text-align:center;
color: #FF6600;		/*#7E7EA3;*/
font-family:verdana;
/*font-weight: bold; */
font-size:16px;
}

.t1_pub
{
font-size:large;
text-align:center;
color: #000099;		/*#7E7EA3;*/
font-family:verdana;
/*font-weight: bold; */
font-size:16px;
}

#t2
{
font-size:large;
text-align:center;
color: #AAAAAB;		/*#7E7EA3;*/
font-family:verdana;
font-weight: bold; 
font-size:16px;
}

#t3 {color:#ff6600;}
.t3 {color:#ff6600;}

#t4 {
margin-left:20px;
font-size:14pt;
color: #505050;
font-family:"daniel";
border-radius:10px;
border-width:3px;
border-style:solid; 
border-color:#ff6600;
background-color:#FFFF99;
}

#id_ins {   
text-align: center;
width: 641px;
border-radius:10px;
border-width:3px;
border-style:solid;
border-color:#999999;
padding:2px 10px 2px 10px;
font-style:italic;
font-size:18px;
}

.id_ins {   
text-align: center;
width: 641px;
border-radius:10px;
border-width:3px;
border-style:solid;
border-color:#999999;
padding:2px 10px 2px 10px;
font-style:italic;
font-size:18px;
}

#synopsys_ent {
background-color: #666666;
border-radius:10px;
color:white;
}

.synopsys_ent {
background-color: #666666;
border-radius:10px;
color:white;
}

#synopsys_sal {
background-color: #ED8E00;
border-radius:10px;
color:white;
}

.synopsys_sal {
background-color: #ED8E00;
border-radius:10px;
color:white;
}

#synopsys_sal_ent {
background-color: #C27400;
border-radius:10px;
color:white;
}

.synopsys_sal_ent {
background-color: #C27400;
border-radius:10px;
color:white;
}

#synopsys_ord {
color:#505050;
font-size:13px;
border-radius:10px;
border-width:3px;
border-style:solid;
border-color:#999999;
font-weight:bold;
}

.synopsys_ord {
color:#505050;
font-size:13px;
border-radius:10px;
border-width:3px;
border-style:solid;
border-color:#999999;
font-weight:bold;
}

#pedagogie {
/*background-color:#FFFF99;*/
background:#ffffff; /* Old browsers */
/*background:-moz-linear-gradient(top, #ffffff 0%, #ffff99 100%); /* FF3.6+ */
/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,ffff99)); /* Chrome,Safari4+ */
/*background:-webkit-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* Chrome10+,Safari5.1+ */
/*background:-o-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* Opera11.10+ */
/*background:-ms-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffff99',GradientType=0 ); /* IE6-9 */
/*background:linear-gradient(top,#ffffff 0%,#ffff99 100%); /* W3C */
border-radius:5px;
}

.pedagogie {
/*background-color:#FFFF99;*/
background:#ffffff; /* Old browsers */
/*background:-moz-linear-gradient(top, #ffffff 0%, #ffff99 100%); /* FF3.6+ */
/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,ffff99)); /* Chrome,Safari4+ */
/*background:-webkit-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* Chrome10+,Safari5.1+ */
/*background:-o-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* Opera11.10+ */
/*background:-ms-linear-gradient(top, #ffffff 0%,#ffff99 100%); /* IE10+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffff99',GradientType=0 ); /* IE6-9 */
/*background:linear-gradient(top,#ffffff 0%,#ffff99 100%); /* W3C */
border-radius:5px;
}

.diagnostic {
background:#ffffff;
border-radius:5px;
font-size:12px;
}

#bouton_peda{
color:white;	/*#505050;*/
background-color:#000099;	/*#2b3086;	/*#ff6600;	/*#D90000;	/*#FFFFBF;*/
/*border:2px solid #ff6600;*/
border-radius:5px;
width:210px;
min-height:30px;
font-size:12px;
} 

.bouton_peda{
color:white;	/*#505050;*/
background-color:#000099;	/*#2b3086;	/*#ff6600;	/*#D90000;	/*#FFFFBF;*/
border-radius:5px;
width:210px;
min-height:30px;
font-size:12px;
} 

.bouton_programme{
	color:#FFE2C6;
	font-weight:bold;
	background-color:#FF6600;
	border-radius:5px;
	width:210px;
	min-height:30px;
	font-size:12px;
}


#catalogue {
color:#ff6600;
background-color:#FFBA75;	/*#FFFFBF;*/
border-radius:5px;
}

#formation {
color:#000099;	/*#8E3900;	/*#000000;*/
}

.catalogue {
color:#ff6600;	/* pour les familles de formation : opgroup */
background-color:#FFBA75;	/*#FFFFBF;*/
border-radius:5px;
}

.formation {
color:#000099;	/*#8E3900;	/*#000000;	/* pour les formations dans la liste catalogue */
}



/*#lien
{
	margin:auto;
	text-align:center;
	padding-bottom:40px;
	}*/
	
a {color:#3300FF;text-decoration:underline;}
a:hover {color:#2BACD7;}
a:visited {color:#3300FF;}

/*#menu_droit a:hover {color:#ff6600;font-weight:800;font-size:15px;border-radius:7px;border-width:2px; border-style:outset;border-color:#ff6600;}*/

._menu_droit:link{color: #3300FF;}
._menu_droit:visited{color: #3300FF;}
._menu_droit:active{color: #3300FF;}
._menu_droit:hover {color:#ff6600;font-weight:800;font-size:15px;border-radius:7px;border-width:2px; border-style:outset;border-color:#ff6600;}

._prog:link{color: #ff6600;}
._prog:visited{color: #ff6600;}

/*a {color: #ff6600;}	
	{
a:hover : red;
}
/*a:hover {color: #3366FF;}
a:visited {color: #FFFFFF;}	*/

._footer:link{color: white;text-decoration:none;	/*#505050;*/}
._footer:visited{color: white;text-decoration:none;	/*#505050;*/}
._footer:active{color: white;text-decoration:none;	/*#505050;*/}
._footer:hover{color: #FF6600;text-decoration:underline;}

._synopsis:link{color: #ffffff;}
._synopsis:visited{color: #ffffff;}
._synopsis:active{color: #ffffff;}
._synopsis:hover{color: #000000;}

._synopsis_2:link{color: #ED8E00;}
._synopsis_2:visited{color: #ED8E00;}
._synopsis_2:active{color: #ED8E00;}
._synopsis_2:hover{color: #000000;}

._pub:link{color:#000099;font-size: 14pt;font-family:"hum521bc";padding-left:30px;padding-top:00px;font-weight:600;}
._pub:visited{color:#000099;font-size: 14pt;font-family:"hum521bc";padding-left:30px;padding-top:00px;font-weight:600;}
._pub:active{color:#000099;font-size: 14pt;font-family:"hum521bc";padding-left:30px;padding-top:00px;font-weight:600;}
._pub:hover{color:#ff6600;font-size: 14pt;font-family:"hum521bc";padding-left:30px;padding-top:00px;font-weight:600;}
/*._synopsis_2:visited{color: #ED8E00;}
._synopsis_2:active{color: #ED8E00;}
._synopsis_2:hover{color: #000000;}*/

._menu_h:link{color: #5a5a5a;text-decoration:none;}
._menu_h:visited{color: #5a5a5a;}
._menu_h:active{color: #2b3086;}
/* #8E3900; */
._menu_h:hover{color: #ff6600;font-weight:bold;font-style:italic;text-decoration:underline;}
/*#717171*/

._menu_h_acc:link{color: #fff;text-decoration:none;}
._menu_h_acc:visited{color: #fff;font-weight:bold;font-style:italic;}
._menu_h_acc:active{color: #fff;font-weight:bold;font-style:italic;}
._menu_h_acc:hover{color: #ff6600;font-weight:bold;font-style:italic;text-decoration:underline;}

._logo:link{color: #ff6600;text-decoration:none;}
._logo:visited{color: #ff6600;}
._logo:active{color: #ff6600;}
._logo:hover{color: #000099;text-decoration:underline;}

#en-tete-devis
{
	/*color: #ff6600;*/ /* couleur pour les caractères écrits */
	text-align:center;
	background-color: #FFBA75;	/*RGB(145,145,145);	/*#AAAAAB; /*RGB(170,170,170); /*#7e8e94;*/
	border:0px solid;
	border-radius:5px;
	color:#2b3086;	/*#8E3900;	/*#505050;	/*white;*/
}	

.en-tete-devis
{
	text-align:center;
	background-color:#FFBA75;	/*#A9A9A9; 	/*#E0DFDB;	/*RGB(145,145,145);	/*#AAAAAB; /*RGB(170,170,170); /*#7e8e94;*/
	border:0px solid #C0C0C0;
	border-radius:5px;
	color:#2b3086;	/*#8E3900;	/*#ffffff;	/*#505050;*/
	font-size:13px;
}	

.clear{
height:4px;
clear:both
}

.clear_pub{
height:10px;
clear:both
}

table.eval.question{
/*text-indent:00px;
min-height:10px;*/
}

table.marketing {
/*text-align: left;*/
height: 100%;
width: 680px;
}

.argument{
border-radius:10px;
border-width:2px; 
border-style:solid;
border-color:#FF6600;
padding:3px 3px 3px 3px;
text-align:center;
min-width:150px;
font-size:13px;
color:black;
/*background-color:#FFFFBF; /*#FFFF99;*/
}

.libelle{
text-align:center;
padding:3px 3px 3px 3px;
}

a.bulle {
     position:relative;
     color:#2b3086;	/*#D90000;	/*#396a86;*/
     text-decoration:none;
     /*font-family:arial, verdana, sans-serif;*/
     text-align:center;
    /* font-size:13px;*/
   }
   
   a.bulle:hover {
      background: none;
      z-index: 50;
	  color:#396a86;
   }
   
   a.bulle span {
     display: none;
   }
   
   a.bulle:hover span {
      display: block;
      position: absolute;
      top: -10px;
      left: 40px;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      width:600px;
      background: white;
      padding: 5px;
      border: 1px solid #62c0f4;
      border-left: 10px solid #62c0f4;
   }
   
.gras {font-weight:bold;}
.italic  {font-style:italic;}
.centrer {margin-left: auto;margin-right: auto;text-align: center;} 
.souligne  {text-decoration:underline;}

.footer_ul{margin-top:0px;padding-top:0px;}
.footer_li{height:13px;}

.visio_li {margin-left:55px;margin-bottom:5px;}

/* menu à onglet du programme de formation */
   
 #container {
	position: relative;
	width: 699px;
	margin: 1em auto;
	text-align: left;
	border: 1px solid #000099;	/*#2b3086;	/*#D90000;	/*#ff6600;*/
	/*background-color: #AF9D4C;*/
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	}
	
#container_onglet {
	position: relative;
	width: 705px;
	margin: 1em auto;
	text-align: left;
	border-bottom: 1px solid #000099;	/*#2b3086;	/*#D90000;	/*#ff6600;*/
	border-left: 1px solid #000099;	/*#2b3086;	/*#D90000;	/*#ff6600;*/
	border-right: 1px solid #000099;	/*#2b3086;	/*#D90000;	/*#ff6600;*/
	/*background-color: #AF9D4C;*/
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	}
	
	
#container_onglet * {
	margin: 0;
	padding: 0;
}
#container_onglet ul#menu {
	position: relative;
	width: 100%;
	/*font-weight: bold;*/
	/*font-style:italic;*/
	text-align:center;
		
}
#container_onglet ul#menu li {
	float: left;
	display: inline;
	/*border:1px solid #ff9900;*/
}
#container_onglet ul#menu li a {
	text-align: center;
	display: block;
	width: 231px;	/*172.2px;	*/
	height: 25px;	/* 35px;	*/	
	line-height: 25px;	/*15px;*/
	text-decoration: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
#container_onglet ul#menu li a:hover {
	background-color: #000099;	/*#2b3086;	/*#D90000;	/*#ff9900;	/*#E48901;	/*#ffff99;*/
	color: white;	/*#1F1F1F;*/
}
#container_onglet h1,
#container_onglet h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;}
	
#container_onglet .content {
	padding: 1em 2em;
	margin: -2px 0 0 0;
	/*_margin: -16px 0 0 0;*/
	/*background-color: #E7FFCF;*/
}
#container_onglet hr {
	clear: both;
	visibility: hidden;
}
#container_onglet a.current {
	background-color:#000099;	/*#D90000;	/*#ff9900;	/*#E48901;	/*#DE8601;*/
	color: white;	/*#505050;	/*white;	/*#1F1F1F;	/*#000;*/
	border: 2px solid #000099;	/*#D90000;	/*#505050;	/*#ff6600;*/
	border-style:outset;
}
#container_onglet a.ghost  {
	background-color:white;	/*#ECF0FD;	/*#DFF40;	/*#9999FF;	/*#7F7FFF;	/*#6633FF;	/*#CCCCFF;	/*#FFBA75;	/*white;	/*#FFFFBF;	/*#ff9900;	/*#FFBC79; /*#FFCC99;*/
	color: #2b3086;	/*#999999;	/*#505050;	/*#1F1F1F;	/*#000;*/
	border: 2px solid #000099;	/*#ff6600;	/*#505050;	/*#ff6600;*/
	border-style:outset;
}
#container_onglet .on {
	display: block;
}
#container_onglet .off {
	display: none;
}  

/* menu horizontal à onglet */

#conteneur{
/* cadre contenant tous les menus */
position: relative;
min-height: 50px;	/*100%;*/
width: 536px;
margin-right: 0px;
margin-left: auto;
}
/**/
#csstabs{
/* cadre d'affichage du contenu du menu */
position:relative;
width:550px;
min-height:25px;
margin-left:auto;
margin-right:0px;
margin-bottom:10px;
text-align:left;
/*border:1px #000 solid;*/
}
#csstabs p{ 
/* cadre du menu à sélectionner */
padding:1px; height:15px; text-align:center; display:block;font-size:1em; font-weight:700; margin:0;
/*cursor:hand; */
background:white; 	/*#000099;	/*#2b3086;	/*#ff9900 none repeat scroll 0 0;*/
/*#E0DFDB*/
border-bottom:1px solid white;
border-radius:5px;
color:#5a5a5a;	/*white;*/
font-weight: bold; 
font-size:17px;
font-family:verdana;
border:1px #000 solid;
margin-left: auto;
margin-right: auto;
}

.tabcontent{
border-radius:5px;
padding:5px;
width:100%;
background:#fff;
border:1px solid #C4C0B4;
position:absolute;
left:0px;
top:44px;	/* distance d'ouverture par rapport à la ligne de menu */
height:1px;	/*150px;*/	/* pour éviter que le cadre s'ouvre quand la souris s'approche du menu */
display:block;
font-size: 13px; /*smaller;*/
overflow: hidden;/*pour gérer le débordement*/
}

#tab1 .tabcontent{
/*z-index:202;
background:red;	#000099;*/
z-index:201; 
opacity:0;
}
#tab1 p{
z-index:203;
width:150px;	/* largeur du menu affiché */
position:absolute;
right:5px;
top:0;
/*cursor:hand;
/*background:#000099;	/*#2b3086;	/*#ff9900;*/
}
#tab2 .tabcontent{
z-index:201; 
opacity:0;
}
#tab2 p{
width:150px;
position:absolute;
right:179px;
top:0;
/*cursor:hand;*/
}
#tab3 .tabcontent{
z-index:201; 
opacity:0;
}
#tab3 p{
width:150px;
position:absolute;
right:353px;
top:0;
/*cursor:hand;*/
}
#tab4 .tabcontent{
z-index:201; 
opacity:0;
}
#tab4 p{
width:170px;
position:absolute;
right:370px;
top:0;
/*cursor:hand;*/
}
#tab5 .tabcontent{
z-index:201; 
opacity:0;
}
#tab5 p{
width:170px;
position:absolute;
right:185px;	/* 1 + 170 + 14 */
top:0;
/*cursor:hand;*/
}
#tab6 .tabcontent{
z-index:201; 
opacity:0;
}
#tab6 p{
width:170px;
position:absolute;
right:1px;	/*542px;*/
top:0;
/*cursor:hand;*/
}

#csstabs:hover p, #tabs:focus p, #tabs:active p{
background:white;	/*	couleur de fond du sous-menu non sélectionné quand 1 autre sous-menu est sélectionné /*#000099;	/*#2b3086;	/*#ff9900 url(none);*/
}
/*#C4C0B4*/

#tabs:focus .tabcontent, #tabs:active .tabcontent{
opacity:0;
-webkit-transition : opacity 0.75s ease-in;
overflow: visible;
}
#tab1:hover p,#tab1:focus p,#tab1:active p{z-index:204;background:#FFBA75;color:white}	/* sous-menu horizontal sélectionné */
#tab1:hover .tabcontent,#tab1:focus .tabcontent,#tab1:active .tabcontent{
z-index:203;
background:#FFBA75;
opacity:1;
-webkit-transition : opacity 0s ease-in;
-moz-transition : opacity 0s ease-in;
height: auto;	/*pour que la boîte s'agrandisse automatiquement*/
border-bottom:1px solid white;
width:220px;
left:390px;	/* position d'ouverture du sous-menu sélectionné */
top:18px;	/* position d'ouverture du sous-menu sélectionné */
}
#tab2:hover p,#tab2:focus p,#tab2:active p{z-index:204;background:#FFBA75;color:white}
#tab2:hover .tabcontent,#tab2:focus .tabcontent,#tab2:active .tabcontent{
z-index:203;
background:#FFBA75;
opacity:1;
-webkit-transition : opacity 0s ease-in;
-moz-transition : opacity 0s ease-in;
height: auto;/*pour que la boîte s'agrandisse automatiquement*/
border-bottom:1px solid white;
width:220px;
left:216px;	/* position d'ouverture du sous-menu sélectionné */
top:18px;	/* position d'ouverture du sous-menu sélectionné */
}

#tab3:hover p,#tab3:focus p,#tab3:active p{z-index:204;background:#FFBA75;color:white}
#tab3:hover .tabcontent,#tab3:focus .tabcontent,#tab3:active .tabcontent{	
z-index:203;
background:#FFBA75;
opacity:1;
-webkit-transition : opacity 0s ease-in;
-moz-transition : opacity 0s ease-in;
height: auto;/*pour que la boîte s'agrandisse automatiquement*/
border-bottom:1px solid white;
width:220px;
left:42px;	/* position d'ouverture du sous-menu sélectionné */
top:18px;	/* position d'ouverture du sous-menu sélectionné */
}

#tab4:hover p,#tab4:focus p,#tab4:active p{z-index:204;background:#000099;color:#ff6600}
#tab4:hover .tabcontent,#tab4:focus .tabcontent,#tab4:active .tabcontent{	z-index:203;	background:#FFBA75; opacity:1;
-webkit-transition : opacity 0s ease-in;
-moz-transition : opacity 0s ease-in;
height: auto;/*pour que la boîte s'agrandisse automatiquement*/
border-bottom:1px solid white;}

#tab5:hover p,#tab5:focus p,#tab5:active p{z-index:204;background:#000099;color:#ff6600}
#tab5:hover .tabcontent,#tab5:focus .tabcontent,#tab5:active .tabcontent{	z-index:203;	background:#FFBA75; opacity:1;
-webkit-transition : opacity 0s ease-in;
-moz-transition : opacity 0s ease-in;
height: auto;/*pour que la boîte s'agrandisse automatiquement*/
width:250px;
left:507px;
border-bottom:1px solid white;}

#tab6:hover p,#tab6:focus p,#tab6:active p{z-index:204;background:#000099;color:#ff6600}
#tab6:hover .tabcontent,#tab6:focus .tabcontent,#tab6:active .tabcontent{	z-index:203;	background:#FFBA75; opacity:1;
-webkit-transition : opacity 0s ease-in;
-moz-transition : opacity 0s ease-in;
height: auto;/*pour que la boîte s'agrandisse automatiquement*/
width:400px;
left:500px;
border-bottom:1px solid white;}

.shadow{
box-shadow: 2px 2px 4px #777;	/* initial 3 3 7 */
-moz-box-shadow: 2px 2px 4px #777;
-webkit-box-shadow: 2px 2px 4px #777
}

.rounded{
background-color:#F5F4EF;
border:1px solid #ccc;
margin-bottom:10px;
font-size:14px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
ul{
	padding: 4px;
	list-style: none;
}

.col_menu_50 {float:left;width:50%;color:#FF6600;}
.col_menu_33 {float:left;width:33%;color:#FF6600;}
.menu_h_ul {color:#5a5a5a;margin:0;padding:0;}

ul.menu_h_ul li {
border-bottom:1px solid #5a5a5a;	/* ligne séparatrice des sous-menus */
height:30px;
}