@charset "utf-8";


*{
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
	outline: none;
	font-family: 'Open Sans', sans-serif;
	font-size: inherit;
	font-weight: inherit;
	text-decoration: none;
	text-align: inherit;
	line-height: inherit;
	color: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box !important;
	background: none;
}

html, body{
	width: 100%;
	min-height: 100%;
	font-size: 62.5%;
	display: flex;
	background: rgba(0, 39, 67, 0.025);
}
body{
	display: flex;
	flex-direction: column;
}

img{ max-width: 100%;}

a, button{ cursor: pointer;}
a:hover{ color: #557ad5;}

::selection{ background: #557ad5; color: #fff;}
::-moz-selection{ background: #557ad5; color: #fff;}

strong{ font-weight: 700;}

input{ -webkit-appearance: none;}




/* BURGER */

button#burger{
	z-index: 10;
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	height: 90px;
	padding: 10px 15px;
}

button#burger div{
	display: flex;
	justify-content: center;
	margin: auto;
	width: 60px;
	height: 60px;
	background: #33CCFE;
}
button#burger div .burger{
	display: flex;
	flex-direction: column;
}
button.ouvrir span, button.fermer span{
	width: 24px;
	height: 3px;
	margin: auto auto 0;
	background: #fff;
}
button.ouvrir span.deux, button.fermer span.deux,
button.ouvrir span.trois, button.fermer span.trois{ margin-top: 4px;}
button.ouvrir:hover span.deux, button.ouvrir:hover span.trois{ margin-top: 6px;}
button.ouvrir span.trois, button.fermer span.trois{ margin-bottom: auto;}

button.fermer{ background: #E52020;}

button.fermer div{
	box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.10);
}
button.fermer:hover div{ background: #fff !important;}
button.fermer:hover span{ background: #E52020;}

button.fermer span.deux{ margin-bottom: auto;}
button.fermer span.trois{
	display: none;
}
button.fermer span{
	width: 22px;
	-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
button.fermer span.deux{
	margin-top: -3px;
	-ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg);
}

button#burger strong{
	height: 80px;
	line-height: 80px;
	padding-left: 24px;
	font-weight: 700;
	font-size: 1.8rem;
	color: #fff;
	text-transform: uppercase;
}





/* CONTENT */

section#content{
	position: relative;
	margin: 0 auto;
	width: 100%;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 3rem;
	color: #565656;
	text-align: left;
	background: #fff;
	box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

header, section#content, footer #foot{ max-width: 1920px;}









/* HEADER */

header{
	z-index: 9;
	display: flex;
	position: fixed;
	top: 0;
	width: 100%;
	padding-left: 192px;
	padding-right: 192px;
}


header a#logo{
	display: flex;
	justify-content: center;
	width: 200px;
	margin: 52px 0 auto;
	padding: 4px;
	background: #fff;
	box-shadow: 2px 3px 6px rgba(19, 36, 80, 0.5);
}
header a#logo img{
	margin: auto;
}
header a#logo img.logo-mobile{ display: none;}

header nav{
	display: flex;
	width: 100%;
	margin: 16px 0 auto 40px;
	padding: 0 40px;
}
header nav div,
header nav ul{
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0;
}
header nav ul li{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
header nav ul li a{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 120px;
	margin: 0 auto;
	line-height: 120px;
	font-weight: 700;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 0 8px rgba(0,0,0, 0.33);
}
header nav ul li a:hover,
header nav ul li.current_page_item a,
header nav ul li.current-menu-parent a,
body.actualites ul li#menu-item-84 a{ color: #fff; opacity: 0.66; text-shadow: 0 0 12px rgba(0,0,0, 0.66);}

header nav ul li.current-menu-parent .sub-menu a{ opacity: 1;}

header nav ul li a::after{
	content: " ";
	display: flex;
	width: 100%;
	margin: -44px 0 0;
	height: 2px;
	background: #fff;
	opacity: 0;
}
header nav ul li a:hover::after,
header nav ul li.current_page_item a::after,
header nav ul li.current-menu-parent a::after,
body.actualites ul li#menu-item-84 a::after{ opacity: 0.66;}

header nav ul li .sub-menu{
	position: absolute;
	display: flex;
	margin-top: 106px;
	flex-direction: column;
	width: auto;
	background: #565656;
	opacity: 0;
}
header nav ul li:hover .sub-menu{ opacity: 1;}
header nav ul li .sub-menu li{
	margin: 0;
}
header nav ul li .sub-menu a{
	width: 100%;
	height: auto;
	line-height: normal;
	padding: 12px 10px;
	font-weight: 400;
	color: #fff;
	font-size: 1.2rem;
	text-align: left;
	text-transform: none;
	border-bottom: 1px solid #fff;
}
header nav ul li .sub-menu a:hover,
header nav ul li .sub-menu li.current_page_item a{
	background: #b4b4b4;
}
header nav ul li .sub-menu li:last-child a{ border: none;}
header nav ul li .sub-menu a::after{ display: none;}



header .secondaire{
	display: flex;
	flex-direction: column;
	width: 90px;
}

#langues{
	display: flex;
	width: 90px;
	height: 36px;
	background: #557ad5;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#langues li{
	display: flex;
	width: 50%;
}
#langues li a{
	display: flex;
	width: 100%;
	height: 36px;
	line-height: 36px;
	justify-content: center;
	color: #fff;
	font-size: 1.4rem;
}
#langues li.current-lang a,
#langues:hover li.current-lang a:hover,
#langues li a:hover{ background: #132450;}
#langues:hover li.current-lang a{ background: #344f93;}



#icones{
	display: flex;
	width: 90px;
	height: 120px;
}
#icones li{
	display: flex;
	width: 50%;
}
.logged-in #icones li:nth-child(3n),
#icones li:nth-child(4n){
	display: none;
}
.logged-in #icones li:nth-child(4n){ display: flex;}

#icones li a{
	display: flex;
	width: 100%;
	height: 120px;
	font-size: 0;
	background: url("img/icone-mon-compte.svg") no-repeat center;
	background-size: 45px 36px;
}
#icones li:nth-child(3n) a{
	background-image: url("img/icone-acces.svg");
}
#icones li:nth-child(4n) a{
	background-image: url("img/icone-deconnexion.svg");
}

.logged-in #icones li:first-child a,
.page-template-connexion #icones li:first-child a,
.um-page-account #icones li:first-child a,
.page-template-inscription #icones li:last-child a,

.page-template-connexion #icones li:nth-child(2n) a,

#icones li a:hover{ opacity: 0.5;}

.page-template-inscription #icones li:first-child a{ opacity: 1;}
/*
#icones li:first-child a{ display: none;}
.logged-in #icones li:first-child a{ display: flex;}
*/

#icones #menu-item-274,
#icones #menu-item-619,
#icones #menu-item-622,
.logged-in #menu-item-605,
.logged-in #menu-item-615,
#icones li.menu-item-274,
#icones li.menu-item-619,
#icones li.menu-item-622,
.logged-in #icones li.menu-item-605,
.logged-in #icones li.menu-item-615{ display: none;}

#menu-item-605,
.logged-in #icones  #menu-item-274,
.logged-in #icones  #menu-item-619,
.logged-in #icones  #menu-item-622,
#icones li.menu-item-605,
.logged-in #icones li.menu-item-274,
.logged-in #icones li.menu-item-619,
.logged-in #icones li.menu-item-622{ display: flex;}



/* Scroll */

header.scroll{
	height: 100px;
	background: rgba(19, 36, 80, 0.9);
}
header.scroll a#logo,
header.scroll nav{
	height: 80px;
	margin-top: 10px;
	padding: 4px;
}
header.scroll a#logo img{ width: 100%; height: auto;}
header.scroll nav ul li a {
    height: 80px;
    line-height: 50px;
}
header.scroll nav ul li .sub-menu a{ height: auto; line-height: normal;}
header.scroll nav ul li a::after{ margin-top: -10px;}
header.scroll nav ul li .sub-menu{ margin-top: 61px;}

header.scroll #langues{ height: 30px;}
header.scroll #langues li a {
    height: 30px;
    line-height: 30px;
}
header.scroll #icones{ height: 70px;}
header.scroll #icones li a {
    height: 70px;
    background-size: 35px 28px;
}


/* FOOTER */

footer{
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #fff;
	border-top: 2px solid #565656;
}
footer #foot{
	display: flex;
	width: 100%;
	margin: 0 auto;
}
footer #foot div.content{
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
footer a#logo,
footer a#logo img,
footer nav,
footer #icones{
	height: 80px;
}
footer nav{
	width: 100%;
	flex-shrink: 1;
}
footer nav div ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
}
footer nav div ul li{
	margin: auto 15px;
}
footer nav a{
	height: 80px;
	line-height: 80px;
	font-size: 1.6rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #565656;
}
footer nav .current-menu-item a,
footer nav .current-page-parent a,
body.actualites footer nav li.menu-item-84 a{ color: #b4b4b4;}

footer nav ul.sub-menu{ display: none;}

footer #icones li a{
	width: 45px;
	height: 80px;
	background-image: url("img/icone-mon-compte-grise.svg");
	background-size: 35px 28px;
}
.page-template-connexion footer #icones li:first-child a,
.um-page-account footer #icones li:first-child a,
.page-template-inscription footer #icones li:last-child a,
footer #icones li a:hover{
	opacity: 1;
	background-color: #b4b4b4;
}
footer #icones li:last-child a{
	background-image: url("img/icone-acces-grise.svg");
}

