html {
    background: #ffffff;
}

body {
	margin-left: auto;
	margin-right: auto;
    background: #ffffff;
    color: #3C3C3B;
  	font-family: 'Albert Sans', sans-serif;
    font-size: 16px;
  	font-weight: 500;
    max-width: 1440px;
}

h1, h2, h3, h4, h5, h6 {
    color: #3C3C3B;
    font-weight: 700;
}

a {
    color: #0083e8;
}

b, strong {
    font-weight: 700;
}

.clear{
	clear: left;
}

.clearRight{
	clear: right;
}

.titreRouge {
	color: #E41F2E;
}

/******************************/
/**************HEADER**********/
/******************************/

.header{
	width: 1304px;
	height: 100px;
	margin:0 68px;
}

.mobileHeaderBtn{
	display: none;
}

.headerLogo{
	position: relative;
	top: 13px;
	float: left;
	width: 188px;
	height: 72.73px;
}

.header_title {
	position: relative;
	top: 22px;
	float: left;
	color: #E41F2E;
	font-size: 42px;
	font-weight: 800;
	left:35px;
}

.headerColonne2{
	float: right;
}

.header_button {
	position: relative;
	top: 25px;
	width: 185px;
	height: 50px;
	background-color: #ffffff;
	border:1px solid #E41F2E;
	border-radius: 30px;
	color: #E41F2E;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
}

.header_button:hover {
	background-color: #E41F2E;
	color: #FFFFFF;
	font-size: 20px;
	
}

/******************************/
/************FIN HEADER********/
/******************************/

/******************************/
/************BASELINE**********/
/******************************/

.containerBaseline {
	width: 1304px;
	height: 540px;
	margin:0 68px;
}

.containerBaseline_left {
	float: left;
	width: 848px;
	height: 540px;
	background-color: #E41F2E;
	text-align: center;
}

.containerBaseline_left img {
	max-height: 44Opx;
}

.baselineLeft_title{
	margin:auto;
	
}

.containerBaseline_left h1 {
	padding-bottom: 5px;
	color: #FFFFFF;
	font-size: 40px;
	font-weight: 600;
}

.containerBaseline_right {
	position: relative;
	float: left;
	width: 456px;
	height:540px;
	background-color: #F2EBE3;
	margin-bottom: 0;
}

.baselineRight_title {
	position: absolute;
	top: 25px;
	color: #3C3C3B;
	font-size: 14px;
	font-weight: 700;
	padding-left: 20px;
}


.baselineRight_title h2{
	color: #E41F2E;
	font-size: 18px;
	font-weight: 700;
}

.baselineRight_form{
	position: absolute;
	top: 120px;
	margin-top: 10px;
	padding-left: 20px;
}

.baselineRight_form input {
	border:1px solid #CBB2B2;
	width: 90%;
	height: 51px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 16px;
	padding-left:20px;
 }

/*.baselineRight_form #inputPrenom{
	width: 42%;
	float: left;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	padding-left:20px;
}*/

.inputChampPrenom{
	width: 42%;
	float: left;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	padding-left:20px;
}

/*.baselineRight_form #inputNom{
	width: 42%;
	float: left;
	padding: 0;
	margin-left: 6px;
	font-weight: normal;
	font-size: 16px;
	padding-left:20px;
}*/

.inputChampNom{
	width: 42%;
	float: left;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	padding-left:20px;
}

.formRgpd {
	float: left;
	font-weight: 400;
	font-size: 14px;
}

input[type="checkbox"]{
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 15px;
}

input::placeholder {
  color: #3C3C3B;
	font-weight: lighter;
}

.formButton button{
	background-color: #E41F2E;
	color: #ffffff;
	border-radius: 30px;
	border: none;
	padding:14px 24px;
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
}

.formButton button:hover{
	background-color: #FFFFFF;
	border: 1px solid #E41F2E;
	color: #E41F2E;
}


/******************************/
/**********FIN BASELINE********/
/******************************/



/******************************/
/**********BIENVENUE***********/
/******************************/


