@font-face {
    font-family: 'glacial_indifferencebold';
    src: url('fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
         url('fonts/glacialindifference-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'glacial_indifferenceitalic';
    src: url('fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
         url('fonts/glacialindifference-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'glacial_indifferenceregular';
    src: url('fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
         url('fonts/glacialindifference-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
*{
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#3f3f3f;
	margin:0;
	padding:0;
	line-height:1.7;
}
a{
	text-decoration:none;
}
p,.like-p{
	line-height:1.6;
	margin:10px 0 25px 0;
	font-size:16px;
}
b,strong{
	font-weight:700;
}
.maj{
	font-size:26px;
	font-family: 'glacial_indifferencebold', arial;
}
.center{
	text-align:center;
}
/* titres */
h1,h2,h3{
	margin:10px 0 20px 0;
}
h1,
h1 span,
h1 b{
	font-size:54px;
	font-family: 'glacial_indifferencebold';
	line-height: 1.1;
	letter-spacing: 1.4px;
}
h1.like-strong,
h2.like-strong,
p.faux-h2{
	font-weight:700;
	font-size:18px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
}
h2.h2-orange,
h1.h1-like-h2-orange,
h2.h2-greendark{
	color:#46b7a1;
	font-weight:700;
	font-size:46px;
	font-family: 'glacial_indifferencebold', arial;
}
h2.h2-greendark{
	color:#388c7c;
}
h3.title-valeur{
	font-size:26px;
	font-family: 'glacial_indifferencebold', arial;
}
h2.faux-p-strong{
	font-size:16px;
	font-weight:700;
	margin-bottom:-5px;
}
/* color */
.greenlight,
p.greenlight,
span.greenlight{
	color:#46b7a1;
}
.greendark,
p.greendark,
span.greendark{
	color:#388c7c;
}
.orangelight,
p.orangelight,
span.orangelight{
	color:#e5930e;
}
.orangedark,
p.orangedark,
span.orangedark{
	color:#c77e11;
}
/* divers */
img{
	width:100%;
	height:auto;
}
img.infographie{
	max-width:400px;
	display:block;
	margin:30px auto;
}
div.clear{
	clear:left;
	clear:right;
	clear:both;
}
div.vide30px{
	display:block;
	height:30px;
}
div#page{
	width:100%;
	margin:0 auto;
}
/* BOUTONS */
a.bta-plus,
a.bta-bg-orange,
button.bta-bg-orange,
button.bta-plus{
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1.7px;
	cursor:pointer;
}
a.bta-plus{
	color:#46b7a1;
	transition:0.4s;
	cursor:pointer;
}
a.bta-plus:hover{
	color:#e5930e;
	margin-left:3px;
	transition:0.4s;
	cursor:pointer;
}
a.bta-plus:after{
	content:"→";
	font-size:24px;
	margin-left:10px;
}
a.bta-bg-orange,
button.bta-bg-orange,
button.bta-plus,
input#send-livre-blanc{
	transition:0.4s;
	background-color:#e5930e;
	padding:10px 3%;
	border-radius:3px;
	color:#ffffff;
	margin:30px 0 15px 0;
	cursor:pointer;
	border: none;
}
a.bta-bg-orange:hover, button.bta-bg-orange:hover,
input#send-livre-blanc:hover{
	transition:0.4s;
	background-color:#c77e11;
}
input#send-livre-blanc{
	width:fit-content;
}

/* FLOAT LEFT */
figure#logo-header,
nav#main-menu,
figure.mid-width,
div.mid-width,
article.mission,
aside.aside-footer,
article.valeur,
article.sujet,
article.date,
article.prise-contact{
	float:left;
	display:block;
	margin:0 2%;
}
/* FLOAT RIGHT */
div.float-right,
figure.float-right{
	float:right;
}
/* WIDTH 50% */
figure.mid-width,
div.mid-width{
	width:46%;
}
/* WIDTH 25% */
article.mission,
article.valeur,
article.sujet,
article.date,
article.prise-contact{
	width:21%;
}
/* SECTIONS */
section,
header{
	width: 90%;
	max-width: 1400px;
	margin: 60px auto;
	display: block;
}
section.dessin-separator{
	margin:10px auto;
}
div.capsule-margin{
	margin:0 2%;
}

/* SEPARATOR */
section.dessin-separator.right img{
	max-width:800px;
	display:block;
	margin:0 0 0 auto;
}

/* --- HEADER ---*/
header figure#logo-header{
	width:31%
}
header figure#logo-header img{
	width:100%;
	max-width:250px;
}
/*--- MENU ---*/
header#mobile-header{
	display:none;
}
nav#main-menu{
	width:61%;
	margin-top:45px;
}
nav#main-menu ul{
	text-align:right;
}
nav#main-menu ul li{
	display:inline-block;
	margin:0 2%;
}
nav#main-menu ul li a{
	transition:0.4s;
}
nav#main-menu ul li a:hover{
	transition:0.4s;
	color:#46b7a1;
}
p.number{
	font-size:60px;
	font-weight:900;
	display:inline-block;
}
p.point-number{
	display: inline-block;
	font-size: 50px;
	margin-top: -30px;
	vertical-align: text-top;
}