footer #bottom,
footer #bottom nav{
	height: 38px;
}
footer #bottom{
	color: #fff;
	background: #565656;
}
footer #bottom nav a{
	height: 38px;
	line-height: 38px;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 400;
	text-transform: none;
}
footer #bottom nav a:hover{ opacity: 0.5;}


/* MAIN */

main{
	display: flex;
	flex-direction: column;
	width: 100%;
}




/* COMMUNES */

.padding10{ padding-left: 10%; padding-right: 10%;}
.padding20{ padding-left: 20%; padding-right: 20%;}

.padding50{ padding-top: 50px; padding-bottom: 50px;}
.padding100{ padding-top: 100px; padding-bottom: 100px;}
.padding200{ padding-top: 200px; padding-bottom: 200px;}
.paddingbottom50{ padding-bottom: 50px;}
.paddingbottom100{ padding-bottom: 100px;}
.paddingbottom200{ padding-bottom: 200px;}
.nopaddingbottom{ padding-bottom: 0 !important;}

.grise{ color: #fff; background-color: #565656;}
.bleue{ background-color: #557AD5;}
.turquoise{ background-color: #33CCFE;}
.marine{ color: #fff; background: rgba(19, 36, 80, 1);}


h1.h2,
h2{
	width: 100%;
	height: 90px;
	line-height: 90px;
	padding: 0 0 0 125px;
	margin: 6rem 0;
	font-weight: 700;
	font-size: 2.6rem;
	letter-spacing: 0.05em;
	color: #565656;
	text-transform: uppercase;
	background: url("img/h2-gris.svg") no-repeat left center;
	background-size: 90px;
}
h2:first-child{ margin-top: 0;}
.marine h2,
.grise h2,
.bleue h2,
.grise p,
.bleue p{ color: #fff;}

h2.center{ text-align: center;}
h2.sans-icones{ padding-left: 0; background: none;}

h3{
	flex-grow: 0;
	margin: 0 auto 3rem 0;
	font-weight: 700;
	font-size: 2.1rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-bottom: 1px solid #565656;
}
.grise h3,
.marine h3{ border-bottom-color: #fff;}




p{
	letter-spacing: 0.05em;
	padding-bottom: 3rem;
}
p a{ border-bottom: 1px solid #565656;}
p a:hover{ border-bottom-color: #557ad5;}

.marine p a{ border-bottom: 1px solid #fff;}
.marine p a:hover{ color: #557ad5; border-bottom-color: #557ad5;}


a.bouton{
	display: flex;
	width: 100%;
}
a.bouton button{
	margin: 3rem auto 0;
	padding: 0 160px;
	height: 80px;
	line-height: 80px;
	font-size: 1.8rem;
	letter-spacing: 0.02em;
	color: #fff;
	text-transform: uppercase;
	background: #132450;
	border: 2px solid #132450;
}
a.bouton-border button{
	color: #565656;
	background: none;
	border-color: #565656;
}
section.double .colonnes .texte a.bouton button{ padding: 0 120px; margin-left: 0;}
.grise a.bouton button{ background: none; border-color: #fff;}
a.bouton:hover button{
	color: #132450;
	background: #fff;
}
.grise a.bouton:hover button{
	color: #565656;
	background: #fff;
}
a.bouton-border:hover button{ color: #fff; background: #565656;}

#pagination{ display: flex; flex-wrap: wrap;}
#pagination a{ width: 60px; margin: 0 20px 20px 0;}
#pagination a button{ margin: 0; padding: 0; width: 60px; height: 60px; line-height: 58px; font-size: 1.6rem; text-align: center;}
#pagination a button:hover{
	color: #fff;
	background: #557ad5;
	border-color: #557ad5;
}
#pagination a.none button,
#pagination a.current button{
	color: #132450;
	background: #fff;
	cursor: text;
}
#pagination a.current button{
	color: #557ad5;
	border-color: #557ad5;
}


section.deux{
	display: flex;
	flex-wrap: nowrap;
}
section.multi{
	display: flex;
	flex-direction: column;
}
section.double{
	display: flex;
	flex-direction: column;
}
section.double .colonnes{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
section.double .colonnes .texte{
	width: 50%;
	padding: 0 62px 0 125px;
}

.flex{ display: flex;}
.wrap{ flex-wrap: wrap;}
.column{ flex-direction: column;}

.deux .texte{
	padding-right: 8vw;
}
.deux .texte-droite{
	padding-right: 0;
	padding-left: 8vw;
}
.multi .texte{
	width: auto;
	margin: auto 0 auto 10%;
	flex-shrink: 1;
}
.content .image,
.content .img{
	z-index: 0;
	position: relative;
	flex-shrink: 0;
	width: 25vw;
	height: 25vw;
	max-width: 540px;
	max-height: 540px;
	margin: 150px 0 0;
	background-color: #132450;
}
.content .img{ margin: 0;}

.content .image-premiere{
	z-index: 3;
	margin: -250px 150px 0 0;
	background-color: #EEEEEE;
}
.padding100 .image-premiere{ margin-top: -150px;}
.padding100 .image-nomargin{ margin-top: 0;}

.content .multi{
	margin-top: 100px;
}
.decale{ padding: 0 125px;}

.content .hachures::after{
	position: absolute;
	content: " ";
	right: 0;
	top: 50%;
	width: 90px;
	height: 370px;
	margin-right: -45px;
	background: url("img/hachures-turquoises.svg") no-repeat center right;
	background-size: 90px 370px;
}

.trio-image .image:first-child::after{
	position: absolute;
	content: " ";
	right: 0;
	top: 60px;
	width: 370px;
	height: 90px;
	margin-right: -240px;
	background: url("img/hachures-turquoises-horizontales.svg") no-repeat center right;
	background-size: 370px 90px;
}

.coin-gauche::before,
.coin-gauche::after,
.coin-droite::before,
.coin-droite-complet::before,
.coin-gauche-complet::before,
.trio-image .image:nth-child(2n)::before,
.trio-image .image:nth-child(2n)::after{
	z-index: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 126px;
	height: 63px;
	margin: 0 0 -63px -63px;
	background: #33CCFE;
}
.coin-gauche::after,
.coin-gauche-top::after,
.coin-droite-complet::after,
.trio-image .image:nth-child(2n)::before{
	width: 63px;
	height: 126px;
	margin: 0 0 -63px -63px;
}
.coin-gauche-top::before,
.coin-gauche-top::after,
.coin-droite-complet::after{
	top: 0;
	margin: -63px 0 0 -63px;
	background: #557AD5;
}
.coin-droite::before,
.coin-droite-complet::before{
	left: auto;
	right: 0;
	top: 0;
	width: 126px;
	height: 126px;
	margin: -80px -63px 0 0;
}
.coin-gauche-complet::before{
	top: 0;
	width: 126px;
	height: 126px;
	margin: -63px 0 0 -63px;
	background: #557AD5;
}

.content .demi-droite{
	padding-left: 50%;
}

.trio-image{
	display: flex;
	flex-wrap: wrap;
}
.trio-image .image{
	margin: 0 40px 40px 0;
}
.trio-image .image:first-child{ margin-right: 50%;}


.multi .image .gauche{
	z-index: -1;
	position: absolute;
	left: 0;
	margin: -54px 0 0 -300px;
	opacity: 0.1;
}
.multi .image .gauche::before,
.multi .image .gauche::after{
	display: block;
	content: " ";
	width: 354px;
	height: 354px;
	background: #557AD5;
}
.multi .image .gauche::after{ margin-top: 20px; background: #132450;}


.multi .image .bottom{
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	margin: 0 0 -120px 74px;
	opacity: 0.1;
}
.multi .image .bottom::before,
.multi .image .bottom::after{
	display: block;
	content: " ";
	width: 164px;
	height: 164px;
	background: #557AD5;
}
.multi .image .bottom::after{ margin-left: 20px; background: #132450;}

.diapo{
	z-index: 1;
	position: relative;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	width: 25vw;
	max-width: 540px;
}
.diapo .image-premiere{
	z-index: 1;
	position: relative;
	width: 100%;
	flex-shrink: 0;
	margin: 0 0 20px;
}
.diapo .ligne{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 20px 0 0;
}
.diapo .ligne div{
	z-index: 1;
	position: relative;
	width: 11.5vw;
	height: 11.5vw;
	max-width: 250px;
	max-height: 250px;
	background-color: #eeeeee;
}

.pins-turquoise{ margin: 100px 0 0;}
.pins-bleu{ margin: 100px 0 0;}
.pins-turquoise::before,
.pins-bleu::after{
	position: absolute;
	left: 75%;
	display: flex;
	content: " ";
	margin: -163px 0 0;
	width: 126px;
	height: 126px;
	background: #33CCFE;
}
.pins-bleu::after{
	top: 163px;
	left: auto;
	right: 10%;
	margin-right: 63px;
	background: #557AD5;
}

section.content ul,
section.content ol{
	display: flex;
	flex-direction: column;
	padding: 0 0 3rem 25px;
}
section.content ul li,
section.content ol li{
	list-style: square;
	padding: 0.25rem 0 0.25rem 15px;
}
section.content ol li{
	list-style: decimal;
}

.afterbleu,
.aftercarre,
.beforehachures,
.afterhachures,
.beforepicto{
	position: relative;
}
.afterbleu::after,
.aftercarre::after{
	position: absolute;
	content: " ";
	right: 0;
	top: 50%;
	height: 80px;
	width: 40px;
	margin: -40px 0 0;
	background: #557AD5;
}
.aftercarre::after{
	left: 10%;
	top: auto;
	bottom: 20%;
	width: 126px;
	height: 126px;
	margin: 0 0 0 -63px;
}

.beforehachures::before,
.afterhachures::after{
	position: absolute;
	content: " ";
	left: 0;
	top: 50%;
	margin: -185px 0 0;
	width: 45px;
	height: 370px;
	background: url("img/hachures-turquoises.svg") no-repeat center right;
	background-size: 90px 370px;
}
.afterhachures::after{
	left: auto;
	right: 0;
}

.beforepicto::before{
	position: absolute;
	content: " ";
	left: 10%;
	top: 50%;
	margin: -400px 0 0;
	width: 800px;
	height: 800px;
	background: url("img/fond-picto.svg") no-repeat center;
	background-size: 800px;
}


.colonnes{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.colonnes section{
	width: 48%;
	padding: 60px 40px;
	color: #565656;
}
.colonnes section.marine{ background: rgba(19, 36, 80, 0.15);}
.colonnes section.bleu{ background: rgba(85, 122, 213, 0.15);}

.colonnes section h2{
	height: auto;
	margin-bottom: 3rem;
	padding: 80px 0 0;
	font-size: 2.1rem;
	letter-spacing: -0.05rem;
	color: #565656;
	text-align: center;
	background: url("img/h2-gris.svg") no-repeat  top center;
	background-size: 67px;
}


button.retour a,
button.suivant a,
button.precedent a{
	position: absolute;
	top: 100px;
	left: 10%;
	padding-left: 30px;
	font-weight: 700;
	background: url("img/retour.svg") no-repeat left center;
	background-size: 20px;
}
button.precedent a{
	left: auto;
	right: 10%;
	top: auto;
	bottom: 100px;
	padding: 0 30px 0 0;
	background: url("img/suivant.svg") no-repeat right center;
	background-size: 20px;
}
button.suivant a{
	top: auto;
	bottom: 100px;
}

.mentions{
	font-size: 1.2rem;
	line-height: 1.8rem;
}


/* SECTIONS */

#introduction{
	z-index: 1;
	top: 0;
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	min-height: 400px;
	padding-top: 320px;
	padding-bottom: 200px;
	background-color: #132450;
	background-color: rgba(19, 36, 80, 0.33);
}
body.home #introduction{
	height: 100vh;
}

#introduction h1{
	z-index: 2;
	left: 0;
	position: relative;
	margin: auto 0;
	color: #fff;
	font-size: 12rem;
	line-height: 12rem;
	font-weight: 700;
	letter-spacing: 1rem;
	text-transform: uppercase;
	text-shadow: 0 0 30px rgba(0,0,0, 0.66);
}
.parent-pageid-54 #introduction h1,
.parent-pageid-312 #introduction h1{
	font-size: 5rem;
	line-height: 6rem;
	letter-spacing: 0.5rem;
	padding-right: 33%;
}
body.single #introduction h1{
	font-size: 8rem;
	line-height: 8rem;
	text-transform: none;
	letter-spacing: normal;
}
body.actualites #introduction h1{
	font-size: 6rem;
	line-height: 7.2rem;
	text-align: left;
}
body.actualites #introduction{ padding-left: 20%; padding-right: 20%;}
body.home #introduction h1{
	background: url("img/hachures-turquoises.svg") no-repeat center right;
	background-size: 90px 370px;
}
body.home #introduction h1{
	height: 56rem;
	margin: auto auto auto 0;
	padding-left: 160px;
	font-size: 8rem;
	line-height: 12rem;
	background-position: left bottom;
}

#introduction  .hachure{
	z-index: 2;
	position: absolute;
	content: " ";
	right: 10%;
	top: 50%;
	width: 90px;
	height: 370px;
	background: url("img/hachures-turquoises.svg") no-repeat center right;
	background-size: 90px 370px;
}
body.single #introduction  .hachure::after,
body.page-template-inscription #introduction .hachure::after{
	position: absolute;
	content: " ";
	left: 0;
	bottom: 0;
	margin: 0 0 -63px -63px;
	width: 126px;
	height: 126px;
	background: #33CCFE;
}

div#picto{
	z-index: 1;
	position: absolute;
	left: 1230px;
	top: 50vh;
	margin: -6vh 0 0 -360px;
	width: 800px;
	height: 800px;
	background: url("img/picto.svg") no-repeat center;
	background-size: 800px;
}

section#video{
	z-index: 0;
	top: 0;
	left: 0;
	position: absolute;
	display: flex;
	width: 100%;
	height: 100vh;
	background-color: #132450;
}
section#video video{
	height: 100vh;
	margin: 0 auto;
}

