*{
	box-sizing: border-box;
	object-fit: cover;
	padding: 0;
	margin: 0;
}
@font-face {
	font-family: cinzel;
	src:url(font/Cinzel.ttf);	
	font-family: skia;
	src:url(font/Skia.ttf);
}

body{
	background-image: url("image/fond.jpg");
}
section{
	display: block;
	justify-content: center;
	background-color: white;
	width: 79%;
	/*height: 60vw;*/
	margin: auto;
	padding: 50px;
}
.sec-index{
		display: flex;
}
h1{
	font-family: cinzel;
	font-size: 40px;
	text-transform: uppercase ;
	text-align: center;
	color: #FF9321;
}
p{
		font-family: skia;
		font-size: 18px;
		text-align: center;
}
article p{
	margin-top: 20px;
	margin-left: 10px;

}
nav a{
	width: 75%;
}
 a{
 	background:black;
	color: #FF9321;
	font-family: cinzel;
	font-size: 20px;
	text-decoration: none;
	

}
a:hover{
	color :white;
}

/*
		a{
			padding:20px;
			width:100%;
		}
*/
article{
	
	margin: 0 auto;
}

header,footer{
	background-color: black; 
}
header{
	display: flex;
	align-items: center;
}
header img{
	width: 100px;
	margin: 20px;
}
nav{
	display: flex;
	justify-content: space-between;
	padding: 20px;
	width: 100%;
}
/*          
nav{
			display: flex;
			text-align: center;
}

*/

.filet{
	margin-left:80%; /* aligner à gauche */
	margin-top: 50px;
	width: 150px;
	height: 2px;
	background-color:  #FF9321;
}
.plan{
	display: flex;
	flex-direction: column;
	text-align: center;
}

 .plan a{	

	font-family: skia;
	color: black;
}


.icone{display:none;}

.galerieMobil{display: none;}

		
/* *************  FORM  ******************** */
	form{
		text-align: center;
		
	}
	input{
		background-color: white;
		margin: 20px;
		padding: 15px;
		padding-left: 20px;
		padding-right: 150px;
		border: solid 2px #FF9321;
	}
	textarea {
		background-color: white;
		margin: 10px;
		padding: 70px;
		border: solid 2px #FF9321
		
	}
	select {
		padding: 15px;
		padding-left: 20px;
		padding-right: 150px;
		margin: 10px;
	}
	span,select {
		font-size: 20px;
		font-family: skia;
	}
	.bt{
		font-size: 15px;
		font-family: skia;
		text-align: center;
		background-color: #FF9321;
		margin: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 50px;
		padding-right: 50px;
	}
/* ******************************************* */
/* *************  SLIDER   ******************** */
		.tab-pane img{
		width: 100%;
		height: 100%;
		object-fit: contain;
		}
		#slider, #slider2, #slider3, #slider4, #slider5 {
		  position: relative;
		  overflow: hidden;
		  margin: 20px auto 0 auto;
		  border-radius: 4px;
		  border-color:  #FF9321;
		}

		#slider ul, #slider2 ul,#slider3 ul,#slider4 ul,#slider5 ul {
		  position: relative;
		  margin: 0;
		  padding: 0;
		  height: 200px;
		  list-style: none;
		}

		#slider ul li, #slider2 ul li, #slider3 ul li, #slider4 ul li, #slider5 ul li {
		  position: relative;
		  display: block;
		  float: left;
		  margin: 0;
		  padding: 0;
		  width: 70vw;
		  height: 50vw;
		  background: white;
		  text-align: center;

		}

		a.control_prev, a.control_next,
		a.control_prev2, a.control_next2,
		a.control_prev3, a.control_next3,
		a.control_prev4, a.control_next4,
		a.control_prev5, a.control_next5 {
		  position: absolute;
		  top: 40%;
		  z-index: 999;
		  display: block;
		  padding: 4% 3%;
		  width: auto;
		  height: auto;
		  background: #FF9321;
		  color: white;
		  text-decoration: none;
		  font-weight: 600;
		  font-size: 18px;
		  opacity: 0.8;
		  cursor: pointer;
		}

		a.control_prev:hover, a.control_next:hover,
		a.control_prev2:hover, a.control_next2:hover,
		a.control_prev3:hover, a.control_next3:hover,
		a.control_prev4:hover, a.control_next4:hover,
		a.control_prev5:hover, a.control_next5:hover
		 {
		  opacity: 1;
		  -webkit-transition: all 0.2s ease;
		}

		a.control_prev, a.control_prev2, a.control_prev3, a.control_prev4, a.control_prev5  {
		  border-radius: 0 2px 2px 0;
		}

		a.control_next, a.control_next2, a.control_next3, a.control_next4, a.control_next5  {
		  right: 0;
		  border-radius: 2px 0 0 2px;
		}
