/*lg*/
@media (min-width:1200px){ 

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

	/* ----------- INDEX.PHP ----------- */
	
	/* --------- PAGE-NAME.PHP --------- */
	
	/* ---------- CONTACT.PHP ---------- */
		
	/* ---------- FOOTER.PHP ----------- */

}


/*md*/

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

	/* ---------- NAVBAR.PHP ----------- */
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited  {	
		padding: 25px 25px;
		
	}

	/* ----------- INDEX.PHP ----------- */
	
	/* --------- PAGE-NAME.PHP --------- */
	
	/* ---------- CONTACT.PHP ---------- */
	
		
	/* ---------- FOOTER.PHP ----------- */

}

@media (max-width: 1200px) { 

	/* ---------- CONTACT.PHP ---------- */
	.ecole-info{
		text-align: center;
	}
	
	.ecole-info span{
		display: block;
		padding: 10px 0;
	}
		
}



/*exemple querie between sm et md pour ajustement*/
@media (min-width:992px) and (max-width:1024px) { 

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

	/* ----------- INDEX.PHP ----------- */
	
	/* --------- PAGE-NAME.PHP --------- */
	
	/* ---------- CONTACT.PHP ---------- */
		
	/* ---------- FOOTER.PHP ----------- */

}


/*sm*/
@media (max-width: 992px) {

	/* ---------- NAVBAR.PHP ----------- */
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited  {
		font-size: 12px;	
		padding: 25px 15px;
		
	}
	
	/* ---------- CAROUSSEL ----------- */
	.slide-img-fix{
		position: absolute;
		right: 30px;
		top:20%;
		z-index:20;
	}
	
	/* ----------- INDEX.PHP ----------- */
	section.contenu h2, section.contenu p{
		text-align: center;
	}
	
	.link_demande_admission  a{
		float:right ;
	}
	
	.nav-tabs>li>a {
	    padding: 15px 40px;
	
	}
	
	/* --------- VIE-ECOLE.PHP --------- */
	.vie-ecole-texte{
		height: auto;
		margin: 15px 0;	
	}
	
	
	/* --------- ESPACE-PARENTS.PHP --------- */
	.espace-parents-content .row{
		text-align: center;
	}
	
	.hvr-grow3{
		margin: 0 auto!important;
	}
	
	/* --------- ADMISSION.PHP --------- */
	.admission-contenu .row{
		text-align: center;
	}
	
	.hvr-grow4{
		margin: 5px auto!important;
	}
	
	.link_demande_contact a{
		float:right ;
	}
	
	
	
	/* ---------- CONTACT.PHP ---------- */
	.ecole-info{
		text-align: center;
	}
		
	/* ---------- FOOTER.PHP ----------- */
	
}


@media (min-width: 768px) {
  ul.nav li.dropdown-submenu:hover > ul.dropdown-menu {
    display: block;
  }
}


/*menu collapse*/
/*xs*/