/* FONDS */

#fonds h2{ background-image: url("img/h2-euro.svg");}


/* ACTUALITES */

#news h2{ background-image: url("img/h2-news.svg");}
#actualites{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
body.home #actualites{ flex-wrap: nowrap;}
#actualites article{
	position: relative;
	display: flex;
	width: 466px;
}
#actualites article a{
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 20px;
}
#actualites article h3{
	width: 100%;
	margin-bottom: 0;
	font-size: 1.6rem;
	text-transform: none;
	letter-spacing: normal;
	border: none;
}
#actualites article .photo{
	z-index: 1;
	position: relative;
	width: 100%;
	height: 466px;
	background-color: #EEEEEE;
}

body.home #actualites article:last-child h3::before,
#actualites article:nth-child(3n) h3::before,
#actualites article:nth-child(4n)::before{
	z-index: 0;
	right: 0;
	top: 0;
	position: absolute;
	content: " ";
	width: 126px;
	height: 126px;
	margin: -83px -63px 0 0;
	background: #33CCFE;
}
#actualites article:nth-child(3n) h3::before{
	margin: -114px -30px 0 0;
}
#actualites article:nth-child(4n)::before{
	margin: -30px -30px 0 0;
	background: #557AD5;
}
#actualites article h3{
	z-index: 0;
	position: relative;
	margin-top: 20px;
	font-weight: 700;
}



/* 	ACTIVITÉS */

#activites h2{ background-image: url("img/h2-activites.svg");}
#activites{
	position: relative;
}
#activites .trio-image{
	z-index: 1;
	position: absolute;
	top: 350px;
}
#activites .texte{
	z-index: 2;
	position: relative;
	min-height: 1010px;
}

#precisions{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0;
}
#precisions div{
	width: 48%;
	height: 49%;
	padding: 40px;
	margin: 0 auto 2% 0;
	color: #565656;
}
#precisions .double{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	height: 49%;
	padding: 0;
	margin: 0;
}
#precisions .double div{
	width: 48%;
	height: 100%;
	margin-bottom: 0;
}

#precisions .turquoise { background: rgba(51, 204, 254, 0.15);}
#precisions .bleue { background: rgba(85, 122, 213, 0.15);}
#precisions .marine { background: rgba(19, 36, 80, 0.15);}

#precisions .bleue p{ color: #565656;}
#precisions .marine p a { border-bottom: 1px solid #565656;}

/* REJOIGNEZ-NOUS */

#rejoignez-nous h2{ background-image: url("img/h2-cartable.svg");}



/* CONTACT */

#contact h2,
h1.h2-contact{ background-image: url("img/h2-email.svg");}
h1.h2-contact{ margin-top: 0;}

#adresses{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
#adresses article{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	padding-right: 5%;
}

#adresses article .icone{
	width: 160px;
	height: 90px;
	margin-bottom: 10px;
	background: no-repeat center;
	background-size: 90px;
}
#adresses article h3{
	margin-bottom: 0;
	font-size: 1.6rem;
	color: #557AD5;
	font-weight: 700;
	border: none;
}

#contact ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-left: 0;
}
#contact ul li{
	display: flex;
	flex-direction: column;
	width: 30%;
	padding-left: 0;
}
#contact ul li strong{
	color: #557AD5;
	padding-bottom: 1.5rem;
}
#contact ul li:last-child{
	height: 90px;
	background: url("img/hachures-turquoises-horizontales.svg") no-repeat center;
	background-size: 370px 90px;
}
.page-template-contact #contact ul li:last-child{ background: none;}


