body {
	font-family: 'Barlow', sans-serif;
}

footer {
	color: white;
}

.bodyHP {
	background: black;
	color: white;
}

.hide {
	display: none;
}

.bleu, .bleu h4 {
	color: #007da1;
}

.orange, .orange h4 {
	color: #ff7b3b;
}

.rouge, .rouge h4 {
	color: #ff7979;
}

.vert, .vert h4 {
	color: #66c79c;
}

.violet, .violet h4 {
	color: #a98cfd;
}

.jaune, .jaune h4 {
	color: #ffbd0f;
}

.bleuClair, .bleuClair h4 {
	color: #01abff;
}


#backMobile17, #backMobile23, #backMobile68, #backMobile910, #backMobile1112, #backMobile1314, #backMobile1516, #backMobile45 {
	display: none;
}



/*

HOMEPAGE

*/

/*HEADER SINGLE*/

nav {
	background: #303030;
}

nav ul {
	list-style: none;
	padding-left: 0;
	text-align: right;
	margin-bottom: 0;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
}

nav ul li {
	display: inline;
	margin-left: 43px;
}

nav ul li a {
	color: white;
	font-size: 18px;
}

.logoOrdi {
	height: 82px;
	float: left;
	padding-left: 20px;
}

nav ul li a:hover {
	color: white;
}


/*SIDEBAR*/

#bouttonOpenSidebar {
	display: none;
}

/*HEADER*/



header ul {
	list-style: none;
	text-align: right;
	position: absolute;
	right: 0;
	padding-top: 30px;
	padding-right: 20px;
	z-index: 8000;
}

header ul li {
	display: inline;
	margin-left: 43px;
}

header ul li a {
	color: white;
	font-size: 18px;
}

header ul li a:hover {
	color: white;
}

#menu-item-33 > a:nth-child(1) {
	font-weight: 500;
	background: #00a194;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	border-radius:3px;
	transition: opacity .3s ease-out;
	text-transform: uppercase;
}

#menu-item-33 > a:nth-child(1):hover {
	opacity: 0.8;
}

.MenuMobile {
	display: none;

}

/*INTRO*/

.mainHP {
	background-image: url(img/samia-home.jpg), linear-gradient(to bottom, #131117 25%, #131117 45%, rgba(19, 17, 23, 0.86) 64%, #131117 85%);
	background-size: contain;
	background-repeat: no-repeat;
}
.introSite {
	padding-bottom: 130px;
}

.introSite h1 {
	font-size: 112px;
	line-height: 100px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 100;
	color: white;
	margin-bottom: 70px;
	padding-top: 161px;

}

.introSite h1 span {
	font-weight: 800;
	line-height: 140px;
}

.introSite p {
	margin-bottom: 0;
	font-size: 24px;
	line-height: 31px;
	color: white;
	padding-bottom: 30px;
}

.introSite > p:nth-child(11) {
 text-align: right;
}

.paragrapheDegrade {
		background: linear-gradient(#ffffff,
#444444);
    background-clip: border-box;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color:
rgba(0,0,0,0.0001);
text-fill-color: rgba(0, 0,0,0.0001);
display: inline-block;
cursor: url("img/curseur.svg") 36 36, pointer;
}

.introSite p a {
	text-decoration: underline;
	color: #00a194;
}

/*FORMULAIRE*/

.rejoindre, .newsletter {
	padding-top: 165px;
	padding-bottom: 128px;
}

.newsletter {
		background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(img/back-newsletter.jpg);
		background-size: cover;
background-position: center;
}

.rejoindre {
		background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url(img/back-rejoindre.jpg);
		background-size: cover;
background-position: center;
}



.essaiBG {
	background-image: url(img/imageform.png);
	padding-bottom: 70px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position-y: 350px;
}

.essaiBGNEWS {
	background-position-y: 270px;
}

.fomulaireHomepage {
	background: white;
	border-radius: 3px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.18);
}

.titreFormulaireHP h2 {
	font-size: 60px;
	line-height: 63px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	color: black;
	padding-left: 15px;
}


.titreFormulaireHP span {
	color: #00a194;
}

.formulaireHP {
	padding-right: 15px;
}

.formulaireHP input {
	border:none;
	background: none;
	border-bottom: 1px solid rgba(48, 48, 48, 0.3);
	padding-bottom: 10px;
	width: 100%;
	margin-top: 30px;
}

.submitFormBenevole {
	width: 100%;
	text-transform: uppercase;
	color: white;
	background: #66c7bf ! important;
	border-radius: 3px;
	border: none ! important;
	font-weight: 500;
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 40px;
	cursor: pointer;
	transition: opacity .3s ease-out;
}

.downProgramme {
	width: 100%;
	text-transform: uppercase;
	color: white;
	background: #66c7bf ! important;
	border-radius: 3px;
	border: none ! important;
	font-weight: 500;
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 40px;
	cursor: pointer;
	transition: opacity .3s ease-out;
	display: block;
	text-align: center;
	margin-bottom: 40px;
}

.submitFormBenevole:hover, .downProgramme:hover {
	opacity: 0.8;
}

.downProgramme:hover {
	color: white;
	text-decoration: none;
}

/*input[type=checkbox] {
	width: unset;
	margin-top: 20px;
}

label {
		display: inline;
		padding-left: 10px;
}
*/
.formulaireHP label {

}

.checkRejoindre {
	margin-top: 20px;
}

.paddignRowForm {
	padding-top: 70px;
	padding-bottom: 55px;
}

.formulaireHP label {
  display: inline;
  padding-left: 5px;
  text-indent: -15px;
  	color: black;
	font-size: 14px;
}
input[type=checkbox] {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}


/*PROJETS*/

.BoiteProjectSection {
	padding-top: 50px;
}

.BoiteProject h2 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
	font-size: 38px;
	width: 100%;
	text-align: left;
	    position: relative;

    z-index: 1;
    overflow: hidden;

}

