/* -----------------------------------------------------
						Global
------------------------------------------------------*/

@font-face {
  font-family: 'Caviar_Dreams_Bold';
  src: url('../fonts/CaviarDreams_Bold-webfont.eot');
  src: url('../fonts/CaviarDreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/CaviarDreams_Bold-webfont.woff') format('woff'),
       url('../fonts/CaviarDreams_Bold-webfont.ttf') format('truetype');
       font-style: normal;
}

@font-face {
  font-family: 'CaviarDreams';
  src: url('../fonts/CaviarDreams-webfont.eot');
  src: url('../fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/CaviarDreams-webfont.woff') format('woff'),
       url('../fonts/CaviarDreams-webfont.ttf') format('truetype');
       font-style: normal;
}

* { 
	padding:0;
 	margin:0;
	font-size:14px;
  	color:#fff;
 	-webkit-font-smoothing: antialiased;
}

body {
	margin:auto;
	padding:0px;
	text-align:center;
}
a{
	cursor: pointer;
}
.clear{
	clear:both;
}
.fl{
	float: left;
}

.mr22{
	margin-right: 22px;
}
.db{
	display: none;
}

.onlyresp{
	display:none;
}


input{
	font-family:arial;
	font-size:11px;
	color:#fff;
	background-color:#262626;
	border: none;
	width:145px;
	height:20px;
	margin:5px 0px 11px 0px;
}

.email{
	font-family:arial;
	font-size:11px;
	color:#fff;
	background-color:#262626;
	border: none;
	width:330px;
	height:20px;
	margin:5px 0px 27px 0px;
}

header{
	text-align:center;
	padding:0px;
	background:url('../../images/header.png') no-repeat top center;
	height:198px;
	margin:auto;
}

section{
	text-align:center;
	padding:0px;
	margin:auto;
	background:url('../../images/fond-page.png') no-repeat top center #000;
	overflow:hidden;
}


.container{
	width:1024px;
	margin: 0px auto;
}

.langue{
	font-family: arial;
	font-weight:normal;	
	font-size:12px;
	padding-top: 3px;
	text-align:right;
	margin-right:4px;
	color:#000;
}

.langue a{
	font-family: arial;
	font-weight:normal;	
	font-size:12px;
	text-decoration:underline;
	color:#000;
}


.logo{
	padding-top : 20px;
	text-align:center;
}
.logo img{
	width: 162px;
}

.f-accueil{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:450px;
	background:url('../../images/visuel_accueil.png') no-repeat top left;
}

.f-menus{
	text-align:left;
	padding:0px;
	margin:auto;
	background:url('../../images/visuel_menus.png') no-repeat top left;
}

.f-carte{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:833px;
	background:url('../../images/visuel_carte.png') no-repeat top left;
}
.f-carte-vins{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:848px;
	background:url('../../images/visuel_carte-vins.png') no-repeat top left;
}

.f-resto-lieu{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:795px;
	background:url('../../images/visuel_restaurant-historique.png') no-repeat top left;
}

.f-resto-services{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:675px;
	background:url('../../images/visuel_restaurant-services.png') no-repeat top left;
}

.f-resto-galerie{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:770px;
	background:url('../../images/visuel_restaurant-lieu.png') no-repeat top left;
}

.f-resai{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:511px;
	background:url('../../images/visuel_reservation-individuel.png') no-repeat top left;
}

.f-resag{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:562px;
	background:url('../../images/visuel_reservation-groupe.png') no-repeat top left;
}
.f-actu{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:575px;
	background:url('../../images/visuel_actualites.png') no-repeat top left;
}

.f-news{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:413px;
	background:url('../../images/visuel_newsletter.png') no-repeat top left;
}

.f-contacts{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:530px;
	background:url('../../images/visuel_contacts.png') no-repeat top left;
}

.f-chcad{
	text-align:left;
	padding:0px;
	margin:auto;
	min-height:590px;
	background:url('../../images/visuel_cheque-cadeau.png') no-repeat top left;
}


/* -----------------------------------------------------
					bandeau_menu
------------------------------------------------------*/
.active{
	color:#de1e2b !important;
}
#menu{
	padding:35px 0px 0px 280px;
	height:77px;
}
.menu{
	min-width:670px;
	padding:0px;
	margin:0 auto;
	display: inline-block;
}
.menu li{
	display:inline;
	list-style:none;
	padding:0px 0px 0px 0px;
	line-height:42px;
	float:left;
}
.menu .tiret{
	background-color:#7e7f7e;
	height:42px;
	width:1px;
	margin:0px 15px 0px 15px;
}
.menu a{
	text-decoration:none;
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:14px;
	letter-spacing:1px;
	color:#ffffff;
}

