/*-------------------------- RESA  ---------------------------*/


#bloc_resa {
	width:470px;
	margin:20px auto 0 auto;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFE913;
	margin:0 auto 0 auto;
	text-align:center;
}

#bloc_resa td {
	font-size:1.2em;
	text-align:left;
	}
	
#bloc_resa table {
	margin-left:auto;
	margin-right:auto;
	}
	
#bloc_resa .menutableau{
	line-height:15px;
	}
	
#bloc_resa table p {
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	padding:0;
	}
	
#bloc_resa td .bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:10px;
}

#bloc_resa .bouton {
	width:80px;
	cursor:pointer;
}
.bouton_poursuivre :hover {color:#ccc;}

.menu_choix2 {
	width:350px;
	line-height:20px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	}
	
.menu_choix2 .liste_menu {
	width:350px;
	margin-bottom:40px;
	text-align:center;
	}
	
#total .menu_choix2 p {
	margin:0;
	text-align:center;
	}
	
#total .menu_choix2 .bouton {
	width:80px;
	cursor:pointer;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:center;
	border:1px solid yellow;
	}
	

/*-------------------------- Galerie  ---------------------------*/

#galerie {
	width:540px;
	height:180px;
	margin: 40px 15px 20px;
	border-bottom:1px solid #FFF23B;
	margin-bottom:200px;
}

#defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
}

#defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
}

#flowcut {
  width: 440px;
  overflow: hidden;
  height:150px;
  white-space:nowrap;
  float:left;
}

#flow{
	float:left;
	height:300px;
}



#total #galerie p  {
	font:1.1em Arial, Helvetica, sans-serif;
	width:500px;
	color:#FFFFFF;
	text-align:center;
	}

#galerie a img{
/* Largeur MAXIMUM de l'image :140px */
border:none;
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;
}

#galerie a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.80; opacity:0.80;
}

/***************** EVENEMENTS *****************/

#total .evenements {
	font-weight:bold;
	text-align:center;
	}
	
/***************** AUDIOVISUEL *****************/

.indent_carte .menu_audio {
	width:220px;
	float:left;
	text-align:left;
	}

#contenu .moyen_audio h2 {
	float:left;
	padding:0;
	width:180px;
	margin-left:35px;
	}
	
#contenu .moyen_audio p.indent_carte {
	width:180px;
	}

	
.moyen_audio {
	width:280px;
	height:650px;
	float:left;
	margin:0;
	padding:0;
	}

.encart_audio {
	text-align:center;
	color:#FFFFFF;
	width:220px;
	height:250px;
	position:relative;
	float:right;
	margin:0;
	padding:0;
	text-align:left; 
	border-left:1px solid #33CC00;
	font:1.3em Arial, Helvetica, sans-serif;
	padding-left:15px;
	}

#total .italique {
	font-style:italic;
	}	

.encart_audio table {
	width:200px;
	text-align:left;
	float:left;
	margin:0;
	padding:0;
	margin-bottom:10px;
	}
		
.encart_audio strong {
	color:#EFD211;
	padding:0;
	margin:0;
	width:50px;
	}
	
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}

/* accueil */

.global_accueil {
	width:100%;
	height:600px;
	float:left;
	margin: 0 auto 0 auto;
		}

.gauche_accueil {
	width:500px;
	margin:auto;
	}
	
#total .gauche_accueil h2 {
	width:500px;
	float:left;
	}
		
#total .gauche_accueil p {
	line-height:normal;
	width:500px;
	float:left;
	}
#total strong {
	font-weight:normal;
}
	
#droite_accueil {
	width:270px;
	margin-left:165px !important; margin-left:145px;
	text-align:center;
	}
	
#video_evenements {
	width:270px;
	height:200px;
	margin-left:165px !important; margin-left:145px;
	text-align:center;
	}
	
#total .gauche_accueil .indent_accueil {
	font:1.2em Arial, Helvetica, sans-serif;
	margin:10px 0 10px 0;
	padding-left:70px;
	padding-right:5px;
	color:#FFFFFF;
	text-align:justify;
	float:left;
	width:200px;
	}
	
/***************** CARTE MENUS *****************/	

#total .bg1  {
display:block;
background-color:#450D00;
width:100%;

}
	
.global_carte_menus {
width:490px;
height:40px;
margin-left:20px;
padding-left:10px;
margin-bottom:10px;
text-align:center;
}
	
.global_carte_menus a img{
/* Largeur MAXIMUM de l'image :140px */
border:none;
filter: alpha(opacity=100);
-moz-opacity: 1.00; opacity:1.00;
}

.global_carte_menus a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.80; opacity:0.80;
}


.menu_choix {
	width:400px;
	min-height:450px;
	line-height:20px;
	padding:0;
	margin-bottom:50px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	/*border-left:1px solid green;
	border-right:1px solid green;*/
	padding-top:15px;
	}