.containerBienvenue {
	position: relative;
	width: 1304px;
	height: 260px;
	margin:75px 68px 0 68px;
	font-size: 30px;
	font-weight: 700;
}


.bienvenueImage {
	background-image: url("img/a-seul1.png");
	float: left;
	width: 185px;
	height: 185px;
	background-color: #F2EBE3;
}

.bienvenueText{
	float: left;
	width: 960px;
	margin: 25px 35px;
}

.containerBienvenue_text1 {
	float: right;
	top:15px;
	left: 15px;
}

.containerBienvenue_text2 {
	float: left;
	display: inline-flex;
	align-items: center;
	margin: auto 0;
	top:15px;
	left: 15px;
}

.bienvenueText2{
	float: left;
	margin: auto 10px;
}



/******************************/
/**********FIN BIENVENUE*******/
/******************************/


/******************************/
/*********REJOINDRE************/
/******************************/

.containerRejoindre{
	position: relative;
}

.containerRejoindre1 {
	position: relative;
	z-index: 2;
}

.rejoindreColonne1 {
	width: 407px;
	float: left;
	margin-left: 168px;
}

.rejoindreColonne1 h2 {
	font-size: 50px;
	font-weight: 700;
	margin: 0;
}

.rejoindreColonne1 .containerRejoindre_list ul li{
	list-style: url('img/fleche2.png');
	font-size: 16px;
	font-weight:lighter;
	margin: 0 0 15px 0;
}

.rejoindreColonne2 {
	width: 298px;
	float: left;
	margin-left: 32px;
}

.rejoindreColonne3 {
	width: 408px;
	float: left;
	margin-left: 32px;
}

.containerRejoindre2{
	z-index: 1;
	position: absolute;
	top: 355px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 59px;
	width: 85%;
	height: 78px;
	padding: 92px 68px; 
	background-color: #E41F2E;
	color: #ffffff;
	font-weight: lighter;
	font-size: 16px;
}

.containerRejoindre_btn{
	text-align: center;
	margin-top: 0;
}

.containerRejoindre_btn button{
	background-color: #E41F2E;
	color: #ffffff;
	border-radius: 30px;
	border: none;
	padding:14px 24px;
	margin-top: 238px;
	font-size: 18px;
	font-weight: 600;
}

.containerRejoindre_btn button:hover{
	background-color: #FFFFFF;
	border: 1px solid #E41F2E;
	color: #E41F2E;
	padding:12px 22px;
}


/******************************/
/**********FIN REJOINDRE*******/
/******************************/


/******************************/
/*********VALEURS**************/
/******************************/

.containerValeurs{
	width: 1304px;
	height: 370px;
	margin:120px 68px 122px 68px;
}

.valeursImage1{
	width: 298px;
	height: 366px;
	float: left;
}

.valeursImage2{
	width: 408px;
	height: 366px;
	float: left;
	margin-left: 32px;
}

.valeursTextes{
	float: left;
	width: 518px;
	height: 366px;
	margin-left: 32px;
}

.valeursTextes h2 {
	font-size: 50px;
	font-weight: 700;
	margin:0;
}

.mobileValeursListe{
	display: none;
}

.valeursUl1{
	float: left;
}

.valeursUl2{
	float: left;
}

.valeursTextes ul li{
	list-style: url('img/Vector.png');
	font-size: 16px;
	margin: 0 0 15px 0;
	color: #E41F2E;
	font-weight: 700;
}

.valeursButton button{
	background-color: #E41F2E;
	color: #ffffff;
	border-radius: 30px;
	border: none;
	padding:14px 24px;
	font-size: 18px;
	font-weight: 600;
	margin-top: 30px;
}

.valeursButton button:hover{
	background-color: #FFFFFF;
	border: 1px solid #E41F2E;
	color: #E41F2E;
}


/******************************/
/*********FIN VALEURS**********/
/******************************/



/******************************/
/*********ATOUTS***************/
/******************************/

.mobileContainerAtouts{
	display: none;
}

.containerAtouts{
	width: 1304px;
	background-color: #F2EBE3;
	margin-top: 0;
	padding: 80px 68px 1px 68px;
}

