/***** Entete PC *****/
#EntetePC {  
background-color: rgba(0, 0, 0, 0.5); 
}
li a {
  color: #fff; 
}
/* Affichage presentation */
.presentationBody {  }

/*** Images slider css ***/
img {
 vertical-align: middle; 
}
.slideshow-container {
 width: 100vw; max-width: 100vw; margin: 0; padding: 0; border: none; background-color: #000;
}	
.mySlides img { 
	 width: 100vw; max-width: 100vw; min-height: 100vh; max-height: 100vh; object-fit: cover; /* cover - The image keeps its aspect ratio and fills the given dimension. The image will be clipped to fit */
}
/* Next & previous buttons */
.prev, .next {
	position: absolute; top: 50%; transform: translateY(-50%); 	border:none;
	font-size: 30px; color: #fff; background-color: rgba(0, 0, 0, 0.3);
	text-decoration: none; cursor: pointer;
	padding: 10px 15px; border-radius: 50%; 	outline: none;
	transition: all ease-in-out 0.5s; opacity: 0;  
}
/* Position the "next button" to the right */
.prev {
	float: left; margin-left: 5vw; 
}
.next {
float: right; margin-left: 90vw;
}
/* On hover, opacity:1 */
.slideshow-container:hover .prev, .slideshow-container:hover .next{
	opacity:1
}	
/* The dots/bullets/indicators */
.lesdot {
	position: absolute; top: 90%; width: 100vw; text-align:center;
}
.dot {
	cursor: pointer; 	height: 20px; width: 20px; margin: 0 5px; border: 1px solid white; background-color: rgba(0, 0, 0, 0.3);	
	border-radius: 50%; display: inline-block; 	transition: all ease-in-out 0.5s;
}
.dot:hover {
 background-color: #e6a800;
}
.active {
 background-color: #e6a800;
}

/******* presentation *******/
.bareAvantInformation {
	height: 75px; background-color: rgba(0, 0, 0, 0.7);
}
.avis_clientele0 {	
margin: 5vh 5vw; padding: 3vh 3vw; border: 1px solid #d6dcdc;
font-size: 16px;	 background-color: #f9f9f9;
 
}
#avis_clientele1 {
	
}
#avis_clientele2 {
	display: none; 
}
.presentation0 {
}
#presentation1, #presentation2 {
margin: 5vh 5vw; padding: 3vh 3vw; border: 1px solid #d6dcdc;
font-size: 18px; line-height: 1.7em; font-weight: 400; background: #f9f9f9; 
}
#presentation2 {
	display: none;
}
.plusMoins {	
	font-size: 12px; cursor: pointer;
	color: #e6a800; font-weight: 600; 
}
/******* informationContact *******/
.informationContact {
	display: flex; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between;
 margin: 5vh 5vw; padding: 3vh 3vw; 	border: 1px solid #d6dcdc; background: #f9f9f9; 
}
.informationContact > .contact {
	 padding: 0; 
}
.informationContact > .horairesOuvertures {
 padding: 0; 
}

.nomRestaurant {
color: #232929; font-weight: 600; 
}
.adresse {
 
}

/*******  Affichage horaires *******/
.semaine {
	display: flex; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; border: none; 
	}
	.semaine > .nom_jour {
	width: 100px;	color: #232929; font-weight: 600;   padding: 0 0 1vw 0;  
}
	.semaine > .horaires {
	width: 300px;	padding: 0; padding: 0 0 10px 0;  
}
.horaires {display: inline-block;}

/*******  google *******/	
.google {
	margin: 5vh 5vw; padding: 3vh 3vw; border: 1px solid #d6dcdc; 
}

iframe {
 width: 100%; 
}

