*{
	margin:0;
	padding:0;
}

body{
	font-family:Arial;
	background:#0b0101;
}

ul{
	list-style:none;
}

img{
	border:none;
	margin:0;
	padding:0;
}

a{
	noFocusLine: expression(this.onFocus=this.blur());
	outline: none;
}

.hiddenme{
	overflow:hidden;
	width:0px;
	height:0px;
	margin:0px;
	padding:0px;
}

.aright{
	text-align:right;
}

/********************************
 * Partie header
 *******************************/

#header{
	width:100%;
	height:209px;
	/*background:url('../images/style/bg.jpg') top center repeat-x;*/
}

#head{
	width:100%;
	height:209px;
	margin:0 auto;
	/*background:url('../images/style/top.png') top center no-repeat;*/
	/*background:url('../images/style/bg_head.jpg') top center no-repeat;*/
	background:url('../images/style/bandeau.jpg') top center no-repeat;
}
#heady{
	width:970px;
	margin:0 auto;
	height:209px;
	/*background:url('../images/style/top.png') top center no-repeat;*/
	/*background:url('../images/style/bg_head.jpg') top center no-repeat;*/
	background:url('../images/style/bandeau.jpg') top center no-repeat;
}
#titre{
	width:970px;
	margin:0 auto;
	text-align:center;
}
#titre h1{
	padding:10px 0px 0px 10px;
}

/********************************
 * Partie menu
 *******************************/
#zm{
	width:970px;
	margin:0 auto;
}
#zone_menu{
	width:820px;
	margin:0 auto;
}


#menu{
	position:absolute;
	z-index:1;
	width:820px;
	text-align:center;
	margin:auto;
}

#menu a{
	padding:0px;
	margin:0px;
	margin:auto;
}

.pipes{
	background:url('../images/style/pipes.png') top center no-repeat;
	width:3px;
	height:78px;
	padding:0px;
	margin:0px;
	font-size:1px;
	float:left;
}

.link{
	float:left;
	padding:0;
	margin:0px 5px;
}

/********************************
 * Partie ombre over
 *******************************/

#overmenu{
	height:78px;
	text-align:center;
	width:820px;
	margin:0 auto;
}

.overpipes{
	width:1px;
	float:left;
	height:75px;
}

#zover_origine{
	width:150px;
	height:75px;
	overflow:hidden;
	float:left;
}

#over_origine{
	width:150px;
	height:78px;
	background:url('../images/style/over_menu.png') top center repeat-x;
	margin-top:78px;
}
#zover_gammes{
	width:124px;
	height:75px;
	overflow:hidden;
	float:left;
	margin-left:1px;
}

#over_gammes{
	width:124px;
	height:78px;
	background:url('../images/style/over_menu.png') top center repeat-x;
	margin-top:78px;
}
#zover_degustation{
	width:152px;
	height:75px;
	overflow:hidden;
	float:left;
	margin-left:1px;
}

#over_degustation{
	width:152px;
	height:78px;
	background:url('../images/style/over_menu.png') top center repeat-x;
	margin-top:78px;
}
#zover_sommer{
	width:121px;
	height:75px;
	overflow:hidden;
	float:left;
	margin-left:1px;
}

#over_sommer{
	width:121px;
	height:78px;
	background:url('../images/style/over_menu.png') top center repeat-x;
	margin-top:78px;
}
#zover_actu{
	width:145px;
	height:75px;
	overflow:hidden;
	float:left;
	margin-left:1px;
}

#over_actu{
	width:145px;
	height:78px;
	background:url('../images/style/over_menu.png') top center repeat-x;
	margin-top:78px;
}
#zover_contact{
	width:120px;
	height:75px;
	overflow:hidden;
	float:left;
	margin-left:1px;
}

#over_contact{
	width:120px;
	height:78px;
	background:url('../images/style/over_menu.png') top center repeat-x;
	margin-top:78px;
}

.minipipes{
	background:url('../images/style/minipipes.png') top center no-repeat;
	width:100%;
	height:5px;
}

/********************************
 * Partie sous-menu
 *******************************/
 
 .slink{
	width:100%;
	text-align:center;
}

.deb{
	padding:5px 0px 0px 0px;
}

.fin{
	padding:0px 0px 5px 0px;
}

.alone{
	padding:5px 0px 5px 0px;
}

.div_fils{
	position:absolute;
	z-index:2;
	background:url('../images/style/bg_over.png') top center repeat;
	margin-left:-5px;
}