/* --- HOMEPAGE ---*/
/* blankspace */
.blankspaceHeader {
	height: 50px;
	display: block;
}
/* missions */
p.up{
	display:block;
	margin-top:-40px;
}
#missions-home h2.h2-orange, #missions-home .bta-bg-orange {
	margin-left:2%;
}
/* équipe*/
#team-home .bta-bg-orange {
	float: left;
	margin-right: 10px;
}
#team-home figcaption {
	color:#388c7c;
	font-weight:700;
	font-size:16px;
	font-family:'Roboto', Arial, Helvetica, sans-serif;
	float: left;
}
#team-home .alexandrecaption {
	margin-left: 25%;
}



/* --- MANIFESTE ---*/
img#infog-achat{
	max-width: 450px;
	margin: 0px auto;
	display: block;
}
img#questionner{
	max-width: 450px;
	display: block;
	margin: 20px 0 20px 2%;
}
#manifest-valeur .h2-orange {
	margin-left:2%;
}




/* --- NOS MISSIONS ---*/
article.mission:first-child,
article.valeur:first-child,
article.sujet:first-child{
	margin-left:0;
}
div#timeline-action{
	border-top: 1px solid #46b7a1;
	margin-top: 120px;
}
article.date{
	margin-top:-40px;
}
article.date:before{
	content: " ";
	display: block;
	height: 50px;
	width: 50px;
	text-align: left;
	background-color: #46b7a1;
	margin: 10px 0;
	border-radius:50%;
}
article.date:first-child:before{
	background-color:#c77e11;
}
span.annee{
	font-size:22px;
	font-family: 'glacial_indifferencebold', arial;
}
img#img-sch{
	margin: 20px auto;
	display: block;
	max-width: 1200px;
}


/* --- EQUIPE --- */
article.membre{
	float:left;
	width:21%;
	margin:15px 2%;
}
article.membre p{
	font-size:18px;
	color:#388c7c;
	font-weight:600;
	text-align:center;
}
article.membre img{
	max-height:200px;
	width:auto;
	display:block;
	margin:0 auto;
}
div#all-membres{
	margin:100px 0;
}

/* --- CONTACT ---*/
section#form-contact{
	width:50%;
	max-width:450px;
	margin:20px auto;
	position:relative;
}
img#feuille-contact-left{
	position: absolute;
	bottom: -110px;
	left: -70%;
	width: 100px;
	z-index: -1;
}
img#feuille-contact-right{
	right: -55%;
	position: absolute;
	bottom: 150px;
	width: 100px;
}

/* form */
form#formulaire-contact{
	margin-bottom:100px;
}
input,textarea{
	width: 100%;
	display: block;
	margin: 30px auto;
	padding: 10px 2%;
	border: 1px solid #388c7c;
}
input.small{
	width:30%;
	margin-left:0;
}
div#info-rgpd{
	width: 100%;
	margin: 0 auto;
}
div.info-rgpd p,
div.info-rgpd a,
div.info-iframe,
div.info-iframe p,
div.info-iframe a{
	font-size:11px !important;
}
div.info-iframe{
	text-align:center;
}
div.info-iframe a{
	text-decoration:none;
	color:#46b7a1;
	transition:0.4s;
}
div.info-iframe a:hover{
	transition:0.4s;
	color:#e5930e;
}
.sib-form .input_replaced:checked + .checkbox_tick_positive{
	background-color:#46b7a1 !important;
	border-color:#46b7a1 !important;
}

