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

.invisible
{
	display:none;
}

#bloc-actualites{
	float:right;
	width:178px;
	min-height:225px;
	height:auto !important;
	height:225px;
	background:url(../images/charte/bg-actu.gif) repeat-y top left;
	margin:0 0 0 10px;
}
#bloc-actualites2{
	float:right;
	width:178px;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#bloc-actualites2 ul{
	font-weight:bold;
}
#bloc-actualites2 ul li{
	margin:0 0 5px 40px;
	font-weight:bold;
}
#bloc-actualites2 p{
	margin:0 10px 10px 20px;
}
#bloc-actualites2 a{
	float:right;
	padding:0 10px 0px 0;
}

/************** ARDOISE *******************/

#soirDebut{
 width: 400px;
 height: 260px;
 background: url(../images/charte/bg-soir-debut.gif) right top no-repeat;
 float: left;
}
#soirDebut p.left{
	float: left;
	width: 295px;
	border-bottom: 1px dashed #D0CEB3;
	margin-bottom: 5px;
	padding-bottom: 1px;
}
#soirDebut p.prix{
	width:45px;
	float: left;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px dashed #D0CEB3;
	margin-bottom: 5px;
	padding-bottom: 1px;
}

#soirEnsuite{
 width: 307px;
 height: 240px;
 background: url(../images/charte/bg-soir-ensuite.gif) right top no-repeat;
 float: left;
}
#soirEnsuite p.left{
	float: left;
	width: 234px;
	text-align: left;
	border-bottom: 1px dashed #D0CEB3;
	margin-bottom: 5px;
	padding-bottom: 1px;
}
#soirEnsuite p.prix{
	width:45px;
	float: left;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px dashed #D0CEB3;
	margin-bottom: 5px;
	padding-bottom: 1px;
}


#soirFin{
 width: 258px;
 height: 311px;
 margin: 20px 5px 0px 0px;
 background: url(../images/charte/bg-soir-fin.gif) right top no-repeat;
 float: right;
}
#soirFin p.left{
	float: left;
	width: 192px;
	text-align: left;
	border-bottom: 1px dashed #D0CEB3;
	margin-bottom: 5px;
	padding-bottom: 1px;
}
#soirFin p.prix{
	width:40px;
	float: left;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px dashed #D0CEB3;
	margin-bottom: 5px;
	padding-bottom: 1px;
}

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

#midiDebut{
 width: 243px;
 height: 166px;
 background: url(../images/charte/bg-midi-debut.gif) right top no-repeat;
 float: right;
 margin-right:  40px;
}

#midiDebut p{
	color: #E0DCDC;
	margin-bottom: 5px;
	padding-bottom: 1px;
	font-weight: bold;
	text-align: left;
}

#midiEnsuite{
 width: 320px;
 height: 167px;
 background: url(../images/charte/bg-midi-ensuite.gif) right top no-repeat;
 float: left;
 margin-right: 5px;
}
#midiEnsuite p{
	color: #E0DCDC;
	margin-bottom: 5px;
	padding-bottom: 1px;
	font-weight: bold;
	text-align: left;
}

#midi{
  width: 403px;
	height: 190px;
	background: url(../images/charte/bg-midi.gif) left top no-repeat;
	float: left;
}

#midiFin{
 width: 243px;
 height: 166px;
 background: url(../images/charte/bg-midi-fin.gif) right top no-repeat;
 float: right;
 margin-top: 15px;
}

#midiFin p{
	color: #E0DCDC;
	margin-bottom: 5px;
	padding-bottom: 1px;
	font-weight: bold;
	text-align: left;
}

#livreur{
	width: 110px;
	margin-top: 270px;
	float: left;
}

.carteBoite{
  width: 460px;
	float: right;
}
.carteTop{
  width: 460px;
	height: 80px;
	background: url(../images/charte/carte-vins-top.gif) left top no-repeat;
	float: right;
}
.carteBottom{
	width: 460px;
	height: 27px;
	background: url(../images/charte/carte-vins-bottom.gif) left top no-repeat;
	float: right;
}
.carteContenu{
  width: 460px;
	background: url(../images/charte/carte-vins-middle.gif) left top repeat-y;
	float: right;
}
.carteContenuTexte{
  height: 350px;
	width: 410px;
	margin: 0 auto;
	overflow: auto;
}
#texte p.titre{
   text-align: center;
}

.carteContenuTexte td{
  font: normal 1.2em Arial, Helvetica, sans-serif;
	color: #4a4832;
	padding-bottom: 5px;
	text-align:left;
}
#texte td.center{
   text-align: center;
}
#texte td.right{
   text-align: right;
}
#texte td.titre{
	text-align: center;
	padding: 5px 0px;
}
#texte td.soustitre, #texte p.soustitre{
	font: normal 1.3em Arial, Helvetica, sans-serif;
	color: #9A3C3B;
	font-weight: bold;
	text-decoration:underline;
	padding-bottom: 10px;
	text-align:left;
}
#texte .couleur{
	color: #9A3C3B;
}
#texte p.indent{
	text-indent: 30px;
	text-align:left;
	font-size: 1em;
}
#texte .indent2{
	text-indent: 50px;
	text-align:left;
}

#texte p.right{
	text-align:right;
	font-size: 1em;
	padding-top: 5px;
}

.carteContenuTexte br{
line-height: 0.8em;
}

/*************** CONTACT *****************/

#divContact{
  background: url(../images/charte/bg-form-contact.gif) left top no-repeat;
	width: 570px;
	height: 370px;
}


#adresse-contact{
	background: url(../images/charte/bg-adresse-contact.gif) left top no-repeat;
	width: 243px;
	height: 225px;
	float: right;
}
#adresse-contact p{
	color: #E0DCDC;
	text-align: center;
}


/***************** label *****************/
#texte .label-left{
	width:80px;
	float:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align:justify;
	color:#4a4832;
}
#texte .label-right{
	width:65px;
	float:left;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	vertical-align: top;
	text-align:justify;
	color:#4a4832;
}

/***************** input *****************/
.input-left{
	float:left;
	margin-bottom: 2px;
}
.input-right{
  float:left;
	margin-bottom: 2px;
}
.br-form{
	clear: both;
	padding: 0px;
	margin: 0px;
}
.inputForm{
  border: 1px solid #AB9565;
	background-color: #DBAB5B;
  letter-spacing: 1px;
  width:160px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#4a4832;
  float: left;
}
.inputFormOver{
  border: 1px solid #AB9565;
  background-color: #FEEFCE;
	width:160px;
  letter-spacing: 1px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#4a4832;
  float: left;
}

/***************** btns *****************/
.envoyer{
	background-image: url(../images/charte/envoyer.gif);
	background-color: transparent;
	width: 80px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}
.envoyerOver{
	background-image: url(../images/charte/envoyer-hover.gif);
  background-color: transparent;
	width: 80px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}
.retablir{
	background-image: url(../images/charte/retablir.gif);
	background-color: transparent;
	width: 80px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}
.retablirOver{
	background-image: url(../images/charte/retablir-hover.gif);
	background-color: transparent;
	width: 80px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}

#divContact .text-contact{
  font: bold 1em Arial, Helvetica, sans-serif;
	text-align: center;
}