/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#463f32; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

body#intro {background:#DFDD26 none; }

h1 { color:#BFBE04; font-size: 1.7em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

h2 { color:#BFBE04; font-size: 1.7em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

h3 { color:#BFBE04; font-size: 1.7em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding: 0 }

h4 { color:#BFBE04; font-size: 1.7em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:10px 0 }

h5 { color:#BFBE04; font-size: 1.7em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:10px 0 }

h6 { color:#BFBE04; font-size: 1.7em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:10px 0 }

p { color:#463f32; font-size: 1em; }

ul, ol { color:#463f32; font-size: 1em; margin:5px 0 10px 15px; }

#contenu li { color:#463f32; font-size: 1em; padding:0 0 5px 12px; list-style-image: url(../images/fleche2.jpg); list-style-position:outside; }

a { color:#463f32;  }

a:hover { text-decoration:none; color:#A5A503; border:none; } /* si changement de couleur au survol */

a:visited { } /* si changement de couleur après le clic */

input { border-width:thin; padding:3px; }

textarea { border-width:thin; padding:3px; }

em { }

strong { }

#colonneGauche h1 { color:#463f32; font-size: 2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

#colonneGauche h2 { color:#463f32; font-size: 1.8em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

#colonneGauche h3 { color:#463f32; font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

#colonneGauche h4 { color:#463f32; font-size: 1.2em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

#colonneGauche h5 { color:#463f32; font-size: 1em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }

#colonneGauche h6 { color:#463f32; font-size: 1em; }

#colonneGauche p { color:#463f32; font-size: 1em; }

#colonneGauche ul, ol { color:#463f32; font-size: 1em; padding:0; margin:5px 0; }

#colonneGauche li { color:#463f32; font-size: 1em; list-style:none outside none; background:url(../images/fleche1.jpg) no-repeat left; padding:0 0 5px 10px; }

#colonneGauche a { color:#463f32; text-decoration:none; /*border-bottom:#BFBE04 1px solid; */}

/*-----------menu déroulant------------*/

#colonneGauche #listeCatalogue  ul {width:185px; background:none; padding:0; margin:0;}

#colonneGauche #listeCatalogue  ul li {width:185px; background:none; padding:0; margin:0;}

#colonneGauche #listeCatalogue  ul li a { width:185px;  padding:0; margin:0; border:none;  background:none; }

#colonneGauche #listeCatalogue  ul li a:hover { text-decoration:none;}

#colonneGauche #listeCatalogue  ul li ul { left:185px; padding:5px; background-color:#DFDD26; border:1px solid #C1BE21;}

#colonneGauche #listeCatalogue  ul li ul li a {  padding:2px;}

#colonneGauche #listeCatalogue  ul li ul li a:hover {  background-color:#FEFF4B}

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

#colonneGauche a:hover { text-decoration:none; color:#000000; border:none; } /* si changement de couleur au survol */

#colonneGauche a:visited { } /* si changement de couleur après le clic */

#colonneGauche input { border-width:thin; padding:3px; }

#colonneGauche textarea { border-width:thin; padding:3px; }

#colonneGauche em { }

#colonneGauche strong { }

#yzeo p { color:#777D1B; font-size:10px }

#yzeo a { color:#777D1B; font-size:10px }

#yzeo a:hover { color:#545713; font-size:10px }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft { float:left; margin-right:1em; }

.imgRight { float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.h1index { position:absolute; left:0; top:0; width:100%; padding:0; }

.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }

.italic, .italique { font-style: italic; }

.strike, .barre { text-decoration: line-through; }

.souligne { text-decoration:underline }

/* Des classes flotante */
.floatleft { float: left; }

.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }

.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Autres classes */
.img-partenaires { float:left; text-align:center; width:245px; margin:5px auto }

.imgCepage { float:left; margin-right:0.4em; text-align:center }

.imgCepage2 { float:right; margin-left:0.5em; text-align:center }

.imgAffiche { float:left; margin-right:0.9em; text-align:center }

.img-recette { float:left; text-align:center; width:180px; margin:10px auto }

.padding-cocktail { padding-top:20px }

.drapeau { vertical-align:middle }

.warning { margin-left:105px }

/* Formulaire de contact */
#frmEnvoi { width:520px; float:left; padding-left:30px; }

#frmEnvoi input, textarea { background-color:transparent; border-width:thin; }

#frmEnvoi .field { text-align:right; margin-top:10px; border-bottom:1px dashed; padding:0; }

#frmEnvoi .champ { border:#635947 1px solid; border-bottom:1px dashed; padding:5px; background-color:#FFFFFF; color:#635947; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:-1px; margin-top:1px; }

#frmEnvoi .champ:focus { border-bottom:#463f32 1px solid; background-color:#ffffff; }

#frmEnvoi #code { border:#635947 1px solid; border-bottom:1px dashed; padding:5px; background-color:#ffffff; color:#635947; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-bottom:-1px; margin-top:1px; }

#frmEnvoi #code:focus { border-bottom:#463f32 1px solid; background-color:#fff; }

#frmEnvoi #send2 { border-color:#463f32; background-color:#463f32; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; }

/*	Formulaire inscription newsletter
----------------------------------------------------------*/

#formNewsletter p { margin:0; padding:0;}

#formNewsletter p .label { width:63px; float:left; text-align:right;}

#formNewsletter input{ width:100px; float:left; margin:2px;}

#formNewsletter .envoyer { height:23px;  cursor:pointer; float:left; background-color:#C8C409;} 

/* Plan du site bas de page
------------------------------------------------------- */

#menubas { padding: 10px 15px 10px 0; text-align:center; color:#555; font-size:10px; margin:0; width:1060px; clear:both }

#menubas a { color:#777D1B; }

#menubas li { list-style-image: url(../images/fleche1.jpg); list-style-position:outside; }

#coldusite { color:#777D1B; clear:both; text-align:left; width:1060px; }

#coldusite p { line-height:8px; color:#777D1B; }

#col1 { width:190px; min-height:235px; _height:235px; float:left; border-right:1px solid #333; padding-left:20px; border-bottom: 1px dashed #333; border-right: 1px dashed #333; padding-bottom:10px; padding-top:5px; }

#col2 { width:190px; min-height:235px; _height:235px; float:left; border-right:1px solid #333; padding-left:20px; list-style-image: url(../images/fleche1.jpg); list-style-position:outside; border-bottom: 1px dashed #333; border-right: 1px dashed #333; padding-bottom:10px; padding-top:5px; }

#col3 { width:190px; min-height:235px; _height:235px; float:left; border-right:1px solid #333; padding-left:20px; list-style-image: url(../images/fleche1.jpg); list-style-position:outside; border-bottom: 1px dashed #333; border-right: 1px dashed #333; padding-bottom:10px; padding-top:5px; }

#col4 { width:190px; min-height:235px; _height:235px; float:left; padding-left:20px; list-style-image: url(../images/fleche1.jpg); list-style-position:outside; border-bottom: 1px dashed #333; padding-bottom:10px; padding-top:5px; }

#col5 { width:190px; min-height:235px; _height:235px; float:left; border-right:1px solid #333; padding-left:20px; list-style-image: url(../images/fleche1.jpg); list-style-position:outside; border-bottom: 1px dashed #333; border-right: 1px dashed #333; padding-bottom:10px; padding-top:5px; }

#col6 { width:190px; min-height:235px; _height:235px; float:left; border-right:1px solid #333; padding-left:20px; list-style-image: url(../images/fleche1.jpg); list-style-position:outside; border-bottom: 1px dashed #333; border-right: 1px dashed #333; padding-bottom:10px; padding-top:5px; }

.tailleplan { font-size:0.9em; color:#555; font-family:Arial, Helvetica, sans-serif }

/* plan d'acces */

.plan { width: 520px; height: 480px; border:1px solid #000000; }

#map .infosbulle { width: 210px; border: none; margin: 0; padding: 0; }

#map .infosbulle p { display: block; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }

.plan-titre { font-size: 14px; color: #BFBE04; font-weight: bold; margin-bottom: 1em; }

.plan-adresse { font-size: 12px; color: #333; }

.plan-printer { display:block; text-align: right; padding-bottom:15px; }

.plan-printer img, .plan-printer a { border: none; }

.strong-center { text-align:-moz-center;  !text-align:center;
}

.divMenu { float:left; width:290px; margin:5px; border:3px double #003300; }

table { border-collapse:collapse; border:none; }

.table-menu { width:290px; }

th { padding:5px; text-align:center; }

td { padding:5px; }

.tdRight { width:20%; }

.tdRightBig { width:70px; }

.margin-top-menus { margin-top:25px; }

.margin-top-menusLast { margin-top:25px;  #margin-top:28px;
}

.divMenusBig { border:3px double #003300; padding:10px 20px; margin:5px; }

.margin-top-vin { margin-top:10px; }

.margin-top-vinLast { margin-top:15px;  #margin-top:13px;
}

.divVinRight { float:left; width:290px; margin:5px 5px 5px 35px; _margin:5px 5px 5px 27px; border:3px double #003300; }

.tr-even { color:#fff; }

.padImg { margin:14px auto; }

.fixDiv { height:30px; }