button#send{
	margin-left:-5px;
}
/*--- FOOTER ---*/
footer#footer{
	background-color:#46b7a1;
}
div.capsule-footer{
	width: 90%;
	max-width: 1400px;
	margin: 60px auto;
	display: block;
	padding: 30px 0;
}
div#all-aside-footer{
	width:100%;
}
aside.aside-footer{
	width:29%;
}
aside#footer-one img{
	width:200px;
}
footer aside nav ul{
	list-style-type:none;
	line-height:1.7;
}
footer aside nav ul li a{
	color:#ffffff;
	text-transform:uppercase;
}
div#rsx-footer img{
	width: 25px;
	display: inline-block;
	margin: 10px 3px 5px 0;
}
div#nl-footer p{
	color:#222222;
}
figure.partenaires{
	max-width:150px;
}
aside#footer-two div#nl-footer iframe .sib-form{
	padding:0 !important;
}

/* /// livre blanc /// */
.inf-main_fc1618c9ae39989770371191790a772b,
.inf-main_4ceabbd82a44dae58c912afb349470b5{
	background-color:#ffffff !important;
}
.inf-main_fc1618c9ae39989770371191790a772b h4, .inf-main_fc1618c9ae39989770371191790a772b label{
	color:#212121 !important;
	font-size:1.1rem !important;
	font-weight:400 !important;
}
.inf-main_fc1618c9ae39989770371191790a772b .inf-input input,
.inf-main_4ceabbd82a44dae58c912afb349470b5 .inf-input input{
	width: 100%;
  display: block;
  margin: 30px auto;
  padding: 10px 2%;
  border: 1px solid #388c7c;
}


/* /// BLOG (janvier 2025) /// */
.titre-orange{
	color:#e5930e !important;
}
div.all-articles{
	display:flex;
	flex-wrap:wrap;
}
article.article-blog{
	width:29%;
	margin:20px 2%;
	border:1px solid #f1f1f1;
}
div.inside-article{
	padding:20px;
}
article.article-blog span.bandeau{
	display:block;
	background-color:#46b7a1;
	width:100%;
	height:35px;
}
article.article-blog span.meta{
	display:block;
	font-style:italic;
	font-size: 0.95rem;
  font-weight: 300;
  color: #a7a7a7;
  margin-bottom: 35px;
}
article.article-blog div.inside-article a,
a.back-blog{
	text-transform: uppercase;
  font-family: 'glacial_indifferencebold', arial;
  letter-spacing: 1.4px;
  color: #46b7a1;
  transition: 0.4s;
}
article.article-blog div.inside-article a:hover,
a.back-blog:hover{
	transition:0.4s;
	margin-left:7px;
	color:#e5930e;
}
article.article-blog h2{
	font-size:20px;
	margin-bottom:5px;
}

/* single */
div.capsule-single-blog{
	max-width:800px;
	margin:0 auto;
}
div.content-single{
	line-height:1.82;
}
.content-single span.italic{
	font-style:italic;
}
.content-single a{
	color:#388c7c;
	transition:0.4s;
}
.content-single a:hover{
	color:#e5930e;
	transition:0.4s;
}
.content-single a:after{
	content:"↗";
	display:inline-block;
	margin-left:5px;
}
.content-single ul{
	margin-left:5%;
}
.titre-single-blog{
	margin-bottom:35px;
}
.content-single h2{
	color: #e5930e;
  font-size: 1.8rem;
  font-family: 'glacial_indifferencebold', arial;
  margin-top:55px;
  line-height:1.3;
}
.content-single h3{
	color: #46b7a1;
  font-size: 1.4rem;
  font-weight:800;
  line-height:1.3;
}




div.show-mobile{
	display:none;
}