.BoiteProject h2:after {
    position: absolute;
    top: 60%;
    overflow: hidden;
    width: 100%;
    height: 1px;
    content: '\a0';
    background-color: white;
}


.BoiteProject h2:after {
    margin-left: 2%;	
}

.toutesLesBoitesProjets {
	padding-top: 57px;
}

.contenaireProjet {
	border-radius: 3px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.18);
	background-color: #f1f3f6;
	padding: 10px;
	margin-bottom: 30px;
}

.contenaireProjet h3, .contenaireProjet h4 {
	margin: 0;
}

.contenaireProjet a {
	text-decoration: none;
}

.contenaireProjet h3 {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	padding-bottom: 20px;
	padding-top: 28px;
	padding-left: 51px;

}

.contenaireProjet h4 {
	font-size: 44px;
	line-height: 47px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;	

}

.contenaireProjetDeux{
	border-radius: 3px;
	box-shadow: 3px 3px 8px 0 rgba(55, 84, 170, 0.2), -3px -3px 8px 0 #ffffff, inset -3px -3px 6px 0 rgba(255, 255, 255, 0.18);
	background-image: radial-gradient(circle at 50% 50%, #ffffff, #f1f3f6 79%);
	padding-left: 38px;
		padding-bottom: 23px;
			transition: box-shadow .3s ease-out, opacity .3s ease-out;
}

.contenaireProjetDeux:hover {
	box-shadow: unset;
	opacity: 0.8;
}

.contenaireProjetTrois {
	padding-left: 51px;	
	border-left: 1px solid rgba(48, 48, 48, 0.3);
	position: relative;
	padding-right: 15px;
}

.contenaireProjetDeux img {
	height: 60px;
	position: absolute;
	left: 33px;
}



.listeColore {
	list-style: none;
	padding-left: 0;
	font-size: 52px;
	line-height: 80px;
	font-weight: 200;
	margin-bottom: 0;
	padding-bottom: 140px;
	padding-top: 167px;
}


.listeColore a:hover {
	text-decoration: none;
}



.listeColoreLienUn { color: #00a194;display:inline-block; margin:0; width: 100%; }
.listeColoreLienUn:after {
  display:block;
  content: '';
  border-bottom: solid 1px #00a194;  
  transform: scaleX(1);  
  transition: transform 250ms ease-in-out;
}
.listeColoreLienUn:hover:after { transform: scaleX(0); }
.fromRight:after{  transform-origin:  0% 50%; }
/*h1.fromLeft:after{  transform-origin:  0% 50%; }*/

.listeColoreLienUn a {
	color: #00a194;
}

.listeColoreLienDeux { display:inline-block; margin:0; width: 100%; }
.listeColoreLienDeux:after {
  display:block;
  content: '';
  border-bottom: solid 1px #66c7bf;  
  transform: scaleX(1);  
  transition: transform 250ms ease-in-out;
}
.listeColoreLienDeux:hover:after { transform: scaleX(0); }
.fromRight:after{  transform-origin:  0% 50%; }

.listeColoreLienDeux a {
	color: #66c7bf;
}

.listeColoreLienTrois {
	border-bottom: 1px solid #b2e2de;
}

.listeColoreLienTrois a {
	color: #b2e2de;
}

#imageMarseille {
	height: 325px;
	background-image: url(img/marseille.jpg);
	background-size: cover;
}

#backVision {
	height: 414px;
	background-image: url(img/back-vision.png);
	background-size: cover;
	background-position: center;
}

