/* CSS Document */

body { margin:0px; background-color:#790014; }

a:link { color: #ffebcb; text-decoration: underline; }

a:visited { color: #ffebcb; text-decoration: underline; }

a:hover { color: #ffebcb; text-decoration: underline; }

h1 { text-indent:20px; line-height:16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

a.lien:link { color: #ffebcb; text-decoration: underline; }

a.lien:visited { color: #ffebcb; text-decoration: underline; }

a.lien:hover { color: #ffebcb; text-decoration: underline; }

a.lien2:link { color: #000000; text-decoration: underline; }

a.lien2:visited { color: #000000; text-decoration: underline; }

a.lien2:hover { color: #000000; text-decoration: underline; }

a.Yz:link { color: #ffebcb; text-decoration: underline; font-color: #ffebcb; }

a.Yz:visited { color: #ffebcb; text-decoration: underline; font-color: #ffebcb; }

a.Yz:hover { color: #FFFFFF; text-decoration: underline; font-color: #FFFFFF; }

.baseline { position:relative; top:53px; font-size: 12px; height:53px; }

.texte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.yz { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; font-color: #b34c00; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.texte2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #ffebcb; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.texte3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.texte4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: normal; text-transform: none; color: #C8A8C8; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.TopMenuItemContact { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 8pt; font-weight: normal; padding: 1px 15px 1px 15px; cursor: hand; background: #ffffff; border-top-width: 1px; border-right-width: 1px; border-bottom-liznwidth: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #f4f4f4; border-right-color: #f4f4f4; border-bottom-color: #f4f4f4; border-left-color: #f4f4f4; }

.TopMenuItem { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 8pt; font-weight: normal; padding: 1px 15px 1px 15px; cursor: hand; background: #ffffff; border: 1px solid #000000; }

/* -------- menu html horizontal --------------*/

a.lien_menu_H { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#ffebcb; letter-spacing: normal; word-spacing: normal; white-space: normal; }

a.lien_menu_H:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#ffebcb; letter-spacing: normal; word-spacing: normal; white-space: normal; }

a.lien_menu_H:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

span#separateur { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; font-weight: normal; text-transform: none; color:#ffebcb; letter-spacing: normal; word-spacing: normal; white-space: normal; }

/*-------commune a ttes les pages ---------*/
.justify{text-align:justify}
.center{text-align:center}

.commun p{ text-indent:20px; line-height:16px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; white-space: normal;}

.clearvalidator{ clear:both; height:3px;}

.aligntop{vertical-align:top}
.alignmiddle{vertical-align:middle}
.alignbottom{vertical-align:bottom}

/*------la carte ----------------------*/

#carte p { text-indent:20px; line-height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

p#carte_big { text-indent:20px; line-height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

p.carte_medium { text-indent:20px; line-height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

.carte { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: none; color: #000000; letter-spacing: normal; word-spacing: normal; white-space: normal; }

/*------Sous menu  page carte et carte des vins ------------*/

a.ss_menu:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: none; letter-spacing: normal; word-spacing: normal; white-space: normal; color:#660000; }

a.ss_menu:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: none; letter-spacing: normal; word-spacing: normal; white-space: normal; color:#660000; }

a.ss_menu:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-transform: none; letter-spacing: normal; word-spacing: normal; white-space: normal; color:#660000; }

/*--------page plan site ------------*/

table#tab_plan_2 { background-image:url(images/plan_fond.jpg); background-repeat:no-repeat; }

table#tab_plan_1 { background-image:url(images/plan_fond_repeat.jpg); background-repeat:repeat-y; }

a#lien_plan { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #000000; }

td#td_plan { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #000000; text-align:justify; }

table#table_plan_site { background-image:url(images/plan_bg.jpg); background-repeat:repeat-x; }

.signature { color:#ffebcb; font-size:10px; font-family:Arial, Helvetica, sans-serif; }

a#signature { color:#ffebcb; font-size:10px; font-family:Arial, Helvetica, sans-serif; }

.Style1 { font-size: 12px; font-weight: bold; }

.Style2 { font-weight: bold }

.titreplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #5F0666; font-weight: bold; }

.txtplan { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #333333; }

.plan { width: 640px; }

.galerie { text-align:center; }

.galerie img { float:left; margin:7px; }

.galerie a img { border:none; filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.galerie a:hover img { border:none; filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

/* Styles CSS pour LightBox PopUp */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #900218; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 5px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }

#prevLink { background: url(images/prevlabel.gif) left 100% no-repeat; left: 0; float: left; }

#nextLink { background: url(images/nextlabel.gif) right 100% no-repeat; right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 100% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 100% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #900218; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }

#imageData { padding:0 10px; color: #fff; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.video{padding:5px; border:double 3px #790014;}