@charset "utf-8";

html { margin:0; padding:0; font-size: 100%; /* Évite un bug d'IE 6-7 */ }

/* corps */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; background: #593A26;	color: #513524; height:100%; }

/*div {border: 1px solid red; }  */

/* éléments */
img { border: 0; }
abbr {border-bottom: 1px dotted #000000; cursor: help; }

h1 { color: #FFFFFF; background-color: #593A26;	font-weight: bold; font-size: 100%; margin-top: 10px; padding: 0 }
h2 { color: #B51603; font-weight: bold; font-size: 110%; }

a { color: #371b00; }
a:hover { color: #B51603; }

#carte { word-spacing: 0; }
#carte h1 { font-size: 180%; font-style: italic; color: #A9A9A9; font-weight: normal; background: #FFF; letter-spacing: -0.5px; }
#carte h2 { font-size: 120%; color: #B51603; font-weight: normal; background: #FFF; letter-spacing: -0.2px;  }
#carte .rouge { color: #B51603; font-size: 140%; font-weight: bold; }
#carte .menu { background: url(img/fond-menu.png) no-repeat; width: 440px; height: 104px; margin: auto; padding-top: 22px; }
#carte #formule { text-align: left; font-size: 90%; margin-left: 210px }
#carte #formule b { font-weight: bold; font-size: 120%; }
#carte #formule ul { list-style-type: none; margin-left: 0; padding-left: 5px}

table { font-size: 90%; }
td.rub { text-align: left; width: 300px; border-bottom: 1px solid #aaa; color: #F9B701; font-size: 110%; font-weight: bold; line-height: 25px;}
td.col { text-align: center; width: 100px; border-bottom: 1px solid #aaa; }
td.vin { text-align: left; width: 500px; font-weight: bold; line-height: 14px; }
td.cuvee { text-align: left; width: 300px; font-style: italic;}

/*div { border: 1px solid blue }*/

/* boite déroulante news */
#blocDeroulant { overflow: hidden; position: relative; width: 167px; text-align: center; margin-bottom: 6px; border: 4px solid #F9B701}
#blocDeroulant a { color: #513524; }
#blocDeroulant a:hover { color: #B51603; }
#Scroll { position: relative; top: 0; left: 0; }

#cadreactu { color: #F9B701; text-align: center; font-weight: bold; font-size: 120%; }
#cadreactu a { color: #F9B701; text-decoration: none; }

/* conteneur global */
#container { width: 740px; text-align: center; position: relative; min-height: 100%; height: auto;
	background:#FFF; margin: 0 auto; border: 1px solid #DDD; text-align: left; padding: 0 5px; overflow: auto; }

.textelegal { text-align: justify; padding: 10px; font-size: 90%; }

#footer { width: 740px; text-align: center; margin: 0 auto; color: #FFF; font-size: 90%; }
#footer a { color: #FFF; text-decoration: none; }

#content { margin-left: 195px; line-height: 20px; text-align: center; word-spacing: 2px; }

/* colonne gauche */
#colleft { float: left; width:175px; word-spacing: 2px; line-height: 20px; width: 175px; }

/* menu horizontal */
#nav { padding: 0; height: 2.2em; border-bottom: 4px solid #FFF; margin:0; background-color: #B51603; }

#nav li { list-style-type: none; display: inline; line-height:20px; font-size:1em; float: left; font-weight: bold; }
#nav li a {text-decoration: none; background-color: #B51603; border-right: 4px solid #fff; border-bottom: 0; padding: 3px 8px; font-size: 1em; float: left; font-weight: bold; color:#FFF}
#nav li a:hover {background-color: #513524}

/* menus verticaux */
.menu-vertical {margin: 0; padding: 0; list-style: none; font-size:1em; font-weight:bold; width:100%; font-size: 90%; text-align: center; }
.menu-vertical li {display:inline; padding: 0; margin: 0; line-height:20px}
.menu-vertical li a {display:block; padding: 4px 10px; text-decoration:none; background-color: #B51603; color:#FFF; border-bottom:2px solid #fff}
.menu-vertical li a:hover {background-color: #513524; padding:4px 10px; text-decoration:none; color:#FFF; border-bottom:2px solid #fff}

/* trait rouge sous menus */
.nav-menu-vertical { clear:both; margin-top:0; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #B51603; }

.encadre { color: #FFF; font-size: 80%;	background-color: #B51603; border-top: 1px solid #513524; text-align: center; font-weight: bold; }
.encadre .blanc {  background: #FFF; color: #B51603; font-weight: normal; }
.encadre .blanc a {  color: #B51603; }

.conteneur-fig { width: 80%; text-align: center; margin: 30px auto; padding: 4px 0 10px 0; border: 2px solid #513524; color: #000; }

/* lignes de formulaire */
.ligne { text-align: left; border-bottom: 1px solid #CCC; padding: 3px; margin-left: 20px; line-height: 22px; width: 400px; }
.entete { text-align: left; width: 100px; color: #111; float: left;}

/* boutons et forms */
input { font-family: Arial, sans-serif; }
.form { font-size: 95%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 95%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.form_petit { font-size: 80%; }
.bouton	{ color: #FFF; font-size: 100%; background-color: #B51603; }

input, button, select { vertical-align: middle; }

/* backoffice */
#admin { font-family: Arial, Verdana, sans-serif; font-size: 75%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 90%; background: #B51603; }
#admin input { font-size: 100%; }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #B51603; color: #FFF; height: 25px; }
td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3;filter:alpha(opacity=30); }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 18px; font-weight: bold; letter-spacing: 2px; color: #333; }
.vert { color: #7EC65F; }
.rouge { color: #FF0000; }