@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:#000;
	padding:0px;
	margin:0px;
	/*background: url('../images/fond-img.jpg') no-repeat center fixed !important;*/
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.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: #663333; }
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.2em;
				margin:0px;
                }
				
img{border:0px;}
.current a{color: #fb5901 !important;}

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

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

#header{
	height:10px;
	
}

#lien{
	padding:5px 0px 2px 5px;
	background:url(../images/fond-img-band-haut.png) left top no-repeat;
}

#main-content {
	text-align: left;
	background-color:#fff;
}

.main-haut{
	padding:40px 24px 20px 0px;
	background-color:#F3F3EB;
}

.main-haut-left{
	float:left;
	width:282px;
}

.main-haut-tel{ background-color:#ddd7b7; color:#886e5a; height:74px; padding:0px 15px 0px 20px;}
.main-haut-tel h2{ padding:2px 0px; margin:0px; color:#886e5a; font-size:28px; font-weight:400; font-family:Verdana, Geneva, sans-serif;}

.main-haut-tel h4{ padding:2px 0px; margin:0px; color:#886e5a; font-size:22px; font-weight:400; font-family:Verdana, Geneva, sans-serif; line-height:22px;}

.main-haut-horaire{background-color:#a8978e; color:#ddd7b7; height:74px; padding:0px 15px 0px 20px;}
.main-haut-horaire h3{ padding:2px 0px; margin:0px; color:#ddd7b7; font-size:20px; font-weight:400; font-family:Verdana, Geneva, sans-serif;}
.main-haut-horaire p{ padding:2px 0px; margin:0px; color:#ddd7b7;}

.main-haut-adresse{background-color:#3d0b0b; color:#ddd7b7; height:74px; padding:0px 15px 0px 20px;}
.main-haut-adresse h3{ padding:2px 0px; margin:0px; color:#ddd7b7; font-size:24px; font-weight:400; font-family:Verdana, Geneva, sans-serif;}
.main-haut-adresse p{ padding:2px 0px; margin:0px; color:#ddd7b7;}

.main-haut-video{background-color:#2c0707; color:#fff; height:157px; padding:0px 15px 0px 20px; margin:0px;}
.main-haut-video h3{ padding:2px 0px; margin:0px; color:#e9631d; font-size:20px; font-weight:400; font-family:Verdana, Geneva, sans-serif;}
.main-haut-video p{ padding:2px 0px; margin:0px; color:#fff;}

.main-haut-right{
	float:right;
	width:674px;
}

.content{ padding:10px 30px 50px 24px; min-height:430px; background-color:#F3F3EB}

.content-left{
	float:left;
	width:460px;
	text-align:right;
}
.content-right{
	float:right;
	width:440px;
	text-align:left;
}

.content-left-menu{
	float:left;
	width:230px;
	text-align:right;
}
.content-right-menu{
	float:right;
	width:670px;
	text-align:left;
}

.content-left-contact{
	float:left;
	width:523px;
	text-align:right;
}
.content-right-contact{
	float:right;
	width:377px;
	text-align:left;
}

.telephone_fixed{
     position:fixed;
     bottom:0;
     right:0;
	 padding:10px;
	 margin:10px;
	 background-color:#A75308;
	 color:#fff;
	 font-size:14px;
}

.tab_livraison table{ padding:5px 0px; border:1px; border-style:solid; border-collapse:collapse;}
.tab_livraison td{ padding:3px 10px; border:1px; border-style:solid;}
.tab_livraison th{ padding:4px 10px; border:1px; /*background-color:#ff3300; color:#FFF;*/ font-weight:bold;}

.content-right h4, .content-right-contact h4{ font-size:16px; font-weight:400;}
.content-right p, .content-right-contact p{ line-height:20px; text-align:justify; padding:5px 0px;}
.content-right h3, .content-right-contact h3{ font-size:18px; font-weight:400; border-bottom:1px #666666 solid;}

.content-article{ padding:10px 0px;}

.title-article{ padding:2px 10px; background-color:#f0ebe0; color:#666; font-size:14px;}
.title-article-left{ float:left; text-align:left; width:75%;}
.title-article-right{ float:right; text-align:right; width:20%;}
.article-description{ font-size:12px; color:#666; padding:5px 10px;}
.article-description, .article-description p{ line-height:18px;}

.list-article, .list-article2{ list-style:none; padding:0px; margin:0px;}
.list-article li{ float:left; width:33.33%; padding:10px 0px;}
.list-article2 li{ float:left; width:25%; padding:10px 0px;}
/*.list-article2 li img{ border:0px !important;}*/

.list-title{ padding:5px 0px; color:#666; font-size:11px;}
.list-title-left{float:left; text-align:left; width:70%; height:14px; overflow:hidden;}
.list-title-right{float:right; text-align:left; width:30%;}
.list-description{ font-size:10px; color:#666; padding:3px 15px 10px 0px; height:55px; white-space: normal;
  overflow-x: hidden;
  overflow-y: hidden;}

.logo{
	float:left;
	width:300px;
	padding-top:40px;
	padding-bottom:3px;
}

.list-article2 .list-title{
	height:45px;
	white-space: normal;
	overflow-x: hidden;
	overflow-y: hidden;
}

/****************** Familles *****************/
.content-fam{ padding:10px 0px;}

.fam-left{
	float:left;
	width:460px;
	text-align:right;
}

.fam-left img{ max-width:300px;}

.fam-right{
	float:right;
	width:440px;
	text-align:left;
}

.fam-title{ padding:5px 0px; color:#ee572f; font-size:16px; font-weight:400;}
.fam-article{ padding:5px 0px;}

.fam-article-line{ padding:4px 0px; color:#666;}
.fam-article-left{float:left; text-align:left; width:75%;}
.fam-article-right{float:right; text-align:right; width:20%;}
/*********************************************/


/****************** menus ********************/
.header_right{
	float:right;
	width:630px;
	padding-top:20px;
	text-align:right;
}

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

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


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

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

/************** Pied de page *******************/
.footer_lien{
	height:184px;
	padding:0px;
	margin:0px;
	background:url(../images/fond-img-foot.png) bottom no-repeat;
	background-color:#F3F3EB;
}

.lien_en_bas{ text-align:right; padding:50px 10px 10px 10px; }
.lien_en_bas span{ padding:0px 20px;}

.adresse_en_bas{
	text-align:left;
	padding:30px 10px 10px 20px;
	color:#f5d1b7;
}
.adresse_en_bas img{ margin:0px 0px 15px 0px;}
.orange{ color:#ff6e03;}
.blanc{ color:#fff;}

#footer {
	font-family: Helvetica, Arial, sans-serif;
	padding: 4px 0;
	text-align:left;
	color:#9f9b91;
	font-size:10px;
}
#footer a{ color:#b3a69b;}


/************** 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:500px;
	float:left;
	padding:20px 5px 6px 30px;
}

.about_content_txt{
	
	text-align:justify;
	width:460px;
	padding:10px 20px;
	background-color: rgba(0, 0, 0, 0.6);
	color:#fff;
}

.about_content_img{ float:left; width:30px; padding-top:10px;}
.about_content_txt_left{ float:right; width:420px;}
.about_content_txt h3{ font-size:14px; color:#fff; font-weight:normal; padding:10px 0px; margin:0px;}
.about_content_txt p{ font-size:12px;}

.menu_sumasa{ padding:10px;
	color:#FFF;
	text-align:left;
	font-size:12px;
	line-height:16px;
}
.menu_sumasa span{ font-size:20px; display:block; padding-top:10px;}

.menu_sumasa_left, .menu_sumasa_center, .menu_sumasa_right{
	float:left;
	width:110px;
	height:100px;
	padding:20px 8px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}

.menu_sumasa_left{ background-color:#918a85; margin-right:10px;}
.menu_sumasa_center{background-color:#ff6600; margin-right:10px;}
.menu_sumasa_right{ background-color:#918a85;}

.about_content_video{
	padding-top:250px;
	float:right;
	width:470px;
}

/************ 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:570px; padding:70px 0px 10px 80px;}
.news_left_txt{ height:420px; background-color: rgba(0, 0, 0, 0.5); padding:0px 10px;}
.news_left h4{ font-size:12px; padding:15px 5px 5px 5px; margin:0px; border-bottom:1px #a5a5a5 solid; color:#ff9900;}
.news_left p{color:#fdfdfd; padding:5px 6px;}

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


/************ page carte ***************/
.carte_bg{ background:none !important; background-color:#fff !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:left; width:420px; padding:40px 10px 10px 10px;}
.carte_right_img{ float:right; width:350px; padding-top:200px;}
.carte_right_img2{ float:right; width:350px; text-align:right;}

.carte_right_comp{ float:right; width:780px; height:552px; padding:0px; background-color:#231815;}

.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_contact.jpg) top left no-repeat !important;}

#contact{ height:542px;}

.contact_left{ float:left; width:480px; padding:60px 0px 10px 30px;}
.contact_left_txt{ padding:10px 10px 10px 20px;}
.contact_left_txt h3{font-size:16px; padding:10px 5px 5px 5px; margin:0px; color:#4f4333; font-weight:normal;}
.contact_left_txt p{color:#4f4333; padding:2px 10px 1px 5px; margin:0px; font-size:12px;}

.contact_right{ float:right; width:430px; padding:60px 30px 10px 0px;}
.contact_right h3{ font-size:18px; font-weight:normal; color:#663333; border-bottom:1px #8c8062 dotted !important;}
.contact_right h5{ font-size:16px; font-weight:normal; color:#663333; margin:0px; padding:8px 0px;}
.contact_right p{ color:#663333; padding:5px 0px; line-height:20px;}


/************ 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;}