.atoutsTitle h2 {
	font-size: 50px;
	font-weight: 700;
	margin:0;
}

.gridAtouts{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 15px;
	background-color: #F2EBE3;
	margin-top: 10px;
}

.atoutsList1 ul li {
	list-style: url('img/fleche2.png');
	font-size: 16px;
	font-weight:lighter;
	margin: 0 0 15px 0;
	color: #3C3C3B;
}

.atoutsList2 ul li {
	list-style: url('img/fleche2.png');
	font-size: 16px;
	font-weight:lighter;
	margin: 0 0 15px 0;
	color: #3C3C3B;
}

.atoutsList3 ul li {
	list-style: url('img/fleche2.png');
	font-size: 16px;
	font-weight:lighter;
	margin: 0 0 15px 0;
	color: #3C3C3B;
}

.atoutsBtn{
	text-align: center;
	margin:15px auto 75px auto;
}

.atoutsBtn button{
	background-color: #E41F2E;
	color: #ffffff;
	border-radius: 30px;
	border: none;
	padding:14px 24px;
	font-size: 18px;
	font-weight: 600;
}

.atoutsBtn button:hover{
	background-color: #FFFFFF;
	border: 1px solid #E41F2E;
	color: #E41F2E;
}

/******************************/
/*****FIN ATOUTS***************/
/******************************/


/******************************/
/*******CHIFFRES***************/
/******************************/

.containerChiffres{
	width: 1148px;
	margin: 100px auto 0 auto;
}

.containerChiffres h2{
	font-size: 50px;
	font-weight: 700;
	margin:0 0 15px 0;
}

.chiffresImage{
	float: left;
	width: 408px;
	height: 370px;
}

.chiffresList{
	float: left;
	width: 298px;
	height: 290px;
	background-color: #F2EBE3;
	margin-left: 32px;
	padding: 40px;
}

.chiffresList ul li{
	list-style: url('img/fleche2.png');
	font-size: 16px;
	font-weight:lighter;
	margin: 0 0 15px 0;
	color: #3C3C3B;
}

.chiffresNum{
	float: left;
	margin-left: 32px;
	width: 298px;
	height: 370px;
	background-color: #E41F2E;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 700;
}

.chiffresNum_span{
	font-size: 66px;
	font-weight: 700;
}


/******************************/
/*******FIN CHIFFRES***********/
/******************************/


/******************************/
/*******CONDITIONS*************/
/******************************/


.containerConditions{
	position: relative;
	width: 1148px;
	margin: 100px auto 0 auto;
}

.containerConditions h2{
	font-size: 50px;
	font-weight: 700;
	margin:0 0 15px 0;
}


.conditionsContenu_grid {
	text-align: left;
	float: left;
	display:grid;
	grid-template-columns: 335px 335px;
	grid-gap: 32px;
	font-size: 16px;
	font-weight: lighter;
	color: #3C3C3B;
	height: 280px;
}

.conditionsContenu_grid >div{
	background-color: #F2EBE3;
}

.conditionsGrid_content{
}

.conditionsNum_span{
	color:#E41F2E;
	font-size: 46px;
	font-weight: 700;
}

.conditionsContenu_img{
	float: right;
	width: 408px;
}

.conditionsContenu .conditionsBtn button {
	text-align: center;
}

.conditionsBtn{
	text-align: center;
	margin: 0 auto;
}

.conditionsBtn button{
	margin-top: 46px;
	background-color: #E41F2E;
	text-align: center;
	color: #ffffff;
	border-radius: 30px;
	border: none;
	padding:14px 24px;
	font-size: 18px;
	font-weight: 600;
}

.conditionsBtn button:hover{
	background-color: #FFFFFF;
	border: 1px solid #E41F2E;
	color: #E41F2E;
}
/******************************/
/*******FIN CONDITIONS*********/
/******************************/


/******************************/
/**********PARTENAIRES*********/
/******************************/

.containerPartenaires{
	position: relative;
	width: 1140px;
	margin:120px 68px 100px 68px;
}

