@charset "iso-8859-2";
/* CSS Document */

* {
	margin:0px;
	padding:0px; 
}

body{	
	margin:0px;
	padding:0px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;	
	text-align:left;
	color:#000000;
	background-color:#FFF;
	margin:0px;	
	z-index:1;
}

.pousseur{ clear:both; }
.les_liens{ color:#000; text-decoration:underline; }
.les_liens:hover { color:#000; text-decoration:none; }
.msg_erreur{ margin-left:150px; font-weight:bold; color:#e85426; }
.centrer{ text-align:center; }
.float_left_img{ float:left; margin-right:15px; }
.float_right_img{ float:right; margin-left:15px; }
.orange{ color:#e85426; }

img{ border:none; }
a{ outline:none; }


#page{ width:955px; margin-left:auto; margin-right:auto;}
#banniere { background:url(../images/banniere.jpg) top left no-repeat; width:955px; height:269px; }
#corps{ background:url(../images/corps_haut.jpg) #00324B top left no-repeat; width:955px; min-height:351px; overflow:hidden; }   /* min-height = 351 (hauteur img corps_heut.jpg) + 65 (hauteur margon-top ci-dessous) */
html>body #corps{ height:auto; min-height:351px; }
#footer{ background:url(../images/footer.jpg) top left no-repeat; width:955px; height:146px; margin-top:-65px; position:relative; z-index:1; }  /*margin-top:-65px;*/

#banniere .langues{ float:right; height:18px; text-align:right; margin-right:4px; margin-top:4px;}
#banniere .categories{ clear:both; background:url(../images/categories.jpg) top left no-repeat; width:955px; height:200px; margin:auto; position:relative; }

#banniere .categories .logo{ position:absolute; width:214px; left:741px; top:72px; }



/************* MENU HAUT ****************/
.menu{ font-size:12px; margin-top:0px; margin-left:34px; }
ul#ulmenu{ list-style-type:none; width:100%; }
ul#ulmenu li{ float:left; }

/*Bouton 1*/
ul#ulmenu li#libtn1 a#btn1{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn1h.jpg) no-repeat top left;	
}
#btn1{	
	width:106px;
	height:29px;
	float:left;
	color:#FFF;
	padding-top:6px;
}
ul#ulmenu a#btn1{
	text-decoration:none;
	text-align:center;
	background:url(../images/menu/btn1.jpg) no-repeat top left;
}
ul#ulmenu a#btn1:hover{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn1h.jpg) no-repeat top left;	
}

/*Bouton 2*/
ul#ulmenu li#libtn2 a#btn2{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn2h.jpg) no-repeat top left;	
}
#btn2{	
	width:96px;
	height:29px;
	float:left;	
	color:#FFF;
	padding-top:6px;
}
ul#ulmenu a#btn2{
	text-decoration:none;
	text-align:center;	
	background:url(../images/menu/btn2.jpg) no-repeat top left;
}
ul#ulmenu a#btn2:hover{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn2h.jpg) no-repeat top left;	
}

/*Bouton 3*/
ul#ulmenu li#libtn3 a#btn3{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn3h.jpg) no-repeat top left;	
}
#btn3{	
	width:103px;
	height:29px;
	float:left;	
	color:#FFF;
	padding-top:6px;
}
ul#ulmenu a#btn3{
	text-decoration:none;
	text-align:center;
	background:url(../images/menu/btn3.jpg) no-repeat top left;
}
ul#ulmenu a#btn3:hover{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn3h.jpg) no-repeat top left;	
}

/*Bouton 4*/
ul#ulmenu li#libtn4 a#btn4{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn4h.jpg) no-repeat top left;	
}
#btn4{	
	width:129px;
	height:29px;
	float:left;	
	color:#FFF;
	padding-top:6px;
}
ul#ulmenu a#btn4{
	text-decoration:none;
	text-align:center;	
	background:url(../images/menu/btn4.jpg) no-repeat top left;
}
ul#ulmenu a#btn4:hover{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn4h.jpg) no-repeat top left;	
}