@media (max-width: 767px) { 

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

	section.menu{
		height: 165px;
		-webkit-box-shadow: none;
		-moz-box-shadow:    none;
		box-shadow:         none;	
	}
		
	section.menu .container, section.menu .container .row:nth-child(1)>.col-xs-12 {
		/*width: 100%!important;*/
		padding:0;
	}
	
	section.menu .container .row:nth-child(1)>.col-xs-12 {
		padding:0;
	}
	
	.menu_link_sociaux{
		display: none;
		/*background-color:#00467a;
		background-image: none;
		height:40px;
		text-align: center;*/
	}
	
	.menu_link_sociaux a{
		margin: 5px;
	}
	
	.menu_link_other {
		padding: 5px 15px;
		border-top: 2px solid #00457c;
		text-align:left;
		background-color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;	
	}
	
	.menu_link_other a{
		font-size: 12px; 
		margin: 0 5px;	
		display: inline-block;
	}
	
	
	/*.menu_link_other {
		position: absolute;
		top: -140px;
		width: 100%;
		text-align:left;
		z-index:800;
	}*/
	

	
	.menu_link_other a {
		
		font-size: 12px;
		
	}
	
	.menu_link_other i.fa-paypal{
		margin-left: 3px;
		font-size: 14px;
		margin-right:5px;
	}
	
	.menu_link_other a img {
		width: 16px;
		height:16px;
		margin-right:5px;
	}
	
	/*.menu_link_other a:nth-child(1) {
		position: absolute;
		top: 0;
		left: 15px;
		margin: 0;
	}
	
	.menu_link_other a:nth-child(2) {
		position: absolute;
		top: 0;
		right: 15px;
		margin: 0;
	}*/
	
	.navbar-nav {
	    margin: 0;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	   border-color: none;
	}
	
	.navbar .navbar-nav {
	    display: block;
	    
	}
	
	
	.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited  {
		display:block;
		width: 100%;
		font-size: 16px;	
		padding: 15px ;
		text-align: center;
		
	}
	
	.navbar .navbar-collapse {
	  	text-align: center;
	  	padding: 0;
	  	background-color: transparent;
	  	border:none none;
	  	/*-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.55);
	  	-moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.55);
	  	box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.55);*/
	  		-webkit-box-shadow: none;
	  		-moz-box-shadow:    none;
	  		box-shadow:        none;
	 	-webkit-transition: none!important;
	  	-moz-transition: none!important;
	  	-o-transition: none!important;
	  	transition: none!important;
	  	/*-webkit-transition: all 0s ease;
	  		-moz-transition: all 0s ease;
	  		-o-transition: all 0s ease;
	  		transition: all 0s ease;*/
	}
	
	.navbar-nav .open .dropdown-menu>li>a {
	    line-height: 30px;
	}
	

	
	.navbar-default {
	   top: -135px; 
	}
	
	.nav>li {
	    background-color: #fff;
	}
	
	
	.navbar-nav .open .dropdown-menu {
	    position: relative;
	    background: #fff;
	    float: none;
	    width: 100%;
	    text-align: center;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	
	/* ---------- CAROUSSEL ----------- */
	section.index_carousel {
	    margin-top: 165px;
	}
	
	.slide-img-fix{
		right: 15px;
		top:10%;
		
	}
	
	/*----------COMMUN--------------*/
	.titre-page h1{
		text-align: center;
		font-size: 28px;
	}

	/* ----------- INDEX.PHP ----------- */
	
	.link_demande_admission  h3{
		text-align: center;
		padding-bottom: 5px;
	}
	
	.btn_demande_admission{
		text-align: center;
		margin-bottom:15px;
	}
	
	.link_demande_admission  a{
		float: none;
	}
	
	section.nouvelles{
		background-image: none;
		background-color: #00467a;
		min-height: 600px;
		
	}
	
	.panel, .panel-collapse,  .panel-body{
	  -webkit-transition: all 0s ease;
	  -moz-transition: all 0s ease;
	  -o-transition: all 0s ease;
	  transition: all 0s ease;
	}
	
	.panel-body{
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		transition: all 0s ease;
	}
	
	.nav-tabs>li>a {
		-webkit-transition: all 0s ease;
		-moz-transition: all 0s ease;
		-o-transition: all 0s ease;
		transition: all 0s ease;

	}
	
	.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
	    -webkit-transition: all 0s ease;
	    -moz-transition: all 0s ease;
	    -o-transition: all 0s ease;
	    transition: all 0s ease;
	}
	
	.tabs_carousel .carousel-caption h3{
		margin-top: 15px;
	}
	
	.tabs_carousel .carousel-control.left {
		top: 0;	  
	}
	
		
	.tabs_carousel .carousel-control.right{
		top: 0;
	}
	
	.partenaire_logo_wrap{
		text-align: center;
		margin-bottom:30px;
	}
	
	.partenaire_logo_wrap h3{
		text-align: center;
	}
	
	.emphase-don{
		text-align: center;
	}
	

	
	/* --------- VIE-ECOLE.PHP --------- */
	section.galerie-vie-ecole .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a{
		font-size: 18px;
	}
	
	.panel-title > a > span {
			float: none;
			display:block;
			font-size: 16px;
			font-weight: normal;
	}
	
	.panel-title > a > i {
			line-height: 40px;
	}
	
	.galerie-wrap{
		display: none;
	}
	
	.galerie-caroussel{
		display: block;
		padding: 0 30px;
	}
	
	
	.galerie-caroussel .carousel-control {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    width: 15%;
	    font-size: 30px;
	    color: #e68229;
	    text-align: center;
	    text-shadow: none;
	    filter: alpha(opacity=80);
	    opacity: .80;
	}
	
	.galerie-caroussel .carousel-control:hover i {
	    color: #464646;
	 
	}
	
	.galerie-caroussel .carousel-control i{
		position: absolute;
	    top: 50%;
	    
	}
	
	.galerie-caroussel .left {
	    left: -40px;    
	}
	
	.galerie-caroussel .left i{
	    left: 12px;    
	}
	
	
	.galerie-caroussel .right {
	    right: -40px;
	   
	}
	
	.galerie-caroussel .right i{
	    right: 12px;
	   
	}
	
	/*------------ADMISSION.PHP-------------*/
	section.link_demande_contact h3 {
	   text-align: center;
	}
	

	.link_demande_contact a{
		float:none ;
	}
	
	/* ---------- CONTACT.PHP ---------- */
	
	
	/* ---------- FOOTER.PHP ----------- */
	
	
	.ecole_footer_info{
		text-align: center;
	}
	
	section.footer img{
		display: block;
		text-align: center;
		margin: 0 auto;
	}
	
	.menu_footer-wrap{
		margin-top: 30px;
		text-align: center;
	}

} 

