/*
 *  #fd00fb   : rose
 *	#00ff4d   : vert
 */

/*Mise à zéro*/
*{margin:0px;padding:0px;border-collapse:collapse;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
input:focus, textarea:focus{outline:0;}
table{border-collapse:collapse;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #252525 inset;-webkit-text-fill-color:white !important;}
.transition{transition:all 0.3s;}

/*BODY*/
body, input, textarea, iframe{font-size:18px;font-family:'Fira Sans', 'Helvetica-Neue', Helvetica, Arial, Sans-Serif;text-align:left;color:#212121;letter-spacing:0px;}
body a{color:#fd00fb;text-decoration:none;}
body a:hover{color:#212121;text-decoration:none;}
body{color:#212121;position:relative;background-color:#fefefe;}

#top{background:url('../img/back/accueil25.jpg') center 10%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;text-align:center;padding:30px;width:100%;overflow:hidden;color:#e1e1e1;}
.big_top{min-height:100vh;}
.big_top #top_phrase{margin-top:35vh;}
#top_message{margin-left:100%;max-width:700px;min-width:100%;}
#top a{color:#e1e1e1;}
#top .button{color:#212121;}

h1{font-family:'Bebas Neue';font-size:50px;}
h2{font-family:'Bebas Neue';font-size:30px;}
h3{font-family:'Bebas Neue';font-size:20px;}
h6{font-family:'Bebas Neue';font-size:30px;float:left;margin-right:50px;margin-bottom:50px;margin-top:50px;width:200px;text-align:center;}

#menu{padding:30px;text-align:center;font-family:'Bebas Neue', 'cursive';padding-top:20px;padding-bottom:10px;top:0;position:fixed;left:0;width:100%;background-color:rgba(0,0,0,0.5);height:80px;z-index:1000;}
#menu_left{float:left;margin-top:-20px;}
#menu_center{display:none;font-size:30px;margin-top:3px;}
#menu_right{float:right;margin-top:7px;}

#menu_mini{position:absolute;top:0;left:0;width:100%;min-height:100vh;height:100%;background-color:rgba(0,0,0,0.5);display:none;z-index:1001;}
#menu_toogle{display:inline-block;width:60px;background-color:#fd00fb;padding:10px;text-align:center;font-family:'Bebas Neue';cursor:pointer;color:#212121;}

#top_phrase{font-size:80px;font-family:'Bebas Neue', 'cursive';text-shadow: #212121 1px 1px;}
#top_description{display:inline-block;max-width:600px;font-size:24px;text-shadow: #212121 1px 1px;}

.button{border-radius:8px;padding:10px;cursor:pointer;background-color:#00ff4d;display:inline-block;box-shadow:3px 3px 1px #555;transition: all 0.2s;}
.button:hover{border-radius:8px;background-color:#00ff4d;box-shadow:1px 1px 1px #555;background-color:#fd00fb;}


.rose{color:#fd00fb;}
.vert{color:#00ff4d;}

.icon1{display:inline-block;background-color:white;border-radius:3px;font-family:'Bebas Neue', 'cursive';font-size:30px;padding:15px;padding-left:30px;padding-right:30px;vertical-align:bottom;}
.icon1:hover{background-color:#eee;}

.iconp{display:inline-block;font-family:'Bebas Neue', 'cursive';font-size:30px;vertical-align:middle;margin-left:50px;margin-right:50px;}
.iconp:hover{color:#fd00fb;}
.iconp p{background-color:white;border-radius:3px;padding:15px;padding-left:30px;padding-right:30px;}

#choices{margin:auto;padding:50px;text-align:center;background-color:#f1f1f1;background:url('../img/back2.jpg') center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.tiles_out{padding:50px;text-align:center;}
.tiles{width:100%;max-width:1000px;margin:auto;}
.tile{width:200px;height:200px;background-position:center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;color:white;font-size:20px;margin-right:5px;margin-bottom:10px;display:inline-block;vertical-align:top;transition: box-shadow 0.1s, transform 0.1s;}
.tile_in{width:100%;height:100%;/* background-color:rgba(0,0,0,0.5); */position: relative;text-align:center;color:#212121;}
.tile:hover .tile_in{/* background-color:rgba(0,255,77,0.5); */box-shadow: 0px 0px 30px rgba(0,0,0, 0.6);}
.tile_in p{position: absolute;bottom: -60px;left: 0;right: 0;margin-top: -9px;padding:10px;}

.tiles_out2{padding:30px;text-align:left;background-color:#fff;max-width:calc(100% - 20px);width:400px;margin-top:0px;margin-left:0px;-moz-box-shadow: 4px 0 7px #666;-webkit-box-shadow: 4px 0 7px #666;box-shadow: 4px 0 7px #666;}
.tiles2 p{display:block;padding:10px;border-bottom:1px solid #ddd;margin-bottom:0; }
.tiles2 p:hover{background-color:#fd00fb;color:white;}
.tiles2 p.border-top{border-top:1px solid #ddd;}

.tile_big{width:400px !important;height:400px !important;}

.tiles_out.vert{background-color:#212121;}

#contact{background-color:#eee;}

.carousel-item{cursor:url('../img/icon/pause.png'), auto;}

.page_in{width:900px;margin:auto;padding:30px;}
.page_in ul, .page_in ol{margin-left:30px;}

img{max-width:100%;}

input,textarea{border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    resize: none;
    font-family:'Fira Sans';padding:10px;border-radius:3px;margin-bottom:10px;width:calc(100% - 20px);background-color:#eee;
}
input[type="submit"]{width:100px;text-align:center;border-radius:8px;padding:10px;cursor:pointer;background-color:#00ff4d;display:inline-block;box-shadow:3px 3px 1px #555;transition: all 0.2s;}
input[type="submit"]:hover{border-radius:8px;background-color:#00ff4d;box-shadow:1px 1px 1px #555;-moz-box-shadow: 1px 1px 1px #555;-webkit-box-shadow: 1px 1px 1px #555;}

#my_page h1{margin-bottom:0px;}
#my_page h2{margin-bottom:15px;margin-top:50px;font-size:25px;border-bottom:1px solid #e1e1e1;}
#my_page h3{font-size:20px;}

#my_page table td{padding-right:40px;}
#my_page table .jour{border-bottom:1px solid gray;}

#my_page_out{color:#e1e1e1;text-shadow: #212121 1px 1px;}
#my_page{background-color:rgba(0,0,0,0.35);}

progress[value]{-webkit-appearance: none;appearance: none;width:150px;height:12px;}
progress[value]::-webkit-progress-bar{background-color: #eee;  border-radius: 0px;  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25) inset;}
progress[value]::-webkit-progress-value{background-image:-webkit-linear-gradient(-45deg,transparent 33%, rgba(0, 0, 0, .1) 33%,rgba(0,0, 0, .1) 66%, transparent 66%),/*-webkit-linear-gradient(top,rgba(255, 255, 255, .25),rgba(0, 0, 0, .25)),*/-webkit-linear-gradient(left, #00ff4d, #fd00fb);border-radius: 0px;background-size: 35px 20px, 100% 100%, 100% 100%;}

.how_box{display: inline-block;width:30%;margin-left:10px;margin-right:10px;vertical-align:top;text-align:center;}
#how{background-color:#ddd;text-align:center;}
#how .page_in{width:100%;}
.how_box h2{margin-bottom:10px;}

.tem_box h2{margin-bottom:10px;color:#fd00fb;}
.tem_box{display: inline-block;width:calc(100% - 60px);margin-left:30px;vertical-align:top;text-align:left;background-color:#eee;padding:20px;border-radius:5px;}
.tem_box .tem_box_author{display:inline-block;float:right;font-size:10px;}

#formulaire{position:fixed;top:0;left:0;right:0;bottom:0;padding:50px;background-color:rgba(255,255,255,0.5);overflow-y: scroll;display:none;}
#formulaire_in{max-width:700px;background-color:white;padding:30px;margin:auto;-moz-box-shadow: 0 0 7px #ccc;-webkit-box-shadow: 0 0 7px #ccc;box-shadow: 0 0 7px #ccc;}

.small_top #top_message{display:none;}
.small_top #top_phrase,.small_top #top_description{display:none;}

#logo{height:100px;vertical-align:-15px;margin-left:20px;margin-top:-10px;}
#top_message{margin-top:70px;}

.page_pertepoids{background:url('../img/back/pertepoids.jpg') center top no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_philosohpie{background:url('../img/back/philosophie.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_prepaphysique{background:url('../img/back/prepaphysique.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_smallgrtraining{background:url('../img/back/smallgrtraining.jpg') center top no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_coaching{background:url('../img/back/coaching.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_kids{background:url('../img/back/kids.jpg') center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_teens{background:url('../img/back/teens.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_lannexe{background:url('../img/back/lannexe.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_entrainementonline{background:url('../img/back/entrainementonline.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_coachs{background-color:black;}
.page_run{background:url('../img/back/premium.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_prestations{background:url('../img/back/prestation.jpg') 70% center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_expertise{background:url('../img/back/expertise.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_monhistoire{background:url('../img/back/histoire.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
/*
.page_nutrition{background:url('../img/back/nutrition.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.page_specifique{background:url('../img/back/specifique.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
*/

.pass_info{float:left;width:calc(100% - 251px);}

#qualitop{width:150px;position:absolute;top:200px;left:100px;font-size:12px;}
#qualitop img{width:150px;}

.carousel-control-prev,.carousel-control-next{width:30px;}
.carousel-control-prev-icon{
	 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	}
.carousel-control-next-icon{
	 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	}
.carousel-indicators{bottom:-30px;width:calc(100% - 60px);cursor:pointer;}
.carousel-indicators li{background-color:#eee;height:5px;border-radius:3px;}
.carousel-indicators li.active{background-color:black;}


#bottom{width:100%;background-color:#111;color:white;font-size:12px;}
#bottom_left{vertical-align:baseline;float:left;margin-left:20px;}
#bottom_right {vertical-align:baseline;float:right;margin-right:20px;font-size:17px;margin-top:20px;}
#bottom a{color:white;}

.inline-block{display:inline-block;}

#progon,#nutri,#prepaphys,#activphys{scroll-margin-top: 100px;}

/*WEB RESPONSIVE*/
@media (max-width: 1000px) {
	.page_in{width:100%;margin:auto;padding:30px;}
	.how_box{display: inline-block;width:100%;margin-left:0px;margin-right:0px;margin-bottom:30px;vertical-align:top;text-align:center;}
	h6{font-family:'Bebas Neue';font-size:30px;float:left;margin-right:30px;margin-bottom:50px;margin-top:50px;width:170px;text-align:center;}
}
@media (max-device-width: 880px) and (orientation: portrait), (max-device-width: 1000px) and (orientation: landscape){
	#agenda td:nth-child(3){display:none;}
	#agenda td:nth-child(4){display:none;}
}
@media (max-width: 900px) {
	h6{font-family:'Bebas Neue';font-size:30px;float:none;margin-right:0px;margin-bottom:20px;margin-top:10px;width:100%;text-align:center;}
	.pass_info{float:left;width:100%;}
}
@media (max-width: 800px) {
	#top_phrase{line-height:70px;}
	#menu_center{display:none;}
	.tile{width:150px;height:150px;}
	.tile_big{width:200px !important;height:200px !important;}
	.page_pertepoids{background:url('../img/back/pertepoids_m.jpg') center top no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	.page_philosohpie{background:url('../img/back/philosophie_m.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	.page_prepaphysique{background:url('../img/back/prepaphysique_m.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	.page_smallgrtraining{background:url('../img/back/smallgrtraining.jpg') 60% top no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	.page_coaching{background:url('../img/back/coaching.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	.page_kids{background:url('../img/back/kids.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	.page_teens{background:url('../img/back/teens.jpg') 20% top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	.page_lannexe{background:url('../img/back/lannexe.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
	.page_entrainementonline{background:url('../img/back/entrainementonline.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

	.page_run{background:url('../img/back/premium.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

  .tile_in p{font-size:15px !important;}
}
@media (max-width: 600px) {
	#qualitop{position:relative;margin:auto;margin-top:200px;width:150px;left:auto;top:auto;}
	.tiles_out{padding:20px;}
	.page_in{width:100%;margin:auto;padding:20px;}
	.tile_big{width:300px !important;height:300px !important;}
	#top_message{margin-top:150px;}
	#top_phrase{font-size:50px;margin-top:30px;}
	.big_top #top_phrase{margin-top:10px;}
	.big_top{min-height:100vh;}
	#menu_center{display:block;float:center;font-size:30px;margin-top:70px;margin-bottom:20px;}
	/*#top{background:url('../img/back/accueil_m.jpg') center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding:10px;width:100%;}*/
/* 	.small_top #top_description,.small_top #top_phrase{display:none;} */
	#menu{padding:10px;padding-top:10px;width:100%;height:90px;}
	.small_top #top_message{margin-top:70px;}
	#menu_center{display:none;}
	.small_top #top_phrase,.small_top #top_description{display:none;}
	.tile{width:150px;height:150px;}
	#logo{height:80px;}
	#menu_left{margin-top:0px;}
	#menu_right{margin-top:21px;}
  .inline-block{display:block;}
  #bottom_left{float:none;}
  #bottom_right {float:none;}
  #bottom{text-align:center;padding-bottom:20px;}
}
@media (max-width: 540px){
	.tile{width:120px;height:120px;}
  .tile_in p{font-size:13px !important;}
  #grossessep{bottom:-120px !important;}

	.tile_big{width:250px !important;height:250px !important;}

}
@media (max-width: 450px) {
  .tile{margin-bottom:70px;}
}