/* 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 */

#container .loi {

	font-size:10px;

	color:#69141e;



}

#center{

   float:left;

   width:69%;

   padding:0 2px 15px 2px;



}



#containerimg{

   margin:10px 0 15px 0px;

   

}

#containerdiapo{

   margin:20px 0 0 5px;

   

}

#recette{

   float:right;

   padding:40px 0px 0px 0px;

   width:231;

   

}





#container .nouve{

	float:left;

	margin:10px 0 0 10px;





}

.contenuRecette{

    width: 200px;

	margin-left: 5px;

	height:90px;

}

.contenuRecette ul{	

	margin:5px 0 0 0;

}



.contenuRecette li{

      background:url(../images/puce.jpg) no-repeat;

	  padding:0 0 0 15px;

    

}



.contenuRecette img{

	float:right;

	width:93px;

}





.imageRecette{

    width: 70px;

	margin-right: 5px;



}



.contenuRecette1 p{

	font-family:Arial, Helvetica, sans-serif;

	color:#69141e;

	font-size:10px;

}



#container .contenuRecette1 a{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#3C080B;

	text-decoration:underline;

}





.contenuRecette1{

    width: 218px;

	margin-left: 5px;

	margin-top:5px;



}



.tex {



    font-family:Arial, Helvetica, sans-serif;

	text-align:justify;

    



}







.texterecette{

    font-family:Arial, Helvetica, sans-serif;

	color:#69141e;

	font-size:10px;

	

}



.titre_recette{

    font-family:Arial, Helvetica, sans-serif;

	color:#390503;

	font-size:12px;

	font-weight:bold;

	margin-top:10px;

	

	

}

.puuce{

    font-family:Arial, Helvetica, sans-serif;

	color:#69141e;

	font-size:10px;

	background:url(../images/puce.jpg) no-repeat;

	padding:0 0 0 15px;

	

}

.puucetexte{

    font-family:Arial, Helvetica, sans-serif;

	color:#69141e;

	font-size:12px;

	background:url(../images/pucetexte.jpg) no-repeat;

	padding:0 0 0 20px;

	font-weight:bold;

	

}



.titre_rec{

    font-family:Arial, Helvetica, sans-serif;

	color:#69141e;

	font-size:11px;

	font-weight:bold;

	

}



#cont{

	font-family:Arial, Helvetica, sans-serif;

	color:#69141e;

	font-size:11px;

	margin-left: 5px;

}



.formcontact1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #B8C885;

	background-color: #69141e;

	border: 1px solid #B8C885;

}



.rec{

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:69141e;

}

.rec li{

	margin:10 0 0 0px;

}



/*--------- PAGE CATALOGUE -------------*/



#contenuproduits{

    float:left;

	width:554px;

	background:url(../images/pgcata.jpg);



}



#contenuproduitshaut{

	width:554px;

	height:34px;

	background:url(../images/imagehautcata.jpg);



}



#footerprod{

    float:left;

	width:554px;

	height:9px;

	background:url(../images/footercata.jpg);



}



.contenuprod{

    float:left;

	width:554px;

	margin: 0px 0px 0px 0px;



}



.titcatagauche{

    float:left;

    width:200px;

	font-size:11px;

	font-weight:bold;

	margin-left:10px;

	color:#3C080B;

}

#container .titpanier{

    float:left;

    width:120px;

	padding-left:20px;

	font-size:15px !important;

	background:url(../images/pucepanier.gif) no-repeat;

}

.titcatagauche1{

    float:left;

    width:450px;

	font-size:11px;

}

.titcataga{

    float:right;

    width:230px;

	font-size:11px;

}

#container .titcatagaa{

    float:right;

    width:368px;

	font-size:13px;

	text-align:right;

}

#container .titnouveau{

    float:left;

    width:270px;

	height:40px;

	font-size:11px;

	margin-right:3px;

	padding-top:10px;

}

#container .titaccord{

    float:left;

    width:70px;

	height:40px;

	font-size:11px;

	margin-right:3px;

}

#container .titnouveaupicto{

    float:left;

    width:40px;

}

#container .titnouveaupictos{

    float:left;

    width:300px;

}

#container .titnouveaupictos img{

    float:left;

	border:1px solid #60131D;

	

}

