/* 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%;
	border:1px solid #999;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#formContact input:focus,textarea:focus{
	border-color:#999;
	font-family:Arial, Helvetica, sans-serif;
}
#formContact .champRequis{
	color:#FF0000;
}
.formulaire{
float:left;
width:380px;}
.loi{
text-align:justify;
font-size:11px;
color: #CCCCCC
}
.text-form{
font-size:11px;
color: #fff;
font-family:Arial, Helvetica, sans-serif;
}
.boutton-form{
background-color:#414141;
color: #fff;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
width:100px;
border:1px solid #999;}
.champs-form{
background-color:#414141;
color:#fff;
border:1px solid #999;
font-size:12px;

font-family:Arial, Helvetica, sans-serif;
}
.champs-form2{
background-color:#414141;
color:#fff;
border:1px solid #999;
font-size:12px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
}
/* STYLE DE LA PAGE INDEX */
.menu{
float:left;
margin-left:15px;

margin-top:10px;
margin-bottom:10px;
width:380px}

.menu ul{
	margin-top:20px;
	padding:10px 0 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
border:none

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

}
.accueil{
float:left;
width:400px;
margin-right:15px;}
#container .couleure{

color: #FF99CC;
font-weight:bold;
font-size:13px}
#container .couleure2{

color: #FF42B6;
font-weight:bold;
font-size:13px}
#container .couleuree{

color: #FF99CC;
font-weight:bold;
font-size:11px}
.globalacc{
float:right;
width:252px;
margin-top:7px}
.blocacc{
float:right;
width:252px;
}
.contenuacc{
float:right;
width:237px;
background-image: url(../images/charte/contenu.gif);
background-repeat:repeat-y;
padding-left:15px}
#container .prixacc{
color: #FF42B6;
font-weight:bold;
font-size:14px
}

.carte-vin{
float:left;
width:252px;
margin-left:200px;
background-image:url(../images/charte/carte-vin.gif);
background-repeat:no-repeat;}

#container .carte-vin p{
text-align:center;}

.carte-midi{
float:left;
width:500px;
margin-left:90px
}
.body-cart{
float:left;
width:500px;

background-image: url(../images/charte/fnd.gif);
background-repeat: repeat-y;
padding: 0 10px 0 10px;
}
.bas{
float:left;

}
.top{
float:left;
}
.tabl-gauche{
float:left;
width:200px;
margin-left:40px;
margin-right:10px}
.tabl-droit{
float:right;
width:200px;
margin-right:10px
}
.evenements{
float:left;

}
.evenement1{
float:left;
width:310px;
margin-top:15px;
padding-right:10px;
background-image:url(../images/charte/sepqrqteur.gif);
background-repeat:repeat-y;
margin-bottom:20px;
margin-left:30px}
#container .evenement1 p{
float:left;
width:285px;
margin-top:15px;
}
.evenement2{
float:left;
width:320px;
margin-top:15px;
margin-bottom:20px;


}
#container .evenement2 p{
float:left;
width:285px;
margin-top:15px;

}

#container .categorie{
float:left;
width:320px;
text-align:center;
font-size:14px;
color:#CC0099;
font-weight:bold;
text-decoration:underline;}
#container .livre{

	margin:10px 0 -5px 0px;
	font-family:bold  Arial, Helvetica, sans-serif;
	color: #FF42B6;
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid  #FF42B6;
margin-top:20px}

#container .livre p{
float:left;
width:300px;

	
	
}
.livre-dor{
float:right;
width:143px;
background-image: url(../images/charte/livre.gif);
background-repeat:no-repeat;
height:183px;
margin-right:70px;
margin-top:10px}
.lien{
float:left;
width:160px;
margin-top:15px;
padding-right:10px;
background-image:url(../images/charte/sepqrqteur2.gif);
background-repeat:repeat-y;
margin-bottom:20px;
margin-left:30px}
.galerie{
float:left;
width:650px;
margin-top:15px;
}
.grand-visuel{
float:left;
width:275px;
height:248px;
background-image:url(../images/charte/bg-gallerie.jpg);
background-repeat:no-repeat;
padding:7px;
text-align:center;}
.grand-visuel img{
float:left;
width:272px;
text-align:center;

}
.visuels{
float:right;
width:340px;

padding-left:5px;
padding-top:7px}

#container .titreimg{
float:left;
width:70px; position:absolute;
text-align:center;
margin-top:105px;
font-weight:bold}
.image{
float:left;
width:70px;
margin-right:7px;
margin-bottom:5px;
}
.image img{
border:1px solid #FFFFFF;}
#container .image p{
float:left;
width:70px;
text-align:center;
font-weight:bold;
}