/* CSS Document */

body,html{
	margin:0px;
	padding:0px;
}
body{
	background-image:url(../img/fd.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	font-family:"trebuchet ms",arial;
	font-size:13px;
}

img{border:0px;}



/****formulaire****/

input{
	font-family:"trebuchet ms",arial;
	font-size:11px;


}




#page{
	width:991px;
	margin-left:auto;
	margin-right:auto;
	z-index:0;
}
.banniere{z-index:1; position:absolute; }
.banniere img.logo{
	position:absolute;
	margin-left:27px;
	top:0px;
}
.banniere .banphoto{
	position:absolute;
	margin-left:276px;
	top:23px;
	width:714px;
	height:239px;
}


/***** bouton dans la bannire***/
.banniere a.bt{
	position:absolute;
	display:block;
	width:196px;
	height:25px;
	background-image:url(../img/ban_bt.jpg);
	text-decoration:none;
	text-align:center;
	padding-top:8px;
	top:110px;
	left:50px;
	color:#3c3838;
	font-weight:bold;
	

}
.banniere a.bt:hover{
	color:#866a6a;
}
.banniere a.bt2{
	background-image:url(../img/ban_bt2.jpg);
	color:#a60000;
}
.banniere a.bt2:hover{
	color:#FF0000;
}


/************menu / ss menu ****/
.banniere ul
{
	width: 980px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin-top:266px;
}
.banniere ul li
{
	float: left;
	
	margin: 0;
	padding: 0;
	border: 0;
}
.banniere ul li a
{
	display: block;
	height: 32px;
	width: 102px;
	color: #FFF;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	background-image:url(../img/fd_menua.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#21451c; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:8px;
	font-size:11px;
	line-height:15px;
	text-align:center;
}
.banniere ul li a:hover, .banniere ul li.in a {
	background-image:url(../img/fd_menub.jpg);
	color:#CC0000;
	/*border-bottom:2px solid #ececec;*/
}
.banniere ul li.in ul li a {
	background-image:none;
	color:#8f1616;
}
.banniere ul li.in ul li a:hover {
	background-image:none;
	color:#ff4d4d;
}
.banniere ul li a:active {}

.banniere ul li:hover > ul.ssssmenu{
	display:block;
}

ul.ssssmenu{
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	margin-top:39px;
	width:250px;
	background-color:#FBEFF0;/*fcf1f1*/
	background-image:url(../img/fd_ssmenu.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	position:absolute;
	height:auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	display:none;
}

ul.ssssmenu li{	float:inherit;width:200px;}
ul.ssssmenu li a{
	background-image:none;
	width:100%;
	height:10px;
	text-align:left;
	color:#8f1616;
	font-family:verdana;
	font-size:10px;
}
ul.ssssmenu li a:hover{
	background-image:none;
	color:#ff4d4d;
}

ul.ssssmenu.prod1{margin-left:1px;}
ul.ssssmenu.prod2{margin-left:108px;}
ul.ssssmenu.prod3{margin-left:215px;}
ul.ssssmenu.prod4{margin-left:322px;}
ul.ssssmenu.prod5{margin-left:429px;}
ul.ssssmenu.prod6{margin-left:536px;}
ul.ssssmenu.prod7{margin-left:643px;}
ul.ssssmenu.prod8{margin-left:605px;}
ul.ssssmenu.prod8 li{width:230px;} ul.ssssmenu.prod8 li, ul.ssssmenu.prod8 li a{text-align:right;}
ul.ssssmenu.prod9{margin-left:712px;}
ul.ssssmenu.prod9 li{width:230px;} ul.ssssmenu.prod9 li, ul.ssssmenu.prod9 li a{text-align:right;}
/*ul.ssssmenu.prod1{margin-left:2px;}
ul.ssssmenu.prod2{margin-left:91px;}
ul.ssssmenu.prod3{margin-left:236px;}
ul.ssssmenu.prod4{margin-left:386px;}
ul.ssssmenu.prod5{margin-left:479px;}
ul.ssssmenu.prod6{margin-left:585px;}
ul.ssssmenu.prod7{margin-left:672px;}
ul.ssssmenu.prod8{margin-left:706px;}
ul.ssssmenu.prod8 li{margin-right:25px;}
ul.ssssmenu.prod8 li a{text-align:right;}*/

#page div.content{
	position:absolute;
	top:315px;
	width:683px;
	margin-left:280px;
	z-index:0;
}

#page div.ssmenu{
	position:absolute;
	top:320px;
	width:260px;
	z-index:0;
	padding-top:20px;
}


/*	FOOTER
------------------------------------- */
#footer{
	position:fixed;
	bottom:0px;
	background-image:url(../img/fd_footer.gif);
	width:100%;
	left:0px;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	height:19px;
	padding-top:7px;
	letter-spacing:1px;
}
	#footer a{
		text-decoration:none;
		color:#578D50;
	}
	#footer a:hover{
		color:#FFFFFF;
	}


/*	ARIANE
------------------------------------- */
#ariane{
	margin:0 0 5px 0;
	text-align:right;
	color:#C38A00;
}
	#ariane a{
		color:#C38A00;
	}


/*	BOXES
------------------------------------- */
.oublimdp{
	margin-top:10px;
	text-align:center;
}
	.oublimdp a{color:#0A4103;}
.box{
	width:205px;
	margin-left:10px;
	padding:10px;
	padding-top:5px;
	background-repeat:no-repeat;
	background-position:top center;
	border-bottom:1px solid #92b58e;
	margin-bottom:15px;
	font-size:11px;
}
	.box table{
		width:100%;
	}
	.box input{
		width:100px;
		background-image:url(../img/fd_input.gif);
		background-repeat:repeat-x;
		background-position:top;
		border:1px solid #cfcaca;
	}
	.box .titrebox{
		font-size:13px;
		width:205px;
		font-weight:bold;
		text-align:center;
		letter-spacing:1px;
		text-transform:uppercase;
		padding:8px 0 9px 0;
		margin:0;
	}
	.box ul, .box ul li{
		margin:0px;
		padding:0px;
		margin-left:5px;
	}
	.box ul li{
		list-style-type:none;
		list-style-image:url(../img/puce.gif);
	}
	.box ul li a{
		text-decoration:none;
		display:block;
		width:100%;
		border-bottom:1px solid #e7e8e2;
		font-size:11px;
		font-weight:bold;
	}
	.box ul li a:hover{
		padding-left:5px;
	}
.box_vert{
	background-image:url(../img/box_vert.jpg);
	border-bottom-color:#92b58e;
	color:#0a4103;
}
.box_rouge{
	background-image:url(../img/box_rouge.jpg);
	border-bottom-color:#d39595;
	color:#9b1313;
}
.box_jaune{
	background-image:url(../img/box_jaune.jpg);
	border-bottom-color:#e9dd8a;
	color:#c38a00;
}
.box_jaune a{color:#c38a00;}
.box_jaune a:hover, .box_jaune li.in a{
	background-color:#FBFFCC;
	color:#BE5E05;
}
.box_rouge a{color:#ac1515;}
.box_rouge a:hover, .box_rouge li.in a{
	background-color:#FDD7D9;
	color:#6A0D0D;
}