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

.no-webp body{
background:url(../../images/www.snackchezfrancine.fr/salle-restaurant.jpg) no-repeat 50% 0; 
background-size:100%;
}
.webp body{
background:url(../../images/www.snackchezfrancine.fr/salle-restaurant.webp) no-repeat 50% 0; 
background-size:100%;
}
header{
background-color:#708786;
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
height:70px;
border-bottom: 1px solid #ffc600;
}
div.menu {
top:0;
}
div.logo {
position:absolute;
top:0;
left:calc(50% - 100px);    
}
img.logo {
  position:absolute;
  top:0;
  margin-left: auto;
  margin-right: auto;
  height: 60px; /* largeur obligatoire pour être centré */
  width: auto;
}
div.telephone {
color:#ffc600;   
}
a.ic_head_cde{
border:1px solid #ffc600; 
}
#arbre{
top:70px;
}
#arbre li a,  .lienparmail, .lienparmail *{
color:#ffc600;
}
.numero_emporter{
background-color:#ffc600;
}
.lienparmail a{
border-bottom:1px dotted #ffc600;	
}
.valeur_adw_ja:after{
	border:15px solid #ffc600;	
}



.C1{border: 5px solid #ffc600;	  }
.C2{border: 5px solid #bea33c;	  }
.C3{border: 5px solid #a5861b;	}
.C4{border: 5px solid #feda50;	  }
.C5{border: 5px solid #feeca1;	  }

.control input:checked ~ .control_indicator {
background: #ffc600;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #ffc600;
}
a.legcde{
color:#a5861b;	
}
.reserver, .disponibilite {
	-moz-box-shadow: 0px 1px 0px 0px #feeca1;
	-webkit-box-shadow: 0px 1px 0px 0px #feeca1;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc600), color-stop(1, #bea33c));
	background:-moz-linear-gradient(top, #ffc600 5%, #bea33c 100%);
	background:-webkit-linear-gradient(top, #ffc600 5%, #bea33c 100%);
	background:-o-linear-gradient(top, #ffc600 5%, #bea33c 100%);
	background:-ms-linear-gradient(top, #ffc600 5%, #bea33c 100%);
	background:linear-gradient(to bottom, #ffc600 5%, #bea33c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc600', endColorstr='#bea33c',GradientType=0);
	background-color:#ffc600;
	text-shadow:0px 1px 0px #ffc600;
    border:1px solid #a5861b;
}
.reserver:hover, .disponibilite:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bea33c), color-stop(1, #ffc600));
	background:-moz-linear-gradient(top, #bea33c 5%, #ffc600 100%);
	background:-webkit-linear-gradient(top, #bea33c 5%, #ffc600 100%);
	background:-o-linear-gradient(top, #bea33c 5%, #ffc600 100%);
	background:-ms-linear-gradient(top, #bea33c 5%, #ffc600 100%);
	background:linear-gradient(to bottom, #bea33c 5%, #ffc600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bea33c', endColorstr='#ffc600',GradientType=0);
	background-color:#bea33c;
}
.custom-select, .inpt_number {
border:1px solid #bea33c;
}
.select-selected:after {
 border-color: #bea33c transparent transparent transparent;
}
.select-selected, .select-arrow-active:after {
  border-color: transparent transparent #bea33c transparent;
}
.select-items div, .select-selected, .inpt_number {
color:#bea33c;
}
.select-items {
background-color: #feeca1}
.btn_ajouter, #btn_param, .btn_sbtpanier, .btn_param_retour, .btn_ajouter_param {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #feeca1), color-stop(1, #ffc600));
	background:-moz-linear-gradient(top, #feeca1 5%, #ffc600 100%);
	background:-webkit-linear-gradient(top, #feeca1 5%, #ffc600 100%);
	background:-o-linear-gradient(top, #feeca1 5%, #ffc600 100%);
	background:-ms-linear-gradient(top, #feeca1 5%, #ffc600 100%);
	background:linear-gradient(to bottom, #feeca1 5%, #ffc600 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feeca1', endColorstr='#ffc600',GradientType=0);
	background-color:#feeca1;
	border:1px solid #a5861b;
	color:#a5861b;
	text-shadow:0px -1px 0px #feeca1;
}
.btn_ajouter:hover, .btn_sbtpanier:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc600), color-stop(1, #feeca1));
	background:-moz-linear-gradient(top, #ffc600 5%, #feeca1 100%);
	background:-webkit-linear-gradient(top, #ffc600 5%, #feeca1 100%);
	background:-o-linear-gradient(top, #ffc600 5%, #feeca1 100%);
	background:-ms-linear-gradient(top, #ffc600 5%, #feeca1 100%);
	background:linear-gradient(to bottom, #ffc600 5%, #feeca1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc600', endColorstr='#feeca1',GradientType=0);
	background-color:#ffc600;
}
.control input:checked ~ .control_indicator {
    background: #ffc600;
}
.control input:checked ~ .control__indicator {
  background: #ffc600;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #a5861b;
}
#param_textarea{
border:1px solid #bea33c;
color: #bea33c;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #bea33c transparent transparent transparent;
  z-index: 99;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #bea33c transparent;
  top: 7px;
  
}

.produit_param_it{
border: 1px solid #ffc600;
position: absolute;
bottom:0px;
width:30px;
height:30px;
background-image:url('../images/icons/ingredients.php');
background-size:90px 90px;
background-position:-30px -30px;
}


@media screen and (min-width: 1600px) {
.no-webp body, .webp body{
width:1600px;
margin:auto;
background:url(../../images/www.snackchezfrancine.fr/salle-restaurant.jpg) no-repeat calc(50vw - 807px) 0;	
background-size:1600px;
}
div.telephone{
margin-top:0;
}
}
@media screen and (max-width: 850px) {
 header{
height:60px;

 }
 #arbre{
top:60px;
}
img.logo {
  height: 50px; /* largeur obligatoire pour être centré */
margin-top:5px;
}
}