@media (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  /* CSS that only applies to viewports 
  of similar size to the ipad and 
   with double pixel density goes here*/
}


@media (min-width: 768px) and (max-width:1024px) {
  /* CSS that only applies to viewports 
  of similar size to the ipad goes here*/
}



@media (max-width: 600px) {

	/* --------- VIE-ECOLE.PHP --------- */
	.google-tour {
	        padding-bottom: 75%; /* aspect ratio*/
	   
	}
	.overlay {
			height: 100% !important;
			z-index:99;
			
	}

}




@media (max-width: 465px) {

	.menu_link_other a img {
	    width: 18px;
	    height: 18px;
	    margin-right: 5px;
	}
	
	.menu_link_other a  {
	    font-size: 18px;
	}
	
	.menu_link_other .hidden-xxs {
		display: none;
	}
	

}


/*xxs device*/
/*la valeur du breakpoint peut être changer*/ 
/*Il faut changer pour la même valeur dans bootstrap-grid-col-xxs.css line = 14*/
@media (max-width: 450px) {
	
	.hidden-xxs{
		display: none;
	}
	
	
	/* ---------- NAVBAR.PHP ----------- */
	section.menu{
		height: 150px;	
	}
	
	.menu .logo {
		margin: 0 ;
	}
	

	
	section.menu .container, section.menu .container .row:nth-child(1)>.col-xxs-12 {
		width: inherit!important;
		padding:0;
	}
	

	
	/* ---------- CAROUSSEL ----------- */
	section.index_carousel {
	    margin-top: 150px;
	}
	
	
	/* ----------- INDEX.PHP ----------- */
	

	
	
	/* ---------- CONTACT.PHP ---------- */
		
	/* ---------- FOOTER.PHP ----------- */
	.footer_link_sociaux a{
		    height: 45px;
		    width: 45px;
		    margin: 10px 20px;
		    padding: 10px;
		    text-align: center;
		   
	}
	
	section.footer a {
	    font-size: 18px;
	    padding: 15px 0;
	   
	}
	
	section.footer p {
	    font-size: 18px;
	    
	}

}



/*xxxs device : tweak*/

@media (max-width: 350px) {
	
	/* ---------- NAVBAR.PHP ----------- */
	section.menu{
		height: 140px;	
	}
	
	.hidden-xxs{
		display: none;
	}
	
	.menu_link_other a{
		margin-left: 40px;
	}
	
	
	/* ---------- CAROUSSEL ----------- */
	section.index_carousel {
	    margin-top: 140px;
	}
	
	
	/* ----------- INDEX.PHP ----------- */
	
	/* --------- PAGE-NAME.PHP --------- */
	
	/* ---------- CONTACT.PHP ---------- */
		
	/* ---------- FOOTER.PHP ----------- */

}