#fils_origine{
	width:150px;
	overflow:hidden;
	height:0px;
}

#fils_gammes{
	width:123px;
	height:0px;
	overflow:hidden;
}

#fils_degustation{
	width:151px;
	height:0px;
	overflow:hidden;
}

#fils_sommer{
	width:120px;
	height:0px;
	overflow:hidden;
}

#fils_actu{
	width:144px;
	height:0px;
	overflow:hidden;
}

#fils_contact{
	width:120px;
	height:0px;
	overflow:hidden;
}


/********************************
 * Partie rest
 *******************************/

#rest{
	background:url('../images/style/fond-biere2.png') top center no-repeat #0b0101;
	width:100%;
}

#cright{
	float:right;
	padding:15px 0px;
	width:350px;
}

.article{
	float:right;
	font-family:Arial;
	color:#FFFFFF;
	background:url('../images/style/bg_over.png') top center repeat;
	width:350px;
	overflow:hidden;
	height:15px;
	padding:5px 10px;
	margin:5px 0px;
	font-size:11px;
}

.articletris{
	float:right;
	font-family:Arial;
	color:#FFFFFF;
	background:url('../images/style/bg_over.png') top center repeat;
	width:550px;
	overflow:hidden;
	height:15px;
	padding:5px 10px;
	margin:5px 0px;
	font-size:11px;
}

.articlebis{
	float:right;
	font-family:Arial;
	color:#FFFFFF;
	background:url('../images/style/bg_over.png') top center repeat;
	width:220px;
	overflow:hidden;
	height:15px;
	padding:5px 10px;
	margin:5px 0px;
	font-size:11px;
}

.articleselect{
	float:right;
	font-family:Arial;
	color:#FFFFFF;
	background:url('../images/style/bg_over.png') top center repeat;
	width:350px;
	padding:5px 10px;
	margin:5px 0px;
	font-size:11px;
}

.article a{
	text-decoration:none;
}

.articletris a{
	text-decoration:none;
}

.articlebis a{
	text-decoration:none;
}

.articleselect a{
	text-decoration:none;
}

.article h3{
	font-size:13px;
	color:#de5801;
	font-weight:bold;
	margin-bottom:5px;
}

.articletris h3{
	font-size:13px;
	color:#de5801;
	font-weight:bold;
	margin-bottom:5px;
}

.articlebis h3{
	font-size:13px;
	color:#de5801;
	font-weight:bold;
	margin-bottom:5px;
}

.articleselect h3{
	font-size:13px;
	color:#de5801;
	font-weight:bold;
	margin-bottom:5px;
}
.article p{
	font-size:11px;
	text-align:justify;
}

.articletris p{
	font-size:11px;
	text-align:justify;
}

.articlebis p{
	font-size:11px;
	text-align:justify;
}

.articleselect p{
	font-size:11px;
	text-align:justify;
}

/********************************
 * Partie contenu
 *******************************/

#spacehaut{
	min-height:10px;
	width:100%;
}

#centre{
	width:848px;
	margin:auto;
	height:353px;
	background:url('../images/style/bg_content.png') top center no-repeat;
}

#centrecoktails{
	width:848px;
	margin:auto;
	height:356px;
	/*background:url('../images/style/fond-coktails.png') top center no-repeat;*/
	background:url('../images/style/bg_saga.png') top center no-repeat;
}

#centrehistoire{
	width:848px;
	margin:auto;
	height:356px;
	background:url('../images/style/fond-histoire.png') top center no-repeat;
}

#centresaga{
	width:848px;
	margin:auto;
	height:356px;
	background:url('../images/style/bg_saga.png') top center no-repeat;
}

#centrecontact{
	width:848px;
	margin:auto;
	padding:3px 0px;
	height:356px;
	background:url('../images/style/bg_saga.png') top center no-repeat;
	color:#FFFFFF;
}

#centrecontact input{
	margin:3px 0px;
}
#centrecontact textarea{
	margin:3px 0px;
}

#spacebas{
	min-height:10px;
	width:100%;
}

/********************************
 * Partie footer
 *******************************/


#footer{
	clear:both;
	height:100px;
	width:970px;
	margin:auto;
	color:#FFFFFF;
	background:url('../images/style/bg_footer.png') top center no-repeat;
}

#footer a{
	color:#FFFFFF;
}

#pied{
	margin:20px 0px 0px 0px;
	width:770px;
	margin:0 auto;
}

#pied a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-size:11px;
}

#pied a:hover{
	color:#de5801;
}

