@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Nunito:ital,wght@0,600;0,700;1,600;1,700&family=Poppins:ital,wght@0,400;0,500;1,400;1,500&display=swap');

* 
{
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0; /*contour sur les liens à enlever*/
    border: 0;

}

header 
{
	height: 7vw;
	width: 100%;
	background-color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	top: 0;
	z-index: 4;
	box-shadow: 0 0.4vw 9px 0.1vw rgba(0, 0, 0, 0.4);
}

header > a 
{
	height: 6vw;
}

header nav 
{
	height: 100%;
}

header img 
{
	height: 6vw;
	width: auto;
	padding-left: 1vw;
}

header ul 
{
	display: flex;
	font-family: nunito;
	font-weight: 600;
	font-size: 1.1vw;
	height: 100%;
}

header ul li 

{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 100%;
	width: 10vw;
}

header ul li a 
{
	color: #02559F;
	transform: translateY(0);
	transition: all 40ms ease-in 100ms;
	height: 100%;
	width: 100%;
	padding-left: 0.6vw;
	padding-right: 0.6vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

header ul li a:hover 
{
	color: #ED6F19;
	transform: translateY(-0.15vw);
	transition: all 120ms ease-in 50ms;
}

header ul #selec 
{
	font-weight: 800;
	color: #ED6F19;
}

#m-b 
{
	display: none;
}

main
{
	background: #02559F;
	position: relative;
	overflow: hidden;
} 

#contenant-banniere
{
	background-image: url("img/banniere2.png");
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
}

#slider-banniere
{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
	background-image: linear-gradient(to top, #02559F 15vw,transparent 18vw);
}

#slider-banniere p 
{
	display: none;
	font-size: 1.5vw;
	color: white;
	font-family: nunito;
	text-align: center;
	padding: 0.3vw;
}

#slider-banniere p.selectionnate
{
	display: block;
}

#slider-banniere ul
{
	display: flex;
	width: 75%;
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2vw;
	padding-bottom: 4vw;
} 

#slider-banniere ul li 
{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: white;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 0.9vw;
	padding-bottom: 0.9vw;
	border-radius: 1.4vw;
	font-family: nunito;
	font-weight: 600;
	font-size: 1.1vw;
	width: 30%;
	box-shadow: 0 0.4vw 9px 0.1vw rgba(0, 0, 0, 0.4);
	transform: translateY(0);
	transition: all 80ms ease-in 100ms;
}

#art-val, #partie-droite>div, #partie-droite>article
{
box-shadow: 0 0.4vw 9px 0.1vw rgba(0, 0, 0, 0.4);
}

#slider-banniere ul li:hover 
{
	transform: translateY(-0.40vw);
	transition: all 40ms ease-in 50ms;
	cursor: pointer;
	box-shadow: 0 0.5vw grey;
}

#slider-banniere ul #sel:hover 
{
	transform: unset;
	box-shadow: 0 0.4vw 9px 0.1vw rgba(0, 0, 0, 0.4);
}

#slider-banniere ul li strong 
{
	color: #ED6F19;
	font-weight: bolder;
	font-size: 2.2vw;
	display: inline;
}


#slider-banniere ul li br 
{
	content: "";
	display: block;
	margin-bottom: -0.5vw;
} 

#slider-banniere #sel 
{
	background-image: linear-gradient(to bottom right, #F9B837, #F66A4E);
}	

#slider-banniere #sel strong 
{
	color: black;
}

#articles 
{
	margin-top: 17vw;
	width: 82%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: 3vw;
}

#art-val
{
	width: 48%;
	height: 50vw;
	background-color: white;
	border-radius: 1vw;
	position: relative;
}

#art-val h2
{
	color: #ED6F19;
	font-weight: bolder;
	font-family: nunito;
	font-size: 2.2vw;
	padding-top: 0.5vw;
	padding-left: 0.8vw;
}

#art-val p 
{
	font-weight: 600;
	font-family: nunito;
	font-size: 1.1vw;
	padding-left: 0.8vw;
	padding-right: 0.8vw;
	display: none;
}

#art-val p.selectionnate
{
	display: block;
}

#art-val ul  
{
	display: flex;
	justify-content: space-around;
	padding-top: 0.5vw;
}

#art-val ul li 
{
	font-size: 1.1vw;
	color: #ED6F19;
	font-family: nunito;
	width: 25%;
	display: flex;
	justify-content: center;
	padding-top: 0.8vw;
	border-radius: 1vw 1vw 0 0;
	transform: translateY(0);
	transition: all 80ms ease-in 100ms;
}

#art-val ul li:hover 
{
	transform: translateY(-0.40vw);
	transition: all 40ms ease-in 50ms;
	cursor: pointer;
}

#art-val #sel-val:hover
{
	transform: unset;
}


#slider-valeur
{
	font-size: 0.88vw;
	padding-top: 0.5vw;
	background-color: rgba(237, 111, 25, 0.66);
	width: 100%;
	padding-left: 0.3vw;
	padding-right: 0.3vw;
	z-index: 2;
	position: relative;
}

#art-val > p
{
	display: block;
}


#art-val #sel-val 
{
	background-color: rgba(237, 111, 25, 0.66);
	color: black;
}


#art-val img 
{
	display: none;
}

img#img-sel-val
{
	position: absolute;
	height: auto;
	width: 100%;
	bottom: 0vw;
	z-index: 0;
	display: block;
}


#partie-droite
{
	width: 39vw;
}

#partie-droite article 
{
	background-color: white;
	border-radius: 1vw;
	width: 100%;
	height: 39vw;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

#partie-droite article div
{
	width: 19vw;
	height: 19vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

#partie-droite article div h3
{
	color: white;
	font-family: nunito;
	font-weight: 600;
	font-size: 1.46vw;
	background-color: rgba(88, 143, 192, 0.5);
	width: 80%;
	height: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1vw;
	position: absolute;
	transition: background-color 0.08s ease-out;
}

#partie-droite article h2 
{
	position: absolute;
	
	font-size: 2.2vw;
	font-family: nunito;
	font-weight: 800;
	text-decoration: none;
}
#partie-droite article h2 a 
{
	color: #ED6F19;
	padding-right: 1.2vw;
	padding-left: 1.2vw;
	padding-top: 0.8vw;
	padding-bottom: 0.8vw;
	background-color: white;
	border-radius: 1vw;
	box-shadow: 0 0.3vw 9px 0.1vw rgb(0 0 0 / 40%);
}

#partie-droite article div:nth-of-type(1),
#partie-droite article div:nth-of-type(2)
{
    Align-self: flex-end;
}

#partie-droite article div:nth-of-type(3),
#partie-droite article div:nth-of-type(4)
{
	align-self: flex-start;
}

#partie-droite .parent
{
	overflow: hidden;
	position: relative;
}

#partie-droite article #e-commerce
{
	background-image: url("img/ecommercemin.jpg");
	background-size: cover;
	overflow: hidden;
	transition: transform 0.08s ease-out;
}

#partie-droite .parent:nth-of-type(1)
{
	border-radius: 0.75vw 0 0 0;
}

#partie-droite .parent:nth-of-type(2)
{
	border-radius: 0 0.75vw 0 0;
}

#partie-droite .parent:nth-of-type(3)
{
	border-radius: 0 0 0 0.75vw ;
}

#partie-droite .parent:nth-of-type(4)
{
	border-radius: 0 0 0.75vw 0;
}

#partie-droite article #entrepose
{
	background-image: url("img/manutention-min.jpg");
	background-size: cover;
	overflow: hidden;
	transition: transform 0.08s ease-out;
}

#partie-droite article #transport
{
	background-image: url("img/transportmin.jpg");
	background-size: cover;
	overflow: hidden;
	transition: transform 0.08s ease-out;
}

#partie-droite article #operation
{
	background-image: url("img/Operations-speciales-min.jpg");
	background-size: cover;
	overflow: hidden;
	transition: transform 0.08s ease-out;
}

#partie-droite .filtre
{
	background-color: rgba(88, 143, 192, 0.33);
	overflow: hidden;
	transition: background-color 0.08s ease-out;
}

#partie-droite article div:hover .filtre 
{
	background-color: transparent;
}

#partie-droite article div:hover h3
{
	background-color: rgba(246, 160, 103, 0.5);
}

#partie-droite .parent:hover > div
{
    transform: scale(1.2);
}

#partie-droite > div 
{
	background-color: white;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 1vw;
	height: 8vw;
	
	justify-content: space-around;
}

#partie-droite  
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 50vw;
	position: relative;
}

#partie-droite div p 
{
	font-family: Nunito;
	font-size: 2.2vw;
	font-weight: 800;
	color: #02559F;
}

#partie-droite div strong 
{
	color: #ED6F19;
}

#partie-droite .link
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: inline-block;
}

#sectionplus img
{
	height: 3vw;
	width: 3vw;
}

#sectionplus 
{
	display: flex;
	align-items: center;
	width: 50%;
	justify-content: space-between;
}

#sectionplus a
{
	background-image:linear-gradient(to bottom right, #F9B837, #F66A4E);
	font-size: 1.1vw;
	font-family: nunito;
	color: white;
	padding-top: 0.7vw;
	padding-bottom: 0.7vw;
	padding-left: 2.3vw;
	padding-right: 2.3vw;
	margin-bottom: 0.5vw;
	border-radius: 4vw;
	display: inline-block;
	box-shadow: 0 0.2vw 6px 0.1vw rgb(0 0 0 / 30%);
	transform: translateY(0);
    transition: all 100ms ease-out 100ms;
}

#sectionplus a:hover
{
	transform: translateY(-0.20vw);
    transition: all 200ms ease-in 200ms;
    box-shadow: 0 0.3vw 9px 0.1vw rgb(0 0 0 / 40%);
}

footer 
{
	display: flex;
	width: 100%;
	height: 5vw;
	background-color: white;
	justify-content: space-between;
	align-items: center;
}

#mentions
{
	padding-left: 5vw;
	width: 50%;
	display: flex;
	justify-content: space-between;
	font-size: 1.2vw;
	font-family: nunito;
	color: #02559F;
}

#mentions a 
{
	color: #02559F;
}

#logos 
{
	display: flex;
	justify-content: space-between;
	width: 20%;
	padding-right: 5vw;
}

#logos a
{
	height: 3vw;
	width: 3vw;
}

#logos a img 
{
	height: 100%;
	width: 100%;
}

#main_expertise
{
	margin-top: 7vw;
	width: 100%;
	background-color: #02559F;
}

#main_expertise h1 
{
	font-family: nunito;
	color: white;
	font-weight: 600;
	text-align: center;
	width: 100%;
	font-size: 2.2vw;
	padding-top: 2vw;
}

#conteneur-articles-expertise
{
	width: 82%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.article-expertise 
{
	background-color: white;
	border-radius: 1vw;
	width: 44.24%;
	margin-top: 2vw;
	margin-bottom: 2vw;
	position: relative;
	box-shadow: 0 0.4vw 9px 0.1vw rgba(0, 0, 0, 0.4);
}

.image-expertise
{
	width: 100%;
	height: 18vw;
}

.image-expertise img 
{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 1vw 1vw 0 0;
}

.texte-expertise
{
	font-family: nunito;
	font-weight: 700;
	font-size: 1.1vw;
	padding-right: 2vw;
	padding-left: 2vw;
	height: 24vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.texte-expertise h2
{
	padding-bottom: 0.8vw;
	color: #ED6F19;
	font-size: 1.8vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}

.texte-expertise p 
{
	padding-bottom: 2vw;
	padding-left: 0.5vw;
	padding-right: 0.5vw;
}

.texte-expertise ul  
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	padding-bottom: 1vw;
}

.texte-expertise ul li 
{
	width: 45%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 0.9vw;
	height: 2.5vw;
	z-index: 2;
	position: relative;
	padding-left: 1.3vw;
}

.texte-expertise ul li::before
{
	content: "";
	display: inline-block;
	left: -0.4vw;
	position: absolute;
	height: 1.2vw;
	width: 1.2vw;
	background-image: url("img/checks.png");
	background-size: cover;
	background-position: right;
}

.texte-expertise ul li:hover::before 
{
	background-position: left;
}

.texte-expertise ul li p
{
	padding-left: 3vw;
}

.texte-expertise img:nth-child(2)
{
	opacity: 0;
	left: -1.8vw;
}

.texte-expertise img 
{
	height: 1.2vw;
	width: 1.2vw;
	position: relative;
	/*transition: all 1s;*/
}

.texte-expertise ul li:last-child:nth-child(odd)
{
	width: 95%;
}

.img-p 
{
	position: absolute;
	height: 99%;
	width: 38%;
	left: -2vw;
	top: -2vw;

}

.img-p img.p
{
	width: 100%;
	height: auto;
	filter: drop-shadow(-0.4vw 9px 0.8vw rgba(0, 0, 0, 0.4));
	position: absolute;
	/*transition: all 0.4s;*/
}

.img-p img.p:nth-child(2)
{
	opacity: 0;
}

.img-p img:last-child
{

	width: 64%;
	height: auto;
	left: 12.79%;
	top: 4.89%;
	position: absolute;

}


.article-expertise:hover img.p:nth-child(2)
{
	opacity: 1;
	/*transition: all 0.4s;*/
}



.texte-expertise li:hover img:nth-child(2)
{
	opacity: 1;
	/*transition: all 1s;*/
}

#main_partenaires
{
	margin-top: 7vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 70vh;
	padding-top: 3vw;
}

#main_partenaires h1 
{
	font-family: nunito;
    color: white;
    font-weight: 600;
    text-align: center;
    width: 100%;
    font-size: 2.2vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
}

#main_partenaires section
{
	width: 82%;
	display: flex;
	justify-content: space-between;
}

#main_partenaires section div 
{
	width: 48.5%;
	background-color: white;
	box-shadow: 0 0.4vw 9px 0.1vw rgba(0, 0, 0, 0.4);
	border-radius: 1vw;
	height: 28vw;
	padding: 0.8vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#prestataires h2 
{
	color: #ED6F19;
	font-family: nunito;
	font-weight: 700;
	font-size: 2.2vw;
	line-height: 2.2vw;
	padding-bottom: 1vw;
}

#clients h2 
{
	color: #ED6F19;
	font-family: nunito;
	font-weight: 700;
	line-height: 2.2vw;
	font-size: 2.2vw;
	padding-bottom: 1vw;
	text-align: right;
}

#prestataires p 
{
	font-family: nunito;
	font-weight: 700;
	font-size: 1.1vw;
	padding-bottom: 0.7vw;
	height: 30%;
}

#clients p 
{
	font-family: nunito;
	font-weight: 700;
	font-size: 1.1vw;
	text-align: right;
	padding-bottom: 0.7vw;
	height: 30%;
}

#main_partenaires section div ul 
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#main_partenaires section div ul li 
{
	border-radius: 1vw;
	height: 6.6vw;
	width: 6.6vw;
	background-color: #F2F2F2;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0.1vw 3px 0.02vw rgba(0, 0, 0, 0.4);
	transition: linear 0.1s;
	margin-top: 0.8vw;
}

#main_partenaires section div ul li img 
{
	
	width: 5.5vw;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}

#main_partenaires section div ul li:hover img 
{
	display: none;
}

#main_partenaires section div ul li a 
{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: black;
	font-weight: 600;
	font-size: 0.75vw;
	font-family: nunito;
}

#main_partenaires section div ul li p 
{
	font-weight: 600;
	font-size: 0.75vw;
	text-align: center;
	display: none;
	height: 100%;
	font-family: nunito;
}

#main_partenaires section div ul li:hover p 
{
	display: flex;
	justify-content: center;
	align-items: center;
}

#main_partenaires section div ul li:hover
{
	transform: translateY(-0.30vw);
	box-shadow: 0 0.4vw 4px 0.04vw rgba(0, 0, 0, 0.2);
	transition: linear 0.1s;
}

#main_partenaires >div
{
	background-color: white;
	border-radius: 1vw;
	margin-top: 2vw;
	margin-bottom: 2vw;
	height: 7vw;
	width: 26vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0 0.4vw 9px 0.1vw rgba(0, 0, 0, 0.4);
}

#sectionplus_partenaires img
{
	height: 3vw;
	width: 3vw;
}

#sectionplus_partenaires
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 1vw;
}

#sectionplus_partenaires a
{
	background-image:linear-gradient(to bottom right, #F9B837, #F66A4E);
	font-size: 1.1vw;
	font-family: nunito;
	color: white;
	padding-top: 0.7vw;
	padding-bottom: 0.7vw;
	padding-left: 2.1vw;
	padding-right: 2.1vw;
	margin-bottom: 0.5vw;
	border-radius: 4vw;
	display: inline-block;
	box-shadow: 0 0.2vw 6px 0.1vw rgb(0 0 0 / 30%);
	transform: translateY(0);
    transition: all 80ms ease-in 100ms;
}

#sectionplus_partenaires a:hover
{
	transform: translateY(-0.20vw);
    transition: all 40ms ease-in 50ms;
    box-shadow: 0 0.2vw 9px 0.1vw rgb(0 0 0 / 40%);
}

#main_partenaires >div p
{
	color: #02559F;
	font-size: 1.1vw;
	font-family: nunito;
	font-weight: 700;
	padding-top: 0.5vw;
}

#main_contact 
{
	margin-top: 7vw;
	padding-bottom: 0.5vw;
}

#sous_main_contact >div  
{
	background-color: white;
	border-radius: 1vw;
	box-shadow: 0 0.2vw 6px 0.1vw rgb(0 0 0 / 30%);
	position: absolute;
}

#sous_main_contact
{
	width: 82%;
	margin: auto;
	position: relative;
	height: 55vw;
	padding-top: 2vw;
	margin-bottom: 2vw;
}


#formulaire 
{
	width: 55vw;
	padding: 0.6vw 1vw 0.6vw 1vw;
	height: 28vw;
	z-index: 2;
}

#formulaire h2
{
	font-size: 1.4vw;
	font-family: nunito;
	font-weight: 800;
	color: #ED6F19;
	height: 8%;
}

#formulaire p 
{
	font-size: 1vw;
	font-family: nunito;
	font-weight: 800;
	height: 8%;
}

.bouton img
{
	height: 3vw;
	width: 3vw;
}

.bouton
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 1vw;
}

.bouton button
{
	background-image:linear-gradient(to bottom right, #F9B837, #F66A4E);
	font-size: 1.1vw;
	font-family: nunito;
	color: white;
	padding-top: 0.7vw;
	padding-bottom: 0.7vw;
	padding-left: 2.1vw;
	padding-right: 2.1vw;
	margin-bottom: 0.5vw;
	border-radius: 4vw;
	display: inline-block;
	box-shadow: 0 0.2vw 6px 0.1vw rgb(0 0 0 / 30%);
	transform: translateY(0);
    transition: all 80ms ease-in 100ms;
}

.bouton button:hover
{
	transform: translateY(-0.20vw);
    transition: all 40ms ease-in 50ms;
    box-shadow: 0 0.3vw 9px 0.1vw rgb(0 0 0 / 40%);
    cursor: pointer;
}

#formulaire label 
{
	display: inline-block;
	font-size: 1.1vw;
	font-family: nunito;
	font-weight: 600;
	width: 42%;
	margin-top: 2vw;
	margin-right: 1vw;
	position: relative;
}

#textarea > label
{
	margin-top: unset;
}

.sel-orange
{
	color: #ED6F19;
}

label.sel-rouge, p.sel-rouge
{
	color: red;
	-webkit-text-fill-color: red;
}

label.sel-vert, p.sel-vert
{
	color: #7ac943;
	-webkit-text-fill-color: #7ac943;
}

.oblichamp
{
	font-size: .7vw;
    position: absolute;
    left: 0;
    top: calc(1.8vw + 1.1vw + .7vw);
    font-style: italic;
}

#formulaire label > span
{
	color: red;
	-webkit-text-fill-color: red;
}

input.sel-vert, textarea.sel-vert 
{
	border-bottom: 0.12vw #7ac943 solid;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #000;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;/*your box-shadow*/
    -webkit-text-fill-color: #000;
}



form
{
	display: flex;
	flex-direction: column;
	align-content: start;
	flex-wrap: wrap;
	width: 99.5%;
	height: 84%;
}

form input 
{
	border-bottom: 0.06vw grey solid;
	width: 42%;
	height: 1.8vw;
	font-size: 1vw;
}

form input::placeholder
{
	color: rgb(165, 165, 165);
}

form input:focus 
{
	border-bottom: 0.12vw #ED6F19 solid;
}


#textarea
{
	height: 11vw;
	width: 42%;
	margin-top: 2vw;
}

textarea::placeholder 
{
	color: rgb(165, 165, 165);
}

form textarea 
{
	border-bottom: 0.06vw grey solid;
	width: 99.5%;
	min-height: 1.8vw;
	max-height: 9vw;
	font-size: 1vw;
	resize: none;
	overflow: auto;
	padding-right: 0.3vw;
	font-family: nunito;
	scrollbar-gutter: stable;
}

form textarea:focus 
{
	border-bottom: 0.12vw #ED6F19 solid;
}

#fin-form
{
	display: flex;
	width: 45%;
}

#check-box 
{
	display: flex;
	align-items: center;
	height: 3vw;
	width: 100%;
}

#check-box label 
{	
	width: 92%;
	height: 4vw;
	font-size: 0.8vw;
	margin-top: unset;
	margin-right: unset;
}

#fin-form p 
{
	height: auto;
}

#check-box a
{
	height: 4vw;
	display: flex;
	align-items: center;
	margin-left: 0.3vw;
	font-size: 0.7vw;
}

#check
{
	width: 8%;
}

#bouton-form 
{
	position: relative;
	justify-content: center;
}

#fin-form >div
{
	height: 5vw;
	width: 49%;
}



#captcha
{
    transform-origin:0 0;
    transform:scale(0.9);
}

#reseaux  
{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 0.6vw;
	width: 44vw;
	z-index: 1;
	position: relative;
	bottom: 28%;
	left: 9%;
}

#reseaux h2
{
	font-size: 1.4vw;
	font-family: nunito;
	font-weight: 700;
	color: #02559F;
	padding-top: 1.4vw;
}

#reseaux ul  
{
	display: flex;
	justify-content: space-between;
	width: 22vw;
	padding-top: 1vw;
	padding-bottom: 1.2vw;
}

#reseaux ul img 
{
	height: 100%;
	width: 100%;
}

#reseaux ul a 
{
	height: 3.6vw;
	width: 3.6vw;
	display: block;
}

#contacts 
{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 34vw;
	z-index: 3;
	position: absolute;
	right: -3%;
	top: 15%;
}

#contacts h2
{
	font-size: 1.4vw;
	font-family: nunito;
	font-weight: 800;
	color: #ED6F19;
	margin-top: 1vw;
	margin-bottom: 0.2vw;
}

#contacts >div:not(:last-child)  
{
	box-shadow: 0 0.1vw 3px 0.02vw rgba(0, 0, 0, 0.4);
	border-radius: 0.6vw;
	padding: 0.6vw;
	display: flex;
	width: 95%;
	font-size: 1.1vw;
	font-family: nunito;
}

#contacts img 
{
	height: 1.4vw;
	width: 1.4vw;
	margin-right: 0.4vw;
}

.contacts-cadre 
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 4.5vw;
}

.contacts-cadre div 
{
	display: flex;
}

#map 
{
	border-radius: 0.6vw;
	height: 25vw;
	width: 95%;
	margin-top: 1vw;
	margin-bottom: 1vw;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

#map iframe
{
	height: 100%;
	width: 100%;
}

/* Loader */
@keyframes rotation
{
    from {transform:translate(-50%,-50%) rotate(0deg)}
    to {transform:translate(-50%,-50%) rotate(360deg)}
}

.lock 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.loader::before
{
    text-align: center;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-shadow: 2px 2px 5px white, 2px -2px 5px white, -2px -2px 5px white, -2px 2px 5px white;
    animation: rotation 1s infinite linear;
    content: '\27F3';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 46% 46%;
    transform: translate(-50%, -50%);
    color: #EB6C11;
    z-index: 3;
    font-size: 40px;
}



.span-answer
{
    position: absolute;
    transform: translate(0%, 0%); 
    transition: all 2s ease-in-out;
}

.span-answer img 
{
	width: 11vw;
	height: auto;
}

.span-answer.gone
{
    transform: translate(500%, 0%);
}

#conteneur-losanges
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50vw;
	margin-top: 12vw;
}

#losanges
{
	display: flex;
	width: 42.4vw;
	flex-wrap: wrap;
	transform: rotate(45deg);
}

.losange 
{
	cursor: default;
	margin-right: 0.6vw;
	margin-left: 0.6vw;
	margin-top: 0.6vw;
	margin-bottom: 0.6vw;
	height: 20vw;
	width: 20vw;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4%;
	position: relative;
	transform: rotateY(0deg) rotateZ(45deg);
	transform-style: preserve-3d;
	transition: transform .5s ease-in-out;
}

.losange-anim
{
	transform: rotateY(180deg) rotateZ(45deg);
}

.recto img 
{
	height: 12vw;
	width: 12vw;
	border-radius: 100%;
	border: solid white 0.2vw;
	transform: rotate(-45deg);
	object-fit: cover;
	object-position: center;
}

.recto  
{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(to right, #F9B837, #F66A4E);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	border-radius: 4%;
	transform: translateZ(10px);
	backface-visibility: hidden;
}

.tranche
{
	background-image: linear-gradient(to right, #F9B837, #F66A4E);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	border-radius: 4%;
	transform: translateZ(1px);
}

.tranche:nth-of-type(2)
{
	transform: translateZ(2px);
}

.tranche:nth-of-type(3)
{
	transform: translateZ(3px);
}

.tranche:nth-of-type(4)
{
	transform: translateZ(4px);
}

.tranche:nth-of-type(5)
{
	transform: translateZ(5px);
}

.tranche:nth-of-type(6)
{
	transform: translateZ(6px);
}

.tranche:nth-of-type(7)
{
	transform: translateZ(7px);
}

.tranche:nth-of-type(8)
{
	transform: translateZ(8px);
}

.tranche:nth-of-type(9)
{
	transform: translateZ(9px);
}

.verso  
{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(to right, #F9B837, #F66A4E);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	border-radius: 4%;
	transform: translateZ(10px) rotateX(180deg) rotateZ(270deg);
	backface-visibility: hidden;
}

.bord-int-recto
{
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid white 0.3vw;
	height: 95%;
	width: 95%;
}

.bord-int-verso
{
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: center;*/
	background-color: white;
	border-radius: 4%;
	height: 95%;
	width: 95%;
	overflow: hidden;
}

.poly-gauche
{
	height: 140%;
	width: 140%;
	transform: translate(-14%, -14%);
}

.poly-gauche:before, .text-verso:before
{
	content: '';
	height: 100%;
	width: 50%;
	float: left;
	shape-outside: polygon(0% 0%, 100% 0%, 0% 50%, 100% 100%, 0% 100%);/*polygon(0% -20%, 100% -20%, -0% 30%, 130% 95%, 0% 95%);*/
	shape-margin: 5px;
}

.text-verso 
{
	transform: rotate(-45deg);
/*	display: flex;*/
/*	justify-content: center;*/
/*	align-items: center;*/
/*	flex-direction: column;*/
	text-align: center;
	width: 100%;
	height: 100%;
}

.text-verso h2
{
	color: #02559F;
	font-size: 1.3vw;
	font-family: nunito;
}

.text-verso h3 
{
	font-weight: bold;
	font-style: italic;
	font-size: 1vw;
	font-family: nunito;
	padding-bottom: 1.2vw;
}

.text-verso p 
{
	font-size: 1vw;
	font-family: nunito;
}

.text-verso:before
{
	float: right;
	shape-outside: polygon(100% 0%, 100% 100%, 0% 100%, 100% 50%, 0% 0%);/*polygon(100% -20%, 100% 80%, 0% 80%, 100% 30%, 0% -20%);*/
}

#frise 
{
	margin-bottom: 3vw;
	width: 100%;
	position: relative;
}

#frise .slider
{
	display: flex;
	justify-content: center; /* placement random pas dingue pour centrer */
}

#fleche-gen 
{
	margin-left: auto;
	margin-right: auto;
	width: 90vw;
	height: 38vw;
	align-items: center;
	display: flex;
	filter: drop-shadow(4px 6px 4px rgba(0, 0, 0, 0.35));
}

#corps-fleche
{
	background-image: radial-gradient(40vw at center, white, rgb(230, 230, 230));
	width: 76vw;
	height: 25vw;
	/*box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.35);*/
	display: flex;
	align-items: center;
}

#tete-fleche
{
	background-color: white;
	width: 14vw;
	height: 37vw;
	clip-path: polygon(100% 50%, 0 0, 0 100%);
}

/* Barres Slider */
.barre-slider
{
	height: 1.6vw;
	min-width: 10vw;
	background-color: rgba(255, 255, 255, 0.2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0.6vw;
	padding-right: 0.6vw;
	border-radius: 10vw;
	position: absolute;
}

#barre-haut
{
	height: 2.4vw;
	width: 20vw;

}

.selecteur
{
	background-color: transparent;
	border-radius: 100%;
	height: 0.9vw;
	width: 0.9vw;
	border: solid white 0.3vw;
	margin-left: 0.2vw;
	margin-right: 0.2vw;
	cursor: pointer;
}

#barre-haut .selectionnate 
{
	background-color: white;
	height: 1.5vw;
	width: 1.5vw;
}

#barre-haut .selectionnatealt
{
	background-color: white;
	height: 1.5vw;
	width: 1.5vw;	
}

#frise .bordure-image
{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	height: 27.2vw;
	overflow: hidden;
}

#frise .stock-images
{
	display: flex;
	position: absolute;
	transition: left 1s;
}

#frise .cartouche
{
	width: 22vw;
	margin: 0 1.66665vw;
	font-family: nunito;
	font-weight: 600;
}

#frise > p 
{
	color: white;
	font-family: nunito;
	font-weight: 600;
	font-size: 1.5vw;
	width: 76vw;
	margin-left: 4.5vw;
	margin-top: -2vw;
	padding: 0 1vw;
	text-align: justify;
}

.cartouche .date 
{
	background-color: #f3a067;
	height: 3.2vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	border-radius: 0 0 1vw 1vw;
}

.cartouche .date::after
{
	content: "";
	border-style: solid;
	border-width: 1.1vw 0 0 1.1vw;
	z-index: -1;
	border-color: transparent transparent transparent #ed6f19;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(100%);
}

.cartouche .evenement
{
	margin-left: 0.7vw;
	margin-right: 0.7vw;
	background-color: white;
	height: 24vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
	border-radius: 0 0 4% 4%;
}

.cartouche .evenement .descriptif
{
	height: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.cartouche .evenement .illustrations-cartouche 
{
	height: 40%;
}


.cartouche .date p 
{
	font-size: 1.4vw;
	text-align: center;
}

.cartouche .descriptif p 
{
	padding-top: 0.3vw;
	padding-bottom: 0.3vw;
	font-size: 1vw;
	text-align: center;
	color: #02559F;
}

.cartouche .descriptif h2
{
	font-size: 1.2vw;
	padding-bottom: 0.3vw;
	text-align: center;
	color: #ED6F19;
}

.cartouche img 
{
	height: auto;
	width: 100%;
}

#politique_et_mentions
{
	margin-top: 7vw;
	padding-bottom: 2vw;
	padding-left: 6vw;
	padding-right: 6vw;
	font-family: nunito;
	color: white;
}

#politique_et_mentions h1 
{
	font-weight: 800;
	font-size: 2vw;
	color: #ED6F19;
	padding-top: 2vw;
	padding-bottom: 2vw;
}

#politique_et_mentions h2
{
	font-weight: 800;
	font-size: 1.5vw;
	padding-bottom: 1vw;
	padding-top: 3vw;
}

#politique_et_mentions h3
{
	font-weight: 800;
	font-size: 1vw;
}

#politique_et_mentions p 
{
	font-weight: 600;
	font-size: 1vw;
}

#politique_et_mentions ul  
{
	padding-bottom: 1vw;
}

#politique_et_mentions ul li 
{
	font-weight: 600;
	font-size: 1vw;
}

.conteneur-losange {
    perspective: 1000px;
}

.losange {
    height: 20vw;
	width: 20vw;
}

.carte {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.5s ease-in;
    transform: rotateX(0deg);
}

.losange:hover .carte,
.losange.retourne .carte {
    transform: rotateX(-180deg);
}

.recto,
.verso {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    position: absolute;
}

.recto {
    transform: rotateX(0deg) rotateZ(-45deg);
}

.verso {
    transform: rotateX(180deg) rotateZ(-45deg);
}

@media screen and (max-width: 878px)
{
	header 
	{
		height: 9vw;
	}

	header > a 
	{
		height: 8vw;
	}

	header img 
	{
		height: 8vw;
	}

	header ul  
	{
		flex-direction: column;
		font-size: 4.2vw;
	}

	header ul li 
	{
		width: 100%;
	}

	header nav 
	{
		display: none;
		background-color: white;
		position: absolute;
		right: 0;
		top: 0;
		width: 40vw;
		height: 60vw;
		z-index: 7;
		padding-top: 9vw;
	}

	header nav.menu
	{
		display: block;
	}

	#m-b 
	{
		font-family: Nunito;
		height: 60%;
		margin-right: 1vw;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		z-index: 8;
		cursor: pointer;
	}

	#m-b span:nth-of-type(odd)
	{
		width: 100%;
		height: .5vw;
		background-color: #ED6F19;
		transition: .4s ease-in-out;
	}

	#m-b span:nth-of-type(even)
	{
		opacity: 1;
		font-size: 2.5vw;
		transition: .2s .1s ease-in-out;
	}

	.menu ~ #m-b span:nth-of-type(1)
	{
		transform: translateY(2.5vw) rotateZ(45deg);
	}

	.menu ~ #m-b span:nth-of-type(3)
	{
		transform: translateY(-2.5vw) rotateZ(-45deg);
	}

	.menu ~ #m-b span:nth-of-type(2)
	{
		opacity: 0;
	}

	.lock
	{
		position: fixed;
		z-index: 6;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.7);
	}


	#slider-banniere p 
	{
		font-size: 3.5vw;
	}

	#contenant-banniere 
	{
		height: 65vh;
	}

	#articles 
	{
		flex-direction: column;
		align-items: center;
		height: 198vw;
		width: 65%;
		padding-top: 25vw;
	}

	#slider-banniere ul  
	{
		width: 95%;
	}

	#slider-banniere ul li strong 
	{
		font-size: 4vw;
	}

	#slider-banniere ul li 
	{
		font-size: 2.2vw;
	}

	#art-val 
	{
		width: 100%;
		height: 48%;
	}

	#art-val h2 
	{
		font-size: 4vw;
		padding-left: 1.2vw;
	}

	#art-val p 
	{
		font-size: 1.8vw;
		padding: 0.8vw;
	}

	#img-sel-val 
	{
		bottom: 0vw;
	}

	#art-val ul li 
	{
		font-size: 1.8vw;
	}

	#partie-droite
	{	
		width: 100%;
		height: 49%;
	}

	#partie-droite article 
	{
		width: 100%;
		height: 63vw;
	}

	#partie-droite div 
	{
		height: 16vw
	}

	#partie-droite article h2 
	{
		font-size: 4vw;
	}

	#partie-droite article div h3
	{
		font-size: 2.4vw;
	}

	#partie-droite article div
	{
		width: 30vw;
		height: 30vw;
	}

	#partie-droite div p 
	{
		font-size: 3.5vw;
		padding-top: 2vw;
		padding-bottom: 1vw;
	}

	#sectionplus a 
	{
		font-size: 3vw;
		padding-top: 1.4vw;
		padding-bottom: 1.4vw;
		padding-left: 3.6vw;
		padding-right: 3.6vw;
	}

	#sectionplus img 
	{
		height: 5vw;
		width: 5vw;
	}

	#sectionplus  
	{
		width: 60%;
	}

	footer 
	{
		height: 8vw;
	}

	#mentions 
	{
		width: 70%;
		font-size: 1.8vw;
	}

	#logos 
	{
		width: 25%;
	}

	#logos a 
	{
		height: 4vw;
		width: 4vw;
	}

	#main_partenaires
	{
		min-height: 70vh;
	}

	#main_partenaires h1 
	{
		width: 90%;
		font-size: 3.4vw;
		padding-top: 4vw;
	}

	#main_partenaires section  
	{
		flex-direction: column;
		align-items: center;
	}

	#main_partenaires section div  
	{
		width: 75%;
		height: 41vw;
		margin-bottom: 3vw;
		padding: 1.1vw;
	}

	#main_partenaires section div ul
	{
		margin-top: 1.1vw;
	}

	#main_partenaires section div ul li 
	{
		height: 10vw;
		width: 10vw;
	}

	#main_partenaires section div ul li p 
	{
		font-size: 1.5vw;
	}

	#main_partenaires > div
	{
		height: 10vw;
		width: 40vw;

	}

	#main_partenaires > div p 
	{
		font-size: 1.6vw;
		padding-top: 1vw;
		padding-bottom: 0.5vw;
	}

	#sectionplus_partenaires a 
	{
		font-size: 1.8vw;
	}

	#prestataires h2 
	{
		font-size: 4.2vw;
		padding-top: 1vw;
	}

	#clients h2
	{
		font-size: 4.2vw;
		padding-top: 1vw;
	}

	#prestataires p 
	{
		font-size: 1.6vw;
	}

	#clients p 
	{
		font-size: 1.6vw;
	}

	#sous_main_contact
	{
		height: 109vw;
		padding-top: 5vw;
	}

	#formulaire 
	{
		width: 100%;
		height: 37vw;
	}

	#contacts 
	{
		width: 51vw;
		right: 0%;
		top: 43%;
	}

	#reseaux
	{
		bottom: 18%;
		left: 0%;
		padding-right: 15vw;
	}

	#formulaire h2 
	{
		font-size: 2.4vw;
	}

	#formulaire p 
	{
		font-size: 1.6vw;
	}

	form 
	{
		padding-top: 2vw;
		height: 84%;
	}

	#formulaire > label 
	{
		font-size: 1.6vw;
		width: 50%;
	}

	form input 
	{
		font-size: 1.4vw;
	}

	form textarea
	{
		font-size: 1.4vw;
	}

	#check-box
	{
		height: 4vw;
	}

	#check 
	{
	width: 12%;
	}

	#check-box a 
	{
		font-size: 1.2vw;
		width: 100%;
	}

	#check-box label
	{
		width: 100%;
	}

	#formulaire .bouton button 
	{
		font-size: 2vw;
		padding-top: 1vw;
		padding-bottom: 1vw;
		padding-left: 3.1vw;
		padding-right: 3.1vw;
	}

	#fin-form
	{
		width: calc(58% - 1vw);
	}

	#fin-form > div 
	{
		width: 46%;
	}

	#fin-form > div:nth-of-type(1)
	{
		width: 54%;
	}

	#formulaire label 
	{
		font-size: 1.6vw;
	}

	#textarea
	{
		height: 14vw;
	}

	#contacts h2 
	{
		font-size: 2.2vw;
	}

	#contacts > div:not(:last-child)
	{
		font-size: 1.6vw;
	}

	#contacts img 
	{
		height: 2.2vw;
		width: 2.2vw;
	}

	.contacts-cadre 
	{
		height: 6.5vw;
	}

	#map 
	{
		height: 32vw;
	}

	#reseaux h2 
	{
		font-size: 2vw;
		text-align: center;
		padding-bottom: 2vw;
	}

	#reseaux ul a 
	{
		height: 5.6vw;
		width: 5.6vw;
		margin-bottom: 1.5vw;
	}

	#main_contact
	{
		min-height: 85vh;
	}

	#conteneur-articles-expertise
	{
		flex-direction: column;
		align-items: center;
		flex-wrap: no-wrap;
	}

	.article-expertise 
	{
		margin-top: 22vw;
		margin-bottom: 22vw;
		transform: scale(1.8);
	}

	#main_expertise h1
	{
		font-size: 4vw;
		padding-left: 3vw;
		padding-right: 3vw;
		padding-top: 5vw;
	}

	.texte-expertise h2
	{
		font-size: 2vw;
	}

	#losanges 
	{
		width: 63vw;
	}

	.losange 
	{
		height: 30vw;
		width: 30vw;
	}

	#conteneur-losanges 
	{
		margin-top: 30vw;
	}

	.text-verso h2
	{
		font-size: 1.8vw;
	}

	.text-verso h3 
	{
		font-size: 1.5vw;
	}

	.text-verso p 
	{
		font-size: 1.4vw;
	}

	#frise > p 
	{
		font-size: 2.2vw;
	}

	#barre-haut
	{
		height: 3.5vw;
		width: 40vw;
	}

	#barre-haut .selecteur 
	{
		height: 1.6vw;
		width: 1.6vw;
	}

	#barre-haut .selectionnate 
	{
		height: 2.2vw;
		width: 2.2vw;
	}

	#fleche-gen
	{
		width: 95vw;
		height: 55.65vw;
	}

	#corps-fleche
	{
		width: 78vw;
		height: 39.75vw;
	}

	#tete-fleche
	{
		width: 17vw;
		height: 58.83vw;
	}

	#frise .bordure-image
	{
		height: 43.248vw;
	}

	#frise .cartouche
	{
		width: 35vw;
		margin: 0 2vw;
	}

	.cartouche .date
	{
		height: 5.088vw;
	}

	.cartouche .date::after
	{
		border-width: 1.749vw 0 0 1.749vw;
	}

	.cartouche .evenement
	{
		height: 38.16vw;
	}

	.cartouche .descriptif h2 
	{
		font-size: 2vw;
	}

	.cartouche .descriptif p 
	{
		font-size: 1.6vw;
	}

	#politique_et_mentions
	{
		margin-top: 7vw;
		padding-bottom: 2vw;
		padding-left: 6vw;
		padding-right: 6vw;
		font-family: nunito;
		color: white;
	}

	#politique_et_mentions h1 
	{
		font-weight: 800;
		font-size: 3vw;
		color: #ED6F19;
		padding-top: 4vw;
		padding-bottom: 2vw;
	}

	#politique_et_mentions h2
	{
		font-weight: 800;
		font-size: 2.5vw;
		padding-bottom: 2vw;
		padding-top: 3vw;
	}

	#politique_et_mentions h3
	{
		font-weight: 800;
		font-size: 2vw;
	}

	#politique_et_mentions p 
	{
		font-weight: 600;
		font-size: 2vw;
	}

	#politique_et_mentions ul  
	{
		padding-bottom: 2vw;
	}

	#politique_et_mentions ul li 
	{
		font-weight: 600;
		font-size: 2vw;
	}

	#main_partenaires section div ul li img
	{
		width: 8vw;
	}

	.texte-expertise ul li:hover::before 
	{
	background-position: right;
	}

	.recto img 
	{
	height: 16vw;
	width: 16vw;
	}
}

@media screen and (max-width: 500px)
{

	header 
	{
		height: 9vw;
	}

	header img 
	{
		height: 9vw;
	}

	header ul  
	{
		display: non;
	}

	#slider-banniere p 
	{
		font-size: 3.5vw;
	}

	#contenant-banniere 
	{
		height: 55vh;
	}

	#articles 
	{
		flex-direction: column;
		align-items: center;
		height: 260vw;
		width: 95%;
		padding-top: 25vw;
	}

	#slider-banniere ul  
	{
		width: 95%;
	}

	#slider-banniere ul li strong 
	{
		font-size: 4vw;
	}

	#slider-banniere ul li 
	{
		font-size: 2.2vw;
	}

	#art-val 
	{
		width: 100%;
		height: 51%;
	}

	#art-val h2 
	{
		font-size: 5vw;
	}

	#art-val p 
	{
		font-size: 2.8vw;
		padding: 0vw;
	}

	#img-sel-val 
	{
		bottom: 0vw;
	}

	#art-val ul li 
	{
		font-size: 2.8vw;
	}

	#partie-droite
	{	
		width: 100%;
		height: 48%;
	}

	#partie-droite article 
	{
		width: 100%;
		height: 91vw;
	}

	#partie-droite div 
	{
		height: 18vw
	}

	#partie-droite article h2 
	{
		font-size: 5vw;
	}

	#partie-droite article div h3
	{
		font-size: 3.5vw;
	}

	#partie-droite article div
	{
		width: 44vw;
		height: 44vw;
	}

	#partie-droite div p 
	{
		font-size: 4.5vw;
	}

	#sectionplus a 
	{
		font-size: 4.2vw;
		padding-top: 1vw;
		padding-bottom: 1vw;
		padding-left: 4.6vw;
		padding-right: 4.6vw;
	}

	#sectionplus img 
	{
		height: 6vw;
		width: 6vw;
	}

	#sectionplus  
	{
		width: 60%;
	}

	footer 
	{
		height: 24vw;
		flex-direction: column-reverse;
		justify-content: space-around;
		align-items: center;
	}

	#logos  
	{
		width: 45%;
		padding-right: 0;
		padding-top: 3vw;
		padding-bottom: 3vw;
	}

	#logos a  
	{
		height: 9vw;
		width: 9vw;
	}

	#mentions  
	{
		font-size: 2.8vw;
		width: 75%;
		text-align: center;
		padding-bottom: 2vw;
	}
	/* Notre Histoire (losanges) */
	.losange
	{
		transform: unset;
	}

	.losange:hover
	{
		pointer-events: none;
	}

	.losange:hover .carte,
	.losange.retourne .carte
	{
		transform: rotateX(180deg);
	}

	.recto
	{
		transform: rotateX(0deg);
	}

	.recto img
	{
		transform: rotate(0deg);
	}

	.verso
	{
		transform: rotateX(180deg);
	}

	.poly-gauche::before, .text-verso::before
	{
		content: none;
	}

	.poly-gauche
	{
		width: 100%;
		height: 100%;
		transform: unset;
	}

	.text-verso
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 10px;
	}

	.text-verso h2
	{
		font-size: 5vw;
		margin-top: unset;
	}
	/* Fin Notre Histoire (losanges) */

	/* Notre Histoire (slider) */
	#fleche-gen
	{
		height: 122.43vw;
	}

	#corps-fleche
	{
		width: 100%;
		height: 87.45vw;
		border-radius: 1vw;
	}

	#tete-fleche
	{
		display: none;
	}

	#frise .bordure-image
	{
		height: 95.1456vw;
	}

	#frise .cartouche
	{
		width: 70.84vw;
		height: 87.5vw;
		margin: auto 2.5vw;
		transition: all .2s ease-in;
	}

	#frise .cartouche:nth-of-type(1)
	{
/*		margin-left: 8.5vw;*/
	}

	.cartouche .date
	{
		height: 11.8%;
		border-radius: 2vw;
	}

	.cartouche .date::after
	{
		display: none;
	}

	.cartouche .date p
	{
		font-size: 3.08vw;
	}

	.cartouche .evenement
	{
		height: 88.2%;
		margin: 0 2vw;
	}

	.cartouche .descriptif h2,
	.cartouche .descriptif p
	{
		font-size: 2.86vw;
	}
	/* Fin Notre Histoire (slider) */

	#main_partenaires
	{
		min-height: 80vh;
	}

	#main_partenaires h1 
	{
		width: 98%;
		font-size: 5.2vw;
		padding-bottom: 4vw;
	}

	#main_partenaires section div 
	{
		width: 100%;
		height: 68vw;
		padding: 2vw;
	}

	#main_partenaires section div ul li 
	{
		height: 16vw;
		width: 16vw;
	}

	#prestataires p 
	{
		font-size: 3vw;
	}

	#clients p 
	{
		font-size: 3vw;
	}

	#clients h2 
	{
		font-size: 5vw;
	}

	#prestataires h2 
	{
		font-size: 5vw;
	}

	#main_partenaires section  
	{
		width: 95%;
	}

	#main_partenaires section div ul li p 
	{
		font-size: 2.5vw;
	}

	#main_partenaires > div
	{
		height: 20vw;
		width: 95%;
	}

	#main_partenaires section div  
	{
		margin-bottom: 2vw;
	}

	#main_partenaires > div p 
	{
		font-size: 3.8vw;
		padding-top: 2vw;
		padding-bottom: 1.5vw;
	}

	#sectionplus_partenaires a 
	{
		font-size: 4vw;
	}

	#main_partenaires > div  
	{
		margin-top: 4vw;
		margin-bottom: 6vw;
	}

	#sectionplus_partenaires a 
	{
		padding-top: 1vw;
		padding-bottom: 1vw;
		padding-left: 2.4vw;
		padding-right: 2.4vw;
	}

	#contacts
	{
		width: 100%;
		top: 53%;
	}

	#contacts h2 
	{
		font-size: 4vw;
	}

	#contacts > div:not(:last-child)
	{
		font-size: 3vw;
	}

	#contacts img 
	{
		height: 4.2vw;
		width: 4.2vw;
		margin-right: 1.4vw;
	}

	.contacts-cadre 
	{
		height: 9.5vw;
	}

	#formulaire .bouton button
	{
		font-size: 4vw;
		padding-top: 2vw;
		padding-top: 2vw;
		padding-left: 5vw;
		padding-right: 5vw;
	}

	#contacts h2 
	{
		margin-top: 1.4vw;
		margin-bottom: 0.6vw;
	}

	#reseaux
	{
		width: 100%;
		bottom: 1%;
		padding-right: 0vw;
	}

	#reseaux h2 
	{
		font-size: 4vw;
		width: 60%;
	}

	#reseaux ul  
	{
		width: 75%;
	}

	#reseaux ul a 
	{
		height: 12.6vw;
		width: 12.6vw;
	}

	#sous_main_contact
	{
		width: 95%;
		height: 323vw;

	}

	#formulaire h2
	{
		font-size: 4vw;
	}

	#formulaire p 
	{
		font-size: 3.2vw;
	}

	#formulaire
	{
		height: 163vw;
		padding: 2vw;
		z-index: 3;
	}

	#formulaire label
	{
		font-size: 3vw;
	}

	form input 
	{
		font-size: 3vw;
		width: 100%;
		height: 4.8vw;
		margin-bottom: 2vw;
	}

	form textarea 
	{
		font-size: 3vw;
		width: 100%;
	}

	#fin-form > div 
	{
		width: 100%;
	}

	#formulaire h2
	{
		height: unset;
	}

	#formulaire p 
	{
		height: unset;
	}

	#formulaire label 
	{
		width: 100%;
	}

	#textarea
	{
		width: 100%;
	}

	#fin-form
	{
		display: flex;
		flex-direction: column;
		height: 44vw;
		justify-content: space-between;
		margin-top: 5vw;
	}

	#fin-form > div 
	{
		height: unset;
	}

	#check-box a 
	{
		font-size: 2.2vw;
	}

	.bouton
	{
		padding-top: 4vw;
	}

	#map 
	{
		height: 65vw;
		padding-top: 2vw;
	}

	#main_expertise
	{
		font-size: 4.5vw;
		padding-left: 1vw;
		padding-right: 1vw;
		padding-top: 5vw;
	}

	.article-expertise
	{
		margin-top: 30vw;
		margin-bottom: 30vw;
		transform: scale(2.2);
	}

	#losanges 
	{
		transform: rotate(0deg);
	}

	.text-verso
	{
		transform: rotate(0deg);
	}

	#losanges 
	{
		width: 60vw;
	}

	.losange 
	{
		height: 60vw;
		width: 60vw;
	}

	#conteneur-losanges
	{
		margin-top: 16vw;
		height: 190vw;
	}

	.losange 
	{
		margin-bottom: 4vw;
	}

		#politique_et_mentions h1 
	{
		font-weight: 800;
		font-size: 3vw;
		color: #ED6F19;
		padding-top: 4vw;
		padding-bottom: 2vw;
	}

	#politique_et_mentions h2
	{
		font-weight: 800;
		font-size: 2.7vw;
		padding-bottom: 2vw;
		padding-top: 3vw;
	}

	#politique_et_mentions h3
	{
		font-weight: 800;
		font-size: 2.2vw;
	}

	#politique_et_mentions p 
	{
		font-weight: 600;
		font-size: 2.2vw;
	}

	#politique_et_mentions ul  
	{
		padding-bottom: 2vw;
	}

	#politique_et_mentions ul li 
	{
		font-weight: 600;
		font-size: 2.2vw;
	}

	#barre-haut
	{
		height: 7vw;
		width: 60vw;
		margin-top: 3vw;
	}

	#barre-haut .selecteur 
	{
		height: 4vw;
		width: 4vw;
	}

	#barre-haut .selectionnate
	{
		height: 4.2vw;
		width: 4.2vw;
	}

	.selecteur
	{
		border: solid white 0.8vw;
	}

	#frise > p 
	{
		font-size: 4vw;
	}

	#main_partenaires section div ul li img
	{
		width: 13vw;
	}

	.recto img 
	{
		height: 35vw;
		width: 35vw;
	}

	.text-verso h3 
	{
		font-size: 4vw;
	}

	.text-verso p 
	{
		font-size: 2.5vw;
	}

	#fin-form > div,
	#fin-form > div:nth-of-type(1) 
	{
		width: 100%;
		height: 50%;
	}

	#fin-form > div:nth-of-type(1)
	{
		margin-bottom: 3vw;
	}

	#check-box a 
	{
		height: 2vw;
		font-size: 2.6vw;
		padding-left: 1vw;
	}

	#check-box a br
	{
		display: none;
	}

	#check-box
	{
		height: 18vw;
	}

	#fin-form
	{
		flex-direction: column;
		width: 100%;
	}

	#formulaire .bouton  
	{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}


	#formulaire .bouton button 
	{
	font-size: 5vw;
	padding-top: 2vw;
	padding-bottom: 2vw;
	padding-left: 5vw;
	padding-right: 5vw;
	}
}