#backHistoire {
	height: 414px;
	background-image: url(img/back-histoire.jpg);
	background-size: cover;
	background-position-y: 35%;
}

#backSamia, #backSamiaCandidat {
	height: 414px;
	background-image: url(img/samia.jpg);
	background-size: cover;
}

#back17 {
	height: 414px;
	background-image: url(img/background-candidat-1-7.jpg);
	background-size: cover;	
}

#back23 {
	height: 414px;
	background-image: url(img/background-candidat-2-3.jpg);
	background-size: cover;	
}

#back68 {
	height: 414px;
	background-image: url(img/background-candidat-6-8.jpg);
	background-size: cover;	
}

#back910 {
	height: 414px;
	background-image: url(img/background-candidat-9-10.jpg);
	background-size: cover;	
}

#back1112 {
	height: 414px;
	background-image: url(img/background-candidat-11-12.jpg);
	background-size: cover;	
}

#back1314 {
	height: 414px;
	background-image: url(img/background-candidat-13-14.jpg);
	background-size: cover;	
}

#back1516 {
	height: 414px;
	background-image: url(img/background-candidat-15-16.jpg);
	background-size: cover;	
}

#back45 {
	height: 414px;
	background-image: url(img/background-candidat-4-5.jpg);
	background-size: cover;	
}

#backEssai {
	height: 414px;
	background-image: url(img/back-samia-2.jpg);
	background-size: cover;
}

#backDroit {
	height: 414px;
	background-image: url(img/back-ecole.jpg);
	background-size: cover;
}

#backExigence {
		height: 414px;
	background-image: url(img/back-exigence.jpg);
	background-size: cover;
background-position: center;
}

#backImperatif {
		height: 414px;
	background-image: url(img/back-imperatif.jpg);
	background-size: cover;
	background-position: center;
}

#backDevoir {
			height: 414px;
	background-image: url(img/back-devoir.jpg);
	background-size: cover;
}


#backCombat {
			height: 414px;
	background-image: url(img/back-combat.jpg);
	background-size: cover;
		background-position: center;
}

#backConquete {
			height: 414px;
	background-image: url(img/back-conquete.jpg);
	background-size: cover;
		background-position: center;
}

#backPageCandidat img {
	width: 100%;
}

#backObjectif {
			height: 414px;
	background-image: url(img/back-objectif.jpeg);
	background-size: cover;
		background-position: center;
}

#backProjet {
				height: 414px;
	background-image: url(img/back-projet.jpg);
	background-size: cover;
}

.essaiBGFormulaireProjet {
	margin-top: 50px;
}

.essaiBGFormulaireProjet h2 {
	font-size: 50px;
	line-height: 55px;
}

/*

CANDIDAT

*/

.candidat {
	padding-bottom: 100px;
}

.blocCandidat {

  	margin-bottom: 30px;
}

.blocCandidat img {
	height: 73px;
	width: 73px;
	margin-left: 25px;
}

.BlocCandidatTitre {
	padding-left: 28px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.sousBlocCandidat {
	display: flex;
	align-items: center;
		border-radius: 3px;
  	border: solid 1px #00a194;
  	transition: background-color .3s ease-out;
}

.sousBlocCandidat:hover {
	background-color: #f0f0f0;
}

.candidat a {
	text-decoration: none;
}

.candidat h1 {
	font-size: 84px;
	line-height: 80px;
	color: #00a194;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	padding-top: 80px;
	padding-bottom: 80px;
}

.candidat h2 {
	color: #00a194;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	font-size: 32px;
	line-height: 29px;

}

.candidat h3 {
	color: #303030;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	font-size: 34px;
	line-height: 34px;
}

/*

MANIFESTE

*/

	#imageManifeste {
		height: 414px;
		background-image: url(img/samia-projet.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		padding-left: 0 ! important;
		padding-right: 0 ! important;
		background-position: center;
	}


	#menuManifeste, #menuRS  {
		position: -webkit-sticky;  
    position: sticky;
    top: 0;

		text-align: left;
		padding-top: 6.8rem;
	}