#total .menu_choix h3 {
	width:200px;
	}
	
.envoyer_menu {
	float:left;
	text-align:center;
	width:150px;
	margin:auto;
	margin-left:30px;
	background-color:#972C00;
	color:#FFE851;
	}

#total .menu2 {
	 width:400px;
	 text-align:center;
	 margin-left:5px;
	 line-height:normal;
	 font-size:1.2em;
	 font-family:Arial, Helvetica, sans-serif;
	 text-align:justify;
	 color:#FFFFFF;
	 float:left;
	 }

select.liste_menu{
float:left;
width:100px;
height:20px;
text-align:right;
background-color:#8F2C02;
color:#FFFFFF;
line-height:20px;
padding:0;
margin:10px 0 0 0;
}

select.liste_date{
	float:left;
	width:50px;
	height:20px;
	text-align:center;
	background-color:#8F2C02;
	color:#FFFFFF;
	line-height:20px;
	padding:0;
	margin:10px 0 0 0;
}

.menu_choix p {
	float:left;
	width:200px;
	height:20px;
	line-height:20px;
	}
	
/***************** CARTE *****************/

.global_carte {
	width:510px;
	height:200px;
	margin-left:20px;
	padding-left:10px;
	margin-bottom:35px;
	text-align:center;
	}
	
	
	
.global_carte a img{
	/* Largeur MAXIMUM de l'image :140px */
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#total .indent_carte .jaune{
font:1.2em Arial, Helvetica, sans-serif;
color:#FFF23B;
font-weight:bold;
text-align:right;
float:right;
width:55px;
line-height:30px;
}

#total .indent_carte .jaune2{
font:1.2em Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
text-align:right;
float:right;
width:55px;
line-height:30px;
}

.jaune{
font:1.2em Arial, Helvetica, sans-serif;
color:#FFF23B;
font-weight:bold;
text-align:right;
float:right;
width:50px;
line-height:20px;
}

.jaune2{
font:1.2em Arial, Helvetica, sans-serif;
color:#FFF23B;
font-weight:bold;
text-align:right;
float:right;
width:50px;
line-height:20px;
}

.cl_vins {
	width:100px;
	height:20px;
	float:right;
	margin-right:15px;
	right:5px;
	top:230px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.4em;
	text-align:center;
	text-align:right;
	}
	
p.cl_vins {
	color:#FFF23B;
	}	
		


.global_carte a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}

#total .menu {
	display:block;
	float:left;
	width:400px;
	line-height:25px;
	}
	
.indent_carte .menu {
	float:left;
	width:350px;
	line-height:30px;
	}
#total .menu .txtIndent {
	position:relative;
	display:block;
	text-indent:50px;
}
	

.droite {
	float:right;
	width:50px;
	}
	
#total .indent_carte {
	font:1.2em Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding-left:70px;
	padding-right:5px;
	color:#FFFFFF;
	text-align:justify;
	float:left;
	width:484px;
	}
	
	
/***************** STYLE CONTENU *****************/
#contenuTexte h1{
font:bold 20px Arial, Helvetica, sans-serif;
color: #00CC00;
letter-spacing:1px;
margin:0 0 12px;
}
#contenuTexte h2{
font:bold 15px Arial, Helvetica, sans-serif;
color: #FDAC44;
letter-spacing:1px;
margin:0 0 7px;
float:left;
width:300px;
border:1px solid green;
}

#contenuTexte p{
font:11px/1.1em Arial, Helvetica, sans-serif;
text-align:justify;
line-height:20px;
color:#fff;
margin-bottom:1.2em;
float:left;
}



#contenuTexte p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenuTexte p.couleur, span.couleur{
font-weight:bold;
color: #FFA800;
}
#contenuTexte a:link, #contenuTexte a:visited{
font-weight:bold;
text-decoration:underline;
color: #FFA800;
}
#contenuTexte a:hover, #contenuTexte a:active{
color:#00CC00;
}


/* polices */

#total h1 {
	font:2em Arial, Helvetica, sans-serif;
	color:#00CC00;
	margin:15px 0 15px 0;
	padding-left:35px;
}

#total h2 {
	font:1.5em Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#FFE913;
	margin:15px 0 15px 0;
	padding-left:35px;
	width:400px;
	float:left;
}

#total h3 {
	font:1.2em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF23B;
	width:300px;
	float:left;
	height:20px;
	margin-left:25px;
	margin-top:10px;
}

#total h4 {
	font:1.4em Arial, Helvetica, sans-serif;
	width:540px;
	font-weight:bold;
	margin: 0 auto 0 auto;
	color:#FFF23B;
	float:left;
	height:20px;
	text-align:center;
}


#total .ss_titre {
	font:1.6em Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding-left:45px;
	color:#FFFF00;
	}
	
