@charset "utf-8";
body {
	background-attachment: fixed;
	background-image: url(../img/fond.jpg);
	background-repeat: repeat-x;
	margin:0px;
}

div {font-family:Calibri, Verdana, Geneva, sans-serif;}
a {font-family:Calibri, Verdana, Geneva, sans-serif; font-size:14px; color:#333; text-decoration:none; }

/* CLASS */
.text14Noir {font-size:14px; color:#333;}
.text16Noir {font-size:16px; color:#333;}
.text18Noir {font-size:18px; color:#333;}
.text20Noir {font-size:20px; color:#333;}
.text24Noir {font-size:24px; color:#333;}

.linkAriane {color:#0072BB; texte-decoration:none;}
.linkAriane:hover {text-decoration:underline;}

/* LISTE */
ul#nav { float:left; margin-left:10px; width:auto; height:auto; margin-top:0px; padding:0px;}
ul#nav li {float:left; list-style:none; margin-right:5px; margin-top:5px;  border-radius: 10px;}
ul#nav li a {float:left; padding:7px; background-color:#F2F2F2;  
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ }
ul#nav li a:hover {background-color:#CFE4F2;}

ul#nav2 { float:right; margin-left:10px; width:auto; height:auto; margin-top:0px; padding:0px; margin-right:20px;}
ul#nav2 li {float:left; list-style:none; margin-right:5px; margin-top:5px;  border-radius: 10px;}
ul#nav2 li a {float:left; padding:7px; background-color:#F2F2F2;  
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ }
ul#nav2 li a:hover {background-color:#CFE4F2;}


/* LI acces & contact */
ul li#acces a{background-color:#FFF87F;}
ul li#contact a{background-color:#FFF87F;}					/*#7FB8DD*/
ul li#reprise a{background-color:#FFF87F;}					/* #5CA5D4 */


/* DIV */
#main {
	height: auto;
	width: 1010px;
	margin-right: auto;
	margin-left: auto;
	margin-top:23px;
}
#top{
	float:left;
	margin-top:7px;
	width:100%;
	height:35px;
	background-image:url(../img/top.png);	
}
#centre{float:left; width:100%; height:auto; background-image:url(../img/fond-centre.png);}
#footer{width:100%; height:329px; background-image:url(../img/fond-footer1.jpg)}
#infooter{width:1010px; height:auto; margin-left:auto; margin-right:auto; padding-top:20px;}
#infooter a{color:#FFF; font-size:16px;}
#infooter a:hover{text-decoration:underline; }
#copyright{width:100%; height:71px; background-image:url(../img/fond-copy.jpg)}
#incopyright{width:1010px; height:auto; margin-left:auto; margin-right:auto; padding-top:20px; color:#FFF; font-size:16px;}
#affaire {
	float: left;
	height: 486px;
	width: 631px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../img/fd-affaire.jpg);
}
#pub{margin-top:20px; float:left; width:332px;margin-left:10px;}
#newsletter{float:left; width:316px; height:190px; margin-top:10px; margin-left:10px;background-image:url(../img/fd-newsletter.jpg);}
#NewsletterTexte{margin-left:17px;margin-top:60px;font-size:20px;font-weight:bold;}
#NewsletterInput{margin-left:17px; font-size:18px; margin-top:115px;}
#nouveautes{
	clear:both;
	float:left;
	width:980px;
	height:230px;
	margin-top:10px;
	margin-left:10px;
}


/* FORM */
#inputemail{float:left; width:230px; height:20px; border:solid 1px #333; font-size:16px; padding:5px;}
#BtnGo{ margin-left:5px;}

/* LISTE VO */
div#filariane {background-color:#F2F2F2; margin-left:10px; margin-top:20px; margin-bottom:20px; font-size:22px; font-weight:bold; margin-right:20px; padding:5px;}
div#listevo {
	float:left;
	height: auto;
	width: 960px;
	margin-right: 20px;
	margin-left: 10px;
	padding:10px;
	background-image:url(../img/fd-listevo.jpg); background-repeat:repeat-y;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ }

div#items{float:left; background-color:#FFFFFF; padding:5px; height:auto; width:950px; border-bottom:#7FB8DD 1px dotted; padding-bottom:10px; padding-top:10px; z-index:1;}
div#items:hover { 
background-color:#E9F5FE;
}
img#itemsphoto{float:left; height:150px; border:#7FB8DD 2px solid;}
img#itemsphoto:hover{ border:#333 2px solid;}
#itemscol1 {
	float: left;
	height: auto;
	width: 645px; margin-left:10px;
}
div#itemscol2{float:left; width:90px; height:auto; }
div#itemprix{ background-color:#FFF100; width:auto;height:auto; padding:5px; font-size:20px; font-weight:bold; text-align:center;}
div#itemnvo {width:auto; padding:5px; font-size:16px; font-weight:bold;}
div#itemstatus {margin-top:10px;}