.menu a:hover{
	color:#de1e2b;
}

.a-un-ssmenu{
	background:url('../../images/puce-menu-n.png') no-repeat center bottom;
}

#menu-responsive{
	display: none;
}
/* -=- Sous menus -=- */
.submenu{
	padding:0px;
	margin:0px;
	display: inline-block;
	display: none;
}
.submenu li{
	display:inline;
	list-style:none;
	padding:0px 0px 0px 0px;
	line-height:20px;
	float:left;
}
.submenu .tiret-submenu{
	background-color:#7e7f7e;
	height:20px;
	width:1px;
	margin:0px 8px 0px 8px;
}
.submenu a{
	text-decoration:none;
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:12px;
	color:#ffffff;
}
.submenu a:hover{
	color:#de1e2b;
}

/* -=- Placement des sous menus -=- */
#submenu1 {
	margin-left: 88px;
}
#submenu2 {
	margin-left: 186px;
}
#submenu3 {
	margin-left: 321px;
}
#submenu4 {
	margin-left: 441px;
}

/* -----------------------------------------------------
contenu accueil
------------------------------------------------------*/

/* _-_ Colonne gauche _-_ */
.colgauche{
	width: 443px;
	position:relative;
	margin:0px 0px 0px 348px;
	text-align:center;
	float:left;
	z-index:2;
}

.coldroit{
	width: 210px;
	position:relative;
	margin:0px 0px 0px 0px;
	text-align:center;
	float:right;
	z-index:1;
}

/* _-_ Slider _-_ */
#slider{
	width: 443px;
	position:relative;
	z-index:1;
}
.galerie{
	width: 443px;
	height: 278px;
	position: absolute;	
	z-index: 1;
}
.icon-left{
	width : 20px;
	height : 20px;
	background : url('../../images/fl-diapo-gau.png') no-repeat top left;
	display : block;
	margin-left : -195px;
}
.icon-right{
	width: 20px;
	height: 20px;
	background: url('../../images/fl-diapo-droi.png') no-repeat top left;
	display: block;
	margin-left: 195px;
}
#voirg{
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 249px;
}
#cheque{
	position: absolute;
	z-index: 2;
	left: 230px;
	/*bottom: -5px;*/
	top: 243px;
}

/* _-_ Colonne droite _-_ */

.actu-a{
	width:210px;
	min-height:80px;
  	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
  	padding: 10px 0px 0px 0px;
  	text-align:left;
  	margin-bottom:12px;
}
.actu-a .titre{
	font-family: 'CaviarDreams';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	margin: 0px 0px 0px 18px;
  	letter-spacing:1px;
  	line-height:16px;
}
.actu-a .text{
	font-family: 'arial';
	font-weight:normal;	
	font-size:12px;
  	color:#fff;
  	margin: 5px 15px 0px 20px;
}
.lire{
	font-family:arial;
	font-weight:normal;	
	font-size:12px;
  	color:#868786;
  	text-decoration:underline;
  	margin: 0px 0px 0px 3px;
}

.trouver-a{
	width:192px;
	min-height:226px;
  	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
  	padding: 10px 0px 0px 18px;
  	text-align:left;
}

.trouver-a .titre{
	font-family: 'CaviarDreams';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	margin:0px;
  	padding:0px;
  	letter-spacing:1px;
  	line-height:16px;
}
.trouver-a .text{
	font-family: 'arial';
	font-weight:normal;	
	font-size:12px;
  	color:#fff;
  	margin: 5px 15px 10px 0px;
}



/* -----------------------------------------------------
contenu La carte
------------------------------------------------------*/

.interieur-c{
	position:relative;
	min-height:655px;
	widht: 625px;
	margin:0px 0px 0px 348px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}

.interieur-c h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	padding-top:10px;
  	margin-bottom: 40px;
  	letter-spacing:1px;
  	text-align:center;
}


.interieur-c h2{
	margin:0px;
  	padding-bottom:20px;
  	letter-spacing:1px;
  	text-align:center;
}

.interieur-c h2 a{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:20px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration: underline;
  	margin:20px 0px 5px 0px;
  	padding: 0px 15px;
  	letter-spacing:1px;
}

.fleche-menu-close{
	background: url('../../images/fleche-dr.png') no-repeat;
	background-position: 2px 4px;
}
.fleche-menu-open{
	background: url('../../images/fleche-bas.png') no-repeat;
	background-position: 0px 6px;
}
.carte{
	padding:0px;
	margin-top:10px;
	margin-bottom: 40px;
	text-align:center;
	display: none;
}

