/*
Theme Name: WPLMS Blank ChildTheme
Theme URI: http://www.VibeThemes.com    
Description: Child Theme for WPLMS WordPress Theme
Author: VibeThemes
Author URI: http://themeforest.com/user/vibethemes
Template: wplms
Version: 1.0
*/

@import url("../wplms/style.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

/* ----------- PAGE - HOME ------------*/

.white{
	color: white;
}
.black{
	color: #282828;
}
.blue{
	color: #3AA9CC;
}
.line{
	text-decoration: underline;
}
.red{
	color: #DB4105;
}
#cours-en-ligne{
	height: auto;
	background-color: #f0f0f0;
	padding-bottom: 75px;
}
.section-intro-cours-en-ligne{
	padding-top: 100px;
	padding-bottom: 200px;
	background: linear-gradient(75deg, rgba(92, 185, 132, 100), rgba(53, 162, 187, 0.5)), url(./assets/images/bg-cours-en-ligne.jpg);
	background-size:cover;
    background-position: right;
    background-repeat: no-repeat;
}
.h1-cours-en-ligne{
	margin-bottom: 30px;
}
.h3-cours-en-ligne{
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 35px;
}
.intro-cours-en-ligne{
	font-size: 20px;
}
.cours-de-soutien{
	margin-top: -150px;
	z-index:99;
	background-color: white;
	padding: 50px;
	box-shadow: -10px 15px 30px 3px rgba(0, 0, 0, 0.2);
	margin-bottom: 60px;
}
.valeur-cours-en-ligne{
	margin-top: 50px;
	background-color: white;
	padding: 50px;
}
.list-info-cours-en-ligne li{
	margin-bottom: 30px;
	margin-left: 5px;
	margin-right: 30px;
	list-style-type: none; 
}
.titre-pt-cours-en-ligne{
	font-size: 17px;
	font-weight: 700;
}
/* -------- bubble info -------- */

#bubble-info img{
	height: 250px;
	width: auto;
}
#bubble-info{
	position: absolute;
	/* margin-top: 100px; */
	margin-left: 0px;
	margin-top: 16vh;
	padding-top: 0px !important;
	z-index: 999;
}
.bubble-info{
	border: none;
	text-decoration: none;
	background-color: rgba(0,0,0,0);
	height: auto;
	width: auto;
}
@media(max-width:992px){
	
	#bubble-info{
		margin-left: 0px;
		margin-top: 16vh;
		height: auto;
	}
	#bubble-info img{
		height: auto;
	}

	.cours-de-soutien{
		padding-left: 15px;
		padding-right: 15px;
	}

	.valeur-cours-en-ligne{
		padding-left: 15px;
		padding-right: 15px;
	}

}
/* Section - témoignages */
#temoignages{
	padding-top: 75px;
	padding-bottom: 75px;
	text-align: center;
	background-color: #313b3d;
}
.container-temoignages{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.container-temoignages h1{
	color: white;
}
.div-temoignages{
	max-height: 500px;
	overflow-y: scroll;
	max-width: 750px;
	padding: 25px;
}
/* Section - témoignages */
.team-container{
	display: flex;
	align-items: stretch;
	justify-content: center;
	/*background-color: red;*/
}
.homepage-team-profile{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
}
#homepage-team{
	margin-bottom: 75px;
	margin-top: 75px;
}

@media(max-width:992px){
	.team-container{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
/* ----------- END - PAGE - HOME ------------*/

/* ////////////////////////////// */
/* 		HEADER	+ MENU			  */
/* ////////////////////////////// */

#header_logo, #header_alt_logo {
	position:absolute !important;
	top:-3px;
	z-index:9999 !important;
}

#logo img, #alt_logo img {
	max-height:75px !important;
}

#logo {
	padding-top:0px !important;
	padding-bottom:0px !important;
}

header {
  	position: relative;
}

header.sleek.transparent {
	background-color:rgba(255,255,255,0);
	box-shadow:none;
}

.tp-bgimg {
	box-shadow: inset 0px 171px 136px -13px rgba(0, 0, 0,0.83);
}

/* Remove Search icon */
header nav a#new_searchicon {
	display: none !important;
}

/* Remove Search icon in mobile */
.mobile_icons {
	display:none;
}

.pagesidebar {
	background-color:white !important
}

#menu-menuprincipal-rs a, #menu-menuprincipal-rs .sub {
	font-family:'Roboto', sans-serif !important;
	transform:none !important;
}

#menu-menuprincipal-rs > li > a {
	transition: all 0.2s ease-in-out;
	font-family:'Roboto', sans-serif !important;
	text-transform:uppercase;
	font-size:1.1em;
	transform:none !important;
	padding-top:30px;
	padding-bottom:20px;
}

#menu-menuprincipal-rs > li > a:hover {
	background-color:rgba(0,0,0,0.5);
	transform:none;
}

#menu-menuprincipal-rs > li > a:focus {
	background-color:rgba(43, 147, 181, 0.8);
	transform:none;
}

/*.navbar-nav li .dropdown-menu {
	background-color:rgba(147,186,0,1) !important;
	border:none;
	border-radius:0;
	padding:10px 0;
}

.navbar-nav li .dropdown-menu li a{
	color:white;
	transition:all 0.2s ease-in-out;
}

.navbar-nav li .dropdown-menu li a:hover {
	color:black;
	text-shadow:none;
}*/

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color:rgba(43, 147, 181, 0.8);
	transform:none;
	color:white;
}

.navbar-nav>li>a {
	color:white !important;
}

.navbar-nav li.megamenu {
	position:static;
}

.navbar-nav li.megamenu .depth_0 {
	width:80%;
	min-width:600px;
	margin-left:10%;
}

.navbar-nav li.megamenu .dropdown-menu .megamenu-column {
	width: 25%;
	display: block;
	float: left;
}

.megamenu .open>a, .megamenu .open>a:focus {
	background-color:#2b93b5;
	transform:none;
}

.megamenu > .dropdown-menu {
	height:290px;
	padding:0;
	margin:0;
	border:0;
	border-radius:0;
	border-top:6px solid #6ba7bbc7;
	background-color:#2b93b5;
}

.megamenu-column {
	height:100%;
}

.megamenu-column:first-child {
    background-color:rgba(147,186,0,1);
}

/*
.megamenu-column:first-child img {
    height:135px !important;
    float:left;
}
*/

.megamenu-image-cover {
	height:284px;
	background-size:cover;
	box-shadow: inset 0 0 0 1000px rgba(52, 99, 111, 0.7);
	padding:60px;
}

.megamenu-image-cover a {
    color:white;
    font-size:22px;
    font-weight:800;
    text-transform: uppercase;
    position:relative;
    transition:all 0.2s ease-in-out;
    top:0;
}

.megamenu-image-cover a:hover  {
    top:10px;
    color:white;
}
.megamenu-image-cover .sub {
	display:block;
	padding:15px 0;
	color:white;
	font-weight:600;
	font-size:15px;
	text-transform:none;
}

.megamenu-column:not(:first-child) {
    background-color:rgba(255,255,255,1);
}

.megamenu-column:not(:first-child) li {
	border-bottom:1px solid rgb(255, 255, 255);
	position:static !important;
}

.megamenu-column li:last-child {
	border-bottom:none !important;
}

.megamenu-column:not(:first-child) a {
	height:56px;
	transition:all 0.2s ease-in-out;
	line-height: 56px;
	display:block;
	padding:0 20px;
	color:rgba(104,109,87,1);
	font-size:15px;
	text-transform: uppercase !important;
}

.megamenu-column:not(:first-child) .open > a {
	padding:0 35px;
	color:white !important;
}

.megamenu-column:not(:first-child) a:hover {
	background-color:rgb(109, 185, 210);
	color:white;
	width:100%;
	padding:0 42px;
}

.megamenu-column:not(:first-child) a:focus {
	background-color:rgb(109, 185, 210);
	padding:0 35px;
	color:white;
}

.megamenu .open>.sub-menu {
	opacity:100 !important;
	background-color:#2b93b5;
	left:50%;
	top:0;
	height:284px;
	padding:0;
	margin:0;
	border:0;
	border-radius:0;
	padding-top:20px;
	position:absolute;
	width:25%;
}

.megamenu .open>.sub-menu-column-2 {
	left:75%;
	height:284px;
	padding:0;
	margin:0;
	border:0;
	border-radius:0;
	padding-top:20px;
	position:absolute;
	width:25%;
}

.megamenu .open>.sub-menu li, .megamenu .open>.sub-menu-column-2 li {
	border:none;
}

.megamenu .open>.sub-menu li:first-child a, .megamenu .open>.sub-menu-column-2 li:first-child a{
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
	text-transform:uppercase !important;
	margin-bottom:20px;
	padding:0;
	border-bottom:1px solid white;
	margin-left:20px;
	margin-right:30px;
}

.megamenu .open>.sub-menu a, .megamenu .open>.sub-menu-column-2 a {
	color:white;
	text-transform:none !important;
	height:30px;
	line-height:30px;
	transition:all 0.2s ease-in-out;
	opacity:1;
}

.megamenu .open>.sub-menu a:hover, .megamenu .open>.sub-menu-column-2 a:hover {
	color:white;
	padding-left:25px;
	text-shadow: none;
}

.megamenu-column .caret {
	border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    margin-left:8px;
}

/* prevent submenu from going offscreen*/

.open>.sub-menu {
	border-radius:0;
}

.submenu-right ul {
	right:0;
	left:auto;
	border:0;
	border-radius:0;
	border-top:6px solid rgba(247,255,118,0.68);
	padding:0;
}

.submenu-right .dropdown-menu {
	background-color:rgba(51,51,51,0.7);
}

.submenu-right .dropdown-menu a {
	color:white;
	padding:7px 20px;
}


.submenu-right .dropdown-menu a:hover {
	background-color:rgba(43, 147, 181, 0.8);
	text-shadow:none;
	color:white;
}

.submenu-left ul {
	left:auto;
	border:0;
	border-radius:0;
	border-top:6px solid #6ba7bbc7;
	padding:0;
}

.submenu-left .dropdown-menu {
	background-color:rgba(51,51,51,0.7);
}

.submenu-left .dropdown-menu a {
	color:white;
	padding:7px 20px;
}


.submenu-left .dropdown-menu a:hover {
	background-color:rgba(43, 147, 181, 0.8);
	text-shadow:none;
	color:white;
}