#menuRS {
	padding-top: 0;
	text-align: center;
}

	#menuRS img {
		width: 19px;
		height: auto;
	}

	#menuRS div {
		text-align: center;
		height: 65px;
border: 1px solid rgba(48, 48, 48, 0.1);
display: flex;
align-items: center;
justify-content: center;
  	transition: background-color .3s ease-out, background-image .3s ease-out;
  	background-image: url('img/facebook-partage.png');
	}


#menuRS > a:nth-child(2) > div:nth-child(1) {
  	background-image: url('img/twitter-partage.png');
}

#menuRS div:hover {
	background-color: #66c7bf;
	background-image: url('img/facebook-partage-hover.png');
}

#menuRS > a:nth-child(2) > div:nth-child(1):hover {
  	background-image: url('img/twitter-partage-hover.png');
}

#introPageProjet p, #introPageProjet a {
	font-size: 21px;
	line-height: 28px;
	margin: 0;
	padding-bottom: 30px;
}

#introPageProjet a {
	color: #66c7bf;
}

#introPageProjet a:hover {
	color: #66c7bf;
	text-decoration: underline;
}

#contentProjet p {
		font-size: 21px;
	line-height: 28px;
	margin: 0;
	padding-bottom: 25px;
}

.contentProjetChapitre h1 {
	font-size: 64px ! important;
line-height: 70px ! important;
}

#introPageProjet span {
	font-weight: 600;
}

#contentProjet h2 {
	font-size: 54px;
	line-height: 64px;
	font-weight: 600;
		font-family: 'Barlow Condensed', sans-serif;
		margin:0;
		padding-bottom: 60px;
		padding-top: 30px;
}

#menuManifeste ul {
	list-style: none;
	padding-left: 0;
}

#menuManifeste ul li a {
	font-size: 20px;
	color: rgba(48, 48, 48, 0.7);
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 300;
}

#menuManifeste ul li a span {
	font-weight: 600;
}


/*
VISION

*/

.vision {
	padding-top: 30px;
	padding-bottom: 57px;
}

.vision h1, .vision p {
	margin: 0;
}

.vision h1 {
	padding-bottom: 43px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	font-size: 84px;
	line-height: 80px;
	color: #00a194;
}

 .erreur h1 {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	font-size: 84px;
	line-height: 80px;
	color: #00a194;
 }

.actif {
	font-weight: 500 !important;
}

.erreur .container {
	padding-top: 150px;
	padding-bottom: 150px;
}

.vision p {
	padding-bottom: 30px;
	font-size: 24px;
	line-height: 34px;
}

.vision p span {
	font-weight: 600;
}


.visionProjet {
	background-color: #303030;
	padding-top: 58px;
	padding-bottom: 31px;
}

.visionProjetUnique {
	padding-top: 50px;
}

.visionProjet .BoiteProjectSection, .toutesLesBoitesProjets {
	padding-top: 68px;
}

.visionProjetIntro h2, .visionProjetIntro p {
	margin: 0;
}

.padPar {
	padding-bottom: 30px;
}

.visionProjetIntro h2 {
	padding-bottom: 57px;
		font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	font-size: 54px;
	line-height: 64px;
	color: #00a194;
}

.visionProjetIntro {
	padding-top: 50px;
}

.projetProjetIntro span {
	font-weight: 600;
	font-size: 54px;
	line-height: 64px;
		font-family: 'Barlow Condensed', sans-serif;
}

.visionProjetIntro p {
	color: #ffffff;
	font-size: 24px;
	line-height: 34px;
}

.visionSouffre, .visionCandidat {
	padding-top: 60px;
	padding-bottom: 30px;
	  background-color: #66c7bf;
}

.visionCandidat p {
	font-size: 26px;
	line-height: 32px;
}

.visionCandidatBas h3 {
color: #66c7bf;
font-size: 54px;
line-height: 64px;
font-family: 'Barlow Condensed', sans-serif;
font-weight: 600;
padding-bottom: 25px;
}

.visionCandidat span {
	color: white;
}

.visionSouffre p {
	padding-bottom: 30px;
	font-size: 26px;
	line-height: 32px;	
}

.visionSouffre p span {
	color: white;
}

.visionSouffre h2, .visionSouffre p , .visionSouffre blockquote {
	margin: 0;
}

.visionSouffre h2 {
	padding-bottom: 43px;
	color: white;
	font-size: 54px;
	line-height: 64px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
}

.visionSouffre blockquote {
	padding-bottom: 58px;
	font-weight: 600;
	font-size: 44px;
	line-height: 47px;
	font-family: 'Barlow Condensed', sans-serif;
}

