/*
Auteur : Nicolas LORENZON - nlorenzon@artenet.fr
Site Web : http://www.artenet.fr
N'hésitez pas à me contacter pour toute question.
*/
/* 
    Created on : 30 mai 2014, 11:03:55
    Author     : Nicolas

    #A00 : rouge
    #008000 : vert
*/
body {
font-size:15px;
/*background-image:url(tail-header.gif);*/
background-color:#A00;
/*background-color: #FFF2C7;*/
/*background: #f4d8a4;  Old browsers 
background: -moz-linear-gradient(top, #a90329 0%, #f7b83f 0%, #f4d8a4 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(0%,#f7b83f), color-stop(100%,#f4d8a4));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top, #a90329 0%,#f7b83f 0%,#f4d8a4 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top, #a90329 0%,#f7b83f 0%,#f4d8a4 100%);  Opera 11.10+ 
background: -ms-linear-gradient(top, #a90329 0%,#f7b83f 0%,#f4d8a4 100%);  IE10+ 
background: linear-gradient(to bottom, #a90329 0%,#f7b83f 0%,#f4d8a4 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#f4d8a4',GradientType=0 );  IE6-9 */
}
h1 { 
/*line-height: 2.8;*/
font-family: 'Oswald', sans-serif;
color:#f7b83f;
font-weight: 700;
font-size:400%;
margin-top:4rem;
text-shadow: 1px 1px 0px #bad3ed;
}
.page {
max-width:1200px;
margin:auto;
background-image:url(tail-header2.png);
box-shadow: 0px 20px 150px -40px #000;
-moz-box-shadow: 0px 20px 150px -40px #000;
-webkit-box-shadow:  0px 20px 150px -40px #000;
margin-top:20px;
}
.contenu {
/*background-color:#FAFAFA;*/
background-image:url(fond-contenu.png);
background-position: top center;
background-repeat:no-repeat;
background-size: auto;
}
.telephone {
font-size:280%;
color:#008000;
text-align:center;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
}
/* carte des pizzas - page d'accueil */
@media screen and (min-width: 1200px) {
    .carteDesPizzas .col-md-6 {
        width: 48%;
        margin: 1rem;
    }
}
.nomPizza {
margin-top:2rem;
}
.titreCategorie {
margin-top:2rem;
background-color:#008000;
color:#FAFAFA;
text-align:right;
padding-right:1rem;
font-family: times, serif;
font-size: 150%;
}
.carteDesPizzas .pprix, .carteDesPizzas .pprixpetit {
color:#008000;
text-align : right;
}
.carteDesPizzas .gprix, .carteDesPizzas .gprixpetit {
color:#A00;  
text-align : right;
}
.carteDesPizzas .gprix, .carteDesPizzas .pprix {
font-weight:bold;
text-align : right;
font-size:120%;
}
.carteDesPizzas .nom {
color:#008000;
font-weight:bold;
font-size:110%;
}
.choix {
margin-top:2rem;
text-align:right;
font-style: italic;
color:#A00;
font-size:130%;
}
.choixpizzaiolo {
background-color:rgba(255,242,199,0.7); /*#FFF2C7;*/
/*box-shadow: inset rgba(255,255,255,1) 0px -10px 20px, inset rgba(255,255,255,1) -10px 0px 20px, inset rgba(255,255,255,1) 10px 0px 20px, inset rgba(255,255,255,1) 0px 10px 20px;*/
}
.fondclassique, .fondspecial, .fondgourmand, .fondcreme {
height:45px;
background-repeat: no-repeat;
background-size: 100%;
}
.fondclassique {
background-image:url(pizza-classiques.jpg);
}
.fondspecial {
background-image:url(pizza-speciales.jpg);
}
.fondcreme {
background-image:url(pizza-fond-creme.jpg);
}
.fondgourmand {
background-image:url(pizza-envies-gourmandes.jpg);
}
.header {
font-family: 'Dancing Script', cursive;
font-size:175%;
}
.header li {
list-style: none;
}
.navbar-brand img {
height: 46px;
margin-top: -15px;  
}
.navbar-brand {
background-image:url(logo-gusto.png);
width: 150px;
background-size: 100%;
background-repeat: no-repeat;
}
.fond-personnes {
background-image:url(pizza-gusto-personnes-travail.png);
position: fixed;
bottom: 0px;
right: 1%;
z-index: 2;
background-color:transparent;
width:410px;
height:200px;
}
.fond-besancon {
/*background-image:url(besancon.jpg);*/
background-size:100%;
background-repeat:no-repeat;
}
.logoheader {
width:100%;
}
.drapeau div {
height:4px; width:100%;
}
.drapeau .vert {
background-color:green;
}
.drapeau .blanc {
background-color:#FAFAFA;
}
.drapeau .rouge {
background-color:red;
}
.horaires {
color:#A00;
font-size:150%;
font-weight:bold;
}
.horaires-xs {
    font-size:110%;
    font-weight:bold;
    color:#A00;
}
.telephone-xs {
    font-size:130%;
    font-weight:bold;
    color:#008000;
}
.espace-bas {margin-top:4rem; border-top : 10px solid #008000;border-bottom : 10px solid #890000;}
.espace-bas div, .espace-bas {padding-left:4rem;}
/* artciles en géénral */
.article {max-width:800px; margin:auto;font-size:110%;}
/* formules déjeuner */
.formules {}
.une-formule {
background-color: rgba(255,242,199,0.7); /*#FFF2C7;*/
/*box-shadow: inset rgba(255,255,255,1) 0px -10px 20px, inset rgba(255,255,255,1) -10px 0px 20px, inset rgba(255,255,255,1) 10px 0px 20px, inset rgba(255,255,255,1) 0px 10px 20px;*/
padding:5rem;
font-size:120%;
margin-bottom:30px;
}
.formule-item, .formule-item a {
    color : #008000;
    font-size:120%;
}
.formule-prix {
    border-top:2px solid #890000;
    width:auto;
}
.formule-prix-prix {
    background-color : #890000;
    color:#FAFAFA;
    padding:0.5rem 1rem 0.5rem 1rem;
}
.formule-plus {
    margin-left:5rem;
    font-size:120%;
    font-weight:bold;
}
.valeurs {
    font-style:italic;
    font-size:250%;
    color:#A00;
    text-align:center;
    font-family: 'IM Fell Great Primer', serif;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 450px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 450px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 450px;
}
.haut-container {
    margin:auto;
    padding:0;
}
@media (min-width: 768px){
.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
}
}  

