/*---------------------------------------- */
/* VERSION MOBILE */
/*---------------------------------------- */
	
@media screen and (max-width:479px){
	
	html,body{overflow-x:hidden}
	#cookiePopup p.h1{font-size:15pt}
	#header .logo{transform:translateY(-10px)}
	#header .header-sticky .logo{transform:translateY(-2px)}
	#home #consultation{margin:40px 0 55px}
	#home #rates{padding-top:30px}
	#home #section2 h2{font-size:26px}
	#home #section6 .info_ p:nth-child(2) img{display:none}
	#home .caption h1 span:last-child{font-size:18px}
	#home .caption .texte div{border-radius:0;border-top-left-radius:50px;border-top-right-radius:50px}
	#home .caption .texte div p{font-size:16px}
	#home .caption .texte div p br{display:none}
	#newsletter p:first-child{line-height:30px}
	
	.mobile{display:inline}

}

@media screen and (max-width:600px){

	.d-flexCB{display:block}

	/* HEADER */
	#menu_mob{display:block}
	#menu_mob img{display:block;width:52px;transform:translate(10px,-25px)}
	#header .header-sticky #menu_mob img{transform:translate(10px,-1px)}
	#header .wrapper{height:100px;margin-top:-1px;display:flex;align-items:center}
	#banner .caption hr.line{margin:auto}
	#header .logo img{width:180px;transform:translateX(-22px)}
	#header .head.header-sticky .logo img{width:140px;height:auto;transform:translate(-18px, 5px)}
	#header nav{display:none}
	#header nav ul{display:block}
	#header nav{display:block;position:fixed;left:-100%;top:0;bottom:0;width:82%;height:100%;overflow:auto;background-color:#fff;z-index:9;transition:700ms cubic-bezier(0.17, 0.67, 0, 1.01)}
	#header nav.open{left:0;margin-top:0;display:block!important;}
	#header nav.open ul{display:block;padding:0 5px 30px}
	#header nav.open a{font-size:19px;color:#253778;display:block;padding:20px}
	#header nav.open a:after{bottom:10px;left:20px}
	#header .logoMob img{width:200px;display:block;transform:translateX(-4px);}

	/* HOMEPAGE */
	#home .banner{height:auto;min-height:750px;padding-bottom:50px}
	#home .caption{margin-top:120px}
	#home .caption .title{margin-top:0;margin-bottom:30px}
	#home .caption h1{font-size:40px}
	#home .caption h1 span:first-child{margin-bottom:10px}
	#home .caption .texte{max-width:100%}
	#home .caption .texte div{padding:45px 15px 35px}
	#home .caption .texte div span{font-size:35px;display:block;width:200px;margin:auto;line-height:40px}
	#home .caption .texte div .date{font-size:22px;margin-bottom:10px}
	#home #cours{padding-top:40px;padding-bottom:0;background-position:-140px -78px;background-size:unset;}
	#home #cours h2.title__{line-height:32px;font-size:26px;margin-bottom:35px;max-width:100%}
	#home .photo_texte{display:block;margin-top:20px}
	#home .photo_texte h2,#home .photo_texte h3{font-size:26px;line-height:38px;padding-bottom:0;max-width:100%}
	#home .photo_texte p{margin:20px 0}
	#home .photo_texte .photo{width:550px;margin:auto}
	#home .photo_texte .photo img{width:100%;display:block;margin:30px auto 0}
	#home .photo_texte.even{padding-top:25px}
	#home .photo_texte.even .photo img{transform:translateX(0);margin:30px auto}
	#home .programme_ div{text-align:center;margin-bottom:0}
	#home .programme_ div:nth-child(2){margin:50px 0}
	#home .programme_ p{font-size:20px}
	#home .programme_ div span{padding-top:15px}
	#home .programme_ div em{padding-bottom:15px}
	#home #section2{padding:40px 0;margin-top:0;margin-bottom:22px;background:#253778}
	#home #qui-suis-je{padding-top:80px}
	#home #qui-suis-je::before{top:80px}
	#home #qui-suis-je .photo_texte .texte img{margin:20px auto}
	#actu .item_blog{max-width:100%;margin-bottom:100px}
	#actu .title{margin-bottom:30px}
	#actu .cta_{margin:20px auto 0}
	#actu{padding:100px 0 0}
	#actu .title{margin-bottom:30px;font-size:34px}
	#contact{margin-bottom:40px;padding-top:100px}
	#contact .title__{font-size:26px;margin-bottom:30px;line-height:42px}
	#contact .formulaire{max-width:100%;margin-top:42px}
	#contact .photo{max-width:100%}
	#contact .fiftyL, #contact .fiftyR{float:inherit!important;width:100%!important;max-width:100%}
	#home #section6{padding:165px 0 65px;margin-top:-50px;}
	#home #section6 .info_ p:nth-child(2){margin:10px 0 20px;column-gap:20px;justify-content:center}
	#home #section6 .info_ a{font-size:20px}
	#home #section6 .info_ a img{width:34px}
	#home #section6 .info_ .whatsapp_Fr::before{width:22px;height:22px;margin-right:8px;background-size:contain}
	#newsletter{padding:0 20px;}
	#newsletter p:last-child{width:100%}
	#newsletter p:first-child #mail{width:100%;margin-left:0;}
	#newsletter button{transform:translate(-3px, -27px);float:right;}
	#footer_bottom{padding:45px 0 30px}
	#footer_bottom p{text-align:center}
	#footer_bottom a, #cookiego{display:block;text-align:center;margin:10px 0}

}

