@charset "iso-8859-1";

HTML {width: 100%; }

BODY {width: 100%; margin: 0px; text-align: center;}


#site {width:880px; height:540px; background:url(fond_site.jpg); text-align:left; margin: 0 auto 0 auto; border:1px solid #000000; font-size:0.8em;}

#filtre_transparent{position:absolute; top:0px; left:0px; z-index:200; width:880px; height:540px; background-color:#FFFFFF;  filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; text-align:left; visibility:hidden; display:none;}
 
#haut{width:826px; height:254px; text-align:center;}

#photo_intro{float:left; width:352px; height:254px;}


#constantes{float:right; width:474px; height:29px; text-align:left;}

#constantes span{position: relative; top:50%; left:87%; color:#C80039;}
/*60%*/
#constantes span a {font-family:Trebuchet MS, Arial; color:#C80039; padding:2px; font-size:0.8em; font-weight:bold; text-decoration:none;}

#constantes span a:hover {font-family:Trebuchet MS, Arial; color:#5B504C; padding:2px; font-size:0.8em; font-weight:bold; text-decoration:none;}


#menu_haut{float:right; width:474px; height:87px;}

#menu_haut ul, li {list-style-type: none; margin: 0; padding: 0; }

#menu_haut ul {background: transparent url(menu_haut.jpg) top left no-repeat; width: 474px; height: 87px; text-align: left; }

#menu_haut li {display: inline;  float: left; }

#menu_haut li a {color: #FFFFFF;}

#menu_haut li a:hover {color: #FFFFFF; background: transparent url(menu_haut.jpg) top left no-repeat; }

#menu_haut a#menu1{display:block; width:92px; height: 87px;}

#menu_haut a#menu2{display:block; width:74px; height: 87px;}

#menu_haut a#menu3{display:block; width:74px; height: 87px;}

#menu_haut a#menu4{display:block; width:74px; height: 87px;}

#menu_haut a#menu5{display:block; width:72px; height: 87px;}

#menu_haut a#menu6{display:block; width:76px; height: 87px;}

#menu_haut a#menu1:hover {background-position: 0px -87px;}

#menu_haut a#menu2:hover {background-position: -92px -87px;}

#menu_haut a#menu3:hover {background-position: -166px -87px;}

#menu_haut a#menu4:hover {background-position: -240px -87px;}

#menu_haut a#menu5:hover {background-position: -314px -87px;}

#menu_haut a#menu6:hover {background-position: -386px -87px;}


#menu_haut_gb{float:right; width:474px; height:87px;}

#menu_haut_gb ul, li {list-style-type: none; margin: 0; padding: 0; }

#menu_haut_gb ul {background: transparent url(menu_haut_gb.jpg) top left no-repeat; width: 474px; height: 87px; text-align: left; }

#menu_haut_gb li {display: inline;  float: left; }

#menu_haut_gb li a {color: #FFFFFF;}

#menu_haut_gb li a:hover {color: #FFFFFF; background: transparent url(menu_haut_gb.jpg) top left no-repeat; }

#menu_haut_gb a#menu1{display:block; width:92px; height: 87px;}

#menu_haut_gb a#menu2{display:block; width:74px; height: 87px;}

#menu_haut_gb a#menu3{display:block; width:74px; height: 87px;}

#menu_haut_gb a#menu4{display:block; width:74px; height: 87px;}

#menu_haut_gb a#menu5{display:block; width:72px; height: 87px;}

#menu_haut_gb a#menu6{display:block; width:76px; height: 87px;}

#menu_haut_gb a#menu1:hover {background-position: 0px -87px;}

#menu_haut_gb a#menu2:hover {background-position: -92px -87px;}

#menu_haut_gb a#menu3:hover {background-position: -166px -87px;}

#menu_haut_gb a#menu4:hover {background-position: -240px -87px;}

#menu_haut_gb a#menu5:hover {background-position: -314px -87px;}

#menu_haut_gb a#menu6:hover {background-position: -386px -87px;}


#texte_intro{float:right; width:474px; height:138px; text-align:left;}

.partie_intro{width:435px; height:138px; vertical-align:bottom; text-align:left; font-family:Arial; font-size:0.8em; padding-left:25px}


#milieu{width:826px; height:56px;}


#bas{width:826px; height:230px;}

#bas_gauche{float:left; width:259px; height:230px;}

#bas_gauche table{position:relative; top:10%; left:11%; z-index:10; width:80%;}

.niv4liee {border-bottom:1px dotted #C80039;}
.niv4liee a {background:url(fleche_rouge.jpg); background-repeat:no-repeat; background-position: 0px 3px; padding-left:12px; font-family:Arial; font-size:0.9em; font-weight:bold; color:#C80039; text-decoration:none;}
.niv4liee a:hover {background:url(fleche_grise.jpg); background-repeat:no-repeat; background-position: 0px 3px; padding-left:12px; font-family:Arial; font-size:0.9em; font-weight:bold; color:#9C9EA1; text-decoration:none;}

#bas_droite{float:right; width:567px; height:230px;}

#bas_droite table {text-align:center;}

.libelle_niv4{font-family:Arial; text-align:center; font-size:0.9em;}

.intro_bas{text-align:left; font-family:Arial; font-size:0.8em;}

/*---------------------------------------Popup----------------------------*/
#pop {
display:none; visibility:hidden; position: absolute; top: 4em; left: 14em; width: 800px; height:600px; overflow:auto; border: 1px double black; background: #FFFFFF; z-index: 500; margin:0px; text-align:left;
}

#top_gauche_popup{float:left; width:270px; height:150px;}

.cale_gauche_popup{width:40px; height:150px; background-color:#CC0D41;}

.photo_1_popup{width:230px; height:150px; background:url(fond_photo_1.jpg) repeat-y;}

#top_droite_popup{float:right; width:530px; height:26px;}

.fermer{width:530px; height:30px; text-align:right; padding:5px;}

#bottom_droite_popup{float:right; width:530px; height:124px; vertical-align:bottom; text-align:left;}

.titre_partie{width:800px; height:56px; background-image:url(fond_milieu_popup.gif); background-repeat:no-repeat; text-align:left; vertical-align:bottom; font-family:Helvetica, Arial; color:#FFFFFF; padding-left:30px; padding-bottom:3px; font-size:0.9em;}


.contenu{float:left; width:800px; padding-top:15px; text-align:left;}

.contenu_gauche{width:270px; padding-top:10px; text-align:left; vertical-align:top;}

.contenu_gauche table{position:relative; top:18%; left:9%; z-index:10; width:80%;}


.contenu_droite{width:530px; height:370px; padding-top:5px; text-align:left; overflow:auto;}

.contenu_droite table{width:510px; margin-left:1px;}

.contenu_full{width:800px; height:370px; padding-top:5px; text-align:center; overflow:auto;}

.contenu_full table{width:780px; margin-left:1px;}


.niv_4_partie_titre{color:#CC0D41; font-size:13px; font-weight:bold; font-family:Arial,Helvetica,Sans-serif; text-align:left;}

.niv_4_partie_intro{color:#BDBEC0; font-size:12px; font-weight:bold; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; text-align:left}

.niv_4_partie_corps{color:#000000; font-size:12px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; padding:3px; text-align:left}
/*---------------------------------------Fin Popup----------------------------*/