.carte li{
	list-style:none;
	padding:0px 0px 0px 0px;
	line-height:18px;
	text-decoration:none;
	font-family:arial;
	font-weight:normal;	
	font-size:14px;
	color:#ffffff;
}

.carte .ou{
	color:#909090;
	font-size:11px;
}
.carte .ligne{
	background-color:#fff;
	height:1px;
	width:125px;
	margin:15px auto 15px auto;
	text-align:center;
	display:block;
}
.carte a{
	text-decoration:none;
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:14px;
	letter-spacing:1px;
	color:#ffffff;
}

.carte a:hover{
	color:#de1e2b;
}

.carte .dessert{
	list-style:none;
	padding:0px 0px 0px 0px;
	line-height:18px;
	text-decoration:none;
	font-family:arial;
	font-weight:normal;	
	font-size:11px;
	color:#ffffff;
}

/* -----------------------------------------------------
contenu restaurant
------------------------------------------------------*/

.interieur-r{
	position:relative;
	min-height:685px;
	widht: 625px;
	margin:0px 0px 0px 348px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}
.interieur-r h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin:0px;
  	padding-top:10px;
  	letter-spacing:1px;
  	text-align:center;
}

.interieur-r h2{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration:underline;
  	margin:0px;
  	padding-top:30px;
  	padding-bottom:5px;
  	padding-left:40px;
  	text-align:left;
}

.lieu{
	margin:20px 40px 0px 40px;
	padding:0px;
	line-height:16px;
	font-family:arial;
	font-weight:normal;	
	font-size:14px;
	color:#ffffff;
	text-align:justify;
}

.interieur-s{
	position:relative;
	min-height:563px;
	widht: 625px;
	margin:0px 0px 0px 348px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}
.interieur-s h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin:0px;
  	padding-top:10px;
  	letter-spacing:1px;
  	text-align:center;
}
.interieur-s h2{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration:underline;
  	margin:0px;
  	padding-top:30px;
  	padding-bottom:5px;
  	 padding-left:40px;
  	text-align:left;
}

.interieur-g{
	position:relative;
	min-height:740px;
	widht: 625px;
	margin:0px 0px 0px 348px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}
.interieur-g h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin:0px;
  	padding-top:10px;
  	letter-spacing:1px;
  	text-align:center;
}
.interieur-g h2{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration:underline;
  	margin:0px;
  	padding-top:30px;
  	padding-bottom:0px;
  	padding-left:40px;
  	text-align:left;
}

.interieur-g ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 32px;
}
.interieur-g li{
	display:block;
	float:left;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:5px 8px 5px 8px;
}
.scroll { 	
	width:670px;	
	padding:0px 0px 0px 0px;
	margin:15px 0px 10px 0px;
	height:594px;
	overflow:auto;
} 

/* -----------------------------------------------------
contenu resa
------------------------------------------------------*/

.interieur-resa{
	min-height:400px;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}


.interieur-resa h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin:0px;
  	padding-top:10px;
  	letter-spacing:1px;
  	text-align:center;
}

.interieur-resa h2{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration:underline;
  	margin:0px;
  	padding-top:25px;
  	padding-bottom:10px;
  	padding-left:10px;
  	text-align:left;
}

.interieur-resag{
	min-height:505px;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}


.interieur-resag h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin:0px;
  	padding-top:10px;
  	letter-spacing:1px;
  	text-align:center;
}

.interieur-resag h2{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration:underline;
  	margin:0px;
  	padding-top:25px;
  	padding-bottom:10px;
  	padding-left:10px;
  	text-align:left;
}

.colnom{
	font-family:arial;
	font-size:12px;
	font-weight:normal;	
	margin-bottom: 20px;
	color:#fff;
	padding-left:10px;
	text-align:left;
	float:left;
}
.inbre{
	font-family:arial;
	font-size:11px;
	color:#fff;
	background-color:#262626;
	border: none;
	width:45px;
	height:20px;
	margin:5px 0px 11px 0px;
}

.list{
    border: none;
    overflow: hidden;
    background: #262626 url('../../images/select.png') no-repeat 90% 50%;
	width: 60px;
	height:20px;
	font-family:arial;
	font-size:11px;
	color:#fff;
	margin:5px 0px 10px 0px;
}

.list select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
  	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';

}