@media (max-width: 1100px){
    .fond-personnes {
        display:none;
    }
}

@media (max-width: 768px){
    .carousel {
        display:none;
    }
    .fond-personnes {
        display:none;
    }
    .fond-besancon {
        display:none;
    }
    .contenu {
        background-image:none;
    }
    .pprix, .gprix, .carteDesPizzas .gprix, .carteDesPizzas .pprix  {
        font-size:80%;
    }
    .carteDesPizzas .pprixpetit, .carteDesPizzas .gprixpetit {
        font-size:60%;
    }
}
.img32 {width:37px;}
.img64 {width:64px;}
.header-promo {font-family: 'IM Fell Great Primer', serif;font-size:180%; color:red;}
.contenu-promo {font-size:160%;color:#008000;}
.liste-group-accueil {font-size:140%;}
.list-group-item .normal {font-size:80%; font-style: italic; color:#777;}
.image-menu img {max-width:100%;}
.centpourcent img {width:100%;}
.carousel a { color : #FFF; }
.marge-menu-10 {margin-top:20px;}
.pizzas-sans-porc {
    max-width:530px;
    margin:auto;
    padding-left: 15px;
    padding-right: 15px;
    border-left: solid 3px red;
    border-right: solid 3px red;
    border-bottom: solid 3px red;
    background-color:#FFF;
    padding-bottom:30px;
}
.pizzas-sans-porc-entete {
    background-image:url(fond-sans-porc-entete.png);
    max-width:530px;
    margin:auto;
    height:357px;
}
.imageMax {
    width:100%;
}
.couleurHalal {
    color:#A00; 
    font-weight: 600;
}
.textemidi { font-family: "Dancing Script",cursive; }
.midi {font-family:arial; font-size:80%;}

.list-group-item {
    padding: 5px 15px;
    font-size:90%;
}
/* pour le menu pasta */
.pates {
    max-width:800px;
    margin:auto;
}
.imgpates {
    height:60px;
}
.nompate {
    color:#A00;
    font-size:130%;
    font-weight: bold;
}
.saucespates {
    color:#A00;
    font-size:160%;
    font-weight: bold;
    margin:20px;
}
.titrepates {
    background-color : #008000;
    color : white;
    font-size: 130%;
    font-weight: bold;
}
.nomsauce {
    color : #008000;
    font-size: 180%;
    font-weight: bold;
}
.margepates {
    margin-top : 50px;
}
.formulespates {
    font-size:300%;
    text-align:center;
}
/* page ciabatta */
.ciabatta {
    max-width:800px;
    margin:auto;
}
.recetteciabatta {
    color:#A00;
    font-size:300%;
    font-weight:bold;
}
.demanderciabatta {
    color:#008000;
    font-size:300%;
    font-weight:bold;
}
.message-europe {
    font-family: "Dancing Script",cursive;
    color : #008000;
    font-size:25px;
}