@import url('https://fonts.googleapis.com/css2?family=Spicy+Rice&display=swap');
.entete{   
  height: 80px;
  background: #FA8072;
  opacity: 0.7;
  font-size: 2em!important;

}

/*fin style global.php*/

/*debut style header.php*/

font-family:'BD cartoon Shout';

.navbar-brand{
	font-size: 23px!important;
	
}
nav{
	display: flex;
	justify-content: space-between;
   align-items : center;
	width: 100%;
	background: #FA8072;
	font-size: 28px;
}

nav ul{
	display: inline-block;
	list-style-type: none;   
}

nav li a{
	margin-left: 15px;
}

nav li{
	display: inline-block;
	list-style: none;
	margin-left: 15px;
	text-decoration: none;
}
nav a{
	font-family: 'Montserrat';
	color: white;
	padding-bottom: 3px;
	text-decoration: none;	
}
nav a:hover{
	text-decoration: none;
	background: lightcoral;
  border: 1px  solid  lightcoral;
	width: auto;
}
.img_logo{
	width: 50px;
	height: 70px;
}
/*.logo{
	font-family: 'BD Cartoon Shout';	

}*/
.logo{
	font-family: 'Spicy Rice', cursive;
}
/*fin style header.php*/ 

/*debut style footer.php*/ 
.section1_footer{
	background: rgb(30,2,4); 
	height: auto;
	font-style: bold;
}
.form_footer{
	display: inline-block;
	margin-left: 100px;

}
.intitule_footer{
	display: inline-block;
	color: #FA8072;
}
.champ_footer{
	background: black;
	font-family: 'FontAwesome';	
}

.champ_footer::placeholder{
  color: #FA8072;
}

.text_footer{
  color: #FA8072;
  font-size: 1.2em !important;
     
}

.souscrire{	
	background: #FA8072;	
}
.section2_footer{
	padding: 15px 0px 15px 0px;
	background: #FA8072;
  font-size: 1.2em!important;
}
.text2_footer{
    
  font-size: 1.2em!important;
}
.logo_footer{

}
@media screen and (min-width:767.98px){

.texte2_accueil{
	font-family: 'Spicy Rice', cursive;

  color:   #FA8072;
  position: absolute;
	top: 30%;
	left: 5%;
	font-size: 3.5em!important;
	text-shadow: gray 0.3em 0.3em 0.3em;
  }
  p{
  	font-size: 1.2em;
  }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .texte2_accueil{
 font-family: 'Spicy Rice', cursive;

  color:   #FA8072;
  position: absolute;
  top: 30%;
  left: 5%;
  font-size: 3.5em!important;
  text-shadow: gray 0.3em 0.3em 0.3em;
  }
  p{
    font-size: 1.2em;
  }

}
@media screen and (max-width:767.98px){

 .text_footer{
  color: #FA8072;
  font-size: 1em !important;
     
 }
 p{
 	font-size: 1em;
 }
.entete{   
  height: 80px;
  background: #FA8072;
  opacity: 0.7;
  font-size: 1.5em!important;

}
	.section2_footer{
	
	background: #FA8072;
  font-size: 1.1em!important;
  }
 .text2_footer{ 
  font-size: 1.1em!important;
  }
  header{
  	font-size: 1.4em!important
  }
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .text_footer{
  color: #FA8072;
  font-size: 1em !important;
     
 }
 p{
  font-size: 1em;
 }
.entete{   
  height: 80px;
  background: #FA8072;
  opacity: 0.7;
  font-size: 1.5em!important;

}
  .section2_footer{
  
  background: #FA8072;
  font-size: 1.1em!important;
  }
 .text2_footer{ 
  font-size: 1.1em!important;
  }
  header{
    font-size: 1.4em!important
  }
}
/*fin style footer.php*/ 


/*debut style index.php*/
#index{
	overflow-x: hidden;
	background: black;
  margin: 0;

}
.texte1_index{
	position: absolute;
	padding: 10px 8px;
	top: 30%;
	right: 15%;
	font-size: 50px!important;
	background: rgb(223,98,103,0.15); 
}

.section1_index{
  width: 100%!important;
	height: 500px!important;
	font-family: 'Spicy Rice', cursive;
}
.section_photo{
	width: 100%!important;
	height: 700px!important;
}
.container0_ind{
  width: 100%!important;
	height: 500px!important;	
	position:  relative;
}
.container_photo{
	width: 100%!important;
	height: 700px!important;
}
.photo{
  height: 700px;
}
	
}


 *{
  box-sizing: border-box; 
}