.partenairesTitle h2{
	font-size: 50px;
	font-weight: 700;
	margin: 0 0 15px 0;
}

/******DEBUT SLIDE *********/
/***************************/
/***************************/

.slider{
    width: 1440px;
	overflow: hidden;
}

.slides{
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: slides 60s linear infinite;
}
.slide{
	float: left;
}

@keyframes slides {
	0% {
	  transform: translate3d(0, 0, 0);
	}
	100% {
	  transform: translate3d(-50%, 0, 0);
	}
}

/******FIN SLIDE ***********/
/***************************/
/***************************/



/******************************/
/******FIN PARTENAIRES*********/
/******************************/



/******************************/
/******FRANCHISES**************/
/******************************/
.containerFranchises{
	width: 1304px;
	margin:0 68px 60px 68px;
}

.containerFranchises h2{
	font-size: 50px;
	font-weight: 700;
	margin: 0 0 15px 0;
}

.franchisesGrid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}
.franchisesGrid img {
	width: 100%;
}

.franchisesGrid h3{
	font-size: 22px;
	font-weight: 500;
	color: #E41F2E;
	margin: 10px 0;
}

.franchisesGrid p{
	margin: 0;
}

.franchisesBtn{
	text-align: center;
	margin: 0 auto;
}

.franchisesBtn button{
	background-color: #E41F2E;
	text-align: center;
	color: #ffffff;
	border-radius: 30px;
	border: none;
	padding:14px 24px;
	font-size: 18px;
	font-weight: 600;
	margin-top: 35px;
}

.franchisesBtn button:hover{
	background-color: #FFFFFF;
	border: 1px solid #E41F2E;
	color: #E41F2E;
}

/******************************/
/******FIN FRANCHISES**********/
/******************************/


.footer{
	position: absolute;
	width: 1440px;
	background-color: #F2EBE3;
}

.footerTitle{
	position: relative;
	margin:75px auto 45px auto;
	text-align: center;
}

.footerTitle h2{
	font-size: 32px;
	font-weight: 700;
	color: #3C3C3B;

}

.footerGrid{
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 2fr;
	grid-gap: 20px;
	margin: 0 68px;
	}

.footerGrid ul{
	padding-left: 0;
	margin-bottom: -6px;
}

.footerGrid ul li{
	list-style: none;
	font-size: 16px;
	font-weight:500;
	padding: 0;
	margin: 0;
	color: #3C3C3B;
}

.footerContact li{
	font-weight: 700;
}

.footerSeparator{
	width: 300px;
	height: 5px;
	border-bottom: 1px solid #3C3C3B;
}

.footerMentions{
	position: relative;
	float: left;
	top: 500px;
	color: #3C3C3B;
	font-weight: 400;
}


/*********MERCI**********************/
/************************************/
/************************************/
.merci{
	margin: 10 auto;
	text-align: center;
}

.merci img{
	margin: 10 auto;
	text-align: center;
}

.btn {
	background: #011c37;
	color: #15DEA5;
	font-size: 3rem;
	cursor: pointer;
	padding: 1.85rem 3rem;
	border-radius: 10rem;
	transition-property: transform;
	transition-duration: 400ms;
}

.btn:hover {
	transform: scale(1.15);
}

/*********FIN MERCI******************/
/************************************/
/************************************/



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