/* ******************************************* */

/* *************  GALERIE ******************** */

	#diapo{
	  position:relative;
	  height:30em;
	  margin:auto;
	  text-align:center;
	  margin: 2em 2em;
	}
	#diapo div{
	  display:inline-block;
	}
	#diapo > * + *{
	  margin-left:5px;
	}
	.big_image{
	  position:absolute;
	  display:block;
	  width:450px;
	  top:100px;
	  left:0;
	  right:0;
	  margin:0 auto;
	  opacity:0;
	  border:10px solid #FFF;
	  box-shadow: 0 2px 8px 2px #666;

	  -webkit-transform:scale(0.25);
	     -moz-transform:scale(0.25);
	      -ms-transform:scale(0.25);
	       -o-transform:scale(0.25);
	          transform:scale(0.25);

	  -webkit-transition: all 1s ease-in-out;
	     -moz-transition: all 1s ease-in-out;
	      -ms-transition: all 1s ease-in-out;
	       -o-transition: all 1s ease-in-out;
	          transition: all 1s ease-in-out;
	}
	.r_check, .on_check{
	  cursor: pointer;
	}
	.r_check:checked ~ label img{
	  opacity:0.25;
	  border:2px solid #006699;
	}
	.r_check:checked ~ 

	.big_image {
	  opacity:1;

	  -webkit-transform:scale(1);
	     -moz-transform:scale(1);
	      -ms-transform:scale(1);
	       -o-transform:scale(1);
	          transform:scale(1);
	}
	.r_check{
	/*  display:none;/* si masquer pas acces avec touche */
	  opacity:0;
	  position:absolute;
	}
	label img.vignette{
	  width:75px;
	  height:75px;
	  border:2px solid #FFF;
	}
	.retour{
	  color:#909090;
	  font-size:1em;
	  left:1em;
	  bottom:1em;
	  position:fixed;
	  text-decoration:none;
	  font-style:italic;
	  text-shadow:1px 1px 0px #FFF;
	}
	.retour:hover{
	  font-style:normal;
	  color:#706040;
	}
/* ******************************************* */



/* *************  TABS ******************** */
	.tab-block {
	  /*width: 650px;*/

	  margin: 50px auto;
	}
	.tab-block .tab-mnu {
	  display: flex;
	  justify-content: center;
	  list-style: none;
	}
	.tab-block .tab-mnu:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	.tab-block .tab-mnu li {
	  float: left;
	  background-color: #FF9321;
	  color: white;
	  width: 130px;
	  text-align: center;
	  padding-top: 13px;
	  padding-bottom: 13px;
	  cursor: pointer;
	  font-family: skia;
	  border: 2px  solid white;
	}
	.tab-block .tab-mnu li:not(:last-child) {
	  border-right: 1px solid #4c607c;
	}
	.tab-block .tab-mnu li:hover:not(.active) {
	  background-color: #c0c7cb;
	}
	.tab-block .tab-mnu .active {
	  background-color: #fff;
	  color: #596165;
	  border-bottom: 1px solid #eaecec;
	  cursor: default;
	}
	.tab-block .tab-cont {
	  box-sizing: border-box;
	  border-top: 1px solid white;
	  background-color: white;
	  color: #292d2f;
	}
	.tab-block .tab-cont .tab-pane {
	  padding: 20px 25px;
	}
/* *************************************** */



/* *********** FOOTER ************************* */
	footer{
		display: flex;
		justify-content: space-between;
		color: white;
		font-family: cinzel;
		padding: 20px;
		}
	footer a{
		color: white;
		margin: 0 20px;
		
	}
	footer a:hover{
		color: #FF9321;
	}
/* ***************************************** */


/* *********** RESPONSIVE ************************* */


@media (max-width:840px){
			section{
				padding: 10px;
			}
			header{
				display: flex;
				align-items: flex-start;
			}
			nav{
				display: flex;
				justify-content: flex-end;
				flex-direction: column;
				align-items: center;
				text-align: center;
			}

			.sec-index{
			display: block;
			text-align: center;
			}

			a{display: none;}

			.icone{
				display: block;		
			
			}
			.icone img{
				width: 50px;

			}
			.menuburger a{

				display: block;
			}
			.artOrange{
				display: none;
			}

			.galerieMobil{
				display: block;
				text-align: center;
			}
			.galerieMobil img{
				width: 100%;
				height: 100%;
				margin-top: 10px;
			}
		}
		footer a{
		display: flex;
		flex-direction: column;
		}