/* ------------------------------ RESPONSIVE DESIGN -----------------------------*/
@media screen and (min-width: 901px) and (max-width: 949px){
	header figure#logo-header{
		width:23%;
	}
	nav#main-menu {
		width: 68%;
	}
}
@media screen and (max-width: 950px){
		/* DISPLAY NONE */
		nav#main-menu,
		section#sujets-etude,
		div#timeline-action,
		img#img-sch,
		img#feuille-contact-left,
		img#feuille-contact-right,
		.display-mobile{
			display:none;
		}
		/* DISPLAY BLOCK */
		div.show-mobile,
		header#mobile-header{
			display:block;
		}
		/* menu burger */
		#hamburger-button {
		  position: relative;
		  z-index: 9999; /*so it never gets lost under something*/
		  display: inline-block;
		  vertical-align: top;
		  height:15px;
		  width:20px;
		  margin-left:5%;
		  margin-top:5%;
		  bottom:60px;
		  left:40%;
		}

		#hamburger-button:hover {
		  cursor: pointer;
		  /* changes the cursor to pointer */
		}

		#hamburger-button > span {
		  display: block;
		  height: 4px;
		  margin-bottom: 6px;
		  width: 30px;
		  background-color:#3f3f3f;
		 -webkit-transition-timing-function: linear; /* Safari and Chrome */
		transition-timing-function: linear;
		transition-duration:0.6s;
		}
		   

		#hamburger-button.open > span:first-child {
		-webkit-transform: translateY(9px) rotate(45deg); /* Chrome, Safari, Opera */
		transform:translateY(9px) rotate(45deg);
		}


		#hamburger-button.open > span:nth-child(2) {
		   -webkit-transform: rotateY(90deg); /* Safari */
			transform: rotateY(90deg);
		  /* rotates the second child on the Y AXIS ONLY 90 degrees so it disappears into a point */
		}

		#hamburger-button.open > span:last-child {
		 -webkit-transform: translateY(-10px) rotate(-45deg); /* Chrome, Safari, Opera */
			transform: translateY(-10px) rotate(-45deg);
		}


		.navbar{
		  position:absolute;
		  opacity:.95;
		  z-index:888; /*so its above the content but below the burger button*/
		  height:100vh;
		  width: 100vw;
		  left:-100vw;
		  transition:1s;
		  background-color:#388c7c;
		  color:white;
		}

		.navbar.open{
		  left:0;
		}
		.navbar ul{
		  list-style:none;
		  margin-top:10%;
		  font-size:1.5em;
		}

		.navbar ul li{
		  margin-bottom: 10px;
			padding: 5px;
			font-size: 24px;
			text-transform: uppercase;
			margin-left:15%;
			line-height:1.7;
		}
		.navbar ul li a{
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 22px;
			font-weight: 500;
			text-transform: uppercase;	
			color:#ffffff;
		}

		.navbar ul li:hover{
			
		  cursor:pointer;
		}
	/* float */
		figure#logo-header,
		nav#main-menu,
		figure.mid-width,
		div.mid-width,
		article.mission,
		aside.aside-footer,
		article.valeur,
		article.sujet,
		article.date,
		article.prise-contact,
		article.membre{
			clear:left;
		}
		header figure#logo-header,
		figure.mid-width,
		div.mid-width,
		article.mission,
		article.valeur,
		article.sujet,
		article.date,
		article.prise-contact,
		aside.aside-footer,
		article.membre{
			width:96%;
		}
		/* header */
		header{
			margin-top:10px;
		}
		header figure#logo-header{
			text-align:center;
		}
		h1, h1 span, h1 b{
			font-size:38px;
		}
		h2.h2-orange, h1.h1-like-h2-orange, h2.h2-greendark{
			font-size:32px;
		}
		/* missions */
		div.subjects{
			display:none;
		}
		/* equipe */
		article.membre img{
			max-width:230px;
			display:block;
			margin:5px auto;
		}
		/* contact */
		section#form-contact{
			width:90%;
		}
		/* footer */
		div#rsx-footer img{
			width:35px;
			margin-right:20px;
		}
		a#button-top{
			background-color: #388c7c;
			height:40px;
			width:40px;
			border-radius:50%;
			position: fixed;
			bottom: 32px;
			right: 12px;
			font-size: 35px;
			text-align: center;
			color: #fff;
			cursor:pointer;
		}
		
		
		/* --- blog --- */
		div.all-articles{
			display:block;
		}
		article.article-blog{
			width:96%;
			margin:55px 2%;
		}
		.content-single h3{
			font-size:1.2rem;
		}
	
	
}

/* Home team*/
@media(max-width:1209px) {
	#team-home .alexandrecaption {
		margin-left: 10%;
	}
}
@media(max-width:1071px) {
	#team-home .alexandrecaption {
		margin-left: 10%;
	}

}
@media(max-width:985px) {
	#team-home .bta-bg-orange {
		margin:10px 0 0 10px;
	}
}
@media(max-width:953px) {
	#team-home .alexandrecaption {
		margin-left: 5%;
	}
}
@media(max-width:859px) {
	#team-home .alexandrecaption {
		margin-left: 30%;
	}
}
@media(max-width:587px) {
	#team-home .alexandrecaption {
		margin-left: 15%;
	}
}
@media(max-width:487px) {
	#team-home .alexandrecaption {
		margin-left: 5%;
	}
}
@media(max-width:487px) {
	#team-home figcaption {
		display: none;
		visibility: hidden;
	}
}