/* Special Class for too long items in the megamenu that take 2 lines */

.megamenu .open>.sub-menu .double-line-item-menu a, .megamenu .open>.sub-menu-column-2 .double-line-item-menu a {
	height:60px !important;
	line-height:20px !important;
	padding-top:10px;
}


/* Luxembourg tweaks */ 

.megamenu > .dropdown-menu {
	height:330px;
}

.megamenu-image-cover {
	height:324px;
	padding: 100px 50px;
}

.megamenu .open>.sub-menu {
	height:324px;
}

.megamenu-column:not(:first-child) a {
	height:80.3px;
	line-height:80.3px;
}

.megamenu .open>.sub-menu-column-2 a {
	pointer-events: none;
}

nav .sub-menu {
	opacity:100;
}

.open .sub-menu {
	top:-8px;
	left:100%;
}

.open .sub-menu a {
	opacity:100;
}

.liste-allemand li {
	font-size:1.1em !important;
}


nav .sub-menu {
	width:auto;
}

/*
--------------------------------------------------------------------------------------
*/
.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column .divider {
	margin: 16px 20px 10px;
	max-width: 60px;
}
.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column a {
	font-size: 13px;
	padding: 3px 20px;
	display: block;
	color: #333;
}
.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column a:hover, .navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column a:focus {
	background-color: #f5f5f5;
	color: #333;
}
.navbar-megamenu .navbar-nav > li.megamenu > .dropdown-menu .megamenu-column span.sub {
	font-size: 11px;
	line-height: 1.6em;
	margin-top: -4px;
	padding: 2px 20px;
	display: block;
}
.navbar-nav li.megamenu li .dropdown-menu .megamenu-column .featured-image a {
	font-size: 14px;
	color: #2E7DD9;
	font-weight: 600;
}
.navbar-nav li.megamenu li .dropdown-menu .megamenu-column .featured-image a img {
	padding: 20px;
}
.navbar-nav li.megamenu li .dropdown-menu .megamenu-column .description {
	padding: 5px 10px;
}
.navbar-nav li.megamenu li .dropdown-menu .megamenu-column .description a {
	display: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color:rgba(43, 147, 181, 0.8) !important;
	color:white !important;
}

/*
--------------------------------------------------------------------------------------
*/


/* ////////////////////////////// */
/* 		Alternate Header		  */
/* ////////////////////////////// */

.alternate-header {
	height:30px;
	background: rgb(2,0,36);
	background: -webkit-linear-gradient(left, rgba(2,0,36,0) 0%, rgba(58,169,206,1) 48%);
	background: -o-linear-gradient(left, rgba(2,0,36,0) 0%, rgba(58,169,206,1) 48%);
	background: linear-gradient(to right, rgba(2,0,36,0) 0%, rgba(58,169,206,1) 48%);
	padding-right:15px;
	padding-left:15px;
}

.alternate-header ul {
	float:right;
}

.alternate-header li {
	float: left;
	margin-left:5px;
}

.alternate-header li a {
	display: block;
    color: white;
    text-align: center;
	line-height:30px;
    text-decoration: none;
    padding:0 20px;
    font-family:'Roboto', sans-serif;
    transition:all 0.2s ease-in-out;
    text-transform: uppercase;
    font-size:0.95em;
}

.alternate-header li a:hover {
	transform:none;
	background-color:white;
	text-shadow:none !important;
	color:#2b2b2b;
}
.alternate-header i {
	margin-right:8px;
}
.subheader-home {
	padding-top:40px !important;
	min-height:700px;
	background: linear-gradient(60deg, rgba(0, 0, 0, 100), rgba(53, 162, 187, 0.5)), url(./assets/images/reussitschool-bg-accueil.png);
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
}
.subheader-home h1{
    color:white;
    font-size:4em;
    font-family:'Roboto', sans-serif;
    font-weight:bold;
    text-transform: uppercase;
    padding:5px 0;
	text-shadow:3px 3px 0px rgba(0, 0, 0, 0.45);
}
.subheader-home p{
    color:white;
    font-size:18px;
    font-family:'Roboto', sans-serif;
    font-weight:normal;
	max-width: 600px;
}
.slider-shadow {
	text-shadow: 2px 2px 4px rgba(94,94,94,0.44);
}

/* Carousel Homepage */

.multiple-items .slick-prev {
	left:40px;
	z-index:99;
}

.multiple-items .slick-next {
	right:40px;
	z-index:99;
}

.multiple-items a {
	padding:7px 2px !important;
}

.multiple-items a > div {
	height:60px;
	padding-left: 70px;
	display: flex;
	align-items: center; 
	transition:all 0.2s ease-in-out;
}

.multiple-items a:hover > div {
	padding-left: 90px;
}

.multiple-items a div h4 {
	font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:1.3em;
    text-transform: uppercase;
    color:white;
    margin:0;
    padding:0;
}

.multiple-items a div p {
	font-family:'Roboto', sans-serif;
	font-weight:300;
	font-size:1em;
    color:white;
    margin:0;
    padding:0;
}

.multiple-items a:hover {
	transform:none;
}	

.multiple-items .lien-1 {
	background: #5cb984;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #5cb984, #53ca86);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #5cb984, #53ca86); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
}

.multiple-items .lien-2 {
		/* background-image: radial-gradient( circle 443px at 2.2% 4.3%,  rgb(255, 73, 115) 0%, rgba(251, 126, 126, 0.95) 90% ); */
	background-image:radial-gradient( circle 443px at 2.2% 4.3%,  #D75274 0%, #f37d9b 90% );
	
}

.multiple-items .lien-3 {	
	background-image: radial-gradient( circle farthest-corner at 0.1% 99.8%,  rgb(58, 170, 206) 0%, rgb(58, 170, 206) 90% );

}

.multiple-items .lien-4 {
	background: #ff9966;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #ff5e62, #ff9966);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #ff5e62, #ff9966); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.multiple-items > button::before {
	color:white;
}


/* ////////////////////////////// */
/* 			TEMPLATE COURS		  */
/* ////////////////////////////// */

.subheader {
	background-blend-mode:multiply;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
    color:white;
    text-align:center;
    min-height: 30%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 30vh; /* These two lines are counted as one :-)       */
    display: flex;
    align-items: center;
    box-shadow: inset 0px 171px 136px -13px rgba(0, 0, 0,0.75);
}

.spacing {
	padding:40px 0;
}

.subheader .btn {
    background-color:#fe6804;
}

.subheader .btn:hover {
    background-color:#fec004;
}

.subheader a {
    font-family:LatoRegular;
    font-size:1.5em;
}

.subheader a:hover {
    color:white;
}


.call-to-action-mede {
    padding:5%;
}

.intro-lead-in {
    max-width:50%;
    margin:auto;
}

.intro-lead-in h1 {
    display:block;
    background-color:#00000047;
    border-radius:2px;
    color:white;
    font-size:3em;
    font-family:'Roboto', sans-serif;
    font-weight:bold;
    text-transform: uppercase;
    padding:5px 0;
	text-shadow:3px 3px 0px rgba(0, 0, 0, 0.45);
}

#cours_description p, #cours_description h2, #cours_description li {
    font-family:'Roboto', sans-serif;
}

#cours_description ul {
    margin-left:20px ;
}

#cours_description ul li {
    padding:5px 0;
}

#cours_description ul li:before {
    content: '';
    background-color: #3aa9ce;
    margin-right: 0.5em;
    width:10px;
    height:10px;
    border-radius:5px;
    display: inline-block;
}

#cours_description td {
    border:1px solid #777777;
    padding:8px;
}


.action-cours {
	width:100%;
	height:330px;
	border-radius:8px;
	background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
	position:relative;
	display:block;
	overflow:hidden;
}

.action-cours-area {
	padding:16px 20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
	transition:all 0.2s ease-in-out;
}

.action-cours h4 {
	font-family:'Roboto', sans-serif;
	color:white;
	font-weight:400;
	font-size:1.2em;
	margin-top:0 !important;
}

.action-cours p {
	display:block;
	margin:auto;
	width:50%;
	background: #3aa9ce; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #3aa9ce 0%, #418fa5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #3aa9ce 0%,#418fa5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #3aa9ce 0%,#418fa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa9ce', endColorstr='#418fa5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:25px;
	color:#000000;
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
	font-weight:300;
	padding:7px 13px;
	transition:all 0.2s ease-in-out;
}

.action-cours:hover {
	transform:none !important;
}

.action-cours:hover .action-cours-area {
	padding:30px 20px;
}

.action-cours:hover p {
	color:white;
}

.testimonial-cours {
	background-color:#efe7da; 
	border-radius:8px;
	margin-top:20px;
	padding:30px;
}

.testimonial-cours .testimonial-content {
	color:#6a6665;
	font-family:'Roboto', sans-serif;
	font-style: italic;
	font-weight:300;
}

.testimonial-cours .testimonial-author {
	font-family:'Roboto', sans-serif;
	font-weight:500;
}

#niveau_description p, #niveau_description h2, #niveau_description li {
    font-family:'Roboto', sans-serif;
}

#niveau_description ul {
    margin-left:20px ;
}

#niveau_description ul li {
    padding:5px 0;
}

#niveau_description ul li:before {
    content: '';
    background-color: #93ba00;
    margin-right: 0.5em;
    width:10px;
    height:10px;
    border-radius:5px;
    display: inline-block;
}

/* Columns with same height */

.niveau-background {
	background-size:cover;
	background-position:center;
}

@media (min-width: 921px) {
	.row.equal {
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 920px) {
	.niveau-background {
		height:200px;
	}
}

.niveau-background-primaire {
	background-image:url('./assets/images/image-primaire.jpg');
}

.niveau-background-secondaire {
	background-image:url('./assets/images/image-secondaire.jpg');
}

.niveau-background-superieur {
	background-image:url('./assets/images/image-superieur.jpg');
}

.niveau-background-adulte {
	background-image:url('./assets/images/image-adulte.jpg');
}

.niveau-background-prepamede {
	background-image:url('./assets/images/image-prepamede.jpg');
}

/* add this for full height column content 
.equal > div[class*='col-'] {  
  display: flex;
  flex-direction: column;
}
*/

.bs-callout {
    padding: 30px 3%;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-primary h3 {
    margin-top:0px;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}


/* ////////////////////////////// */
/* 			TEMPLATE CP ET CC	  */
/* ////////////////////////////// */


#cours_content p, #cours_content h2, #cours_content li, #niveau_content p, #niveau_content h2, #niveau_content li {
    font-family:'Roboto', sans-serif;
}

#cours_content ul, #niveau_content ul {
    margin-left:20px ;
}