.visionCandidat blockquote {
	padding-bottom: 58px;
	font-weight: 600;
	font-size: 44px;
	line-height: 47px;
	font-family: 'Barlow Condensed', sans-serif;
	color: white;
}


/*
SAMIA

*/

.samia {
	padding-top: 36px;
	padding-bottom:74px;

}

.samia p {
	font-size: 24px;
	line-height: 32px;
}

.chapeauLettre p {
	font-size: 28px;
	line-height: 35px;
}


.samia img {
	height: 260px;
	width: auto;
}

.samia p span {
	font-weight: 500;
}

.samia h1 {
	padding-bottom: 43px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	font-size: 84px;
	line-height: 80px;
	color: #00a194;
}

.samia h2 {
	margin: 0;
	font-size: 54px;
	line-height: 64px;
	color: #66c7bf;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	padding-bottom: 60px;
	padding-top: 30px;
}


/*
NEWSLETTER

*/



/*
REJOINDRE

*/
/*

LISTE COMMUNIQUE

*/

#listeCommunique h1 {
	padding-bottom: 40px;
}

#listeCommunique ul li a {
	color: black;
	font-size: 34px;
	line-height: 40px;
	transition: color .3s ease-out;
}

#listeCommunique ul li {
	padding-bottom: 30px;
}

#listeCommunique ul li a:hover {
	text-decoration: none;
	color: #00a194;
}

#listeCommunique ul li a span {
	font-size: 24px;
	line-height: 34px;
	padding-left: 16px;
}

#listeCommunique ul li::before {
	content: "•"; 
	color: #00a194;
	font-size: 35px;
}

/*

FOOTER

*/

.colonneTroisFooter i {
	margin-left: 15px;
	transition: opacity .3s ease-out;
}

.colonneTroisFooter i:hover {
	opacity: 0.8;
}

footer {
	background-color: #303030;
	padding-top: 80px;
	padding-bottom: 67px;
}

footer ul {
	list-style: none;
	padding-left: 0;
}

.colonneUneFooter {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
}

.colonneUneFooter p {
	font-size: 41px;
	line-height: 42px;
	margin-bottom: 30px;
}

.colonneUneFooter p span {
	color: #00a194;
}

.colonneUneFooter a {
	color: white;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.27px;
	  border-radius: 3px;
	font-family: 'Barlow', sans-serif;
  border: solid 1px #ffffff;
  padding-top: 17px;
  padding-bottom: 17px;
  display: inline-block;
  width: 335px;
  text-align: center;
  	transition: opacity .3s ease-out;
}

.colonneUneFooter a:hover {
	opacity: 0.8;
	text-decoration: none;
}


.colonneDeuxFooter {
	font-weight: 500;
	font-size: 20px;
	line-height: 38px;
	border-left: 1px solid  white;
}

.colonneDeuxFooter a {
	color: white;
}

.colonneDeuxFooter ul {
	padding-left: 15px;
}



.colonneTroisFooter {
	font-weight: 500;
	text-align: left;
	font-size: 20px;
	line-height: 38px;
	border-left: 1px solid #00a194;
}

.colonneTroisFooter a, .colonneTroisFooter li {
	color: #00a194;
}

.colonneTroisFooter ul > ul {
	padding-left: 15px;
}


.colonneTroisFooter ul + ul {
	bottom: 0;
	position: absolute;
	left: 30px;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
}

.pageNormal {
	padding-top: 30px;
	padding-bottom: 30px;
}

.pageNormal h1 {
	margin: 0;
	font-size: 84px;
	line-height: 80px;
	color: #00a194;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	padding-bottom: 30px;
}

.pageNormal h2, .vision h2 {
	margin: 0;
	font-size: 54px;
	line-height: 64px;
	color: #66c7bf;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	padding-bottom: 60px;
	padding-top: 30px;
}

.h2Candidat {
		font-size: 84px ! important;
	line-height: 80px ! important;
	color: #00a194 ! important;
	font-family: 'Barlow Condensed', sans-serif ! important;
	font-weight: 600 ! important;
}

.vision p span {
	font-weight: 600;
}

.pageNormal p {
	margin: 0;
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 30px;
}

.pageNormal ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.pageNormal ul li {
	font-size: 24px;
	line-height: 30px;
}

/*HISTOIRE*/

.histoire h1, .histoire h2, .histoire p {
	margin: 0;
}

