/* CSS general */

html,body{
	margin:0px;
	padding:0px;
	overflow-x:hidden;
}
body{
	font-family:"trebuchet ms",arial;
	font-size:12px;
	color:#333333;
	background-image:url(../img/fd.gif);
	background-repeat:repeat-y;
	background-position:left;
	

}
h1,h2,h3,h4,h5,h6,ul,li,td{
	margin:0px;
	padding:0px;

}
img{border:0px;}
td{vertical-align:top;}
a{color:#FF3300;}
a:hover{color:#7a0404; text-decoration:none;}
/******* formulaire ***/

div.formulaire{
	border:5px solid #e5e5e5;
	padding:1px;
	background-color:#aaaaaa;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	margin-top:30px;
	margin-bottom:30px;
	
	


}
div.formulaire div{
	background-color:#f7f7f7;
	padding:4px;
	padding-left:25px;
	padding-right:25px;
	color:#333333;


}
div.formulaire div h1{
	font-size:15px;
	margin-bottom:15px;
	border-bottom:1px solid #33a651;
	color:#33a651;
	text-align:left;
	letter-spacing:0px;
}
div.formulaire div h1 a{
	font-size:11px;
	color:#87988c;

}
div.formulaire div table{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
div.formulaire div table td.label{
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	color:#4b5f51;

}


input,select,textarea{
	font-family:"trebuchet ms", arial;
	font-size:12px;
	width:97%;
	border:1px inset #999999;
	height:22px;


}
textarea{
	height:50px;

}
input.bt1{
	border:0px;
	cursor:pointer;
	background-color:#33a651;
	color:#FFFFFF;
	font-weight:bold;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-size:13px;
	letter-spacing:1px;
	background-image:url(../img/bt1a.gif);
	background-repeat:no-repeat;
	background-position:right;

}
input.bt1:hover{
	background-image:url(../img/bt1b.gif);
	background-color:#454545;

}

input.radio{
	border:0px;
	height:16px;
	width:16px;
	cursor:pointer;

}

input.user{
	background-image:url(../../img/input_user.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:17px;
	width:90%;
}
input.pass{
	background-image:url(../../img/input_pass.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:17px;
	width:90%;
}
div.ko{
	background-color:#fff0f0;
	padding:10px;
	border:1px solid #c60b0b;
	color:#c60b0b;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	background-image:url(../img/ko.png);
	background-repeat:no-repeat;
	background-position:center right;
	letter-spacing:-0.5px;
	margin-bottom:20px;
	margin-top:10px;
	display:none;
}
div.ok{
	background-color:#f5fff4;
	padding:10px;
	border:1px solid #1eb208;
	color:#1eb208;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	background-image:url(../img/ok.png);
	background-repeat:no-repeat;
	background-position:center right;
	letter-spacing:-0.5px;
	margin-bottom:20px;
	margin-top:10px;
}



/******mise en page****/
#content{
	width:100%;
	position:absolute;
}
#left{
	width:177px;
	background-image:url(../img/fd_menu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	height:426px;
	left:0px;
}
#banniere{
	background-image:url(../img/fd_ban.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	width:100%;
	height:45px;
	left:0px;
	position:absolute;
}

#page{
	margin-left:177px;
	padding-top:100px;
	width:880px;
}


/*****/
#banniere a.logoff{
	position:absolute;
	right:10px;
	top:5px;
	height:17px;
	background-image:url(../img/logoff.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
}


#banniere ul{
	position:absolute;
	left:250px;
	top:15px;

}

#banniere ul li{
	list-style-type:none;
	display:inline;


}
#banniere ul li a div{
	font-size:10px;
	font-weight:normal;
	text-align:center;
	margin-top:-3px;
	color:#666666;

}
#banniere ul li a{
	display:block;
	float:left;
	background-image:url(../img/fdbanmenu.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:28px;
	border-top:1px solid #d5d5ca;
	border-left:1px solid #d5d5ca;
	border-right:1px solid #d5d5ca;
	margin-left:2px;
	margin-right:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	text-decoration:none;
	font-weight:bold;
	color:#912626;
	font-size:14px;
	margin-top:5px;
	text-align:center;
}
#banniere ul li a div b{

	font-weight:bold;
	color:#f20909;

}
#banniere ul li a:hover{
	background-image:url(../img/fdbanmenu2.gif);
	color:#454545;
	margin-top:0px;

}

#left ul{
	margin-top:150px;
	margin-left:5px;
	width:150px;
	filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}

#left ul li a{
	display:block;
	margin-bottom:2px;
	background-color:#FFFFFF;
	text-decoration:none;
	padding-left:2px;
	font-size:12px;
	color:#000000;
	border-bottom:1px solid #a0a0a0;
	border-top:1px solid #dbdbdb;
	width:100%;
}

#left ul li a span{
	font-size:10px;
	color:#009966;
}

#left ul li a:hover{
	background-color:#666666;
	color:#FFFFFF;
}

#left ul li a:hover span{
	color:#CCCCCC;
}

