/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	background-color:#826c60;
	font-size:12px;
	color:#e5dfc5;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #352C27;
}
#formContact input:focus,textarea:focus{
		width:100%;
color:#e5dfc5;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #352C27;}
#formContact .champRequis{
color:#e5dfc5;
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		border:1px solid #352C27;
	
	
}

.contact{float:left;
width:380px}
.contact-visuel{
float:right;
width:260px;
height:280px;
margin-top:15px;
margin-right:13px}

/* STYLE DE LA PAGE ACCUEIL */
.accueil{
float:left;
width:430px;
}
.adr{
float:left;
margin-left:60px;
width:250px;
padding:0px 5px 10px 5px;
text-align:center;
}
#container .adresse{
color:#826C5F;
text-align:center;
font-size:12px;
font-weight:bold;
width:236px;
float: left;
margin-bottom:5px}
.menu{
float:right;
width:250px;
margin-top:15px;
margin-right:-15px}

.menu-top{
float:left;
width:236px;
height:43px;
background-image:url(../images/charte/top-menu.jpg);
background-repeat:no-repeat}
.menu-centre{
float:left;
width:236px;
padding:15px 0 0 0;
background-image:url(../images/charte/cote-menu.jpg);
background-repeat:repeat-y;
}
.menu-bas{
float:left;
width:236px;
height:22px;
background-image:url(../images/charte/bas-menu.jpg);
background-repeat:no-repeat}
.plat{
float:left;
width:100px;
margin-left:12px;


}
#container.plat p{
float:left;
width:90px;
font-size:11px;
line-height:11px;
text-align:justify;

}

.dessert{
float:right;
width:110px;
padding-left:2px;
margin-right:0px;

}
#container .dessert p{
float:right;
width:100px;
font-size:11px;
line-height:11px;
text-align:justify;
margin-top:0px;
padding:10px 10px 10px 3px
}

.text-couleur{
color:#8D5953;
font-weight:bold;
font-size:12px}
.prix-acc{
float:right;
width:20px;
margin-top:10px;
margin-right:28px;
font-size:13px;
font-weight:bold;}

/* STYLE DE LA PAGE NOS FORMULES */
.formule{
float:left;
width:630px;
padding:20px 20px 20px 40px;
background-image:url(../images/charte/formule-bgr3.jpg);
background-repeat: no-repeat}
#container .page-formule p{
text-align:left;
margin-left:0px; margin-top:0px;
padding-bottom:3px;
font-family:Arial;
font-size:13px;
color:#352C27
}
.page-formule{
float:left;
width:560px;
}
#container .formule-generale{
float:left;
width:570px;


margin-bottom:30px;
text-align:center
}
.entres
{float:left;
width:600px;
padding:5px}
.entres2
{float:left;
width:500px;
padding:5px;
margin-top:60px;}

#container .formule-generale p{
text-align:center
}
.prix{
font-size:14px;
color:#330000;
font-weight:bold; margin-left:10px}

.formule-bas{
float:left;
background-image:url(../images/charte/formule-bas.jpg);
background-repeat:no-repeat;
width:630px;	
padding:20px 20px 5px 30px;

}
.liste{
float:left;
width:600px;
}
.liste ul{
	margin-bottom:20px;
	padding:25px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#352C27;
border:none

}
 .liste li{
	
	color:#352C27;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 5px 20px;
	line-height:15px;
	border:none

}
/* STYLE DE LA PAGE CARTE-VINS */

#container .liste-vin{
float:left;
width:560px;
margin-left:10px;
margin-right:170px;
margin-bottom:30px;

}
#container .liste-vin p{
text-align:center;
line-height:14px;
width:550px
}
.formule1{
float:left;
width:630px;
padding:20px 20px 20px 40px;
background-image:url(../images/charte/formule-bgr2.jpg);
background-repeat:repeat-y}
#container .texte-vins{
font-size:11px }

/* STYLE DE LA PAGE VISITE-PHOTOS */
.galrie-photos{
float:left;
width:680px;
}
.galerie{
float:left;
width:310px;
padding:20px 20px 20px 20px;
background-image:url(../images/charte/bgr-gal.jpg)
}
.galerie img{
float:left;
margin-right:10px;
margin-bottom:10px;
border:1px solid #352c27
}
.visuel{
float:right;
width:320px;
height:199px;
margin-top:22px;
margin-right:10px;
background-image:url(../images/charte/visuel.jpg);
}
.bas{
float:right;
width:320px;
margin-right:10px;
height:61px;}
.tout-visuel{
float:right;
width:320px;}
.visuel img{
float:left;
width:257px;
height:192px;
margin-left:40px;
margin-top:6px;

}
#container .visuel p{
float:left;
width:236px;
font-size:10px;
line-height:11px;
text-align:justify;
margin-top:0px;
padding:10px 10px 10px 15px}


/* STYLE DE LA PAGE LIVRE-DOR */

.livre{
float:left;
width:450px
}
.livre-visuel{
float:right;
width:200px;
height:280px;
background-image:url(../images/charte/livre[1].jpg);
background-repeat:no-repeat;
margin-top:5px;
margin-right:0px}
#container .livre-visuel p{
text-align:center;
float:left;
width:170px;
margin-top:230px;
margin-right:5px}
.text-form{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#352C27;
font-weight:bold}
.champs-form{
background-color:#826c60;
color:#e5dfc5;
border:1px solid #352C27;
width:230px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;}
.boutton-form{
background-color:#e5dfc5;
color:#352C27;
font-weight:bold;
border:none;
width:230px}
.postit{
margin-top:20px;
float:right;
width:204px;
height:254px;
margin-right:20px;
background-image: url(../images/postit.jpg);
background-repeat:no-repeat;

}
#container .postit p{
width:120px;
height:158px;
margin-right:20px;
font-weight:bold;
font-size:13px;
padding:80px 20px 20px 30px

}