.titcatagau{

    float:left;

    width:120px;

	font-size:11px;

}

.titcatagaus{

    float:left;

    width:150px;

}

.mets{

    float:left;

    width:380px;

}

.titcatrec{

    float:left;

    width:285px;

	font-size:11px;

}

.titcatrec1{

    float:left;

    width:180px;

	font-size:11px;

}



.titcatadro{

    float:right;

    width:230px;

	font-size:11px;

	margin-right:100px;

}

.titcatadrorec{

    float:left;

    width:150px;

	font-size:11px;

	margin-right:100px;

}

.titcatad{

    float:left;

    width:80px;

	font-size:11px;

	margin-right:2px;

}



#container .titcatadroite {

    float:right;

    width:180px;

	font-size:13px;

	margin-right:15px;

	font-weight:bold;

	text-align:right;

	color:#3C080B;

}

#container .titcatadroite1 {

    float:right;

    width:180px;

	font-size:11px;

	margin-right:30px;

	font-weight:bold;

	text-align:right;

}





.contenuproduits1{

    float:right;

	width:520px;

	height:300px;

	margin: 30px 0px 5px 0px;

	padding: 4px 2px;



}



.img{

    float:left;

    width: 137px;

	margin-top:13px;

	margin-left: 8px;



}

.img ul{

    margin-top:5px;

      

    

}



.img li{

      background:url(../images/pucetexte.jpg) no-repeat;

	  padding:0 0 0 20px;

	  font-family:Arial, Helvetica, sans-serif;

	  font-size:11px;

	  color:#3C080B;

    

}

    

    



.contenuproduitsdroite{

    float:left;

    width: 385px;

	margin-left:10px;



}

.contenuproduitsdroite p {

    font-size:11px;

	margin:0 0 0 0;



}



/*--------- PAGE ACTUALITES -------------*/

.imga{

    float:left;

    width: 84px;

	margin-top:20px;

	margin-left:8px;



}

.imgactudroite{

    float:left;

    width: 84px;

	margin-top:20px;

	margin-left:12px;

}

.imgag{

    float:left;

    width: 84px;

	margin-top:20px;

	margin-left:8px;



}

#contenuactualites{

    float:left;

	width:554px;

	background:url(../images/pgactualites.jpg);



}



#contenuactualitegauche{

    float:left;

    width:274px;

	background:url(../images/imageactualitesgauche.jpg) no-repeat;



}



.contenuactualitedroite{

    float:right;

    width:280px;

	background:url(../images/imageactualitesdroite.jpg) no-repeat;



}

.actu{

    float:left;

	width:274px;

	margin: 0px 0px 15px 0px;



}



.actudr{

    float:right;

	width:270px;

	margin: 0px 0px 15px 0px;



}

.titactualites{

    width:200px;

	margin-left:90px;

}

.titactualites1{

    width:163px;

	text-decoration:underline;

	

}



#footeractu{

    float:left;

	width:554px;

	height:10px;

	background:url(../images/footeactu.jpg);



}



.contenuactugauche{

    float:left;

    width: 163px;

	margin:7px 2px 0 10px;



}

.contenuactudroite{

    float:left;

    width: 163px;

	margin:7px 2px 0 10px;



}

#container .contenuactugauche a {

    color:#3C080B;

	font-size:10px;

	text-decoration:underline;



}



.contenuactudroite{

    float:right;

    width: 160px;

	margin-left:15px;

	margin-top:7px;

	margin-right:6px;



}

#container .contenuactudroite a {

    color:#3C080B;

	text-decoration:underline;



}

/*--------- PAGE PRESSE -------------*/

#contenupresse{

    float:left;

	width:554px;

	background:url(../images/pgcata.jpg);



}

#contenupressegauche{

    float:left;

    width:554px;

	background:url(../images/imagehautcata.jpg) no-repeat;



}



#container .contenupressegauche a {

    color:#3C080B;

	font-size:10px;

	text-decoration:underline;



}

#footerpresse{

    float:left;

	width:554px;

	height:9px;

	background:url(../images/footerpresse.jpg);



}



.presse{

    float:left;

	width:554px;

	margin: 0px 0px 0px 0px;



}

.contenupressegauche{

    float:left;

    width: 440px;

	margin:7px 5px 20px 15px;

}

