@charset "UTF-8";

/********************************      Basic Structure      ********************************/
html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	color: #999999;*/
	background:#fff url(../images/bg_body_gris.png) left top repeat-x;
	padding:0px;
	margin:0px;
}

.highslide-caption h4{ padding:2px 0px; margin:0px; font-size:12px;}
.highslide-caption p{ padding:0px; margin:0px; font-size:11px; font-weight:normal;}

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
                font-family: Helvetica, Arial, sans-serif;
                color: #222;
                font-weight: bold;
                }

h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; 
				  position: absolute; top: -1000px;  /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
				}
				
h2            { font-size: 26px; padding: 0 0 10px 0; }
h3            { font-size: 17px; padding: 0 0 10px 0; }
h4            { font-size: 16px; padding: 0 0 5px 0; }
h5            { font-size: 14px; padding: 0 0 5px 0; }
h6            { font-size: 12px; padding: 0 0 5px 0; }


a              { color: #cc915c; text-decoration: none; }
a:hover     { color: #fb5901; }
a:active     { color: #fb5901; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
                padding: 4px 0 5px 0;
                line-height: 1.4em;
				margin:0px;
                }
				
img{border:0px;}

/***************** General Classes *******************/

.clear { clear: both;}
				
.align-left {float: left;}
				
.align-right {float: right;}
				
/******************** Main Content *******************/
#container {
	width: 1016px;
	margin: 0 auto;
	text-align: center;
}

#header{
	height:10px;	
}

#lien{
	padding:5px 0px 2px 5px;
}

#main-content {
	text-align: left;
	position:relative;
	height:551px;
	background:#FFFFFF url(../images/img_bg_page.png) left bottom repeat-x;
}

.logo{
	float:left;
	width:200px;
}


/****************** menus ********************/
.header_right{
	float:right;
	width:556px;
	padding-top:70px;
}

.header_tel{ margin:0px 0px 2px 380px; width:174px; height:20px; line-height:20px; background:url(../images/fond_img_tel.png) left top no-repeat; font-size:14px; color:#fff; text-align:left;}
.header_tel span{ padding-left:30px;}

#menu{
	padding:5px 0px 5px 0px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	background:url(../images/fond_img_band_menu.png) right bottom no-repeat;
}


#menu li.current a{
	color:#e78e55;
}

a.current2{
	color:#e78e55 !important;
}

/************** Pied de page *******************/
#footer {
	font-family: Helvetica, Arial, sans-serif;
	padding: 4px 0;
	text-align:left;
	color:#999;
	font-size:10px;
}


/************** Pagination *******************/
#pagination{
	margin:5px 5px 5px 20px;
	text-align:right;
}

#pagination a{
	color:#fff;
	font-size:12px;
	padding:1px 3px;
	margin:0px 3px;
	
	
	
}

.lien_pagination{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#b74c06;
}

.image_pagination{ 
	border:0px;
	background-color:transparent !important;
}

#pagination span{
	color:#927b5c;
	font-size:12px;
	padding:1px 3px;
	margin:0px 3px;
	border:1px #927b5c solid;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#pagination a:hover{
	color:#7f8080;
}

#pagination a.current{
	color:#7f8080;
}

.pagination a.current{
	color:#7f8080;
}

/************** Flyer *******************/
#Flyer{
    width: 270px;
    height: 250px;
    background:#E2EDF4;
    position:fixed;
    right: 0px;
	bottom: 0;
    z-index: 5000;
	text-align:left;
	display:none;
}
#Flyer span{ display: block; height: 27px; background: #6699CC url(../images/banner_1.gif) no-repeat top left; line-height: 20px; text-align: right;}
#Flyer span a{ color:#fff; position:relative;right:3px;top:7px;}
#Flyer p{font-size:11px; padding:2px 6px; margin:0px; line-height:normal;}


/************ page about ***************/
.about_bg{background:url(../images/fond_img_about.jpg) top left no-repeat !important;}

about{ height:543px;}

.about_content{
	width:550px;
	padding:40px 5px 6px 450px;
}