#cours_content ul li, #niveau_content ul li {
    padding:5px 0;
}

#cours_content ul li:before, #niveau_content ul li:before {
    content: '';
    background-color: #3aa9ce;
    margin-right: 0.5em;
    width:8px;
    height:8px;
    border-radius:5px;
    display: inline-block;
}

#cours_content ul li ul , #niveau_content ul li ul {
    margin-top:10px;
}

#cours_content ul li ul li, #niveau_content ul li ul li {
    padding:0;
}

#cours_content ul li ul li:before, #niveau_content ul li ul li:before {
    content: '';
    background-color: #93ba00;
    margin-right: 0.5em;
    width:5px;
    height:10px;
    border-radius:5px;
    display: inline-block;
}

/* Témoignages Slider  */
#cours_content .ttshowcase_slider {
	margin-top:25px
}

#cours_content .ttshowcase_slider .bx-wrapper {
	margin-bottom:0;
}

#cours_content .ttshowcase_rl_quote {
	border-radius:8px;
	padding:20px;
}


/* ////////////////////////////// */
/* 			CONTACT COURS		  */
/* ////////////////////////////// */

#cours_contact {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ade4c+0,5baf74+100 */
	background: #3aa9ce; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #3aa9ce 0%, #418fa5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #3aa9ce 0%,#418fa5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #3aa9ce 0%,#418fa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa9ce', endColorstr='#418fa5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-align:center;
}

#cours_contact .nf-form-fields-required {
	display:none;
}

.div-form {
	background-color:#f4f4f4;
	-webkit-box-shadow: 10px 7px 55px -9px rgba(0,0,0,0.54);
	-moz-box-shadow: 10px 7px 55px -9px rgba(0,0,0,0.54);
	box-shadow: 10px 7px 55px -9px rgba(0,0,0,0.54);
	border-radius:8px;
	padding:0 !important;
	overflow:hidden;
}

.cours_contact_form {
	padding:25px 50px;
}

.title_action_form {
	width:100%;
	background-color:#63adc5;
	min-height:50px;
	display: table; 
}

.title_action_form p {
	font-family:'Roboto', sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	color:white;
	vertical-align: middle;
  	display: table-cell;  
}

.div-phone {
	background-color:#f4f4f4;
	-webkit-box-shadow: 10px 7px 55px -9px rgba(0,0,0,0.54);
	-moz-box-shadow: 10px 7px 55px -9px rgba(0,0,0,0.54);
	box-shadow: 10px 7px 55px -9px rgba(0,0,0,0.54);
	border-radius:8px;
	padding:0 !important;
	overflow:hidden;
}

.div-phone:hover {
	transform:none !important;
}

.div-phone:hover p{
	text-shadow:none;
}

.div-phone img {
	height:80px;
}

.div-phone .cours_contact_phone p {
	margin-top:20px;
	font-family:'Roboto', sans-serif;
	font-size:1.6em;
	color:#333333;
}

.cours_contact_phone {
	padding:25px 50px;
}

.title_action_phone {
	width:101%;
	background-color:#63adc5;
	min-height:50px;
	display: table; 
}

.title_action_phone p {
	font-family:'Roboto', sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	color:white;
	vertical-align: middle;
  	display: table-cell;  
}

#cours_contact .nf-form-content input{
	border-radius:2px;
	background-color:white;
	padding:5px !important;
	color:#6a6665;
	font-family:'Roboto', sans-serif;
	font-weight:500 !important;
}

#cours_contact nf-field {
	float:left;
	width:33%;
}

#cours_contact nf-field:last-child {
	float:none;
}

#cours_contact .nf-field-element, #cours_contact .nf-field-label {
	margin:0 5px;
}

#cours_contact .nf-field-label label {
	color:#6a6665;
	font-family:'Roboto', sans-serif;
	font-weight:300 !important;
	font-size:1em;
}	

#cours_contact .nf-error-msg {
	font-family:'Roboto', sans-serif;
	font-weight:300 !important;
}

#cours_contact input[type=button] {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ade4c+0,5baf74+100 */
	background: #3aa9ce; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #3aa9ce 0%, #418fa5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #3aa9ce 0%,#418fa5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #3aa9ce 0%,#418fa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa9ce', endColorstr='#418fa5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	text-align:center;
	color:white !important;
	border-radius:30px;
	width:60%;
	transition:all 0.2s ease-in-out;
}

#cours_contact input[type=button]:hover {
	width:70%;
}

/* ////////////////////////////// */
/* 			ACCORDION 		  	  */
/* ////////////////////////////// */

.accordion {
	background: #1e8e99; /* Old browsers */
	background: -moz-linear-gradient(left, #1e8e99 0%, #7ddee8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1e8e99 0%,#7ddee8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1e8e99 0%,#7ddee8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8e99', endColorstr='#7ddee8',GradientType=1 ); /* IE6-9 */
	margin: 0 auto;
	display:none;
}

.accordion:hover {
	background:#7ddee8;
}

.accordion-mede {
	background: #1e8e99; /* Old browsers */
	background: -moz-linear-gradient(left, #1e8e99 0%, #7ddee8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1e8e99 0%,#7ddee8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1e8e99 0%,#7ddee8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8e99', endColorstr='#7ddee8',GradientType=1 ); /* IE6-9 */
	margin: 0 auto;
}

.accordion-mede:hover {
	background:#7ddee8;
}

.accordion-header {
	border-top: 1px solid #DDE0E7;
	border-bottom: 1px solid #DDE0E7;
	color: #2a313a;
	cursor: pointer;
	font-weight: 700;
	padding: 1.5rem;
	text-align:center;
}

.accordion-header h2, .accordion-header h3  {
	display:inline-block !important;
	margin:0 !important;
	background-color:transparent;
	color:white;
	font-family:'Roboto', sans-serif;
	text-align:center;
	font-size:1.5em;
	font-weight:500;
}

#prepamede-infos-exam .accordion-header h3  {
	display:inline-block !important;
	margin:0 !important;
	background-color:transparent;
	color:white;
	font-family:'Roboto', sans-serif;
	text-align:center;
	font-size:1.5em;
	font-weight:500;
}

.accordion-content {
	display: none;
	border-bottom: 1px solid #DDE0E7;
	background: #F6F7F9;
	padding: 1.5rem;
	color: #4a5666;
}

.accordion-header::after {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 1em;
    height: 1em;
    border-right: 0.2em solid white;
    border-top: 0.2em solid white;
    margin-left: 0.8em;
    transform: rotate(135deg);
    transform-origin: center center;
    transition:transform 0.2s ease-in-out;
    position:relative;
    top:-5px;
}

.active.accordion-header::after {
	transform: rotate(-45deg);
	top:0;
}

/* ////////////////////////////// */
/* 			STAGES		  		  */
/* ////////////////////////////// */

.stages-links {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ade4c+0,5baf74+100 */
	background: #4da7c5; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #4da7c5 0%, #5baf74 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #4da7c5 0%,#5baf74 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #4da7c5 0%,#5baf74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4da7c5', endColorstr='#5baf74',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:30px 40px;
	border-radius:8px;
}

.stages-links h3 {
	color:white;
	font-family:'Roboto', sans-serif;
	font-size:1.7em;
	font-weight:500;
	margin:10px 0;
	border-left:5px solid white;
	padding-left:20px;
	text-transform: uppercase;
}

.stages-links li {
	font-size:1.1em;
	border-bottom:1px dotted white;
}
.stages-links li::before {
	display:none !important;
}

.stages-links a {
	color:white;
	display:block;
	font-family:'Roboto', sans-serif;
	transition: all 0.2s ease-in-out;
	font-weight:100;
}

.stages-links a:hover {
	transform:none;
	color:white;
}

.stages-links a::before {
	content: '';
    background-color: white;
    margin-right: 0.5em;
    width:7px;
    height:7px;
    border-radius:5px;
    display: inline-block;
}

.pas_inscrit {
	display:block;
	color:white;
	font-family:'Roboto', sans-serif;
	background: #1e8e99; /* Old browsers */
	text-align:center;
	padding:20px;
	margin-top:20px;
	border-radius:8px;
	font-size:1.2em;
}

.pas_inscrit:hover {
	transform:none !important;
	color:white;
	background:#7ddee8 !important;
}


/* ////////////////////////////// */
/* 			HOMEPAGE	  		  */
/* ////////////////////////////// */

#homepage-cours-particuliers {
	margin-bottom:100px;
}

#homepage-cours-particuliers h1, #homepage-cours-particuliers h2 {
	font-family:'Roboto', sans-serif;
	text-align:center;
}

#homepage-cours-particuliers h2 {
	font-weight:300;
	font-size:1.3em;
	margin-top:0;
}

#homepage-cours-particuliers h3 {
	font-weight:500;
	font-size:1.3em;
	margin-top:0;
}

#homepage-cours-particuliers hr {
	border-color:#3aa9ce;
	width:80px;
	border-width:3px;
	text-align:center;
}

.niveau-wrapper {
	display:block;
	overflow:hidden;
	position:relative;
	height:200px;
	background-size:cover;
	background-position:center;
}

