/* * #fd00fb : rose * #00ff4d : vert */ /*Mise à zéro*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0px;padding:0px;} 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;} /*BODY*/ body, input, textarea, iframe{font: 13px 'Roboto', 'Helvetica-Neue', Helvetica, 'Trebuchet MS', Arial, Sans-Serif;text-align:left;color:white;letter-spacing:0px;} body a{color:white;text-decoration:none;} body a:hover{color:white;text-decoration:none;} body{color:white;position:relative;background-color:black;} /*GENERAL ITEMS*/ input,select{background-color:black;color:white;border:none;} .clear{clear:both;height:0;} .left{float:left;} .right{float:right;} a img{border:none;} /*LOGO*/ #logo{position:fixed;top:40px;left:60px;z-index:1;padding-top:15px;display:none;} #logo img{width:266px;} /*COURS GRATUIT*/ #coursgratuit{position:fixed;bottom:20px;left:20px;z-index:2;width:120px;height:120px;background:url('../img/coursgratuit.png') no-repeat;} /*MENU*/ #menu{width:100%;min-width:1450px;height:35px;position:fixed;top:0px;z-index:100;font:12px 'Roboto';font-weight:bold;text-transform:uppercase;letter-spacing:1px;} #menu a{color:black;} #menu a:hover{color:white;} #menu_in{width:100%;min-width:1000px;height:35px;background-color:#fd00fb;color:black;position:relative;} #menu_in_m{width:100%;min-width:1000px;height:35px;background-color:#00ff4d;color:black;position:relative;} /*NAVIGATION MENU*/ #primary_nav_wrap ul{list-style:none;position:relative;float:left;line-height:35px;height:35px;z-index:100;} #primary_nav_wrap ul a{display:block;text-decoration:none;padding:0 15px;} #primary_nav_wrap ul li{position:relative;float:left;padding-right:15px;z-index:100;} #primary_nav_wrap ul li.current-menu-item{} #primary_nav_wrap ul li:hover{color:white;} #primary_nav_wrap ul ul{display:none;position:absolute;top:100%;left:0;background-color:black;padding:0;font-size:11px;z-index:100;} #primary_nav_wrap ul ul a{color:white;} #primary_nav_wrap ul ul a:hover{color:#fd00fb;} #primary_nav_wrap ul ul li{float:none;width:190px;background-color:black;z-index:100;} #primary_nav_wrap ul ul a{line-height:120%;padding:10px 15px} #primary_nav_wrap ul ul ul{top:0;left:100%} #primary_nav_wrap ul li:hover > ul{display:block} /*Appel à l'action*/ #invitation{position:fixed;z-index:100;right:0px;top:53px;background:url('../img/invit_bord.png') no-repeat #00ff4d; line-height:34px;padding-top:3px;padding-right:45px;padding-left:70px;font-size:20px;font-family:'Roboto Slab';font-weight:300;color:black;height:30px;text-align:right;} /*PAGE*/ .page{background-position:100% 0px;background-attachment:fixed;width:100%;position:relative;min-width:1450px;min-height:100vh;} .page_in{padding:0px;min-height:100vh;} .container{width:100%;margin:0 auto;position:relative;font-size:13px;font-family:'Roboto';font-weight:300;line-height:20px;min-height:100vh;} .c_text{float:right;margin-left:10px;padding-top:150px;width:calc(100% - 550px);min-width:550px;padding-left:20px;padding-right:20px;margin-right:40px;background:rgba(0,0,0,0.6);min-height:calc(100vh - 150px);} .c_index{float:left;width:310px;margin-left:40px;margin-top:200px;font-size:15px;} .c_index_in{width:100%;padding:20px;font-size:15px;margin-bottom:20px;} .page a{color:#00ff4d;} .page a:hover{color:#00ff4d;} /*TEXTE*/ h1{text-transform:uppercase;font-size:30px;font-family:'Roboto Slab';font-weight:bold;color:#00f747;} h2{font:18px 'Roboto';color:white;} .greenline{border-top:5px solid #00f747;height:1px;width:100%;margin-top:10px;margin-bottom:5px;} .pinkline{clear:both;border-top:1px solid #fd00fb;height:1px;width:100%;margin-top:5px;} .link_right{color:#00f747;text-align:right;text-transform:uppercase;font:12px 'Roboto';font-weight:bold;letter-spacing:1px;} .c_text b{font-family:'Roboto';font-weight:bold;} .c_text ol{color:#00f747;margin-left:20px;} /*PAGE A News accueil*/ #pageA .container{background:url('../img/pageA.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageA #index_blog img{width:100%;height:auto;} #pageA .c_text{padding-top:100px;min-height:calc(100vh - 100px);} /*PAGE As News accueil STUDIO*/ #pageAs .container{background:url('../img/studio/pageAs.JPG') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageAs #index_blog img{width:100%;height:auto;} #pageAs .c_text{padding-top:100px;min-height:calc(100vh - 100px);} /*PAGE B Coaching privé*/ /*#pageB .container{background:url('../img/pageB.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}*/ #pageB .container{background:url('../img/pageB.jpg') no-repeat left top fixed;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;} /*PAGE C Small group training*/ #pageC .container{background:url('../img/pageC.jpg') no-repeat left bottom fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageC table td{padding-right:40px;} #pageC table .jour{border-bottom:1px solid gray;} #pageCs .container{background:url('../img/studio/les cours.JPG') no-repeat left bottom fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageCs table td{padding-right:40px;} #pageCs table .jour{border-bottom:1px solid gray;} .pass_info{float:left;width:calc(100% - 170px);} .pass_name{float:left;width:150px;text-align:center;margin-right:20px;line-height:25px;} /*PAGE D Perte de poids*/ #pageD .container{background:url('../img/pageD.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} /*PAGE AN Annexe*/ #pageAN .container{background:url('../img/pageAN.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} /*PAGE E Préparation physique*/ #pageE .container{background:url('../img/pageE.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageE{background-color:#0a0a0c;} /*PAGE F Biographie Marion*/ #pageF .container{background:url('../img/pageF.jpg') no-repeat left top fixed;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-color:white;} #pageF .formation1{float:left;width:270px;} #pageF .formation2{float:left;width:270px;margin-left:10px;} /*PAGE K Biographie Gerard*/ #pageK .container{background:url('../img/pageK.jpg') no-repeat left top fixed;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-color:white;} #pageK .formation1{float:left;width:270px;} #pageK .formation2{float:left;width:270px;margin-left:10px;} /*PAGE FC Fabienne Cid*/ #pageFC .container{background:url('../img/pageFC.jpg') no-repeat left top fixed;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-color:white;} /*PAGE GS Fabienne Cid*/ #pageGS .container{background:url('../img/pageGS.jpg') no-repeat left top fixed;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-color:white;} #pageGS .formation1{float:left;width:270px;} /*PAGE L Le studio*/ #pageL .container{background:url('../img/pageL.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-color:white;} /*PAGE V Vidéos*/ #pageV .container{background:url('../img/pageV.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} /*PAGE G Philosphie*/ #pageG .container{background:url('../img/pageG.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} /*PAGE N KIDS*/ #pageN .container{background:url('../img/pageN.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} /*PAGE T Teenagers*/ #pageT .container{background:url('../img/pageT.jpg') no-repeat left center fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} /*PAGE H Contact*/ #pageH .container{background:url('../img/pageH.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageH #contactH{width:550px;height:497px;background:url('../img/plan.png') no-repeat;background-size:contain;position:relative;} #pageH .contactHinfo{float:left;position:relative;margin-top:0px;z-index:2147483647;width:220px;line-height:13px;height:180px;margin-left:10px;padding:10px;} #pageHs .container{background:url('../img/studio/contact.JPG') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageHs #contactH{width:550px;height:497px;background:url('../img/plan.png') no-repeat;background-size:contain;position:relative;} #pageHs .contactHinfo{float:left;position:relative;margin-top:0px;z-index:2147483647;width:220px;line-height:13px;height:180px;margin-left:10px;padding:10px;} /*PAGE I Galerie*/ /*#pageI .container{background:url('../img/pageG.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}*/ #pageI .container{background:url('../img/pageG.jpg') no-repeat left top fixed;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;} #pageI .c_text{width:900px;padding-top:200px;} #pageI .gal_img{margin:1px;float:left;width:222px;height:222px;} #pageA .gal_img2{width:132px;height:132px;} /*PAGE J BLOG*/ #pageJ .container{background:url('../img/pageC.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageJ img{width:100%;height:auto;} #pageB .blog_arch{width:calc(33% - 20px);margin-left:20px;float:left;} /*PAGE M MEMBRES*/ #pageM .container{background:url('../img/pageA.jpg') no-repeat left top fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #pageM a{color:#00ff4d;} #pageM .c_text{margin-left:0px;width:800px;padding-top:50px;min-height:calc(100vh - 50px);} #pageM .jour{border-bottom:2px solid #fd00fb;} #pageM table td{padding-left:15px;} #pageM .m_hide{display:none;} #pageM input,#pageM textarea,#pageH input,#pageH textarea,#pageHs input,#pageHs textarea,#pageV input,#pageV textarea{padding:20px;background-color:#252525;margin-bottom:7px;width:calc(100% - 40px);font-size:15px;border:none;} #pageM textarea{width:400px;} #pageM input[type="submit"],#pageH input[type="submit"],#pageHs input[type="submit"],#pageV input[type="submit"]{text-align:center;padding:20px;background-color:#fd00fb;margin:0px;width:100%;color:white;font-family:'Roboto';font-weight:bold;cursor:pointer;} #pageM select{border-radius:0;background-color:#252525;height:60px;width:290px;font-size:15px;margin-left:3px;margin-bottom:3px;margin-top:2px;} #pageM .forum_qui{width:150px;float:left;margin-right:20px;} #pageM .forum_message{width:500px;float:left;} #pageM .petite{font-size:10px;} progress[value]{-webkit-appearance: none;appearance: none;width:150px;height:12px;} progress[value]::-webkit-progress-bar{background-color: #505050; 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%;} .membres_passe{color:gray;} #pageM #events img{max-width:100%;height:auto;} #pageM #form_mem textarea{width:400px;height:150px;} #pageM .w400{width:400px;} #pageM #login_membre input{width:300px;} #pageM #login_membre input[type="submit"]{width:340px;} /*BOTTOM*/ #bottom{height:35px;width:100%;min-width:1450px;background-color:black;color:#cccccc;line-height:35px;font-size:11px;} #bottom_in{margin-left:30px;} #bottom a{color:#cccccc;} /*Google Maps*/ #map-canvas{height:300px;width:100%;position:relative;} /*Séparation studio-xpulse*/ #left_choice, #right_choice{width:50%;float:left;text-align:center;transition: all 0.5s ;margin:0;padding:0;} #left_choice_in,#right_choice_in{width:100%;height:100%;margin:0;padding:0;} #right_choice{background:url('../img/xvss/IMG_0984.JPG') no-repeat center right;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} #left_choice{background:url('../img/xvss/pageC.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;} .choice_in{width:100%;height:100%;transition: all 0.5s ;margin:0;padding:0;} #left_choice .choice_in_added{background-color:rgba(253,0,251,0.35);} #right_choice .choice_in_added{background-color:rgba(0,255,77,0.35);} .logo_choice{padding-top:200px;} .logo_choice img{width:300px;} .choice_bigger{width:55% !important;} .choice_smaller{width:45% !important;} .choice_done .logo_choice {padding-top:20px;} .choice_done .logo_choice img{width:200px;} #newsletter{position:fixed;bottom:50px;left:50px;background-color:#00f747;padding:10px;border-radius:3px;color:black;z-index:2;} #newsletter input{padding:5px;} #button_athlete{position:absolute;top:30px;margin-left:auto;margin-right:auto;left:0;right:0;z-index:1000;} #green_studio{background-color:#00f747;} .my_packs{padding:10px;margin-right:10px;background:black;width:auto;display:inline-block;} /*WEB RESPONSIVE*/ @media (max-width: 1200px) { #pageM .c_text{margin-left:0px;width:800px;padding-top:200px;min-height:calc(100vh - 200px);} } @media (max-device-width: 880px) and (orientation: portrait), (max-device-width: 1000px) and (orientation: landscape){ #pageAA{margin-top:-20px !important;padding-top:-20px !important;margin-bottom:20px;max-height:400px !important;} #pageAA #left_choice,#pageAA #right_choice{max-height:300px !important;} #pageAA .logo_choice{padding-top:70px;} body{overflow:hidden;overflow-y:auto;} .logo_choice img{width:130px !important;} input{-webkit-appearance: none;border-radius:0px;} #logo{position:relative;top:auto;left:auto;margin:auto;width:266px;margin-top:30px;margin-bottom:50px;display:block;} #coursgratuit{position:relative;top:auto;left:auto;bottom:auto;margin:auto;background:url('../img/coursgratuit2x.png') no-repeat;background-size:100% 100%;} #newsletter{position:relative;top:auto;left:auto;bottom:auto;margin:auto;margin-top:20px;width:200px;} .page{width:100%;min-width:100%;padding:0px;margin:0px;min-height:auto;overflow-x:hidden;} .container{width:100%;min-width:100%;padding:0px;margin:0px;margin-bottom:30px;margin-top:80px;} .c_text{float:none;padding:0px;width:calc(100% - 20px);min-width:calc(100% - 20px);margin:0px;margin:auto;} .c_index{float:none;width:calc(100% - 20px);padding:0px;margin:0px;margin:auto;} .c_index_in{width:calc(100% - 20px);padding:0px;} .container,.page,.page_in,.c_text{min-height:auto;} #pageE{background-color:black;} #pageA .container,#pageAs .container,#pageB .container,#pageC .container,#pageCs .container,#pageD .container,#pageE .container,#pageF .container,#pageFC .container,#pageGS .container,#pageG .container,#pageH .container,#pageHs .container,#pageK .container,#pageL .container,#pageN .container,#pageT .container,#pageV .container,#pageV .container,#pageAN .container{background:none;} #pageI .container,#pageJ .container,#pageM .container{background:none;width:100%;min-width:100%;} .pass_info{float:none;width:100%;} .pass_name{float:none;width:100%;text-align:center;margin-right:0px;} #menu_mobile{background-color:#fd00fb;width:100%;} #menu_mobile2{background-color:#00ff4d;width:100%;} .menu_mobile_item{float:left;text-align:center;width:calc(50% - 1px);font:14px 'Roboto';font-weight:bold;text-transform:uppercase;letter-spacing:1px;padding-top:5px;padding-bottom:5px;color:black;border-bottom:1px solid black;} .menu_mobile_item2{float:left;text-align:center;width:100%;font:14px 'Roboto';font-weight:bold;text-transform:uppercase;letter-spacing:1px;padding-top:5px;padding-bottom:5px;color:black;border-bottom:1px solid black;} a .menu_mobile_item {color:black;line-height:40px;} a .menu_mobile_item2 {color:black;line-height:40px;} #menu_infos{text-align:center;font-size:15px;margin-bottom:0px;} #menu_mobile_hidden{text-align:center;line-height:40px;font-size:14px;color:black;display:none;text-transform:uppercase;} #menu_mobile_hidden2{text-align:center;line-height:40px;font-size:14px;color:white;display:none;text-transform:uppercase;} #menu_mobile_hidden a{font-size:20px;} #menu_mobile_hidden2 a{font-size:20px;color:black;} .under{border-bottom:1px solid #d9d9d9;} .under2{border-bottom:1px solid #00d942;} #pageC table td{padding-right:20px;} #pageCs table td{padding-right:20px;} #pageF .formation1{float:none;width:100%;} #pageF .formation2{float:none;width:100%;margin-left:0px;} #pageGS .formation1{float:none;width:100%;} #pageH #contactH{width:100%;height:auto;background:none;position:relative;} #pageH .contactHinfo{float:none;width:100%;height:auto;line-height:17px;text-align:center;margin:auto;margin-top:0px;padding:0px;} #pageHs #contactH{width:100%;height:auto;background:none;position:relative;} #pageHs .contactHinfo{float:none;width:100%;height:auto;line-height:17px;text-align:center;margin:auto;margin-top:0px;padding:0px;} #agenda td:nth-child(3){display:none;} #agenda td:nth-child(4){display:none;} #pageM #table_planning td:nth-child(3){display:none;} #pageM .container{margin:0px;padding:0px;margin-bottom:100px;margin-top:20px;} #pageM .c_text{margin-left:0px;width:calc(100% - 20px);padding-top:0px;min-height:auto;margin:auto;} #pageM input,#pageM textarea,#pageH input,#pageH textarea,#pageHs input,#pageHs textarea{padding:20px;background-color:#252525;margin:0px;margin-bottom:7px;width:calc(100% - 40px);font-size:15px;border:none;} #pageM .form_mem{width:100%;} #pageM .form_mem textarea{width:100%;height:150px;} #pageM .form_mem input{width:100%;} #pageM .form_mem td{display:block;width:100%;} #pageM .form_mem tr{display:block;width:100%;} #pageM .form_mem table{display:block;width:100%;} #pageM .lastmessage{color:gray;} #pageM table td{padding-left:15px;} #pageM .w400{width:100%;} #pageM input[type="submit"],#pageH input[type="submit"],#pageHs input[type="submit"]{text-align:center;padding:20px;background-color:#fd00fb;margin:0px;width:100%;color:white;font-family:'Roboto';font-weight:bold;} #pageM table{width:100%;} #pageM #login_membre input{width:calc(100% - 40px);} #pageM #login_membre input[type="submit"]{width:100%;} #pageB .blog_arch{width:calc(50% - 10px);margin-left:10px;float:left;} #pageI .c_text{width:calc(100% - 20px);margin:auto;padding-top:0px;} #pageA .container{padding:0px;margin:0px;margin-bottom:30px;margin-top:10px;} #pageAs .container{padding:0px;margin:0px;margin-bottom:30px;margin-top:10px;} #pageI .gal_img{margin:1px;float:left;width:32%;height:32vw;} #pageA .gal_img2{width:24%;height:24vw;} #pageAs .gal_img2{width:24%;height:24vw;} #pageL .container{background:none;background-color:black !important;} #bottom{height:auto;width:100%;min-width:100%;background-color:#191a1f;color:#cccccc;line-height:35px;font-size:13px;padding-top:10px;} }