/*

bleu foncé : #00467a;
bleu pâle: #80a4c1;
rouge vin : #810026

-- FONT PRINCIPAL -- 
font-family: 'Raleway', sans-serif;
font-weight: 330, 400, 700 900;

*/


/* ----------- STYLE DE BASE ----------- */

*:not(.in) {
	
	-webkit-transition: all .3s ease;
  	-moz-transition: all .3s ease;
  	-o-transition: all .3s ease;
  	transition: all .3s ease;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}


body{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #464646;
	
}

body, body.modal-open {
    margin-right: 0 !important;
    padding-right: 0 !important;
    -webkit-transition: all 0s ease!important;
    	-moz-transition: all 0s ease!important;
    	-o-transition: all 0s ease!important;
    	transition: all 0s ease!important;

}

body.modal-open {
    overflow-y: hidden;
}

#top{
	position: absolute;
	margin-top:-180px;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;	
}

ul {
	padding: 0;	
}

/*li {
	list-style: none;	
}*/

a {
	text-decoration: none;
}

a:hover, a:focus {	
	text-decoration: none;
	outline: none!important;
}

p, label, a {	
	font-weight: 400;
}

.row{
	margin-left: 0!important;
	margin-right:0!important;
}

.img-responsive {
	width: 100%;
	max-width: 100%;	
}

.form-control {
	margin-top: 10px;
	
}

label {
    display: none;
    max-width: 100%;
     margin: 0;
    font-weight: 700;
}

input.form-control, textarea.form-control,
input, textarea {
	border: 2px solid #00467a;
	background: transparent;
	
}


input.form-control:focus, textarea.form-control:focus,
input:focus, textarea:focus {
	border: 2px solid #0085e7;
}

textarea.form-control, textarea {
	resize: none;
}


/* ----------- STYLE GÉNÉRAL ----------- */

h1 {
	
}

h2 {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	font-weight: 700;
	padding-bottom:20px;
}

h3 {
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	color: #00457c;
	font-weight: 900;
	padding-bottom:20px;	
}

h4 {
	
}

h5 {
	
}

p{
	font-family: 'Raleway', sans-serif;
	/*font-size: 16px;*/
	font-weight: 300;
	padding-bottom:15px;
}

