/*---GÉNÉRALITÉS---*/
*{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	scroll-behavior: smooth;
}

*.title{
	font-family:"Allerta Stencil" !important;
}

b{
	font-weight: bold;
	color: #656565;
}

body{
	overflow-x: hidden;
	width: 100%;
	font-family: "Josefin Sans";
	background-color: whitesmoke;
}

.inner{
	width: 80%;
	margin: auto;
	font-size: 0.8em;
}

/*---HEADER---*/
.menu{
	width: 100% !important;
	height: 100px;
	background-color: rgba(0,0,0,0);
	line-height: 100px;
	position: fixed;
	z-index: 999;
}

.menu .inner .m-right a{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 10px;
	color: white;	
}

.menu .inner .m-right a:hover{
	text-shadow: 0.3em 0.3em 0.3em #06222cff;
	transition: 0.3s	
}

.menu .inner .m-left img{
	width: 32px;
	display: none;
}

.logo{
	margin: 0;
	padding: 0;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	z-index: 9999;
}

.m-left{
	float: left;
	margin-top: 10px;
}

.m-right{
	float: right;
}

.m-link{
	color: white;
	text-transform: uppercase;
	padding: 0;
	margin: 0 10px;

}

.m-nav-toggle{
	width: 40px;
	height: 100px;

	display: none;
	align-items: center;
	float: right;
	cursor: pointer;
}

/*.menu .inner img{
	display: none;
}*/

span.m-toggle-icon, span.m-toggle-icon:before,span.m-toggle-icon:after{
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: white;
	position: relative;
	transition: all 0.3s ease-in-out;
}

span.m-toggle-icon:before{
	top: 12px;
}

span.m-toggle-icon:after{
	top: -14px;
}

.m-right.is-open{
	transform: translateX(0);
	top: 100px;
}

/*---SECTION 1 : PAGE D'ACCUEIL---*/
.accueil{
	background-image: url("img/background_accueil_alt.png");
	background-size: cover;
	height: 100vh;
	margin: auto;
	display: flex;
	align-items: center;
	margin-bottom: 5%;
}

.accueil .inner{
	/*background-color: yellow;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 80%;
}

.accueil-top{
	/*background-color: steelblue;*/
	flex-grow: 1;
	display: flex;
	width: 100%;
}

.accueil-top .accueil-top-left{
	/*background-color: lightcoral;*/
	display: flex;
	flex-grow: 1;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	margin-left: 10%;
}

.accueil-top .accueil-top-right{
	/*background-color: coral;*/
	display: flex;
	flex-grow: 0.8;
	align-items: center;
	justify-content: center;
	margin-right: 10%;
}


.accueil-bottom{
	/*background-color: skyblue;*/
	flex-grow: 0.1;
	display: flex;
	width: 20%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: white;
	font-weight: bold;
}

.accueil .inner .accueil-bottom a{
		color: white;
		cursor: pointer;
}

.accueil-bottom .text-outils{
	margin-bottom: 5%;
	width: 100%;
	/*border-bottom: 1px solid white;*/
	text-align: center;
}

.accueil-bottom .logos-outils{
	display: flex;
	justify-content: space-evenly;
	flex-direction: row;
	width: 100%;
	cursor: pointer;
}


.accueil-top .accueil-top-left .img-logo{
	width: 40%;
	margin-bottom:4% ;
}

.accueil-top .accueil-top-left p{
	font-size: 2.5em;
	color: white;
}

.accueil-top .accueil-top-left a button{
	margin-left: 0.5%;
	height: 70px;
	width: 250px;
	border-radius: 30px;
	background-color: white;
	outline: 3px solid whitesmoke;
	border: 0px solid;
	font-size: 1.4em;
	color: #78b839ff;
	font-weight: bold;
	cursor: pointer;
	outline-offset: 3px;
	position: relative;
	z-index: 900;
	transition: 0.3s;
	overflow: hidden;
}

.accueil-top .accueil-top-left a button::before{
	content: "";
	position: absolute;
	height: 70px;
	width: 250px;
	background-color: #78b839ff;
	border-radius: 30px;
	top: 0;
	left: 0;
	transform: translate(-100%);
	transition: 0.3s;
	z-index: -1;
}

.accueil-top .accueil-top-left a button:hover::before{
	transform: translate(0%);
}

.accueil-top .accueil-top-left a button:hover{
	color: white;
}

.accueil-top .accueil-top-left a button:hover i{
	display: inline;
	transition: 0.3s;
	margin-left: 5px;
}

.accueil-top .accueil-top-left a button i{
	display: none;
}

.accueil .inner .accueil-top-left .petit-ecran{
	display: none;
}







/*---SECTION 2 : OBJECTIFS---*/
.objectifs{
	/*background-image: url("img/background_alt_3.png");
	background-size: cover;*/
	height: 100vh;
	margin: auto;
	background-color: whitesmoke;
	margin-bottom: 5%;
	display: none;
}

.objectifs .inner{
	display: flex;
	/*background-color: #bbdefb;*/
	height: 80%;
	padding-top: 7%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #858585;
}

.objectifs .inner .title{
	width: 60%;
	text-align: center;
	color: #4c7dae;
	/*background-color: darkred;*/
	height: 40px;
	margin: 0 auto;
	font-weight: bold;
	font-size:3em;
	flex-grow:0;
	margin-bottom: 5%;
}

.objectifs .inner .content{
	/*background-color: red;*/
	flex-grow:1;
	width: 60%;
	display: flex;
	flex-direction: column;
}

.objectifs .inner .content .top-content{
	/*background-color: pink;*/
	padding: 1%;
	flex-grow:0;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
	font-size: 1.7em;
	margin-bottom: 5%;
}