#tools{
	padding:20px 0px 0px 0px;
}

#bt_news{
	float:left;
}

#bt_jaime{
	float:left;
	margin-left:20px;
}

#bt_fb{
	float:left;
	margin-left:20px;
}

#bt_friend{
	float:left;
	margin-left:3px;
}

#bt_sharefb{
	float:left;
	margin-left:3px;
}

#bt_twiter{
	float:left;
	margin-left:3px;
}

#bt_youtube{
	float:left;
	margin-left:3px;
}

#linkfooter{
	clear:both;
	font-family:Arial;
	font-size:11px;
	margin:40px 0px;
	text-align:left;
}

#linkfooter ul{
	list-style:none;
}

#linkfooter li{
	display:inline;
	margin:0px 10px 0px 0px;
}

#linkfooter a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
}

#linkfooter a:hover{
	color:#de5801;
}

/********************************
 * Partie d'inscription news
 *******************************/

#encart_news{
	display:block;
	position:absolute;
	margin:0px;
	padding:0px;
	z-index:2;
}

#zone_newsletter{
	margin: -18px 0px 0px 0px;
	height: 0px;
	
	/*margin-top=height+18 * (-1)*/
	/*margin: -105px 0px 0px 0px;
	height: 87px;*/
	width: 190px;
	overflow: hidden;
	background:url('../images/style/bg_news.png') top center repeat;
	/*display: none;*/
}

#form_news{
	margin:5px;
	font-family:Arial;
	font-size:13px;
	text-align:left;
}

#form_news h4{
	font-size:13px;
	font-weight:normal;
	margin:5px;
}

#form_news input{
	margin:5px;
}

/********************************
 * Partie diaporama
 *******************************/

#zone_diapo{
	width:504px;
	height:296px;
	float:left;
	margin:30px 9px;
	overflow:hidden;
}

.cold{
	width:261px;
	float:left;
}

.opa_on{
	opacity : 1; 
    -moz-opacity : 1; 
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */ 
    filter : alpha(opacity=100); /* IE < 8 */ 
}

.opa_off{
	opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
}

#diapos
{
	margin-left:-9px;
}

#diapos img{
	margin:9px;
	/*opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 * / 
    filter : alpha(opacity=50); /* IE < 8 */ 
}

#btg{
	float:left;
	height:356px;
	margin-left:30px;
	visibility:hidden;
}

#btg img{
	margin:175px 0px;
	cursor: pointer;
}

#btd{
	float:left;
	height:356px;
	visibility:hidden;
}

#btd img{
	margin:175px 0px;
	cursor: pointer;
}

#right_diapo{
	float:right;
	width:245px;
}

#descri_diapo{
	float:right;
	font-family:Arial;
	color:#FFFFFF;
	background:url('../images/style/bg_over.png') top center repeat;
	width:235px;
	padding:5px 10px;
	margin:39px 0px 0px 0px;
	font-size:11px;
}

.select_cat{
	float:right;
	font-family:Arial;
	color:#FFFFFF;
	background:url('../images/style/bg_over.png') top center repeat;
	width:235px;
	padding:5px 10px;
	margin:39px 0px 0px 0px;
	font-size:11px;
	cursor:pointer;
}



#descri_diapo2{
	clear:both;
	float:right;
	width:235px;
	padding:5px 10px;
	margin-top:10px;
	background:url('../images/style/bg_over.png') top center repeat;
	text-align:left;
}

#descri_diapo a{
	text-decoration:none;
}

#descri_diapo h3{
	font-size:13px;
	color:#de5801;
	font-weight:bold;
	margin-bottom:5px;
}
#descri_diapo p{
	font-size:11px;
	text-align:justify;
}


/********************************
 * Partie contenu Acceuil
 *******************************/

#contentacc{
	width:970px;
	margin:auto;
	background:url('../images/style/bg_acc.png') bottom center no-repeat;
}

#textacc {
	width:100%;
	min-height:520px;
}

#textacc h2{
	padding:250px 0px 0px 120px;
	color:#FFFFFF;
	font-size:35px;
}

#imgacc{
	position:absolute;
	bottom:79px;
	z-index:1;
	right:0px;
}

#footeracc{
	color:#FFFFFF;
	height:100px;
}

#MultiBoxTitle{
	display:none;
}

#simple_news{
	margin:60px 0px 0px 83px;
	width:350px;
	color:#FFFFFF;
	font-size:11px;
	padding:10px;
}

#simple_news h3{
	font-size:13px;
	font-weight:bold;
	color:#de5801;
	margin-bottom:5px;
}

