@charset "UTF-8";
/* INDEX
- Communs       : elements communs
- Structure     : disposition des boites
- Page Template : style propre a un template particulier
- Variantes     : couleurs propre a une section en particulier
*/
html{ background: #282d35 url(../images/top.gif); }
body{ background: #f4f4f4 url(../images/body.png) repeat-x 0 50px; padding: 0; overflow-y: scroll; width: auto !important; width: 964px; min-width: 964px;  }
.innerwrap{ margin: 0 auto; position: relative; width: 964px; }
#skip{ left: 0; margin: 0; position: absolute; top: -999em; }
#honeypot{ height: 1px; overflow: hidden; position: absolute; top: -99999em; }

/**
 * COMMONS
**/

/* #slider */
#slider{ position: relative; }
#slider .innerwrap{ background: url(../images/shadow@962x60.png) no-repeat center bottom; padding-bottom: 60px; width: auto; max-width: 1284px; }
#slider .swiper-container{ background: #333; height: 370px; overflow: hidden; }
#slider .swiper-slide{ background: #333 no-repeat center top; height: 370px; position: relative; width: 100%; }
#slider .swiper-slide .text{ background: #333; background: rgba(0,0,0,0.8); bottom: 60px; color: #fff; font-family: 'aleolight', serif; left: 50%; margin-left: -642px; padding: 28px 45px 20px 220px; position: absolute; text-decoration: none; min-width: 460px; max-width: 600px; }
#slider .swiper-slide .text::before{ background: url(../images/sprites.png) -20px -69px; content: ""; display: block; height: 46px; left: 160px; position: absolute; top: 25px; width: 46px; }
#slider .swiper-slide .text[href]:focus::before,
#slider .swiper-slide .text[href]:hover::before{ opacity: 1; }
#slider .swiper-slide .text em{ display: block; font-size: 2.0000000000em; font-style: normal; line-height: 1.125em; }
#slider .swiper-slide .text strong{ display: block; font-family: 'aleobold', serif; font-size: 2.3750000000em; font-weight: normal; line-height: 1.125em; }
#slider .swiper-slide .text[href] .url{ color: #008bcb; display: block; font-family: 'aleobold', serif; font-size: 1.1250000000em; line-height: 2.25em; }
#slider .swiper-slide .text[href]:focus .url,
#slider .swiper-slide .text[href]:hover .url{ color: #00afff; text-decoration: underline; }

/**
 * STRUCTURE
**/
/* #top */
#top{ background: #282d35 url(../images/top.gif); }
#top .innerwrap{ height: 28px; padding: 11px 0; }
#nav-top{ position: absolute; right: 124px; top: 11px; }
#nav-top ul{ font-size: 0.9375000000em; line-height: 28px; margin: 0; padding: 0; }
#nav-top ul li{ display: inline; list-style: none; margin: 0 0 0 16px; padding: 0; }
#nav-top ul li a{ color: #fff; text-decoration: none; }
#p-index #nav-top ul li.index a,
#p-contactez-nous #nav-top ul li.contactez-nous a,
#nav-top ul li a:focus,
#nav-top ul li a:hover{ text-decoration: underline; }
#socials{ position: absolute; right: 0; top: 11px; width: 108px; }
#socials ul{ line-height: 28px; margin: 0; padding: 0; }
#socials ul li{ display: inline; list-style: none; margin: 0; padding: 0; }
#socials ul li a{ background: url(../images/sprites.png); display: block; float: left; height: 28px; margin-left: 8px; overflow: hidden; text-indent: -999em; width: 28px; }
#socials ul li.fb a{ background-position: -20px -21px; }
#socials ul li.tw a{ background-position: -56px -21px; }
#socials ul li.gg a{ background-position: -92px -21px; }


/* #header */
#header{ position: relative; z-index: 999; }
#header .innerwrap{ height: 130px; }
#header h2{ margin: 0; left: -28px; position: absolute; top: -50px; }
#nav{ bottom: 30px; position: absolute; right: 0; }
#nav ul{ font-family: 'aleoregular', serif; font-size: 1.6250000000em; line-height: 1.125em; margin: 0; padding: 0; }
#nav ul li{ display: inline; list-style: none; margin: 0 0 0 26px; padding: 0; }
#nav ul li a{ color: #000; text-decoration: none; }
#p-abonnements #nav ul li.abonnements a,
#p-entrainements #nav ul li.entrainements a,
#p-promotions #nav ul li.promotions a,
#p-a-propos #nav ul li.a-propos a,
#nav ul li a:focus,
#nav ul li a:hover{ color: #af9307; }

#header .innerwrap{ height: 180px; }
#alert{ color: #333; font-style: italic; padding: 0.5em 0.8em; position: absolute; right: 0; top: 2em; width: 700px; }
#alert{
	box-shadow: 0 0 15px rgba(0,0,0,0.5);
	border-radius: 8px;
}

/* #content */
#content{ padding-bottom: 130px; }

/* #footer */
#footer{ background: #282d35 url(../images/top.gif); color: #fff; font-size: 0.8750000000em; }
#footer .innerwrap{ height: 300px; padding: 35px 0; }
#footer .address{ border-left: 1px solid #555555; float: left; height: 180px; padding: 0 20px; width: 260px; }
#footer .address h2{ font-family: 'Source Sans Pro', sans-serif; font-size: 1em; font-weight: bold; margin: 4px 0 0 0; text-transform: uppercase; }
#footer .address a{ text-decoration: none; }
#footer .address a:focus,
#footer .address a:hover{ text-decoration: underline; }
#footer .schedule{ border-left: 1px solid #555555; float: left; height: 180px; padding: 0 20px; width: 260px; }
#footer .schedule h2{ font-family: 'Source Sans Pro', sans-serif; font-size: 1em; font-weight: bold; margin: 4px 0 0 0; text-transform: uppercase; }
#footer .schedule dl{}
#footer .schedule dl dt{ clear: left; float: left; font-weight: normal; width: 90px; }
#footer .schedule dl dd{ float: left; margin: 0; }
#footer .fb{ background: #fff; float: right; height: 190px; width: 300px; }
#footer .fb{
	border-radius: 5px;
}


