/* CSS Document */

html{
	overflow:hidden;
	margin:0px;
	padding:0px;
}
body{
	background-color:#F7DAB4;
	background-image:url(../img/fd.jpg);
	background-position:left;

	padding:0px;
	margin:0px;
	font-family:"Trebuchet MS",arial,verdana;
	color:#914C36;
	font-size:11px;
	
	
	SCROLLBAR-ARROW-COLOR: #DD954A;
	SCROLLBAR-FACE-COLOR: #F4DFC8;
	SCROLLBAR-3DLIGHT-COLOR:#D3BA9A;
	SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #E1C6A3;
	SCROLLBAR-DARKSHADOW-COLOR: #DD954A;
	SCROLLBAR-TRACK-COLOR: #EBE0D3;
	
}

a{color:#E89E00; font-weight:bold;}
img{border:0px;}
img.photo{
	background-color:#FFFFFF;
	padding:3px;
	border:1px solid #CCCCCC;

}
#banniere{
	height:122px;
	width:100%;
	background-image:url(../img/paysages/banniere.jpg);

	background-repeat:no-repeat;
	background-position:right;

}
#banniere img{
	position:absolute;
}

#arabesque{
	position:absolute;
	width:100%;
	height:519px;

	background-image:url(../img/chocolat/arabesque.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#page{
	background-image:url(../img/chocolat/fd-page.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:488px;

}

#menu{
	position:absolute;
	width:137px;
	height:488px;
	background-image:url(../img/chocolat/fd-menu.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	z-index:10;
}

#menu ul{
	list-style:none;
	margin:0px;
	margin-top:3px;
	padding:0px;
	position:absolute;
	top:25px;
	left:10px;
	width:123px;
}

#menu li{
	background-image:url(../img/menu1.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:22px;
	margin-bottom:1px;
	margin-top:0px;
	padding:0px;
}
#menu li a{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#F7DAB4;
	display:block;
	text-align:center;
	height:17px;
	padding-top:2px;
	padding-bottom:0px;
	font-weight:bold;
	
}
#menu li a:hover{
color:#F7D279;

}
#menu li.menu2{
background-image:url(../img/menu2.jpg);
}

#menu li.menu2 a{
color:#955900;
}
#menu li.menu2 a:hover{
color:#050400;
}
#menu li.menu3{
background-image:url(../img/menu3.jpg);
}
/***ss-menu***/
#menu li.produit{
	background-image:none;
	height:14px;
	background-color:#DBC4B0;
	padding:0px;
	margin:0px;
	margin-top:-1px;
	margin-bottom:-1px;
	
}
#menu li.produit a{
	background-color:#DBC4B0;
	color:#710F22;
	font-size:11px;
	padding:0px;
	margin:0px;
	height:15px;
	display:block;
	font-weight:normal;
}
#menu li.produit a:hover{
	background-color:#E3CFBF;
	color:#FFFFFF;
}
#search{
	margin-left:13px;
	margin-top:8px;
}
#search input{
	border:0px;
	background-color:#FFFFFF;
	font-size:11px;
}
#search input.search{
	width:90px;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
	margin-right:3px;
	color:#666666;
	background-image:none;
	letter-spacing:0px;
}
#search input.bt{
	width:17px;
	height:17px;
	background-image:url(../img/form-bt.jpg);
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
	padding-bottom:2px;
	padding-right:4px;
}
#main{
	position:absolute;
	text-align:justify;
	height:450px;
	width:inherit;
	
	left:148px;
	top:144px;
	right:45px;
	padding-right:80px;
	padding-left:10px;
	overflow-y:auto;
	overflow-x:hidden;
	z-index:9;
	
}
#main table{
margin-left:auto;
margin-right:auto;
}

#main .titre{
	font-size:18px;
	font-weight:bold;
	margin-bottom:6px;
	letter-spacing:1px;
	text-align:right;
	color:#CC3300;
	font-family:Arial, Helvetica, sans-serif;
}
#main h2{
	font-weight:bold;
	color:#E58A00;
	letter-spacing:1px;
	font-size:13px;
	margin:0px;
	padding:0px;
	background-color:#FBF7F2;
	padding-left:5px;
	border-bottom:1px dotted #F5CB8A;
}
#main ul{
	margin:0px;
	padding:0px;
	margin-left:25px;

}
#main li{
	list-style-image:url(../img/puce1.gif);
	color:#96001A;
	margin-left:15px;
	font-weight:bold;
	
}
.puce2{
	background-image:url(../img/puce3.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}
.puce3{
	background-image:url(../img/puce4.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}
#main .adresse{
	text-align:left;
	background-image:url(../img/logo-mini.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:51px;
	width:420px;
	padding-left:55px;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	border-bottom:1px solid #E6C2B3;
	border-top:1px solid #E6C2B3;
	color:#96001A;
}
#main .adresse a{
color:#EB6F00;
}
#main .up{
text-align:right;

}

#footer{
	text-align:center;
	position:absolute;
	margin:0px;
	padding:0px;
	margin-top:-3px;
	width:100%;
	height:10px;
	
}
/**
#footer ul{
	margin:0px;
	padding:0px;
}
#footer li{
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
	font-size:10px;
	font-weight:bold;
}
#footer a{
	color:#80321B;
	text-decoration:none;
	margin-right:15px;
}
#footer img{
	cursor:pointer;
}
**/
#footer{
	position:absolute;
	top:120px;
	right:0px;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:right;
	padding-right:70px;

}
#footer ul{
	margin:0px;
	padding:0px;
}
#footer li{
	margin:0px;
	padding:0px;
	display:inline;
	list-style-type:none;
	font-size:10px;
	font-weight:bold;
}
#footer a{
	color:#80321B;
	text-decoration:none;
	margin-right:15px;
}
#footer img{
	cursor:pointer;
}
/********* formulaire **************/

form input,select, textarea{
	width:99%;
	font-size:11px;
	font-family:arial;
	letter-spacing:1px;
	border:1px solid #CCCCCC;
	background-image:url(../img/input.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
form input.radio{
	height:14px;
	width:14px;
	border:0px;
	background-image:none;
	cursor:pointer;
	margin-right:15px;
	background-color:#F3E7D7;
}
form input.erreur, select.erreur{
	border:1px solid #FF0000;
	background-color:F3A4A4;
	background-image:none;
}
div.erreur{
	background-color:#FFEBEC;
	border:1px solid #CA0C13;
	color:#CA0C13;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	padding:5px;
	

}
form label{
	font-weight:bold;
	text-align:right;

}
form td{text-align:right;}
form input.bt1{
	background-color:#C31014;
	background-image:none;
	border:1px outset #FFFFFF;
	width:90px;
	cursor:pointer;
	color:#FFFFFF;
	font-weight:bold;
}

.loiliberte{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
	margin-top:20px;
	color:#999999;
}