/* LE GROUPE */

#nosequipes h2{ background-image: url("img/h2-equipes.svg");}
#nosequipes .image{ margin-top: 50px;}

#equipe{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	margin: 200px 0 0;
}
#equipe article{
	display: flex;
	flex-direction: column;
	width: 466px;
}
#equipe article .photo{
	z-index: 1;
	position: relative;
	width: 100%;
	height: 466px;
	background-color: #EEEEEE;
}

#equipe article h3{
	z-index: 0;
	position: relative;
	margin-top: 20px;
	font-weight: 700;
}

#gems h2{ background-image: url("img/h2-partenaires.svg");}

#partenaires{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#partenaires div{
	width: 18%;
	height: 10vw;
	margin: 0 auto 30px 0;
	background-color: #EEEEEE;
}
#partenaires div:nth-child(5n){ margin-right: 0;}


/* DATES */

ul#chronologie{
	display: flex;
	flex-direction: column;
	color: #fff;
	padding: 10px 20% 0;
	background: url("img/fleche.svg") no-repeat top center;
	background-size: 28px 24px;
}

ul#chronologie li{
	display: flex;
	flex-direction: column;
	width: 50%;
	text-align: right;
	padding-right: 50px;
	border-right: 4px solid #fff;
}
ul#chronologie li:first-child{ padding-top: 50px; margin-top: 10px;}
ul#chronologie li:nth-child(2n){
	margin-left: 50%;
	margin-left: calc(50% - 4px);
	padding-left: 50px;
	text-align: left;
	background: no-repeat top right;
	border-right: none;
	border-left: 4px solid #fff;
}
ul#chronologie li.icone{
	padding-left: 120px;
	background: no-repeat center left;
	background-size: 90px;
}
ul#chronologie li.icone:nth-child(2n){
	padding-left: 50px;
	padding-right: 120px;
	background-position: center right;
}
ul#chronologie strong{
	position: relative;
	margin-bottom: 20px;
	font-size: 2.4rem;
	color: #33CCFE;
}
ul#chronologie strong::after{
	position: absolute;
	content: " ";
	bottom: 0;
	right: 0;
	margin: 0 -72px -12px 0;
	width: 40px;
	height: 4px;
	background: #fff;
}
ul#chronologie li:nth-child(2n) strong::after{
	left: 0;
	margin-right: 0;
	margin-left: -72px;
}


/* ACTIVITES */

#filles h3{ margin-bottom: 6rem;}
#filles ul{
	padding-bottom: 0;
	font-size: 2.1rem;
	line-height: 2.8rem;
	font-weight: 700;
	text-transform: uppercase;
}
#filles ul li{
	margin-bottom: 3rem;
}
#filles ul li:last-child{ margin-bottom: 0;}
#filles ul li a{
	display: flex;
	padding: 1.5rem 0;
}
#filles ul li a span{
	margin: auto 0 auto auto;
	font-weight: 400;
	text-transform: none;
	border-bottom: 1px solid #565656;
}
#filles ul li a:hover span{ border-bottom-color: #557ad5;}

/* ACTIVITÉ */

.h2-immobilier h2{ background-image: url("img/h2-immobilier.svg");}

.decale-gauche p,
.decale-gauche ul{
	padding-left: 125px;
}




/* NOS FONDS */

.page-template-fonds h2{
	margin-bottom: 0;
	text-transform: none;
	letter-spacing: normal;
	font-size: 1.6rem;
	line-height: 3rem;
	background-image: url("img/h2-euro-gris.svg");
}
.page-template-fonds h2.icone{
	line-height: 5vw;
}
.page-template-fonds .decale ul{
	flex-direction: row;
	padding-left: 0;
	padding-bottom: 0;
}
.page-template-fonds .decale ul li{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	padding-right: 40px;
}
.page-template-fonds .decale ul ol{ padding-bottom: 0;}
.page-template-fonds .decale ul ol li{ list-style: decimal;}


/* Tableau */

#nos-fonds ul,
#nos-fonds ul div.w30,
#nos-fonds ul div.w50,
#nos-fonds ul div.w70{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding: 0;
	font-size: 1.3rem;
}
#nos-fonds ul div.w30{ width: 30%;}
#nos-fonds ul div.w50{ width: 50%;}
#nos-fonds ul div.w70{ width: 70%;}
#nos-fonds ul li{
	flex-grow: 0;
	margin: 0 3px 3px 0;
	padding: 0 5px;
	height: 50px;
	line-height: 50px;
	list-style: none;
	text-align: center;
	border: 1px solid #557ad5;
}
#nos-fonds ul li.text{
	display: flex;
	line-height: normal;
	justify-content: center;
}
#nos-fonds ul li.text p{
	margin: auto;
	padding: 0 5px;
}
#nos-fonds ul li.left p{ margin-left: 0;}
#nos-fonds ul li.bleue{
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}
#nos-fonds ul li.w5{ width: 5%;}
#nos-fonds ul li.w10{ width: 10%;}
#nos-fonds ul li.w15{ width: 15%;}
#nos-fonds ul li.w20{ width: 20%;}
#nos-fonds ul li.w25{ width: 25%;}
#nos-fonds ul li.w30{ width: 30%;}
#nos-fonds ul li.w33{ width: 33.333%;}
#nos-fonds ul li.w40{ width: 40%;}
#nos-fonds ul .w50{ width: 50%;}
#nos-fonds ul li.w60{ width: 60%;}
#nos-fonds ul li.w70{ width: 70%;}
#nos-fonds ul li.w75{ width: 75%;}
#nos-fonds ul li.w95{ width: 95%; flex-grow: 1;}
#nos-fonds ul li.w100{ width: 100%;}
#nos-fonds ul li.left{
	text-align: left;
	padding-left: 20px;
}
#nos-fonds ul li.paddingleft{
	padding-left: calc(5% + 23px);
}
#nos-fonds ul li.fleche{
	background: url(img/fleche-fonds.svg) no-repeat center #557ad5;
	background-size: 50px;
}
#nos-fonds ul li.center{ display: flex; justify-content: center;}
#nos-fonds ul li.center em{ margin: 0 auto;}

#nos-fonds ul li.currency{
	text-align: center;
	padding: 0 3px;
	letter-spacing: -0.05rem;
}

#nos-fonds ul li.column{
	display: flex;
	flex-direction: column;
	line-height: normal;
	padding: 0;
}
#nos-fonds ul li.column strong,
#nos-fonds ul li.column span{
	width: 100%;
	height: 25px;
	line-height: 25px;
	justify-content: center;
}
#nos-fonds ul li.column strong{
	display: flex;
	flex-wrap: nowrap;
}
#nos-fonds ul li.column span{
	width: 33%;
}
#nos-fonds ul li.trio{ display: flex;}
#nos-fonds ul li.trio span{ width: 33%; text-align: center;}

#nos-fonds ul li.fichier{
	display: flex;
	padding: 0;
}
#nos-fonds ul li.fichier a{
	width: 100%;
	height: 100%;
	margin: 0;
	background: url(img/icone-fichier.svg) no-repeat center;
	background-size: 50px;
}
#nos-fonds ul li.fichier a:hover{ background-image: url(img/icone-fichier-blanc.svg); background-color: #565656;}
#nos-fonds ul li.fichier a em{ display: none;}

#nos-fonds ul li.small{
	display: flex;
	justify-content: center;
	line-height: 1.6rem;
	padding: 0 3px;
}
#nos-fonds ul li.small span{
	margin: auto;
}

#scorecard{
	display: flex;
	width: auto;
	min-height: 5vw;
	margin: auto;
	padding-left: 125px;
	background: url("img/icone-scorecard-gris.svg") no-repeat left center;
	background-size: 90px;
}
#scorecard button{
	height: auto;
	margin: auto 0;
	padding: 0;
	color: #565656;
	text-transform: none;
    letter-spacing: normal;
	font-weight: 700;
    font-size: 1.6rem;
    line-height: 3rem;
	border-bottom: 2px solid #565656;
}
#scorecard:hover button{
	color: #557ad5;
	border-bottom-color: #557ad5;
}

/* ACTU */

body.single .beforehachures{
	min-height: 75vh;
}

/* Connexion */

#connexion{
	z-index: 1;
	position: relative;
	margin-top: -50px;
	width: 400px;
	padding: 20px 30px;
	color: #fff;
	background: #132450;
}
#connexion h3{
	color: #fff;
	font-size: 1.6rem;
	text-transform: none;
	margin-bottom: 0;
	border: none;
}
#connexion .um-form::after{ display: none;}
#connexion .um-form{
	padding: 0;
	border: none;
}
#connexion .um .um-field-label{
	color: #fff;
	margin: 15px 0 0;
}
#connexion .um-col-1{
	flex-direction: column;
}
#connexion .um-field{
	width: 100%;
	margin-bottom: 0;
}
#connexion .um-col-alt{ margin-top: 0;}
#connexion label{ opacity: 0.5;}
#connexion .um-form-field{
	color: #fff;
	background: none !important;
	border:  none !important;
	border-bottom: 2px solid #fff !important;
}