.niveau-wrapper-inner {
	height:100%;
	width:100%;
	position:absolute;
	top:150px;
	left:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#65bc6b+0,b5d87e+100 */
	background: #40b1b7; /* Old browsers */
	background: -moz-linear-gradient(left, #40b1b7 0%, #7cc9ce 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #40b1b7 0%,#7cc9ce 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #40b1b7 0%,#7cc9ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b1b7', endColorstr='#7cc9ce',GradientType=1 ); /* IE6-9 */
	transition:background-color 0.2s ease-in-out, top 0.2s ease-in-out;
	text-align:center;
	padding:15px;
}

.niveau-wrapper-inner h3 {
	color:white;
	text-transform:uppercase;
	font-weight:500;
	font-size:1.3em;
	font-family:'Roboto', sans-serif;
	text-align:center;
	margin:0;
}

.niveau-wrapper-inner p {
	color:white;
	font-family:'Roboto', sans-serif;
	text-align:center;
	opacity:0;
}

.niveau-clic {
	background-color:white;
	position:absolute;
	bottom:10px;
	left:0;
	height:30px;
	width:100%;
	padding:6px;
}

.niveau-clic p {
	color:black;
	font-weight:300;
	text-transform: uppercase;
	text-align:center;
	font-family:'Roboto', sans-serif;
}

.niveau-wrapper:hover {
	transform:none !important;
}

.niveau-wrapper:hover .niveau-wrapper-inner {
	top:0;
	background:#42b2b8;
	padding:40px 20px;
}

.niveau-wrapper:hover .niveau-wrapper-inner h3 {
	color:white;
}

.niveau-wrapper:hover .niveau-wrapper-inner p {
	opacity:1;
	text-shadow:none;
}

.niveau-selector div[class^='col']:first-child .niveau-wrapper {
	background-image:url('./assets/images/image-primaire_small.jpg');
}

.niveau-selector div[class^='col']:nth-child(2) .niveau-wrapper {
	background-image:url('./assets/images/image-secondaire_small.jpg');
}

.niveau-selector div[class^='col']:nth-child(3) .niveau-wrapper {
	background-image:url('./assets/images/image-superieur_small.jpg');
}

.niveau-selector div[class^='col']:nth-child(4) .niveau-wrapper {
	background-image:url('./assets/images/image-adulte_small.jpg');
}

.niveau-selector div[class^='col']:nth-child(5) .niveau-wrapper {
	background-image:url('./assets/images/image-prepamede_small.jpg');
}


#homepage-stages {
	background: linear-gradient(45deg, rgba(53, 162, 187, 100), rgba(114, 192, 110,0.4)), url(./assets/images/homepage_corporate3.jpg);
    background-size: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin-top:-11px;
}

#homepage-stages h1, #homepage-stages h2 {
	font-family:'Roboto', sans-serif;
	text-align:center;
	color:white;
}

#homepage-stages h2 {
	font-weight:300;
	font-size:1.2em;
	margin-top:0;
	color:white;
}

#homepage-stages hr {
	border-color:white;
	width:80px;
	border-width:3px;
	text-align:center;
}

#homepage-stages .img-middle {
	padding: 100px 0;
}

/*#homepage-stages a {
	font-family:'Roboto', sans-serif;
	text-align:center;
	font-size:1.4em;
	color:white;
	display:block;
	border:2px solid white;
	min-height:130px;
	padding:30px;
	background-color:#7eab33;
	display: flex;
	justify-content: center; /* align horizontal */
/*	align-items: center;  align vertical 
	transition:all 0.2s ease-in-out;
}

#homepage-stages a:hover {
	transform:none;
	text-shadow:none;
	background-color:white;
	color:#96c647;
}

#homepage-stages span {
	display:block;
	border-left:2px solid white;
	border-right:2px solid white;
	border-bottom:2px solid white;
	min-height:50px;
	display: flex;
	justify-content: center; /* align horizontal */
	/* align-items: center; /* align vertical 
	width:100%;
	background-color:white;
	font-family:'Roboto', sans-serif;
	font-size:1em;
	font-weight:300;
	padding:0 10px;
	text-align:center;
}*/

.homepage-explication .homepage-explication-bullet {
	border:1px dotted white;
	padding:15px 20px;
	margin-bottom:13px;
}

.homepage-explication h3 {
	color:white;
	margin:0;
	font-size:1.35em;
	text-transform:uppercase;
}

.homepage-explication .homepage-explication-bullet p {
	color:white;
	margin-bottom:0;
	font-weight:300;
	border-left:3px solid white;
	padding-left:14px;
	font-size:14px;
}

.homepage-explication a {
	border-radius:50%;
	background-color:white;
	width:270px;
	height:270px;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	text-align:center;
	padding:40px;
	transition:all 0.2s ease-in-out;
}

.homepage-explication a p {
	color:rgba(53, 162, 187, 100);
	font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:1.5em;
	padding-top:5px;
}

.homepage-explication span {
	font-size:0.7em;
	font-weight:300;
	margin-top:10px;
}

#homepage-stages a:hover {
	transform:none;
	text-shadow:none;
	background-color:rgba(255,255,255,0);
	border:2px solid white;
}

#homepage-stages a:hover p {
	color:white;
}


#matiere-qualites  h1, #matiere-qualites h2 {
	font-family:'Roboto', sans-serif;
	text-align:center;
}

#matiere-qualites h2 {
	font-weight:300;
	font-size:1.2em;
	margin-top:0;
}

#matiere-qualites hr {
	border-color:#66cc66;
	width:80px;
	border-width:3px;
	text-align:center;
}

.qualites-section {
	padding:50px;
	border-left:#c1e03b 4px solid;
}

.qualites-section h1, .qualites-section h2 {
	text-shadow:none !important
}

.qualites-section h3  {
	font-family:'Roboto', sans-serif;
	color:white;
	font-weight:700;
}

.qualites-section p {
	color:white;
	text-align:center;
	font-weight:300;
}

.qualites-section .col-md-4 {
	text-align:center;
}

.qualites-section img {
	height:220px;
}

/*#homepage-team .col-md-4, #homepage-team .col-md-3 {
	text-align:center;
}
*/
#homepage-team h1, #homepage-team h2, #homepage-team h3 {
	font-family:'Roboto', sans-serif;
	text-align:center;
}

#homepage-team h2, #homepage-team h3 {
	font-weight:300;
	font-size:1.2em;
	margin-bottom:0;
}

#homepage-team p {
	font-family:'Roboto', sans-serif;
	text-align:center;
	color:gray;
	font-weight:300;
	font-size:1.1em;
	margin-top:0;
}

#homepage-team hr {
	border-color:#3aa9ce;
	width:80px;
	border-width:3px;
	text-align:center;
}

#homepage-team img{
	border-radius:50%;
	height:150px;
	border-bottom:7px solid #3aa9ce;
}

/*#homepage-team .col-md-4 {
	text-align:center;
}*/

.homepage-testimonial {
	background-color:#2f2f2f;
	margin-top:-11px;
}

.homepage-testimonial h1, .homepage-testimonial h2 {
	font-family:'Roboto', sans-serif;
	text-align:center;
	color:white;
}

.homepage-testimonial h2 {
	font-weight:300;
	font-size:1.2em;
	margin-top:0;
}

.homepage-testimonial p {
	font-family:'Roboto', sans-serif;
	text-align:center;
	color:#2f2f2f;
	font-weight:300;
	font-size:1.1em;
}

.homepage-testimonial hr {
	border-color:#3aa9ce;
	width:80px;
	border-width:3px;
	text-align:center;
}

.homepage-testimonial .vibe_editor {
	background-color:#2f2f2f;
}

.homepage-testimonial .v_column {
	margin-bottom:0;
}

.homepage-testimonial .block {
	box-shadow:none;
	border-radius:10px;
	background-color:white;
}

.homepage-testimonial .block a {
	color:#3aa9ce;
}

.homepage-testimonial .flex-next, .homepage-testimonial .flex-prev {
	background-color:rgba(255,255,255,0.7) !important;
}

#cours_contact h1, #cours_contact h2 {
	font-family:'Roboto', sans-serif;
	text-align:center;
	color:white;
	margin-top:0;
}

#cours_contact h2 {
	font-weight:500;
	font-size:1.3em;
	margin-top:0;
}

#cours_contact hr {
	border-color:white;
	width:80px;
	border-width:3px;
	text-align:center;
	margin-bottom:40px;
}

#cours_contact + footer {
	display:none;
}



/* Side Navigation*/
.side-nav-home {
  position:fixed;
  right:-5px;
  bottom:250px; /* pour pas rentrer en conflit avec le bouton return to top */
  display:none;
  z-index:9999;
}

.side-nav-home ul li:first-child a {
	display:block;
	background: linear-gradient(to right, #3d8eb4, #4bac9b);
	color:white;
	padding:25px 35px;
	margin-bottom:40px;
	transition:all 0.2s ease-in-out;
	position:relative;
	border: 1px solid #fff;
	border-radius: 5px;
	cursor: pointer;
	overflow:visible;
}

.side-nav-home ul li:first-child a .side-nav-image {
	background-image: url('./assets/icons/fly-sidebar2.svg');
  	background-color:white;
	background-repeat:no-repeat;
	background-position:53% center;
	background-size:200%;
	border-radius:50%;
	width:50px;
	height:50px;
	position:absolute;
	left:50%;
	margin-left:-25px;
	top:-25px;
	z-index:10;
}

.side-nav-home ul li:nth-child(2) a {
	display:block;
    background: linear-gradient(to right, #3d8eb4, #4bac9b);
	color:white;
	padding:25px 35px;
	transition:all 0.2s ease-in-out;
	position:relative;
	border: 1px solid #fff;
	border-radius: 5px;
	cursor: pointer;
	overflow:visible;
}

.side-nav-home ul li:nth-child(2) a .side-nav-image {
	background-image: url('./assets/icons/phone-sidebar2.svg');
  	background-color:white;
	background-repeat:no-repeat;
	background-position:center;
	background-size:200%;
	border-radius:50%;
	width:50px;
	height:50px;
	position:absolute;
	left:50%;
	margin-left:-25px;
	top:-25px;
	z-index:10;
}

.side-nav-home p {
  margin:0;
  font-family:'Roboto', sans-serif;
  font-weight:500;
  font-size:1.1em;
  z-index:11;
  position:relative;
  display:block;
}

/* Hack for transition with gradient background */
.side-nav-home ul li:first-child a:after { 
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transition: opacity 0.5s ease-out;
  z-index: 2;
  opacity: 0;
}
.side-nav-home ul li:first-child a:hover:after {
  opacity: 1;
}
.side-nav-home ul li:nth-child(2) a:after { 
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transition: opacity 0.5s ease-out;
  z-index: 2;
  opacity: 0;
}
.side-nav-home ul li:nth-child(2) a:hover:after {
  opacity: 1;
}
.side-nav-home ul li a:hover {
  transform:none;
  text-shadow:none;
}

.side-nav-home ul li a:hover p {
  color:#3d8eb4;
  text-shadow:none;
}


/* Modal form */

#modal-container {
	position: fixed;
	top: 10%;
	z-index: 10;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: none;
	transform: translate(0, -1600px);
	transition: .5s ease-in-out;
}

#modal-container .modal-title {
	margin-bottom:40px;
}