/*Bouton 5*/
ul#ulmenu li#libtn5 a#btn5{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn5h.jpg) no-repeat top left;	
}
#btn5{	
	width:87px;
	height:29px;
	float:left;
	color:#FFF;
	padding-top:6px;
}
ul#ulmenu a#btn5{
	text-decoration:none;
	text-align:center;
	background:url(../images/menu/btn5.jpg) no-repeat top left;
}
ul#ulmenu a#btn5:hover{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn5h.jpg) no-repeat top left;	
}

/*Bouton 6*/
ul#ulmenu li#libtn6 a#btn6{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn6h.jpg) no-repeat top left;	
}
#btn6{	
	width:157px;
	height:29px;
	float:left;
	color:#FFF;
	padding-top:6px;
}
ul#ulmenu a#btn6{
	text-decoration:none;
	text-align:center;
	background:url(../images/menu/btn6.jpg) no-repeat top left;
}
ul#ulmenu a#btn6:hover{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn6h.jpg) no-repeat top left;	
}

/*Bouton 7*/
ul#ulmenu li#libtn7 a#btn7{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn7h.jpg) no-repeat top left;	
}
#btn7{	
	width:76px;
	height:29px;
	float:left;
	color:#FFF;
	padding-top:6px;
}
ul#ulmenu a#btn7{
	text-decoration:none;
	text-align:center;	
	background:url(../images/menu/btn7.jpg) no-repeat top left;
}
ul#ulmenu a#btn7:hover{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn7h.jpg) no-repeat top left;	
}

/*Bouton 8*/
ul#ulmenu li#libtn8 a#btn8{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn8h.jpg) no-repeat top left;	
}
#btn8{	
	width:130px;
	height:29px;
	float:left;
	color:#FFF;
	padding-top:6px;
}
ul#ulmenu a#btn8{
	text-decoration:none;
	text-align:center;	
	background:url(../images/menu/btn8.jpg) no-repeat top left;
}
ul#ulmenu a#btn8:hover{
	text-decoration:none;
	font-weight:bold;
	background:url(../images/menu/btn8h.jpg) no-repeat top left;	
}
/************* FIN MENU HAUT ****************/



/************* ACCUEIL ****************/
#corps .categorie1{ float:left; width:280px; margin-left:35px; _margin-left:18px; padding-top:35px; }
#corps .categorie2{ float:left; width:320px; padding-top:35px; }
#corps .categorie3{ float:left; width:280px; padding-top:35px; }

#corps .categorie1 .cadre_haut_accueil{ background:url(../images/cadre_haut_accueil1.jpg) no-repeat bottom left; width:250px; height:48px; text-align:center; }
#corps .categorie1 .cadre_milieu_accueil{ background:url(../images/cadre_milieu_accueil.jpg) #afbec5 repeat-x top left; width:250px; min-height:259px; position:relative; z-index:10; }
html>body #corps .categorie1 .cadre_milieu_accueil{ height:auto; min-height:259px; }
#corps .categorie1 .cadre_bas_accueil{ background:url(../images/cadre_bas_accueil.jpg) no-repeat top left; width:250px; height:17px; position:relative; z-index:10; }

#corps .categorie2 .cadre_haut_accueil{ background:url(../images/cadre_haut_accueil2.jpg) no-repeat bottom left; width:250px; height:48px; text-align:center; margin:auto; }
#corps .categorie2 .cadre_milieu_accueil{ background:url(../images/cadre_milieu_accueil.jpg) #afbec5 repeat-x top left; width:250px; min-height:259px; margin:auto; position:relative; z-index:10; }
html>body #corps .categorie2 .cadre_milieu_accueil{ height:auto; min-height:259px; }
#corps .categorie2 .cadre_bas_accueil{ background:url(../images/cadre_bas_accueil.jpg) no-repeat top left; width:250px; height:17px; margin:auto; position:relative; z-index:10; }

#corps .categorie3 .cadre_haut_accueil{ background:url(../images/cadre_haut_accueil3.jpg) no-repeat bottom left; width:250px; height:48px; text-align:center; margin-left:30px; }
#corps .categorie3 .cadre_milieu_accueil{ background:url(../images/cadre_milieu_accueil.jpg) #afbec5 repeat-x top left; width:250px; min-height:259px; margin-left:30px; position:relative; z-index:10; }
html>body #corps .categorie3 .cadre_milieu_accueil{ height:auto; min-height:259px; }
#corps .categorie3 .cadre_bas_accueil{ background:url(../images/cadre_bas_accueil.jpg) no-repeat top left; width:250px; height:17px; margin-left:30px; position:relative; z-index:10; }