#connexion .um input[type="submit"].um-button{
	margin-top: 15px;
	color: #132450;
	font-weight: 700 !important;
	background: #fff;
}
#connexion .um input[type="submit"].um-button:hover{
	background-color: #33CCFF;
}
#connexion .um .um-button.um-alt{
	color: #fff;
	background: none;
	opacity: 0.5;
}
#connexion .um .um-button.um-alt:hover{ color: #33CCFF; opacity: 1;}

#connexion .um-col-alt-b,
#connexion a{
	padding-top: 0;
	font-size: 1.3rem;
	font-style: italic;
	font-weight: 300;
	color: #fff;
	border: none;
}
#connexion a.um-link-alt{ color: #fff !important;}

#connexion a:hover{ color: #557ad5 !important;}

#connexion p:last-child{ padding-top: 10px; padding-bottom: 0;}
#connexion p:last-child a{ background: url("img/icone-acces.svg") left center no-repeat; background-size: 18px; padding-left: 22px;}


#connexion .um-error-code-incorrect_password a{ display: none;}


/* FORMULAIRE */

#form h2,
.um-page-members h2{ background-image: url("img/h2-acces.svg"); padding-right: 65px;}
.max600 h2{ flex-grow: 0; width: auto; margin-left: auto; margin-right: auto;}

section.content .um{
	display: flex;
	width: 100%;
	max-width: none !important;
	margin: 0 !important;
}
.um-form{
	display: flex;
	padding: 100px;
	width: 100%;
	border: 2px solid #707070;
}
.max600 .um-form{
	flex-grow: 0;
	max-width: 600px;
	margin: 0 auto;
	padding: 60px;
}
.max600 .um-form form{ max-width: 480px;}
.um-form form{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.um-row,
.um-row .um-col-1{
	display: flex;
	width: 100%;
}
.um-row .um-col-1{
	flex-wrap: wrap;
	justify-content: space-between;
}


.um-form .select2-results__options li{
	height: auto !important;
	min-height: auto !important;
}




.um-field{
	width: 30%;
	margin-bottom: 40px;
}
.um-field-adresse,
.um-field-complement,
.um-field-phone_number,
.um-field-fax,
.um-field-user_email,
.um-field-pro_ou_perso,
.um-field-activite,
.um-field-autre_activite,
.um-field-directive_mifid,
.um-field-comment,
.um-field-complement{
	width: 47%;
}
.max600 .um-field,
.um-field-je_comprends,
.um-field-commentaire,
.um-field-je_comprends .um-field-checkbox{
	width: 100%;
}
.um-field-je_comprends .um-field-checkbox{
	font-weight: 700;
	color: #565656;
}

.um-field-type_block{
	width: 100%;
	font-size: 1.4rem !important;
	line-height: 2.2rem;
	padding-top: 0 !important;
	margin-bottom: 2.2rem !important;
}
.um-field-type_block a{ border-bottom: 1px solid #777;}
.um-field-type_block a:hover{ border-bottom: 1px solid #557ad5;}

#form .um .um-form input[type="text"],
#form .um-form input[type="number"],
#form .um-form input.um-form-field{
	border: none !important;
	border-bottom: 2px solid #565656 !important;
}
#form .select2.select2-container .select2-selection{
	border: 2px solid #565656 !important;
}

#form .um-field-label-icon{ display: none;}

#form .um .um-form .um-button{
	width: auto;
	padding: 10px 32Px;
	color: #fff;
	font-weight: 700;
	background: #132450;
	border: none !important;
}
.max600 .um .um-form .um-button{ width: 100% !important;}
.max600 .um .um-form .um-alt{ background: #969696 !important;}
#form .um .um-form .um-button:hover,
.max600 .um .um-form .um-alt:hover{
	background: #557AD5 !important;
}
.page-template-inscription .um-right{ display: none;}

.page-template-inscription .um-col-alt{ display: flex;}
.page-template-inscription .um-half{ width: auto; margin: 0 auto;}
.page-template-inscription .um-right{ display: none;}

.um-form{ position: relative;}
.um-form::after{
	position: absolute;
	content: " ";
	left: 0;
	bottom: 0;
	height: 126px;
	width: 126px;
	margin: 0 0 -63px -63px;
	background: #557AD5;
}


/* Mon compte */

.um-page-account .um-account-meta{ display: none;}
.um-page-account form{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.um-page-account .um-account-main{
	width: 60%;
	padding: 0;
	margin: 0 0 0 auto;
}

.um-page-account .um-clear{ width: 100%;}
.um-account-heading{ padding-bottom: 40px;}

.um-account-tab .um-field{ width: 100%;}

/* cache l'onglet confidentitalité du compte */
.um-account-side li:nth-child(3n){ display: none;}

.um-profile .um-form{
	flex-direction: column;
}

.um-profile .um-form .um-cover,
.um-header .um-profile-photo,
.um-header .um-profile-meta,
.um-profile-nav{
	display: none;
}

.um-profile .um-form{ padding: 50px 50px 0; margin-top: 50px;}
.um-profile .um-header{
	position: absolute;
	padding: 0;
	margin: -150px 0 0 -30px;
	width: 400px;
}
.um-profile-edit{
	position: absolute;
	left: 0;
}

.um-profile-edit-a{ display: flex;}
.um-profile-edit-a::after,
.page-id-617 .um-profile-edit-a::after{
	display: flex;
	font-size: 1.6rem;
	margin-left: 12px;
	content:  " Editer vos informations";
}
.page-id-617 .um-profile-edit-a::after{ content:  " Edit your information";}

.um-profile-meta{ padding-left: 0;}

.um-256.um .um-profile-body,
.um-623.um .um-profile-body{
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.um-register .um-postmessage{
	padding: 20px;
	color: #fff;
	background: #557ad5;
}

.um-center{
	margin: 0 auto;
}
div.um .g-recaptcha{
	position: absolute;
	left: 0;
	margin: -30px 0 0 0 !important;
}

.page-template-inscription div.um .g-recaptcha{
	margin: -60px 0 0 515px !important;
}

/* Erreurs */
.um-field-error{ background: #565656 !important;}
.um-field-arrow{ color: #565656 !important;}

/* Accès Mon compte */
.um-page-members .um-dropdown-b ul li:nth-child(2n),
 .um-dropdown-b ul li:nth-child(2n){ display: none;}


/* MDP */
.page-template-connexion form .um-link-alt,
.page-template-fonds form #mdp-fr,
.page-template-fonds form #mdp-en{
	display: none !important;
}
.page-id-264 form #mdp-fr,
.page-id-259 form #mdp-fr,
.page-id-309 form #mdp-en{
	display: block !important;
}

/* MESSAGE INSCRIPTION */

.page-id-260 .um-register .um-postmessage,
.page-id-606 .um-register .um-postmessage{
	display: flex;
	flex-direction: column;
	font-size: 0;
	color: #557ad5;
	padding-bottom: 0;
}
.page-id-260 .um-register .um-postmessage::before,
.page-id-606 .um-register .um-postmessage::before{
	display: flex;
	font-size: 1.6rem;
	color: #fff;
	content:  "Merci de votre demande d’accès à notre site. Nous examinerons vos informations et nous vous enverrons un e-mail vous indiquant si votre demande a été acceptée ou non.";
}
.page-id-606 .um-register .um-postmessage::before{
	content:  "Thank you for your request to access our website. We will review your information and send you an email to indicate whether or not your request is approved.";
}

.um-error-code-incorrect_password a{ display: none !important; opacity: 0 !important;}

/* ANCRE */

a.ancre{
	position: absolute;
	margin-top: -80px;
}


/* COOKIES */

#cookies{
	z-index: 9;
	bottom: 0;
	position: fixed;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1920px;
	padding: 10px 40px;
	background-color: #565656;
}
#cookies p{
	max-width: 1200px;
	width: 100%;
	margin: 10px auto 0;
	color: #fff;
	font-size: 1.4rem;
}
#cookies p:first-child{ margin-bottom: 0;}
#cookies p:last-child{ margin-top: 0;}

#cookies p:first-child a{ border-bottom: 1px solid #fff;}
#cookies p:first-child a:hover{ color : #33CCFE; border-color : #33CCFE;}

#cookies p a#accepter,
#cookies p a#refuser{
	padding: 10px 20px;
	color: #fff;
	border: none;
}
#cookies p a#accepter{
	color: #565656;
	background: #fff;
}
#cookies p a#refuser{
	color: #fff;
	background: #132450;
}
#cookies p a#accepter:hover,
#cookies p a#refuser:hover{
	color: #fff;
	background: #557ad5;
}
#cookies p a:hover{
	cursor: pointer;
}


/* GÉNÉRALES */

.background-cover{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	-webkit-background-size:cover;
}

a, button, ::after, ::before, input, textarea,
button#burger, button#burger span,
nav ul li .sub-menu, #nos-fonds ul li.fichier