#modal-container .modal-title h3 {
	color:white;
	font-family:'Roboto', sans-serif;
	font-weight:300 !important;
	font-size:3em;
}

#modal-container .modal-title  {
	position:relative;
}

#modal-container.open {
  transform: translate(0, 0);
}

#modal-content {
	margin: 10px auto;
	padding: 86px 102px;
	width: 30%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5a185f+0,f6686d+100 */
	background: #5a185f; /* Old browsers */
	background: -moz-linear-gradient(45deg, #40b2b8 0%, #5bb4be 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #40b2b8 0%,#5bb4be 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #40b2b8 0%,#5bb4be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b2b8', endColorstr='#5bb4be',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius: 10px;
}

.modal-close {
	position:absolute;
	right:0;
	top:0;
	font-size: 28px;
	font-weight: bold;
	color: white;
	text-align:center;
	cursor: pointer;
	width:30px;
	height:30px;
	line-height:30px;
	background-color:rgba(70,70,70,0.5);
	border-radius:5px;
	display: inline-block;
	transition:all 0.2s ease-in-out;
}

.modal-close:hover {
	background-color:rgba(70,70,70,0.7);
}

#modal-content .nf-form-wrap{
}

#modal-content .nf-form-content input{
	border-radius:2px;
	background-color:white;
	padding:11px !important;
	color:#6a6665;
	font-family:'Roboto', sans-serif;
	font-weight:500 !important;
}

#modal-content nf-field {
	float:left;
	width:100%;
}

#modal-content .nf-before-form-content {
	display:none;
}

#modal-content .nf-field-element {
	margin:0 !important;
}

#modal-content nf-field:first-child, #modal-content nf-field:nth-child(2), #modal-content nf-field:nth-child(4), #modal-content nf-field:nth-child(5)  {
	width:50%;
}

#modal-content nf-field:first-child, #modal-content nf-field:nth-child(4) {
	padding-right:10px;
}

#modal-content nf-field:last-child {
	float:none;
}

#modal-content .nf-field-element, #cours_contact .nf-field-label {
	margin:0 5px;
}

#modal-content .nf-field-label label {
	color:white;
	font-family:'Roboto', sans-serif;
	font-weight:300 !important;
	font-size:1em;
	text-transform:uppercase;
}	

#modal-content .nf-error-msg, #modal-content .ninja-forms-req-symbol {
	color:#abfdff;
}

#modal-content input[type=button] {
	background-color:transparent;
	text-align:center;
	height:50px;
	padding:0 !important;
	color:white;
	font-size: 1.5em;
	border-radius:30px;
	width:60%;
	transition:all 0.2s ease-in-out;
	border:2px solid white;
	margin-top:20px;
}

#modal-content .submit-wrap {
	text-align:center;
}

#modal-content input[type=button]:hover {
	width:70%;
	background-color:white;
	color:#5a185f;
}

#modal-content .nf-error-msg {
	color:#ffd3d3;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./assets/images/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* ////////////////////////////// */
/* 	    MATIERE BY NIVEAU	  	  */
/* ////////////////////////////// */

.matiere_select_container {
	padding:5px;
}

.matiere_select {
	display:block;
	border:2px solid #3aa9ce;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
	align-items: center;

    background: linear-gradient(to right, #3aa9ce 50%, white 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all .5s ease-in-out;
}

.matiere_select:hover {
	transform:none !important;
	text-shadow:none !important;
	background-position: left bottom;
}

.matiere_select h3 {
	font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:1.3em;
	margin:0;
	transition: all .3s ease-in-out;
}

.matiere_select:hover h3 {
	color:white;
}

.matiere_select img {
	float:left;
}

.stage_select_container a {
	display:block;
	font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:1.3em;
	text-align:center;
	border:2px solid #3aa9ce;
	padding:15px;
	margin-bottom:10px;
	transition:all 0.2s ease-in-out;
}

.stage_select_container a:hover {
	transform:none;
	text-shadow:none;
	background-color:#3aa9ce;
	color:white;
}

.stage_select_container hr {
	margin-top:5px;
	margin-bottom:5px;
	border-width:1px !important;
}

.stage_select_container span {
	font-family:'Roboto', sans-serif;
	font-weight:300;
	font-size:0.85em;	
}

.cours-specificites p {
	font-family:'Roboto', sans-serif;
	font-weight:300;
	font-size:1em;	
	display:block;
	padding:10px 0;
	margin-bottom:0;
}

.matiere-separation {
	border-width:1px !important;
	border-color:#b9b9b9 !important;
	width:80% !important;
	margin-top:10px;
	margin-bottom:10px;
}

.niveau-intro {
	background-color:#f5f5f5;
}

.niveau-intro p {
	color:#292929;
	font-family:'Roboto', sans-serif;
	font-weight:300;
	font-size:1.2em;
	padding:0 20px;	
}

.niveau-intro ul {
	margin:auto;
	width:80%;
	margin-top:35px;
}

.niveau-intro ul li {
	color:#292929;
	font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:1.2em;	
	padding:5px 30px;
	list-style-type:disc;
}

.niveau-intro ul li:not(:last-child)::after {
	content:"";
	display:block;
	width:120px;
	margin:auto;
	border-bottom:1px solid #aac851;
	padding:5px;
}


.green {
	color:#3aa9ce;
}

.text-orange {
    color:#fe6804;
}

.text-bold {
    font-weight:700;
}


.midweight {
	font-weight:500;
}

.spacing-2 {
	padding-top:30px;
	padding-bottom:30px;
}

.spacing-3 {
	padding-top:30px !important;
}

.spacing-4 {
	padding-bottom:30px !important;
}

.spacing-5 {
	padding:15px 10px !important;
}

.spacing-6 {
	margin-top:30px;
}

.psycho-link  {
	display:block;
	width:70%;
	background: #7bd8f7; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #7bd8f7 0%, #90cbde 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #7bd8f7 0%,#90cbde 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #7bd8f7 0%,#90cbde 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bd8f7', endColorstr='#90cbde',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:10px;
	color:#000000;
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
	font-weight:300;
	padding:11px 11px;
	transition:all 0.2s ease-in-out;
	text-align:center;
}

.psycho-link:hover {
	transform:none !important;
	color:white;
}


.psycho-content ul {
	margin-left:25px;
}

.psycho-content li {
	font-weight:500 !important;
}

#matiere-presentation img {
	border-bottom:5px solid #3aa9ce;
	width:100%;
}

#matiere-presentation h2, #matiere-presentation h3, #matiere-presentation h4, #matiere-presentation h5,  #matiere-presentation p, #matiere-presentation li  {
	font-family:'Roboto', sans-serif;
	color:#3c3c3c;
}

#matiere-presentation h2 {
	font-size:2.8em;
	font-weight:500;
}

#matiere-presentation h3 {
	font-size:1.3em;
	font-weight:300;
}

#matiere-presentation h4 {
	font-weight:700;
	font-size:1.6em;
}
#matiere-presentation ul {
    padding:15px;
}
    
#matiere-presentation ul li {
    font-size:1.3em;
    font-weight:300;
    margin-bottom:10px;
}

#matiere-presentation ul li:before {
    content: '';
    background-color: #3aa9ce;
    margin-right: 0.5em;
    width:8px;
    height:8px;
    border-radius:5px;
    display: inline-block;
}

#matiere-presentation p {
	font-size:18px;
	font-weight:300;
}

.matiere-niveau-selector h4 {
	font-family:'Roboto', sans-serif;
	text-align:center;
}

.matiere-niveau-selector h5 {
	font-family:'Roboto', sans-serif;
	text-align:center;
}

.matiere-niveau-selector hr {
	border-color:#3aa9ce;
	width:80px;
	border-width:3px;
	text-align:center;
}

.matiere-niveau-selector a {
	display:block;
	width:100%;
	text-align:center;
	border:2px solid #3aa9ce;
	margin-top:10px;
	padding:30px;
	transition:all 0.2s ease-in-out;
}

.matiere-niveau-selector a:hover {
	transform:none !important;
	text-shadow: none !important;
	background-color:#3aa9ce;
}

.matiere-niveau-selector a:hover h3 {
	color:white !important;
}

.matiere-niveau-selector h3 {
	margin:0;
}

#matiere-qualites {
	background-color:#fafafa;
}

.matiere-service img {
	height:250px !important;
	text-align:center;
}

.matiere-service .col-md-4 {
	text-align:center;
}

.matiere-service img {
	height:220px;
}

.matiere-service h3 {
	font-family:'Roboto', sans-serif;
	text-align:center;
}

.matiere-service p {
	font-family:'Roboto', sans-serif;
	text-align:center;
}

/* ////////////////////////////// */
/* 			NOTRE APPROCHE  	  */
/* ////////////////////////////// */

#notre-approche {
	margin-bottom:100px;
}

#notre-approche h1, #notre-approche h2 {
	font-family:'Roboto', sans-serif;
	text-align:center;
}

#notre-approche h2 {
	font-weight:700;
	font-size:2.6em;
	margin-top:0;
}

#notre-approche h3 {
	font-weight:500;
	font-size:1.3em;
	margin-top:0;
}

#notre-approche hr {
	border-color:#3aa9ce;
	width:80px;
	border-width:3px;
	text-align:center;
}


.approche-steps h3 {
	font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:1.7em;
	color:#3aa9ce;
}

.approche-steps p {
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
}

.approche-steps hr {
	width:100% !important;
	border-width:1px !important;
}

.img-middle {
	display:flex;
	align-items:center;
	justify-content:center;
}

.action-approche {
	width:100%;
	height:330px;
	border-radius:8px;
	background-image:url('./assets/images/lessons.jpg');
	background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
	position:relative;
	display:block;
	overflow:hidden;
}

.action-approche-area {
	padding:16px 20px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
	transition:all 0.2s ease-in-out;
}

.action-approche h4 {
	font-family:'Roboto', sans-serif;
	color:white;
	font-weight:400;
	font-size:1.2em;
	margin-top:0 !important;
}

.action-approche p {
	display:block;
	margin:auto;
	width:70%;
	background: #3aa9ce; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #3aa9ce 0%, #418fa5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #3aa9ce 0%,#418fa5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #3aa9ce 0%,#418fa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aa9ce', endColorstr='#418fa5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:25px;
	color:#000000;
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
	font-weight:300;
	padding:7px 13px;
	transition:all 0.2s ease-in-out;
}

.action-approche:hover {
	transform:none !important;
}

