/* 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";
@import "flexcrollstyles.css";

a.txtpopup, a.txtpopup:visited{
	color:#530b0e;
	text-decoration:none;
	font-size:0.8em;
}
a.txtpopup:hover{
	color:#530b0e;
	text-decoration:underline;
	font-size:0.8em;
}


/****************************** CARTE RESTO ******************************/
#texte .separateur{
	background:url(../images/charte/sep.gif) no-repeat;
	float:left ;
	width:480px;
	height:27px;

}
#texte .nommenu{
	float:left;
	width:300px;
	margin-left:37px;
	/*border:1px solid red;*/
}
#texte .prixmenu{
	float:right;
	margin-right:50px;
	width:100px;
	text-align:right;
	margin-left:0px;
	/*border:1px solid blue;*/
}

/****************************** CARTE VIN ******************************/
.nomapero{
	float:left;
	width:150px;
	margin-left:50px;
	/*border:1px solid red;*/
}
.prixapero{
	float:left;
	width:65px;
	text-align:right;
	margin-left:0px;
	/*border:1px solid red;*/
}
.nomapero1{
	float:left;
	width:150px;
	margin-left:50px;
	/*border:1px solid red;*/
}
.prixapero1{
	float:left;
	width:60px;
	text-align:right;
	margin-left:0px;
	/*border:1px solid red;*/
}


.categorievin{
	float:left;
	width:240px;
	margin-left:20px;
	margin-right:5px;
	text-align:left;
	font-weight:bold;
	color:#5b0205;
	background:url(../images/charte/puce01.gif) no-repeat;
	padding-left:15px;
	/*border:1px solid red;*/
}
.contenancevin{
	float:left;
	width:60px;
	margin-left:0px;
	text-align:center;
	font-weight:bold;
	color:#5b0205;
	/*border:1px solid red;*/
}
.nomvin{
	float:left;
	width:240px;
	margin-left:25px;
	margin-right:5px;
}
.nomvin .prixnorr{

	font-weight:bold;
color:#5b0205;

margin-left:20px;
}

.exclusif{
	float:left;
	width:480px;
	margin-left:25px;
	margin-top:10px
	/*border:1px solid red;*/
}
.prixvin{
	float:left;
	width:60px;
	text-align:right;
	margin-left:0px;
	/*border:1px solid red;*/
}
.colorvin{
	float:left;
	width:60px;
	text-align:right;
	margin-left:0px;}



/********************************** CONTACT **********************************/
#contactTxt{
	width:50%;
	float:left;
	font-weight:bold;
	/*border:1px solid red;*/
}
#contactTxt p{
	text-align:center;
	color:#790206;
}
#contactPlan{
	width:45%;
	float:right;
	text-align:center;
	/*border:1px solid red;*/
}
#formContact label,
.textcontact{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#514a36;
	margin:0px;
	/*text-align:left;*/
}
.textmini{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#514a36;
	margin:0px;
	/*text-align:left;*/
}
#formContact input{
	width:160px;
	border:1px solid #790206;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#514a36;
}
#formContact .sujet{
	width:450px;
	border:1px solid #790206;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#514a36;
}
#formContact textarea{
	width:450px;
	border:1px solid #790206;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#514a36;
}
#formContact .bouton{
	width:180px;
	/*border:1px solid #5E0205;*/
	background-color: transparent;
	font-size:12px;
	font-weight:bold;
	color:#514a36;
	margin:0px 5px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#DD0D0D;
}

/********************************** ACCUEIL **********************************/
.couleure{
color:#A50000;
font-weight:bold;}
.color-menu{
color:#5b0205;
font-weight:bold;
font-size:14px
}
#promogalerie {
	margin-top:30px;
	width:550px;
	float:left;
	
}
.liste{
float:left;
width:315px;
margin-top:10px;


}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#514a36;
border:none;

}
 .liste li{
	
	color:#514a36;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 20px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:15px;

}
 #flexcroll #txtacc{
float:left;
width:300px;
height:300px;}

 #texte   #menuacc{
float:right;
width:170px;
height:380px;
padding:30px 40px 10px 10px;
background-image:url(../images/charte/menu.jpg);
background-repeat:no-repeat;
margin-left:5px
}

 #texte   #menuacc p{
float:left;
width:180px;
color:#FFFFFF;
font-size:12px;
text-align:center;
margin-bottom:5px
}

 #texte .styles{
float:left;
width:170px;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:center


}
/*-------------------------- galerie ---------------------------*/



#container #texte  #defilgauche{
  float: left;
  margin: 0 7px 20px 0;
  cursor: pointer;
  z-index: 9;
  }
#container #texte  #defildroite{
  float: right;
  margin: 0 0 20px 7px;
  cursor: pointer;
  z-index: 10;
  }

#container #texte #flowcut{
  width: 470px;
  overflow: hidden;
  position: relative;
  }
#container #texte #flow{
  position: relative;
  }
#container  #texte .vign{
  float: left;
  margin-right :10px;
  width: 122px;

  }
  #container  #texte .vign img{
  border:1px solid #9A9A9A

  }

#container #texte  .vign  p{
float:left;
  text-align: center;
  width:122px
  }
  /*--------------------------Menu du tertre ---------------------------*/
.color{
color:#A50000;
font-weight:bold;
font-size:13px
  }
  .menu-color{
color:#FFFFFF;

  }
  .blanc{
  float:right;
  font-weight:bold}
 #test{
 display:none;
 }