.histoire, .pageProjet {
	padding-top: 30px;
	padding-bottom: 57px;
}

.histoire h1, .pageProjet h1, .visionProjetUnique h1 {
	font-size: 84px;
	line-height: 80px;
	color: #00a194;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	padding-bottom: 30px;
}

.histoire h2, .pageProjet h2 {
	font-size: 54px;
	line-height: 64px;
	color: #66c7bf;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	padding-bottom: 30px;
}

.histoire p {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 30px;
}

.histoire p span {
	font-weight: 600;
}

.pageProjet p {
	font-size: 20px;
	line-height: 35px;
	padding-bottom: 25px;
}

/*PROJET*/

.pageProjet h1, .pageProjet h2, .pageProjet h3, .pageProjet p, .pageProjet ul, .visionProjetUnique h1 {
	margin: 0;
}

.pageProjet h3, .pageProjet h4 {
	color: #00a194;
	padding-bottom: 30px;
}

.pageProjet ul { 
	margin: 0;
	padding-bottom: 30px;
}

.pageProjet ul li {
	font-size: 21px;
	line-height: 28px;
	padding-bottom: 10px;
}

/*VIDEO*/

#video {
	text-align: center;
	padding-bottom: 50px;
}

/*SOCIAL WALL*/


#socialWall, #ff-stream-1, .ff-search input {
	background-color: #00a194 ! important;
}

#ff-stream-1 .ff-filter-holder .ff-filter {
	background-color: rgba(48, 48, 48, 0.3) ! important;
	border-radius: 1.8px ! important;
}

#ff-stream-1 {
	min-height: 800px ! important;
}

#socialWall {
	padding-bottom: 70px;
}

#socialWall h2 {
	color: white;
	font-size: 50px;
	line-height: 40px;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 600;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 60px;
}

#socialWall h2 span {
	color: #b2e2de;
}

.ff-loadmore-wrapper .ff-btn {
	margin-top: 40px ! important;
}

.ff-search input {
	text-transform: unset ! important;
	font-family: 'Barlow Condensed', sans-serif;
	color: white ! important;
	font-size: 24px ! important;
}

#ff-stream-1 .ff-filter-holder .ff-search::after {
	color: white ! important;
}

#ff-stream-1 .ff-search input:hover {
	border:1px solid white ! important;
}

@media all and (max-width: 1280px) {

/*INTRO*/

.introSite h1 {
	font-size: 100px;
	line-height: 88px;
}

.introSite p {
	font-size: 22px;
	line-height: 29px;
}

.listeDeTousLesProjets h3 {
	font-size: 18px;
	line-height: 25px;
	padding-top:10px;

}

.listeDeTousLesProjets h4 {
	font-weight: 700;
	font-size: 30px;
	line-height: 37px;
}

.essaiBG {
	background-position-y: 370px;
}

.essaiBGNEWS {
	background-position-y: 270px;
}


}
@media all and (max-width: 1200px) {


	#menuRS div {

		height: 50px;
		background-position: center;
	}





.contenaireProjetTrois, .contenaireProjet h3 {
	padding-left: 40px;
}

.essaiBGNEWS {
	background-position-y: 310px;
}

.contenaireProjet h4 {
	font-size: 37px;
	line-height: 42px;
}
.samia img {
	height: 240px;
	width: auto;
}
}

@media all and (max-width: 1190px) {
	#menuManifeste  {
		padding-top: 12rem;
	}
}

@media all and (max-width: 1130px) {

header ul li {
	display: inline;
	margin-left: 30px;
}



}

@media all and (max-width: 1050px) {

header ul li {
	display: inline;
	margin-left: 20px;
}

header ul li a {
	font-size: 16px;
}

}


@media all and (max-width: 992px) {


#back17, #back23, #back68, #back910, #back1112, #back1314, #back1516 {
	background-position-x: 20%;
}


/*SIDEBAR*/

#bouttonOpenSidebar {
	display: block;
	width: 62px;
	height: 62px;
	position: sticky;
	bottom: 6px;
	right: 6px;
	float: right;
}

.laSidebar {
	position: absolute;
	top: 0;
	z-index: 9999;
	height: 100vh;

}

.fixerSidebar {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.8);
		height: 100vh;
		display: flex;
align-items: center;
overflow: auto;

}

.boiteContenantLien {
	width: 100%;
}

.boiteContenantLien div {
	  background-color: rgba(48, 48, 48, 0.93);
	  border-bottom: 1px solid white;
}

.lienModalProjet {
	display: flex;
	align-items: center;
	font-family: 'Barlow Condensed', sans-serif;
}

