/*RESET*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


@font-face {
    font-family: 'jane';
    src: url('font/janeaust-webfont.eot');
    src: url('font/janeaust-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/janeaust-webfont.woff') format('woff'),
         url('font/janeaust-webfont.ttf') format('truetype'),
         url('font/janeaust-webfont.svg#janeaustennosecret') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* v1.0 | 20080212 -------------------------------------------   */




body
{
	background-color:#a4b369;/*#8B7A4E; NOEL*/
	height:100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333;
}

#wrapper
{
	width:996px;
	margin:25px auto;
	position:relative;
	
}


a
{
	color:#666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}


#header
{
	
	height:200px;
	background-color:#1b1b1b;
	overflow:hidden; 
	position:relative;
	clear:both;
	z-index:98;
}

#wrapper h1
{
	
	
}


#wrapper h1 a 
{
	font-family:Jane;
	font-size:55px;
	color:#fff;
	text-decoration:none;
	font-weight:100;
}


#socialmedia a
{
	width:32px;
	height:32px;
	background: url(pics/facebook.png) top left no-repeat;
	position:absolute;
	top:30px;
	right:35px;
}

#socialmedia a:hover
{
	width:32px;
	height:32px;
	background: url(pics/facebook.png) top right no-repeat;
	position:absolute;
	
}
	

/*SLIDESHOW ------------------------------------------------------ */


div.wrap {
margin : 0 auto;
text-align : left;
}

div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 996px;
height : 200px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {

width : 996px;
height : 200px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 170px 0px 0 0;

}
div#header div#slide-holder div#slide-controls p#slide-nav a 
{
	color:transparent;
	float : left;
	width : 24px;
	height : 24px;
	display : inline;
	font-size : 11px;
	margin : 0 5px 0 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
}

div#header div#slide-holder div#slide-controls p#slide-nav a.on {

background-image:url(pics/with_img.png);
}
div#header div#slide-holder div#slide-controls p#slide-nav a 
{
	background-image:url(pics/without_img.png);
}
div#nav ul li a 
{
	background : url(images/nav.png) no-repeat;
}


/*MENU-------------------------------------------------------------  */


#menu
{
	
}

#menu li
{
	float:left;
	border-right:thick;
	width:199px;
	/* width:166px; */
	height:30px;
	position:relative;
	
}

#menu li a
{
	display: block ;
    background: url(pics/button_traiteur.jpg) left top no-repeat ; 
	
    color: #FFF ; 
    font: 20px ;
	font-family:Arial, Helvetica, sans-serif;
    line-height:2em;
   	padding:4px 0;
    text-align: center ;
	text-decoration:none;
	letter-spacing:0.3em;
}

#menu li a:hover, #navigation li a:focus,  #menu li a:active{ 
    background: url(pics/button_traiteur.jpg) right top no-repeat ; 
	
}


#menu li a.online 
{
	background: url(pics/button_traiteur.jpg) right top no-repeat ; 	
	
}

#coin_gauche, #coin_droit 
{
	width:40px;
	height:60px;
	position:absolute;
}

#coin_gauche
{
	background-image:url(pics/coin.png);
	top:262px;
	left:-40px;
	
}

#coin_droit
{
	background-image:url(pics/coin2.png);
	top:;
	left:995px;
}

/*CONTENT-----------------------------------------------------------  */
@font-face {
	font-family: Jane;
	src: url('font/JaneAusten.ttf');
}


#content
{
	clear:both;
	background-color:#FFF;
	overflow:auto;
	padding: 0 0 25px 0;
	position:relative;
	
	
}

#content h2
{
	font-size:25px;
	font-family:Jane;
	color:#A4b369;
	font-weight:100;
	margin:35px 0 30px 30px;
	

}

.remonte {margin-top:-250px}

#content h3
{
	display:block;
	clear:both;
}

 #content h3 
{
	margin:35px 0 0px 30px; 	
	
}

#content p
{
	margin: 0 30px;
	width:650px;
	line-height:1.3em;
	float:left;
	padding: 10px 0;
	color:#333333;
	text-align:justify;
	
	
}

#content img.fond
{
	
	position:absolute;
	bottom:0px;
	right:0px;
}

