@charset "UTF-8";
/* CSS MEDIA QUERIES */
@media screen and (max-width: 1530px) {
	
	#presentation .wrap h1{font-size:3.5em;}
	#presentation .wrap a{font-size:2em; height:70px; line-height:70px;}
	#section-duo .left a.link{margin-left:10px; padding:0 40px 0 10px;}
	#section-duo .left a.link:hover{padding:0 25px;}
	#responsive-duo .left a.link{margin-left:10px; padding:0 40px 0 10px;}
	#responsive-duo .left a.link:hover{padding:0 25px;}
	#videos .vidbox iframe{height:230px;}
	
}

@media screen and (max-width: 1450px) {
	#section-duo .left a.link{margin-left:0px; margin-bottom:25px;}
	#responsive-duo .left a.link{margin-left:0px; margin-bottom:25px;}
	#social .right a{margin-left:10px; width:75px; height:75px;}
}

@media screen and (max-width: 1220px) {
	
	#presentation{background-position:150% top;}
	#section-duo .left h2{margin-bottom:5px;}
	#section-duo .right h2{margin-bottom:5px;}
	#section-duo .left a.link{margin-left:0px; margin-bottom:25px;}
	#responsive-duo .left h2{margin-bottom:5px;}
	#responsive-duo .left a.link{margin-left:0px; margin-bottom:25px;}
	#videos .vidbox iframe{height:185px;}
	#entraineurs div a{width:230px;}
	#social .right a{width:50px;}
	
}

@media screen and (max-width: 1050px) {
	
	.center-elements img{width:500px;}
	.center-elements h1{font-size:3em;}
	.center-elements h2{font-size:2em;}
	.entraineur-container h2{font-size:2.2em;}
	#entraineurs div a span h3{margin-top:170px; font-size:1.6em;}
	#entraineurs div a span b{font-size:1.3em;}
	#presentation{background-position:150% top;}
	#presentation .wrap{padding-left:3%;}
	#presentation .wrap::after{right:-250px; width:250px;}
	#presentation .wrap h1{margin-bottom:25px;}
	#presentation .wrap p{font-size:1.2em; margin-bottom:25px;}
	#section-duo .left, #section-duo .right{padding:60px 20px;}
	#responsive-duo .left, #responsive-duo .right{padding:20px 0;}
	#videos{padding:60px 20px;}
	#videos h2{font-size:3.5em; margin-bottom:30px;}
	#videos .vidbox{width:31%;}
	#videos .vidbox iframe{height:160px;}
	#videos .vidbox h4{font-size:1.4em;}
	#social{width:94%; padding:0 3% 60px;}
	#social .left h3{font-size:1.6em;}
	#social .left input[type="text"]{width:270px; height:50px; line-height:50px;}
	#social .left input[type="submit"]{width:50px; height:50px; top:5px;}
	footer{width:94%; padding:60px 3%;}
	footer .left b, footer .right b{font-size:1.4em;}
	footer .left a, footer .right span{font-size:1.2em;}
	#title-bar h1{font-size:2.5em;}
	
	.alerte-communique{font-size:1.2em;}

	header .top-bar .top-right #promo{display:none;}
	.top-bar-pages .top-right #promo{display:none;}
}

@media screen and (max-width: 940px) {
	#presentation{display:block;}
	#presentation .left{display:block;}
	#presentation .right{display:block; width:100%; height:400px;}
	
	#inscription.content-page{padding: 10px 2%;}
	#presentation .left.inscription-form{padding: 10px 5%;}
	#presentation .payment-method .right{height:auto;}
	
	.ap-col{width:98%;}
	.content-page .cadre{width:94%;}
	.promo-page{width:96%; margin:0 2%;}
	.entbox{width:98%; margin:0 1% 30px;}
	.col50{width:100%; margin:0;}
	.form input[type="text"], .form textarea{width:85%; margin:0 0 20px; padding:0 5%;}
	
	.contact-box .left{width:100%; margin-bottom:30px;}
	.contact-box .right{width:100%;}
	
	header .top-bar .btn-acces, header .top-bar .top-right #promo, header .top-bar .top-right #horaire, header .top-bar .top-right #lang{font-size:1.2em; padding:0 15px;}
	header .top-bar .top-right #icone-menu{width:50px;}
	
	.top-bar-pages .btn-acces, .top-bar-pages .top-right #promo, .top-bar-pages .top-right #horaire, .top-bar-pages .top-right #lang{font-size:1.2em; padding:0 15px;}
	.top-bar-pages .top-right #icone-menu{width:50px;}
}