.t12blanc{
	font-family:arial;
	font-size:12px;
	font-weight:normal;	
	color:#fff;
}


.list select:focus {
    outline: none;
}

.colcal{
	font-family:arial;
	font-size:12px;
	font-weight:normal;	
	margin-bottom: 0px;
	color:#fff;
	margin-left:40px;
	text-align:left;
	float:left;
}

.demande{
	font-family:arial;
	font-size:12px;
	color:#fff;
	margin:0px 0px 11px 10px;
	text-align:left;
}

textarea {
	font-family:arial;
	font-size:11px;
	color:#fff;
	background-color:#262626;
	border: none;
	width:385px;
	height:40px;
	margin:5px 0px 11px 0px;
}
.textchamps{
	font-family:arial;
	font-size:11px;
	color:#868786;
	margin:5px 0px 11px 10px;
	float:left;
}

.bout{
	margin:-9px 0px 0px 22px;
	float:left;
}
/* -----------------------------------------------------
contenu contacts
------------------------------------------------------*/
.interieur-contacts{
	min-height:418px;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}


.interieur-contacts h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin:0px;
  	padding-top:10px;
  	letter-spacing:1px;
  	text-align:center;
}

.interieur-contacts h2{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration:underline;
  	margin:0px;
  	padding-top:25px;
  	padding-bottom:10px;
  	padding-left:10px;
  	text-align:left;
}
.list2{
    border: none;
    overflow: hidden;
    background: #262626 url('../../images/select.png') no-repeat 90% 50%;
	width: 90px;
	height:20px;
	font-family:arial;
	font-size:11px;
	color:#fff;
	margin:5px 0px 10px 0px;
}

.list2 select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
  	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';

}

/* -----------------------------------------------------
contenu News
------------------------------------------------------*/
.interieur-news{
	min-height:350px;
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}


.interieur-news h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin:0px;
  	padding-top:10px;
  	letter-spacing:1px;
  	text-align:center;
}

.interieur-news h2{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration:underline;
  	margin:0px;
  	padding-top:25px;
  	padding-bottom:10px;
  	padding-left:10px;
  	text-align:left;
}

.colnom{
	font-family:arial;
	font-size:12px;
	font-weight:normal;	
	margin-bottom: 20px;
	color:#fff;
	padding-left:10px;
	text-align:left;
	float:left;
}

/* -----------------------------------------------------
contenu Les actus
------------------------------------------------------*/

.interieur-actus{
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 20px 30px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}
.interieur-actus h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin-bottom: 30px;
  	letter-spacing:1px;
  	text-align:center;
}
.liste-actus{
	padding:0px;
	margin-top:10px;
	margin-bottom: 40px;
	text-align:left;
}

.liste-actus li{
	list-style:none;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-family:arial;
	font-weight:normal;	
	font-size:12px;
	line-height: 16px;
	color:#ffffff;
	overflow: hidden;
}
.liste-actus li h2{
	font-family:arial;
	font-size:14px;
	font-weight:normal;	
	text-transform: uppercase;
	margin-bottom: 10px;
}
.liste-actus li .url{
	display: block;
	margin: 10px 0px 10px 0px;
}
.liste-actus .ligne{
	background-color:#fff;
	height:1px;
	width:125px;
	margin:15px auto 15px auto;
	text-align:center;
	display:block;
}

.pagination{

}
.pagination li{
	font-family:arial;
	font-size:14px;
	line-height: 18px;
	color: #fff;
	display: inline-block;
}
.pagination li a{
	text-decoration: none;
}
.pagination li a:hover{
	text-decoration: underline;
}
.pagination .ligne{
	background-color:#fff;
	height:18px;
	width:1px;
	margin:auto 5px;
	text-align:center;
	display: inline-block;
}
.pageencours{
	font-weight: bold;
	color: #de1e2b;
}

/* -----------------------------------------------------
					cheques cadeaux
------------------------------------------------------*/
.interieur-ch{
	position:relative;
	min-height:478px;
	margin:0px 0px 0px 348px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}
.circle{
	margin: -2px 0px 0px 0px;
	padding:3px;
	font-family: 'Caviar_Dreams_Bold';
	font-weight:bold;	
	font-size:16px;
	line-height:20px; 
  	color:#fff;
   width:20px;
   height:20px;
   background:#262626;
   text-align:center;
   border-radius:100px;
   float:left;
}
.circletitre{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
	color:#fff;
	margin-left:10px;
	text-align:left;
	letter-spacing:1px;
	float:left;
	max-width: 210px;
}
.interieur-ch .titre{
	font-family: 'CaviarDreams';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	margin-top:20px;
  	padding:0px;
}


