@charset "utf-8";
/* CSS Document */


/* ------------------------------ bases ---------------------------------------- */
body {
background-color:#e5dbca;
margin: 0;
padding: 0;
text-align: left; /* pour corriger le bug de centrage IE */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

p{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

li{
margin-bottom:10px;
margin-left:0px;
list-style-type:square;
list-style-position:outside;
line-height:12px;
padding-left:0px;
color:#CCC;
}

ul{
line-height:12px;
margin-left:0px;
padding-left:0px;
}

a{
color:#636100 !important; 
text-decoration:none;
}

a:hover{
text-decoration:none;
color:#E97325; !important
}

a:visited, a:active{
text-decoration:none;
color:#636100 !important; 
}

a.gras{
font-weight:bold;
text-decoration:none;
color:#636100 !important; 

}
a.gras:link{
font-weight:bold;
text-decoration:none;
color:#636100 !important;

}
a.gras:hover{
font-weight:bold;
text-decoration:none;
color:#E97325 !important; 
}

a.gras:visited, a.gras:active{
font-weight:bold;
text-decoration:none;
color:#ada900 !important;
}

a.nounder{
color:#636100 !important; 
text-decoration:none;
}

a.nounder:hover{
text-decoration:none;
color:#E97325; !important
}

a.nounder:visited, a:active{
text-decoration:none;
color:#636100 !important; 
}

#global{
width:883px;
height:auto;
margin-left: auto;
margin-right: auto;
margin-bottom:30px;
text-align: left; /* retablit l'alignement normal du texte */
padding:0px 0px 0px 0px;
background-color:#ede5d9;
}


/* ------------------------------ layout ---------------------------------------- */
#entete{
width:863px;
height:290px;
margin-left: 11px;
background-color:#ede5d9;
}

#page{
width:861px;
height:auto;
margin-left: 11px;
padding-bottom:13px; /* marge blanche sous contenu */
background-color:#ede5d9;
background:url(../images/page_background.gif) repeat-y left;
}

.ombre_inf{
width:855px;
height:4px;
margin-left: 11px;
margin-top:0px;
margin-bottom:0px;
font-size:0px; /* pour ie6 taille minimale de 1px */
line-height:0px;
background:url(../images/ombre_inf.gif) no-repeat top left;
}

.ombre_sup{
width:857px;
margin-left: 13px;
clear:both;
font-size:0px;  /* pour ie6 taille minimale de 1px */
line-height:0px;
background:url(../images/ombre_sup.gif) no-repeat top left;
}

/* ---------------------------------  navigations  ------------------------------------------*/
#navigation_secondaire{
width:auto;
height:auto;
border-bottom:2px solid #FFFFFF;
}
.lien_navigation_2{
width:225px;
height:19px;
border-top:2px solid #FFFFFF;
border-bottom:0px solid #FFFFFF;
margin:0;
padding:0;
}

/* ------------------------------ entete contenu ---------------------------------------- */
#entete .ombre_g{
float:left;
width:4px;
height:290px;
background:url(../images/ombre_g.gif) repeat-y top left;
}

#entete .ombre_d{
float:left;
width:4px;
height:290px;
margin:0px;
background:url(../images/ombre_d.gif) repeat-y top left;
}

#entete .contenu{
float:left;
width:853px;
height:290px;
background-color:#ffffff;
}

#logo{
float:left;
width:227px;
height:277px;
background-color:#FFFFFF;
margin:0px 17px 0px 15px;
}

#visuel_entete{
width:155px;
height:277px;
background:url(../designs/entete_visuel.jpg) no-repeat;
background-color:#d0cc1f;
float:left;
}

#navigation{
width:255px;
height:277px;
background-color:#36201c;
float:left;
}

.deco_vert_1{
background-color:#d2ef33;
float:left;
}

.deco_vert_2{
background-color:#d0cc1f;
float:left;
}

.deco_vert_3{
background-color:#ada900;
float:left;
}

/* ------------------------------ page contenu ---------------------------------------- */

