/* BALISE + ID */ 
BODY,TD,TH { font-family: Arial; font-size: 12px; color: #1F2025; }
BODY { background-color: #F4EB8C; background-image: url(_image/fond_page.gif); margin: 0px; }
BODY#boire { background:#202026;}

A{ color: #202026; text-decoration: underline; }
A:hover { color: #330099; }
A.mm { text-decoration:none; }
A.mm:hover { color:#CC9900; }

HR{ color: #202026; background-color: #202026; border: 0px; height: 3px; width:878px; margin-top: 15px; text-align:center; }
HR#soustitre { color: #74748A; background-color: #74748A ; border: 0px; height: 2px; width: 480px; text-align:left; margin: 0px 0px 5px 0px }
HR#soustitre2 { color: #74748A; background-color: #74748A ; border: 0px; height: 1px; width: 440px; text-align:left; margin: 0px 0px 5px 0px }
HR#soustitresmall { color: #74748A; background-color: #74748A ; border: 0px; height: 2px; width: 200px; text-align:left; margin: 0px 0px 5px 0px }

DIV#droit.vins-boiree { padding: 5px; text-align:left; /*border-left: 1px solid #C0B96F; border-bottom: 1px solid #C0B96F; border-top: 1px solid #C0B96F; */ }
DIV#droite TABLE { margin-left: 20px; }
DIV#bas { width:878px; text-align:left; }
DIV#liste { margin-left:30px; }
DIV#float { float:left; margin:0px 15px 5px 15px; }
DIV#float TABLE { width:134px; height:134px; border:0px; }
DIV#marge_droite { padding:10px; border-bottom:1px #cccccc dashed; border-left:1px #cccccc dashed; }
DIV#tail-boire { width:60px; }

/* ------------------------------------ */
/*                                      */
/*            ACCUEIL	                */
/*                                      */
/* ------------------------------------ */
/* message bienvenue */
.bienvenue
{
	background: transparent url(../_image/bienvenue_separator.png) center 0 no-repeat;
}
.bienvenue img
{
	margin:0 5px 0 10px;
	border:none;
}

/* cadre vidéo index.php */
/*IMG#cadre {  }*/
a#lienVideo { display:block; position:relative; border: 1px solid #666666; padding:0; width:252px; }
a#lienVideo img { margin:0; padding:0; border:3px solid black;}
.videoBandeau
{
	position:absolute;
	top:147px;
	right:3;
	width:118px;
	height:27px;
	background:transparent url(../_image/video_bandeau.png) 0 0 no-repeat;
}
IMG#import { margin: 0px 0px 10px 20px; }

SPAN#import { width:240px; }

TD#cadre2 { border: 1px solid #202026; background-color: #FFFCF1; height:93px; padding: 6px; }
TD#fond_page { background-color: #FFFCF1; }
TD#haut { background-color: #FCF7D7; height: 44px; color:#8D8A72; font-size: 24px; padding-left: 6px ;}
TD#centrale { padding: 6px 5px 6px 13px; height:316px; text-align:justify;/*line-height:18px;*/ }
TD#centrale2 { padding: 6px 5px 6px 20px; height:316px; /*line-height:18px;*/ }
TD#centrale3 { padding: 6px 0px 6px 13px; height:316px; text-align:justify;/*line-height:18px;*/ }
TD#légende { border-bottom:1px solid #74748A; padding : 3px 0px 3px 0px ;}
TD#boire { padding-left: 5px; vertical-align:middle;}
TD#galerie   { padding:3px; display:block; cursor:pointer; }
TD#galerie IMG { }
TD#mentions { padding: 6px 13px 6px 13px; text-align:justify;/*line-height:18px;*/ }
/*
TD#galerie   { padding:3px;border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #000000; border-bottom:1px solid #000000; background-color:#FFFFFF; display:block; cursor:pointer; } -->
TD#galerie IMG { border-top:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }
*/
TD#mm A { background-image:url(_image/suivant.gif); background-repeat:no-repeat; background-position:right; vertical-align:middle; padding: 4px 20px 4px 0px; margin-right:3px; text-decoration:none; display:block; }
TD#mm A:hover { background-image:url(_image/suivant_on.gif); color:#CC9900;}
TD#mm2 A { background-image:url(_image/precedent.gif); background-repeat:no-repeat; background-position:left; text-decoration:none; vertical-align:middle; padding: 4px 0px 4px 20px; margin-left:3px; display:block; }
TD#mm2 A:hover { background-image:url(_image/precedent_on.gif); color: #CC9900; }
TD#pays IMG { margin: 10px 9px 0px 0px; }
TD#tire-boire { background:#F4EB8D; padding:2px 2px 2px 5px; border-top:3px solid #202026; }
TD#tire-boire2 { background:#F4EB8D; padding:2px 2px 2px 5px; border-top:3px solid #202026; width:100px; text-align:center; }
TD.vins-boire { background:#FFFCF1; padding-left:5px; font-size: 10px;
	height:26px;
	line-height: 13px;
}
TD.vins-boire A { text-decoration:none; }
TD.vins-boire A:hover { text-decoration:none; } 
TD.vins-boire2 { background:#FFFCF1; font-size: 9px;
	height:26px;
	line-height: 13px;
}

TABLE#miniature IMG { border:1px solid #000000; }
TABLE#miniature TD { padding:3px; cursor:hand; cursor:pointer; color:#74748A; font-size:14px; font-weight:bold }
TABLE#blog { width:480px; }
TABLE#blog IMG { margin-left:10px; }
TABLE#blog HR { width:480px; }
TABLE#miniature A { color:#74748A; text-decoration:none; font-size:14px; font-weight:bold; }
TABLE#miniature A:hover { color:#330099; text-decoration: underline; }
TABLE#boire { width:480px; background:#202026; }
TABLE#boire2 { width:281px; }


.bouton_accueil{ vertical-align:middle; background: url(../_image/bouteille_accueil.gif) 15px 10px no-repeat; height:101px; 
				 padding: 20px 10px 10px 50px; margin: 20px 0 0 0}

.bouton_bret a { display:block; width:181px; height:35px; background:url(_image/bouton_bretbrothers_off.gif) no-repeat; margin: 0 0 10px 0; float:right;}
.bouton_bret a:hover { display:block; width:181px; height:35px; background:url(_image/bouton_bretbrothers_on.gif) no-repeat;  margin: 0 0 10px 0; float:right;}
.bouton_bret span { position:absolute; left:-5000px; }

.bouton_soufrandiere a { display:block; width:181px; height:35px; background:url(_image/bouton_soufrandiere_off.gif) no-repeat;  margin: 0 0 10px 0; float:right;}
.bouton_soufrandiere a:hover { display:block; width:181px; height:35px; background:url(_image/bouton_soufrandiere_on.gif) no-repeat;  margin: 0 0 10px 0; float:right;}
.bouton_soufrandiere span { position:absolute; left:-5000px; }


TR#navi-boire { background:#FFFCF1; }

LI { list-style-image: url(../_image/bullet.gif); list-style-position: outside; margin:0px 5px 5px 20px;}

#dashed { border-bottom:1px dashed #000000; }
#contact { width:350px; border:1px solid #CCCCCC; }
#contact2 { width:165px; border:1px solid #CCCCCC; }
#contact_cp { width:100px; border:1px solid #CCCCCC; }
#contact_ville { width:230px; border:1px solid #CCCCCC; }




/* Actualite accueil */
TD#cadre2.actuAcc {
	background-color: #fcf7d7;
	vertical-align: top;
}
.actuAcc .photoactu img {
	float:right;
	margin-left:20px;
	border: 1px solid #9A9459;
	padding: 2px;
}
/*.actuAcc div strong {
	color: #74748a;
}*/
.actuAcc .dateactu em {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #9a9459;
}

/* CLASS */
.px08{ font-size:8px;}
.px09{ font-size:9px;}
.px10{ font-size:10px;}
.px11{ font-size:11px;}
.px12{ font-size:12px;}
.px14{ font-size:14px;}
.px18{ font-size:18px;}
.bord_gauche { border-right: 2px solid #DCD9D2; }
.bord_droite { border-left: 2px solid #DCD9D2; }
.titre_page { color : #74748A; font-size : 18px; margin: 5px 0px 15px 0px; }
.soustitre { color : #74748A; font-size : 14px; }
.soustitregras { color : #74748A; font-size : 14px; font-weight:bold; }
.bas { color: #9A9459; font-size: 10px;	}
.bas A { color: #9A9459; text-decoration:none; }
.bas a:hover { color: #68643C; text-decoration: underline; }
.info { position: absolute; z-index: 100; visibility: hidden; border: 1px solid #C0B96F; background-color:#FFFFFF; padding:5px; width:300px; }
.red { color:red; }
.default { font-family: Arial; font-size: 12px; color: #1F2025; text-decoration:none; font-weight:normal; }
.formulaire { width:100px; border:1px solid #FFFCF1; color:#74748A; font-size:14px; background-color:#FFFCF1; background-image:url(../_image/spacer.gif); }
.boxinfo { font-family: Arial; font-size:12; text-align:justify; color: #CC0000 ; overflow:hidden; height:120px; border:1px; border-style:dashed; border-color:#CC0000; background:none; width:220px; margin-top:50px; padding:2px; }
.pad_droite_10 { padding-right:10px; }
.posleft { float:left; }
.posright { float:right; }

div.scroll {
	height: 477px;
	width: 100px;
	overflow: auto;
	border: 1px solid #000000;
}

/* ------------------------- Menu droite ------------------------- */

.menu_droite { padding: 2px 0px 4px 0px; display: block; font-size: 10px; width:220px}
a.menu_droite:link { text-decoration: none;}
a.menu_droite:visited { text-decoration: none; }
a.menu_droite:hover { color: #FFFCF1; background-color: #74748A; text-decoration: none;}


.menu_droite2 { padding: 2px 0px 4px 0px; display: block; font-size: 10px; width:220px}
a.menu_droite2:link { text-decoration: none;}
a.menu_droite2:visited { text-decoration: none; }
a.menu_droite2:hover { text-decoration: none; color: #1F2025; }

TABLE#menu_droite {
	width: 220px; 
	border-left: 1px solid #C0B96F;
	border-bottom: 1px solid #C0B96F;	
	}	
TD#menu_droite {
	border-top: 1px solid #C0B96F;
	/*background-color: #FCF7D7;*/
	}
TD#menu_droite2 {
	border-top: 1px solid #C0B96F;
	background-color: #F4EB8D;
	}
/* ------------------------- Menu dynamique ------------------------- */

DIV#menu1 {
	position:absolute;
	left: 50%; 
	top: 160px; 
	margin-left:-445px;
	text-align: center; 
	z-index: 3; 
	width: 230px; 
	visibility: hidden;
	}
DIV#menu1 TABLE {
	width: 230px; 
	border-left: 1px solid #FBF6CC;
	border-right: 1px solid #CFCA9E;
	}	
DIV#menu1 TD {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0% 0px 0%;
	padding: 2px 10px 4px 8px;
	color: #202026;
	background: #F9F3BE;
	border-bottom: 1px solid #CFCA9E;
	text-align: left;
	}
	

DIV#menu2 {
	position:absolute;
	left: 50%; 
	top: 160px; 
	margin-left:-325px;
	text-align: center; 
	z-index: 3; 
	width: 220px; 
	visibility: hidden;
	}
DIV#menu2 TABLE {
	width: 220px; 
	border-left: 1px solid #FBF6CC;
	border-right: 1px solid #CFCA9E;
	}	
DIV#menu2 TD {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0% 0px 0%;
	padding: 2px 10px 4px 8px;
	color: #202026;
	background: #F9F3BE;
	border-bottom: 1px solid #CFCA9E;
	text-align: left;
	}	
	

DIV#menu3 {
	position:absolute;
	left: 50%; 
	top: 160px; 
	margin-left:-215px;
	text-align: center; 
	z-index: 3; 
	width: 220px; 
	visibility: hidden;
	}
DIV#menu3 TABLE {
	width: 220px; 
	border-left: 1px solid #FBF6CC;
	border-right: 1px solid #CFCA9E;
	}	
DIV#menu3 TD {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0% 0px 0%;
	padding: 2px 10px 4px 8px;
	color: #202026;
	background: #F9F3BE;
	border-bottom: 1px solid #CFCA9E;
	text-align: left;
	}	
	

DIV#menu5 {
	position:absolute;
	left: 50%; 
	top: 160px; 
	margin-left:5px;
	text-align: center; 
	z-index: 3; 
	width: 220px; 
	visibility: hidden;
	}
DIV#menu5 TABLE {
	width: 220px; 
	border-left: 1px solid #FBF6CC;
	border-right: 1px solid #CFCA9E;
	}	
DIV#menu5 TD {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0% 0px 0%;
	padding: 2px 10px 4px 8px;
	color: #202026;
	background: #F9F3BE;
	border-bottom: 1px solid #CFCA9E;
	text-align: left;
	}
	

DIV#menu6 {
	position:absolute;
	left: 50%; 
	top: 160px; 
	margin-left:115px;
	text-align: center; 
	z-index: 3; 
	width: 220px; 
	visibility: hidden;
	}
DIV#menu6 TABLE {
	width: 220px; 
	border-left: 1px solid #FBF6CC;
	border-right: 1px solid #CFCA9E;
	}
DIV#menu6 TD {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0% 0px 0%;
	padding: 2px 10px 4px 8px;
	color: #202026;
	background: #F9F3BE;
	border-bottom: 1px solid #CFCA9E;
	text-align: left;
	}	
	
	DIV#menu7 {
	position:absolute;
	left: 50%; 
	top: 160px; 
	margin-left:225px;
	text-align: center; 
	z-index: 3; 
	width: 220px; 
	visibility: hidden;
	}