/******* Contactez-nous *******/
#contactezNous {	
font-weight: 700;  color: white; cursor: pointer;  
background-color: #e6a800; padding: 10px 22px; border: none; border-radius: 4px;
}
#my_form {
	display: none; position: relative; width: 70vw; margin: auto; background-color: #3c434a; z-index: 2;
}
.close {
	width: 100%; text-align: right; color: #fff; font-size: 18px; padding: 1% 0 0% 0; 
}
.x { 
 margin-top: 1vh; margin-right: 2vw; padding: 0 1%; background-color:#e6a800; cursor:pointer; 
	border-radius: 2px;
}
.row { padding: 0;margin: 0;}
label {

}
input[type=email], textarea {
width: 98%; margin: 0 1% 0 1%; 
padding: 12px;font-size: 16px;
border: 1px solid #d6dcdc;
border-radius: 5px;
resize: vertical;  background-color: #f9f9f9;
}
textarea:focus, input:focus {
 outline: none;  border: 1px solid #d6dcdc;
}
input[type=submit] {
padding: 1.5% 4.5%; margin-top: 3%; background-color: #e6a800; border: hidden; cursor: pointer; color: #fff; font-weight: 600; border-radius: 5px; 
}
.col-25 {
width: 98%;padding-left: 1vw;
margin-top: 1%;color: white;font-size: 16px;
}
.col-75 {
width: 98%;padding-left: 1vw;
margin-top: 1%;color: white;
}
.envoyer{
text-align: center;
}
#status {
color: white;padding: 2%; font-size: 18px; color: #000;
}
#success {
padding: 2%; padding: 2% 1% 2% 1%; font-size: 18px; color: #000;
}
h2 {

}
.error {
color: red; font-size: 20px;; 
}

/*************************************************
*********** CSS responsive telephone *************
**************************************************/
@media screen and (min-width: 800px) and (max-width: 1000px) {

}

/*************************************************
*********** CSS responsive telephone *************
**************************************************/
@media only screen and (max-width: 800px) {
.presentationBody { margin-top: 75px;  }
/*** Images slider css ***/
.slideshow-container {
  margin: 0; padding: 0; border: none;
}	
.mySlides img { 
min-width: 100vw; max-width: 100vw; min-height: 60vh; max-height: 60vh; object-fit: cover; 
}
/* Next & previous buttons */
.prev, .next {	display: none;}

/* The dots/bullets/indicators */
.lesdot {
	top: 65vh;
}
.dot {
 	 height: 15px; width: 15px; margin: 0 5px;
}
.dot:hover {
 background-color: #e6a800;
}
.active {
 background-color: #e6a800;
}
.bareAvantInformation {
display: none;
}
/* information de contact */
.avis_clientele0 {
width: 94vw; margin: 5vh 3vw;	padding: 2vh 2vw; border: none; color: #26292a; font-size: 16px;
background: #f9f9f9; border: 1px solid #d6dcdc; 
 }
#avis_clientele1 {line-height: 1.2;}
#avis_clientele2 { line-height: 1.3;}
.plusMoins {}
#presentation1, #presentation2 {
 width: 90vw; margin: 5vh 5vw;	padding: 0; border: none; color: #26292a; font-size: 18px; font-weight: 400; background: #fff;  
}
.informationContact {	display: block; width: 90vw; margin: 0vh 5vw;	padding: 0;  border: none; box-shadow: none; background: #fff;  }
.informationContact > .contact {
	width: 90vw; padding: 5vh 0 5vh 0; border: none; border-radius: 0px; border-top: 1px solid #d6dcdc; 
}
.informationContact > .horairesOuvertures {
	width: 90vw; padding: 5vh 0; border: none; 
 border-top: 1px solid #d6dcdc; 
}
.contact { padding-left: 2%; }
.nomRestaurant {	 font-size: 18px;  }
.adresse { font-size: 18px; font-weight: 400;   }
#contactezNous {margin-top: 1vh; margin-top: 2vh; font-size: 15px; }
#my_form {width: 99%;}
.x {}
/* Affichage horaires */
.semaine {
	display: flex; flex-wrap: wrap; align-content: flex-start; 
 width: 90vw; border: none; margin-bottom: 5px;
	}
	.semaine > .nom_jour {
	width: 90vw;	padding: 0;  font-size: 18px;
}
	.semaine > .horaires {
	width: 90vw;	padding: 0; font-size: 17px; font-weight: 400;  
}
.horaires {display: block;}

#my_form {}
input[type=email], textarea {
background-color: #fff; 
}


.google {width: 100%; margin: 0; padding: 0; }
iframe { width: 100%; margin: 0; padding: 0; }
}