@media only screen and (max-width: 600px) {
	body{
		margin-left: auto;
		margin-right: auto;
		max-width: 600px;
	}

	.header{
		width: 100%;
		max-width: 600px;
		height: 90px;
		margin: 0;
	}

	.headerLogo{
		position: relative;
		top: 23px;
		left: 20px;
		float: left;
		width: 120px;
		height: 50px;
	}
	
	.headerLogoImg{
		width:110px;
	}

	.header_title {
		position: relative;
		top: 16px;
		float: left;
		color: #E41F2E;
		font-size: 42px;
		font-weight: 800;
		/*left:35px;*/
	}

	.headerColonne2{
		float: right;
	}
	
	.headerColonne2{
		display: none;
	}
	
	.mobileHeaderBtn{
		display: inline;
		float: right;
	}

	.mobileHeader_button{
		position: relative;
		top: 25px;
		width: 50px;
		height: 50px;
		background-color: #ffffff;
		border:1px solid #E41F2E;
		border-radius: 30px;
		color: #E41F2E;
		text-align: center;
		cursor: pointer;
	}
	
	.containerBaseline {
		width: 100%;
		max-width: 600px;
		height: 420px;
		margin:0 auto;
	}

	.containerBaseline_left {
		width: 100%;
		/*height: 420px;*/
		height: auto;
		
	}

	.baselineImage1{
		width: 100%;
		height: auto;
		max-width: 600px;
	}
	
	.containerBaseline_left img {
		/*max-height: 312px;*/
		max-height: auto;
	}

	.baselineLeft_title{
		margin:auto;
	}

	.containerBaseline_left h1 {
		font-size: 30px;
		text-align: center;
		padding-bottom: 0;
	}

	.containerBaseline_right {
		position: relative;
		float: left;
		width: 100%;
		max-width: 600px;
		height:auto;
	}

	.baselineRight_title {
		width: 96%;
		margin: 0 auto;
		text-align: center;
		line-height: 15px;
		top: 10px;
	}


	.baselineRight_title h2{
		text-align: left;
		font-size: 28px;
		line-height: 25px;
	}
	
	.baselineRight_title p{
		text-align: left;
		font-size: 21px;
		font-weight: 400;
	}

	.baselineRight_form{
		position: absolute;
		top: 140px;
		margin-top: 0;
	}
	
	.baselineForm{
		width: 100%;
		max-width: 600px;
	}

	.baselineRight_form input {
		max-width: 600px;
		height: 50px;
		padding-left: 20px;
	}

	.inputPrenom{
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		float: left;
	}
	
	.inputChampPrenom{
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		float: left;
	}
	
	.inputNom{
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		float: left;
	}
	
	/*.baselineRight_form #inputPrenom{
		width: 1OO%;
		max-width: 600px;
		height: 50px;
	}

	.baselineRight_form #inputNom{
		margin-left: 0;
		width: 1OO%;
		max-width: 600px;
		height: 50px;
	}*/
		
	.formRgpd {
		width: 100%;
		max-width: 600px;
	}

	input[type="checkbox"]{
		float: left;
		width: 20px;
		height: 20px;
		margin-right: 15px;
	}
	/*
	input::placeholder {
		color: #3C3C3B;
		font-weight: lighter;
	}*/

	.formButton {
		left: 20px;
	}
	
	.formButton button{
		text-align: left;
		margin-top: 30px;
	}

	/*.formButton button:hover{
		background-color: #FFFFFF;
		border: 1px solid #E41F2E;
		color: #E41F2E;
	}*/
	
	.containerBienvenue {
		position: absolute;
		top: 970px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		max-width: 600px;
		left: 0;
		padding: 0;
	}

	.bienvenueImage {
		display: none;
	}

	.bienvenueText{
		position: relative;
		top: 50px;
		left: 0;
		width: 100%;
		max-width: 600px;
		margin: 0;
	}

	.containerBienvenue_text1 {
		position: absolute;
		top: 40px;
		left: 0;
		float: right;
		width: 90%;
		max-width: 600px;
		padding-left: 20px;
	}

	.containerBienvenue_text2 {
		position: absolute;
		top: 190px;
		width: 100%;
		max-width: 600px;
		margin: 40px auto;
	}

	/*
	.bienvenueText2{
		float: left;
		margin: auto 10px;
	}
	*/
	
	
	.bienvenueLogo{
		position: relative;
		top:60px;
		left:-225px;
	}
	
	.containerRejoindre{
		width: 100%;
		max-width: 600px;
		top: 690px;
		left: 0;
		margin: 50px auto 20px auto;	
	}

	.containerRejoindre1 {
		position: relative;
		top: 50px;
		width: 100%;
		max-width: 560px;
		margin: 0 auto;
	}

	.rejoindreColonne1 {
		position: relative;
		top: 100px;
		width: 100%;
		max-width: 600px;
		left: 0;
		margin-left: 0;
	}

	.rejoindreColonne1 h2 {
		width: 100%;
		max-width: 600px;
		font-size: 50px;
		font-weight: 700;
		margin: 0;
		padding: 0 0 0 20px;
	}
	
	.containerRejoindre_list{
		width: 90%;
		max-width: 500px;
		padding: 0 0 0 20px;
	}
	
	.rejoindreColonne1 .containerRejoindre_list ul{
		width: 90%;
		max-width: 600px;
	}

	.rejoindreColonne1 .containerRejoindre_list ul li{
		width: 100%;
		max-width: 600px;
		list-style: url('img/fleche2.png');
		font-size: 16px;
		font-weight:500;
		margin: 0 0 15px 0;
	}

	.rejoindreColonne2 {
		display: none;
	}
	
	.rejoindreImage1{
		display: none;
	}
	
	.rejoindreColonne3 {
		position: relative;
		top: 100px;
		width: 100%;
		max-width: 600px;
		float: left;
		margin-left: -20px;
	}
	
	.rejoindreImage2{
		display: block;
		width: 104%;
		max-width: 600px;
		margin: 0 auto;
	}

	.containerRejoindre2{
		z-index: unset;
		position: relative;
		top: 150px;
		display: block;	
		width: 100%;
		max-width: 600px;
		padding: 20px 0;
		height: auto;
		font-weight: 200;
		font-size: 20px;
	}
	
	.containerRejoindre2 >div{
		width: 90%;
		max-width: 600px;
		padding: 0 0 10px 20px;
	}

	.containerRejoindre_btn{
		position: relative;
		top: 130px;
		text-align: center;
		background-color: #FFFFFF;
		width: 100%;
		max-width: 600px;
		margin-top: 40px;
	}

	.containerRejoindre_btn button{
	background-color: #E41F2E;
	color: #ffffff;
	border-radius: 30px;
	border: none;
	padding:14px 24px;
	margin-top: 0;
	font-size: 18px;
	font-weight: 600;
	}

	.containerRejoindre_btn button:hover{
	background-color: #FFFFFF;
	border: 1px solid #E41F2E;
	color: #E41F2E;
	padding:12px 22px;
	}

	.containerValeurs{
		position: relative;
		top: 840px;
		width: 100%;
		max-width: 600px;
		height: auto;
		margin:0;
	}

	.valeursImage1{
		display: none;
	}
	
	.valeursImage1_1{
		display: none;
	}

	.valeursImage2{
		width: 100%;
		max-width: 600px;
		height: auto;
		float: left;
		margin-left: 0;
	}
	
	.valeursImage1_2{
		width: 100%;
		max-width: 600px;
	}

	.valeursTextes{
		float: left;
		width: 100%;
		max-width: 600px;
		height: auto;
		margin-left:0;
	}

	.valeursTextes h2 {
		font-size: 50px;
		font-weight: 700;
		margin-left: 20px;
	}
	
	.valeursTextes ul li{
		display: block;
	}
	
	.valeursListe{
		display: none;
	}
	
	.mobileValeursListe{
		display: block;
		position: relative;
		top: 20px;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	
	.mobileValeursUl1 {
		display: block;
		position: relative;
		top: 50px;
		width: 100%;
		max-width: 600px;
		margin:0 auto;
	}
	
	.mobileValeursUl1 ul li{
		list-style: url('img/Vector.png');
		font-size: 16px;
		margin: 0 0 15px 0;
		color: #E41F2E;
		font-weight: 700;
	}

	.valeursUl1{
		display: none;
	}
	
	.valeursUl1 li{
		display: none;
	}

	.valeursUl2{
		display: none;
	}

	.valeursTextes ul li{
		display: none;
	}

	.valeursButton{
		position: relative;
		top: 120px;
		float: left;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		text-align: center;
	}
	
	.valeursButton button{
		font-weight: 500;
		margin-top: 0;
	}

	.valeursButton button:hover{
	background-color: #FFFFFF;
	border: 1px solid #E41F2E;
	color: #E41F2E;
	}
	
	
	.containerAtouts{
		display: none;
	}
	
	.mobileContainerAtouts{
		position: relative;
		float: left;
		top: 700px;
		display: block;
		width: 100%;
		height: auto;
		max-width: 600px;
		margin: 0 auto;
		background-color: #F2EBE3;
	}
	
	.mobileAtoutsList1 ul li {
		list-style: url('img/fleche2.png');
		font-weight:lighter;
		margin: 0 0 15px 0;

	}
	
	.mobileContainerAtouts_image1{
		text-align: center;
	}
	.mobileContainerAtouts_image2{
		text-align: center;
	}
	.mobileContainerAtouts_image3{
		text-align: center;
	}
	
	.containerChiffres{
		float: left;
		position: relative;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		top: 780px;
	}
	
	.chiffresImage{
		display: none;
	}
	
	.chiffresImage1{
		display: none;
	}

	.chiffresList{
		float: left;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0;
		}

	.chiffresNum{
		float: left;
		margin:0 auto;
		width: 100%;
		height: auto;
	}
	
	.containerConditions{
		float: left;
		position: relative;
		width: 100%;
		margin: 0 auto;
		top: 820px;
	}

	.conditionsContenu{
		position: relative;
		width: 100%;
		max-width: 600px;
		text-align: center;
	}

	.conditionsContenu_grid {
		position: absolute;
		width: 100%;
		text-align: center;
		float: left;
		display:block;
		font-size: 16px;
		font-weight: lighter;
		height: 280px;
		}

	.conditionsContenu_grid >div{
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		height: auto;
	}

	.conditionsContenu_img{
		position: absolute;
		top: 380px;
		float: left;
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		
	}
	
	.conditionsImage{
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
	
	.conditionsContenu .conditionsBtn button {
	text-align: center;
	}

	.conditionsBtn {
		position: absolute;
		top: 810px;
		width: 100%;
		max-width: 600px;
		float: left;
		text-align: center;
		margin: 0 auto;
	}
	
	.containerPartenaires{
		position: relative;
		top: 1680px;
		width: 100%;
		max-width: 600px;
		margin:0 auto;
	}
	
	.containerFranchises{
		position: relative;
		top: 1720px;
		width: 100%;
		margin:0 auto;
	}

	.franchisesGrid {
		display: block;
	}
	
	.franchisesGrid img {
		width: 100%;
	}
	
	.franchisesGrid p{
		margin: 0 0 10px 0;
	}
	
	.franchisesBtn{
		position: absolute;
		width: 100%;
		max-width: 600px;
		text-align: center;
		margin: 0 auto;
	}

	.franchisesBtn button{
		margin-top: 10px;
	}
	
	.footer{
		position: relative;
		width: 100%;
		max-width: 600px;
		top: 1760px;
		height: auto;
	}	
	
	.footerImage{
		margin: 0 auto;
		text-align: center;
	}

	.footerImage1{
		width: 70%;
		max-width: 600px;
		margin: 0 auto;
	}
	
	.footerGrid{
		display: block;
		margin: 0 auto;
	}

	.footerMag1{
		float: left;
		width: 50%;
		background-color: #F2EBE3;
	}
	
	.footerMag2{
		float: left;
		width: 50%;
		background-color: #F2EBE3;
	}
	
	.footerContact{
		position: relative;
		float: left;
		width: 100%;
		max-width: 600px;
		background-color: #F2EBE3;
	}
	
	.footerGrid ul{
	padding-left: 0;
	margin-bottom: -6px;
	}

	.footerGrid ul li{
	list-style: none;
	font-size: 16px;
	font-weight:500;
	padding: 0;
	margin: 0;
	color: #3C3C3B;
	}

	.footerContact li{
		font-weight: 700;
	}

	.footerSeparator{
		width: 100%;
		max-width: 600px;
		height: 5px;
		border-bottom: 1px solid #3C3C3B;
	}

	.footerMentions{
		top: 20px;
	}

}