@media (max-width:767px){
	
	#comming-soon h1{margin-bottom:30px;font-size:30px}
	#compteur div{font-size:16px;line-height:34px;margin:0 10px}
	#compteur span{font-size:42px}
}

@media screen and (max-width:320px){
	
	#home #consultation a{font-size:12px}
	#home #section6 .info_ a{font-size:18px}

}

/*------------------------------------------------ */
/*     SMARTPHONE PAYSAGE & TABLET PORTRAIT      */
/*------------------------------------------------ */
@media screen and (min-width:601px) and (max-width:854px){
	
	body{width:854px}
	#contact .fiftyL,#contact .fiftyR{float:inherit!important;width:100%!important;max-width:100%}
	#footer_bottom p{width:500px}
	#header nav ul{gap:20px}
	#header .logo img{width:225px}
	#home #cours{padding-bottom:80px;}
	#home #consultation a{padding:13px 15px;font-size:14px;}
	#home .photo_texte .texte{width:400px}
	#home #section6{padding:180px 0 60px!important;}

	
	.notablet{display:none}
	
}


/*------------------------------------------------ */
/*                TABLETTE PAYSAGE                 */
/*------------------------------------------------ */
@media (max-width:1024px){
	
	.wrapper{padding:0 20px;width:100%}
	#comming-soon .logo_{margin:0 auto 15px}
	#compteur{margin:30px 0 45px}
	#comming-soon .btn_{padding:0 22px;margin-top:35px}
	
}

@media screen and (min-width:855px) and (max-width:1024px){
	
	body{width:1024px}
	#home #section6{padding:200px 0 55px!important}

}

@media screen and (min-width:601px) and (max-width:1024px){
	
	#home .caption{column-gap:0}
	#home .caption .title{width:100%}
	#home .caption h1{font-size:48px}
	#home #cours h2.title__{margin-bottom:55px}
	#home .photo_texte.even .photo img{transform:translateX(60px)}
	#home #section2{padding:180px 0;margin-top:-90px}
	#home #cours{padding-top:140px}
	#actu{padding:100px 0 20px}
	#actu .title{margin-bottom:30px}
	#contact .title__{margin-bottom:0}
	#actu .item_blog{max-width:30%}
	#contact .d-flexCB{gap:30px;align-items:normal;margin-top:30px}
	#contact .formulaire{max-width:100%;width:60%}
	#home #section6 .info_ p:nth-child(2){margin:15px 0 25px}

}



/*---------------------------------------- */
/* GRAND DESKTOP */
/*---------------------------------------- */
@media (min-width:1440px){
	
	#home .banner{height:100vh}
	
}

@media (min-width:1850px){
	
	#home #section2{margin-top:-95px}
	#home .programme_{padding:0 20px}
	
}