.interieur-ch .titre a{
	font-family: 'CaviarDreams';
	font-weight:normal;
	text-decoration:none;	
	font-size:16px;
  	color:#fff;
  	margin-top:20px;
  	padding:0px;
}

.interieur-ch .textch{
	font-family: 'arial';
	font-weight:normal;	
	font-size:11px;
	line-height:14px;
  	color:#fff;
  	margin: 0px 0px 0px 0px;
}
.interieur-ch em{
	font-family: 'arial';
	font-weight:normal;	
	font-size:11px;
	line-height:14px;
  	color:#fff;
  	margin: 0px 0px 0px 0px;
}

.interieur-ch .textchred{
	font-family: 'arial';
	font-weight:normal;	
	font-size:11px;
	color: #c45f65;
}
.interieur-ch .textchgris{
	font-family: 'arial';
	font-weight:normal;	
	font-size:11px;
	line-height:14px;
  	color:#727272;
  	margin: 20px 0px 0px 0px;
}

.interieur-ch h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	padding-top:10px;
  	margin-bottom: 40px;
  	letter-spacing:1px;
  	text-align:center;
}
.interieur-ch h2{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:16px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration: underline;
	margin:0px;
  	padding-bottom:10px;
  	letter-spacing:1px;
  	text-align:center;
}
.interieur-ch h3{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:14px;
  	color:#fff;
  	text-transform : uppercase;
  	text-decoration: none;
	margin:0px;
  	padding-bottom:20px;
  	letter-spacing:1px;
  	text-align:center;
}
.interieur-ch .textfinalisecommande{
	font-family: 'arial';
	font-weight:normal;	
	font-size:14px;
	line-height:18px;
  	color:#fff;
  	margin: 0px 0px 0px 0px;
}
.prixmenu{
	font-family:arial;
	font-weight:normal;	
	font-size:14px;
  	color:#fff;
  	margin: 0px 0px 0px 0px;
}
.selectmenu{
	font-family:arial;
	font-weight:normal;	
	font-size:14px;
  	color:#c45f65;
  	margin: 0px 0px 0px 0px;
  	background-color: #262626;
}
.inputmenu{
	width: 65px;
	font-family:arial;
	font-weight:normal;	
	font-size:14px;
  	color:#c45f65;
  	margin: 0px 0px 0px 0px;
  	background-color: #262626;
}
.radiomenu{
	color:#c45f65;
  	margin: 0px 0px 0px 0px;
  	background-color: #262626;
  	width: 14px;
}
.description_paiement{
	display: none;
}
.col1{
	width:273px;
	min-height: 340px;
	margin-left:40px;
	text-align:left;
	float:left;
	padding-right:30px;
	border-right:1px solid #878787;
}

.col1 .plan{
	font-family:Arial;
	font-weight:normal;	
	font-size:11px;
  	color:#868786;
  	text-decoration:underline;
  	margin: 0px 0px 0px 0px;
}

.col2{
	width:265px;
	margin-bottom: 0px;
	margin-left:40px;
	text-align:left;
	float:left;
}
.col538{
	width: 538px;
	margin-top: 20px;
	margin-left: 40px;
	text-align: left;
	padding-right:30px;
}
.col538 .circletitre{
	max-width: 500px;
}
.col50{
	width: 48%;
	float: left;
	padding-right: 2%;
}
.col66{
	width: 67%;
	float: left;
	padding-right: 1%;
}
.col100{
	width: 98%;
}
.col538 label{
	font-family: Arial;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
}
.col538 input,.col538 textarea{
	width: 100%;
	font-size: 12px;
}
#encart-total{
	margin:20px 0px 0px 40px;
	width: 558px;
	background-color: #262626;
	padding: 10px;
}
#encart-total .titre{
	font-family: 'arial';
	font-weight:normal;	
	font-size:18px;
	text-decoration: underline;
	line-height:18px;
  	color: #bc6068;
  	margin: 0px 0px 10px 0px;
}
#encart-total .detail{
	font-family: 'arial';
	font-weight:normal;	
	font-size:12px;
	line-height:14px;
  	color: #ffffff;
}
#encart-total .total{
	font-family: 'arial';
	font-weight:normal;	
	font-size:14px;
	line-height:14px;
  	color: #bc6068;
  	margin: 10px 0px 5px 0px;
}

