@charset "iso-8859-1";

HTML {width: 100%;}

BODY {width: 100%; margin: 0px; text-align: center; font-family:Trebuchet MS; font-size:0.8em; background-color:#FFFFFF;}

IMG {padding:0px;}

#site {width:821px; margin: 0 auto 0 auto; }

#bandeau_1 {float:left; width:821px; height:106px; background-image:url(images_site/bandeau_fr.jpg);}
#bandeau_2 {float:left; width:821px; height:106px; background-image:url(images_site/bandeau_es.jpg);}
#bandeau_3 {float:left; width:821px; height:106px; background-image:url(images_site/bandeau_gb.jpg);}

#fr{float:left; position:relative; top:10%; left:88%; width:29px; height:23px;}
#es{float:left; position:relative; top:10%; left:88%; width:29px; height:23px;}
#gb{float:left; position:relative; top:10%; left:88%; width:29px; height:23px;}


#gauche {float:left; width:253px; height:auto !important;}

#gauche_haut{float:left; width:253px; height:auto !important; background-color:#FFFFFF;}
#gauche_haut ul, li {list-style-type: none; margin: 0; padding: 0;}
#gauche_haut ul {width:240px; height:auto !important; text-align:left; margin-left:-10px; margin-top:8px;}
#gauche_haut li {display:inline;  float:left; }
#gauche_haut li a {color:#FFFFFF;  background:transparent url(images_site/CDL_05.jpg) top left no-repeat;}
#gauche_haut li a:hover {color:#FFFFFF; background:transparent url(images_site/CDL_05.jpg) top left no-repeat;}
#gauche_haut a.menu{display:block; width:195px; height: 26px; border:solid 1px transparent; color:#777777; text-decoration:none; padding-left:45px; font-weight:bold; background-position:-7px -0px;}
#gauche_haut a.menu:hover {width:195px; height:26px; background-position:-259px -0px; color:#FFA401; text-decoration:none;}

#gauche_bas{float:left; text-align:left; width:200px; min-height:100px; height:auto !important; height:100px; background-color:#EDEDED; margin-top:20px; padding:20px 20px 20px 20px; color:#777777;}


#droit {float:left; width:568px; height:auto !important;}

/*Début partie 1 pour pagination 1, 4 et 5*/
#partie1{float:left; width:346px; height:220px;}
#partie1_photo{float:left; position:relative; height:auto !important; text-align:left; top:3%; left:2%;}
#partie1_titre{float:left; position:relative; width:333px; height:24px; top:3%; left:2%; background-image:url(images_site/bandeau_orange.jpg); background-repeat:no-repeat;}
#partie1_titre span{float:left; position:relative; width:300px; text-align:left; top:12%; left:9%; color:#FFFFFF; font-weight:bold;}
#partie1_texte{float:left; position:relative;  font-size:1.1em; text-align:left; width:205px; top:7px; left:1%; font-size:1em;
              color:#8A8A8A; vertical-align:bottom; background-color:#EDEDED; padding:0px 5px 0px 5px}
/*Fin partie 1 pour pagination 1, 4 et 5*/

/*Début partie 1 pour pagination 2 et 3*/
#partie1_bis{float:left; width:260px; height:146px;}
#partie1_photo_bis{float:left; text-align:left;}
#partie1_titre_bis{float:left; width:250px; height:24px; background-image:url(images_site/bandeau_orange.jpg);}
#partie1_titre_bis span{float:left; position:relative; width:300px; height:24px; text-align:left; top:12%; left:10%; color:#FFFFFF; font-weight:bold;}
#partie1_texte_bis{float:left; text-align:left;  font-size:1.1em;  width:240px; color:#777777; vertical-align:bottom; background-color:#EDEDED; padding:5px 5px 5px 5px;}
/*Fin partie 1 pour pagination 2 et 3*/
#droit_bas{float:left; width:568px; background-color:#FFFFFF; text-align:left;}
#droit_bas_login{float:left; width:568px; background-color:#FFFFFF; text-align:center;}

#bas{float:left; width:821px; height:34px; background-image:url(images_site/CDL_10.jpg); background-repeat:no-repeat;}
#mentions_legales{float:left; width:821px; height:50px; text-align:center; color:#777777;}

td.titre{text-align:left; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FFA900; color:#777777; font-weight:900; padding-top:20px;}
td.chapeau{text-align:left; color:#345B6A; font-size:1em; font-weight:900;}
td.corps{text-align:left; color:#777777; font-size:1em;}

.fichier a:hover{color:#676767; font-size:1.2em; text-decoration:none;}
.fichier a:visited{color:#676767; font-size:1.2em;}
.fichier a{color:#676767; font-size:1.2em;}

.deconnexion a:hover{color:#676767; font-size:0.9em; text-decoration:none;}
.deconnexion a:visited{color:#676767; font-size:0.9em;}
.deconnexion a{color:#676767; font-size:0.9em;}