.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}
/* Modal Content */
.modal-content {
  position: relative;
  background-color:black;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px!important;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}
.close: hover,
.close: focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/*bouttons Next et previous*/
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position le "next button" à droite */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* au  survol ajoutez une couleur noire avec un peu de transparence */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: black;
  font-size: 23px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/*bouttons Next and previous */
.prev,.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 30px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" à droite */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/*au survol ajoutez une couleur noire avec un peu de transparence */

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
@media screen and (max-width:767.98px){
	body{
		margin: 0;
		overflow-x: hidden;
		font-size: 1.1em;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
 body{
    margin: 0;
    overflow-x: hidden;
    font-size: 1.1em;
  }
}


/*fin style index.php*/ 

/*debut style accueil.php*/

.section1{
	font-family: 'Spicy Rice', cursive;

	width: 100%;
	
}
.img{
	max-height: 500px;
}
/*.container0_acc{
	position:  relative;	
}*/
.texte1_accueil{
	font-family: 'Spicy Rice', cursive;

	position: absolute;
	top: 40%;
	left: 15%;
	font-size: 3em!important;
	text-shadow: gray 0.3em 0.3em 0.3em;
  color: white;
}
.img_logo_acc{
	width: 1em;
	height: 2.6em;
}
.section2{
	background: black;
	width: 100%!important;
	height: auto!important;
}
.titre{
	background: rgb(223,98,103,0.2);
	width: 100%;
	height: 65px;
	color: #FA8072;
	font-size: 2em;
}
.container{
	max-width: 1300px!important;
	height: auto!important;
}
.card-img-top{
 height: 250px;
  background: black!important;
	color:  #FA8072;
}
.card{
	width: 470px!important;
	background: black!important;
	margin: auto!important;
	color:  #FA8072;
}
.card:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
.lien_present_carte{
	color: #FA8072;
	font-size: 23px!important;
}
.lien_present_carte:hover{
	color: red;
	text-decoration: none;
}
.section3{
	width: 100%;
}
.container_banniere{
  position:  relative;
}
.img_ban{
	max-height: 300px;
}
.text_banniere{
	position :absolute;
	top: 40%;
	left: 25%;
	font-family: 'Montserrat';
	font-size: 1.8em;

}
.section4{
	width: 100%;
	height: auto!important;
	background: black;
}
.btn_decouvrir{
	background: #FA8072;
}
.btn_decouvrir:hover{
	background: red;
	text-decoration: none;
}
.menu_section4{
	height: 85px!important;
	background: rgb(223,98,103,0.2);
	color: #FA8072;
}
.text-menu-nouveaute{
	font-size: 2.8em;
}
.fleche_retour{
	width: 60px!important;
	height: 60px!important;
	text-align: right;
	background: black;

}
.fleche{
	display: flex;
	justify-content: flex-end;
	background: black;
}

@media screen and (max-width:767.98px){
	body{
		margin: 0;
		overflow-x: hidden;
		font-size: 1.1em;
	}

  .texte1_accueil{
	position: absolute;
	top: 40%;
	left: 15%;
	font-size: 1.4em!important;
	text-shadow: gray 0.3em 0.3em 0.3em;
 }
 .text_banniere{
	position :absolute;
	top: 40%;
	left: 15%;
	font-family: 'Montserrat';
	font-size: 1.3em;
	color :white!important;

 }
 .titre{
	background: rgb(223,98,103,0.2);
	width: 100%;
	height: 65px;
	color: #FA8072;
	font-size: 1.4em;
}
	.text-menu-nouveaute{
	font-size: 2em;
 }
 .img_logo_acc{
	width: 1em;
	height: 2.5em;
 }
 .texte2_accueil{
 	font-family: 'Spicy Rice', cursive;

  color:  #FA8072;
  position: absolute;
	top: 30%;
	left: 5%;
	font-size: 1.4em!important;
	text-shadow: gray 0.3em 0.3em 0.3em;
 }
  .card{
	width: 280px!important;
	background: black!important;
	margin: auto!important;
	color:  #FA8072;
}
.card:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
.fleche_retour{
	width: 40px!important;
	height: 40px!important;
	text-align: right;
	background: black;

}
.fleche{
	display: flex;
	justify-content: flex-end;
	background: black;
}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  body{
    margin: 0;
    overflow-x: hidden;
    font-size: 1.1em;
  }

  .texte1_accueil{
  position: absolute;
  top: 40%;
  left: 15%;
  font-size: 1.4em!important;
  text-shadow: gray 0.3em 0.3em 0.3em;
 }
 .text_banniere{
  position :absolute;
  top: 40%;
  left: 5%;
  font-family: 'Montserrat';
  font-size: 1.3em;
  color :white!important;

 }
 .titre{
  background: rgb(223,98,103,0.2);
  width: 100%;
  height: 65px;
  color: #FA8072;
  font-size: 1.4em;
}
  .text-menu-nouveaute{
  font-size: 2em;
 }
 .img_logo_acc{
  width: 1em;
  height: 2.5em;
 }
 .texte2_accueil{
  font-family: 'Spicy Rice', cursive;
  color:  #FA8072;
  position: absolute;
  top: 30%;
  left: 5%;
  font-size: 1.4em!important;
  text-shadow: gray 0.3em 0.3em 0.3em;
 }
  .card{
  width: 280px!important;
  background: black!important;
  margin: auto!important;
  color:  #FA8072;
}
.card:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
.fleche_retour{
  width: 40px!important;
  height: 40px!important;
  text-align: right;
  background: black;

}
.fleche{
  display: flex;
  justify-content: flex-end;
  background: black;
}

}

/*fin style accueil.php*/

/*debut style carte.php*/
#pagecarte .section1{
	font-family: 'Spicy Rice', cursive;
	height: 450px!important;
}
#pagecarte{
	background: black;
}
#pagecarte .img{
	height: 450px;
}