.commande{
	margin:5px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	text-align:center;
}
/* -----------------------------------------------------
					plan du site
------------------------------------------------------*/
.plan-s{
	position:relative;
	min-height:430px;
	widht: 525px;
	margin:0px 0px 0px 348px;
	text-align:center;
	background-color: rgba(255, 255, 255, 0.25);
  	color:#000;
	z-index:1;
}

.plan-s h1{
	font-family: 'Caviar_Dreams_Bold';
	font-weight:normal;	
	font-size:22px;
  	color:#727272;
  	text-transform : uppercase;
  	margin:0px;
  	padding-top:10px;
  	letter-spacing:1px;
  	text-align:center;
}
.plan-s ul{
	padding:0px;
	margin:10px auto;
	display: block;
}
.plan-s li{
	list-style:none;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font-family:arial;
	font-weight:normal;	
	font-size:12px;
	line-height: 16px;
	color:#ffffff;
	overflow: hidden;
}

.plan-s a{
	font-size:12px;
	text-decoration:none;
}


/* -----------------------------------------------------
					footer
------------------------------------------------------*/
footer{
	text-align:center;
	padding:0px;
	margin:-16px auto 0px auto;
	height:250px;
	background:url('../../images/bandeau-footer.png') repeat-x top center #005433;
}

.inscription{
	font-family: 'CaviarDreams';
	font-weight:normal;	
	width:189px;
	margin:81px 0px 0px 0px;
	padding:0px 0px 0px 52px;
	font-size:14px;
  	text-align:left;
	float:left;
}
.inscription a{
	text-decoration:underline;
	font-size:14px;
}

.logobas{
	width:74px;
	float:left;
	padding:0px;
	margin:52px 0px 0px 0px;
}

.coordonnees{
	width: 466px;
	float:left;
	text-align:left;
	padding:0px;
	margin:52px 0px 0px 33px;
}
.coordonnees .titre{
	font-family: 'CaviarDreams';
	font-weight:normal;	
	font-size:14px;
  	color:#fff;
  	letter-spacing:1px;
}
.coordonnees .text{
	font-family:arial;
	font-weight:normal;	
	font-size:11px;
  	color:#fff;
  	margin-top:1px;
}
#menuf{
	padding:0px 0px 0px 0px;
}
#menuf ul{
	padding:0px;
	margin:0 auto;
	display: inline-block;
}
#menuf li{
	display:inline;
	list-style:none;
	padding:0px 0px 0px 0px;
	float:left;
	line-height:15px;
	font-family: arial;
	font-weight:normal;	
	font-size:11px;
	color:#ffffff;
}
#menuf .tiret2{
	background-color:#fff;
	height:15px;
	width:1px;
	margin:0px 4px 0px 4px;
}
#menuf a{
	text-decoration:underline;
	font-family: arial;
	font-weight:normal;	
	font-size:11px;
	color:#ffffff;
}

.gabion{
	background:rgba(255, 255, 255, 0.25) url('../../images/bandeau-footer.png') repeat-x top left;
	width:192px;
	height:250px;
  	color:#000; 
  	text-align:left; 
  	float:left; 
  	margin:0px 0px 0px 0px;
  	padding:50px 0px 0px 18px; 
}
.gabion p{
	font-family: 'CaviarDreams';
	font-weight:normal;	
	font-size: 14px;
	margin-bottom: 13px;
}
.gabion .adressegabion{
	font-family: Arial;
	font-size: 12px;
	color: #a1000e;
}
.gabion div.adressegabion{
	margin-left:10px;
	margin-top:5px;
}

.alert{
	position: absolute;
	width: 20%;
	background-color: #fff;
	padding: 20px;
	font-family: arial;
	font-weight:normal;	
	font-size:14px;	
	color: #444;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
	cursor: pointer;
	top:50%;
	left:35%;
}