.action-approche:hover .action-approche-area {
	padding:30px 20px;
}

.action-approche:hover p {
	color:white;
}

/* ////////////////////////////// */
/* 			A PROPOS  		  	  */
/* ////////////////////////////// */

#a-propos img {
	border-bottom:5px solid #66d9ff;
	width:100%;
	margin-bottom:20px;
}

#a-propos h2, #a-propos h3, #a-propos h4, #a-propos h5,  #a-propos p, #a-propos li  {
	font-family:'Roboto', sans-serif;
	color:#3c3c3c;
}

#a-propos h2 {
	font-size:2.8em;
	font-weight:500;
}

#a-propos h3 {
	font-size:1.3em;
	font-weight:300;
}

#a-propos h4 {
	font-weight:700;
	font-size:1.6em;
}

#a-propos ul li {
    font-size:1em;
    font-weight:300;
}

#a-propos ul li:before {
    content: '';
    background-color: #3aa9ce;
    margin-right: 0.5em;
    width:8px;
    height:8px;
    border-radius:5px;
    display: inline-block;
}

.trouble-call-to-action {
	
}

/* ////////////////////////////// */
/* 		ENFANTS DESCO 			  */
/* ////////////////////////////// */

.enfant-desco h5 {
	font-weight:700;
}

.enfant-desco-action {
	padding:30px 55px;
	border-radius:15px;
	background-color:#f7f7f7;
}

.enfant-desco-action h4 {
	font-size:1.2em;
	margin:10px 0;
}

/* ////////////////////////////// */
/* 	    Contact	  	  			  */
/* ////////////////////////////// */
 
#contact {
	background-color:#fbfbfb;
}

#contact .div-form {
	background-color:transparent;
	box-shadow:none;
}

#contact .contact_form label, #contact .contact_form .nf-error-msg {
 	font-family:'Roboto', sans-serif;
	font-weight:300;
}


#contact .contact_form nf-field:not(:last-child) input, #contact .contact_form textarea {
 	border:none;
 	border-bottom:3px solid #3aa9ce;
 	background-color:transparent;
 	font-family:'Roboto', sans-serif;
 	font-weight:300;
 	color:black;
 	padding:5px;
 	transition:background-color 0.2s ease-in-out, border 0.2s ease-in-out;
 	width:100%;
}

#contact .contact_form textarea {
	height:100px;
}

#contact .contact_form nf-field:not(:last-child) input:hover, #contact .contact_form textarea:hover {
 	background-color:#82828205
}


#contact .contact_form nf-field:not(:last-child) input:focus, #contact .contact_form textarea:focus {
 	border-bottom:3px solid green;
 	background-color:#82828205
}

#contact input[type=button] {
	transition:all 0.2s ease-in-out;
	width:20%;
	background-color:#3aa9ce;
}

#contact input[type=button]:hover {
	width:30%;
}

#contact .nf-form-fields-required {
	display:none;
}

#contact .title_form h2 {
	font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:1.8em;
}

.infos-contact i {
	float:left;
	color:#3aa9ce;
	margin-right:5px;
}

.infos-contact h3 {
	font-family:'Roboto', sans-serif;
	font-weight:500;
	margin:0;
	font-size:1.3em;
}

.infos-contact p {
	font-family:'Roboto', sans-serif;
	font-weight:300;
	margin:0;
	font-size:1.1em;
}

.infos-contact a {
	transition:all 0.2s ease-in-out;
	color:#313b3d;
}

.infos-contact a:hover {
	color:#74d88f;
	text-shadow:none;
}

/* ////////////////////////////// */
/* 	    PREPAMEDE  	  			  */
/* ////////////////////////////// */


#prepamede-presentation hr {
	border-top:3px solid #8bb900;
	text-align:center;
	width:80px;
}

#prepamede-presentation .col-md-6 {
    padding:30px;
}

#prepamede-presentation img {
	border-bottom:5px solid #93ba00;
	width:100%;
}

#prepamede-presentation h2, #prepamede-presentation h3, #prepamede-presentation h4, #prepamede-presentation h5,  #prepamede-presentation p, #prepamede-presentation li  {
	font-family:'Roboto', sans-serif;
	color:#3c3c3c;
}

#prepamede-presentation h2 {
	font-size:2.8em;
	font-weight:500;
}

#prepamede-presentation h3 {
	font-size:2.3em;
	font-weight:700;
}

#prepamede-presentation h3 .small-text {
	font-size:0.7em;
	font-weight:500;
}

#prepamede-presentation ul {
	padding:10px;
}
    
#prepamede-presentation ul li {
    font-size:1.2em;
    font-weight:300;
    margin-bottom:5px;
}

#prepamede-presentation ul li:before {
    content: '';
    background-color: #93ba00;
    margin-right: 0.5em;
    width:8px;
    height:8px;
    border-radius:5px;
    display: inline-block;
}

.bg-mede-particulier {
    background-image:url('./assets/images/mede_particulier.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:white;
    text-align:center;
    -webkit-filter:grayscale(80%); /* For Safari and Chrome */
    -moz-filter:grayscale(80%); /* For Firefox */
    -o-filter:grayscale(80%); /* For Opera */
    filter:grayscale(80%); /* Standard syntax */
    filter: gray; /* IE 6-9 */
    -webkit-box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    border-right:5px solid #8bb900;

    /* Hover Animation */
    -webkit-transition:all 0.3s ease; /* For Safari and Chrome */
    -moz-transition:all 0.3s ease; /* For Firefox */
    -o-transition:all 0.3s ease; /* For Opera */
    transition:all 0.3s ease; /* Standard syntax */
}

.colored-hover:hover .bg-mede-particulier {
    -webkit-filter:grayscale(0%); /* For Safari and Chrome */
    -moz-filter:grayscale(0%); /* For Firefox */
    -o-filter:grayscale(0%); /* For Opera */
    filter:grayscale(0%); /* Standard syntax */
}

.bg-mede-collectif {
    background-image:url('./assets/images/mede_collectif.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:white;
    text-align:center;
    -webkit-filter:grayscale(80%); /* For Safari and Chrome */
    -moz-filter:grayscale(80%); /* For Firefox */
    -o-filter:grayscale(80%); /* For Opera */
    filter:grayscale(80%); /* Standard syntax */
    filter: gray; /* IE 6-9 */
    -webkit-box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    border-right:5px solid #8bb900;

    /* Hover Animation */
    -webkit-transition:all 0.3s ease; /* For Safari and Chrome */
    -moz-transition:all 0.3s ease; /* For Firefox */
    -o-transition:all 0.3s ease; /* For Opera */
    transition:all 0.3s ease; /* Standard syntax */
}

.colored-hover:hover .bg-mede-collectif {
    -webkit-filter:grayscale(0%); /* For Safari and Chrome */
    -moz-filter:grayscale(0%); /* For Firefox */
    -o-filter:grayscale(0%); /* For Opera */
    filter:grayscale(0%); /* Standard syntax */
}

.colored-hover .col-md-6:nth-child(2) {
	transition:all 0.3s ease; /* Standard syntax */
}

.colored-hover:hover .col-md-6:nth-child(2) {
	background-color:#f7f7f7;
}

.mede-icon {
	height:auto;
	float:left;
	border:none !important;
	max-width:60px;
	margin-top:3px;
}

.mede-icon-2 {
	height:auto;
	float:left;
	border:none !important;
	max-width:80px;
	margin-top:3px;
}

.mede-particulier-link, .mede-collectif-link  {
	display:block;
	width:70%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ade4c+0,5baf74+100 */
	background: #9ade4c; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #9ade4c 0%, #5baf74 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #9ade4c 0%,#5baf74 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #9ade4c 0%,#5baf74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ade4c', endColorstr='#5baf74',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:10px;
	color:#000000;
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
	font-weight:300;
	padding:11px 11px;
	transition:all 0.2s ease-in-out;
	text-align:center;
}

.mede-particulier-link:hover, .mede-collectif-link:hover {
	transform:none !important;
	color:white;
}

#prepamede-infos-exam {
	background-color:#fbfbfb;
}

#prepamede-infos-exam hr {
	border-top:3px solid #8bb900;
	text-align:center;
	width:80px;
}

#prepamede-infos-exam h2, #prepamede-infos-exam h3, #prepamede-infos-exam h4, #prepamede-infos-exam h5,  #prepamede-infos-exam p, #prepamede-infos-exam li  {
	font-family:'Roboto', sans-serif;
	color:#3c3c3c;
}

#prepamede-infos-exam h2 {
	font-size:2.8em;
	font-weight:500;
}

#prepamede-infos-exam h3 {
	font-size:2em;
	font-weight:700;
}

#prepamede-infos-exam h4 {
	text-align:center;
}


#prepamede-infos-exam ul {
	padding:10px;
}
    
#prepamede-infos-exam ul li {
    font-size:1.2em;
    font-weight:500;
    margin-bottom:5px;
}

#prepamede-infos-exam ul li ul li {
    font-size:0.9em;
    font-weight:300;
}

#prepamede-infos-exam ul li:before {
    content: '';
    background-color: #93ba00;
    margin-right: 0.5em;
    width:8px;
    height:8px;
    border-radius:5px;
    display: inline-block;
}  

#prepamede-infos-exam ul li ul li:before {
    display:none;
}  

#prepamede-infos-exam ul li ul {
	margin:10px 0 10px 20px;
  padding-left:30px;
  padding-top:0;
  padding-bottom:0;
  border-left:3px solid #93ba00;
} 

#prepamede-infos-exam .col-md-6 {
	padding:10px 50px;
} 

.preau-exam {
	background-image:url('./assets/images/exam-medecine.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    color:white;
    text-align:center;
    filter: gray; /* IE 6-9 */
    -webkit-box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    box-shadow: inset 0px 7px 49px -6px rgba(0,0,0,0.35);
    border-right:none;
    -webkit-filter:grayscale(50%); /* For Safari and Chrome */
    -moz-filter:grayscale(50%); /* For Firefox */
    -o-filter:grayscale(50%); /* For Opera */
    filter:grayscale(50%); /* Standard syntax */
}

.prepa-med-intro p{
	font-size: 18px;
}

.mede-border-bottom {
	border-bottom:5px solid #8bb900;
}	

#prepamede-infos-exam table {
	font-family:'Roboto', sans-serif;
	color:#3c3c3c;
}

