@charset "utf-8";

@media (max-width: 1490px) {
  .wrapper{
  grid-template-columns: 1fr 1fr;
  }
  
  .wrapper{
	max-width: 90%;
	}
}

@media (max-width: 1280px) {
  .wrapper{
  grid-template-columns: 1fr 1fr;
  }
  
  .wrapper{
	max-width: 100%;
	}
	
	.frise-etape{
	width: 40vw;
	}

}

@media (max-width: 900px) {
 /*-- Temoignage --*/
  .wrapper{
	grid-template-columns: 1fr;
	}
	
	.wrapper{
	max-width: 100%;
	}
	
/*-- Contact --*/
	#textcontact {
		width : 60%;
		text-align: center;
		margin: auto;
		margin-top : 3%;
	}

	form {
		width : 60%;
		margin: auto;
		padding-top: 50px;
	}
	
	.msg_envoi {
		text-align: center;
		font-family:Gothic, sans-serif;
		font-size:20px;
		color: #F89941;
		position: relative;
		bottom: 540px;
		padding: 15px;
	}	
	
}

@media (max-width: 800px) {
/*-- Accueil + photo --*/	
	h1 {
	font-family:Gothic, sans-serif;
	font-size:25px;
	color: #707070;
	padding: 0 15px 0 15px;
	}
	
	h3 {
		font-family:Gothic, sans-serif;
		font-size:18px;
		color: #F89941;
		font-weight: normal;
		font-style: normal;
		padding : 0 30px 0 0;
		line-height : 100%;
		margin-bottom : 6px;
	}
	
	h4 {
		font-family:Gothic, sans-serif;
		font-size:15px;
		color: #707070;
		font-weight: normal;
		font-style: normal;
		padding : 0 30px 0 0;
	}
	
	
	#header {
		text-align : center;
		width : 100%;
		padding-top : 100px;
		padding-bottom : 80px;
		display: inline-block;
		position: relative;
		z-index : 3;
	}
	
	#fond_gauche {
		display: none;
	}

	#fond_droite {
		display: none;
	}
	
/*-- A propos --*/
	#textapropos {
		width : 60%;
		text-align: justify;
		margin: auto;
		margin-top : 0%;
	}
	
	#apropos_gauche {
		position : absolute;
		top: 55vh;
		left: -5vw;
		z-index: 2;
	}

	#apropos_droite {
		position : absolute;
		bottom: 10vh;
		right: 10vw;
		z-index: 1;
	}
	
	/*-- frise page coulisse voeux 2022--*/

	#frise_etapes {
		padding-left: 20px;
		padding-right: 0;
		max-width: 100%;
		margin: auto;		
		padding-bottom: 10px;
		overflow: auto;
	}

	.frise-etape{
		width: calc(90vw - 60px);
		margin-bottom : 15px;
	}
	
	#frise_etapes .frise {
		display: flow;
		border-top: 0px;
		border-left: 1px solid #F2ECF3;
		padding: 0px 0px 0px 14px;
		margin-left: 0px;
		width: max-content;
	}

	.frise-etape:before {
		display: block;
		top: -5px;
		left: -20px;
	}

	.frise-etape-pictures {
		width: 100%;
		max-width: 100%;
		position: static;
	}
	
	.frise-etape-pictures  img {
		height: 200px;
		width: 100%;
	}
	
	.fleche_scroll {
	display : none;
	}
	
}

@media (max-width: 600px) {
/*-- Accueil + photo --*/
	table {
		display: none;
	}
	
/*-- A propos --*/
	#apropos_gauche {
		display: none;
	}

	#apropos_droite {
		display: none;
	}

	#textapropos {
		width : 75%;
		text-align: justify;
		margin: auto;
		margin-top : 0%;
	}
	
	#bt_cv {
		background:#F89941;
		border-radius:50%;
		width:80px;
		height: 80px;
		position: relative;
		top: -3%;
		left: 40%;
		display: flex;
		box-shadow: 0px 0px 10px #ccc;
		align-items: center;
		justify-content: center;
		z-index: 6;
	}
	
	#icon_cv {
		width : 34px;
		height: 45px;
	}
	
/*-- Contact --*/
	#textcontact {
		width : 75%;
		text-align: center;
		margin: auto;
		margin-top : 3%;
	}

	form {
		width : 75%;
		margin: auto;
		padding-top: 50px;
	}
	
	.msg_envoi {
		text-align: center;
		font-family:Gothic, sans-serif;
		font-size:20px;
		color: #F89941;
		position: relative;
		bottom: 544px;
		padding: 15px;
	}
	
	

}

@media (max-width: 576px) {
/*-- Accueil + photo --*/	
	h1 {
		font-family:Gothic, sans-serif;
		font-size:20px;
		color: #707070;
		padding: 0 15px 0 15px;
	}
	
	nav li {
		list-style: none;
		display : inline-block;
		margin : 11px 20px 0 0;
	}


		
	
}