@import "contact.css";
@import "navigation.css";
@import "template.css";
@import "skitter.styles.css";
@import "menu-recette.css";
@import "colorbox.css";
@import "ad-gallery.css";


* { -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
	
/* pour display */
   -webkit-flex :display;
  -ms-flexbox :display ;
  flex :display ;

  /* pour flex-wrap */
  -moz-flex-wrap : wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


html {
 margin: 0 ;
 padding: 0;
}


body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;	font-size: 12px; line-height:16px; color: #444;	background:#fefaee url(../images/deco/BG_body.jpg) repeat-x left top;	}

#general{	padding: 0;	width:100%;	margin:0 auto;	}

/* HEADER*/

#header{padding:0; width:100%;  margin: 0 auto; background: url(../images/deco/BG_header.jpg) repeat-x left 85px; }
.ombre_menu { width:980px; height:16px}

#coord_header { width:100%; padding:0; margin:20px 0 0 0; text-align:left; }
#coord_header h1 {font-weight:600; color:#770101;  padding:0; margin:0 }
#coord_header h1 a {font-size: 1.4em; text-decoration:none; }
#coord_header h1 a:hover {text-decoration:none; font-style:normal}

#coord_header .sstitre {color:#666; font-size:1.6em; padding:14px 0 0 0; margin:0; display:inline-block }
#coord_header .sstitre strong{color:#770101; font-weight:normal}

#logo {width:30%; padding:15px 0 0 0; margin:0; position:relative; float:left; }

#logo img {margin:0; padding: 0; max-width:100%}
#logo a img {border:none;}



/* CONTENT */

#content { padding:10px 0; width: 100%; margin: 0 auto; }


/* form_lo.php */
#form_LO { position:relative; margin:0 auto; width:80%; text-align: center }
#form_LO legend { font-size:1.2em; font-weight:bold}
#form_LO fieldset { margin:10px; background: #f0eada; }
#form_LO textarea {width: 100%}
#form_LO .erreur {color:#770101}
#form_LO .btn {width: 20%; margin:0}
/* pagination */
#pagination {margin: 20px auto 0 auto;}
#pagination img {border:none;}


strong{color: #444;	}
a {	color: #8e0000; text-decoration: underline;}
strong em, em strong {color:#8e0000; line-height:20px; padding: 0; margin: 0}

ul, ol {margin: 7px 0; padding:0; line-height:16px; }
ul li {	list-style-image: url(../images/deco/li.png); list-style-type: none; padding:0; margin:0 0 0 12px; list-style-position:outside }

ol li {	line-height:16px; list-style-position:outside; list-style-image:none; list-style-type: decimal; padding:0; margin:0 0 0 12px; }
	
a:hover {font-style: italic; } 
  
h1 { margin: 20px 0 15px 0; color: #8e0000; font-size: 2em; padding:0 0 10px 0; font-variant: small-caps; }
  
h4 {margin:0 0 15px 0; color: #8e0000; font-size:1.4em; font-variant: small-caps; text-align:left; line-height:16px }


/*----------*/

/*Bas de page  FOOTER*/

#footer_BG {width : 100%; height: 140px; margin: 10px 0 10px 0; padding:0; background: #f0eada; border-top: 1px solid #ddd1b1; 	border-bottom: 1px solid #ddd1b1; }

#footer{ ext-align: center; margin: 0 auto; padding: 0; color:#000; }
#R_social {position:relative; float:right; width:45px; margin:0; padding:7px 0 0 20px; }
#R_social img {width:35px; padding:3px 0; border:none; }

#footer #adr { position:relative; float:right; text-align:right; margin:20px 0 0 0; font-weight:normal }
#footer #adr p {line-height:1.4em; font-size:1em; padding:0; margin:0}

#footer #adr h5 { color:#770101; font-size:1.2em; font-weight:bold; margin:0 0 5px 0; }

.fb-like {width:100%; margin:0 auto 20px auto; position:relative; text-align: center;}
.dag {text-align:center}
.dag a { text-decoration:none}

/* ====== Media Queries ========= */
@media only screen and (max-width: 480px){
body {background:#fefaee;}
#general {width:100%;	}	
#content { padding:8px 0}

#header{ background: url(../images/deco/BG_header.jpg) repeat-x left top; height:120px } 
#coord_header { margin: 0; padding:10px 0 0 0; width:70%; float:right; position:relative}
#coord_header h1  {padding:0 0 10px 0}
#coord_header h1 a {font-size: 0.9em; color:#fff; }
#coord_header .sstitre, #coord_header .sstitre strong {font-size:1.2em; color:#fff; font-weight:600; margin:0; padding:1px 0 0 0; line-height:1.2em }
#logo {width:30%; }
#logo img {max-width:90%}

.box_skitter { display:none}
.ombre_menu {display:none}

#footer #adr{ font-size:0.9em; text-align:center; margin:10px auto; width:100%; padding:0; }
#footer #adr p{ display:inline-block}

#R_social {float:left; margin:0; padding:7px 0 0 70px;  }

#container_encart_news, #encart_menu_spe, #encart_repas_aff  {width:100%; }	
#container_encart_news > div {width:100%; margin: 0; border-bottom:1px solid #666  }
#container_encart_news > div img{width:15% }

}
	
@media only screen and (max-width: 768px) {
#general {width:100%;	}
#footer {width:100%; }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
#general {width:90%;}
#footer {width:90%; }
}

@media only screen and (min-width: 1024px) {
#general {width:75%; }
#footer {width:75%; }

}
/*================================*/