.objectifs .inner .content .bottom-content{
	/*background-color: orange;*/
	padding: 1%;
	flex-grow:1;
	display: flex;
	flex-direction: row;
	padding-bottom: 5%;
	background-color: whitesmoke;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    -8px -8px 18px 0 rgba(255, 255, 255, 0.55);
}

.objectifs .inner .content .bottom-content .left-content{
	/*background-color: greenyellow;*/
	flex-grow:0;
	padding: 1%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #4c7dae;
	font-size: 3em;
}

.objectifs .inner .content .bottom-content .right-content{
	/*background-color: limegreen;*/
	flex-grow:1;
	padding: 1%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 1.7em;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
}

.objectifs .inner .content .top-content img{
	vertical-align: text-bottom;
}

.objectifs .inner .content .bottom-content .left-content li i{
		margin-bottom: 30%;
	}

.objectifs .inner .content .bottom-content .left-content li{
    text-align: center;
}


/*---SECTION 3 : APPLICATIONS---*/
.applications{
	/*background-image: url("img/background_alt_3.png");
	background-size: cover;*/
	height: 100vh;
	margin: auto;
	background-color: whitesmoke;
	margin-bottom: 5%;
}

.applications .inner{
	display: flex;
	/*background-color: #bbdefb;*/
	height: 80%;
	padding-top: 7%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #858585;
}

.applications .inner .title{
	width: 60%;
	text-align: center;
	color: #4c7dae;
	/*background-color: darkred;*/
	height: 40px;
	margin: 0 auto;
	font-weight: bold;
	font-size:3em;
	flex-grow:0;
	margin-bottom: 5%;
}

.applications .inner .content{
	/*background-color: red;*/
	flex-grow:1;
	width: 60%;
	display: flex;
	flex-direction: column;
}

.applications .inner .content .top-content{
	/*background-color: pink;*/
	padding: 1%;
	flex-grow:0;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
	font-size: 1.7em;
}

.applications .inner .content .bottom-content{
	/*background-color: orange;*/
	padding: 1%;
	flex-grow:0;
	display: flex;
	flex-direction: row;
	padding-bottom: 5%;
	font-size: 1.4em;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
}

.applications .inner .content .top-content img{
	vertical-align: top;
}

.applications .inner .content .bottom-content .bottom-content-row-1,.applications .inner .content .bottom-content .bottom-content-row-2{
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
  width: 80%;
  margin: 1%;
}

.applications .inner .content .bottom-content .bottom-content-row-1{
	/*background-color: greenyellow;*/
	display: flex;
	flex-grow:1;
	flex-direction: column;
	padding: 1%;
	text-align: center;
}

.applications .inner .content .bottom-content .bottom-content-row-2{
	/*background-color: limegreen;*/
	display: flex;
	flex-grow:1;
	flex-direction: column;
	padding: 1%;
	text-align: center;
}

.applications .inner .content .bottom-content .bottom-content-row-title{
	text-align: center;
	color:#78b839ff;
	font-weight: bold;
}

.applications .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-left{
	/*background-color: skyblue;*/
	display: flex;
	flex-grow:0;
	justify-content: center;
	align-items: flex-start;
	padding: 2%;
}

.applications .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-right{
	/*background-color: steelblue;*/
	display: flex;
	flex-grow:1;
	align-items: center;
}

.applications .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-left{
	/*background-color: steelblue;*/
	display: flex;
	flex-grow:1;
	align-items: center;
}

.applications .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-right{
	/*background-color: skyblue;*/
	display: flex;
	flex-grow:0;
	justify-content: center;
	align-items: flex-start;
	padding: 2%;
}

.applications .inner .content .bottom-content img{
	background-color: whitesmoke;
	border-radius: 100px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    -8px -8px 18px 0 rgba(255, 255, 255, 0.55);	
}

.applications .inner .content .bottom-content .logo-app{
	background-color: none;
	border-radius: 0px;
	box-shadow: none;
	vertical-align: top;		
}


.applications .inner .content .bottom-content p{
	font-size:1.3em;
}

/*---SECTION 4 : FONCTIONNEMENT---*/
.fonctionnement{
	/*background-image: url("img/background_alt_3.png");
	background-size: cover;*/
	height: 100vh;
	margin: auto;
	background-color: whitesmoke;
	margin-bottom: 5%;
}

.fonctionnement .inner{
	display: flex;
	/*background-color: #bbdefb;*/
	height: 80%;
	padding-top: 7%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #858585;
}

.fonctionnement .inner .title{
	width: 60%;
	text-align: center;
	color: #4c7dae;
	/*background-color: darkred;*/
	height: 40px;
	margin: 0 auto;
	font-weight: bold;
	font-size:3em;
	flex-grow:0;
	margin-bottom: 5%;
}

.fonctionnement .inner .content{
	/*background-color: red;*/
	flex-grow:1;
	width: 60%;
	display: flex;
	flex-direction: column;
}

.fonctionnement .inner .content .top-content{
	/*background-color: pink;*/
	padding: 1%;
	flex-grow:0;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
	font-size: 1.7em;
}

.fonctionnement .inner .content .bottom-content{
	/*background-color: orange;*/
	padding: 1%;
	flex-grow:1;
	display: flex;
	flex-direction: column;
	padding-bottom: 5%;
	font-size: 1.4em;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
}

.fonctionnement .inner .content .top-content img{
	vertical-align: text-bottom;
}