#prepamede-infos-exam table td, #prepamede-infos-exam thead th:not(:first-child) {
	text-align:right;
}

#prepamede-infos-exam .table1 thead {
	background-color:#ddefa0;
}

#prepamede-infos-exam .table2 thead {
	background-color:#f5ed9a;
}

#prepamede-infos-exam .table3 thead{
	background-color:#f7dcc1;
}

.mede-contact nf-field:nth-child(4) {
	width:100% !important; /* le champs texte du formulaire */
}

.mede-contact nf-field:nth-child(4) textarea {
	height:100px;
}

#banner-prepa-med{
	background-color: #fbfbfb;
	padding-top: 60px;
	padding-bottom: 60px;
}
.banner-prepa-med{
	background-color: #3aa9ce;
	padding: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#banner-prepa-med button{
	border: none;
	background-color: white;
	color: #3aa9ce;
	padding: 14px 38px;
}
.banner-prepa-med-fond-blanc{
	background-color: white !important;
}

/* ////////////////////////////// */
/*   WOLUWE ECOLE DE DEVOIRS      */
/* ////////////////////////////// */



.woluwe-desc iframe {
	width:90% !important;
}

.woluwe-desc img{
	border-radius:50%;
	width:initial !important;
}

.woluwe-desc i {
	float:left;
	padding:5px;
}

.woluwe-desc .phone_number {
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1.5em;
	margin-left:40px;
	padding-left:11px;
	border-left:7px solid #93c775
}

.woluwe-desc .mail_adress {
	font-family:'Roboto', sans-serif;
	font-weight:700;
	font-size:1.5em;
	margin-left:40px;
	padding-left:11px;
	border-left:7px solid #93c775
}

.woluwe-desc .mail_adress span {
	font-weight:500;
	font-size:0.8em;
}

.woluwe-desc h4{
	margin-top: 0;
}

.woluwe-desc ul{
	font-size: 15px;
	font-family: 'Raleway', sans-serif;
	padding: 0;
	margin-bottom: 4em;
}

.woluwe-desc ul ul{
	margin: 0 0 0 2em;
}

.woluwe-desc li{
	position: relative;
	display: block;
	padding: .4em .4em .4em 3em;
	margin: .5em 0;
	background: #93C775;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: 10em;
	transition: all .2s ease-in-out;
	color:#151f19 !important;
}

.woluwe-desc li:hover{
	background: #d6d4d4;
	text-decoration:none;
	transform: scale(1.1);
}

.woluwe-desc li:before{
	content:'\2713' !important;
	position: absolute !important;
	left: -1.3em !important;
	top: -17% !important;
	background:#93C775 !important;
	height: 3em !important;
	width: 3em !important;
	line-height: 2.5em !important;
	border: .3em solid #fff !important;
	text-align: center !important;
	font-weight: bold !important;
	-moz-border-radius: 2em !important;
	-webkit-border-radius: 2em !important;
	border-radius: 2em !important;
	color:#151f19 !important;
}

.woluwe-desc-2 p {
	font-size:1.1em;
}

.woluwe-desc-2 i {
	margin-bottom:20px;
}


/* ////////////////////////////// */
/*  		 RECRUTEMENT      	  */
/* ////////////////////////////// */

#a-propos .contact_form label, #a-propos .contact_form .nf-error-msg {
 	font-family:'Roboto', sans-serif;
	font-weight:300;
}


#a-propos .contact_form nf-field:not(:last-child) input, #a-propos .contact_form textarea {
 	border:none;
 	border-bottom:3px solid #3aa9ce;
 	background-color:transparent;
 	font-family:'Roboto', sans-serif;
 	font-weight:300;
 	color:black;
 	padding:5px;
 	transition:background-color 0.2s ease-in-out, border 0.2s ease-in-out;
}

#a-propos .contact_form textarea {
	height:100px;
}

#a-propos .contact_form nf-field:not(:last-child) input:hover, #a-propos .contact_form textarea:hover {
 	background-color:#82828205
}

#a-propos .contact_form nf-field:first-child {
	width:50%;
	float:left;
	padding-right:10px;
}

#a-propos .contact_form nf-field:nth-child(2) {
	width:50%;
	float:left;
}

#a-propos .contact_form nf-field:not(:last-child) input:focus, #a-propos .contact_form textarea:focus {
 	border-bottom:3px solid green;
 	background-color:#82828205
}

#a-propos input[type=button] {
	transition:all 0.2s ease-in-out;
	width:20%;
	background-color:#3aa3c5;
	margin:auto;
	padding:10px;
}

#a-propos input[type=button]:hover {
	width:30%;
}

#a-propos .nf-form-fields-required {
	display:none;
}

#a-propos .title_form h2 {
	font-family:'Roboto', sans-serif;
	font-weight:500;
	font-size:1.8em;
}

#a-propos .contact_form li {
	width:33%;
	float:left;
}

#a-propos .contact_form li:before {
	display:none;
}

/* Hide the browser's default checkbox */
#a-propos .contact_form .recrutement_matieres input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 25px !important;
  width: 25px !important;
  z-index:99;
}

.recrutement_matieres li label {
  cursor:pointer;
  margin-left:2.2em !important;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.recrutement_matieres:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.recrutement_matieres input:checked ~ .checkmark {
  background-color: #3aa9ce;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.recrutement_matieres input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.recrutement_matieres .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.drop_uploader.drop_zone {
	border-color:#3aa9ce;
}

.drop_uploader.drop_zone .text {
	font-family:'Roboto', sans-serif;;
}

#a-propos .team_recrutement {
	border-bottom-left-radius:50%;
	border-bottom-right-radius:50%;
}

#a-propos .team_logo {
	border-bottom:none;
	max-width:250px;
	text-align:center;
}

#a-propos .nf-form-content {
	padding:25px;
	background-color:#fcfcfc;
	border:2px dotted #3aa9ce;
}

#a-propos .submit-container {
	text-align:center;
}

#a-propos .drop_uploader li {
	float:none;
	width:100%;
	font-size:18px;
}

/* ////////////////////////////// */
/* Stages Sport - Nos partenaires */
/* ////////////////////////////// */


#nos_partenaires h2 {
    font-size:1.5em;
    font-family:'Roboto', sans-serif;
    font-weight:300;
    padding:30px 20px;
}

#nos_partenaires h3 {
    font-size:1.5em;
    font-family:'Roboto', sans-serif;
    font-weight:300;
    text-transform: uppercase;
}

#nos_partenaires h2 span:nth-child(2) {
    padding-top:10px;
    display:block;
}

#nos_partenaires .logo_partner {
    height:100px;
    margin-bottom:20px;
}

#nos_partenaires p {
    font-family:'Roboto', sans-serif;
    font-weight:300;
}

#nos_partenaires ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
    float:left;
    width:100%;
}

#nos_partenaires .even ul {
    float:right;
}

#nos_partenaires li {
    list-style-type: none;
    font-family:'Roboto', sans-serif;
	font-weight:300;
	margin:2px 0;
}

#nos_partenaires i {
    width:30px;
    text-align:center;
    float:left;
    margin-top:2.5px;
}

#nos_partenaires .sport-infos {
    clear:both;
    margin-top:20px;
}

#nos_partenaires .sport-infos li {
    font-weight:300;
}

#nos_partenaires .sport-infos i {
    float:none;
    display: inline-block;
	border-radius: 60px;
	box-shadow: 0px 0px 2px #888;
	padding: 0.5em 0.6em;
	margin-bottom:10px;
	position:absolute;
	left:50%;
	margin-left:-15px;
	top:-16px;
	background-color:white;
}

#nos_partenaires .sport-infos p, #nos_partenaires .sport-infos ul {
    text-align:center;
    border:1px solid #f0f0f0;
    border-radius:10px;
    padding:25px 15px 15px 15px;
}

#nos_partenaires .sport-infos .col-md-6 {
    margin-top:20px;
}

#nos_partenaires .row:nth-child(2) hr {
    margin:5px 0 20px 0 ;
}

#nos_partenaires .sport-journee  {
    padding-left:15px;
    padding-right:15px;
}

#nos_partenaires ul li .heure  {
    display:inline-block;
    width:130px;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    background-color:#fafafa;
    padding:2px 10px;
    margin-right:5px;
    color:#66cc66;
    text-align:center;
}

#nos_partenaires .even .col-md-6 {
    text-align:right;
}

#nos_partenaires .sport-dates {
    float:none;
}

#nos_partenaires .sport-dates li {
    text-align:center;
}

#nos_partenaires .even:nth-child(2) {
    clear:both;
}

#nos_partenaires .even i {
    float:none;
}

#nos_partenaires li, #nos_partenaires a {
    font-family:'Roboto', sans-serif;
    font-weight:500;
    color:#313b3d;
}

#nos_partenaires a:hover {
    text-shadow: none;
    color:#66cc66
}

.sport-reservation {
	display:block;
	width:30%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ade4c+0,5baf74+100 */
	background: #9ade4c; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #9ade4c 0%, #5baf74 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #9ade4c 0%,#5baf74 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #9ade4c 0%,#5baf74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ade4c', endColorstr='#5baf74',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-radius:10px;
	color:#000000;
	font-family:'Roboto', sans-serif;
	font-size:1.1em;
	font-weight:300;
	padding:11px 11px;
	transition:all 0.2s ease-in-out;
	text-align:center;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

.even .sport-reservation {
	float:right;
}

.sport-reservation:hover {
	transform:none !important;
	color:white !important;
}

#nos_partenaires .row:not(:first-child)  {
    min-height:455px;
    padding-top:20px;
    padding-bottom:20px;
}

#nos_partenaires .row .col-md-3  {
    height:400px;
    overflow:hidden;
}

#nos_partenaires .row .img-sport-1   {
	transition:all 0.2s ease-in-out;
}

#nos_partenaires .row:hover .img-sport-1   {
	margin-top:15px;
}

#nos_partenaires .row .img-sport-2  {
    margin-top:15px;
    transition:all 0.2s ease-in-out;
}

#nos_partenaires .row:hover .img-sport-2   {
	margin-top:0;
}

#nos_partenaires .row .col-md-3 img  {
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	transition:all 0.2s ease-in-out;
}

#nos_partenaires .row:hover .col-md-3 img  {
	-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */
}

.sport-form nf-field:nth-child(4), .sport-form nf-field:nth-child(5) {
	display:none;
}

.sport-moniteur {
	margin-left:30px;	
}