#left div.adresse{
	font-size:11px;
	margin-top:20px;
	margin-left:10px;
	font-size:11px;
	color:#50501c;

}
#left div.adresse b{
	font-size:13px;

}
#left .promo{ background-color:#fae8e8; color:#FF0000;}
/**** page ***/
h1{
	font-size:15px;
	text-align:center;
	margin-bottom:30px;
	color:#9c9c9c;
	letter-spacing:2px;


}
h2{
	text-align:center;
	font-size:13px;
	letter-spacing:0.8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#2f663a;
	margin-bottom:10px;

}
.photo{
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;

}
div#loading{
	filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8;
	background-color:#FFFFFF;
	width:400px;
	height:150px;
	margin-left:100px;
	position:fixed;
	top:270px;
	background-image:url(../img/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	border:2px solid #666666;
}


ul.filariane li{
	display:inline;

}
ul.filariane li a, ul.filariane li span, ul.filariane li b{
	float:left;
	display:block;
	margin-right:0px;
	background-color:#dfede2;
	padding-left:10px;
	padding-right:25px;
	text-decoration:none;
	background-image:url(../img/ariane.gif);
	background-repeat:no-repeat;
	background-position:right center;
	color:#67a57e;

}
ul.filariane li b{
	background-color:#29c363;
	color:#FFFFFF;

}
ul.filariane li span{
	background-color:#e6e9e7;
	color:#FFFFFF;

}
#page #prdt{
	background-color:#bde1c4;
	border:1px solid #85a78b;
	width:830px;
	margin-bottom:50px;

}
#page table.liste{
	width:100%;
	background-color:#FFFFFF;
	background-image:url(../img/fdlogo.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:10px;

}
#page #prdt table{
	width:100%;
	margin-top:3px;

}
#page #prdt table tr.sstitre td{
	text-align:center;
	font-weight:bold;
	background-color:#d9efde;
	border-bottom:1px solid #f6fdf7;

}
#page table.liste tr.titre td{
	background-color:#dfede2;
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
	padding-bottom:4px;
}
#page table.liste tr.titre td.param{
	font-size:9px;
	font-weight:normal;
	padding-bottom:0px;
	color:#006633;
	text-align:center;
	width:40px;
}
#page table.liste tr.titre td select{
	width:40px;

}
#page table.liste td{
	vertical-align:middle;
	border-bottom:1px dashed #CCCCCC;
	text-align:center;
	

}
#page table.liste tr:hover{
	background-color:#f3f3f3;
	color:#666666;
	

}
#page table.liste td.commande{
	text-align:left;
	padding-left:10px;
}

#page table.liste td.article{
	text-align:left;
	padding-left:20px;

}


#page table.liste td.commande input{
	background-color:#f7f6e9;
	text-align:right;
	width:45px;
	padding-right:5px;
}
#page table.liste td.commande input:hover{
	background-color:#FFFFCC;
}
#page table.liste td.prix{
	font-weight:bold;
	color:#07692c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}
#page table.liste td img.photo{
	width:19px;
	height:19px;

}
td.total{
	background-color:#29c363;
	font-weight:bold;
	color:#FFFFFF; 
}
div.encadre{
	background-color:#f6f6f6;
	border:1px solid #d4d4c8;
	padding:3px;
	margin-bottom:15px;
}
div.encadre h1{
	background-color:#d2d2d2;
	color:#7d7d7c;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	text-align:left;
	padding-left:15px;
	letter-spacing:0px;
}
div.encadre h1 a{font-size:12px;}

span.nbresult{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:10px;
	color:#677e6c;
}
span.nbresult span{
	font-weight:bold;
	color:#007417;
}

a.btvalidcommande{
	display:block;
	background-color:#CCCCCC;
	width:150px;
	text-align:center;
	float:left;
	margin-left:720px;
	margin-top:-25px;
	background-image:url(../img/btvalidcom.png);
	background-position:top;
	background-repeat:no-repeat;
	width:92px;
	height:23px;
	font-size:10px;
	line-height:10px;
	text-decoration:none;
	padding-top:3px;
	padding-right:10px;
	color:#137e28;
	font-weight:bold;
}
a.btvalidcommande:hover{color:#912626;}
/****** CGV ****/
div.cgv{
	font-family:"Courier New", Courier, monospace;
	color:#000000;
	width:100%;
	border:1px solid #CCCCCC;
	padding:5px;
	background-color:#f6f6f6;
	


}
div.cgv div{
	background-color:#FFFFFF;
	padding:10px;
	border:1px solid #ebebeb;
	height:110px;
	overflow-y:scroll;
	text-align:justify;
	


}
div.cgv div h1{
	margin:0px;
	text-align:left;
	letter-spacing:0px;
	color:#000000;
	

}
a.pdf{
	background-image:url(../../img/pdf.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#FF3333;
	text-decoration:none;
	border-bottom:1px dotted #FF3333;
	padding-left:18px;
	font-weight:bold;

}
/***pop image***/
div#popimg{
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	padding:3px;
	background-image:url(../img/loading.gif);
	background-repeat:no-repeat;
	background-position:center;


	
	
}
div#popimg img.close{
	height:10px;
	width:10px;
	display:block;
	margin-left:240px;
	

}

div#popimg img{
	width:250px;
	background-color:#000000;
	padding:3px;
}