/**
 * Page Specific
**/

/* #p-index */
#p-index #slider .innerwrap{ padding-bottom: 0; }
#p-index #slider .swiper-slide{ overflow: hidden; }
#p-index #promotions{ background: url(../images/shadow@962x60.png) no-repeat center bottom; padding-bottom: 60px; }
#p-index #promotions .outerwrap{ background: #fff; margin: 0 auto; max-width: 1284px; }
#p-index #promotions .innerwrap{ padding: 40px 0; }
#p-index #promotions h2{ color: #7b7b7b; font-weight: normal; margin-top: 0; }
#p-index #promotions .swiper{ position: relative; }
#p-index #promotions .swiper-container{ margin-bottom: 30px; margin-left: -16px; overflow: hidden; }
#p-index #promotions .swiper-wrapper{ margin: 0; padding: 0; width: 99999em; }
#p-index #promotions .swiper-slide{ display: block; float: left;  list-style: none; width: 332px !important; }
#p-index #promotions .swiper-slide a{ background: #282d35; color: #fff; display: block; font-family: 'aleobold', serif; font-size: 1.2500000000em; height: 2.5em !important; margin:0 auto; padding: 180px 20px 10px 20px; position: relative; text-decoration: none; width: 260px; }
#p-index #promotions .swiper-slide a img{ background: #eee; display: block; height: 170px !important; left: 0; position: absolute; top: 0; width: 300px !important; max-width: auto !important; }
#p-index #promotions .swiper-arrow{ background: url(../images/sprites.png); display: block; height: 20px; position: absolute; top: -40px; width: 20px; }
#p-index #promotions .swiper-arrow-left{ background-position: -140px -21px; right: 25px; }
#p-index #promotions .swiper-arrow-right{ background-position: -164px -21px; right: 0; }
#p-index #promotions .swiper-arrow-left.disabled{ background-position: -205px -21px; }
#p-index #promotions .swiper-arrow-right.disabled{ background-position: -229px -21px; }
#p-index #promotions .more{ text-align: right; }
#p-index #promotions .more a{ padding-left: 40px; position: relative; }
#p-index #promotions .more a::before{ background: url(../images/sprites.png) -316px -20px; content: ""; display: block; height: 26px; left: 5px; margin-top: -13px; opacity: 0.3; position: absolute; top: 50%; width: 26px; } 
#p-index #promotions .more a:focus::before,
#p-index #promotions .more a:hover::before{ opacity: 1; }
#p-index #testimonials{ margin-top: -25px; }
#p-index #testimonials .articles{ margin-bottom: 50px; min-height: 204px; }
#p-index #testimonials .article{ padding: 35px 35px 35px 330px; position: relative; }
#p-index #testimonials .article .img{ left: 0; position: absolute; top: 0; }
#p-index #testimonials .article .text{ border-left: 1px solid #d4d5d7; padding: 10px 0 10px 25px; }
#p-index #testimonials .article .text blockquote{ color: #282d35; font-size: 1.1250000000em; font-style: italic; line-height: 1.1111111111em; margin: 0 0 15px 0; }
#p-index #testimonials .article .text blockquote::before{ content: "« "; } 
#p-index #testimonials .article .text blockquote::after{ content: " »"; }
#p-index #testimonials .article .text .author{ color: #0289c7; font-family: 'aleobold', serif; font-size: 1.7500000000em; margin: 0; }
#p-index #testimonials .article .text .author::before{ content: "- "; } 
#p-index #testimonials .article .text .author::after{ content: " -"; }