#page .contenu{
position:relative; /* pour placement arrondi+g en absolute */
top:0px;
left:0px;
width:825px;
margin-left:20px;
height:auto;
overflow:hidden; /* permet extension de la page (conteneur) depuis n'importe quelle colonne en float  */
z-index:0;
}

#colonne1{
float:left;
width:225px;
height:100%;
/*border:1px solid #FFCC00;*/
}

#colonne1 .info{
padding-top:25px;
text-align:center;
}

#colonne2{
/*largeur variable*/
width:345px;
float:left;
margin-left:50px;
/*background-color:#FFFFFF;*/
}

#article{
width:auto;
margin:35px 30px 0px 28px;
}

#colonne3{
width:195px;
float:left;
height:auto;
margin-left:0px;
/*background-color:#FFFFFF;*/
text-align:center;
/*largeur variable*/
}

#arrondi{
width:823px;
height:20px;
clear:both;
background:url(../images/arrondi_bd.gif) top right no-repeat;
}

#arrondi_accueil{
width:823px;
height:0px;
clear:both;
background-color:#FFFFFF;
text-align:left;
}




/* ----------------------------- bas de page --------------------------------------------------- */
#footer {
width:100%;
height:35px;
text-align:left;
}

.mentions_legales{
margin:7px 30px 0px 20px;
}

.adresse{
margin:7px 0 0 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#636100 ;
}

.adresse a,.adresse a:visited,.adresse a:link{
color:#636100;
}

.adresse a:hover{
color:#444;
}



/* ------------------ TEXTES -----------------------*/

h1 { 
width: 150px; 
height: 0px ! important;
height:20px;
padding-top: 20px;
overflow: hidden;
margin: 0;
background: #3F3F3F url(/images/astuces-h1.gif) top left no-repeat;
}

h2 { 
width: 150px; 
height: 0px ! important;
height:20px;
padding-top: 20px;
overflow: hidden;
margin: 0;
background: #3F3F3F url(/images/astuces-h1.gif) top left no-repeat;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:14px;
color:#ec6002;
font-weight:bold;
display: inline;
}

h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
color:#ec6002;
font-weight:bold;
display: inline;
}

h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
color:#36201c;
font-weight:bold;
display: inline;
}

.courant{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:11px;
color:#36201c;
}

.vertAccueil{
color:#817E00;
}

.vert{
color:#636100;
}

.orange{
color:#E97325;
}

.courantVert{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#636100;
}

.courantOrange{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#e97325;
}

.courantAccueil{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#817e00;
}

.courant11{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
color:#36201c;
}

.bigone{
font-family:Arial Black, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
line-height:12px;
}

.majuscules{
text-transform:uppercase;
}

.notes{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
}

.notes_vert{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#636100;
font-style:italic;
}

/* ------------- blocs de mise en page -------------------------*/
.carte_titres{
	width:100%;
	height:25px;
	border-bottom:1px solid #ada900;
	margin:10px 0px 5px 0px;	
}

.carte_prix{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ada900;
	font-weight:bold;
	float:right;
}


.carte_mets{
	width:310px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#36201c;
	float:left;
	margin-bottom:10px;
}

.carte_vins{
	width:283px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#36201c;
	float:left;
	margin-bottom:5px;
}

.carte_annee{
	width:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	color:#36201c;
	float:left;
}

.formule_prix{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#888501;
	font-weight:bold;
}
.tarif_formule{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ec6002;
	font-weight:bold;
}

.presse_infos{
float:left;
width:330px;
height:auto;
margin-bottom:15px;
}

.presse_visuel{
float:right;
width:82px;
height:auto;
margin-left:9px;
}

.presse_titre{
height:34px;
margin-bottom:10px;
border-bottom:1px solid #ada900;
}

.titreart{
width:80%;
height:40px;
border-bottom:1px solid #ada900;
margin-bottom:25px;
}

#g_deco{
position:absolute;
bottom:0px;
right:2px;
}

#arrondi_mod1{
position:absolute;
width:21px;
height:20px;
bottom:-1px;
right:-1px;
}


.clear{
height:1px;
clear:both;
width:100%;
}