/* VO */
#filarianevo{ margin-left:10px; margin-top:10px; margin-bottom:10px; font-size:14px;}
#designationvo {font-size:26px; margin-left:10px; margin-bottom:5px;}
div#mainvo{ width:980px; height:521px; margin-left:10px; 
	background-image:url(../img/fdvo.jpg);
	background-repeat:no-repeat;
	border-radius: 10px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
    -webkit-border-top-right-radius: 10px; /* pour Chrome */ }

div#vophoto {float:left; width:480px; height:360px; margin-left:10px; margin-top:10px;}
.vophoto{border:4px #333 solid}
.vophoto:hover {border:4px #0072BB solid}
div#vodetails {float:left; width:465px; height:auto; margin-left:14px; margin-top:10px; background-image:url(../img/fdvodetails.png);}
	div#votype{ font-size:24px; margin-left:10px; height:auto; width:auto; margin-top:10px;}
	.fdblanc { background-color:#FFF; padding:2px; }
	
	div#votab{ margin-left:10px; font-size:18px; }
	div#voinfos{margin-left:10px; background-color:#FFF; padding:5px; margin-right:10px; margin-top:10px; margin-bottom:10px;}
	div#voprix{margin-left:10px; margin-bottom:20px;}
	.voprix{ background-color:#FFF100; font-size:24px; padding:5px;}
	div#vonum {padding:5px; margin-top:10px;}
	div#vovignettes{clear:right; float:left; margin-left:10px; margin-top:10px; width:696px; height:auto;}
	.vovignettes{border:4px solid #333; margin-top:10px; margin-right:10px;}
	.vovignettes:hover{border:4px solid #0072BB;}
	div#voinfozoom {clear:both; float:left; margin-left:10px; margin-top:10px;}
	.voinfozoom { clear:both; float:left; background-color:#FFF; padding:5px; font-size:13px; }
	
	
	div#texte{ margin-left:10px; height:auto;}

/* Newsletter */
	div#message {position:absolute; top:0px; margin-left:620px; width:320px; height:auto; padding:10px; background-color:#FFF; border:2px solid #333; font-size:14px; display:none;}
	img#btnfermer {float:right;}

/* accès */
#accescol1{float:left; width:250px; height:auto;}
#accescol2{float:left; width:auto;}



#spot-item {
	float: left;
	height: 225px;
	width: 300px;
	margin-top: 10px;
	margin-left: 10px;
}
#col2 {
	background-image: url(../img/fd-col2.jpg);
	float: left;
	height: 486px;
	width: 339px;
	margin-top: 10px;
}
.marge10sur10 {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom:10px;
}

img#logo{float:left;}
img#telephone{float:left; margin-left:80px; }
img#reprise{margin-left:15px;}
#vomail {
	float: right;
	height: 72px;
	width: auto; margin-right:20px; margin-top:0px;
}

#bandeau {
	height: auto;
	width: 980px;
	margin-top: 10px;
	margin-left: 10px;
}
#formreprise {
	height: auto;
	width: 979px;
	margin-top: 10px;
	margin-left: 10px;
	background-color: #FFF100;
	background-image: url(../img/fd-form-reprise.jpg);
	background-repeat: no-repeat;
	border: 1px solid #000;
}
.input18 {
	font-family: Calibri, sans-serif, serif;
	font-size: 14px;
	color: #333;
	border: 1px solid #000; padding:4px;
}

/* FORM REPRISE */
form#RepriseForm input {font-family: Calibri, sans-serif, serif; font-size: 14px; color: #333; border: 1px solid #000; padding:4px; }
form#RepriseForm select {font-family: Calibri, sans-serif, serif; font-size: 14px; color: #333; border: 1px solid #000; padding:4px; }
form#RepriseForm textarea {font-family: Calibri, sans-serif, serif; font-size: 14px; color: #333; border: 1px solid #000; padding:4px; }
form#RepriseForm #btnenvoyer {border:0px; padding:0px; }			/* btn envoyer */

/* Validate Form */
form#RepriseForm label.error {color:red; font-size:12px;}