/* #Page Styles
================================================== */

/*
 * Bouton Fondation "Give"
 */
.jeDonneContainer {
	position:relative;
	display:table-cell;
	width:250px;
}
.jeDonne {
	color:#fff;
	position:absolute;
	top:-100px;
	right:0;
	z-index:9999999;
	overflow:hidden;
	visibility:hidden;
	opacity:0;
	
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
	    -ms-transition: all .4s ease-in-out;	
	     -o-transition: all .4s ease-in-out;
	        transition: all .4s ease-in-out;
	
	width:90px;
	padding:0 0 15px 0;
	margin:0;
	background:url(../img/accueil/bg_je_donne_haut.png) bottom left no-repeat;
}
.jeDonne.visible {
	visibility:visible;
	opacity:1;
	top:0px;
}

.jeDonne a,
.jeDonne a:active,
.jeDonne a:visited,
.jeDonne a:hover {
	background-color:#2e8804;
	padding:10px 0 6px 0;
	display:block;
	color:#fff;
	font-weight:600;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;	
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}
.jeDonne a:focus,
.jeDonne a:hover {
	padding-top:30px;
	outline:0;
}

/********************************
 * BANDEAUX PRINCIPAUX 
 * La première strate, en "front"
 ********************************/
 a.lienInvisibleOverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.btSavoirPlus a.lien_8 {
	font-size: 1.142857142857143em; /* 16/14 */
	font-weight: 400;
	line-height: 1.6;
	padding: 3px 15px;
}
.btSavoirPlus .lien_8:focus,
.btSavoirPlus .lien_8:hover {
	background-color: #246e02;
	text-decoration: none;
}


/* Bandeau campagne été 2016 */
.bandeauPrincipalAccueil {
	background:url(../img/accueil_en/entete.jpg) #8bb1d6 top center no-repeat;
	background-size:cover;
	min-height:470px;
	position:relative;
}
.bandeauPrincipalAccueil .sloganGros {
	color:#fff;
	font-size:4.642857142857143em; /* 65/14 */
	line-height:1.153846153846154; /* 75/65 */
	font-weight:600;
	text-transform:uppercase;
	padding:80px 0 50px 0;
	margin:0;
}
.bandeauPrincipalAccueil .slogan {
	color:#fff;
	font-size:1.857142857142857em; /* 26/14 */
	line-height:1;
	margin:0;
}



/********************************
 * LES STRATES
 ********************************/

h2.titreStrate {
	color:#fff;
	font-size:2.285714285714286em; /* 32/14 */
	line-height:1.2;
	font-weight:400;
	text-transform:uppercase;
	margin:0 0 30px 0;
	text-align:center;
}

.strate .contentWrap {
	padding: 50px 0;
}

/* Strate About us */
.sAboutUs {
	background:#333; /* #4c4d4f */
	color:#fff;
}
.sAboutUs p {
	font-size:1.071428571428571em; /* 15/14 */
	font-weight:600;
}


/* Strate Distance Education */
.sDistanceEdu {
	background:url(../img/accueil_en/strate_distance_edu.jpg) #fff top center;
	background-size:cover;
	min-height:400px;
}
.sDistanceEdu .boite {
	padding: 40px 25px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.9);
}
.sDistanceEdu h2 {
	color:#000;
}
.sDistanceEdu p {
	font-size:1.071428571428571em; /* 15/14 */
}


/* Strate Adapted Teaching Methods */
.sAdaptedTeachingMethods h2 {
	color:#000;
}
.sAdaptedTeachingMethods .schema {
	max-width:722px;
	margin:30px auto 50px auto;
}
.sAdaptedTeachingMethods .svg-container {
	display: block;
	margin:0 auto;
	position: relative;
	width: 100%;
	padding-bottom: 68.97506925207756%; /* 498/722*100 */
	vertical-align: middle;
	overflow: hidden;
}
.sAdaptedTeachingMethods .svg-content {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
}
.sAdaptedTeachingMethods text {
	font-weight:600;
	font-size:1.428571428571429em; /* 20/14 */
	fill:#212120;
}
.sAdaptedTeachingMethods .titreGraph {
	font-weight:700;
	font-size:1.571428571428571em; /* 22/14 */
	text-transform:uppercase;
}
/* Fallback */
.no-inlinesvg .sAdaptedTeachingMethods .svg-container {
	background-image:url(../img/accueil_en/adapted_teaching_methods.jpg);
	background-size:cover;
}
.no-inlinesvg .sAdaptedTeachingMethods .svg-content {
	display:none;
}


/* Strate About us */
.sAdvantages {
	background:url(../img/accueil_en/strate_advantages.jpg) #2e8804 top center;
	background-size:cover;
	color:#fff;
}
.sAdvantages ul,
.sAdvantages p {
	font-size:1.071428571428571em; /* 15/14 */
	font-weight:600;
}
.sAdvantages li {
	float:left;
	clear:left;
}


/* Strate Research */
.sResearch h2 {
	color:#000;
}
.sResearch h3 {
	margin-top:30px;
	/*font-size:1.428571428571429em; /* 20/14 */
}
.sResearch ul,
.sResearch p {
	font-size:1.071428571428571em; /* 15/14 */
}
.sResearch ul {
	overflow:hidden;
    padding:0;
	margin-bottom:30px;
	list-style-position:inside;
}
.sResearch li {
	float:left;
	width:50%;
	padding:0 0 0 25px;
}
.sResearch li:nth-child(2n+1) {
	clear:left;
	padding-left:0;
}


/********************************************************
 * ACCUEIL RESPONSIVE
 ********************************************************/
@media only screen and (max-width: 1023px) {
	.bandeauPrincipalAccueil {
		min-height:350px;
	}
	.bandeauPrincipalAccueil .sloganGros {
		font-size:3.928571428571429em; /* 55/14 */
		padding:60px 0 30px;
	}
	
}


/* Note: Design for a width of 768px */
@media only screen and (max-width: 959px) {

}


/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.jeDonneContainer {
		position:absolute;
		right:150px;
		width:auto;
	}
	
	.bandeauPrincipalAccueil {
		min-height:1px;
		padding-bottom:25px;
	}
	.bandeauPrincipalAccueil .sloganGros {
		font-size:2.285714285714286em; /* 32/14 */
		padding:25px 0 40px 0;
	}
	.bandeauPrincipalAccueil .slogan {
		font-size:1.2em; /* 18/15 */
		line-height:1.3;
	}
	
	/* Strate Research */
	.sResearch ul {
		padding:0 0 0 25px;
		list-style-position:outside;
	}
	.sResearch li,
	.sResearch li:nth-child(2n+1) {
		float:none;
		width:100%;
		padding:0;
	}
}

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

@media only screen and (max-width: 479px) {
	.jeDonneContainer {
		right:50px;
	}
}