@charset "UTF-8";

/* CSS Document */

body { font:0.7em Verdana, Arial, Helvetica, sans-serif; color:#243b42/*6f949a*/ ; background:url(../../images/fond.jpg) center top repeat-y;}
.fond { width:955px; height:600px; /*background:#00CC66*/}

body, h1, h2, h1, h2, h5, h6, form, p{ padding:0px; margin:0px;}
p {padding-bottom:8px}
.hidden {display:none}

img {border:0}
strong {color:#243b42 ; font-weight:normal}
a {color:#243b42 ; text-decoration:none; font-weight:normal}
a:hover {text-decoration:underline;  color:#000}

ul{ list-style:none; margin:0px; padding:0px;}
ul.menu{display:none;}
.clr{ clear:both; font-size:1px; height:1px; line-height:1px;}
.floatF {float:left}
.maj {text-transform:uppercase}

form {position:relative}
form fieldset {	margin:0;	padding:0px 0;	border:none; width:420px;}
form fieldset legend {	margin:0; padding:0; display:none }

#container {position:absolute; left:50%; top:0 ; width:955px; height:100%; margin-left:-478px;/*background:url(images/fond.jpg) repeat-y*/}

#header, #nav, #content, #footer {width:955px;}

#header {position:relative; height:170px; background:url(../../images/logoPapillon.gif) center top no-repeat;}
#nav {position: absolute ; bottom:0 ;height:34px ; width:955px; text-align:center}
#contentHome {height:330px; width:955px; }
#contentReglement { width:900px;  margin:20px; }
#content {height:315px; padding-top:15px  }
#footer { text-align:center; font-size:9px ; color:#4b7a82;}






#header a.logo {width:160px; height:130px ; display:block; margin:0 auto;}



/* NAVIGATION */
#nav ul {/*margin-left:65px*/ ; width:820px; margin:0 auto}
#nav li {float:left ;}
#nav a.flag { position:absolute;  right:0 ; top:21px;}
 

#nav a:hover, #nav span {color:#000/*243b42*/; text-decoration:none;}

#nav .trait {border-right:1px solid #47868c;}
#nav .haut {border-bottom:2px solid #47868c; padding-bottom:2px}

#nav .snav {position:absolute; width:955px;left:0;  top:18px;}
#nav .snav a {font-size:10px ; color:#4b7a82; text-decoration:none; }
#nav .snav a:hover, #nav .snav span{ color:#000; text-decoration:none; border-right:0px;}


/* CONTENU */
#content .colGVisuel {float:left;  width:330px; text-align:center}
#content #contentScroll {position:relative ; width:620px!important;width:617px;height:330px;overflow:auto; padding:0 5px 5px 0; }
#content #contentScrollSimple {position:relative ; width:580px;height:330px;overflow:auto; padding:0 5px 5px 0; }
#contentAcces {position:relative ; padding-left:330px; padding-top:15px}
#content #contentScrollRecettes {position:relative ; width:620px!important;width:617px;height:310px;overflow:auto; padding:0 5px 5px 0; }
#content #contentScroll .colG {float:left ; width:270px;  text-align:justify}
#content #contentScroll .colD {float:left ; margin-left:40px; width:270px ; text-align:justify}


 .colD .vignette {margin-top:10px ; text-align:center}
 .colD .vignettePos {position:absolute; bottom:24px ; right:40px}


/* FORMULAIRE */


label {
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	width:100px;
	display:block;
	float:left;
	margin-right:5px;
	color:#4b7a82;
	line-height:1.4em;
	margin-bottom:6px;
}

select, input.champ, textarea {
	width:300px;
	float:left;
	display:block;
	margin-bottom:7px;
	font:1em Verdana, Arial, Helvetica, sans-serif; 
	border:1px solid #6f949a; 
	color:#333;
	height:16px; 
}

/*
select, input.champ, textarea {
	display: block;
	margin-left:80px;
	width:300px; 
	font:0.9em Verdana, Arial, Helvetica, sans-serif;  
	color:#333; 
	border:1px solid #6f949a;
	padding:2px 2px 0 2px;
	margin-top:5px

}
input.champ {height:12px; }
*/
textarea{ height:60px; scrollbar:none; }

.mentionsForm { font-size:9px ;position:absolute; bottom:0;}
.envoyerForm {margin-left:330px }
.envoyerForm2 {margin-left:290px }


label.check { font-size:10px ;position:absolute ; right:5px ; top:220px ; width:160px; }

a.btn {color:#6f949a; margin-left:80px; text-decoration:underline}
a.btn:hover {margin-left:80px; text-decoration:none}
#msgError {position:absolute; left:102px; bottom:15px; font-size:10px ;color:#243b42/*#FF0000*/ ; text-align:center}
/* */


/* PIED DE PAGE */
#footer .visuel {background:url(../../images/paysage.gif) no-repeat    ; width:955px ; height:90px }
#footer a {color:#4b7a82 ;text-decoration:none ; text-indent:10px}
#footer a:hover {text-decoration:underline}



/* img titre fr*/
h1 {height:26px; width:350px;  margin-bottom:5px ;text-indent:-5000em}
h1.titreContact { background:url(../../images/contact/titre.gif) no-repeat;  }
h1.titreNewsletter { background:url(../../images/newsletter/titre.gif) no-repeat;  }
h1.titreTradition {background:url(../../images/fr/titreTradition.gif) no-repeat;  }
h1.titreCoordonnees {background:url(../../images/fr/titreCoordonnees.gif) no-repeat;}


h1.titreVisiter {background:url(../../images/titreVisiter.gif) no-repeat; }
h1.titreAbonner {background:url(../../images/fr/titreAbonner.gif) no-repeat;}
h1.titreFormulaire {background:url(../../images/fr/titreFormulaire.gif) no-repeat;}
h1.titreGuide {background:url(../../images/fr/titreGuide.gif) no-repeat;}
h1.titreDeguster {background:url(../../images/fr/titreDeguster.gif) no-repeat; }
h1.titreConserver {background:url(../../images/fr/titreConserver.gif) no-repeat; }
h1.titreLabels {background:url(../../images/fr/titreLabels.gif) no-repeat;}
h1.titreNature {background:url(../../images/fr/titreNature.gif) no-repeat;}
h1.titreTerroir {background:url(../../images/fr/titreTerroir.gif) no-repeat;}
h1.titreHuile {background:url(../../images/fr/titreHuile.gif) no-repeat;}
h1.titreCaves {background:url(../../images/fr/titreCaves.gif) no-repeat;}
h1.titreAdresses {background:url(../../images/fr/titreAdresses.gif) no-repeat;}
h1.titreRecettes {background:url(../../images/fr/titreRecettes.gif) no-repeat;}
h1.titreAcces {background:url(../../images/fr/titreAcces.gif) no-repeat;}
h1.titreInformations {background:url(../../images/fr/titreInformations.gif) no-repeat;}
h1.titrePlan {background:url(../../images/fr/titrePlan.gif) no-repeat;}

h2 {font-size:11px;margin:0 0 5px 0 ; color:#243b42 ; font-weight:normal}

.asterix {font-size:10px}

/* ACTUALITE */
#content #contentScrollActu {position:relative ; width:918px;height:330px;overflow:auto; padding:0 0 5px 38px;} 
.visuelActu {float:left; width: 293px; text-align:right}
.visuelActu img{margin-right:22px; margin-bottom:10px}
h1.titreActualites {background:url(../../images/fr/titreActualites.gif) no-repeat;  margin-left:292px }
h1.titreGamme {background:url(../../images/fr/titreGamme.gif) no-repeat;margin-left:292px }
.actuTxt {float:left ; width:590px; }
.actuTxt p {margin:0 ; padding:0}

/*GAMME*/
.gammeTxt {margin-bottom:10px;}
ul.gamme {margin-left:292px}
ul.gamme li {float:left ; margin-right:20px; height:30px;}


/*RECETTES */
ul.recettes { font-size:10px}

h2.picto { font-size:12px ; background:url(../../images/pictoRecettesPapillon.gif) 0 15px no-repeat; padding:15px 0 5px 20px}
.ingredients {float:left; width:600px; margin-bottom:4px; border-bottom:1px solid #4B7A82;}
.temps {float:left;  padding-left:10px;border-left:1px solid #4B7A82;}
.margeR {margin-right:10px}
.col {float:left; width:190px;}
.colSimple {float:left; width:400px;}