.fonctionnement .inner .content .bottom-content .bottom-content-row-1{
	/*background-color: greenyellow;*/
	display: flex;
	flex-grow:0.1;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-2{
	/*background-color: limegreen;*/
	display: flex;
	flex-grow:1;
	padding:1%;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    -8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
 	margin-top: 5%;
 	margin-left: -1%;
 	width: 100%;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1 img{
	width:63px;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-step-1{
	/*background-color: aliceblue;*/
	display: flex;
	flex-grow:1;
	justify-content: center;
	flex-direction: column;
	padding: 1%;
	align-items: center;
	width: 33%;
	margin-right: 2%;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
  	background-color: rgba(121,185,59,0.1);
  	cursor: pointer;
  	font-size: 1.3em;
}


.fonctionnement .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-step-2{
	/*background-color: powderblue;*/
	display: flex;
	flex-grow:1;
	justify-content: center;
	flex-direction: column;
	padding: 1%;
	align-items: center;
	width: 33%;
	margin-right: 2%;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
  	cursor: pointer;
  	font-size: 1.3em;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-step-3{
	/*background-color: skyblue;*/
	display: flex;
	flex-grow:1;
	justify-content: center;
	flex-direction: column;
	padding: 1%;
	align-items: center;
	width: 33%;
	margin-right: 0%;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
  	cursor: pointer;
  	font-size: 1.3em;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-step-4{
	/*background-color: steelblue;*/
	display: flex;
	flex-grow:1;
	justify-content: center;
	flex-direction: column;
	padding: 1%;
	align-items: center;
	width: 20%;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
  cursor: pointer;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1 h4{
	text-align: center;
	font-size: 0.8em;
	margin-bottom: 7%;
	margin-top: 3%;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1  button{
	font-size: 0.9em;
	background-color: rgba(255,255,255,0);
	border-radius: 50px;
	cursor: pointer;
	padding: 2%;
	box-shadow:-8px -8px 18px 0 rgba(255, 255, 255, 0.55);
    border: none;
    font-family: "Josefin Sans";
    color:#858585 ;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1  button:hover{
	background-color:#79B93B;
	opacity: 0.7;
	transition: 0.3s;
	color: white;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1  button:focus{
	background-color:#79B93B;
	transition: 0.3s;
	color: white;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1  button:active{
	background-color:#79B93B;
	transition: 0.3s;
	color: white;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-1  button .active{
	background-color:#79B93B;
	transition: 0.3s;
	color: white;
}

.fonctionnement .bottom-content-row-2-details-2, .fonctionnement .bottom-content-row-2-details-3,.fonctionnement .bottom-content-row-2-details-4{
	display: none;
}

.fonctionnement .bottom-content-row-2-details-2 i{
	color: #79B93B;
}

.fonctionnement .bottom-content-row-2 img{
	vertical-align: text-bottom;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-2 #bottom-content-row-2-details-1.bottom-content-row-2-details-1{
	font-size: 1.3em;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-2 #bottom-content-row-2-details-2.bottom-content-row-2-details-2{
	font-size: 1.3em;
}

.fonctionnement .inner .content .bottom-content .bottom-content-row-2 #bottom-content-row-2-details-3.bottom-content-row-2-details-3{
	font-size: 1.3em;
}


/*---SECTION 5 : TEMOIGNAGE*/
.temoignage{
	/*background-image: url("img/background_alt_3.png");
	background-size: cover;*/
	height: 100vh;
	margin: auto;
	background-color: whitesmoke;
	display: none;
	margin-bottom: 5%;
}

.temoignage .inner{
	display: flex;
	/*background-color: #bbdefb;*/
	height: 80%;
	padding-top: 7%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #858585;
}

.temoignage .inner .title{
	width: 60%;
	text-align: center;
	color: #4c7dae;
	/*background-color: darkred;*/
	height: 40px;
	margin: 0 auto;
	font-weight: bold;
	font-size:3em;
	flex-grow:0;
	margin-bottom: 5%;
}

.temoignage .inner .content{
	/*background-color: red;*/
	flex-grow:1;
	width: 60%;
	display: flex;
	flex-direction: column;
		border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
}

.temoignage .inner .content .top-content{
	/*background-color: pink;*/
	padding: 1%;
	flex-grow:0.1;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
	font-size: 1.7em;
	align-items: center;
	justify-content: center;
	display: flex;
}

.temoignage .inner .content .top-content-temoignage-logo {
	background-color: whitesmoke;
	width: 5%;
	height: 100%;
	border-radius: 10px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #79B93B;
}

.temoignage .inner .content .bottom-content{
	/*background-color: orange;*/
	padding: 1%;
	flex-grow:1;
	display: flex;
	flex-direction: row;
	padding-bottom: 5%;
	font-size: 1.4em;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
}

.temoignage .inner .content .bottom-content .bottom-content-temoignage-left{
	/*background-color: greenyellow;*/
	display: flex;
	flex-grow: 1;
	align-items: center;
	padding: 3%;
	flex-direction: row;
	font-size: 0.9em;
}

.temoignage .inner .content .bottom-content .bottom-content-temoignage-middle{
	/*background-color: #79B93B;*/
	display: flex;
	flex-grow: 0.1;
	align-items: center;
	justify-content: center;
}

.temoignage .inner .content .bottom-content .bottom-content-temoignage-middle .bottom-content-temoignage-middle-rectangle{
	background: #79B93B;
	display: flex;
	width: 3px;
	flex-grow: 1;
	height: 25%;
	transition: 0.6s;
}

.temoignage .inner .content .bottom-content .bottom-content-temoignage-right{
	/*background-color: lime;*/
	display: flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	padding: 3%;
}

.temoignage .inner .content .bottom-content .bottom-content-temoignage-right img{
	width: 200px;
}

/*---SECTION 6 : AVANTAGES*/
.avantages{
	/*background-image: url("img/background_alt_3.png");
	background-size: cover;*/
	height: 100vh;
	margin: auto;
	background-color: whitesmoke;
	margin-bottom: 5%;
}

.avantages .inner{
	display: flex;
	/*background-color: #bbdefb;*/
	height: 80%;
	padding-top: 7%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #858585;
}

.avantages .inner .title{
	width: 60%;
	text-align: center;
	color: #4c7dae;
	/*background-color: darkred;*/
	height: 40px;
	margin: 0 auto;
	font-weight: bold;
	font-size:3em;
	flex-grow:0;
	margin-bottom: 5%;
}

.avantages .inner .content{
	/*background-color: red;*/
	flex-grow:1;
	width: 60%;
	display: flex;
	flex-direction: column;
}

.slideshow-container {
    max-width: 100%;
    position: relative;
    margin: auto;
    width: 100%;
}

.mySlides {
  display: none;
  height: 500px;
  flex-direction: column;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
  padding: 1%;
  /*background-color: yellow;*/
}

.avantages .inner .content .slideshow-container .slideshow-inner .mySlides.fade img{
	/*background-color: lime;*/
	width:64px ;
}

.slide-img{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2%;
}

.avantages .inner h3{
	font-size: 1.7em;
	color:#4c7dae ;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 3%;
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: #858585;
    font-weight: bold;
    font-size: 30px;
    transition: .6s ease;
		border-radius: 20px;
		box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
}

.next {
    right: -60px;
}

.prev {
    left: -60px;
}

.prev:hover,
.next:hover {
    color: #222428;
}

.text {
    color: #858585;
    width: 100%;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
		font-size: 1.7em;
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}

.active,
.dot:hover {
    background-color: #79B93B
}


/*---SECTION 7 : OFFRES*/
.offres{
	/*background-image: url("img/background_alt_3.png");
	background-size: cover;*/
	height: 100vh;
	margin: auto;
	background-color: whitesmoke;
	margin-bottom: 5%;
}

.offres .inner{
	display: flex;
	/*background-color: #bbdefb;*/
	height: 80%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #858585;
	padding-top: 7%;
}

.offres .inner .title{
	width: 60%;
	text-align: center;
	color: #4c7dae;
	/*background-color: darkred;*/
	height: 40px;
	margin: 0 auto;
	font-weight: bold;
	font-size:3em;
	flex-grow:0;
	margin-bottom: 5%;
}

.offres .inner .content{
	/*background-color: red;*/
	flex-grow:1;
	width: 60%;
	display: flex;
	flex-direction: column;
}

.offres .inner .content .bottom-content{
	/*background-color: orange;*/
	padding: 1%;
	flex-grow:1;
	display: flex;
	flex-direction: column;
	padding-bottom: 5%;
	font-size: 1.4em;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
}

.offres .inner .content .bottom-content .bottom-content-row-1{
	/*background-color: greenyellow;*/
	display: flex;
	flex-grow:0.1;
}

.offres .inner .content .bottom-content .bottom-content-row-2{
	/*background-color: limegreen;*/
	display: flex;
	flex-grow:1;
	padding:1%;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    -8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
 	margin-top: 5%;
 	margin-left: -1%;
 	width: 100%;
}

.offres .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-offre-1{
	/*background-color: aliceblue;*/
	display: flex;
	flex-grow:1;
	justify-content: center;
	justify-content: space-between;
	flex-direction: column;
	padding: 1%;
	align-items: center;
	width: 20%;
	margin-right: 2%;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);
  background-color:rgba(121,185,59,0.1) ;
  cursor: pointer;
}


.offres .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-offre-2{
	/*background-color: powderblue;*/
	display: flex;
	flex-grow:1;
	justify-content: center;
	justify-content: space-between;
	flex-direction: column;
	padding: 1%;
	align-items: center;
	width: 20%;
	margin-right: 2%;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);
  cursor: pointer;
}

.offres .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-offre-3{
	/*background-color: skyblue;*/
	display: flex;
	flex-grow:1;
	justify-content: center;
	justify-content: space-between;
	flex-direction: column;
	padding: 1%;
	align-items: center;
	width: 20%;
	margin-right: 2%;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);
  cursor: pointer;
}

.offres .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-offre-4{
	/*background-color: steelblue;*/
	display: flex;
	flex-grow:1;
	justify-content: center;
	justify-content: space-between;
	flex-direction: column;
	padding: 1%;
	align-items: center;
	width: 20%;
	border-radius: 20px;
	box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
  -8px -8px 18px 0 rgba(255, 255, 255, 0.55);
  cursor: pointer;
}

.offres .inner .content .bottom-content .bottom-content-row-1 h2 .offres-title{
	color:#858585 ;
	text-align: center;
	font-size: 1.2em;
}

.offre-1-title{
	color: #79B93B;
}

.offres .inner .content .bottom-content .bottom-content-row-1 h3{
	color:#252525 ;
	text-align: center;
	font-size:1.3;
}

.offres .inner .content .bottom-content .bottom-content-row-1  button{
	font-size: 0.9em;
	background-color: rgba(255,255,255,0);
	border-radius: 50px;
	cursor: pointer;
	padding: 2%;
	box-shadow:-8px -8px 18px 0 rgba(255, 255, 255, 0.55);
    border: none;
    font-family: "Josefin Sans";
    color:#858585 ;
}


.offres .inner .content .bottom-content .bottom-content-row-1  button:hover{
	background-color:#79B93B;
	opacity: 0.7;
	transition: 0.3s;
	color: white;
}

.offres .inner .content .bottom-content .bottom-content-row-1  button:focus{
	background-color:#79B93B;
	transition: 0.3s;
	color: white;
}

.offres .inner .content .bottom-content .bottom-content-row-1  button:active{
	background-color:#79B93B;
	transition: 0.3s;
	color: white;
}

.offres .inner .content .bottom-content .bottom-content-row-1  button .active{
	background-color:#79B93B;
	transition: 0.3s;
	color: white;
}

.offres .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-offre-2,
.offres .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-offre-3,
.offres .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-offre-4{
	display: none;
}

.bottom-content-row-2-offre-1,
.bottom-content-row-2-offre-2,
.bottom-content-row-2-offre-3,
.bottom-content-row-2-offre-4
{
	/*background-color: orange;*/
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

.bottom-content-row-2-offre-title{
	font-weight: bold;
	text-transform: uppercase;
	color: #79B93B;
	text-align: center;
	margin-bottom: 2%;
	background-color: rgba(121,185,59,0.1);
}

.bottom-content-row-2-offre-presta{
	/*background-color: pink;*/
	display: flex;
	margin-bottom: 0.5%;
}

.bottom-content-row-2-offre-presta-icon{
	/*background-color: yellow;*/
	display: flex;
	width: 5%;
	color:#79B93B;
	align-items: center;
}

.bottom-content-row-2-offre-presta-text{
	/*background-color: lime;*/
	display: flex;
	width: 95%;
	align-items: center;
}


.bottom-content-row-2-offre-annee{
	text-align: center;
	font-style: italic;
	font-weight: bold;
}


/*---SECTION 8 : CONTACTS*/
.contact{
	/*background-image: url("img/background_alt_3.png");
	background-size: cover;*/
	height: 100vh;
	margin: auto;
	background-color: whitesmoke;
}

.contact .inner{
	display: flex;
	/*background-color: #bbdefb;*/
	height: 80%;
	padding-top: 7%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #858585;
}

.contact .inner .title{
	width: 60%;
	text-align: center;
	color: #4c7dae;
	/*background-color: darkred;*/
	height: 40px;
	margin: 0 auto;
	font-weight: bold;
	font-size:3em;
	flex-grow:0;
	margin-bottom: 5%;
}

.contact .inner .content{
	/*background-color: red;*/
	flex-grow:1;
	width: 60%;
	display: flex;
	flex-direction: column;
}

.contact .inner .content .top-content{
	/*background-color: pink;*/
	padding: 1%;
	flex-grow:0;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
	font-size: 1.7em;
}

.contact .inner .content .bottom-content{
	/*background-color: orange;*/
	padding: 1%;
	flex-grow:1;
	display: flex;
	flex-direction: column;
	padding-bottom: 5%;
	font-size: 1.4em;
	text-justify: inter-word;
	text-align: justify;
	line-height: 1.6;
}


/*---SECTION 8 : CONTACT*/
iframe{
	width:100%;
	height: 700px;
	border-color: 0px solid;
}






















/*----------------*/
/*----------------*/
/*----------------*/
/*----------------*/
/*---RESPONSIVE---*/
/*----------------*/
/*----------------*/
/*----------------*/

/*--------*/
/*TABLETTE*/
/*--------*/
@media only screen and (max-width: 1135px){
	/*MENU*/
	.menu{
		background-color: #78b839;
	}

	.m-right{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: auto;
		background-color: #78b839;
		opacity: 0.9;
		transform:translateY(-100%) ;
		transition: all 0.3s ease-in-out;
	}

	.menu .inner .m-left img{
		width: 32px;
		display: flex;
		margin-top: 25px;
	}

	.m-right a{
		height: 5em;
	}

	.m-right a:hover,.m-right a:focus,.m-right a:active{
		text-shadow: 0.3em 0.3em 0.3em #06222cff;
		transition: 0.3s
	}

	.m-link{
		display: block;
		text-align: center;
		padding: 0;
		margin: 0;
	}

	.m-nav-toggle{
		display: flex;
	}

	/*SECTION 1  : PAGE D'ACCUEIL*/

	.accueil .inner .accueil-top-left{
		margin-left: 0%;
	}

		.accueil .inner .accueil-top-left .large-ecran{
			display:none;
		}

		.accueil .inner .accueil-top-left .petit-ecran{
			display:flex;
			margin-bottom: 5%;
			line-height: 1.6;
		}

	.accueil .inner .accueil-top-right{
		margin-right: 0%;
	}

	.accueil .inner .accueil-top-left a button{
		height: 50px;
		width: 200px;
		font-size: 1.2em;	
	}

	.accueil .inner .accueil-top-left a button::before{
		height: 50px;
		width: 200px;
		font-size: 1.2em;	
	}

	.accueil .inner .accueil-top-left p{
		font-size: 1.7em;
		color: white;
	}

	.accueil-bottom{
		width: 40%;
	}

	.accueil .inner .accueil-top-right img{
		width:214px ;
		height: 400px;
	}

	.accueil .inner .accueil-top-left img{
		width:60% ;
	}

	/*SECTION 2 : OBJECTIFS*/
	.objectifs .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.objectifs .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2.5em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 15%;
	}

	.objectifs .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.objectifs .inner .content .top-content{
		/*background-color: pink;*/
		padding: 1%;
		flex-grow:0;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
		font-size: 1.5em;
		margin-bottom: 3%;
	}

	.objectifs .inner .content .bottom-content{
		/*background-color: orange;*/
		padding: 1%;
		flex-grow:1;
		display: flex;
		flex-direction: row;
		padding-bottom: 20%;
		padding-left: 2%;
	}

	.objectifs .inner .content .bottom-content .left-content{
		/*background-color: greenyellow;*/
		flex-grow:0;
		padding: 1%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		color: #4c7dae;
		font-size: 2em;
	}

	.objectifs .inner .content .bottom-content .right-content{
		/*background-color: limegreen;*/
		flex-grow:1;
		padding: 1%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		font-size: 1.5em;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
	}

	.objectifs .inner .content .top-content img{
		vertical-align: text-bottom;
	}

	.objectifs .inner .content .bottom-content{
		/*background-color: orange;*/
		padding: 1%;
		flex-grow:1;
		display: flex;
		flex-direction: row;
		padding-bottom: 5%;
		background-color: rgba(0,0,0,0);
		border-radius: none;
		box-shadow: none;
	}

	/*SECTION 3 : APPLICATIONS*/
	.applications .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.applications .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2.5em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 15%;
	}

	.applications .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.applications .inner .content .top-content{
		/*background-color: pink;*/
		padding: 1%;
		flex-grow:0;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
		font-size: 1.5em;
		margin-bottom: 3%;
	}

	.applications .inner .content .bottom-content{
		/*background-color: orange;*/
		padding: 1%;
		flex-grow:1;
		display: flex;
		flex-direction: column;
		padding-bottom: 20%;
		padding-left: 2%;
		align-items: center;
	}

	.applications .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-left img{
		width: 100px;
	}

	.applications .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-right img{
		width: 100px;
	}

	.applications .inner .content .bottom-content .bottom-content-row-1{
		/*background-color: greenyellow;*/
		display: flex;
		flex-grow:1;
	}

	.applications .inner .content .bottom-content .bottom-content-row-2{
		/*background-color: limegreen;*/
		display: flex;
		flex-grow:1;
	}
	
	.applications .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-left{
		/*background-color: skyblue;*/
		display: flex;
		flex-grow:0.5;
		justify-content: center;
		align-items: center;
		padding: 2%;
	}

	.applications .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-right{
		/*background-color: steelblue;*/
		display: flex;
		flex-grow:1;
		align-items: center;
	}

	.applications .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-left{
		/*background-color: steelblue;*/
		display: flex;
		flex-grow:1;
		align-items: center;
	}

	.applications .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-right{
		/*background-color: skyblue;*/
		display: flex;
		flex-grow:0.5;
		justify-content: center;
		align-items: center;
		padding: 2%;
	}

	/*SECTION 4 : FONCTIONNEMENT*/
	.fonctionnement .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.fonctionnement .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2.5em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 15%;
	}

	.fonctionnement .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.fonctionnement .inner .content .top-content{
		font-size: 1.5em;
	}

	.fonctionnement .inner .content .bottom-content{
		font-size: 1.3em;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-2 {
  		flex-grow: 0.2;
	}


	.fonctionnement .inner .content .bottom-content .bottom-content-row-1 h4{
		font-size: 0.9em;
	}


	/*SECTION 6 : AVANTAGES*/
	.avantages .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.avantages .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2.5em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 15%;
	}

	.avantages .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.avantages .inner .content .top-content{
		font-size: 1.5em;
	}


		.avantages .text{
		font-size: 1.3em;
	}

.avantages .inner h3{
		font-size: 1.3em;	
}


  	/*---SECTION 7 : OFFRES---*/
	.offres{
		padding-top: 0%;
	}

	.offres .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.offres .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2.5em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 15%;
	}

	.offres .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.offres .inner .content .top-content{
		font-size: 1.5em;
	}

	.offres .inner .content .bottom-content{
		font-size: 1.3em;
	}

	.offres .inner .content .bottom-content .bottom-content-row-2 {
  		flex-grow: 0.2;
	}


	.offres .inner .content .bottom-content .bottom-content-row-1 h4{
		font-size: 0.9em;
	} 

	.offres .inner .content .bottom-content .bottom-content-row-1 h3{
		font-size: 0.9em;
	}

	.offre-1-title,
	.offres-title{
		font-size: 1em;
	}


	/*---CONTACT---*/
	.contact{
		padding-top: 0%;
	}

	.contact .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.contact .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2.5em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 15%;
	}

}




/*---------------------*/
/*TABLETTE MODE PAYSAGE*/
/*---------------------*/
@media only screen and (max-width: 1135px) and (orientation:  landscape) {
	
		.accueil .inner .accueil-top-left img{
			width:50% ;
		}

		.accueil .inner .accueil-top-left .large-ecran{
			display:none;
		}

		.accueil .inner .accueil-top-left .petit-ecran{
			display:flex;
			margin-bottom: 5%;
		}

.objectifs {
  /*background-image: url("img/background_alt_3.png");
  background-size: cover;*/
  height: 100vh;
  margin: auto;
    margin-bottom: auto;
  background-color: whitesmoke;
  margin-bottom: 15%;
}



	.objectifs .inner .content .top-content{
		/*background-color: pink;*/
		padding: 1%;
		flex-grow:0;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
		font-size: 1.5em;
		margin-bottom: 0%;
	}	


	.objectifs .inner .content .bottom-content{
		/*background-color: orange;*/
		padding: 1%;
		flex-grow:1;
		display: flex;
		flex-direction: row;
		padding-bottom: 20%;
		padding-left: 5%;
		padding-right: 5%;
	}

	.objectifs .inner .content .bottom-content li{
		margin-bottom: 1%;
	}

	.objectifs .inner .content .bottom-content .left-content{
		/*background-color: greenyellow;*/
		flex-grow:0;
		padding: 1%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		color: #4c7dae;
		font-size: 2em;
	}

	.objectifs .inner .content .bottom-content .right-content{
		/*background-color: limegreen;*/
		flex-grow:1;
		padding: 1%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		font-size: 1.5em;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
	}

	.applications{
		padding-top: 14%;
	}

		.fonctionnement .inner{
		padding-top: 0%;
	}

/*---SECTION 6*/
.mySlides {
  display: none;
  height: 400px;
  flex-direction: column;
  border-radius: 20px;
  box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2), -8px -8px 18px 0 rgba(255, 255, 255, 0.55);
  display: flex;
  padding: 1%;
  /*background-color: yellow;*/
}


.avantages .inner .content {
  /*background-color: red;*/
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: -20%;
}

.dot {
  display: none;
}





/*---SECTION 7*/
	.offres{
		padding-top: 0%;
	}

  .offres .inner .content{
  	width: 100%;
  }

  .offres .inner .title {
  width: 100%;
  text-align: center;
  color: #4c7dae;
  /*background-color: darkred;*/
  height: 40px;
  margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 0px;
  font-weight: bold;
  font-size: 2.5em;
  flex-grow: 0;
  margin-bottom: 5%;
  margin-top: 5%;
}

}











/*----------------*/
/*TELEPHONE MOBILE*/
/*----------------*/
@media only screen and (max-width: 768px){
	/*SECTION 1 : PAGE D'ACCUEIL*/

	.accueil{
		margin-bottom: 5%;
	}

	.accueil .inner .accueil-top-right img{
		display: none;
	}

	.accueil .inner .accueil-bottom{
		width: 80%;
	}

	.accueil .inner .accueil-top-left{
		text-align: center;
		align-items: center;
	}

	.accueil .inner .accueil-top-left .img-logo{
		margin-bottom: 10%;
	}

	.accueil .inner .accueil-top-left .large-ecran{
		display: none;
	}

	.accueil .inner .accueil-top-left .petit-ecran{
		display: flex;
		margin-bottom: 10%;
	}

	/*SECTION 2 : OBJECTIFS*/
	.objectifs{
		margin-bottom: 5%;
	}

	.objectifs .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.objectifs .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 25%;
	}

	.objectifs .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.objectifs .inner .content .top-content{
		/*background-color: pink;*/
		padding: 1%;
		flex-grow:0;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
		font-size: 1.1em;
		margin-bottom: 8%;
	}

	.objectifs .inner .content .bottom-content{
		/*background-color: orange;*/
		padding: 1%;
		flex-grow:1;
		display: flex;
		flex-direction: row;
		padding-bottom: 20%;
		padding-left: 2%;
	}

	.objectifs .inner .content .bottom-content .left-content{
		/*background-color: greenyellow;*/
		flex-grow:0;
		padding: 1%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		color: #4c7dae;
		font-size: 2em;
	}

	.objectifs .inner .content .bottom-content .right-content{
		/*background-color: limegreen;*/
		flex-grow:1;
		padding: 1%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 1em;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
	}

	.objectifs .inner .content .top-content img{
		vertical-align: text-bottom;
		height: 20px;
	}

	.objectifs .inner .content .bottom-content .left-content li{
		margin-bottom: 100%;
		margin-top: 100%;
		text-align: left;
	}

	.objectifs .inner .content .bottom-content .right-content li{
		margin-bottom: 4%;
		margin-top: 4%;
		text-align: left;
	}

	/*---SECTION 3 : APPLICATIONS---*/

	.applications{
		padding-top: 14%;
		margin-bottom: 5%;
	}

	.applications .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.applications .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 25%;
	}

	.applications .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.applications .inner .content .top-content{
		/*background-color: pink;*/
		padding: 1%;
		flex-grow:0;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
		font-size: 1.1em;
		margin-bottom: 3%;
	}


	.applications .inner .content .bottom-content{
		/*background-color: orange;*/
		padding: 1%;
		flex-grow:1;
		display: flex;
		flex-direction: column;
		padding-bottom: 20%;
		padding-left: 2%;
	}

	.applications .inner .content .top-content img{
		vertical-align: top;
		height: 20px;
	}

	.applications .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-left img{
		width: 75px;
	}

	.applications .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-right img{
		width: 75px;
	}

	.applications .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-right{
	/*background-color: steelblue;*/
		font-size: 0.7em;
	}

