body {font-family: Verdana, Arial, Helvetica, sans-serif;margin:0;font-size:11px;color:#300000;font-weight:normal;background:#8F856D;}	
ul {list-style: none;margin: 0;padding: 0;}
a:link {color: #4D4C4C;text-decoration: underline;font-weight:bold} /* lien non-visité */
a:visited {color: #4D4C4C;text-decoration: underline;font-weight:bold} /* lien visité */
a:hover {color: #4D4C4C;text-decoration:underline;font-weight:bold} /* lien survolé */
a:active {color: #4D4C4C;text-decoration: underline;font-weight:bold} /* lien activé */

a.lien:link {color: #ffffff;text-decoration:none;font-weight:normal} /* lien non-visité */
a.lien:visited {color: #ffffff;text-decoration:none;font-weight:normal} /* lien visité */
a.lien:hover {color: #ffffff;text-decoration:underline;font-weight:normal} /* lien survolé */
a.lien:active {color: #ffffff;text-decoration: underline;font-weight:normal} /* lien activé */

img {border: 0;}
h1, h2, h3, h4 {color:#300000;}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;padding:0 0 30px 16px;margin:0;background: url(img/fleche.gif) no-repeat 0 5px;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;padding:0 0 0px 0px;margin:0;text-decoration:underline;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;padding:0 0 8px 0px;margin:0;text-decoration:underline;}

p {margin: .5em 0 1em 0;}

#container {width: 971px;height:610px;margin: 0 auto;background: url(img/fond.gif) no-repeat 0 130px;text-align:center;}
#container2 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond_accueil.jpg) no-repeat 0 130px;text-align:center;}
#container3 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-02.jpg) no-repeat 0 130px;text-align:center;}
#container4 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-03.jpg) no-repeat 0 130px;text-align:center;}
#container5 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-04.jpg) no-repeat 0 130px;text-align:center;}
#container6 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-05.jpg) no-repeat 0 130px;text-align:center;}
#container7 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-06.jpg) no-repeat 0 130px;text-align:center;}
#container8 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-07.jpg) no-repeat 0 130px;text-align:center;}
#container9 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-08.jpg) no-repeat 0 130px;text-align:center;}
#container10 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-09.jpg) no-repeat 0 130px;text-align:center;}
#container11 {width: 971px;height:610px;margin: 0 auto;background: url(img/fond-10.jpg) no-repeat 0 130px;text-align:center;}

#main {margin:0 12px 0 0px;text-align: left;padding:0 0 10px 20px;height:436px;}
.zone_sous_titre {width:971px;height:20px;background: url(img/ban2.jpg) no-repeat;}
#left {float: left;width: 287px;height:414px;padding: 10px 10px 0 10px;font-size: 11px;line-height: 1.4em;background: url(img/fond-gauche.jpg) no-repeat;}

.liste-vin {line-height: 1.8em;padding-left:20px;}
#footer {text-align:center;color:#ffffff;}

/*-- accueil --*/
#leftaccueil {float: left;width: 284px;height:414px;padding: 10px 10px 0 10px;background: url(img/fond-gauche.jpg) no-repeat;}
#leftaccueil p {margin:0;padding : 70px 22px 0 110px;font-size: 11px;line-height: 1.4em;text-align:justify;}
#rightaccueil {height:414px; margin-left: 304px;padding-left:28px;background: url(img/fond.png) no-repeat;}
#txtaccueil {margin:0;padding:40px 22px 0 14px;text-align:justify;font-size: 11px;line-height: 1.4em;}
.txtcpcoeur {padding:60px 0 0 0;}

.accueil2 {float:left;width:896px;height:380px;margin:0;padding:0px 10px 0 10px;text-align:justify;}
.gauche_accueil {float: left;width:300px;/*height:414px;*/padding:0px 10px 0 0px;}
.gauche_accueil p {margin:0;padding:10px 22px 0 0px;font-size: 10px;line-height: 1.2em;text-align:justify;}
.droite_accueil {/*height:414px;*/ margin-left: 304px;padding-left:28px;}
.txtcpcoeur2 {padding:0px 0 0 0;font-size: 10px;}

.zone_actu {
	display:block;
	width:300px;
	height:129px;
	margin-top:2px;
	padding-top:2px;
}

/*-- fiche vin --*/
#leftdetail {float: left;width: 274px;height:414px;padding: 10px 0px 0 0px;}
#leftdetail p {margin:0;padding :14px 0px 0 0px;font-size: 11px;line-height: 1.4em;text-align:justify;}
#rightdetail {height:414px; margin-left: 304px;padding-left:0px;}
#rightdetail p {padding : 64px 0 0 6px;font-size: 11px;line-height: 1.4em;}
.txtdetail {padding: 10px 0 0 10px;text-align:justify;}
.imgdetail {padding: 0px 0 0 0px;}
#txtdetail2 {padding: 0px 8px 0 18px;text-align:justify;border: 0;font-size: 11px;display: block;overflow:hidden;overflow-x: hidden;overflow-y: auto;height:280px;width:320px;}

/*-- liste vin --*/
#leftlistevin {float: left;width: 284px;height:414px;padding: 10px 10px 0 10px;background: url(img/fond-detail.png) no-repeat;}
#rightlistevin {height:414px; margin-left: 304px;padding-left:20px;background: url(img/fond-rouge.png) no-repeat;}

/*-- esprit du vin --*/

#esprit {float: left;width:924px;height:414px;margin:0;padding: 10px 10px 0 10px;text-align:justify;background: url(img/fond-esprit.png) no-repeat;}
#txtesprit {padding:60px 30px 0 14px;}
#esprit p {font-size: 11px;line-height: 1.4em;}

#leftesprit {float: left;width: 284px;height:414px;padding: 10px 10px 0 10px;background: url(img/esprit-g.jpg) no-repeat;}
#leftesprit p {margin:0;padding : 30px 18px 0 18px;font-size: 11px;line-height: 1.4em;text-align:justify;}
#rightesprit {height:414px; margin-left: 304px;padding-left:20px;background: url(img/esprit-d.png) no-repeat;}
#rightesprit p {padding : 64px 0 0 12px;font-size: 11px;line-height: 1.4em;}
.tabesprit {padding:0;margin:60px 0 0 6px;}
.txtesprit {padding: 0 6px 0 0;text-align:justify;}


.esprit2 {float:left;width:896px;height:380px;margin:0;padding:0px 10px 0 10px;text-align:justify;}
.txtesprit2 {padding:0px 30px 0 0px;}
.esprit2 p {font-size: 11px;line-height: 1.4em;}

/*-- archive des séléctions de vin --*/

#selection {float: left;width: 924px;height:414px;margin:0;padding: 10px 10px 0 10px;text-align:justify;background: url(img/fond-selection.png) no-repeat;}
#txtselection {
	width: 840px;
	padding-top: 14px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 14px;
	height: 360px;
	overflow-x:scroll;
	overflow-y:hidden;
	font-size:11px;
}

#txt-scroll {
	width: auto;
}

#selection p {font-size: 11px;line-height: 1.4em;}

/*-- accessoires cadeaux --*/
#leftcadeaux {float: left;width: 284px;height:414px;padding: 10px 10px 0 10px;background: url(img/fond-cadeaux-g.jpg) no-repeat;}
#leftcadeaux p {padding : 66px 10px 0 16px;font-size: 11px;line-height: 1.4em;}
#rightcadeaux {height:414px; margin-left: 304px;padding-left:28px;background: url(img/fond-cadeaux-d.png) no-repeat;}
#txtcadeaux {margin:0;padding:80px 30px 0 0;text-align:justify;}

.cadeaux {float:left;width:700px;height:380px;margin:0;padding:0px 10px 0 10px;text-align:justify;}
.txtcadeaux2 {padding:0px 30px 0 0px;}
.cadeaux p {font-size: 11px;line-height: 1.4em;}

/*-- acces --*/
#leftacces {float: left;width: 284px;height:414px;padding: 10px 10px 0 10px;background: url(img/acces-g.jpg) no-repeat;}
#leftacces p {padding : 30px 10px 0 16px;font-size: 11px;line-height: 1.4em;}
#rightacces {height:414px; margin-left: 304px;padding-left:28px;background: url(img/acces-d.png) no-repeat;}
#txtacces {margin:0;padding:80px 30px 0 0;text-align:justify;}


/*-- contact --*/
#leftcontact {float: left;width: 284px;height:414px;padding: 10px 10px 0 10px;background: url(img/contact-g.jpg) no-repeat;}
#leftcontact p {padding : 10px 10px 0 12px;font-size: 11px;line-height: 1.4em;}
#rightcontact {height:414px; margin-left: 304px;padding-left:28px;background: url(img/contact-d.png) no-repeat;}
#form {margin:0;padding:6px 0 0 0;}

/*-- phototheque --*/
#phototeque {padding:0px 30px 0 14px;}
#container_phototeque {float: left;width: 924px;height:414px;margin:0;padding:10px 10px 0 10px;}

/* -------- navigation ------- */
.navigation {background:url(img/fond-menu.png) no-repeat;line-height:29px;}
.navigation ul li {margin:0 0 0 0;padding: 0 28px 0 0;list-style: none;display:inline;color:#300000;}
.navigation a:link {color:#300000;font-size:13px;text-decoration:none;font-weight:normal}
.navigation a:visited {color:#300000;font-size:13px;text-decoration:none;font-weight:normal}
.navigation a:hover {color:#300000;font-size:13px;text-decoration:underline;font-weight:normal}
.navigation a:active {color:#300000;font-size:13px;text-decoration:underline;font-weight:normal}

div#mainnav {margin: 0 auto;width:971px;height: 29px;padding-bottom:0;}
div#mainnav ul{width: 971px;margin: 0 auto;height: 29px;background: transparent url(img/nav.gif) no-repeat 0 -29px;}
div#mainnav ul li {margin: 0;padding: 0;list-style: none;display:inline;}
#mainnav ul li, #mainnav ul a {height: 29px;float: left;display: block;}

#nav-home a:hover, #nav-home a:active {background: transparent url(img/nav.gif) 0 0;}
#nav-restaurant a:hover, #nav-restaurant a:active {background: transparent url(img/nav.gif) -225px 0;}
#nav-carte a:hover, #nav-carte a:active {background: transparent url(img/nav.gif) -371px 0;}
#nav-acces a:hover, #nav-acces a:active {background: transparent url(img/nav.gif) -557px 0;}
#nav-contact a:hover, #nav-contact a:active {background: transparent url(img/nav.gif) -656px 0;}
#nav-about a:hover, #nav-about a:active {background: transparent url(img/nav.gif) -740px 0;}

/* -------- =active page nav items ------- */
body#home #nav-home a{ background: transparent url(img/nav.gif) 0 0;}
body#restaurant #nav-restaurant a {background: transparent url(img/nav.gif) -225px 0;}
body#carte #nav-carte a {background: transparent url(img/nav.gif) -371px 0;}
body#acces #nav-acces a {background: transparent url(img/nav.gif) -557px 0;}
body#contact #nav-contact a {background: transparent url(img/nav.gif) -656px 0;}
body#about #nav-about a {background: transparent url(img/nav.gif) -740px 0;}


h2.trigger {
	padding: 0 0 0 6px;
	margin: 5px 0 5px 138px;
	background: url(img/h2_trigger_a.png) no-repeat;
	height: 23px;
	line-height: 23px;
	width: 200px;
	font-size:12px;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #300000;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #300000; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0 0 5px 8px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: url(img/fond_blanc.png) left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 910px;
	clear: both;
}
.toggle_container .block {
	padding:6px 10px 10px 10px; /*--Padding of Container--*/
}
.toggle_container_accessoires {
	margin: 0 0 5px 8px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: url(img/fond_blanc.png) left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 710px;
	clear: both;
}
.toggle_container_accessoires .block {
	padding:6px 10px 10px 10px; /*--Padding of Container--*/
}
.toggle_container_phototheque {
	margin: 0 0 5px 8px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: url(img/fond-phototheque.png) left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 910px;
	clear: both;
}
.toggle_container_phototheque .block {
	padding:6px 10px 10px 10px; /*--Padding of Container--*/
}