.lienModalProjet img {
	width: 30px;
	height: 30px;
	margin-left: 22px;
	margin-right: 25px;
	margin-top: 16px;
	margin-bottom: 14px;
}

.lienModalProjet p {
	color: white;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
}

.lastLinkModalProject {
	text-align: center;
	margin-top: 10px;
}

.lastLinkModalProject p {
	margin: 0;
	color: white;
	font-size: 22px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5;
}


.lastLinkModalProject {
	display: block;
		font-family: 'Barlow', sans-serif;
}

.boiteContenantLien a:hover {
	text-decoration: none ! important;
}

.colonneTroisFooter .fa-facebook-square {
	margin-left: 0 ! important;
}

#menuManifeste, #menuRS {
	display: none;
}

.colonneUneFooter {
	margin-bottom: 30px;
}

.samia img {
	height: 180px;
	width: auto;
}

/*INTRO*/

.MenuOrdi, .menuAutre {
	display: none;
}

.MenuMobile {
	display: block;

}

.MenuMobileSingle {
		height: 60px;	
}

.MenuMobile ul, .MenuMobile #croixMenu {
	display: none;
}



.MenuMobile #burgerMenu, .MenuMobile #croixMenu {
	width: 28px;
	height: 28px;
	position: absolute;
	z-index: 9999;
	right: 20px;
	top: 20px;
	cursor: pointer;
}

.MenuMobile .logoMobile {
	left: 20px;
	top: 0;
		cursor: pointer;
			position: absolute;
				height: 60px;
}

.introSite h1 {
	font-size: 70px;
	line-height: 68px;
}

.introSite h1 span {
	line-height: 80px;
}

.introSite p {
	font-size: 18px;
	line-height: 25px;
}

.listeColore {
	font-size: 40px;
	line-height: 50px;
}

.listeDeTousLesProjets h4 {
	font-size: 22px;
	line-height: 30px;
}

.listeDeTousLesProjets h3 {
	font-size: 16px;
	line-height: 23px;


}

.titreFormulaireHP h2 {
	padding-left: 0;
}

.essaiBG {
	background-image: none;
}

.MenuMobile ul {
	background: white;
	width: 100%;
	text-align: left;
	padding-bottom: 80px;
	padding-top: 80px;
}

.MenuMobile ul li {
	display: block;
	padding-bottom: 30px;

}

.MenuMobile ul li a {
	color: #00a194;
	font-size: 22px;

}

.MenuMobile ul li a:hover {
	color: #00a194;
	text-decoration: none;
}

.menu-item-33 > a:nth-child(1) {
	font-weight: 600;
	background: #00a194;
	color: white;
	font-weight: 600;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
}

.menu-item-33 > a:nth-child(1):hover {
	color: white;
}


}


@media all and (max-width: 768px) {

#back17, #back23, #back68, #back910, #back1112, #back1314, #back1516, #back45, #backSamiaCandidat {
	display: none;
}

#backMobile17, #backMobile23, #backMobile68, #backMobile910, #backMobile1112, #backMobile1314, #backMobile1516, #backMobile45 {
	display: block;
}

#backMobile17 img, #backMobile23 img, #backMobile68 img, #backMobile910 img, #backMobile1112 img, #backMobile1314 img, #backMobile1516 img, #backMobile45 img {
	width: 100%;
}


#video video {
	width: 100%;
	height: 290px;
}
		/*

LISTE COMMUNIQUE

*/

#listeCommunique h1 {
	padding-bottom: 40px;
}

#listeCommunique ul li a {
	font-size: 19px;
	line-height: 25px;
}

#listeCommunique ul li {
	padding-bottom: 30px;
}


#listeCommunique ul li a span {
	font-size: 16px;
	line-height: 20px;
	padding-left: 0;
}

#listeCommunique ul li::before {
	font-size: 25px;
}

.contentProjetChapitre h1 {
	font-size: 44px ! important;
line-height: 50px ! important;
}

#backHistoire {
    background-position-x: -80px;
}

.erreur .container {
	padding-top: 50px;
	padding-bottom: 50px;
}

.pageNormal h1, .histoire h1, .samia h1, .pageProjet h1, .visionProjetUnique h1 {
	font-size: 54px;
	line-height: 60px;
	padding-bottom: 30px;
}

.pageNormal h2, .vision h2, .histoire h2, .pageProjet h2, #contentProjet h2, .samia h2 {
	font-size: 38px;
	line-height: 44px;
	color: #66c7bf;
	padding-bottom: 40px;
	padding-top: 20px;
}