/*---------PAGE NOTRE-VINS-OU------------*/

.descriptionactualites{

	float:left;

    width:258px;

	margin-left:7px;

}

.descriptionactualites1{

	float:left;

    width:257px;

	margin-left:12px;

}

.notrevins{

    float:left;

	width:540px;

	margin: 0px 0px 0px 5px;



}

.adressenotrevins{

	float:left;

    width:480px;

	margin-left:5px;

}

.telnotrevins{

	float:left;

    width:240px;

	margin-left:0px;

}

.villenotrevins{

	float:left;

    width:240px;

	margin-left:5px;

}

/*----------PAGE RECETTE----------------*/



.titcataingred{

    float:left;

    width:220px;

	font-size:11px;

	font-weight:bold;

}

.contenurecettegrand{

    float:left;

    width: 300px;

	margin:7px 0px 10px 10px;

}

.contenurecettegrand ul{	

	margin:20px 0 0 0;

}



.contenurecettegrand li{

      background:url(../images/pucetexte.jpg) no-repeat;

	  padding:0 0 0 20px;

	  font-size:11px;

    

}

.recettedroite{

    float:right;

    width: 135px;

	margin:7px 0 0px 5px;

}



.recettedroite ul{	

	margin:5px 0 0 0;

}



.recettedroite li{

     background:url(../images/pucetexte.jpg) no-repeat;

	 padding:0 0 0 15px;

	 font-size:11px;

    

}

.contenuRecettepage{

    float:left;

    width: 250px;

}

.contenuRecettepage1{

    float:left;

    width: 350px;

}



/*--------- PAGE SAVOIR FAIRE -------------*/

#container .espacesavoirfaire{

    margin-top:0px;



}

.savoir-faire-description {

	width:235px;

	float:left;

	margin-top:0px;

}

.savoir-faire-description1 {

	width:560px;

	float:left;

	margin:0 0 20px 0;

}

.savoir-faire-anim {

	width:290px;

	height:290px;

	float:right;

	border:1px solid #64181A;

	margin:3px 0 0 2px;

	}

	

/*----------PAGE CONTACT------------------*/

.contact{

    float:left;

    width: 259px;

	margin-left: 5px;

	padding:0px;



}

.contenucontact{

    float:left;

    width: 260px;

	margin-left:25px;

	padding:0px;



}

.form {

	FONT-SIZE: 10px; 

	WIDTH: 100%; 

	COLOR: #ffffff; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 

	BACKGROUND-COLOR: #65161B;

	border-color:#65161B;

}

.formulairebouton {

	FONT-SIZE: 10px; 

	WIDTH: 100%; 

	COLOR: #ffffff; 

	FONT-FAMILY: Arial, Helvetica, sans-serif; 

	BACKGROUND-COLOR: #65161B;

	BORDER-BOTTOM: medium none;

	BORDER-RIGHT: medium none; 

	BORDER-TOP: medium none;

	BORDER-LEFT: medium none;

	border-color:#65161B;

	

}

#contactTxt{

	width:45%;

	float:left;

}

#contactPlan{

	width:45%;

	float:right;

}

#formContact input,textarea{

	width:100%;

	border:1px solid #65161B;

	font-size:12px;

}

#formContact input:focus,textarea:focus{

	border-color:#FF0000;

}

#formContact .champRequis{

	color:#FF0000;

}

	

.contenucont{

    float:left;

    width:540px;

	margin-left: 10px;

	margin-right:10px;



}



/*-----------------PAGE GLOSSAIRE ----------------*/

.contenuglossaire{

    float:left;

    width: 365px;

	margin-left:1px;

	margin-top:7px;

	margin-right:1px;

}

.contenuglossairedroite{

    float:left;

    width: 80px;

	margin-top:46px;

	margin-left:15px;

}

.imgglossaire{

    float:left;

    width: 80px;

	margin-top:20px;

	margin-left:3px;



}

.titglossaire{

    float:left;

    width:365px;

	font-size:11px;

	

}



.tirets{

    float:left;

	width:300px;

	height:16px;

	background:url(../images/tirets.gif);

	margin:10px 0 0 0;



}









/*------- ------*/

.vinsud {

	 float:left; 

	 border:1px solid #7E221F; 

	 margin:0 0 0 40px;

	 }