.body{
	background-color: #FCF6F5FF;
}

.textes-garantis{
	font-size: 20px;
}

.titre_sous_partie_verte{
	color : rgb(6, 155, 6);
}
/*Ordinateurs*/
@media all  and (min-width: 1025px){
	/*--- Avis ---*/
	img.pic{
		text-align: center;
		line-height: 33px;
		height: 100px;
		width: 100px;
		margin: 0 4px;
		font-size: 14px;
		color: #FFF;
		border-radius: 50%;
		border: 2px solid transparent;
		background: #FF676D;
		transition: all 0.3s ease;
	}
	img.pic:hover{
		color: #FF676D;
		background-color: #fff;
		border-color: #FF676D;
	}

	p.date-create-avis{
		font-size: 12px;
	}
	.cardes{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		background: rgb(241, 245, 239);
		border-radius: 20px;
		padding: 20px;
		
	}
	
	.carde{
		border-radius: 30px !important;
		padding: 10px;
		width: 400px !important;
		height: 300px !important;
		box-shadow:2px 11px 56px rgba(0, 0, 0, 0.25);
		flex: 0 0 auto;
		margin-right: 20px;
	}
	.carde:hover{
		transform: translateY(-15px);
		transition: 0.5s;
	}
	
	.avis{
		margin-top: 10px;
		border: solid 1px rgb(173, 171, 171);
		border-radius: 5px;
		text-align: justify;
		padding: 5px;
		background: rgb(245, 236, 236) !important;
		height: 60px;
		overflow: auto;
	}

	i.star{
		font-size: 40px;
		color: #E3781E;
	}
	/*--- Avis ---*/

	/*---- Navbar ----*/
	.nav-link{
		font-size: 1.4rem;
		color: #E3781E !important;
		transition: transform .1s;
	}
	.active{
		color: #333 !important;
	}
	.nav-link:hover{
		color: #145A32 !important;
		-ms-transform: scale(1.1); /* IE 9 */
		-webkit-transform: scale(1.1); /* Safari 3-8 */
		transform: scale(1.1);
		border-bottom: 1px solid #145A32;
	}
	/*---- Navbar ----*/
	
	/*---- Header ----*/
	.body{
		margin-bottom: -10%;
		padding-bottom: 10%;
	}
	h1.h1{
		font-size: 5em;
		color:white;
		margin-top: 100px;
	}
	.cover{
		display: table-cell;
		height: 800px;
		width: 2050px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/local/facade-1.jpg") no-repeat center;
		background-size: 100%;
	}
	.cover:hover{
		background-size: 120%; /* La taille de l'image une fois que le curseur sera sur le DIV */
		transition: 1.2s; /* Le délai du zoom de l'image */
	}
	.cover > span{
		font-size: 1.5em;
	}
	/*---- Header ----*/

	/*---- Body ----*/
	.conteneur-1{
		padding-top: 1%;
		padding-bottom: 1%;
		background-color: #EF9B0F;
	}
	h2.taille-h2{
		text-align: center;
	}
	h2.taille-h2-2{
		font-size: 25px;
		text-align: center;
	}
	.conteneur-2{
		display: flex;
		justify-content: space-around;
		text-align: center;
		background-color: rgb(234, 240, 232);
		border-radius: 5px;
	}

	.c{
		background-color: rgb(234, 240, 232);
	}

	.rec-margin{
		margin-top: 2%;
		padding-bottom: 2%;
	}
	.taille-info-conteneur-chiffres{
		font-size: 2em;
	}
	.taille-info-conteneur{
		font-size: 2.5em;
	}
	.couleur-agent-exp:hover{
		color: #145A32;
	}
	.ans{
		display: flex;
	}
	.r1{
		display: flex;
		align-items: center;
		margin-left: 70px;
	}
	.exp-2{
		font-size: 2em;
	}
	.couleur-hover-orange:hover{
		color: #E3781E;
	}
	.couleur-hover-verte:hover{
		color: #116837;
	}

	.conteneur-3{
		background-color: rgb(219, 242, 212);
		border-radius: 10px;
		padding: 10px;
	}
	p.textes{
		font-size: 1.5em;
	}
	.textes{
		text-align: start;
	}

	.conteneur-4{
		background-color: #333;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-bottom: 2%;
	}
	.services{
		text-align: center;
	}

	.ethique{
		display: flex;
		width: 100%;
	}
	.s-ethique-1{
		width: 200%;
		margin-right: 20%;
	}
	.s-ethique-2{
		width: 90%;
	}
	.multiservices{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.multiservices img {
		width: 100%;
		height: auto;
	}
	.s-multiservices-1{
		width: 50%;
		margin-right: 10%;
	}
	.s-multiservices-2{
		width: 50%;
	}
	.garantis{
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: auto;
	}
	.s-garantis-1{
		width: 30%;
		margin: auto;
	}
	.s-garantis-2{
		text-align: center;
	}

	.conteneur-5{
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.s-conteneur-5{
		display: flex;
		justify-content: space-evenly;
		text-align: center;

	}
	.s-conteneur-6{
		display: flex;
		justify-content: space-evenly;
		text-align: center;
		margin-top: 2%;
	}
	.card{
		width : 18rem;
		text-align: center;
	}

	h2.h2-c5{
		font-size: 1.5em;
	}
	.btn-savoir{
		margin: 0 auto;
     	width: 100px;
	}

	.conteneur-6-1{
		margin-top: 5%;
		margin-bottom: 2%;
	}
	h3.h2-c6{
		font-size: 1.5em;
	}
	iframe{
		border: 0;
		width: 1000px;
		height: 450px;
	}
	/*---- Body ----*/
}


/*-----Ipad Pro-----*/
@media all  and (min-width: 1024px) and (max-width: 1024px){
	/*--- Avis ---*/
	p.date-create-avis{
		font-size: 12px;
	}
	img.pic{
		text-align: center;
		line-height: 33px;
		height: 80px;
		width: 80px;
		margin: 0 4px;
		font-size: 14px;
		color: #FFF;
		border-radius: 50%;
		border: 2px solid transparent;
		background: #FF676D;
		transition: all 0.3s ease;
	}

	.cardes{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		background: rgb(241, 245, 239);
		border-radius: 20px;
		padding: 20px;
	}
	.cardes::-webkit-scrollbar {
		display: none;
	}
	.carde{
		border-radius: 30px !important;
		padding: 10px;
		width: 300px !important;
		height: 260px !important;
		box-shadow:2px 11px 56px rgba(0, 0, 0, 0.25);
		flex: 0 0 auto;
		margin-right: 20px;
	}

	.avis{
		border: solid 1px rgb(173, 171, 171);
		border-radius: 5px;
		text-align: justify;
		padding: 5px;
		background: rgb(245, 236, 236) !important;
		height: 60px !important;
		overflow-y: auto;
	}

	i.star{
		font-size: 30px;
		color: #E3781E;
	}
	/*--- Avis ---*/

	/*---- Navbar ----*/
	.nav-link{
		color :#E3781E !important;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Header ----*/
	.body{
		margin-bottom: -10%;
		padding-bottom: 10%;
	}
	h1.h1{
		color:white;
		font-size: 4em;
		margin-top: 100px;
	}
	.cover{
		display: table-cell;
		height: 600px;
		width: 1100px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/local/facade-1.jpg") no-repeat center;
		background-size: 100%;
	}
	/*---- Header ----*/


	/*---- Body ----*/
	.conteneur-1{
		padding-top: 3%;
		padding-bottom: 2%;
		margin-bottom: 1%;
		background-color: #EF9B0F;
	}
	
	h2.taille-h2{
		text-align: center;
	}
	h2.taille-h2-2{
		font-size: 25px;
		text-align: center;
	}
	.r1{
		display: flex;
		align-items: center;
		margin-left: 60px;
	}
	.exp-2{
		font-size: 2em;
	}
	
	.conteneur-2{
		display: flex;
		justify-content: space-around;
		text-align: center;
		height: 140px;
		width: 500px;
		background-color: rgb(234, 240, 232);
		border-radius: 5px;
		box-shadow: 3px 6px 6px rgb(134, 133, 133);
	}

	.rec-margin{
		margin-top: 2%;
		padding-bottom: 2%;
	}
	.taille-info-conteneur-chiffres{
		font-size: 2em;
	}
	.taille-info-conteneur{
		font-size: 2.5em;
	}
	.couleur-agent-exp{
		font-size: 0.9em;
	}
	.couleur-agent-exp:hover{
		color: #145A32;
	}
	.ans{
		display: flex;
	}
	.ans-2{
		font-size: 2em;
	}
	.conteneur-3{
		margin-top: 3%;
		background-color: rgb(219, 242, 212);
		border-radius: 10px;
		padding: 10px;
	}
	p.textes{
		font-size: 1.5em;
	}
	.textes{
		text-align: start;
	}


	
	li{
		font-size: 1.2em;
	}
	.conteneur-4{
		background-color: #333;
		padding-top: 2%;
		padding-bottom: 2%;
	}
	.services{
		text-align: center;
	}

	.ethique{
		display: flex;
		width: 100%;
	}
	.s-ethique-1{
		width: 200%;
		margin-right: 10%;
	}
	.s-ethique-2{
		width: 1300px;
		margin-top: 10%;
	}

	.multiservices{
		display: flex;
		width: 100%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
	.s-multiservices-1{
		width: 50%;
		margin-right: 10%;
		margin-top: 1%;
	}

	.s-multiservices-2{
		width: 60%;
	}

	.garantis{
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: auto;
	}
	.s-garantis-2{
		text-align: center;
	}

	.conteneur-5{
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.s-conteneur-5{
		display: flex;
		justify-content: space-evenly;
		text-align: center;

	}
	.s-conteneur-6{
		display: flex;
		justify-content: space-evenly;
		text-align: center;
		margin-top: 2%;
	}
	.card{
		width : 15rem;
		text-align: center;
	}
	h2.h2-c5{
		font-size: 1.5em;
	}
	.btn-savoir{
		margin: 0 auto;
     	width: 100px;
	}

	.conteneur-6{
		margin-top: 8%;
	}
	.conteneur-6-1{
		margin-bottom: 2%;
	}
	h3.h3-c6{
		font-size: 1.2em;
	}
	iframe{
		border: 0;
		width: 650px;
		height: 250px;
	}
	/*---- Body ----*/
}


/*Tablettes*/
@media all  and (min-width: 501px) and (max-width: 1023px){
	/*--- Avis ---*/
	p.date-create-avis{
		font-size: 12px;
	}
	img.pic{
		text-align: center;
		line-height: 33px;
		height: 80px;
		width: 80px;
		margin: 0 4px;
		font-size: 14px;
		color: #FFF;
		border-radius: 50%;
		border: 2px solid transparent;
		background: #FF676D;
		transition: all 0.3s ease;
	}

	.cardes{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		background: rgb(241, 245, 239);
		border-radius: 20px;
		padding: 20px;
	}
	.cardes::-webkit-scrollbar {
		display: none;
	}
	.carde{
		border-radius: 30px !important;
		padding: 10px;
		width: 300px !important;
		height: 260px !important;
		box-shadow:2px 11px 56px rgba(0, 0, 0, 0.25);
		flex: 0 0 auto;
		margin-right: 20px;
	}

	.avis{
		border: solid 1px rgb(173, 171, 171);
		border-radius: 5px;
		text-align: justify;
		padding: 5px;
		background: rgb(245, 236, 236) !important;
		height: 60px !important;
		overflow-y: auto;
	}

	i.star{
		font-size: 30px;
		color: #E3781E;
	}
	/*--- Avis ---*/

	/*---- Navbar ----*/
	.nav-link{
		color :#E3781E !important;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Header ----*/
	.body{
		margin-bottom: -10%;
		padding-bottom: 10%;
	}

	h1.h1{
		font-size: 3em;
		color:white;
		margin-top: 50px;
	}

	.cover{
		display: table-cell;
		height: 450px;
		width: 850px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/local/facade-1.jpg") no-repeat center;
		background-size: 100%;
	}
	/*---- Header ----*/

	/*---- Body ----*/
	.conteneur-1{
		padding-top: 3%;
		padding-bottom: 3%;
		margin-bottom: 1%;
		background-color: #EF9B0F;
	}
	
	h2.taille-h2{
		text-align: center;
	}
	h2.taille-h2-2{
		font-size: 25px;
		text-align: center;
	}

	.r1{
		display: flex;
		align-items: center;
		margin-left: 60px;
	}
	.exp-2{
		font-size: 2em;
	}

	.conteneur-2{
		display: flex;
		justify-content: space-around;
		text-align: center;
		height: 140px;
		width: 500px;
		background-color: rgb(234, 240, 232);
		border-radius: 5px;
		box-shadow: 3px 6px 6px rgb(134, 133, 133);
	}

	.rec-margin{
		margin-top: 2%;
		padding-bottom: 2%;
	}
	.taille-info-conteneur-chiffres{
		font-size: 2em;
	}
	.taille-info-conteneur{
		font-size: 2.5em;
	}
	.couleur-agent-exp{
		font-size: 0.9em;
	}
	.couleur-agent-exp:hover{
		color: #145A32;
	}
	.ans{
		display: flex;
	}
	.ans-2{
		font-size: 2em;
	}


	.conteneur-3{
		margin-top: 2%;
		background-color: rgb(219, 242, 212);
		border-radius: 10px;
		padding: 10px;
	}
	p.textes{
		font-size: 1.5em;
	}
	.textes{
		text-align: start;
	}



	li{
		font-size: 1.2em;
	}
	.conteneur-4{
		background-color: #333;
		padding-top: 2%;
		padding-bottom: 2%;
	}
	.services{
		text-align: center;
	}

	.ethique{
		display: flex;
		width: 100%;
	}
	.s-ethique-1{
		width: 200%;
		margin-right: 10%;
	}
	.s-ethique-2{
		width: 1300px;
		margin-top: 10%;
	}

	.multiservices{
		display: flex;
		width: 100%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
	.s-multiservices-1{
		width: 90%;
		margin-right: 2%;
		margin-top: 80px;
	}

	.s-multiservices-2{
		width: 80%;
	}

	.garantis{
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: auto;
	}
	.s-garantis-2{
		text-align: center;
	}

	.conteneur-5{
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.s-conteneur-5{
		display: flex;
		justify-content: space-evenly;
		text-align: center;

	}
	.s-conteneur-6{
		display: flex;
		justify-content: space-evenly;
		text-align: center;
		margin-top: 2%;
	}
	.card{
		width : 15rem;
		text-align: center;
	}
	h2.h2-c5{
		font-size: 1.5em;
	}
	.btn-savoir{
		margin: 0 auto;
     	width: 100px;
	}

	.conteneur-6{
		margin-top: 8%;
	}
	.conteneur-6-1{
		margin-bottom: 2%;
	}
	h3.h3-c6{
		font-size: 1.2em;
	}
	iframe{
		border: 0;
		width: 700px;
		height: 350px;
	}
	/*---- Body ----*/
}

/*---- Smartphones ----*/
@media all  and (min-width: 321px) and (max-width: 500px){
	/*--- Avis ---*/
	p.date-create-avis{
		font-size: 10px;
	}
	img.pic{
		text-align: center;
		line-height: 33px;
		height: 80px;
		width: 80px;
		margin: 0 4px;
		font-size: 14px;
		color: #FFF;
		border-radius: 50%;
		border: 2px solid transparent;
		background: #FF676D;
		transition: all 0.3s ease;
	}

	.cardes{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		background: rgb(241, 245, 239);
		border-radius: 20px;
		padding: 20px;
	}
	.cardes::-webkit-scrollbar {
		display: none;
	}
	.carde{
		border-radius: 30px !important;
		padding: 10px;
		width: 300px !important;
		height: 240px !important;
		box-shadow:2px 11px 56px rgba(0, 0, 0, 0.25);
		flex: 0 0 auto;
		margin-right: 20px;
	}

	.avis{
		border: solid 1px rgb(173, 171, 171);
		border-radius: 5px;
		text-align: justify;
		padding: 5px;
		background: rgb(245, 236, 236) !important;
		height: 60px !important;
		overflow-y: auto;
	}

	i.star{
		font-size: 20px;
		color: #E3781E;
	}
	/*--- Avis ---*/

	/*---- Navbar ----*/
	.nav-link{
		color :#E3781E !important;
		font-size: 1.2rem;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Global ----*/
	.body{
		margin-bottom: -12%;
		padding-bottom: 10%;
	}
	h1.h1{
		color:white;
		font-size: 1.4em;
		margin-top: 20px;
	}

	.cover{
		display: table-cell;
		height: 210px;
		width: 450px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/local/facade-1.jpg") no-repeat center;
		background-size: 100%;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	.conteneur-1{
		padding-top: 3%;
		padding-bottom: 3%;
		margin-bottom: 1%;
		background-color: #EF9B0F;
	}

	h2.taille-h2{
		font-size: 23px;
		text-align: center;
	}
	h2.taille-h2-2{
		font-size: 20px;
		text-align: center;
	}

	.conteneur-2{
		display: flex;
		justify-content: space-around;
		text-align: center;
		height: 100px;
		background-color: rgb(234, 240, 232);
		border-radius: 5px;
		box-shadow: 3px 6px 6px rgb(134, 133, 133);
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.r1{
		display: flex;
		align-items: center;
		margin-left: 40px;
	}
	.exp-2{
		font-size: 1.5em;
	}

	.rec-margin{
		margin-top: 2%;
	}
	.taille-info-conteneur-chiffres{
		font-size: 1.5em;
	}
	.taille-info-conteneur{
		font-size: 1.7em;
	}
	.couleur-agent-exp{
		font-size: 0.9em;
	}
	.couleur-agent-exp:hover{
		color: #145A32;
	}
	.ans{
		display: flex;
	}
	.ans-2{
		font-size: 1.5em;
	}
	.c{
		margin-left: 2%;
		margin-right: 2%;
	}

	.conteneur-3{
		margin-top: 3%;
		background-color: rgb(219, 242, 212);
		border-radius: 10px;
		padding: 10px;
	}
	p.textes{
		font-size:20px;
	}
	.textes{
		text-align: start;
	}



	.conteneur-4{
		display: flex;
		flex-direction: column;
		background-color: #333;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-bottom: 2%;
	}

	.services{
		text-align: center;
	}

	.ethique{
		display: flex;
		flex-direction: column;
		margin-top: 3%;
	}

	.textes-pourqoui-nous{
		text-align: justify;
	}

	.titre-conteneur-4{
		text-align: center;
	}
	.s-ethique-1{
		width: 100%;
	
	}
	.s-ethique-2{
		width: 70%;
		margin: auto;
		margin-top: 5%;
	}

	.multiservices{
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
	.s-multiservices-1{
		width: 80%;
		margin: auto;
		margin-top: 1%;
	}

	.s-multiservices-2{
		width: auto;
	}

	.garantis{
		display: flex;
		flex-direction: column;
		width: 100%;
		margin: auto;
	}
	.textes-multiservices{
		text-align: justify;
	}
	li{
		font-size: 1.2em;
	}

	.conteneur-5{
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.s-conteneur-5{
		display: flex;
		
		flex-wrap: wrap;
		justify-content: space-evenly;
		text-align: center;

	}
	.c5-m{
		margin-top: 2%;
	}
	.s-conteneur-6{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		text-align: center;
		margin-top: 2%;
	}
	.card{
		width : 10rem;
		text-align: center;
	}
	h2.h2-c5{
		font-size: 1.0em;
	}
	.btn-savoir{
		margin: 0 auto;
     	width: 100px;
	}

	.conteneur-6{
		margin-top: 8%;
	}
	.conteneur-6-1{
		margin-bottom: 2%;
	}
	h3.h3-c6{
		font-size: 1.2em;
	}
	iframe{
		border: 0;
		width: 350px;
		height: 250px;
	}
	/*---- Body ----*/
}

/*---- Petits smartphones ----*/
@media all  and (min-width: 319px) and (max-width: 320px){
	/*--- Avis ---*/
	p.date-create-avis{
		font-size: 10px;
	}
	img.pic{
		text-align: center;
		line-height: 33px;
		height: 80px;
		width: 80px;
		margin: 0 4px;
		font-size: 14px;
		color: #FFF;
		border-radius: 50%;
		border: 2px solid transparent;
		background: #FF676D;
		transition: all 0.3s ease;
	}

	.cardes{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		background: rgb(241, 245, 239);
		border-radius: 20px;
		padding: 20px;
	}
	.cardes::-webkit-scrollbar {
		display: none;
	}
	.carde{
		border-radius: 30px !important;
		padding: 10px;
		width: 300px !important;
		height: 240px !important;
		box-shadow:2px 11px 56px rgba(0, 0, 0, 0.25);
		flex: 0 0 auto;
		margin-right: 20px;
	}

	.avis{
		border: solid 1px rgb(173, 171, 171);
		border-radius: 5px;
		text-align: justify;
		padding: 5px;
		background: rgb(245, 236, 236) !important;
		height: 60px !important;
		overflow-y: auto;
	}

	i.star{
		font-size: 20px;
		color: #E3781E;
	}
	/*--- Avis ---*/

	/*---- Navbar ----*/
	.nav-link{
		color :#E3781E !important;
		font-size: 1.2rem;
	}
	.active{
		color: #333 !important;
	}
	/*---- Navbar ----*/

	/*---- Global ----*/
	.body{
		margin-bottom: -14%;
		padding-bottom: 10%;
	}
	h1.h1{
		color:white;
		font-size: 1.4em;
		margin-top: 20px;
	}

	.cover{
		display: table-cell;
		height: 190px;
		width: 450px;
		text-align: center;
		vertical-align: middle;
		background: url("/images/images/local/facade-1.jpg") no-repeat center;
		background-size: 100%;
	}
	/*---- Global ----*/

	/*---- Body ----*/
	.conteneur-1{
		padding-top: 3%;
		padding-bottom: 3%;
		margin-bottom: 1%;
		background-color: #EF9B0F;
	}

	h2.taille-h2{
		font-size: 20px;
		text-align: center;
	}
	h2.taille-h2-2{
		font-size: 18px;
		text-align: center;
	}

	.conteneur-2{
		display: flex;
		justify-content: space-around;
		text-align: center;
		height: 100px;
		background-color: rgb(234, 240, 232);
		border-radius: 5px;
		box-shadow: 3px 6px 6px rgb(134, 133, 133);
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.c{
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.r1{
		display: flex;
		align-items: center;
		margin-left: 30px;
	}
	.exp-2{
		font-size: 1.5em;
	}

	.rec-margin{
		margin-top: 2%;
	}
	.taille-info-conteneur-chiffres{
		font-size: 1.5em;
	}
	.taille-info-conteneur{
		font-size: 1.5em;
	}
	.couleur-agent-exp{
		font-size: 0.9em;
	}
	.couleur-agent-exp:hover{
		color: #145A32;
	}
	.ans{
		display: flex;
	}
	.ans-2{
		font-size: 1.5em;
	}

	.conteneur-3{
		margin-top: 3%;
		background-color: rgb(219, 242, 212);
		border-radius: 10px;
		padding: 10px;
		text-align: center;
	}

	.conteneur-4{
		display: flex;
		flex-direction: column;
		background-color: #333;
		padding-top: 2%;
		padding-bottom: 2%;
		margin-bottom: 2%;
	}

	.services{
		text-align: center;
	}

	.ethique{
		display: flex;
		flex-direction: column;
		margin-top: 3%;
	}

	.textes-pourqoui-nous{
		text-align: justify;
	}

	.titre-conteneur-4{
		text-align: center;
	}
	.s-ethique-1{
		width: auto;
		margin-right: 10%;
	}
	.s-ethique-2{
		width: 70%;
		margin: auto;
		margin-top: 5%;
	}

	.multiservices{
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	
	.s-multiservices-1{
		width: 80%;
		margin: auto;
		margin-top: 1%;
	}

	.s-multiservices-2{
		width: auto;
	}

	.garantis{
		display: flex;
		flex-direction: column;
	
	}
	.textes{
		text-align: justify;
	}
	li{
		font-size: 1em;
	}

	.conteneur-5{
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.s-conteneur-5{
		display: flex;
		
		flex-wrap: wrap;
		justify-content: space-evenly;
		text-align: center;

	}
	.c5-m{
		margin-top: 2%;
	}
	.s-conteneur-6{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		text-align: center;
		margin-top: 2%;
	}
	.card{
		width : 8rem;
		text-align: center;
	}
	h2.h2-c5{
		font-size: 1.0em;
	}
	.btn-savoir{
		margin: 0 auto;
     	width: 100px;
	}

	.conteneur-6{
		margin-top: 8%;
	}
	.conteneur-6-1{
		margin-bottom: 2%;
	}
	h3.h3-c6{
		font-size: 1.2em;
	}
	iframe{
		margin-top: 10px;
		border: 0;
		width: 300px;
		height: 200px;
	}
	/*---- Body ----*/
}