@media screen and (max-width: 680px) {
	
	#home-kin .img-background {
    	min-height: 250px;
    }
    #home-kin #kin-reservation {
	    padding: 1em;
	}
	
    #home-welcome #welcome {
	    padding: 1em;
	}
		
	#home-welcome #welcome-row{
	    display: flex;
		flex-direction: column;
	}
	#home-welcome #welcome-row #welcome{
	    order: 2;
	}
	#home-welcome #welcome-row img{
	    max-height: 300px;
	    object-fit: cover;
	    width: 100%;
	}
	
    #home-app #welcome {
	    padding: 1em;
	}
		
	#home-app #welcome-row{
	    display: flex;
		flex-direction: column;
	}
	#home-app #welcome-row #welcome{
	    order: 2;
	}
	#home-app #welcome-row img{
	    max-height: 300px;
	    object-fit: contain;
	    width: 100%;
	}
	#home-app h2, #home-kin h2, #home-welcome h2{
		font-size: 2em;
	}
	
	#video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.bg3{background:url(../img/bg/mob3.jpg) no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	.bg1, .bg2, .bg3{display:block;}
	
	#promotions div a{width:400px; height:172px;}
	.entraineur-container h2{font-size:1.8em;}
	#presentation{background-position:top right;}
	#presentation .wrap::after{width:0;}
	#presentation .wrap{padding-right:3%; width:94%; padding-top:0;}
	#section-duo{display:block;}
	#section-duo .left, #section-duo .right{width:94%; padding:40px 3%; display:block; text-align:center;}
	#section-duo .right h2{display:block; float:none;}
	#section-duo .left a.link{float:none;}
	#responsive-duo{display:block;}
	#responsive-duo .left, #responsive-duo .right{width:94%; display:block; text-align:center; height: auto;}
	#responsive-duo .left h2{display:block; float:none;}
	#responsive-duo .left a.link{float:none;}
	#videos{text-align:center;}
	#videos .vidbox{margin-right:0; margin-bottom:30px; width:100%;}
	#videos .vidbox iframe{height:300px;}
	#social{display:block;}
	#social .left{display:block; text-align:center; margin-bottom:30px;}
	#social .right{display:block; text-align:center;}
	#social .right a{width:auto; margin:0 5px;}
	footer{display:block; padding:30px 3%;}
	footer .left{display:block; text-align:center; margin-bottom:30px;}
	footer .right{display:block; text-align:center;}
	
	.logo-mobile{display:block;}
	
	#title-bar{height:auto;}
	#title-bar h1{float:none; height:auto; line-height:normal; display:block; padding:40px 0; font-size:2em; text-align:center;}
	#title-bar .social-top{float:none; text-align:center; margin:0; padding-bottom:40px;}
	.content-page p{font-size:1.2em;}
	
	.cg1, .cg2{width:100%; margin-right:0; margin-bottom:20px;}
	ul.services{columns: 1; -webkit-columns: 1; -moz-columns: 1;}
}