#wrapper #content .restaurantpics
{
	width:80px;
	height:80px;
	margin-right:40px;
	-moz-box-shadow: 4px 4px 12px #aaa;
	-webkit-box-shadow: 4px 4px 12px #aaa;
}

#wrapper #content .pics 
{
	display:block;
	margin-top: 25px;
	margin-bottom:80px;
	}

#wrapper #content iframe
{
	display:block;
	margin-left:35px;
}
	

#wrapper #content form
{
	width:600px;
	margin-left:35px;
}

#wrapper #content form label
{
	
	color:#1b1b1b;
	font-size:13px;
}

#wrapper #content form input
{
	width:200px;
}

/*FOOTER-----------------------------------------------------------  */

#footer
{
	background:url(pics/fond_traiteur.png) bottom no-repeat;
	
	clear:both;
	height:55px;
	position:relative;
	
	
	
}

#footer p 
{
	font-size:11px;
	color:#1b1b1b;
	text-align:center;
	padding:75px 0 0 0;
	
	
}

#footer p.sign a
{
	position:absolute;
	right:10px;
	bottom:-25px;
	width:75px;
	height:25px;
	background:url(pics/criterion.png) top left no-repeat;
	
}

#footer p.sign a:hover
{
	width:80px;
	height:25px;
	width:75px;
	background:url(pics/criterion.png) top right no-repeat;
}







/*CORNER-----------------------------------------------------------  */

#pageflip_traiteur {
	position: fixed;
	right:0px;
	top:0px;
}
#pageflip_traiteur img {
	width: 250px; height: 250px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}


/*CONTACT ----------------------------------------------------------- */
form{float:left}
.titre, label{color:#603341;  margin-left:50px;}
.titre2 {color:#603341; text-decoration:none;}
td{width:25px}
tr{}
input, textarea {border:1px solid #c7c7c7}

table{ height:350px}


#right, #left {}

#left{float:left; width:500px; height:500px;}
#right{margin-top:50px;}





/*MENUS ET SUGG ----------------------------------------------------- */

#aperitifs, #dumoment, #autresformules
{
	width:200px;
	height:300px;
	float:left;
	margin: 0px 10px;
	alpha:0.1;
}

#aperitifs p, #dumoment p, #autresformules p
{

	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFF;
}

#aperitifs
{
	background:;	
	margin-left:25px;
}

#dumoment
{
	background:;	
}

#suggestions
{
		
}



#photos
{
	margin-left:75px;
}

#photos img

{
	margin:25px 0px;
}

#choix_formules
{
	margin:0;
	padding:30px;
}

#choix_formules li
{
	list-style-type:circle;
	padding-top:5px;
	margin-left:50px;
}

#choix_formules li a
{
	font-size:15px;
}
#choix_formules li a.hide{
	display:none;
}


/*Céline*/

#photos a{
	display:block;
	width:80px;
	height:80px;
	float:left;
	margin-bottom:25px;
	margin-right: 40px;
	background-size:cover !important;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.83);
}
#photos a img{margin-top:0;}
#content .news h2{
	font-family:'jane', sans-serif;
	margin-bottom:20px;
}
#content .presentation{clear:both;}
#content .news{
	margin-bottom:30px;
}
#content p{float:none;}



.news{
	padding: 0 30px;
	overflow: hidden;
}
#content .news p {padding: 10px 0; margin:0; width: inherit;}
#content .news p a{line-height: 1.3em;
color: #333333;
font-family: Georgia, "Times New Roman", Times, serif; font-size:16px; font-size:100%;
}
#content .news h3, #content .news h2{margin-left:0;}
#content .news h3 a{
	margin:0;
	margin-top:10px; 
	font-size:20px; 
	color:#4d4d4d; 
	text-transform: uppercase; 
	font-family: sans-serif; 
	font-weight: 100;
}
#content .news h4{color:#a5b35f; margin-bottom:15px; margin-top:5px; font-family:sans-serif; font-weight: 100;}
#content .news img, #content .news .contenu{float:left; }
#content .news .contenu{width:450px; margin-left:5%;}
#content .news img{
	padding:4px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 1px 1px 4px rgba(88,88,88,0.57);
	max-width:296px;
}
.news{background: #efefef;
padding-bottom: 30px;}