/* CSS Document */
body, html{height: 100%;}
html{overflow-x:hidden;}
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:"trebuchet ms",arial;
	background-image:url(../img/fd.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-attachment:fixed;
	background-color:#fbfbfd;
}
img{border:0px;}

#contener {
	position: relative;
	min-height: 100%;
	background-image:url(../img/fd_page.gif);
	background-repeat:repeat-y;
	width:1008px;
	margin-left:auto;
	margin-right:auto;
}


#banniere{
	width:1008px;
	height:130px;
	background-image:url(../img/ban.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	
}

#banniere ul{
	position:absolute;
	margin:0px;
	padding:0px;
	top:98px;
	margin-left:220px;
	

}
#banniere ul li{
	display:inline;
	font-weight:bold;
	margin-left:10px;
	margin-right:5px;
}
#banniere ul li a{
	text-decoration:none;
	color:#ffffff;
	background-image:url(../img/menu-puce.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-left:0px;
	padding-right:10px;
}

#banniere ul li a:hover{color:#ffcc00;}

#banniere .flag{
	position:absolute;
	float:right;
	text-align:right;
	margin-left:928px;
}
#banniere .aspeco{
	position:absolute;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:10px;
	color:#173a3c;
}
#banniere .aspeco a{
	text-decoration:none;
	color:#173a3c;
	font-weight:bold;
}

#banniere input{
	border:0px;
	height:15px;
	margin-top:99px;
	background-color:transparent;
	width:153px;
	height:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3e3117;
	margin-left:20px;
}

#banniere #menugeneral{
	position:absolute;
	top:75px;
	margin-left:450px;
}
#banniere ul#menugeneral  li a{
	padding:0px;
	background-image:url(../img/menu_fd.gif);
	display:block;
	float:left;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
	color:#4f1f34;
	height:18px;
	background-position:top;
	margin-top:2px;
}

#banniere ul#menugeneral  li a:hover{color:#000000;height:20px;margin-top:0px;}
#banniere ul#menugeneral  li.m1 a{width:92px; background-image:url(../img/menu_fd1.gif);}
#banniere ul#menugeneral  li.m2 a{width:92px; background-image:url(../img/menu_fd2.gif);}
#banniere ul#menugeneral  li.m3 a{width:128px; background-image:url(../img/menu_fd3.gif);}
#banniere ul#menugeneral  li.m4 a{width:87px; background-image:url(../img/menu_fd4.gif);}
#banniere ul#menugeneral  li.m5 a{width:58px; background-image:url(../img/menu_fd5.gif);}




#page{
	padding-bottom: 48px;
}

#page #texte{
	width:560px;
	margin-left:250px;
	padding-bottom:50px;
	text-align:justify;

	
}

/******** mise en page ****/
#page #texte h1{
	margin:0px;
	padding:0px;
	color:#c93901;
	font-size:18px;
	height:40px;
	background-image:url(../img/h1_fd.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-left:25px;
	margin-bottom:15px;
}

#page #texte h2{
	padding:0px;
	margin:0px;
	color:#522137;
	font-size:14px;
	font-weight:bold;
}
#page a{color:#5c1f7c;}
#page a:hover{ text-decoration:none;}

img.photo{
	border:1px solid #1f5255;
	padding:3px;
	background-color:#FFFFFF;
	margin:5px;
}


/******* fin mise en page ***/



#page #menu{
	width:244px;
	margin-left:4px;
	float:left;
	
	background-image:url(../img/fd_column.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	height:540px;
	
	
}


div.column{
	background-image:url(../img/column_a.gif);
	background-repeat:repeat-y;
	margin-left:10px;
	margin-top:15px;
	width:180px;
	text-align:center;
	color:#1f5457;
}
div.column h3{
	background-image:url(../img/column_c.gif);
	background-repeat:no-repeat;
	width:180px;
	height:20px;
	font-size:12px;
	color:#FFFFFF;
	margin:0px;
	padding-left:45px;
	text-align:left;

}

#page #menu div.panier h3{
	background-image:url(../img/column_c_panier.gif);
}
#page #menu div.panier i{
	color:#c93901;
	font-style:normal;

}
 div.column ul{
	margin:0px;
	padding:0px;
}
div.column ul li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
 div.column ul li a{
	display:block;
	text-decoration:none;
	color:#45182b;
	text-align:right;
	width:168px;
	margin-left:1px;
	padding-right:10px;

}
 div.column img{
 	width:140px;
 }
 div.column ul li a:hover, div.column ul li.menu_select a{
	background-color:#FFFFFF;
	color:#c93901;
	font-weight:bold;
}
 div.column span.column_foot{
	background-image:url(../img/column_b.gif);
	background-repeat:no-repeat;
	width:180px;
	display:block;
	height:10px;
}

#footer{
	position: absolute;
	bottom: 0px;
	left:0px;


}
div#footer div{
	margin-left:400px;

	font-size:11px;
	color:#63283d;
	padding-top:5px;
	border-top:1px solid #dfe4ce;
	letter-spacing:2px;
	
}
div#footer div.realisation{
	text-align:right;
	background-image:none;
	border:0px;

}
div#footer div.realisation a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:9px;
	letter-spacing:-1px;
	color:#999999;
}


div#footer a.facebook, div#footer a.twitter{
	background-image:url(../img/facebook.png);
	background-repeat:no-repeat;
	display:block;
	width:16px;
	height:16px;
	float:left;
	margin-right:5px;


}
div#footer a.twitter{
	background-image:url(../img/twitter.gif);
}
div#footer span.sociolink{
	text-align:center;
	float:right;

}









input, select,textarea{
	font-family:"trebuchet ms", arial;
	font-size:11px;
	
}
select, input.radio{
cursor:pointer;

}
td{ vertical-align:top;}


.ko{
	color:#FF0000;
	margin-left:auto;
	margin-right:auto;
	width:450px;
	background-color:#ffefef;
	padding:8px;
	border:1px solid #FF0000;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../../../img/Stop-32.png);
	background-repeat:no-repeat;
	background-position:top right;
}

a.retour{
	background-image:url(../img/retour.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:20px;
	text-decoration:none;
	font-weight:bold;
	color:#1f5458;
}



#column_right{
	width:190px;
	float:right;
	position:absolute;
	top:140px;
	right:10px;

}
/***** formulaire ****/




/**** bouton  ***/
.bt1{
	background-image:url(../img/bt1.gif);
	height:23px;
	width:121px;
	border:0px;
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	

}
.bt1:hover{
	background-image:url(../img/bt2.gif);
	color:#dea89e;
}