.sport-moniteur li {
	font-weight:300 !important;
	list-style-type: circle !important;
}

/* ////////////////////////////// */
/* 		MENTIONS LEGALES		  */
/* ////////////////////////////// */

.mentions-legales h2 {
	color:#289dc3;
	font-family:'Roboto', sans-serif;
	font-size:1.8em;
	margin-top:30px;
	font-weight:700;	
}

.mentions-legales h3 {
	color:#289dc3;
	font-family:'Roboto', sans-serif;
	font-size:1.65em;
	margin-top:30px;
	font-weight:700;	
	text-transform: uppercase;
}

.mentions-legales h4 {
	font-family:'Roboto', sans-serif;
	font-size:1.2em;
	font-weight:700;	
	margin-top:20px;
}

.mentions-legales ul {
	margin-left:35px;
}

.mentions-legales ol {
	margin-left:35px;
	margin-bottom:15px;
}

/* ////////////////////////////// */
/* 	    FOOTER  	  			        */
/* ////////////////////////////// */

#myFooter {
    background-color: #2f2f2f;
    color: white;
    padding-top: 30px;
}

#myFooter .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
}

#myFooter .row {
    margin-bottom: 60px;
}

#myFooter .navbar-brand {
    margin-top: 45px;
    height: 65px;
}

#myFooter .footer-copyright p {
    margin: 10px;
    color: #ccc;
    font-family:'Roboto', sans-serif;
}

#myFooter img {
    max-height:150px;
}

#myFooter ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

#myFooter li {
	font-family:'Roboto', sans-serif;
	font-weight:300;
}

#myFooter i {
    width:30px;
    text-align:center;
}

#myFooter li:first-child i {
	float:left;
	height:30px;
	line-height:22px;
}

#myFooter h5 {
    font-size: 18px;
    color: white;
    font-weight: bold;
    margin-top: 30px;
    font-family:'Roboto', sans-serif;
    font-weight:500;
}

#myFooter h2 a{
    font-size: 50px;
    text-align: center;
    color: #fff;
    font-family:'Roboto', sans-serif;
}

#myFooter a {
    color: #d2d1d1;
    text-decoration: none;
}

#myFooter a:hover,
#myFooter a:focus {
    text-decoration: none;
    color: white;
}

#myFooter .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px;
}

#myFooter .social-networks a {
    font-size: 32px;
    color: #f9f9f9;
    padding: 10px;
    transition: 0.2s;
}

#myFooter .social-networks a:hover {
    text-decoration: none;
}

#myFooter .facebook:hover {
    color: #0077e2;
}

#myFooter .google:hover {
    color: #ef1a1a;
}

#myFooter .twitter:hover {
    color: #00aced;
}

#myFooter .btn {
    color: white;
    background-color: #d84b6b;
    border-radius: 20px;
    border: none;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
}

@media screen and (max-width: 767px) {
    #myFooter {
        text-align: center;
    }
}



/* ////////////////////////////// */
/* 	    RESPONSIVE 	  			  */
/* ////////////////////////////// */

@media (max-width: 1024px) {
	
	/* 	    MENU 	 */

	header.sleek.transparent {
		background-color:rgba(68, 68, 68, 0.84)
	}
	
	header.sleek.fixed #trigger .lines, header.sleek.fixed #trigger .lines:before, header.sleek.fixed #trigger .lines:after {
		background:white !important;
	}

	.sidemenu li.active a {
		background-color:rgb(150, 198, 71) !important;
		color:white !important;
	}

	.alternate-header {
		height:50px;
		padding:0 !important;
	}
	.alternate-header li{
		margin:0 !important;
		height:50px;
		margin-left:5px !important;
	}
	.alternate-header a{
		font-size:0.78em !important;
		padding:0 7px !important;
		height:100%;
		line-height:50px!important;
	}

	#logo img, #alt_logo img {
		max-height: 75px !important;
	}
	
	.megamenu-image-cover {
		padding:30px;
	}

	.megamenu-image-cover .sub {
		font-size:12px;
	}

    /* Carousel */
    .multiple-items a div h4 {
		font-size:0.9em !important;
	}

	.multiple-items a div p {
		font-size:0.9em !important;
	}

	/* Homepage*/
	

    #homepage-stages {
	    background-size: cover;
	}

	/* Modal */
	#modal-container {
		top: 15%;
	}

	#modal-container .modal-title {
		margin-bottom:20px;
	}

	#modal-container .modal-title h3 {
		color:white;
		font-family:'Roboto', sans-serif;
		font-weight:300 !important;
		font-size:2em;
	}

	#modal-container .modal-title  {
		position:relative;
	}

	#modal-container.open {
	  transform: translate(0, 0);
	}

	#modal-content {
		margin: 10px auto;
		padding: 30px 50px;
		width: 80%;
		border-radius: 10px;
	}

	.modal-close {
		position:absolute;
		right:0;
		top:0;
		font-size: 28px;
		font-weight: bold;
		color: white;
		text-align:center;
		cursor: pointer;
		width:30px;
		height:30px;
		line-height:30px;
		background-color:rgba(70,70,70,0.5);
		border-radius:5px;
		display: inline-block;
		transition:all 0.2s ease-in-out;
	}

	.modal-close:hover {
		background-color:rgba(70,70,70,0.7);
	}

	#modal-content .nf-form-wrap{
	}

	#modal-content .nf-form-content input{
		border-radius:2px;
		background-color:white;
		padding:5px !important;
		color:#6a6665;
		font-family:'Roboto', sans-serif;
		font-weight:500 !important;
	}

	#modal-content nf-field {
		float:left;
		width:100%;
	}

	#modal-content .nf-before-form-content {
		display:none;
	}

	#modal-content .nf-field-element {
		margin:0 !important;
	}

	#modal-content nf-field:first-child, #modal-content nf-field:nth-child(2), #modal-content nf-field:nth-child(4), #modal-content nf-field:nth-child(5)  {
		width:50%;
	}

	#modal-content nf-field:first-child, #modal-content nf-field:nth-child(4) {
		padding-right:10px;
	}

	#modal-content nf-field:last-child {
		float:none;
	}

	#modal-content .nf-field-element, #cours_contact .nf-field-label {
		margin:0 5px;
	}

	#modal-content .nf-field-label label {
		color:white;
		font-family:'Roboto', sans-serif;
		font-weight:300 !important;
		font-size:1em;
		text-transform:uppercase;
	}	

	#modal-content .nf-error-msg, #modal-content .ninja-forms-req-symbol {
		color:#ffabab;
	}

	#modal-content input[type=button] {
		background-color:transparent;
		text-align:center;
		height:50px;
		padding:0 !important;
		color:white;
		font-size: 1.5em;
		border-radius:30px;
		width:60%;
		transition:all 0.2s ease-in-out;
		border:2px solid white;
		margin-top:20px;
	}

	#modal-content .submit-wrap {
		text-align:center;
	}

	#modal-content input[type=button]:hover {
		width:70%;
		background-color:white;
		color:#5a185f;
	}

	#modal-content ..nf-error-msg {
		color:#ffd3d3;
	}
	    /*      STAGES LANGUES-SPORT 	*/
	#nos_partenaires .row  {
		text-align:center;
	}

	#nos_partenaires .logo_partner {
		margin-top:40px;
	}

	#nos_partenaires .even .col-md-6 {
		text-align:center;
	}

	#nos_partenaires ul {
		width:100%;
		text-align:center;
	}

	#nos_partenaires  i {
    	float:none;
	}

    #nos_partenaires .row:hover .img-sport-1   {
		margin-top:0;
	}

	#nos_partenaires .row .img-sport-2  {
	    margin-top:0;
	    transition:all 0.2s ease-in-out;
	}

	#nos_partenaires .row .col-md-3 img  {
		-webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
		filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */
		transition:all 0.2s ease-in-out;
	}

	.sport-center {
		display: flex;
  		justify-content: center;
  		width:100%;
	}

	#nos_partenaires h3 {
    	margin:20px 0 ;
    	padding-top:20px;
    	clear:both;
	}

	.sport-journee {
		text-align:left !important;
		margin-bottom:20px;
	}


}

@media (max-width: 480px) {
		
	/* 	    HOMEPAGE 	 */

	#homepage-cours-particuliers {
		margin-bottom:50px;
	}

	.niveau-selector div[class^='col'] {
		margin-bottom:5px;
	}

	.stages-section div[class^='col'] {
		margin-bottom:5px;
	}

	.stages-section div[class^='col'] a {
		min-height:100px !important;
	}

	.matiere-service {
		padding-right:15px;
		padding-left:15px;
	}

	.nf-form-cont .one-half {
      width:100% !important;
      margin-left:0 !important;
    }

    #cours_contact nf-field {
    	width:100% !important;
    }

    .div-form, .div-phone {
    	margin-left:15px !important;
    	margin-right:15px !important;
    	margin-bottom:15px !important;
    }

    .hidden-xxs {
    	display:none;
    }

    #homepage-stages .img-middle {
		padding: 0;
	}

	/* 	    COURS PARTICULIER	 */

	.subheader {
		min-height:60%;
		min-height:60vh;
	}
	
    .intro-lead-in {
    	max-width:100%;
    }

    .intro-lead-in h1 {
    	font-size:2.5em;
    }

    #niveau_description .bs-callout-success {
    	padding-left:15px;
    	padding-right:20px;
    }

    /* 	    COURS COLLECTIF	 */
    .stages-links h3 {
		font-size:1.5em
    }

	/* 	    CONTACT	 */
    #contact input[type=button] {
    	width:50%;
    }

}


@media (min-width: 1440px) {
	.container {
		width:1100px !important;
	}
}

/* ////////////////////////////// */
/* 	    5ths columns  			  */
/* ////////////////////////////// */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/***Stage travail/révision vacances***/
.case-travail-de-vacances{
	color: #3AA9CE;
	padding: 40px;
	background-color: #3AA9CE;
}

/*****Français - pagec custom******/
.francais-paragraph{
	font-size: 16px !important;
}
.francais-list{
    font-size:16px !important;
    color: red !important;
    font-weight:300 !important;
    margin-bottom:10px !important;
}

.francais-list li::before {
    content: '' !important;
    background-color: #3aa9ce !important;
    margin-right: 0.5em !important;
    width:8px !important;
    height:8px !important;
    border-radius:5px !important;
    display: inline-block !important;
}