/**
* responsive
*/
@media only screen and (max-width: 640px) {
	.dn{
		display: none !important;
	}
	.db{
		display: inline-block;
	}
	.container{
		width: 100%;
	}
	.onlyresp{
		display: inline;
	}
	.alert{
		width: 60%;
		left: 10%;
		top: 60%;
	}

	/* Header 													*/
	/* -------------------------------------------------------- */
	header{
		background: none;
		height: auto;
		min-height: 135px;
		max-height: 250px;
	}
	.logo{
		padding:0;
		vertical-align: top;
		margin:15px auto 10px auto;
	}
	.logo img{
		margin:0;
		width: 24%;
		min-width: 118px;
		max-width: 236px;
	}

	/* Menu 													*/
	/* -------------------------------------------------------- */
	#menu{
		display: none;
	}
	#menu-responsive{
		display: block;
		position: absolute;
		z-index:3;
		width: 100%;
		height: 75px;
		background: url('../../images/menu-responsive-background.png') repeat-x top center transparent;
	}
	.menu-responsive ul{
		width: 100%;
	}
	.menu-responsive li{
		list-style-type: none;
		float: left;
		line-height: 36px;
		height: 36px;
	}
	.menu-responsive .btn-home{
		text-align: center;
		width: 50px;
		cursor: pointer;
	}
	.menu-responsive .btn-home img,
	.menu-responsive .btn-menu img{
		margin-top:20%;
	}

	.menu-responsive .btn-menu{
		text-align: center;
		background: url('../../images/menu-responsive-btn-bg.png') repeat-x top center transparent;	
		width: 50px;
		cursor: pointer;
	}
	.menu-responsive .titre-page{
		text-align: left;
		font-family: 'CaviarDreams';
		font-weight: normal;
		font-size: 30px;
		color: #fff;
		opacity: 0.5;
		padding-left: 5%;
	}

	.menu-responsive-items{
		position: relative;
		display: none;
		width: 189px;
		height: 200px;
		padding-top: 14px;
		background: url('../../images/menu-responsive2-background.png') no-repeat top center transparent;
	}
	.menu-responsive-niveau1 li{
		
		float:none;
		list-style-type: none;
		display: block;
		text-align: left;
		
		margin-left: 26px;
		font-family: 'Caviar_Dreams_Bold';
		font-size: 13px;
		line-height: 27px;

		text-transform: uppercase;
	}
	.menu-responsive-niveau1 .a-un-sous-menu{	
		background: url('../../images/menu-responsive-fleche.png') no-repeat top left transparent;
		background-position: 0px 35%;
		padding-left: 10px;
	}

	.menu-responsive-niveau1 li a{
		text-decoration: none;
		font-size: 13px;
	} 
	.menu-responsive-niveau1 .active a{
		color:#428068 !important;
	}

	.menu-responsive-niveau2{
		position: absolute;
		top: 0px;
		left: 142px;
		display: none;
		width: 177px;
		height: 168px;
		padding-top: 19px;
		background: url('../../images/menu-responsive3-background.png') no-repeat top center transparent;
	}
	.menu-responsive-niveau2 li{
		float:none;
		list-style-type: none;
		display: block;
		text-align: left;
		
		margin-left: 36px;
		font-family: 'Caviar_Dreams_Bold';
		font-size: 13px;
		line-height: 29px;

		text-transform: uppercase;
		color:#417f67;
	}
	.menu-responsive-niveau2 li a{
		text-decoration: none;
		font-size: 13px;
		color:#417f67;
	} 
	
	/* Section 													*/
	/* -------------------------------------------------------- */
	section{
		background: url('../../images/background-responsive.jpg') no-repeat top center #000;
	}
	.accueil-responsive{
		background: #000000;
	}
	.f-accueil, .f-menus, .f-carte, .f-carte-vins, .f-resto-lieu, .f-resto-services, .f-resto-galerie, .f-resai, .f-resag, .f-actu, .f-contacts, .f-chcad, .f-news{
		background: none;
	}

	/* accueil */
	.f-accueil{
		background: url('../../images/background-responsive-accueil.jpg') no-repeat bottom left #000;
		background-size:contain;
		min-height: 315px;
		max-height: 630px;
	}
	.f-accueil .colgauche, .actu-a{
		display: none;
	}
	.interieur-c{
		margin: 0 auto;
		background: none;
	}
	.coldroit{
		width: 175px;
		float:right;
		padding-top:55px;
	}
	
	.trouver-a{
  	background: none;
	}

	.f-accueil .colgauche .trouver-a{
		background: none;
	}
	.f-accueil .colgauche .trouver-a{
		width: auto;
		min-height: 425px;
		margin: 55px 0px 0px 50%;
		padding: 0;
	}
	.f-accueil .colgauche .trouver-a .titre{
		font-size: 28px;
		line-height: 30px
	}
	.f-accueil .colgauche .trouver-a .text{
		font-size: 20px;
		line-height: 22px
	}
	.bandeau-voirg-cheque{
		position: relative;
		bottom: -5px;
	}
	.voirg-responsive{
		position: relative;
	}
	.voirg-responsive img{
		max-width: 640px;
		width: 100%;
		height: auto;
	}
	.cheque-responsive{
		position: absolute;
		z-index: 2;
		right: 0px;
		bottom: 0px;
		width: 60%;
	}
	.cheque-responsive img{
		width: 100%;

	}

	/* Pages */
	.interieur-r{
		margin: 0 auto;
		background: none;
	}
	.interieur-r img{
		width: 95%;
		height: auto;
	}
	.interieur-s{
		margin: 0 auto;
		background: none;
	}
	.interieur-s img{
		width: 95%;
		height: auto;
	}		

	.interieur-g{
		margin: 0 auto;
		background: none;
	}
	.interieur-g ul{
		margin:0px 0px 0px 30px;
	}
	.interieur-g li{
		width: 30%;
		float: none;
	}
	
	
	.f-resai .colgauche{
		width: 100%;
		float: none;
		margin: 0 auto;
		background: none;
		text-align: center;
	}
	.f-resai .coldroit{
		display: none;
		/*float: none;
		margin: 0 auto;
		background: none;*/
	}
	.f-resai .coldroit .trouver-a{
		margin: 0 auto;
		background: none;
	}