{-webkit-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);-moz-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.5s cubic-bezier(0.86, 0, 0.07, 1);}

.t100{-webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);-moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); -ms-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);}



/* ADMIN */

.admin-bar button#burger,
.admin-bar header,
.admin-bar header #email{ top: 32px;}

.admin-bar .ancre{ margin-top: -232px;}
.admin-bar .ancre2{ margin-top: -352px;}


/* MAX-WIDTH */

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

	a.bouton button{ padding: 0 8vw;}
	section.double .colonnes .texte a.bouton button{ padding: 0 5vw;}

	header{ padding: 0 10%;}

	#actualites article, #equipe article, #equipe article .photo{ width: 25vw;}
	#actualites article .photo, #equipe article .photo{ height: 25vw;}

	body.home #actualites article:last-child h3::before, #actualites article:nth-child(3n) h3::before, #actualites article:nth-child(4n)::before {
		width: 6.5vw;
		height: 6.5vw;
		margin: -3.25vw -2vw 0 0;
		margin-top: calc(-20px - 4.5vw);
	}
	#actualites article:nth-child(4n)::before { margin-top: -2vw;}

	body.home #introduction h1{ padding-left: 8vw; background-size: 5vw 19.4vw;}
	div#picto{ left: 50vw; width: 40vw; height: 40vw; margin-left: 0;}

	.content .hachures::after,
	#introduction .hachure{
		width: 5vw;
		height: 19.4vw;
		background-size: 5vw 19.4vw;
	}
	#introduction .hachure{ margin-top: 2.5vw;}
	.trio-image .image:first-child::after{
		width: 19.4vw;
		height: 5vw;
		margin-right: -12vw;
		background-size: 19.4vw 5vw;
	}

	.beforehachures::before, .afterhachures::after {
		margin: -9.7vw 0 0 -10px;
		width: 5vw;
		height: 19.4vw;
		background-size: 5vw 19.4vw;
	}

	.coin-gauche::after, .coin-gauche-top::after, .trio-image .image:nth-child(2n)::before, .coin-droite-complet::after {
		width: 3.25vw;
		height: 6.5vw;
		margin: 0 0 -3.25vw -3.25vw;
	}
	.coin-gauche::before, .coin-gauche::after, .coin-droite::before, .coin-droite-complet::before, .trio-image .image:nth-child(2n)::before, .trio-image .image:nth-child(2n)::after {
		width: 6.5vw;
		height: 3.25vw;
		margin: 0 0 -3.25vw -3.25vw;
	}
	.coin-droite-complet::before{
		height: 6.5vw;
		margin: -3.25vw -3.25vw 0 0;
	}

	.coin-gauche-complet::before{
		width: 6.5vw;
		height: 6.5vw;
		margin: -3.25vw 0 0 -3.25vw;
	}
	.coin-gauche-top::before, .coin-gauche-top::after {
		margin: -3.25vw 0 0 -3.25vw;
	}
	.coin-gauche::after, .coin-gauche-top::after, .trio-image .image:nth-child(2n)::before {
		width: 3.25vw;
		height: 6.5vw;
		margin: 0 0 -3.25vw -3.25vw;
	}
	.coin-gauche-top::before, .coin-gauche-top::after {
		margin: -3.25vw 0 0 -3.25vw;
	}

	.pins-bleu::after {
		top: calc(100px + 3.25vw);
		margin-right: 3.25vw;
	}
	.pins-turquoise::before, .pins-bleu::after {
		margin-top: calc(-100px - 3.25vw);
		width: 6.5vw;
		height: 6.5vw;
	}

	.um-form::after {
		height: 6.5vw;
		width: 6.5vw;
		margin: 0 0 -3.25vw -3.25vw;
	}



	h2,
	#scorecard{
		height: auto;
		min-height: 5vw;
		padding-left: 6vw;
		background-size: 5vw;
	}
	#adresses article .icone{
		width: 8vw;
		height: 5vw;
		background-size: 5vw;
	}
	#contact ul li:last-child{
		height: 5vw;
		background-size: 19.4vw 5vw;
	}

	.content .image-premiere { margin-right: 7.5vw;}

	.multi .image .gauche {
		margin: -2.7vw 0 0 -15vw;
	}
	.multi .image .gauche::before, .multi .image .gauche::after {
		width: 17vw;
		height: 17vw;
	}
	.multi .image .bottom::before, .multi .image .bottom::after {
		width: 8vw;
		height: 8vw;
	}
	.multi .image .bottom {
		margin: 0 0 -6vw 3.5vw;
	}

	.pins-turquoise::before, .pins-bleu::after {
		margin-top: calc(-50px -6.5vw);
		width: 6.5vw;
		height: 6.5vw;
	}

	body.single #introduction .hachure::after, body.page-template-inscription #introduction .hachure::after {
		margin: 0 0 -3.25vw -3.25vw;
		width: 6.5vw;
		height: 6.5vw;
	}

	.afterbleu::after, .aftercarre::after {
		height: 4vw;
		width: 2vw;
		margin: -2vw 0 0;
	}
	.aftercarre::after {
		width: 6.5vw;
		height: 6.5vw;
		margin: 0 0 0 -3.25vw;
	}

	ul#chronologie li.icone {
		padding-left: 6vw;
		background-size: 4.5vw;
	}
	ul#chronologie li.icone:nth-child(2n) {
		padding-left: 2.5vw;
		padding-right: 6vw;
	}

	#partenaires div{ width: 13vw; height: 13vw;}

	.decale {
		padding: 0 6vw;
	}

	.colonnes section h2 {
		padding: 4vw 0 0;
		background-size: 3.4vw;
	}

	.beforepicto::before {
		margin: -20vw 0 0;
		width: 40vw;
		height: 40vw;
		background-size: 40vw;
	}

	section.double .colonnes .texte {
		padding: 0 3.25vw 0 6.5vw;
	}

	.content .demi-droite{ padding-left: 40vw;}

	.content .image-premiere{ margin: -12.5vw 7.5vw 0 0;}

	#activites .demi-droite a.bouton button{ margin-right: 0;}

	#activites .texte {
		min-height: 60vw;
	}

	div.um .g-recaptcha{ left: 50vw; left: calc(50vw - 220px);}

	.page-id-625 div.um .g-recaptcha,
	.um-page-password-reset div.um .g-recaptcha{ left: 0; margin: -25px 0 0 !important;}

	.page-template-inscription div.um .g-recaptcha{
		left: calc(40vw - 100px);
		margin-left: -150px !important;
	}
}
@media only screen and (max-width : 1799px) {

}
@media only screen and (max-width : 1699px) {

	.padding200 {
		padding-top: 180px;
		padding-bottom: 180px;
	}
	.multi .texte,
	#equipe{ margin-top: 180px;}
	header,
	.padding10 {
		padding-left: 7.5%;
		padding-right: 7.5%;
	}

	content .image-premiere { margin-top: -230px;}

	ul#chronologie{ padding: 0 15%;}

	#activites .trio-image{ top: 330px;}

	#nos-fonds ul li.currency{
		font-size: 1.2rem;
		letter-spacing: -0.1rem;
	}

	.page-template-inscription div.um .g-recaptcha{ left: calc(42.5vw - 100px);}
}
@media only screen and (max-width : 1599px) {

	html, body{ font-size:62%;}

	.parent-pageid-54 #introduction h1, .parent-pageid-312 #introduction h1{ padding-right: 20%;}
}
@media only screen and (max-width : 1499px) {

	html, body{ font-size:61%;}

	.padding200 {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.multi .texte,
	#equipe{ margin-top: 150px;}
	header,
	.padding10 {
		padding-left: 5%;
		padding-right: 5%;
	}

	header nav ul li a{ font-size: 1.7rem;}

	#introduction .hachure{ margin-top: 6vw;}
	content .image-premiere { margin-top: -200px;}

	ul#chronologie{ padding: 0 10%;}

	#partenaires div{ width: 14.5vw; height: 14.5vw; margin-bottom: 1.5vw;}

	#activites .trio-image{ top: 300px;}

	div.um .g-recaptcha{ left: calc(50vw - 180px);}

	.page-template-inscription div.um .g-recaptcha{ left: calc(45vw - 100px);}
}
@media only screen and (max-width : 1399px) {

	html, body{ font-size:60%;}

	a.bouton button,
	section.double .colonnes .texte a.bouton button{
		padding: 0 60px;
		height: 70px;
		line-height: 70px;
		font-size: 1.7rem;
	}
	a.bouton button{
   	 	margin: 2.4rem auto 0;
	}

	#actualites article, #equipe article, #equipe article .photo {
		width: 27.5vw;
	}
	#actualites article .photo, #equipe article .photo {
		height: 27.5vw;
	}

	.parent-pageid-54 #introduction h1, .parent-pageid-312 #introduction h1{ padding-right: 10%;}

	.padding100 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#icones li a {
		background-size: 36px 24px;
	}

	#nos-fonds ul li.small{ font-size: 1.2rem; letter-spacing: -0.025rem;}
}
@media only screen and (max-width : 1299px) {

	html, body{ font-size:59%;}

	header nav ul li a{ font-size: 1.6rem;}

	#nos-fonds ul li.currency{
		font-size: 1.1rem;
	}
}
@media only screen and (max-width : 1199px) {

	html, body{ font-size:58%;}

	header{ padding-right: 0;}
	header nav { margin: 16px 0 auto 0; padding: 0 10px;}

	ul#chronologie{ padding: 0 5%;}

	.parent-pageid-54 #introduction h1, .parent-pageid-312 #introduction h1{ padding-right: 0%;}

	a.bouton button,
	section.double .colonnes .texte a.bouton button{
		padding: 0 40px;
		height: 60px;
		line-height: 60px;
		font-size: 1.6rem;
	}

	.trio-image .image:first-child::after { margin-right: -5vw;}
	.content .demi-droite { padding-left: 33vw;}

	#nos-fonds ul { flex-direction: column;}
	#nos-fonds ul.maitre { flex-direction: row;}
	#nos-fonds ul div.w50{ width: 100%;}
	#nos-fonds ul li.text { font-weight: 700; background: rgba(85,122,213, 0.1);}
	#nos-fonds ul li.strategie p { margin-left: 0; padding-left: 20px;}
	#nos-fonds ul li.nom { text-transform: uppercase;}

	#nos-fonds ul li.currency{
		font-size: 1.3rem;
		letter-spacing: normal;
	}

	div.um .g-recaptcha{ left: calc(50vw - 160px);}

	#nos-fonds ul li.small{ font-size: inherit; letter-spacing: normal;}
}
@media only screen and (max-width : 1099px) {

	html, body{ font-size:57%;}

	header a#logo {
		width: 17vw;
		height: 11vw;
	}

	#actualites article, #equipe article,  #equipe article .photo { width: 40vw;}
	body.home #actualites article{ width: 28vw;}

	#actualites article .photo, #equipe article .photo { height: 33vw;}
	body.home #actualites article .photo{ height: 28vw;}

	.colonnes{ flex-direction: column;}
	.colonnes section{ width: 90%; margin: 0 auto 40px;}
	section.double .colonnes .texte{ width: 100%;}

	#equipe{ flex-wrap: wrap;}

	section#fonds .colonnes .texte { margin-bottom: 40px;}
	section#fonds .colonnes .texte a.bouton button{ margin-top: 0;}

	#precisions .double div.marine{ margin: auto auto 0 0;}

	footer nav a{ font-size: 1.4rem;}

	.medium-none{ display: none;}
}
@media only screen and (max-width : 999px) {

	html, body{ font-size:56%;}

	button#burger{
		display: flex;
	}

	header{ padding-left: 20px;}
	header a#logo{
		z-index: 10;
		position: fixed;
		left: 50vw;
		height: 60px;
		width: 200px;
		padding: 0;
		margin: 0 0 0 -100px;
		box-shadow: none;
	}
	header a#logo img{ width: 192px; height: 46px; display: none;}
	header a#logo img.logo-mobile{ display: block;}

	header nav,
	header.scroll nav {
		display: none;
		z-index: 9;
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		height: 100vh;
		margin: 0;
		padding: 0;
		background-color: #132450;
	}

	header.scroll{
		background: #fff;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	}
	header nav.flex{ display: flex;}
	header nav ul {
		flex-direction: column;
		margin: 95px 0 auto;
	}
	header nav ul li{
		width: 100%;
		height: auto;
	}
	header nav ul li a{
		height: 9vh;
		line-height: 9vh;
		border-bottom: 1px solid rgba(0,0,0, 0.5);
	}
	header nav ul li:first-child a{ border-top: 1px solid rgba(0,0,0, 0.5);}
	header nav ul li .sub-menu{
		position: relative;
		display: flex;
		opacity: 1;
		margin: 0;
		background: rgba(0,0,0, 0.15);
	}
	header nav ul .sub-menu li:first-child a{ border-top: none;}
	header nav ul li .sub-menu a,
	header nav ul li .sub-menu li:last-child a{
		width: 100%;
		text-align: center;
		height: 4.5vh;
		line-height: 4.5vh;
		font-size: 1.4rem;
		border-bottom: 1px solid rgba(0,0,0, 0.5);
	}

	header nav ul li a::after { display: none;}

	header .secondaire{
		right: 0;
		z-index: 10;
		position: fixed;
	}

	button#burger{ padding: 0; height: 60px;}
	header.scroll {
    height: 60px;
	}
	header.scroll a#logo{ margin-top: 7px; height: 46px; padding: 2px;}
	header.scroll a#logo img{ height: 42px;}
	header.scroll #langues li a {
		height: 60px;
		line-height: 60px;
	}
	#langues li:last-child a { background: rgba(0,0,0, 0.15);}

	header.scroll .menu-icones-container{
		position: absolute;
		right: 90px;
	}
	header.scroll #icones{ height: 60px; width: 120px;}
	header.scroll #icones li a {
		height: 60px;
		background-size: 30px 24px;
	}

	#icones, header.scroll #langues{ height: 60px;}
	#icones li a{ height: 60px; line-height: 60px; background-size: 31px 21px;}

	nav.flex .menu-icones-container{
		position: absolute;
		bottom: 0;
	}

	.decale {
		padding: 0;
	}
	#partenaires div{ width: 14vw; height: 14vw; margin-bottom: 1.5vw;}
	#partenaires div:nth-child(5n) {
		margin-right: auto;
	}
	#partenaires div:nth-child(6n) {
		margin-right: 0;
	}

	h2,
	#scorecard {
		min-height: 60px;
		padding-left: 80px;
		background-size: 60px;
	}
	.colonnes section h2 {
		padding: 65px 0 0;
		background-size: 50px;
	}

	.trio-image .image:nth-child(3n){ display: none;}

	body.home #introduction h1 {
		height: auto;
		padding-left: 0;
	}
	body.actualites #introduction h1,
	body.home #introduction h1 ,
	#introduction h1,
	.parent-pageid-54 #introduction h1,
	.parent-pageid-312 #introduction h1{
		font-size: 6rem;
		line-height: 9rem;
	}
	div#picto{ top: 66vh;}

	button.retour a{ top: 60px;}

	body.actualites #introduction,
	.padding20 {
		padding-left: 10%;
		padding-right: 10%;
	}
	.aftercarre::after { display: none;}
}
@media only screen and (max-width : 899px) {

	html, body{ font-size:55%;}

	#precisions .double{ flex-direction: column;}
	.colonnes section, #precisions div, #precisions .double div{ width: 100%;}

	#precisions div.turquoise{ margin-bottom: 0;}
	#precisions .double div,
	#precisions .double div.marine{ margin-top: 20px;}

	#adresses article{ flex-direction: column;}
	#adresses article:last-child{ padding-top: calc(5vw + 10px);}
}
@media only screen and (max-width : 799px) {

	html, body{ font-size:54%;}

	footer #foot{ display: none;}

	section.double .colonnes .texte { padding: 0;}

	#actualites article, #equipe article, #equipe article .photo,
	body.home #actualites article{ width: 43vw;}
	#actualites article .photo, #equipe article .photo,
	body.home #actualites article .photo{ height: 36vw;}

	body.home #actualites article:nth-child(3n){ display: none;}

	.padding200 {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.multi .texte,
	#equipe{ margin-top: 120px;}

	#groupe .image{ height: 30vh;}

	.page-template-contact #contact{ padding-top: 0;}

	.um-form{ padding: 50px;}
	div.um .g-recaptcha{ left: calc(50vw - 90px);}
}
@media only screen and (max-width : 699px) {

	#actualites article, #equipe article, #equipe article .photo, body.home #actualites article {
		width: 90vw;
		margin-bottom: 20px;
	}
	#actualites article .photo, #equipe article .photo, body.home #actualites article .photo {
		height: 33vh;
	}
	body.home #actualites article:nth-child(3n){ display: flex;}
	body.home #actualites {  flex-wrap: wrap;}

	h2,
	#scorecard{ line-height: normal;}

	.content .image, .content .img {
		width: 40vw;
		height: 40vw;
	}
	.content .image-premiere{ margin: -20vw auto 60px auto; margin-top: calc(-80px - 20vw);}
	.diapo{ width: 100%;}
	.diapo .ligne{ display: none;}

	section.deux{ flex-direction: column; margin-top: 100px;}
	section.deux:first-child{ margin-top: 0;}
	.content .image-premiere{ order: 1;}
	.deux .texte{ order: 2;}
	.deux .texte{ padding-right: 0;}
	.deux .texte-droite{ padding-left: 0;}

	#nosequipes .flex{ flex-direction: column;}
	#nosequipes .image{ margin: 40px auto 0;}
	.multi .texte { margin-left: 0; margin-top: 80px;}

	#nos-fonds ul li.paddingleft, #nos-fonds ul li.strategie p{ padding-left: 15px;}

	#nos-fonds ul li.fleche{ display: none;}
	#nos-fonds ul li.text { color: #132450; background: rgba(85,122,213, 0.2);}
	#nos-fonds ul li.strategie p{ text-align: left; line-height: 1.6rem;}
	#nos-fonds ul div.double{ flex-direction: column;}
	#nos-fonds ul  div.double div.w30,
	#nos-fonds ul  div.double div.w70{
		width: 100%;
	}
	#nos-fonds ul li.fichier a em{ display: inline-block;}
	#nos-fonds ul li.fichier a {
		padding-top: 33px;
		line-height: 1.4rem;
		font-size: 1.2rem;
		background-position: top center;
		background-size: 34px;
	}
	#nos-fonds ul li.fichier a.double {
		padding-top: 30px;
		font-size: 1.1rem;
		line-height: 1rem;
	}

	section.deux{ margin-top: 0;}
	.page-template-fonds .decale ul{ flex-direction: column;}
	#connexion{ margin-top: 40px; width: 100%;}

	#adresses{ flex-direction: column;}
	#adresses article{ width: 100%; padding-right: 0;}
	#adresses article:last-child { padding-top: 20px;}
	#adresses article h3{ line-height: 2.4rem; margin: 10px 0;}
	#adresses article .icone {
		width: 50px;
		height: 50px;
		background-size: 48px;
	}

	#cookies{ padding: 5px 20px;}
	#cookies p{ line-height: 2rem;}
}
@media only screen and (max-width : 599px) {

	html, body{ font-size:53%;}

	body.actualites #introduction h1,
	body.home #introduction h1,
	#introduction h1,
	.parent-pageid-54 #introduction h1,
	.parent-pageid-312 #introduction h1{
		height: auto;
		padding-left: 0;
		font-size: 4rem;
		line-height: 5rem;
	}

	#activites{ display: flex; flex-direction: column; flex-wrap: nowrap;}
	#activites .trio-image{ order: 1; position: relative; width: 100%; top: auto; display: flex; justify-content: space-between; margin-bottom: 40px;}
	.trio-image .image:first-child,
	.trio-image .image {
		width: 40vw;
		height: 33vw;
		margin: 0 auto;
	}
	.trio-image .image:first-child{ margin-left: 0;}
	#activites .texte{ order: 2;  min-height: auto; margin: 0; padding: 0;}
	#activites .demi-droite a.bouton button {
		margin-right: auto;
	}

	#groupe{ flex-direction: column;}
	#groupe .image{ display: none;}
	#groupe .texte{ order: 2;}

	#partenaires{ justify-content: flex-start;}
	#partenaires div,
	#partenaires div:nth-child(5n),
	#partenaires div:nth-child(6n) {
		width: 21vw;
		height: 21vw;
		margin:0 2vw 2vw 0;
	}
	#partenaires div:nth-child(4n) { margin-right: 0;}

	ul#chronologie{ position: relative; background: none;}
	ul#chronologie::before{
		position: absolute;
		top: 0;
		left: 12px;
		content: " ";
		width: 28px;
		height: 24px;
		margin-top: -12px;
		background: url("img/fleche.svg") no-repeat top center;
	background-size: 28px 24px;
	}
	ul#chronologie li,
	ul#chronologie li.icone,
	ul#chronologie li:nth-child(2n),
	ul#chronologie li.icone:nth-child(2n){ width: 100%; padding-left: 50px; background-position: center right; border-left: 4px solid #fff; border-right: none; margin: 0; padding-bottom: 30px; text-align: left;}
	ul#chronologie strong::after { right: auto; left: 0; margin-left: -72px;}
	ul#chronologie li.icone{ background-size: 50px; background-position: right center;}
	ul#chronologie li.icone, ul#chronologie li.icone:nth-child(2n){ padding-right: 70px;}

	#filles ul li a span{ margin-left: 20px;}

	.decale-gauche p, .decale-gauche ul {
		padding-left: 0;
	}

	.colonnes section, #precisions div {
    	padding: 40px 25px;
	}

	body.actualites #introduction,
	.padding20 {
		padding-left: 5%;
		padding-right: 5%;
	}

	button.retour a{ top: 40px;}
	button.retour a,
	button.precedent a{ left: 20px;}

	#contact ul{ flex-direction: column;}
	#contact ul li{ width: 100%; margin-bottom: 30px;}
	.page-template-contact #contact ul li:last-child{ display: none;}

	.um-form,
	.max600 .um-form{ padding: 30px;}

	.um-row, .um-row .um-col-1{ flex-direction: column;}
	.um-field,
	.um-field-adresse, .um-field-complement, .um-field-phone_number, .um-field-fax, .um-field-user_email, .um-field-pro_ou_perso, .um-field-activite, .um-field-autre_activite, .um-field-directive_mifid, .um-field-comment, .um-field-complement { width: 100%;}

	.page-template-connexion #introduction,
	.page-template-inscription #introduction{
    	min-height: none;
		padding: 150px 5% 100px;
	}

	div.um .g-recaptcha{ left: calc(50vw - 60px);}

	.page-template-inscription div.um .g-recaptcha{
		left: 0;
		margin-left: 0 !important;
	}

	.admin-bar button#burger,
	.admin-bar header,
	.admin-bar header #email{ top: 0;}
}
@media only screen and (max-width : 499px) {

	header a#logo{ z-index: 9;  left: 0; margin-top: 0; margin-left: 0; width: 100%; padding: 6px 100px 6px 60px;}
	header a#logo img { height: 38px;}

	#icones{ flex-direction: column; height: 120px;}
	#icones li {
		width: 50px;
	}
	header .secondaire{ display: flex; flex-direction: column; justify-content: flex-end;}
	header .secondaire, #langues{ width: 100px;}
	header #icones, header .menu-icones-container{ width: 50px;}
	header .menu-icones-container{ margin: 24px 0 0 auto;}
	header.scroll .menu-icones-container {
		position: relative;
		right: 0;
	}
	header #icones,
	header.scroll #icones{
		height: 100px;
	}
	header.scroll #icones{
		background: rgba(19, 36, 80, 0.5);
	}
	header #icones li:first-child { background: rgba(0,0,0, 0.15);}
	#icones li,
	header #icones li a,
	header.scroll #icones li a { height: 50px; line-height: 50px;}

	header nav ul li .sub-menu{ display: none;}

	.padding200 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.multi .texte,
	#equipe{ margin-top: 100px;}

	.padding50{ padding-top: 40px; padding-bottom: 40px;}
	.padding100{ padding-top: 70px; padding-bottom: 70px;}
	.paddingbottom50{ padding-bottom: 40px;}
	.paddingbottom100{ padding-bottom: 70px;}
	.paddingbottom200{ padding-bottom: 100px;}
	.nopaddingbottom{ padding-bottom: 0 !important;}

	h2,
	#scorecard {
		min-height: 50px;
		padding-left: 65px;
		background-size: 50px;
		margin: 3rem 0 2rem;
	}

	a.bouton button, section.double .colonnes .texte a.bouton button {
		padding: 10px 30px;
		line-height: normal;
		font-size: 1.6rem;
		margin: 2.1rem auto 0;
	}
	section#fonds .colonnes .texte a.bouton button{ margin-left: 0;}

	.um-form,
	.max600 .um-form{ padding: 20px;}

	#nos-fonds ul.marine-mobile li{
		background: #132450;
		border: 1px solid #132450;
	}
	#nos-fonds ul li{ padding: 0 3px;}
	#nos-fonds ul li.left,
	#nos-fonds ul li.paddingleft, #nos-fonds ul li.strategie{
		padding-left: 10px;
	}
	#nos-fonds ul li.text p{ padding: 0;}

	#nos-fonds ul li.full,
	#nos-fonds ul div.mot{ width: 100%;}
	#nos-fonds ul div.vide,
	#nos-fonds ul li.vide{ display: none;}

	#nos-fonds ul li.m20 { width: 20%;}
	#nos-fonds ul li.m50 { width: 50%;}

	#nos-fonds ul li.strategie p{ font-size: 1.2rem; font-style: italic; line-height: 1.3rem;}

	#nos-fonds ul li.currency{
		font-size: 1.1rem;
		letter-spacing: -0.05rem;
	}
}
@media only screen and (max-width : 399px) {

	html, body{ font-size:52%;}

	.trio-image .image:first-child,
	.trio-image .image {
		display: none;
		width: 100vw;
		height: 25vh;
		margin: 0;
	}
	.trio-image .image:first-child{ display: flex;}

	#partenaires div,
	#partenaires div:nth-child(4n),
	#partenaires div:nth-child(5n),
	#partenaires div:nth-child(6n) {
		width: 27vw;
		height: 27vw;
		margin:0 3vw 3vw 0;
	}
	#partenaires div:nth-child(3n) { margin-right: 0;}

	#nos-fonds ul li.currency{
		font-size: 1rem;
		letter-spacing: -0.075rem;
	}
}
@media only screen and (max-width : 299px) {

	html, body{ font-size:50%;}
}