/* CSS Document */

body{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  }

h1{ font-size:18px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2{ font-size:16px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ font-size:12px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; font-weight:bold; }
p{ padding:0; margin:0px 0px 15px 0px; }
ul{ margin:5px 0px 5px 0px; padding:0px 0px 0px 30px; }
ul li { margin:0px 0px 7px 0px; padding:0; list-style:square;  }
.hidden{ visibility:hidden; }
.scroll{ overflow:auto; }
a{ color:#7a6262; }

#main{ position:absolute; width:1000px; height:600px; left:50%; /*top:50%;*/ margin-left:-500px; margin-top:20px; display:block; background-color:#e3dfdc; background:url(../img/fond.jpg); background-position:bottom; z-index:10;}
#main2{ position:absolute; width:1000px; height:auto; left:50%; /*top:50%;*/ margin-left:-500px; margin-top:20px; display:block; background-color:#ffffff; background:url(../img/fond.jpg); background-position:bottom; background-repeat:no-repeat; z-index:10;}
#main_home{ position:absolute; width:1000px; height:600px; left:50%; /*top:50%;*/ margin-left:-500px; margin-top:20px; display:block; background-color:#e3dfdc; background:url(../img/home_fond.jpg); background-position:bottom;}

#header{ position:relative; width:1000px; height:78px; background:url(../img/header_fond.jpg); display:block; }
#logo{ position:absolute; top:20px; left:20px; }
#menu{ position:relative; margin-left: 234px; height:72px; overflow:hidden;  }
#menu ul{ margin:0; padding:0; }
#menu ul li{  margin:0; display:block; padding:0; list-style:none; float:left; color:#FFFFFF;  }
#menu ul li.separation{ padding-top:23px; }
#menu ul li a{ padding:26px 13px 0px 13px; display:block; height:72px; float:left; }
#menu ul li a.rub1:hover{ background:url(../img/menu_rub1_fond.jpg); }
#menu ul li a.rub2:hover{ background:url(../img/menu_rub2_fond.jpg); }
#menu ul li a.rub3:hover{ background:url(../img/menu_rub3_fond.jpg); }
#menu ul li a.rub4:hover{ background:url(../img/menu_rub4_fond.jpg); }
#menu ul li a.rub5:hover{ background:url(../img/menu_rub5_fond.jpg); }
#menu ul li a.rub6:hover{ background:url(../img/menu_rub6_fond.jpg); }
#menu ul li a.rub1_on{ background:url(../img/menu_rub1_fond.jpg); }
#menu ul li a.rub2_on{ background:url(../img/menu_rub2_fond.jpg); }
#menu ul li a.rub3_on{ background:url(../img/menu_rub3_fond.jpg); }
#menu ul li a.rub4_on{ background:url(../img/menu_rub4_fond.jpg); }
#menu ul li a.rub5_on{ background:url(../img/menu_rub5_fond.jpg); }
#menu ul li a.rub6_on{ background:url(../img/menu_rub6_fond.jpg); }

#separation_couleur{  height:6px; width:1000px; display:block; overflow:hidden; }

.photo_metier{ position:absolute; top: -211px; left:250px; height:180px; background-color:#ffffff; display:block; padding:15px; width:120px; text-align:center; }
.photo_metier img{ margin-bottom:5px; }

.legende{ font-style:italic; color:#666666; }

.general h1, .general h2 { color:#7a6262; }


.rub0_fond{ background-color:#998b7d; }
.rub1_fond{ background-color:#c60270; }
.rub1 h1, .rub1 h2 { color:#c60270; }
.rub1 ul.sub_menu_list li a{ border:solid 1px #c60270; color:#c60270; }
.rub1_popup{ border:solid 1px #c60270; background-color:#FFFFFF; padding:10px; }

#rub1-1_photos{ position:absolute; left:25px; top:250px;  }
#rub1-2_photos{ position:absolute; left:0px; top:180px;  }
#tmp_rub2-2{ position:absolute; top:0px; left:500px; } 

.rub2_fond{ background-color:#ffaf02; }
.rub2 h1, .rub2 h2 { color:#ffaf02; }
.rub2 ul.sub_menu_list li a{ border:solid 1px #ffaf02; color:#ffaf02; }
.rub2 ul.sub_menu_list li a:hover{ background-color:#ffaf02; color:#ffffff; }
.rub2 ul.sub_menu_questions li a{ color:#777777; }
.rub2 ul.sub_menu_questions li a:hover{ border:solid 1px #ffaf02; background-color:#FFFFFF;  color:#ffaf02; }
.rub2_popup{ border:solid 1px #ffaf02; background-color:#FFFFFF; padding:10px; }
.rub2 a{ color:#ffaf02; font-weight:bold; }


#rub2-1_photos{ position:absolute; left:769px; top:120px;  }
.rub2-1_popup{ position:absolute; left: 244px;top: 0px;width: 420px; }
.rub2-1_popup .fermer{ position:absolute; left:410px; }

.rub2-2_popup{ position:absolute; left: 244px;top: 0px; width: 420px; z-index:100; }
.rub2-2_popup .fermer{ position:absolute; left:410px; }
#rub2-2_photos{ position:absolute; left:25px; top:300px;  }

.rub2-3_popup{ position:absolute; left: 499px;top: 0px; width: 200px; z-index:100; }
.rub2-3_popup_2{ position:absolute; left: 499px;top: -80px; width: 200px; z-index:100; }
.rub2-3_popup h2{ width:170px; }
.rub2-3_popup .fermer{ position:absolute; left:187px; }
.rub2-3_popup_2 .fermer{ position:absolute; left:187px; }
#rub2-3_photos{ position:absolute; left:750px; top:150px;  }

.rub3_fond{ background-color:#cca8e8; }
.rub3 h1, .rub3 h2 { color:#cca8e8; }
.rub3 ul.sub_menu_list li a{ border:solid 1px #cca8e8; color:#cca8e8; }
.rub3 ul.sub_menu_list li a:hover{ border:solid 1px #cca8e8; background-color:#cca8e8;  color:#ffffff; }
.rub3_popup{ border:solid 1px #cca8e8; background-color:#FFFFFF; padding:10px; }
.rub3_popup .postuler{ position:absolute; bottom:-25px; right: -20px; }

#rub3-1_photos{ position:absolute; left:769px; top:120px;  }
.rub3-1_popup { position:absolute; left: 299px;top: 0px; width: 380px; z-index:100; }
.rub3-1_popup .fermer{ position:absolute; left:370px; }
#rub3-1_photos{ position:absolute; left:600px; top:250px;  }


.rub3-3_popup { position:absolute; left: 299px;top: 0px; width: 380px; z-index:100; }
.rub3-3_popup2 { position:absolute; left: 299px;top: -150px; width: 380px; z-index:100; }
.rub3-3_popup .fermer,.rub3-3_popup2 .fermer{ position:absolute; left:370px; }
.rub3-3_popup3 {width: 370px; height:180px; overflow:auto; }


.rub3-4_popup { position:absolute; left: 299px;top: 0px; width: 380px; z-index:100; }
.rub3-4_popup .fermer{ position:absolute; left:370px; }

.rub3-5_popup { position:absolute; left: 299px;top: 0px; width: 380px; z-index:100; }
.rub3-5_popup .fermer{ position:absolute; left:370px; }

.rub3-6_popup { position:absolute; left: 299px;top: 0px; width: 380px; z-index:100; }
.rub3-6_popup .fermer{ position:absolute; left:370px; }

.rub4_fond{ background-color:#a9dee8; }
.rub4 h1, .rub4 h2 { color:#a9dee8; }
.rub4 ul.sub_menu_list li a{ border:solid 1px #c60270; color:#c60270; }
.rub4_popup{ border:solid 1px #c60270; background-color:#FFFFFF; padding:10px; }

.rub5_fond{ background-color:#dd8cbb; }
.rub5 h1, .rub5 h2, .rub5 h3 { color:#dd8cbb; }
.rub5 ul.sub_menu_list li a{ border:solid 1px #dd8cbb; color:#dd8cbb; }
.rub5_popup{ border:solid 1px #dd8cbb; background-color:#FFFFFF; padding:10px; }
.rub5 a{ color:#dd8cbb; font-weight:bold; }

#rub5-1_photos{ position:absolute; left:800px; top:120px;  }
#rub5-2_photos{ position:absolute; left:700px; top:120px;  }

table.rub5-1{ background-color:#e4a1ca; width:500px; }
table.rub5-1 tr td {background-color:#FFFFFF; padding:5px; }
table.rub5-1 tr td.col1{ width:90px; }
table.rub5-1 tr td.col3{ width:90px; }

table.rub5-1 tr.rub5-1_ligne1 td.col1 { background-color:#e4a1ca; }
table.rub5-1 tr.rub5-1_ligne1 td.col2 { background:url(../img/rub5_fond.jpg); background-repeat:repeat-y; background-color:#FFFFFF; }
table.rub5-1 tr.rub5-1_ligne1 td.col3 { background-color:#ece5df; }
table.rub5-1 tr.rub5-1_ligne2 td.col3 { background-color:#bab3a1; }

.rub6_fond{ background-color:#cad100; }
.rub6 h1, .rub6 h2 { color:#cad100; }
.rub6 h2{ margin-top:33px; }
.rub6 ul.sub_menu_list li a{ border:solid 1px #cad100; color:#cad100; }
.rub6_popup{ position:absolute; left:350px; top:0px; width:350px; height:395px; border:solid 1px #cad100; background-color:#FFFFFF; padding:10px; }
.rub6_photo{ width:80px; height:100px; float:left; margin-right:5px; margin-bottom:5px; }
.rub6_photo img { border: 1px solid #cad100;}
.rub6_popup .fermer{ position:absolute; left:345px; }
.rub6_popup h2{ margin-right:20px; }

.rub6 .int {height:280px; padding-right:10px; width:340px; }

#content{ height:500px; display:block; }
#content2{ height:auto; display:block; }

#content #menu_sub{ position:relative; width:200px; display:block; float:left; margin-right:55px; }
#content #menu_sub ul{ margin:0; padding:5px 0px 20px 0px; /*border:solid 1px #000000;*/ } 
#content #menu_sub ul li { display:block; padding:5px 30px 5px 20px; margin:0; list-style:none; color:#FFFFFF; display:inline-block; }
#content #menu_sub ul li.selected { border-bottom:solid 2px #ffffff; }
#content #menu_sub ul li a { text-decoration:none; color:#000000; float:left; }
#content #menu_sub ul li a:hover { text-decoration:none; color:#ffffff; }
#content #menu_sub ul li.selected a { font-weight:bold; color:#ffffff; }

#content #deco{ position:absolute; left: 199px; top: 77px; }

#content2 #menu_sub{ position:relative; width:200px; display:block; float:left; margin-right:55px; }
#content2 #menu_sub ul{ margin:0; padding:5px 0px 20px 0px; /*border:solid 1px #000000;*/ } 
#content2 #menu_sub ul li { display:block; padding:5px 30px 5px 20px; margin:0; list-style:none; color:#FFFFFF; display:inline-block; }
#content2 #menu_sub ul li.selected { border-bottom:solid 2px #ffffff; }
#content2 #menu_sub ul li a { text-decoration:none; color:#000000; float:left; }
#content2 #menu_sub ul li a:hover { text-decoration:none; color:#ffffff; }
#content2 #menu_sub ul li.selected a { font-weight:bold; color:#ffffff; }

#content2 #deco{ position:absolute; left: 199px; top: 77px; }

#content #texte{ width:500px; height:400px; margin-top:40px; display:inline-block; }
#content #texte10-1{ width:600px; height:400px; margin-top:40px; margin-left:245px; display:inline-block; }
#content #texte10-3{ width:800px; height:400px; margin-top:40px; margin-left:100px; display:inline-block; }

ul.sub_menu_list{ margin:0px; padding:0px; display:inline-block; }
ul.sub_menu_list li{ margin:0px; display:block; padding:0px; list-style:none;  } 
ul.sub_menu_list li a { display:block; padding:10px 10px 10px 10px; background-color:#FFFFFF; text-decoration:none; font-size:14px; font-weight:bold; }

ul.sub_menu_questions{ margin:0px; padding:0px; display:inline-block; }
ul.sub_menu_questions li{ margin:0px; display:block; padding:0px; list-style:none;  } 
ul.sub_menu_questions li a { display:block; padding:11px 11px 11px 11px; text-decoration:none; font-size:14px; color:#777777; font-weight:bold; }
ul.sub_menu_questions li a:hover { display:block; padding:10px 10px 10px 10px; text-decoration:none; font-size:14px; color:#777777; font-weight:bold; }

#footer{ height:17px; width:1000px; overflow:hidden; display:block; background:url(../img/footer_fond.jpg); display:inline-block; }
#footer #lien_promod{ margin-left:20px; padding-top:2px; float:left; }

#footer #liens{ margin-left:200px; float:left; display:inline; }
#footer #liens a { color:#533637; font-size:13px; text-decoration:none; margin: 0px 10px 0px 10px; }
#footer #liens a:hover { color:#000000; }
#footer #flags{ margin-top:2px;  }
#footer #flags img{ margin-left:10px; }

.calque{
  opacity:.80;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .75;
  filter : alpha(opacity=75);
  width: 100%;
  height : 100%;
  top : 0;
  left : 0 ;
  z-index:100;
}




.video{
  position: absolute;
  visibility : hidden;
  width: 512px;
  height : 298px;
  display:block;
  top:100px;
  left : 50% ;
  margin-left:-256px;
  background-color:#aadee9;
  color:#FFFFFF;
  padding:30px 10px 10px 10px;
  z-index:1000;

}

#video_fermer{ 
	position:absolute; 
	top:105px; 
	left:50%;
	margin-left:200px; 
  	visibility : hidden;
  z-index:10000;
}
  
#video_fermer a { color:#ffffff; font-size:15px; text-decoration:none; font-weight:bold; }