#simple_news p{
	color:#FFFFFF;
}

#simple_news a{
	text-decoration:none;
}

.sn{
	background:url('../images/style/bg_over.png') top center repeat;
	margin-bottom:3px;
	padding:10px;
}

/********************************
 * Partie gammes
 *******************************/

.bout{
	position:absolute;
	display:block;
	margin-top:103px;
	height:275px;
	cursor: pointer;
	opacity : 0.5; 
    -moz-opacity : 0.5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
}

.bouts{
	position:absolute;
	display:block;
	margin-top:-11px;
	height:400px;
	cursor: pointer;
	opacity : 1; 
    -moz-opacity : 1; 
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */ 
    filter : alpha(opacity=100); /* IE < 8 */ 
}

/********************************
 * Partie contact
 *******************************/

#formcontact {
	float:left;
	margin-top:30px;
	margin-left:40px;
	text-align:left;
	font-size:12px;
}

#formcontact input{
	width:305px;
	border:1px solid #4e433b;
	background:#99928c;
}

#formcontact textarea{
	width:307px;
	height:50px;
	border:1px solid #4e433b;
	background:#99928c;
}

#info_contact{
	margin-top:22px;
}

#info_contact a{
	/*color:#FFFFFF;*/
	color:#de5801;
	text-decoration:none;
}

#info_contact a:hover{
	/*color:#de5801;*/
	color:#999999;
}

/********************************
 * Partie coktails
 *******************************/

#imgcoktail{
	float:left;
	text-align:right;
	width:250px;
}

#zone_imgcok{
	margin-top:20px;
}

#zone_imgcok img{
	/*border:3px solid #de5801;*/
}

#zone_anim{
	width:504px;
	float:left;
	margin:30px 9px;
}

#right_flash{
	float: right;
	width: 240px;
	margin-top:20px;
}

/********************************
 * Partie actu
 *******************************/

#zone_actu{
	width:800px;
	margin:auto;
	padding: 10px 0px 0px 0px;
}

#zone_actu h2{
	color:#de5801;
	font-size:18px;
	margin-left:10px;
	margin-top: 10px;
}

#zone_scroll_actu{
	height:260px;
	width:820px;
	overflow:hidden;
	margin:20px 0px 0px 0px;
}

#scroll_actu{
	margin-top:0px;
}

#btud_actu{
	position:absolute;
	margin:25px 0px 0px 785px;
	z-index:1;
	text-align:center;
	display:none;
}

#btud_actu img{
	margin:0px 2px;
}

.actus{
	width:800px;
	text-align:justify;
	background:url('../images/style/bg_over.png') top center repeat;
	height:110px;
	margin:0px 0px 20px 0px;
	padding:5px;
}

.imgactu{
	clear:both;
	float:left;
	width:150px;
}

.imgactu img{
	border:3px solid #999999;
}

.textactu{
	float:right;
	color:#FFFFFF;
	width:630px;
}

.textactu h3{
	color:#de5801;
	font-weight:bold;
	font-size:13px;
}

.textactu a{
	text-decoration:none;
	/*color:#FFFFFF;*/
	color:#de5801;
	font-size:11px;
}

.textactu a:hover{
	/*color:#de5801;*/
	color:#999999;
}

.textactu p{
	color:#FFFFFF;
	font-size:11px;
}

/********************************
 * Partie demande d'age
 *******************************/

#zone_age{
	width:600px;
	margin:auto;
	padding:50px 0px;
	text-align:center;
}

#zage{
	width:600px;
	text-align:center;
	/*background:url('../images/style/bg_over.png') top center repeat;*/
}

#zone_age input{
	/*border:1px solid #4e433b;
	background:#99928c;*/
	/*border:1px solid #4e433b;*/
	background:#000000;
	color:#FFFFFF;
	border:0;
	text-align:center;
}

#zone_age h3{
	color:#de5801;
	font-weight:bold;
	font-size:13px;
}

#zone_age p{
	color:#FFFFFF;
	font-size:11px;
}

#zage a{
	text-decoration:none;
	/*color:#FFFFFF;*/
	color:#de5801;
	font-size:11px;
}

#zage a:hover{
	/*color:#de5801;*/
	color:#999999;
}

#intro a{
	color:#FFFFFF;
	font-weight:bold;
}

#intro a:hover{
	color:#de5801;
}

#patch{
	position:absolute;
	z-index:1;
	margin:70px 0px 0px 90px;
}