#total p {
	font:1.2em Arial, Helvetica, sans-serif;
	margin:10px 0 10px 0;
	line-height:30px;
	padding-left:15px;
	padding-right:5px;
	color:#FFFFFF;
	text-align:justify;
	display:block;
	}

	
#total p a {
	font:1em Arial, Helvetica, sans-serif;
	line-height:normal;
	padding-left:0;
	padding-right:0;
	font-weight:bold;
	color:#FFE913;
	text-align:justify;
	text-decoration:none;
	letter-spacing:0.1em;
	}
	
#total p a:hover {
	text-decoration:underline;
	}
	
#total p {
	font-weight:bold;
	color:#FFFFFF;

	}
	
#total .center {
	text-align:center;
	}

#total .indent {
	font:1.2em Arial, Helvetica, sans-serif;
	margin:10px 35px 10px 0;
	padding-left:70px;
	padding-right:5px;
	color:#FFFFFF;
	text-align:justify;
	float:left;
	width:350px;
	}
	
.hebergeur {
	width:250px;
	height:180px;
	float:right;
	margin-top:-247px;
	}
/* mentions legales dans footer */

#mentions {
	position:absolute;
	margin-left:220px;
	margin-top:23px;
	width:120px;
	height:11px;
	text-align:center;
	}
	
#mentions a {
font:9px Arial, Helvetica, sans-serif;
color:#fff;
}

/* fiche prod exemple charte */


#encart { /* diapo flash */
	width:179px;
	float:left;
	display:block;
	padding-left:1px;
}
#encart #in{ 
	width:120px;
	float:left;
	display:block;
	margin:5px 0;
	padding:0 7px;
	text-align:justify;
}
#encart #diapo{ 
	width:134px;
	float:left;
	display:block;
}
#encart #in p{ 
	font:10px Arial, Helvetica, sans-serif;
	color:#fff;
}
#encart #in span{ 
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #33CC00;
}
#encart #in a{ 
	color:#FDAC44;
	font:10px Arial, Helvetica, sans-serif;
}

#encart #in a:hover{ 
	color:#AAE900;
	text-decoration:none;
}

/* RUBRIQUE CONTACT */



#bloc-contact {
	width:270px;
	float:left;
	margin:20px 0 30px 0;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFE913;
	padding-right:10px;
}

#bloc-contact table {width:270px;}

#bloc-contact_droit {
	width:250px;
	height:400px;
	float:right;
	padding-left:5px;
	margin:0px 0px 0 0;
	font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#4271B9;
	border-left:1px solid #FFE913;
}

#bloc-contact_droit h2 {
	width:100%;
	float:left;
}

#bloc-contact_droit h4 {
	width:100%;
}

#bloc-contact_droit .ss_titre {
margin-left:0;
padding-left:10px;
padding-top:30px;
text-align:left;}


#bloc-contact_droit h6 {
width:100%;
float:left;
}

#contenu #contenuTexte #bloc-contact_droit a:link ,#contenu #contenuTexte #bloc-contact_droit a:visited  {
	margin-right:-3px;
	width:100%;
	display:block;
	}
	
#bloc-contact_droit img{
	margin-left:15px;
	}

#bloc-contact_droit a img{
	/* Largeur MAXIMUM de l'image :140px */
	filter: alpha(opacity=100);
	-moz-opacity: 1.00; opacity:1.00;
}

#bloc-contact_droit a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80; opacity:0.80;
}
 

#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0 10px 0 2px;
	border:1px solid #FFE913;
	background:#FFF;
}

#formContact input, #formContact textarea{
	width:170px;
	margin:0;
}

#contenu #bloc-contact label{
	width:100px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#FFE913;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
}

#formContact .radio{
	width:15px;
	border:none;
	background:none;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#FFE913;
}

#formContact select.liste-form{
	width:182px;
	text-align:left;	
	color:#FFE913;
	padding:0 0 0 2px;
}

#formContact .bouton{
	width:80px;
	cursor:pointer;
	color:#FFE913;
	background:#221101;
	margin:0;
	padding:0;
	font-size:10px;
}
#formContact .bouton:hover {color:#ccc;}

#contenu #formContact .nota {
	font:italic 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
	line-height:12px;
	}
.champRequis{color:#4EA602; font-size:9px;}

/* MERCI */

.merci {
	width:100%;
	height:300px;
	font-size:1.4em;
	font-weight:bold;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFE913;
	padding-top:40px;
	}
	
#total .merci h1 {
	text-align:center;
	margin:0;
	padding:0;
	font-size:1.5em;
	color:#FFE913; 
	}
	
.merci a {
	color:#FFFFFF;
	text-decoration:none;
	}
	
.merci a:hover {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
	


/***************** STYLE FOOTER *****************/
#footer p{
font:9px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
padding:0 170px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
