html, body {
height:100%;
width:100%;
font-family:"Roboto", sans-serif;
font-size:0;
margin:0;
padding:0
}

html * {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
behavior:url(./UX/boxsizing.htc)
}

::selection {
background:#5db6bd;
color:white
}
::-moz-selection {
background:#5db6bd;
color:white
}

#header {
position:relative;
display:inline-block;
overflow:hidden;
z-index:9000;
width:100%;
text-align:center;
margin:0;
padding:50px 0
}

#header p {
display:inline-block;
width:100%;
text-align:center;
font-size:46px;
font-style:italic;
color:#40bcc8;
font-weight:700;
margin:0;
padding:0
}

#header p > span { color:#b1e144 }

h1 {
position:absolute;
display:inline-block;
z-index:9999;
width:12%;
height:auto;
top:5px;
left:5px
}

h1 img {
display:inline-block;
width:100%;
height:auto
}

a#accesCoach {
position:absolute;
width:auto;
z-index:9999;
top:10px;
right:10px;
text-align:center;
font-size:14px;
color:#b1e144;
text-transform:uppercase;
text-decoration:none;
font-weight:900;
letter-spacing:1px;
}

a#accesCoach:hover {
position:absolute;
width:auto;
z-index:9999;
top:10px;
right:10px;
text-align:center;
font-size:14px;
color:grey;
text-transform:uppercase;
text-decoration:none;
font-weight:900;
letter-spacing:1px;
text-shadow:none;
}

a#inscriptionPerso {
position:absolute;
width:auto;
z-index:9999;
top:35px;
right:10px;
text-align:center;
font-size:14px;
color:#40BCC8;
text-transform:uppercase;
text-decoration:none;
font-weight:900;
letter-spacing:1px;
}

a#inscriptionPerso:hover {
position:absolute;
width:auto;
z-index:9999;
top:35px;
right:10px;
text-align:center;
font-size:14px;
color:grey;
text-transform:uppercase;
text-decoration:none;
font-weight:900;
letter-spacing:1px;
}

a#connexionPerso {
position:absolute;
width:auto;
z-index:9999;
top:60px;
right:10px;
text-align:center;
font-size:14px;
color:#ea1b5f;
text-transform:uppercase;
text-decoration:none;
font-weight:900;
letter-spacing:1px;
}

a#connexionPerso:hover {
position:absolute;
width:auto;
z-index:9999;
top:60px;
right:10px;
text-align:center;
font-size:14px;
color:grey;
text-transform:uppercase;
text-decoration:none;
font-weight:900;
letter-spacing:1px;
}

#banner {
position:relative;
display:inline-block;
overflow:hidden;
width:100%;
margin:0;
padding:0
}

#banner img {
width:100%;
height:auto
}

#menuBan {
position:absolute;
z-index:9990;
width:100%;
top:70%;	
}

#menuBan a {
display:inline-block;
width:50%;
background-color:rgba(255, 255, 255, 0.8);
text-decoration:none;
text-transform:uppercase;
font-style:italic;
font-size:22px;
color:#40bcc8;
margin:0;
}

#menuBan a:nth-child(1) {
text-align:right;
padding:25px 125px 25px 25px
}

#menuBan a:nth-child(2) {
padding:25px 25px 25px 125px
}

#menuBan a:nth-child(1) span,
#menuBan a:nth-child(2) span { font-size:38px }

#menuBan a:nth-child(1) span:before{ 
content:url(./Design/greenArrowL.png) ;
position:relative; 
left:-15px;
top:-3px
}

#menuBan a:nth-child(2) span:after{ 
content:url(./Design/greenArrowR.png) ;
position:relative; 
left:20px;
top:-3px
}

#menuBan a:hover {
background-color:rgba(64, 188, 200, 0.8);
text-decoration:none;
color:white;
text-transform:uppercase;
font-style:italic
}

#main {
display:inline-block;
width:100%;
overflow-x:hidden;
text-align:center;
margin:30px 0;
padding:0	
}

.main {
display:inline-block;
position:relative;
width:100%;
max-width:960px;
vertical-align:middle;
background-color:white;
margin:0;
padding:0 10px
}