.texte1_carte{
	position: absolute;
	top: 40%;
	left: 30%;
	font-size: 60px!important;
	color: #FA8072;          
}
#pagecarte .section3{
	background: black!important;
}

@media screen and (max-width:767.98px){
	body{
		margin: 0;
		overflow-x: hidden;
		font-size: 1.1em;
	}
  .p_text{
	color: #FA8072;
	font-size: 1.5em;
	text-decoration: underline #FA8072;
}

 p{
	font-size: 1.1em;
 }
 .card{
	width: 280px!important;
	margin: auto!important;
	background: black!important;
	color:  #FA8072;
}

  .card:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
  }
  .fleche_retour{
	width: 40px!important;
	height: 40px!important;
	text-align: right;
	background: black;
  }
 .fleche{
	display: flex;
	justify-content: flex-end;
	background: black;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  body{
    margin: 0;
    overflow-x: hidden;
    font-size: 1.1em;
  }
  .p_text{
  color: #FA8072;
  font-size: 1.5em;
  text-decoration: underline #FA8072;
}

 p{
  font-size: 1.1em;
 }
 .card{
  width: 280px!important;
  margin: auto!important;
  background: black!important;
  color:  #FA8072;
}

  .card:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
  }
  .fleche_retour{
  width: 40px!important;
  height: 40px!important;
  text-align: right;
  background: black;
  }
 .fleche{
  display: flex;
  justify-content: flex-end;
  background: black;
  }
}


/*fin style carte.php*/

/*debut style menu.php*/
body{
		margin: 0;
		overflow-x: hidden;
		font-size: 1.1em;
	}

.p_text{
	color: #FA8072;
	font-size: 2.3em;
	text-decoration: underline #FA8072;
}
 .card{
	width: 470px!important;
	margin: auto!important;
	background: black!important;
	color:  #FA8072;
}
.card:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
}
@media screen and (max-width:767.98px){
 .p_text{
	color: #FA8072;
	font-size: 1.5em;
	text-decoration: underline #FA8072;
}
 p{
	font-size: 1.1em;
 }
 .card{
	width: 280px!important;
	margin: auto!important;
	background: black!important;
	color:  #FA8072;
  }
.card:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
  }
  .fleche_retour{
	width: 40px!important;
	height: 40px!important;
	text-align: right;
	background: black;
  }
  .fleche{
	display: flex;
	justify-content: flex-end;
	background: black;
  }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .p_text{
  color: #FA8072;
  font-size: 1.5em;
  text-decoration: underline #FA8072;
}
 p{
  font-size: 1.1em;
 }
 .card{
  width: 280px!important;
  margin: auto!important;
  background: black!important;
  color:  #FA8072;
  }
.card:hover{
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1);
  }
  .fleche_retour{
  width: 40px!important;
  height: 40px!important;
  text-align: right;
  background: black;
  }
  .fleche{
  display: flex;
  justify-content: flex-end;
  background: black;
  }
}


/*fin style menu.php*/