#corps .titre_categorie{ width:85%; height:25px; margin:auto; color:#e85426; font-size:16px; border-bottom:1px solid #738e9c; padding-top:12px; }
#corps .cadre_milieu_accueil ul{ margin-left:35px; margin-top:5px; color:#003362; }
#corps .cadre_milieu_accueil li{ padding-bottom:6px; padding-left:2px; }
#corps .cadre_milieu_accueil a{ color:#003362; text-decoration:none; }
#corps .cadre_milieu_accueil a:hover{ color:#003362; text-decoration:underline; }
#corps .cadre_milieu_accueil .ligne1{ list-style-image:url(../images/puce_fleche1.jpg); }
#corps .cadre_milieu_accueil .ligne2{ list-style-image:url(../images/puce_fleche2.jpg); }
#corps .cadre_milieu_accueil .ligne3{ list-style-image:url(../images/puce_fleche3.jpg); }
#corps .cadre_milieu_accueil .ligne4{ list-style-image:url(../images/puce_fleche4.jpg); }
/************* FIN ACCUEIL ****************/



/************* CORPS DE LA PAGE ****************/
#corps .contenu{ width:955px; padding-top:35px; }
#corps .contenu .cadre_haut{ background:url(../images/cadre_haut.jpg) no-repeat bottom left; width:882px; height:30px; margin:auto; }
#corps .contenu .cadre_milieu{ background:url(../images/cadre_milieu.jpg) #ccd4da repeat-x top left; width:882px; height:276px; margin:auto; position:relative; z-index:10; }
html>body #corps .contenu .cadre_milieu{ height:auto; min-height:276px; }
#corps .contenu .cadre_bas{ background:url(../images/cadre_bas.jpg) no-repeat top left; width:882px; height:18px; margin:auto; position:relative; z-index:10; }

#corps .contenu .cadre_haut .titre_contenu{ float:left; padding-top:8px; padding-left:27px; padding-right:5px; }
#corps .contenu .cadre_haut .fleche_contenu{ float:left; padding-top:8px; padding-right:5px }
#corps .contenu .cadre_haut .menu_contenu{ float:left; padding-top:8px; }
#corps .contenu .cadre_haut .menu_contenu a{ color:#000; text-decoration:none; }
#corps .contenu .cadre_haut .menu_contenu a:hover{ color:#000; text-decoration:underline; }

#corps .contenu .cadre_milieu .contenu_cadre_milieu{ width:880px; margin:auto; padding-top:20px; text-align:justify; overflow:hidden; }
#corps .contenu .cadre_milieu .contenu_cadre_milieu .texte_gauche{ float:left; width:395px; padding-left:25px; padding-right:20px; }
#corps .contenu .cadre_milieu .contenu_cadre_milieu .texte_droite{ float:left; width:395px; padding-left:20px; padding-right:25px; }
#corps .contenu .cadre_milieu .contenu_cadre_milieu .texte_centre{ float:left; width:830px; padding-left:25px; padding-right:25px; }
#corps .contenu .cadre_milieu .contenu_cadre_milieu .img_centre{ clear:both; width:880px; margin:auto; text-align:center; padding-top:15px; }

#corps .contenu .cadre_milieu .contenu_cadre_milieu .texte_centre .tab_contact{ width:95%; text-indent:37px; }
#corps .contenu .cadre_milieu .contenu_cadre_milieu .texte_centre .tab_nous_contacter{ width:70%; margin:auto; }

.img_real{ margin:10px; }
/************* FIN CORPS DE LA PAGE ****************/



/************* FOOTER ****************/
#footer div{ font-size:9px; padding-top:127px; color:#FFF; }
#footer a{ color:#FFF; text-decoration:underline; }
#footer a:hover{ color:#FFF; text-decoration:none; }
#footer .liens{ float:left; width:200px; padding-left:5px; }
#footer .infos{ float:left; }
/************* FIN FOOTER ****************/