.projetProjetIntro span {
	font-size: 38px;
	line-height: 44px;
}

.pageNormal p, .histoire p, .pageProjet p, .pageProjet h3, .pageProjet h4, #contentProjet p, #introPageProjet a  {
	font-size: 19px;
	line-height: 25px;
	padding-bottom: 20px;
}


.pageNormal ul li, .pageProjet ul li {
	font-size: 19px;
	line-height: 25px;
}

.pageProjet ul {
	padding-bottom: 20px;
}

#imageMarseille {
	height: 150px;
}

/*CANDIDAT*/

.candidat h1, .vision h2 {
	font-size: 54px !important;;
	line-height: 60px !important;;
	padding-top: 10px !important;;
	padding-bottom: 40px !important;;
}

.vision h3 {
	font-size: 30px;
	line-height: 35px;
}

.candidat h2 {
	font-size: 22px;
	line-height: 26px;
}

.candidat h3 {
	font-size: 24px;
	line-height: 24px;
}

/*NEWSLETTER*/

.newsletter, .rejoindre {
	background: unset;
}

.rejoindre, .newsletter {
	padding-top: 20px;
	padding-bottom: 20px;
}

.rejoindre .essaiBG {
	padding-bottom: 0;
}

.samia img {
	height: 150px;
	width: auto;
}

.samia p {
	font-size: 19px;
	line-height: 25px;
}

/*VISION*/

.vision h1 {
	padding-bottom: 50px;
	font-size: 44px;
	line-height: 60px;
}

.erreur h1 {
	line-height: 60px;
	font-size: 44px;
}

.visionProjet .BoiteProjectSection, .toutesLesBoitesProjets {
	padding-top: 30px;
}

.visionProjetIntro h2, .visionSouffre h2 {
	padding-bottom: 57px;
	font-size: 38px;
	line-height: 40px;
}

.visionSouffre blockquote, .visionCandidat blockquote {
	padding-bottom: 40px;
	font-size: 38px;
	line-height: 40px;
}


.vision p {
	padding-bottom: 20px;
	font-size: 19px;
	line-height: 25px;
}

.visionProjetIntro p {
	font-size: 19px;
	line-height: 25px;
	padding-bottom: 20px;
}

.visionSouffre p {
	padding-bottom: 30px;
	font-size: 19px;
	line-height: 25px;
	padding-bottom: 20px;	
}

.introSite h1 {
	font-size: 65px;
	line-height: 68px;
}

.introSite h1 span {
	line-height: 80px;
}

/*INTRO*/
.colonneUneFooter a {
	width: 100%;
}

.listeColore {
	padding-top: 30px;
	padding-bottom: 50px;
}

.colonneUneFooter {
	margin-bottom:0 ;
}

.paddignRowForm {
	padding-top: 40px;
	padding-bottom: 40px;
}

.introSite h1 {
	margin-bottom: 40px;
}

.listeColore {
	font-size: 30px;
	line-height: 40px;
}

.paddingBoite {
	padding-left: 0;
	padding-right: 0;
}

.introSite {
	padding-bottom: 50px;
}

.BoiteProjectSection {
	padding-top: 0;
}

.colonneTroisFooter ul > ul, .colonneDeuxFooter ul {
	padding-left: 0;
}



.BoiteProject h2 {
	font-size: 30px;
}

.colonneTroisFooter ul + ul {
	position: unset;
}

.colonneDeuxFooter, .colonneTroisFooter {
	border-left: unset;
}

.colonneDeuxFooter ul {
	border-top: 1px solid white;
	margin-top: 30px;
	padding-top: 15px;
}

#menu-menu-footer-droit-haut {
	border-top:	1px solid #00a194;
	padding-top: 15px;
}

.contenaireProjetDeux {
	padding-left: 13px;
}

.contenaireProjetDeux img {
	left: 28px;
}

.contenaireProjet h3 {
	padding-left: 70px;
}
.contenaireProjetTrois {
	border-left: none;
	padding-left: 0;

}

.BoiteProject h2:after {
    position: unset;
    top: unset;
    overflow: unset;
    width: unset;
    height: unset;
    content: unset;
    background-color: unset;
}



.BoiteProject h2:after {
    margin-left: unset;	
}

}

@media all and (max-width: 576px) {

/*INTRO*/


.listeColore {
	font-size: 27px;
	line-height: 37px;
}

#video video {
	height: 190px;
}

}