.applications .inner .content .bottom-content .bottom-content-row-2 .bottom-content-row-2-left{
	/*background-color: steelblue;*/
		font-size: 0.7em;
	}

	/*---SECTION 4 : FONCTIONNEMENT---*/
	.fonctionnement{
		margin-bottom: 5%;
	}

	.fonctionnement .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.fonctionnement .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 25%;
	}

	.fonctionnement .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.fonctionnement .inner .content .top-content{
		/*background-color: pink;*/
		padding: 1%;
		flex-grow:0;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
		font-size: 1.1em;
		margin-bottom: 3%;
	}


	.fonctionnement .inner .content .bottom-content{
		/*background-color: orange;*/
		padding: 1%;
		flex-grow:1;
		display: flex;
		flex-direction: column;
		padding-bottom: 20%;
		padding-left: 2%;
	}

	.fonctionnement .inner .content .top-content img{
		vertical-align: text-bottom;
		height: 20px;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-1 img{
		width: 24px;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-1 {
  		/*background-color: greenyellow;*/
  		display: flex;
  		flex-grow: 0.1;
  		flex-direction: column;
  		font-size: 0.8em;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-step-1{
		/*background-color: skyblue;*/
		display: flex;
		flex-grow:1;
		justify-content: center;
		flex-direction: column;
		padding: 1%;
		align-items: center;
		width: 100%;
		border-radius: 20px;
		box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
    	margin-bottom: 1%;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-step-2{
		/*background-color: skyblue;*/
		display: flex;
		flex-grow:1;
		justify-content: center;
		flex-direction: column;
		padding: 1%;
		align-items: center;
		width: 100%;
		border-radius: 20px;
		box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
    	margin-bottom: 1%;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-step-3{
		/*background-color: skyblue;*/
		display: flex;
		flex-grow:1;
		justify-content: center;
		flex-direction: column;
		padding: 1%;
		align-items: center;
		width: 100%;
		border-radius: 20px;
		box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
    	margin-bottom: 1%;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-step-4{
		/*background-color: skyblue;*/
		display: flex;
		flex-grow:1;
		justify-content: center;
		flex-direction: column;
		padding: 1%;
		align-items: center;
		width: 100%;
		border-radius: 20px;
		box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-1 h4{
		text-align: center;
		font-size: 0.9em;
		margin-bottom: 2%;
		margin-top: 2%;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-2 {
  		/*background-color: greenyellow;*/
  		font-size: 0.8em;
	}

	.fonctionnement .inner .content .bottom-content .bottom-content-row-2{
		/*background-color: limegreen;*/
		display: flex;
		flex-grow:1;
		padding:3%;
		justify-content: center;
		align-items: center;
		border-radius: 20px;
		box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
 		margin-top: 5%;
 		width: 95%;
	}


	/*---SECTION 5 : TEMOIGNAGE*/
	.temoignage{
		margin-bottom: 5%;
	}

	.temoignage .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.temoignage .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 25%;
	}

	.temoignage .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
	}


	/*---SECTION 6 : AVANTAGES*/
	.avantages{
		margin-bottom: 5%;
	}


	.avantages .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.avantages .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 25%;
	}

	.avantages .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
	}

	.avantages .text{
		font-size: 1em;
	}

.avantages .inner h3{
		font-size: 1em;	
}


.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 0px;
  margin-top: -22px;
  padding: 16px;
  color: #858585;
  font-weight: bold;
  font-size: 20px;
  transition: .6s ease;
  border-radius: 20px;
  box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2), -8px -8px 18px 0 rgba(255, 255, 255, 0.55);
  display: flex;
  background-color: whitesmoke;
}

.next {
  right: -26px;
}

.prev{
	left: -26px;
}

.mySlides{
	padding: 10%;
}


	/*---SECTION 7 : OFFRES*/
	.offres{
		padding-top: 7%;
		margin-bottom: 5%;
	}

	.offres .inner{
		display: flex;
		/*background-color: #bbdefb;*/
		height: 100%;
		padding-top: 7%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.offres .inner .title{
		width: 100%;
		text-align: center;
		color: #4c7dae;
		/*background-color: darkred;*/
		height: 40px;
		margin: 0 auto;
		font-weight: bold;
		font-size:2em;
		flex-grow:0;
		margin-bottom: 5%;
		margin-top: 25%;
	}

	.offres .inner .content{
		/*background-color: red;*/
		flex-grow:1;
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.offres .inner .content .top-content{
		/*background-color: pink;*/
		padding: 1%;
		flex-grow:0;
		text-justify: inter-word;
		text-align: justify;
		line-height: 1.6;
		font-size: 1.1em;
		margin-bottom: 3%;
	}


	.offres .inner .content .bottom-content{
		/*background-color: orange;*/
		padding: 1%;
		flex-grow:1;
		display: flex;
		flex-direction: column;
		padding-bottom: 20%;
		padding-left: 2%;
	}

	.offres .inner .content .bottom-content .bottom-content-row-1 {
  		/*background-color: greenyellow;*/
  		display: flex;
  		flex-grow: 0.1;
  		flex-direction: column;
  		font-size: 0.8em;
	}

	.offres .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-offre-1{
		/*background-color: skyblue;*/
		width: 100%;
		margin-bottom: 2%
	}

	.offres .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-offre-2{
		/*background-color: skyblue;*/
		width: 100%;
		margin-bottom: 2%
	}

	.offres .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-offre-3{
		/*background-color: skyblue;*/
		width: 100%;
		margin-bottom: 2%
	}

	.offres .inner .content .bottom-content .bottom-content-row-1 .bottom-content-row-1-offre-4{
		/*background-color: skyblue;*/
		width: 100%;
		margin-bottom: 2%
	}

	.offres .inner .content .bottom-content .bottom-content-row-2 {
  		/*background-color: greenyellow;*/
  		font-size: 0.8em;
	}

	.offres .inner .content .bottom-content .bottom-content-row-2{
		/*background-color: limegreen;*/
		display: flex;
		flex-grow:1;
		padding:3%;
		justify-content: center;
		align-items: center;
		border-radius: 20px;
		box-shadow: 6px 6px 14px 0 rgba(0, 0, 0, 0.2),
    	-8px -8px 18px 0 rgba(255, 255, 255, 0.55);	display: flex;
 		margin-top: 5%;
	}

	.offre-1-title,
	.offres-title{
		font-size: 0.9em;
	}

.offres .inner .content .bottom-content .bottom-content-row-1 h3{
	font-size: 0.8em;
}

.bottom-content-row-2-offre-presta-icon{
	margin-right: 1%;
}

.bottom-content-row-2-offre-annee{
	font-size: 0.8em;
}


/*---CONTACT---*/
.contact .inner .title{
	font-size: 2em;
}

.contact {padding-top: 35%;
}

}

@media only screen and (max-width: 765px) and (max-height: 810px){
	.accuei{}
	.objectifs{
		margin-top: 15%;
	}
	.applications{
		margin-top: 20%;
	}
	.fonctionnement{
		margin-top: 55%;
	}
	.avantages{}
	.offres{}
	.contact{}
}

/*
COULEUR BLEU : 4c7dae / #4c7dae
COULEUR ROUGE : E82828 / #E82828
*/