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

.no-webp body{
background:url(../../images/maquette.clickclac.fr/salle-restaurant.jpg) no-repeat 50% 0; 
background-size:100%;
}
.webp body{
background:url(../../images/maquette.clickclac.fr/salle-restaurant.webp) no-repeat 50% 0; 
background-size:100%;
}
header{
background-color:;
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
height:70px;
border-bottom: 1px solid #697d08;
}
.cRetour:hover{
  background:#697d08;
  transition:all ease-in 0.2s;
}

.nl_img{
border:1px solid #53931F;	
}
.nl_date{
color: #53931F;	
}

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;
 
}
div.telephone {
color:#697d08;   
}
a.ic_head_cde{
border:1px solid #697d08; 
}
#arbre{
top:70px;
}
#arbre li a,  .lienparmail, .lienparmail *{
color:#697d08;
}
#arbre li a:hover {
color:#F4CA2D;	
border-bottom:dotted #F4CA2D 1px;
}
#arbre li{
border-bottom:#F4CA2D 1px solid;	
}
.numero_emporter{
background-color:#697d08;
}
.lienparmail a{
border-bottom:1px dotted #697d08;	
}
.valeur_adw_ja:after{
	border:15px solid #697d08;	
}
.C1{border: 5px solid #697d08;	  }
.C2{border: 5px solid #70AF3C;	  }
.C3{border: 5px solid #53931F;	}
.C4{border: 5px solid #f4CA2D;	  }
.C5{border: 5px solid #CE8501;	  }
.B1{background:url(../images/services/climatisation.php) no-repeat center;} 
.B2{background:url(../images/services/black-and-white-credit-cards.php) no-repeat center;	}
.B3{background:url(../images/services/logotr.php) no-repeat center;	}
.B4{background:url(../images/services/cheque-vacances.php) no-repeat center;	}
.B5{background:url(../images/icons/maquette.clickclac.fr/cdv.png) no-repeat center; background-size: contain;	}
.B6{background:url(../images/services/accessibilite.php) no-repeat center;	}
.B7{background:url(../images/services/Wifi_logo.php) no-repeat center;	}
.B8{background:url(../images/services/parking.php) no-repeat center;	}	
.B9{background:url(../images/services/tv.php) no-repeat center;	}
.B10{background:url(../images/services/group.php) no-repeat center;}
.B11{background:url(../images/services/tablet.php) no-repeat center;	}
.B12{background:url(../images/services/epicerie.php) no-repeat center;	}
.B13{background:url(../images/services/terrace.php) no-repeat center;	}	
.B14{background:url(../images/services/chaise-haute.php) no-repeat center;	}



.control input:checked ~ .control_indicator {
background: #697d08;
}
.reserver {
	-moz-box-shadow: 0px 1px 0px 0px #CE8501;
	-webkit-box-shadow: 0px 1px 0px 0px #CE8501;
	box-shadow: 0px 1px 0px 0px ;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #697d08), color-stop(1, #70AF3C));
	background:-moz-linear-gradient(top, #697d08 5%, #70AF3C 100%);
	background:-webkit-linear-gradient(top, #697d08 5%, #70AF3C 100%);
	background:-o-linear-gradient(top, #697d08 5%, #70AF3C 100%);
	background:-ms-linear-gradient(top, #697d08 5%, #70AF3C 100%);
	background:linear-gradient(to bottom, #697d08 5%, #70AF3C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#697d08', endColorstr='#70AF3C',GradientType=0);
	background-color:#697d08;
	text-shadow:0px 1px 0px #697d08;
    border:1px solid #53931F;
}
.reserver:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #70AF3C), color-stop(1, #697d08));
	background:-moz-linear-gradient(top, #70AF3C 5%, #697d08 100%);
	background:-webkit-linear-gradient(top, #70AF3C 5%, #697d08 100%);
	background:-o-linear-gradient(top, #70AF3C 5%, #697d08 100%);
	background:-ms-linear-gradient(top, #70AF3C 5%, #697d08 100%);
	background:linear-gradient(to bottom, #70AF3C 5%, #697d08 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70AF3C', endColorstr='#697d08',GradientType=0);
	background-color:#70AF3C;
}





@media screen and (min-width: 1600px) {
.no-webp body, .webp body{
width:1600px;
margin:auto;
background:url(../../images/maquette.clickclac.fr/salle-restaurant.jpg) no-repeat center 0;	
background-size:1600px;
}
div.telephone{
margin-top:0;
}
}
@media screen and (max-width: 850px) {
 header{
height:60px;
 }
 #arbre{
top:60px;
}
}

@media screen and (max-width: 640px){
.B1, .B2, .B3, .B4, .B4, .B6, .B7, .B8, .B9, .B10, .B11, .B12, .B13, .B14, .B15{background-size:60px;} 
}