@charset "UTF-8";
/* CSS Document */


body{ background:url('img/bckg-body.jpg') repeat-x; background-color:#881519; margin:0;  }
.clear{ clear:both;}
.gauche{margin:0 5px 0 0; float:left }
.gauche-2{margin:0 15px 0 0; float:left }
#anim{ margin:100px 0 0 150px}
#contener_site{
width:900px; 
background-color:transparent;
position:absolute;
margin-left:-450px;
left:50%;
margin-top:0px;
}
#header{ background:url('img/header.png') top no-repeat; width:900px; height:151px; margin:0}
#left{float:left;}
#page{ width:450px; margin-left:10px; margin-top:20px; background:transparent;float:left; color:#FFFCE3;letter-spacing:0.04em;text-align:justify; font-weight:normal; }
#page-carte{ width:700px; margin-left:10px;margin-top:20px; background:transparent;float:left; color:#FFFCE3;letter-spacing:0.04em;text-align:justify;}
h1{ font-weight:normal; margin-bottom:10px}
#right{width:240px; height:500px;margin:20px 0px 0 20px; float:left; background-color:transparent;}


/*:::::::::::::::::LES PIZZAS:::::::::::::::::*/
#carte-right{ width: 335px; float: left; margin:0px; padding-right:10px; border-right:1px dotted #F8B334;}
#carte-left{ width: 335px; float: left; margin:0px;padding-left:10px; text-align:left; }
.title{text-transform:capitalize; letter-spacing:0,2em; color:#F8B334;}
.compo{color:white; font-size:13px; text-align:left}
.price{ float:right; color:#F8B334;font-size:15px; }
.price-discount{ float:right; background-color:#F8B334; color:#881519; padding:1px 1px 1px 10px;font-size:15px; }
.discount{font-size:11px; color:#F8B334; margin-left:30px; text-transform:uppercase;}
.creme{ background:url('img/puce-creme.png') left no-repeat; padding-left:15px;font-size:11px; color:white;}
#carte-right p, #carte-left p{ margin:10px 0 10px 0;}
#accueil{ width:450px; margin-top:20px;}
.nouveautes{ background-color:#701318; padding:2px; width:345px;}
.title-nouveautes{color:#E2001A;}

#douceur{ width: 335px; float: left; margin:0px; padding-right:10px; border-right:1px dotted #F8B334; margin-top:20px;}
#glace{ width: 335px; float: left; margin:0px; padding-left:10px; margin-top:20px;}

div.espace{height:900px; width:900px}
div.espace2{height:220px;width:100px }


/*:::::::::::::::::LES PLAQUES ET AUTRES:::::::::::::::::*/
#other{ width:720px; color:white; text-transform:uppercase; font-size:16px; letter-spacing:0,1em; line-height:30px; }
.reserve{ font-size:20px; color:#F8B334;}
.boisson{ font-size:10px; color:white;}

/*:::::::::::::::::NAV:::::::::::::::::*/

.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  width: 200px;

}
.navigation a, .navigation span {
  display: block;
  padding: 4px 10px;
   color:#FFFCE3;
  text-decoration: none;
  background:none;border-bottom: 1px solid #701318;
  text-transform:uppercase;
  font-size:12px;letter-spacing:1px;
}


.navigation a:hover{
	background: #701318;
}
.navigation .subMenu {
  font-size: .8em;
  background: #881519;
  font-size: .9em;
  margin: 0;
  padding: 0;
  
}
.navigation ul.subMenu a {
  background: none;
  padding: 3px 20px;
}

.navigation ul.subMenu a:hover, .navigation a:focus, .navigation a:active{color:#F8B334;}





/*:::::::::::::::::FOOTER:::::::::::::::::*/

#footer{ width:100%; height:200px; margin-top:15px; border-top:1px solid #FFFCE3;}
#block{ margin-left:200px; width:900px;  height:30px; padding-top:10px;margin:0; left:50%; width:100%}
#contain-footer{ float:left; margin-left:5px;width:200px; line-height:20px;  height:130px}
#contain-footer-2{ float:left; margin-left:5px;width:140px; line-height:20px;  height:130px}
#contain-footer-3{ float:left; margin-left:5px;width:192px; line-height:20px; height:130px}
#contain-footer a{ background:url('img/puce.jpg')left no-repeat; padding-left:9px; text-decoration:none; color:#FFFCE3; font:12px Arial, Helvetica, sans-serif}
#contain-footer-2 a{ background:url('img/puce.jpg')left no-repeat; padding-left:9px; text-decoration:none; color:#FFFCE3;font:12px Arial, Helvetica, sans-serif}
#contain-footer a:hover{ background:url('img/puce-hover.jpg') left no-repeat; padding-left:9px; text-decoration:none; color:#FFF;}
#contain-footer-2 a:hover{ background:url('img/puce-hover.jpg') left no-repeat; padding-left:9px; text-decoration:none; color:#FFF;}

h3{ text-transform:uppercase; color:#FFFCE3; letter-spacing:1px; margin-bottom:2px; font-weight:normal; font-size:14px}
.fb-like{ margin-top:10px;}

#map{margin-top:20px;}
.offres{text-transform:capitalize; letter-spacing:0,2em; color:#F8B334;float:right;}