.about_content_txt{
	float:right;
	text-align:justify;
	width:500px;
	padding:10px 20px;
	background-color: rgba(255, 255, 255, 0.8);
	color:#999;
}
.about_content_txt h3{ font-size:14px; color:#bc5fbc; font-weight:normal; padding:10px 0px; margin:0px;}
.about_content_txt p{ font-size:11px;}

/************ page news ***************/
/*.news_bg{ background:#e6d9c7 url(../images/bandeau_haut_news.png) top left no-repeat !important;}*/
.news_bg{ background:url(../images/fond_img_news.jpg) top left no-repeat !important;}

#news{ position:relative;}

.news_left{ float:left; width:490px; padding:30px 0px 10px 20px;}
.news_left_txt{ height:460px; background-color: rgba(255, 255, 255, 0.8); padding:0px 10px;}
.news_left h4{ font-size:12px; padding:15px 5px 5px 5px; margin:0px; border-bottom:1px #919191 solid; color:#201408;}
.news_left p{color:#666; padding:5px 6px;}

.news_right{ float:right; width:567px;}


/************ page carte ***************/
.carte_bg{ /*background-color:#2f1b0d !important;*/ background:#e6d9c7 url(../images/bg_img_carte.jpg) top left no-repeat !important;}
#carte{/*background-color:#2f1b0d;*/}
.carte_left{ float:left; width:180px; padding:40px 10px 10px 30px;}
.carte_right{ float:right; width:420px; padding:40px 350px 10px 10px;}

.carte_content{ margin:5px; padding:5px 0px;}
.carte_content_left{ float:left; width:165px;}

.carte_content_right{ float:right; width:285px;}
.carte_right_txt{ height:460px;}
.carte_content_right p{color:#d0b087; padding:0px 6px 0px 6px; font-size:11px; line-height:16px;}

/*.contenu_carte_title{font-size:12px; padding:0px 5px 5px 5px; margin:0px; border-bottom:1px #a89486 solid; color:#fff;}*/
.carte_title_left{ float:left; width:80%;}
.carte_title_right{ float:right; width:18%;}

.carte_title{font-size:14px; padding:4px 5px; margin:0px; color:#fffefd;}

#carte-famille p{
	padding:3px 5px 5px 35px;
	line-height:1.0em;
}

#carte-famille a{
	color:#666;
	font-size:12px;
}

#carte-famille a:hover{
	color:#532701;
}

#carte-famille a.current{
	color:#532701;
	font-size:12px;
}


.liste-article{
	height:450px;
	padding:0px 5px 5px 5px;
}

.liste-article-img{
	float:left;
}

.liste-article-table{
	float:right;
	width:280px;
}

.liste-article-table td{
	padding:3px 4px 2px 4px;
	font-size:11px;
}

.liste-article-title td{
	color:#5b2c0c;
	font-size:12px;
	padding:4px;
	margin-bottom:4px;
	background-color:#f0efec;
}

.price{
	text-align:right;
	white-space:nowrap;
}

/************** page menu *******************/
.liste-menu{
	width:180px;
	background:url(../images/menu-point-bleu.png) top left no-repeat;
	float:left;
	padding:5px 20px 5px 40px;
}

.liste-menu p{
	font-size:12px;
}

p.menu-title{
	font-size:14px;
	color:#498fc5;
}


.detail_menu{
	position:relative;
	margin:5px 0px;
	padding:5px 0px;
}

.contenu_menu{
	float:right;
	width:280px;
}

.contenu_menu_title{ color:#532701; font-size:12px; font-weight:bold; padding:5px; border-bottom:1px #cccccc dotted;}

.contenu_menu_txt{ color:#666; font-size:11px; font-weight:normal; padding:3px 5px; line-height:1.4em;}
.contenu_menu_txt p{font-size:11px; padding:1px 3px; line-height:1.4em;}

.contenu_carte{
	float:right;
	width:280px;
}

.contenu_carte_title{ color:#532701; font-size:12px; font-weight:bold; padding:5px; border-bottom:1px #cccccc dotted;}
.contenu_carte_txt{ color:#808190; font-size:11px; font-weight:normal; padding:3px 5px; height:50px; overflow:hidden;}
.contenu_carte_txt p{font-size:11px; padding:1px 3px; line-height:1.2em;}
/************ page vins ***************/
.vins_bg{ background:#e6d9c7 url(../images/fond_img_vins.jpg) top left no-repeat !important;}

.vins_content{
	padding:20px 20px 5px 530px;
}

.vins_content_bg{
	width:475px;
	height:509px;
	background:url(../images/fond_trans_vins.png) top left no-repeat;
}

.vins_content_txt{
	padding:20px;
	color:#fffefd;
	height:420px;
}

.vins_content_txt h4{font-size:14px; padding:15px 5px 5px 5px; margin:0px; color:#fffefd;}
.vins_content_txt p{color:#d0b087; padding:2px 10px 3px 5px; margin:0px; font-size:11px; clear:both;}
.vins_title{ float:left; width:80%;}
.vins_prix{ float:right; width:18%; text-align:right;}

/************ page contact ***************/
.contact_bg{ background:#e6d9c7 url(../images/fond_img_presse2.jpg) top left no-repeat !important;}

#contact{ height:542px;}

.contact_left{ float:left; width:450px; padding:80px 0px 10px 30px;}
.contact_left h3{ font-size:18px; font-weight:normal; color:#cc66cc; border-bottom:1px #d9d9d9 dotted;}
.contact_left h5{ font-size:12px; font-weight:normal; color:#cc66cc; margin:0px; padding:8px 0px 0px 0px;}
.contact_left p{ color:#999; padding:5px 0px;}

.contact_right{ float:right; width:480px; padding:80px 30px 10px 0px;}
.contact_right_txt{ padding:10px 10px 10px 20px;}
.contact_right_txt h3{font-size:16px; padding:10px 5px 5px 5px; margin:0px; color:#4f4333; font-weight:normal;}
.contact_right_txt p{color:#4f4333; padding:2px 10px 1px 5px; margin:0px; font-size:12px;}

/************ page menu ***************/
.menu_left{
	float:left;
	width:48%;
}

.menu_right{
	float:right;
	width:48%;
}

.menu_title{font-size:14px; padding:5px; margin:0px; /*border-bottom:1px #e1e1e1 dotted;*/ color:#6f3700;}
.menu_txt{color:#d0b087; padding:5px 0px 5px 0px; font-size:12px; line-height:18px;}

/************ page presse ***************/
.presse_bg{
	background:#e6d9c7 url(../images/fond_img_presse2.jpg) top left no-repeat !important;
}

#presse{
	padding:60px 30px 20px 30px;
	height:460px;
}

.presse_img{
	width:222px;
	margin:15px 10px 10px 5px;
	float:left;
}

.presse_content{ padding:0px 0px 10px 0px; height:430px;}

.presse_img p{ font-size:11px; padding:2px 3px; margin:0px; line-height:14px; height:35px; color:#e8a96a;}