/*debut contact .php*/
body{
		margin: 0;
		overflow-x: hidden;
		font-size: 1.1em;
	}
#contact .section2{

	background: black!important;
}
#contact label{
	color:  #FA8072;
	font-size: 1.3em!important;
}
#contact.texte2_accueil{
	font-family: 'Spicy Rice', cursive;
  color:   #FA8072;
  position: absolute;
	top: 30%;
	left: 5%;
	font-size: 3.5em!important;
	text-shadow: gray 0.3em 0.3em 0.3em;
}
.droite{
	
	font-family: 'FontAwesome';
}
#contact .form-control::placeholder{
  color: #FA8072!important;
}
.gauche{	
	color:  #FA8072;
}
.phone{
	width: 250px;
	height: 185px;
	border: 1px solid black;
	background: white;
	font-size: 18px!important;
}
.message{ 
  height: 360px!important;
}
#contact .btn{
	background:  #FA8072;
	color: white;
	width: 150px;
	height: 50px;
	font-size: 18px;
	margin-left: 40%;
}
@media screen and (max-width:767.98px){
body{
		margin: 0;
		overflow-x: hidden;
		font-size: 1.1em;
	}
.envoyer{
  margin: auto!important;
 }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  body{
    margin: 0;
    overflow-x: hidden;
    font-size: 1.1em;
  }
.envoyer{
  margin: auto!important;
 }
}

/*fin contact .php*/


/*debut style avis client.php*/
#avis{
	background: black;
	overflow-x: hidden!important;
}

#avis .section2{
	width: 100%;
	height: auto!important;
}
#avis .container{
	margin :auto!important;

}
.etoile{
  color:  #FA8072!important;
}
#avis .card{
	width: 450px!important;
	height: 300px!important;
}

.input_avis{
	font-size: 1.3em;
	color : #FA8072!important;
}
.form_avis {
  margin: auto;
  height: auto;
}

textarea{
	height: 300px!important;
	overflow: auto!important;
}
#avis .form-control::placeholder{
  color: #FA8072!important;
}
#avis .btn{
	background:  #FA8072;
	color: white;
	width: 150px;
	height: 50px;
	margin-left: 40%;
}
#avis .section3{
  width: 100%;
  height: 450px;
  margin: auto;
}
.card_avisx{
  font-size: 1.3em;
}
@media screen and (max-width:767.98px){
	body{
		margin: 0;
		overflow-x: hidden;
		font-size: 1.1em;
	}
	#avis .card{
	width: 250px!important;
	height: 300px!important;
	font-size: 1.1em;
 }
 #avis card:hover{
  -ms-transform: scale(0.01); /* IE 9 */
  -webkit-transform: scale(0.01); /* Safari 3-8 */
  transform: scale(0.01);
}*
 .card_avisx{
  font-size: 1.1em;
 }
 .input_avis{
	font-size: 1.2em;
	color : #FA8072!important;
 }
 .p_text{
	color: #FA8072;
	font-size: 1.7em;
	text-decoration: underline #FA8072;
 }
 .texte2_accueil{
  font-family: 'Spicy Rice', cursive;
  color:  #FA8072;
  display: block;
  position: absolute;
	top: 30%;
	left: 5%;
	font-size: 1.8em!important;
	text-shadow: gray 0.3em 0.3em 0.3em;
 }
  p{
	font-size: 1.1em;
 }
 .envoyer{
  margin: auto!important;
 }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  body{
    margin: 0;
    overflow-x: hidden;
    font-size: 1.1em;
  }
  #avis .card{
  width: 250px!important;
  height: 300px!important;
  font-size: 1.1em;
 }
 #avis card:hover{
  -ms-transform: scale(0.01); /* IE 9 */
  -webkit-transform: scale(0.01); /* Safari 3-8 */
  transform: scale(0.01);
}*
 .card_avisx{
  font-size: 1.1em;
 }
 .input_avis{
  font-size: 1.2em;
  color : #FA8072!important;
 }
 .p_text{
  color: #FA8072;
  font-size: 1.7em;
  text-decoration: underline #FA8072;
 }
 .texte2_accueil{
  font-family: 'Spicy Rice', cursive;
  color:  #FA8072;
  display: block;
  position: absolute;
  top: 30%;
  left: 5%;
  font-size: 1.8em!important;
  text-shadow: gray 0.3em 0.3em 0.3em;
 }
  p{
  font-size: 1.1em;
 }
 .envoyer{
  margin: auto!important;
 }
}

/*fin style avis client.php*/