/* #p-contact */
#p-contact #content .section{ float: left; width: 462px; }
#p-contact #content .address{ border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; padding: 10px 0 20px 0; }
#p-contact #content .address h1{ color: #7b7b7b; font-size: 1.2500000000em; font-weight: normal; margin-top: 0; position: relative; }
#p-contact #content .schedule{ padding: 10px 0 20px 0; }
#p-contact #content .schedule h2{ color: #7b7b7b; font-size: 1.2500000000em; font-weight: normal; margin-top: 0; }
#p-contact #content .schedule dl{}
#p-contact #content .schedule dl dt{ clear: left; float: left; font-weight: normal; width: 90px; }
#p-contact #content .schedule dl dd{ float: left; margin: 0; }
#p-contact #content .aside{ float: right; width: 472px; }
#p-contact #googlemap{ background: #ccc; border: 10px solid #fff; height: 320px; width: 452px; }

/* #p-promotions */
#p-promotions{}
#p-promotions #content .article{ background: #fff; margin-bottom: 20px; min-height: 48px; padding: 20px 20px 36px 246px; position: relative; }
#p-promotions #content .article h2{ color: #7b7b7b; font-size: 1.2500000000em; font-weight: normal; margin-top: 0; margin-bottom: 0; }
#p-promotions #content .article h2 img{ left: 0; position: absolute; top: 0; }
#p-promotions #content .article .excerpt{ padding-right: 250px; }
#p-promotions.no-js #content .article .more{ display: none; }
#p-promotions #content .article .more{ bottom: 15px; margin: 0; position: absolute; right: 0; }
#p-promotions #content .article .more a{ padding-left: 40px; position: relative; }
#p-promotions #content .article .more a::before{ background: url(../images/sprites.png) -316px -20px;  content: ""; display: block; height: 26px; left: 5px; margin-top: -13px; opacity: 0.3; position: absolute; top: 50%; width: 26px; } 
#p-promotions #content .article .more a:focus::before,
#p-promotions #content .article .more a:hover::before{ opacity: 1; }
#p-promotions #content .article.active .more a::before{ background-position: -269px -20px; }
#p-promotions #content .article.active .more a:focus::before,
#p-promotions #content .article.active .more a:hover::before{ opacity: 1; }
#p-promotions #content .article .slide-content{ border-top: 1px dashed #ccc; padding: 0 0 3em 0; }
#p-promotions.js #content .article .slide-content{ display: none; }