/* resa													*/
	/* -------------------------------------------------------- */
	.interieur-resa{
		background: none;
	}
	.interieur-resa .colnom, .interieur-resa .colcal,.interieur-resa .bout, .interieur-resa .textchamps{
		float:none;
		margin: 0 auto;
	}

	.f-resag .colgauche{
		width: 100%;
		float: none;
		margin: 0 auto;
		background: none;
		text-align: center;
	}
	.f-resag .coldroit{
		display: none;
		/*float: none;
		margin: 0 auto;
		background: none;*/
	}
	.f-resag .coldroit .trouver-a{
		margin: 0 auto;
		background: none;
	}
	.interieur-resag{
		background: none;
	}
	.interieur-resag .colnom, .interieur-resag .colcal,.interieur-resag .bout, .interieur-resag .textchamps{
		float:none;
		margin: 0 auto;
		padding-left: 10px;
	}

	.f-actu .colgauche{
		width: 100%;
		float: none;
		margin: 0 auto;
		background: none;
		text-align: center;
	}
	.f-actu .coldroit{
		display: none;
	}
	.interieur-actus{
		background: none;
	}

/* newsletter 													*/
	/* -------------------------------------------------------- */
	.f-news .colgauche{
		width: 100%;
		float: none;
		margin: 0 auto;
		background: none;
		text-align: center;
	}
	.f-news .coldroit{
		display: none;
		/*float: none;
		margin: 0 auto;
		background: none;*/
	}
	.f-news .coldroit .trouver-a{
		margin: 0 auto;
		background: none;
	}
	.interieur-news{
		background: none;
	}
	.interieur-news .colnom, .interieur-news .colcal,.interieur-news .bout, .interieur-news .textchamps{
		float:none;
		margin: 0 auto;
		padding-left: 10px;
	}

	.email {
    width: 230px;
	}

	textarea {
    width: 255px;
	}

/* cheques cadeaux 													*/
	/* -------------------------------------------------------- */

	.interieur-ch{
		margin: 0 auto;
		background: none;
	}

	.col1{
	border-right:0px solid #878787;
	}
	.col2{
	margin-top: 20px;
}


	
/* menus-cartes 													*/
	/* -------------------------------------------------------- */
.carte {
    min-width:auto;
}
.interieur-c h2 a {
    font-size: 16px;
    letter-spacing: 0px;
}

	/* Footer 													*/
	/* -------------------------------------------------------- */
	footer{
		height: 145px;
	}
	.inscription{
		width: auto;
		float: none;
		text-align: center;
		margin:0 auto;
		padding: 45px 0 0 0 ;
		font-size: 18px;
	}
	.inscription a{
		font-size: 18px;
	}
	.coordonnees{
		width: auto;
		float: none;
		text-align: center;
		margin:0 auto;		
	}
	.logobas, .coordonnees .text, .coordonnees .titre, .gabion{
		display: none;
	}
	#menuf{
		margin-top: 20px;
	}
	#menuf li, #menuf a{
		font-size: 18px;
	}
}
@media only screen and (max-width: 480px) {
	#menuf li, #menuf a{
		font-size: 12px;
	}	
	#menu-responsive .titre-page{
		font-size: 22px;
	}
	.trouver-a .titre{
		font-size: 14px;
		line-height: 16px
		letter-spacing:0px;
	}
	.trouver-a .text{
		font-size: 11px;
		line-height: 12px
	}
}
@media only screen and (max-width: 340px) {
	#menuf li, #menuf a{
		font-size: 12px;
	}	
	#menu-responsive .titre-page{
		font-size: 18px;
	}
}