.page {
display:inline-block;
position:relative;
font-size:14px;
font-weight:400;
color:#636569;
text-align:justify;
width:100%;
margin:0;
padding:0	
}

#footer {
position:relative;
display:inline-block;
width:100%;
background-color:#65676b;
margin:0;
padding:25px 0
}

#footer > div {
display:inline-block;
vertical-align:top;
width:50%;
margin:0;
padding:0 10px
}

#footer > div p:nth-child(1) {
display:inline-block;
width:100%;
font-size:22px;
color:#b1e144;
font-weight:700;
margin:0 0 15px 0;
padding:0
}

#footer > div:nth-child(2) p:nth-child(1) { text-align:right }

#footer > div:nth-child(1) p:nth-child(2),
#footer > div:nth-child(1) p:nth-child(3) {
display:inline-block;
width:100%;
font-size:16px;
color:white;
font-weight:400;
margin:0 0 10px 0;
padding:0
}

#footer > div:nth-child(1) p:nth-child(2) a { font-size:16px; color:white; font-weight:500; text-decoration:none }
#footer > div:nth-child(1) p:nth-child(2) a:hover { font-size:16px; color:#ffe90d; font-weight:500; text-decoration:underline }

#footer > div:nth-child(1) p:nth-child(4) {
display:inline-block;
width:100%;
font-size:11px;
color:white;
margin:20px 0 0 0;
padding:0
}

#footer > div:nth-child(1) p:nth-child(4) a { font-size:11px; color:white; font-weight:400; text-decoration:none }
#footer > div:nth-child(1) p:nth-child(4) a:hover { font-size:11px; color:#ffe90d; font-weight:400; text-decoration:underline }

#footer > div:nth-child(2) p:nth-child(2) {
display:inline-block;
width:100%;
text-align:right;
margin:5px 0 0 0;
padding:0
}

#footer > div:nth-child(2) img {
display:inline-block;
transition:filter .5s ease-in-out;
opacity:1;
margin:0 10px 0 0	
}

#footer > div:nth-child(2) img:hover { opacity:0.7 }

/* ========================================================= OTHER PAGES ========================================================= */

#banner2 {
position:relative;
display:inline-block;
overflow:hidden;
width:100%;
height:auto;
max-height:250px;
margin:0;
padding:0
}

#banner2 img {
width:100%;
height:auto
}

#accueil h2 {
display:inline-block;
width:100%;
text-align:center;
font-size:28px;
font-weight:500;
font-style:italic;
color:#B1E144;
margin:0 0 15px 0;
padding:0	
}

/* ========================================================= ACCUEIL ========================================================= */

#accueil { padding:25px 0 }

#home2 { display:none }

#accueil > aside {
position:relative;
z-index:9000;
display:none;
text-align:center;
font-style:italic;
color:#40bcc8;
font-weight:700;
width:100%;
margin:0 0 35px 0;
padding:0	
}

#accueil aside span { color:#b1e144 }

#accueil img {
display:inline-block;
vertical-align:middle;
width:18%;
height:auto;
margin:0 5% 0 0
}

#accueil #home1 {
position:relative;
display:inline-block;
vertical-align:middle;
width:77%;
margin:0
}

#accueil #home1 p:not(.firstAc):not(.storeAc) {
display:inline-block;
width:100%;
text-align:justify;
font-size:18px;
color:#636569;
font-weight:400;
margin:0 0 15px 0;
padding:0	
}

.firstAc {
display:inline-block;
width:100%;
text-align:justify;
font-size:20px;
color:#93d500;
margin:0 0 15px 0;
padding:0	
}

.storeAc {
display:inline-block;
width:100%;
text-align:center;
margin:25px 0 0 0;
padding:0	
}

.storeAc img {
transition:filter .5s ease-in-out;
opacity:1
}

.storeAc img:hover { opacity:0.7 }

/* ====== MAGNIFIC POPUP ====== */
.mfp-bg,.mfp-wrap{left:0;top:0;position:fixed}.mfp-bg,.mfp-container,.mfp-wrap{width:100%;height:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container,img.mfp-img{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px)and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}