DIV#menu7 TABLE {
	width: 220px; 
	border-left: 1px solid #FBF6CC;
	border-right: 1px solid #CFCA9E;
	}
DIV#menu7 TD {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0% 0px 0%;
	padding: 2px 10px 4px 8px;
	color: #202026;
	background: #F9F3BE;
	border-bottom: 1px solid #CFCA9E;
	text-align: left;
	}
	

/* ------------------------- Blog ------------------------- */

.suivant a { text-decoration:none; padding:2px 20px 2px 0; text-align:right; margin-right:10px; background:url(../_image/suivant.gif) right no-repeat; display:block; }
.suivant a:hover { text-decoration:none; padding:2px 20px 2px 0; text-align:right; margin-right:10px; background:url(../_image/suivant_on.gif) right no-repeat; display:block; color:#8D8A72; }


.precedent a { text-decoration:none; padding:2px 0 2px 20px; text-align:left; margin-left:10px; background:url(../_image/precedent.gif) left no-repeat; display:block; }
.precedent a:hover { text-decoration:none; padding:2px 0 2px 20px; text-align:left; margin-left:10px; background:url(../_image/precedent_on.gif) left no-repeat; display:block; color:#8D8A72; }

#navigation { width: 220px; border-left: 1px solid #C0B96F; border-bottom: 1px solid #C0B96F; }	
#navigation TD { border-top: 1px solid #C0B96F; padding:2px; text-align:center; }
#navigation TH { border-top: 1px solid #C0B96F; background:#FCF7D7; color:#8D8A72; }
#navigation select { font-size:10px; margin:0; padding:0; }
form { margin:0; padding:0; }