@media screen and (max-width: 600px) {
	
	header .top-bar{height:40px; padding:15px 2%; text-align:center;top: 0;}
	header .top-bar .tllogo{display:none;}
	header .top-bar .top-right{text-align:center; float:right; display:inline-block;}
	header .top-bar .top-right #horaire, header .top-bar .btn-acces, header .top-bar .top-right #lang{height:40px; line-height:40px; font-size:1.2em; padding:0 10px !important; margin-left:10px;}
	header .top-bar .top-right #phone{margin-left:0 !important;}
	header .top-bar .top-right #icone-menu{width:40px; height:40px; margin-left:10px;}
	
	.top-bar-pages{height:40px; padding:15px 2%; text-align:center;}
	.top-bar-pages .top-right{text-align:center; float:right; display:inline-block;}
	.top-bar-pages .top-right #horaire, .top-bar-pages .btn-acces, .top-bar-pages .top-right #lang{height:40px; line-height:40px; font-size:1.2em; padding:0 10px !important; margin-left:10px;}
	.top-bar-pages .top-right #phone{margin-left:0 !important;}
	.top-bar-pages .top-right #icone-menu{width:40px; height:40px; margin-left:10px;}
	
	.center-elements img{width:85%;}
	.center-elements img{margin-bottom:30px;}
	.center-elements h1{padding:0 3%; font-size:2em; margin-bottom:30px;}
	.center-elements h2{padding:0 3%; font-size:1.4em;}
	.center-elements a{height:40px; line-height:40px;}
	#promotions{padding-bottom:60px;}
	#promotions div a{width:320px; height:130px;}
	#prevArrow{top:86%; background-image:url(../img/carre-fleche-gauche-on.png);}
	#nextArrow{top:86%; background-image:url(../img/carre-fleche-droite-on.png);}
	.entraineur-container{padding:0 12% 65px;}
	#prevArrowEnt{left:0;}
	#nextArrowEnt{right:0;}
	.entraineur-container h2{line-height:normal; height:auto; padding:20px 0;}
	#entraineurs div a{width:228px;}
	#presentation .left h1{font-size:3.5em;}
	#presentation .left a{font-size:1.4em;}
	#social .left h3{font-size:1.6em; line-height:1.4em;}
	#social .left input[type="text"]{width:190px;}
	#social .left input[type="submit"]{top:5px;}
	#social .right a{width:50px;}
	
	/* Popup */
	.pop-up-box{width:80%;margin-top: 30px;}
	.pop-up-form{padding:10px;}
	.pop-up-form input[type="text"]{width:75%;}
	
}

@media screen and (max-width: 450px) {
	header .top-bar .top-right #horaire{display:none;}
	.top-bar-pages .top-right #horaire{display:none;}
}

@media screen and (max-height: 740px) {
	/* nav > ul{margin-top: 70px;} */
	nav .symbole-menu{display:none;}
}

@media screen and (max-height: 620px) {
	nav{padding:10px 25px;}
	nav #close-menu{top:20px;}
	/* nav > ul > li > a:hover{border-bottom:5px solid #C1E70F;} */
	.center-elements img{width:300px; margin-bottom:30px;}
	.center-elements h1{font-size:2em; margin-bottom:30px;}
	.center-elements h2{font-size:1.4em;}
	.center-elements a{height:40px; line-height:40px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.bg1{
		background: url(../img/bg/1.jpg) no-repeat center center scroll;
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.bg2{
		background: url(../img/bg/2.jpg) no-repeat center center scroll;
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.bg3{
		background: url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#presentation{background-position: 150% top;}	
}


/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.bg1{
		background: url(../img/bg/1.jpg) no-repeat center center scroll;
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.bg2{
		background: url(../img/bg/2.jpg) no-repeat center center scroll;
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.bg3{
		background: url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;
	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	#videos .vidbox{width:31%;}
	#social .left h3{font-size:1.6em;}
	#social .left input[type="text"]{width:270px; height:40px; line-height:40px;}
	#social .left input[type="submit"]{width:40px; height:40px; line-height:40px;}
	
	#title-bar{height:auto;}
	#title-bar h1{float:none; height:auto; line-height:normal; display:block; padding:40px 0; font-size:2em; text-align:center;}
	#title-bar .social-top{float:none; text-align:center; margin:0; padding-bottom:40px;}
	.content-page p{font-size:1.2em;}

}

@media only screen and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2){
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}
	  
}
  
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 3){
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}
	  
}

/* cell (landscape) ----------- */

/* ----------- iPhone 4 and 4S ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/bg/img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}  
	  

}

/* ----------- iPhone 5 and 5S ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}
	  

}

/* ----------- iPhone 6 ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  
  
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/bg/img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}

}

/* ----------- iPhone 6+ ----------- */

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  
  
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}

}

/* ----------- Galaxy S3 ----------- */

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
	  
	 
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;} 

}

/* ----------- Galaxy S4 ----------- */

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
	  
	  
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}

}

/* ----------- Galaxy S5 ----------- */

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
	  
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}
	  

}

/* ----------- HTC One ----------- */

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
	  
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}
	  

}

/* iPhone 6 landscape */
@media only screen and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2){
	  
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}
			
}
	
/* iPhone 6 Plus landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 3){
	
	  
	  #video-container{display:none;}
	.bg1{background:url(../img/bg/mob1.jpg) no-repeat center center scroll;}
	.bg2{background:url(../img/bg/mob2.jpg) no-repeat center center scroll;}
	.bg3{background:url(../img/accueil-service-maxiclub.jpg) no-repeat center center scroll;}
	.bg1, .bg2, .bg3{display:block;}
			
}