/* COULEUR DU PLACEHOLDER */
::-webkit-input-placeholder { color:#00467a!important; }
::-moz-placeholder { color:#00467a!important; } 
:-ms-input-placeholder { color:#00467a!important; } /* firefox 19+ */
input:-moz-placeholder { color:#00467a!important; } /* ie */ 

.btn.btn-primary {

}

.btn.btn-primary:hover, .btn.btn-primary:focus {

}

.btn.btn-link {

}

.btn.btn-link:hover, .btn.btn-link:focus {

}


/* Grow btn */
.hvr-grow {
	color: #80a4c1;
    display: inline-block;
    background: #fff;
    font-size: 14px;
    font-weight:700;
    padding: 5px 20px;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
	cursor: pointer;
	color: #fff;
	background-color:#810026;
    transform: scale(1.1);
}

.hvr-grow2 {
	color: #fff;
    display: inline-block;
    background: #810026;
    font-size: 14px;
    font-weight:700;
    padding: 5px 20px;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
    margin-bottom: 10px;
}

.hvr-grow2:hover,
.hvr-grow2:focus,
.hvr-grow2:active {
	cursor: pointer;
	color: #fff;
	background-color:#00467a;
    transform: scale(1.1);
}


.hvr-grow3 {
	color: #fff;
    display: inline-block;
    background: #799d2c;
    font-size: 16px;
    font-weight:500;
    padding: 10px 20px;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow3:hover,
.hvr-grow3:focus,
.hvr-grow3:active { 
	cursor: pointer;
	color: #fff;
	background-color:#869a32;
    transform: scale(1.1);
}

.hvr-grow4 {
	color: #fff;
    display: inline-block;
    background: #7800a5;
    font-size: 16px;
    font-weight:500;
    padding: 10px 20px;
    margin: 5px;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow4:hover,
.hvr-grow4:focus,
.hvr-grow4:active { 
	cursor: pointer;
	color: #fff;
	background-color:#9700d0;
    transform: scale(1.1);
}

.hvr-grow5 {
	color: #fff;
	border: none;
    display: inline-block;
    background: #00467a;
    font-size: 16px;
    font-weight:500;
    padding: 10px 20px;
    margin: 5px;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow5:hover,
.hvr-grow5:focus,
.hvr-grow5:active { 
	cursor: pointer;
	color: #fff;
	background-color:#006bba;
    transform: scale(1.1);
}



/* ------------- NAVBAR.PHP ------------ */

section.menu{
	position: fixed;
	height: 170px;
	width: 100%;
	z-index:1000;
	top: 0;
	background: #fff; 
	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.3);
	
}


.rightHalf{
   width: 50%;
   position: absolute;
   right: 0px;
   height: 74px;
   background: url('../images/bg-menu-rightHalf.jpg') repeat-x;
}

#top_page{
	padding:0;
}

#top_page > div.row > div{
	padding:0;
}

.menu .logo {
	max-width: 211px;
	width: 100%;
	margin: 0 0 0 30px;
	padding-top: 11px;
	padding-bottom: 20px;
}

/*menu_link_sociaux*/

.menu_link_sociaux{
	background:#00467a url('../images/bg_menu_top_sociaux.jpg') left top no-repeat;
	background-size: 156px 69px;
	height:69px;
	text-align: right;
}

.menu_link_sociaux a{
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	padding: 5px;
	margin: 15px 5px;
}

.menu_link_sociaux a:hover{
	background-color: #fff;
}

.menu_link_sociaux a i.fa{
	font-size: 1.2em;
	color: #fff;
	
}

.menu_link_sociaux a:hover i.fa{
	color:#00467a;
	
}

/*menu_link_other*/

.menu_link_other {
	padding: 15px 0;
	text-align:right;
}

.menu_link_other form{
	float: right;
}

.menu_link_other a, .menu_link_other button {
    background: none;
    border: none;
    color: #464646;
    font-size: 14px;
    margin-left: 15px;
}

.menu_link_other a:hover, .menu_link_other button:hover{
	color:#00467a;
		
}

.menu_link_other i.fa-paypal{
	font-size: 17px; 
	margin-right: 8px;
	color: #009cde;
}

.menu_link_other a img{
	margin-right: 8px;
	width: 22px;
	height:22px;                                                             
}

.navbar-default {
	position: relative;
	border: 0px;
	border-color: transparent;
	background-color: transparent;
	z-index:9999;	
}

.navbar .navbar-collapse {
  	text-align: center;
  	padding-left: 0;
  	padding-right: 0;
}

.navbar {
  	margin-bottom: 0;
  	
}

.navbar .navbar-nav {
  	display: inline-block;
  	float: none;
  	vertical-align: top;
  	-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
  	-moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.3);
  	box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.3);
}	

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited  {
	color: #737373;
	font-size: 14px;
	text-transform: uppercase;	
	padding: 25px 38px;
	background-color: #fff;
}

.navbar-default .navbar-nav>li:nth-child(1)>a {
	border-top: 4px solid #444545;
}

.navbar-default .navbar-nav>li:nth-child(2)>a {
	border-top: 4px solid #00a8ab;
}

.navbar-default .navbar-nav>li:nth-child(3)>a {
	border-top: 4px solid #820024;
}

.navbar-default .navbar-nav>li:nth-child(4)>a {
	border-top: 4px solid #e68229;
}

.navbar-default .navbar-nav>li:nth-child(5)>a {
	border-top: 4px solid #799d2c;
}

.navbar-default .navbar-nav>li:nth-child(6)>a {
	border-top: 4px solid #7800a5;
}

.navbar-default .navbar-nav>li:nth-child(7)>a {
	border-top: 4px solid #00457c;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a.active {
	color: #fff;
}



.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	color: #fff;
}



.navbar-default .navbar-nav>li:nth-child(1)>a:hover, .navbar-default .navbar-nav>li:nth-child(1)>a:focus, .navbar-default .navbar-nav>li:nth-child(1)>a.active {
	background-color: #444545;
}

.navbar-default .navbar-nav>li:nth-child(2)>a:hover, .navbar-default .navbar-nav>li:nth-child(2)>a:focus, .navbar-default .navbar-nav>li:nth-child(2)>a.active {
	background-color: #00a8ab;
}

.navbar-default .navbar-nav>li:nth-child(3)>a:hover, .navbar-default .navbar-nav>li:nth-child(3)>a:focus, .navbar-default .navbar-nav>li:nth-child(3)>a.active {
	background-color: #820024;
}

.navbar-default .navbar-nav>li:nth-child(4)>a:hover, .navbar-default .navbar-nav>li:nth-child(4)>a:focus, .navbar-default .navbar-nav>li:nth-child(4)>a.active {
	background-color: #e68229;
}

.navbar-default .navbar-nav>li:nth-child(5)>a:hover, .navbar-default .navbar-nav>li:nth-child(5)>a:focus, .navbar-default .navbar-nav>li:nth-child(5)>a.active {
	background-color: #799d2c;
}

.navbar-default .navbar-nav>li:nth-child(6)>a:hover, .navbar-default .navbar-nav>li:nth-child(6)>a:focus, .navbar-default .navbar-nav>li:nth-child(6)>a.active {
	background-color: #7800a5;
}

.navbar-default .navbar-nav>li:nth-child(7)>a:hover, .navbar-default .navbar-nav>li:nth-child(7)>a:focus, .navbar-default .navbar-nav>li:nth-child(7)>a.active {
	background-color: #00457c;
}

.navbar-default .navbar-toggle {
    border: none;
} 

.navbar-toggle {
    
    padding: 18px 20px;
   
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle:focus span, .navbar-default .navbar-toggle:hover span {
    background-color: #810026;
}

.navbar-toggle span {
	display: block;
    width: 30px;
	height: 3px;
	right: 5px;
	background: #00467a;
	position: absolute;
	-webkit-transition: -webkit-transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
    -moz-transition: -moz-transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
    transition: transform 0.5s ease-in-out, top 0.25s ease-in-out 0.5s, opacity 0.25s ease-in-out 0.5s;
	-webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
}
.navbar-toggle span.top {
	top: 5px;
}
.navbar-toggle span.middle {
	top: 15px;
}
.navbar-toggle span.bottom {
	top: 25px;
}

.navbar-toggle.menu-is-active span {
	-webkit-transition: -webkit-transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
    -moz-transition: -moz-transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
    transition: transform 0.5s ease-in-out 0.3s, top 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.navbar-toggle.menu-is-active span.top, .navbar-toggle.menu-is-active span.middle {
	top: 15px;
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}
.navbar-toggle.menu-is-active span.middle {
	opacity: 0;
}
.navbar-toggle.menu-is-active span.bottom {
	top: 15px;
	-webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
}


/* STYLE POUR LE CAROUSSEL */

section.index_carousel{
	position: relative;
	margin-top: 170px;
	z-index:0;
}

.carousel{
	margin: 0 auto;
	max-width: 1400px;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
}

.switch_slide {
	text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 175px;
    margin-left: -85px;
}	
	
.carousel-indicators {
	display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    width: auto;	
	margin-bottom: 0;
}

.carousel-indicators li {
	width: 19px;
	height: 19px;
	margin: 0 7px;	
	background-color: #000;
	text-indent: 0px;
	line-height: 16px;
}

.carousel-indicators li span {
	background-color: #000;
	font-size: 12px;
	width: 9px;
	height: 9px;
	line-height: 18px;
	display: block;
	margin: 4px auto auto;
	border-radius: 50%;
}

.carousel-indicators li.active {
	width: 19px;
	height: 19px;	
	margin: 0 7px;
	background-color: #000;
}

.carousel-indicators li.active span {
	background-color: red;
}


/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}

.slide-img-fix{
	position: absolute;
	right: 30px;
	top:25%;
	z-index:20;
}


/* ------------- INDEX.PHP ------------- */

section.contenu{
	padding: 60px 0;
}

section.contenu{
	padding: 60px 0;
}

section.link_demande_admission{
	background:#80a4c1;
	padding: 20px 0 5px;
}

section.link_demande_admission h3{
	font-size: 20px;
	line-height:30px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

section.nouvelles{
	padding: 60px 0;
	background: url('../images/bg-section-nouvelles.jpg') no-repeat center top;
	background-size: cover;
	
}

/*
Bleu pale -ultra-light : #d0e2f0
Bleu pale -light : #bfd1df
Bleu pale -medium : #80a5c3
Bleu pale -dark : #40759f

*/


.nav-tabs li:nth-child(1){
    background-color: #c9dbea;
}

.nav-tabs li:nth-child(2){
    background-color: #bfd1df;
}

.nav-tabs li:nth-child(3){
    background-color: #80a5c3;
}

.nav-tabs li:nth-child(4){
    background-color: #40759f;
}

.nav-tabs>li>a {
    margin-right: 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    line-height: 18px;
    border: none;
    padding: 15px 70px;
    text-align: center;
    height:60px;
    border-radius: 0;
}

.nav-tabs li:nth-child(1) a{
    padding:20px 30px;
}

.nav-tabs li:nth-child(4) a{
    padding:20px 30px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #07497e;
    cursor: default;
    background-color: #fff;
    border: none;
    border-bottom-color: transparent;
}

.nav-tabs>li>a:hover {
    background-color: #eee;
    color: #810026;
}

.tab-content{
	border: 2px solid #fff;
	padding: 30px;
}

.tabs_carousel .carousel-caption{
	color: #fff;
	left: 0;
	right: 0;
	padding-bottom: 20px;
	padding-top: 20px;
	position: relative;
	text-align: left;
	text-shadow: none;
	z-index: 10
}


.tabs_carousel .carousel-caption h3{
	font-weight:700;
	font-size:16px;
	text-transform: uppercase;
}


.tabs_carousel .carousel-caption span{
	font-weight:400;
	font-size:12px;
}

.tabs_carousel .carousel-caption p{
	margin-top:15px;
	font-weight:400;
}


.tabs_carousel .carousel-caption a{
	font-size:12px;
	font-weight:400;
	color: #007ee2;
}

.tabs_carousel .carousel-caption a:hover{
	cursor:pointer;
	color: #fff;
}


.tabs_carousel a.carousel-control {
	padding: 5px 15px;
	background-color: #820024;
	text-align: center;
}

.tabs_carousel a.carousel-control:hover {
    background-color: #fff;
	
}

.tabs_carousel .carousel-control.left {
	color: #fff;
	font-size: 20px;
	left: 15px;
	opacity: 1;
	position: relative;
	text-align: center;
	text-shadow: none;
	top: 15px;	  
}

	
.tabs_carousel .carousel-control.right{
	color: #fff;
	font-size: 20px;
	left: 25px;
	opacity: 1;
	position: relative;
	text-align: center;
	text-shadow: none;
	top: 15px;

}

.tabs_carousel .carousel-control.left:hover,  .tabs_carousel .carousel-control.right:hover{
	color: #820024;
}


/*temp*/
.tab-pane h3{
	color: #fff;
}

.tab-pane p{
	color: #fff;
}


/*accordion nouvelles index.php*/

section.nouvelles .panel{
	border: none;
	border-radius:0!important;
	background-color: #fff;
	/*border: 2px solid #fff;*/
}


section.nouvelles .panel-default > .panel-heading { 
    border:none;
    border-radius: 0;
    color: #fff;
    text-align: center;


}

section.nouvelles .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}


section.nouvelles .panel-group .panel:nth-child(1) .panel-heading{
    background-color: #c9dbea;
}

section.nouvelles .panel-group .panel:nth-child(2) .panel-heading{
    background-color: #bfd1df;
}

section.nouvelles .panel-group .panel:nth-child(3) .panel-heading{
    background-color: #80a5c3;
}

section.nouvelles .panel-group .panel:nth-child(4) .panel-heading{
    background-color: #40759f;
}


section.nouvelles .panel-group .panel .panel-heading:hover{
   background-color: #eee;
   color: #810026;
   	-webkit-transition: all 0s ease;
   	-moz-transition: all 0s ease;
   	-o-transition: all 0s ease;
   	transition: all 0s ease;
    
}

section.nouvelles .panel-body, panel-collapse {
	background-color:#00467a!important;
	border: 2px solid #fff;
}

section.partenaire{
	padding: 60px 0;
}

.partenaire_logo_wrap{
	border-right: 1px solid #e1e1e1;
}

.partenaire .item img{
	margin: 0 auto;
	width: 100%!important;
	max-width: 180px!important;
}

.flexslider .slides img {
   /* max-height: 80px;*/
    width: 100%;
}

.flex-control-nav {
    display: none;

}

.flex-direction-nav {
    margin-top: 80px;
}

.flex-direction-nav a {
    overflow: visible;

}


/* --------- REMPLISSAG COMMUN ----------*/

.titre-page{
	margin-top: 170px;
	background-color: #90C3D4;
	padding: 60px 0 45px;
}

.titre-page h1{
	color: #ffffff;
	font-weight: 900;
	font-size: 36px;
	text-transform: uppercase;
}

.section-title {
	margin: 15px 0 30px;
}

.section-title h2{
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
	padding: 15px 0;
	text-align: center;
}

.txt-center{
	text-align: center;
}

.contenu li{
	margin-left: 20px;
	margin-bottom:15px;
}
	

/* ----------- ECOLE.PHP ----------- */
.page-ecole{
	background: #00a8ab url('../images/bg-titre-ecole.jpg') no-repeat left top;
	background-size: cover;
}

.equipe-le-savoir .section-title{
	background-color: #00a8ab;
}

.equipe-wrap {
	margin-top: 30px;
}

.equipe-wrap > div {
	margin: 10px 0;
}

.equipe-wrap h4{
	margin-top: 15px;
	text-align: center;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}

.equipe-wrap span{
	display:block;
	text-align: center;
	font-weight: 300;
	color: #00a8ab;
}


section.reglements{
	background: #1C5E94 url('../images/section-reglement-bg.jpg') no-repeat left top;
	background-size: cover;
	padding: 40px 0;
}

.reglements h2, .reglements p, .reglements li{
	color: #fff;
}

.reglements li{
	list-style: disc;
	margin-left: 20px;
	margin-bottom:15px;
}

.reglements li a:link{
	color: #fff;
}

.reglements li a:hover{
	color: #00a8ab;
}


/* ------------ SERVICES.PHP ------------ */

.page-services{
	
	background: #820024 url('../images/bg-titre-services.jpg') no-repeat left top;
	background-size: cover;
}

.zone-img-wrap{
	margin: 60px 0;
}

.galerie-caroussel{
	display: none;
}

.zone-img-wrap:last-child{
	margin-bottom: 0;
}

.zone-img-wrap > div{
	padding: 0 ;
}

/* ------------ VIE-ECOLE.PHP ------------ */

.page-vie-ecole{
	
	background: #e68229 url('../images/bg-titre-vie-ecole.jpg') no-repeat left top;
	background-size: cover;
}


.vie-ecole-texte{
	/*height: 500px;
	overflow: hidden;*/
	
}

.vie-ecole-texte h2{
	height: 70px;
}

.vie-ecole-texte img{
	margin-bottom: 20px;
}


section.galerie-vie-ecole h2, section.visite-virtuelle h2{
	font-family: 'Raleway', sans-serif;
	font-size: 30px;
	font-weight: 900;
	margin:45px 0;
	text-align: center;
	text-transform: uppercase;
}

section.galerie-vie-ecole .panel{
	border: none;
	border-radius:0!important;
	background-color: #fff;
	/*border: 2px solid #fff;*/
}


section.galerie-vie-ecole .panel-default > .panel-heading { 
    border:none;
    border-radius: 0;
    color: #fff;
    text-align: left;


}

    
}

section.galerie-vie-ecole .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a{
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

.panel-title > a > span{
	float: right;	
}

.panel-title > a > i{
	float: right;
	margin-left: 10px;	
}



section.galerie-vie-ecole .panel-group .panel:nth-child(even) .panel-heading{
    background-color: #e65a29;
}

section.galerie-vie-ecole .panel-group .panel:nth-child(odd) .panel-heading{
    background-color: #e68229;
}



section.galerie-vie-ecole .panel-group .panel:nth-child(even) .panel-heading:hover {
   background-color: #f8612c;
}

section.galerie-vie-ecole .panel-group .panel:nth-child(odd) .panel-heading:hover {
   background-color: #fe902d;  
}


section.galerie-vie-ecole .panel-body, panel-collapse {
	background-color:#fff!important;
	border: none;
}

section.galerie-vie-ecole .panel-body p{
	text-align: center;
}


section.galerie-vie-ecole .panel-heading .accordion-toggle  i:before  {
     content: "\f0d8";
}

section.galerie-vie-ecole .panel-heading .accordion-toggle.collapsed i:before {
	content: "\f0d7";
}


.galerie-wrap img{
	margin:5px 0;
}


/*.google-tour {
        position: relative;
        width: 100%;
        max-width:1400px;
        margin: 0 auto;
        padding-bottom: 40%; /* aspect ratio*!/
        height: 0;
        overflow: hidden;
}
    
.google-tour iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}*/

.google-tour {
        position: relative;
        max-width:1400px;
        margin: 0 auto;
        padding-bottom: 40%; /* aspect ratio*/
        height: 0;
        overflow: hidden;
}
    
.google-tour iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}



.overlay {
		position: absolute;
		display: block;
		cursor: pointer;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		background:rgba(0, 0, 0, .5);
		z-index:99;
		
}
	
.overlay-texte{	
	 position: absolute;
	 width: 320px;
	 height: 104px;
	 left: 50%;
	 top: 50%;
	 height: ;
	 margin-left: -160px;
	 margin-top: -52px;
}



.overlay-texte h5{	
	 font-weight: 700;
	 font-size: 20px;
	 text-align: center;
	 color: #fff;
}

.overlay-texte i{
	display: block;
	margin-top: 15px;
	 font-weight: 900;
	 font-size: 50px;
	 text-align: center;
	 margin: 15px auto;
	 color: #fff;
	
}


/* ------------ ESPACE-PARENT.PHP ------------ */

.page-parents{
	background: #00a8ab url('../images/bg-titre-parents.jpg') no-repeat left top;
	background-size: cover;
}


/* ------------ ADMISSION.PHP ------------ */
.page-admission{
	background: #00a8ab url('../images/bg-titre-admission.jpg') no-repeat left top;
	background-size: cover;
}



section.link_demande_contact{
	background:#00467a;
	padding: 20px 0 5px;
}

section.link_demande_contact h3{
	font-size: 20px;
	line-height:30px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.section-admis{
	margin-top: 60px;
}


/* ------------ CONTACT.PHP ------------ */

.page-contact{
	background: #00457c url('../images/bg-titre-contact.jpg') no-repeat left top;
	background-size: cover;
}

.ecole-info span{
	display:inline-block;
	padding: 10px 15px;
}

.ecole-info i{
	padding-right: 5px;
	color: #00457c;
}




.overlay2 {
		position: absolute;
		display: block;
		cursor: pointer;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
		background:rgba(0, 0, 0, .5);
		z-index:99;
		
}
	







section.formulaire-contact{
	padding: 45px 0;
	background: url('../images/bg-form.jpg') no-repeat left top;
	background-size: cover;
}


section.formulaire-contact h2{
	text-align: center;
}

section.formulaire-contact p{
	text-align: center;
	padding: 15px;
}

.btn-form{
	text-align: center;
	margin-top: 15px;
}


/*--------FIX ALL APGES--------------*/
.collapsing {
     -webkit-transition: none;
     transition: none;
}

/* ------------- FOOTER.PHP ------------ */


.footer_link_sociaux{
	background-color: #810026;
	text-align: center;
}


.footer_link_sociaux a{
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	padding: 5px;
	margin: 15px 5px;
}

.footer_link_sociaux a:hover{
	background-color: #fff;
}

.footer_link_sociaux a i.fa{
	font-size: 1.2em;
	color: #fff;
	
}

.footer_link_sociaux a:hover i.fa{
	color:#810026;
	
}

section.footer{
	background-color: #464646;
	padding: 30px 0;
}

.ecole_footer_info{
	margin-top: 30px;
}

section.footer a{
	position: relative;
	color: #7e7e7e;
	display: block;
	font-size:16px;
	padding: 10px 0;
	
	
}

section.footer span{
	position: relative;
	color: #7e7e7e;
	display: block;
	font-size:16px;
	padding: 10px 0;	
}

section.footer a.fax-foot{
	pointer-events: none;
	cursor: default;
}

section.footer a:hover{
	color: #fff;	
}

section.footer a:hover p{
	color: #fff;	
}


section.footer  i{
	margin-right: 10px;
	
}

section.footer a p{
	display: inline-block;
	padding-bottom: 0;	
}

section.footer .fa-map-marker{
	vertical-align:top;
}


.menu_footer-wrap{
	text-align: right;
}

.menu_footer-wrap a{
	padding: 6px 0!important;
}

.menu_footer{
	margin-top: 15px;
}

.ecole_copyright{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #7e7e7e;
}

.copyright p{
	text-align:center;
	color: white;
}



/* ------------ KAKTUS-PLUS ------------ */

input.invalid, textarea.invalid {
    border: 2px solid #ad1c2e!important;
    
}

.error {
    display: none;
}      
 
.error_show{
    color: #ad1c2e;
    font-size: 12px;
}


/* ------------ FORMULAIRE ------------ */

.form-group{
	padding-bottom: 25px;
}


input, textarea{
    border: 2px solid #00467a!important;
    width: 100%;
    padding:8px;
    background-color: transparent;
}


/*modal*/
.modal img{
	width: 150px;
	margin: 0 auto 15px;
}

h2#titlemodal{
	color: #00457c;
	font-size: 24px;
}

.modal-body{
	background: url('../images/bg-form.jpg') no-repeat left top;
	background-size: cover;
}

/* ---------------- À EFFACER SI PAS NÉCÉSSAIRE ---------------- */

/* STYLE POUR LE POP UP FORMULAIRE */

.bouton_pop_up {
	text-align: center;
}


/* .pop_up_formulaire .modal_formulaire à changer si on change les class dans le html */
.pop_up_formulaire .modal_formulaire .pop_up_modal .modal-header {
	background-color: #009a80;
}

.pop_up_formulaire .modal_formulaire .pop_up_modal .modal-header h2{
	background-color: transparent;
	margin-top: 0;
  	margin-bottom: 0;
	color: #fff;
}

.pop_up_formulaire .modal_formulaire .close {
	opacity: 1;
}

.pop_up_formulaire .modal_formulaire .modal-content {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.pop_up_formulaire .modal_formulaire .modal-header .close span {
	color: #fff;
}

.pop_up_formulaire .modal_formulaire .modal-body {
	background-color: rgba(87,87,87,0.1);
}

.pop_up_formulaire .modal_formulaire .modal-body form {
	background-color: transparent;
}


/* STYLE POUR LE POP UP INFOLETTRE */

.bouton_pop_up {
	text-align: center;
}


/* STYLE POUR LE PLUGIN BOOTSTRAP SELECT */


/* STYLE POUR LE PLUGIN DATEPICKER */


/* STYLE POUR LE PLUGIN OWL CAROUSEL */


/* STYLE POUR LE PLUGIN COLORBOX */


/* STYLE POUR LE CAROUSEL DE BOOTSTRAP */

/* STYLE POUR LE CAROUSSEL */