/* Page */ 
html { font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ } 
body { margin: 0; padding: 1em; /* Remettre à zéro si nécessaire. */ /* Pensez à utiliser une collection de polices (2), par ex: font-family: Arial, Helvetica, FreeSans, sans-serif; */
font-family: 'Lato', sans-serif;  
font-size: .8em; /* À adapter pour la police choisie. (3) */   
line-height: 1.4; /* À adapter au design. (4) */   
color: black; 
background: url(../img/bg-body.jpg) repeat-x; }  
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */   
line-height: 1.2; 
font-weight: bold; /* Valeur par défaut. (6) */   
font-style: normal;
font-family: 'Lato', sans-serif;
} 
h1 { font-size: 1.75em; font-weight:bold;} 
h2 { font-size: 1.5em; font-weight:bold; } 
h3 { font-size: 1.25em; font-weight:bold; } 
h4 { font-size: 1em; font-weight:bold; }  
/* Listes */ 
ul, ol { margin: .75em 0 .75em 32px;   padding: 0; list-style-type: none; }  
/* Paragraphes */ 
p { margin: .75em 0; /* Marges plus faibles que par défaut. (7) */ } 
address { margin: .75em 0; font-style: normal; }  
/* Liens */ 
a { text-decoration: none; } 
a:link { color: #11C; } 
a:visited { color: #339; } 
a:hover, a:focus, a:active { color: #00F; }  /* Pas de bordure autour des images dans les liens */ 
a img { border: none; }  
/* Divers éléments de type en-ligne (8) */ 
em { font-style: italic; } 
strong { font-weight: bold; }  
/* Formulaires */ 
form, fieldset { margin: 0; padding: 0; border: none; } 
input, button, select { vertical-align: middle; /* Solution pb. d'alignement. (9) */ }
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */
.left{ float: left; }
.right{ float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.pad-top-10 { padding: 10px 0 0 0; }
.marg-left-11 { margin-left: 11px; }
.marg-left-15 { margin-left: 15px; }
.pad-top-132 { padding-top: 132px; }
/* Couleurs */
.yellow { color: #FFED00; }
.color-blue { color: #3f5ea8; }
.color-green { color: #65ba4d; }
.color-grey { color: #656666; }
.color-marron { color: #6a3d28; }
.black { color: #000; }
.color-red { color: #eb252e; }
.color-orange { color: #f38230; }
.color-turquoise { color: #3fa8a2; }

.bg-red {background:#eb252e; }
.bg-blue {background:#3f5ea8; }
.bg-orange {background:#f38230; }

#base-sauce-tomate h2 { color: #eb252e;}
#base-creme-fraiche h2 { color: #3f5ea8;}
#base-special h2 { color: #f38230;}

#wrapper { width: 926px; margin: 0 auto; }
.inside{ width: 100%; overflow: hidden;}

.separator-line { width: 100%; height: 2px; margin: 7px 0; clear: both; overflow: hidden; }
.separator-line-blue { width: 100%; height: 2px; margin: 0 0 5px 0; clear: both; background: #015690; overflow: hidden; }
.separator { margin: 0 0 15px 0;  }
.separator-7 { margin: 0 0 7px 0;  }

/* HEADER */
a.logo { margin: 0 auto; display: block; text-align: center;}
/* header navigation*/
ul#header-navigation {margin-left: -13px;}
ul#header-navigation li { float: left; display: block; margin-left: 13px; margin-bottom: 20px;}
ul#header-navigation li.active {
display: block;
width: 143px;
height: 140px;
background: url(../img/bg-nav-hover.png);
outline: none;
}
ul#header-navigation li a {
display: block;
width: 143px;
height: 140px;
background: url(../img/bg-nav.png);
outline: none;
}
ul#header-navigation li a:hover {
display: block;
width: 143px;
height: 140px;
background: url(../img/bg-nav-hover.png);
outline: none;
}

/*MAIN*/
#container {
width: 926px;
margin: 0 0 15px 0;
background: #FFF;
overflow: hidden;
/*box-shadow: 0 0 10px 10px #CCCCCC inset;*/
border-radius: 10px; /* no valid */
-moz-border-radius: 10px;     
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px;
}
.bloc::after, .bloc::before {  
	display:none;  
	content: " ";  
	position: absolute;    
	z-index: -1; 
	height: 300px;
	width: 926px;
	}
.lateraux::before {  
	display:inline-block;      
	width: 926px;    
	height: 96%x;  
	background-color:black;  
	border-radius: 40px / 65px;    
	box-shadow: 0 0 20px #333;    
	} 
#container2 {
width: 926px;
margin: 0 0 15px 0;
background: #FFF;
overflow: hidden;
/*box-shadow: 0 0 10px 10px #CCCCCC inset;*/
border-top: 8px solid  #eb252e;
border-bottom: 8px solid #eb252e;
}
#content { width: 926px; margin: 0;}

#content-main { float: left; width: 595px; padding: 18px; }


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-icon { width: 154px; height: 154px; float: right; }
#slider-wrapper { width: 926px; height: 412px; margin: 0 auto; }
#slider { position: relative; width: 926px; height: 412px; background: url(../img/loading.gif) no-repeat 50% 50%; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a { border:0; display:block; }

.nivo-controlNav { position:absolute; left:40px; bottom:40px; }
.nivo-controlNav a { float:left; display:block; width:22px; height:22px; background:url(../img/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; }
.nivo-controlNav a.active { background-position:0 -22px; }
.nivo-directionNav a { display:block; width:30px; height:30px; background:url(../img/arrows.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-30px 0; right:40px; }
a.nivo-prevNav { left:40px; }
.clear { clear:both; }

#content-pizzas { width: 595px; margin: 0; padding: 0 0 15px 0; /*background: url(../img/bg-pizzas.png) no-repeat bottom;*/ }
.bg-content-page-entrees { background: url(../img/bg-entrees.jpg) no-repeat top right; }
.bg-content-page-paninis { background: url(../img/bg-paninis.jpg) no-repeat top right; }
.bg-content-page-desserts { background: url(../img/bg-desserts.jpg) no-repeat top right; }
.bg-content-page-menus { background: url(../img/bg-menus.jpg) no-repeat top right; }
.bg-content-page-boissons { background: url(../img/bg-boissons.jpg) no-repeat top right; }
.bg-content-page-contact { background: url(../img/bg-contact.jpg) no-repeat bottom right; }
.bg-content-page-apropos { background: url(../img/bg-apropos.jpg) no-repeat bottom right; }
.bg-content-page-facebook { background: url(../img/bg-facebook.jpg) no-repeat top; }
.bg-icon-facebook { background: url(../img/bg-icon-facebook.png) no-repeat right; width: 916px; height: 185px; margin-top: -150px; }
.bg-icon-localisation { float:right; width: 296px; height: 185px; margin-top: -150px; z-index: 5;}
.bg-icon-contact { background: url(../img/bg-icon-contact.png) no-repeat right; width: 916px; height: 185px; margin-top: -150px; }
.bg-icon-apropos { background: url(../img/bg-icon-apropos.png) no-repeat right; width: 916px; height: 185px; margin-top: -150px; }
.block-1 { width: 291px; height: 272px; padding-top: 5px; }
.block-2 { width: 595px; height: 276px; padding-top: 5px; margin-top: -5px; }
.block-3 { width: 189px; height: 237px; padding-top: 5px; }
.block-4 { width: 595px; height: 76px; padding-top: 5px; }
.block-5 { width: 580px; height: 297px; padding: 25px 0 0 15px; }
.block-6 { width: 580px; height: 300px; padding: 15px 0 0 15px;}
#bg-menu-duo { background: url(../img/menu-duo.jpg) no-repeat; }
#bg-menu-solo { background: url(../img/menu-solo.jpg) no-repeat; }
#bg-menu-family { background: url(../img/menu-family.jpg) no-repeat; }
#bg-menu-freshup { background: url(../img/menu-freshup.jpg) no-repeat; }
#bg-menu-kids { background: url(../img/menu-kids.jpg) no-repeat; }
#bg-menu-tex-mex { background: url(../img/menu-tex-mex.jpg) no-repeat; }
#bg-entrees-chicken-wings { background: url(../img/entrees-chicken-wings.jpg) no-repeat; }
#bg-paninis { background: url(../img/paninis.png) no-repeat right top; }
#bg-entrees-nuggets { background: url(../img/entrees-nuggets.jpg) no-repeat; }
#bg-entrees-potatoes { background: url(../img/entrees-potatoes.jpg) no-repeat; }
#bg-entrees-jalapenos { background: url(../img/entrees-jalapenos.jpg) no-repeat; }
#bg-entrees-onionrings { background: url(../img/entrees-onionrings.jpg) no-repeat; }
#bg-entrees-mozzasticks { background: url(../img/entrees-mozzasticks.jpg) no-repeat; }
#bg-entrees-mexican-mix { background: url(../img/entrees-mexican-mix.png) no-repeat; }
#bg-entrees-salades { background: url(../img/entrees-salades.jpg) no-repeat; }
#bg-desserts { background: url(../img/desserts.jpg) no-repeat; }
h1.title-box {
width: 175px;
margin: 0 auto;
padding: 2px 2px;
background: #F19221;
font-size: 1.6em;
font-weight:bold;
text-align: center;
color: #FFF;
border-radius: 6px; /* no valid */
}
h1.red-kids { background: #eb252e; }
h1.green-freshup { background: #00903D; }
h1.title1 { margin: 0 auto 5px auto; font-size: 2.6em; color: #006cb0; text-transform: uppercase; }
h2.title2 { margin: 0 auto 15px auto; font-size: 1.6em; color: #000; text-transform: uppercase; }

p.no-marg { margin: 5px 0 0 0; }
p.marg { margin: 5px 14px 0 0; }

article.menus p { font-size: 1.3em; line-height: 0.9; }
article.menus p strong { font-size: 1.4em; }
article.entrees h2 { margin: 0; font-size: 1.2em; line-height: 1; color: #006cb0; }
article.entrees p { margin: 0; padding: 0; font-size: 1.3em; font-weight: bold; line-height: 1; color: #006cb0; }
article.salades h1 { margin: 0 auto 15px auto; font-size: 2.3em; color: #006cb0; }
article.salades h2 { margin: 0; font-size: 1.9em; line-height: 1; color: #006cb0; }
article.salades p { margin: 0 0 15px 0; padding: 0; font-size: 1.3em; line-height: 1; }
article.desserts h1 { margin: 0 auto; font-size: 2em; }
article.desserts h2 { margin: 0; font-size: 1.6em; line-height: 1.2; color: #000; }
article.pizzas { overflow: hidden; }
article.pizzas h1 { margin: 0 auto; padding: 0; font-size: 2em; text-transform: uppercase; }
article.pizzas h1 span { color: #000 !important;}
article.pizzas h2 { margin: 0 10px 0 0; padding: 0; font-size: 1.8em; }
article.pizzas h3 { margin: 5px 0 0 0; padding: 0; font-size: 1.4em; color: #006cb0; }
article.pizzas p { float:left; margin: 0; padding: 3px 0 0 0; font-size: 1.3em; line-height: 1.2; }
article.pizzas p.price-pizzas { float:right; margin: 0; padding: 3px 0 0 0; font-size: 0.9em; font-weight: bold; }
article.pizzas p.price-pizzas strong { font-size: 1.8em; }
article.pizzas p.asterix { font-size: 0.8em; text-align: center; }
article.pizzas img { margin-bottom: -3px;}

iframe { float: left; z-index: 1; padding: 15px; }

#fbk iframe { float: left; border:none; overflow:hidden; width:252px; height:250px; background: #FFF; margin-top: 90px; padding: 0 }
#fbk img { float: left; border:none; margin: 18px 0 0 0; }

aside { float: right; width: 278px; margin: 18px 17px 0 0; }
aside img { margin: 0 0 18px 0; }
aside article p { margin: 0 0 15px 0; font-size: 0.8em; text-align: center;}

/* FOOTER */
footer { background: #fff;  clear: both; }
#newsletter { float: left; background: url(../img/block-newsletter.png); width: 296px; height: 253px; }
#newsletter form { width: 208px; padding: 90px 0 0 38px; }
#newsletter form input.newsletter { width: 208px; margin: 0; }
#newsletter form input.suscribe { background: url(../img/button-suscribe.png) no-repeat; width: 115px; height: 50px; margin-top: 12px; border: 0; outline: none;
cursor: pointer; }
#carte { float: left; margin-left: 0px; }
#localisation { float: left; margin-left: 19px; }
#facebook { float: left; margin-left: 19px; }
/* adress & phone & payment */
section#adress-phone-payment {  float: left; background: url(../img/bg-phone-payment.png);  width: 926px; height: 146px; }
article#adress { float: left; width: 328px; padding: 15px 0 0 105px; }
article#adress h1 { margin: 3px 0 0 0; font-size: 1.2em; text-transform: uppercase; color: #FFF; }
article#payment { float: right; width: 350px; padding: 18px 100px 0 2px; }
article#payment p { margin: 0; font-size: 0.8em; line-height: 1.2em; color: #FFF; }
article#payment h1 { margin: 0; font-size: 1.6em; text-transform: uppercase; color: #eb222e; }
/* opentime & delivery */
section#opentime-delivery { background: url(../img/bg-opentime-delivery.png); width: 926px; height: 211px; }
article#opentime {
float: left;
width: 296px;
margin-left: 9.5px;
font-size: 1.1em;
font-weight: bold;
line-height: 1.2;
text-align: center;
color: #333;
}
article#opentime strong { font-size: 1.3em; color: #eb222e; }
article.delivery {
float: left;
width: 296px;
margin-left: 9.5px;
font-size: 1.1em;
font-weight: bold;
line-height: 1.2;
text-align: center;
color: #333;
}
article.delivery strong { font-size: 1.3em; color: #eb222e; }
/* footer navigation */
#footer-navigation-copright { font-weight: bold; font-size: 0.95em; }
ul#footer-navigation {
float:left;
width:626px;
margin: 8px 0 15px 0;
text-transform: uppercase; 
}
ul#footer-navigation li { 
display: inline; 
background: url(../img/footer-nav-div.png) right top no-repeat; 
padding: 0 8px 0 2px;  }
ul#footer-navigation li a { color: #eb222e; }
ul#footer-navigation li a span { color: #000; }
ul#footer-navigation li.no-footer-nav-div { background: none; }
article.copright { float:right; width:300px; }
article.copright p { margin: 8px 0 15px 0; color: #000; text-align: right; }

/* formulaire */
#formulaire { float: left; width: 320px; height: 230px; margin: 30px 0 0 30px; }
#formulaire form label {
float: left;
display: block;
width: 80px;
margin: 5px 10px 0 0; 
padding: 0;
font-weight: bold;
line-height: 1.3em;
text-transform: uppercase; 

color: #000000; 
}
#formulaire form input {
float: left;
display: block; 
width: 216px; 
height: 22px;
margin: 0 0 12px 0;
padding: 0;
background: #ffffff;  
border: 1px solid #CCCCCC;   
color: #000000;
outline: none;
}
#formulaire form textarea {
float: left;
width: 216px;
height: 83px;
margin: 0;
background:#ffffff;
border: 1px solid #CCCCCC;
color: #000000;       
}
#formulaire form input.button {
width: 90px;
margin: 10px 0 0 0;
padding: 1px 0 4px 0;
background: #006ab3;   
border: 1px solid #CCCCCC;  
font-weight: bold;
color: #ffffff;
outline: none;
cursor: pointer;
}