body{font-family: 'Raleway' !important;padding:0px;margin:0px}
.container{margin:0 auto;width:100%;max-width:1200px;}
#logo{width:320px;height:138px;position:absolute;padding-top:16px;top:0px;-top:37px;left:0px;z-index:99;background:white;}
#logo a{display:block;width:253px;height:130px;margin-left:35px;margin-top:10px}
.home #logo{
  width:270px;height:99px;
}
.home #logo a,.home #logo a img{
  width:200px;height:114px;
}
.home .fxd{position:fixed;top:0;left:0;width:100%;z-index:9}
.home #logo{padding-top:0px;height:99px;top:0px !important;}
#logo img{
image-rendering:-webkit-optimize-contrast;
}

.homepage .fxd .cn{-webkit-transition:width 1s;-moz-transition:width 1s;-o-transition:width 1s;-ms-transition:width 1s;transition:width 1s;width:100% !important;}

#slider{position:relative;width:100%;height: calc(100vh - 100px);overflow:hidden;}
#slider .img{width:100%;height:100%;background-size:cover;background-position:center;}
.bigi{font-size:1.25em !important}
.sliding .cnter {width:300%;-webkit-transition: margin-left 0.4s;-moz-transition: margin-left 0.4s;-o-transition: margin-left 0.4s;-ms-transition: margin-left 0.4s;transition: margin-left 0.4s;}
.txt{-webkit-transition:left 1s;-moz-transition:left 1s;-o-transition:left 1;-ms-transition:left 1s;transition:left 1s;width:42.5%;height:110px;background:white;color:black;font-size:18px;position:absolute;top: 46.25%;left: 100%; padding: 15px 20px;line-height:1.35em;}
.act .txt{left:37px;}
.sous-menu .bulle{overflow:hidden;}
p.pa2.bigi.bg-info{margin-bottom:0px !important}
.tabbable{margin-top:20px}
#bloc_add_docfile_justif table tr{background:white !important}
.sous-menu img{
image-rendering: -webkit-optimize-contrast;
-webkit-transition:transform 0.4s;-moz-transition:transform 0.4s;-o-transition:transform 0.4s;-ms-transition:transform 0.4s;transition:transform 0.4s;}
.sous-menu img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.toknow{background:#226cc7;color:white;text-transform:lowercase;font-size:16px;font-weight:400;padding:0px 14px;position:absolute;bottom:1px;line-height:25px;right:1px;}

.fleche{-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;-ms-transition:opacity 0.4s;transition:opacity 0.4s;opacity:0.7;background-color:#fff;background-image:url(../images/fleche-gauche2.png); background-size: 50% 50%;background-repeat: no-repeat; background-position: center;position:absolute;left:0;top:46.25%;z-index:3;cursor:pointer;width:37px;height:110px}
.fleche.droite{background-image:url(../images/fleche-droite2.png);left:inherit;right:0;margin-left:inherit;}
.fleche:hover{opacity:1;filter:alpha(opacity=100);}
ul.pgi li a{padding:0px !important;position: relative; display: inline-block;width: 17px;height: 17px;background: #fff;border-radius: 15px;height: 100%;}
ul.pgi li{float:left;cursor:pointer;margin: 0 8px;width: 17px;height: 17px;list-style:none;}
ul.pgi{padding:0px !important; position: absolute;bottom:135px;left:50%;margin-top: 0!important;margin-bottom: 0!important;z-index: 2;}
ul.pgi li a.act{background:#226cc7 !important}
article.rb33{float:left;position:relative;width:33.33%;height:100%}
.cnter.rb33{height:100% !important}
#menu{border-bottom:1px solid #ededed;position:relative;width:100%;height:100px;background:white;z-index:20;}
#menu ul{float:right;margin:0px;padding:0px;height:100%;}
#menu li{display:block;float:left;list-style:none;}
#menu a{-webkit-transition:border 0.4s;-moz-transition:border 0.4s;-o-transition:border 0.4s;-ms-transition:border 0.4s;transition:border 0.4s;border-bottom:4px solid transparent; text-decoration:none;display:block;text-transform:uppercase;color:black;font-weight:bold;font-size:19px;padding:23.5px;}
#menu a:hover,#menu a:active,a.selected,a.activv,#recharger-ma-carte #menu2,#activites #menu3,#aquabike #menu3,#aquaphobie-adultes #menu3,#aquaadulte #menu3,#aquafitness #menu3,#aquatrampo #menu3,#perfectionnement-adulte #menu3,#aquabike #menu3,#perfectionnement-enfant #menu3,#grenouille-1 #menu3,#grenouille-2 #menu3,#grenouille-3 #menu3,#aquakids #menu3,#femmes-enceintes #menu3,#bebe-nageurs #menu3,#circuit-training #menu3,#aquagym #menu3,#piscine-olympique #piscines,#piscine-regis-fermier #piscines,#aquacite #piscines{border-bottom:4px solid #226cc7 !important; }
a.savoir_plus,.toknow{-webkit-transition:color 0.4s;background-color:0.4s;-moz-transition:color 0.4s;background-color:0.4s;-o-transition:color 0.4s;background-color:0.4s;-ms-transition:color 0.4s;background-color:0.4s;transition:color 0.4s;margin:0 auto !important;background-color:#226cc7 !important;color:white !important;border:1px solid #226cc7 !important;}
a.savoir_plus:hover,.toknow:hover{color:#226cc7 !important;background-color:white !important}
.aquabiking{overflow:hidden;width: 370px !important;-webkit-border-radius: 370px; -moz-border-radius: 370px;-o-border-radius: 370px;-ms-border-radius: 370px;border-radius: 370px;height: 370px;}
.aquabiking a{display:block;overflow:hidden;position:relative;}
.aquabiking .image_activite{margin:0px !important;height: 200px;overflow: hidden;}
#zone_activite .image_activite.mt2 img{height:auto !important;box-shadow:0px 0px 0px white !important}
#zone_activite .aquabiking .image_activite.mt2 img,.aquabiking .image_activite img{
image-rendering: -webkit-optimize-contrast;
-webkit-transition:transform 0.4s;-moz-transition:transform 0.4s;-o-transition:transform 0.4s;-ms-transition:transform 0.4s;transition:transform 0.4s;}
.aquabiking .image_activite img:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
#zone_activite .aquabiking h2{font-size:19.5px !important;position: absolute;left: 0;top: 50%;width: 200px;padding-top:10px;height:auto;min-height: 50px;margin-top: -15px;background: white;width: 100%;}
.aquabiking p.detail_activite{flex-grow:0 !important;width: 90%;margin: 20px auto !important;text-align: center !important;}
#content{margin: 60px 0;}
.clear{clear:both}
.aquabiking h2 img{width: 30px;
margin-right: 5px;}
.deco a{
  font-size:17px
}
#slider article{position:relative;float:left;overflow:hidden}
#slider article,#slider article img{height:calc(100vh - 100px);}
#slider article img{object-fit:cover;width:100%}
.sous-menu{width:33.33%;display:block;float:left;}
.cnt a{overflow:hidden;display:block;}
.sous-menu .bulle{position:relative;display:block;float:right;width:100px;height:100px;margin:0 auto;overflow:hidden;border-radius:100px;border:1px solid #ededed}
.bulle img{width:100%;height:100%}
.soustitre{float:right;    padding-right: 22.5px; text-align: right;  line-height: 7px !important;margin-top:33px;}
.wce-block-content #reservation-cms h3{font-size:19px !important;color:#226cc7 !important;font-weight:900 !important;text-transform:uppercase}
.soustitre h1,.aquabiking h2{letter-spacing:0.5px;font-size:24.5px !important;color:#226cc7 !important;font-weight:900 !important;}
.soustitre h5{color:black !important;font-size:13.5px !important;font-weight:900 !important;margin-top:10px !important;}
.cnt{display: inline-block;text-align: center;margin: 0 auto;}
h1,h5{text-transform:uppercase !important}
.texte{padding:10px 0;text-align:center;font-size:27px;margin:55px 0;}
.texte2{text-align:left;font-size:27px;margin:55px auto;max-width: 1170px;color: black;margin-bottom: 0px;padding: 1px 17px;}
.gry{background-color:#f1f1f1;}
.gry2{background-color:#fff;max-width:100%}
.texte2 strong{text-align:center;font-size: 1.25em;line-height: 1.25em;display: block;max-width: 80%;margin: 0 auto;} 
p{margin:30px 0}
a.return{text-align: center;
width: 100%;
display: block;
margin-bottom: 24px;
margin-top: 17px;}
.pisc{position:relative;}
.pisc li{border-bottom:1px solid #dedede;}
.submenu li{background:white;}
#menu .cn .ul.open ul.submenu{padding:0px !important}
.ul.open .submenu,.ul.open .submenu li a{text-align:left !important;display:block !important;}
#product_creneau{margin:25px 0}
.alert-warning{background:#BF0062 !important;color:white !important}
.table td{border:1px solid #dddddd !important}
.clearfix.ml3{margin-left:0px !important}
.clearfix.mr3{margin-right:0px !important}
.submenu li,.submenu{text-align:center;float:none !important;}
.submenu li a{text-align:center;padding: 20px !important;}
.submenu{width: 100%;position:absolute;}
#footer{text-align:center;width:100%;height:400px;background-color:#226cc7}
#footer img{width:323px;height:auto;margin:45px auto; text-align:center}
th.fond_table{border-right: 1px solid white;background-color:#226cc7 !important;text-transform:uppercase}
.homepage #menu .cn{padding:0 15px;}
.homepage #menu .deco,.homepage #menu .co{float:right;}
.homepage #menu .lft{float:left !important;width:100%;}
.home #menu{position:fixed;top:0;left:0;height:99px;width:100%;background:white;z-index:3;}
.home #menu .ul{float:right;width:80%;margin-left:0px;}
#menu li a{padding:33px 27.5px }
.homepage.home .fxd .cn{width:1360px !important}
#global .bgwhite{background:none !important}
#global .mw1280p{max-width:1170px}
.home #superglobal{margin-top:100px}
.menufooter a:hover,#footer a:hover{text-decoration:underline !important}
h1.titlle,#superglobal #global h1.title_activite,#reservation-cms h1,#reservation-cms h2.pull-left,h1.h1titre_sitemap{display:block;width:100%;clear:both;margin-top:17px !important;line-height: 1em !important;padding-bottom:0px !important;font-size:52.5px !important;text-transform:uppercase;letter-spacing:2.5px;font-weight:bold !important;color:#226cc7 !important;width:100%;display:block;text-align:center !important;}
#superglobal .wce-block-content h1.h1titre_sitemap{color:#226cc7 !important;background:none !important}
.calendar .mod{float:left !important}
#wce_block_12 .wce-block-content ul li{height:auto !important}
#wce_block_12 .wce-block-content ul li a{color:black !important}
#bloc-sessions .session .detail{background-color:white;float:left !important;width:48% !important;}
#bloc-sessions .session .calendar{background-color:white;float:right !important;width:48% !important;}
#bloc-sessions .session .calendar .mod{width:100% !important}
#bloc-sessions .session{border-radius:6px;background-color:white !important}
.calendar a.btn.liendecoration{display:block}
.arianne .mod:last-child a{font-weight: bold;
text-transform: uppercase;}
#mentions-legales .wce-block-content strong,#conditions-generales-de-vente .wce-block-content strong{color: #226cc7 !important;font-weight:normal !important;font-size:20px !important;text-transform:uppercase !important;}
#mentions-legales .wce-block-content span,#conditions-generales-de-vente .wce-block-content span{background:none !important}
.arianne .mod:last-child{position:relative;right:20px}
.arianne .mod:first-child{position:relative;top:3px}
.small-heading .arianne{height:auto;padding-bottom:40px !important}
.wce-block-content .grid1-2 > * + *{float:left !important;margin-left: 0px !important;}
.wce-block-content .grid1-2 > :first-child{-float:right;}
.wce-block-content .grid1-2 > * + * div{width:90% !important}
.wce-block-content .grid1-2 > * + * div p{line-height:1.7em !important;font-size:16px !important}
.wce-block-content .unstyled.nav-resp{display:none !important;height:40px;border-bottom:1px solid #dedede;}
.wce-block-content .line.mt2 .mod:last-child {display: block;
width: 100%;
text-align: center;
color: white !important;
background: #226cc7;
margin: 40px 0;}

.line.mt2 h2{margin-top:45px;background: #226cc7;
color: white !important;
font-weight:bold;
text-transform: uppercase;
text-align: center;
line-height: 1.75em;
padding-top: 6px;
border-radius:6px;
}
.rb100{width:100%}
.rb50{width:50%}
.rb33{width:33.333%}
.rb25{width:25%}
.rb20{width:20%}
.rb16{width:16.666%}
.rb14{width:14.285%}

.container.gry .texte p{color:black;}
.arianne {padding-top:20px;padding-bottom:22px;border-bottom: 1px solid #dedede;}
tr:nth-child(2n+1) {
    background-color: #fff !important;
}
tr:nth-child(2n) {
    background-color: #f1f1f1 !important;
}
#bloc-sessions{
margin-top:30px;background-color: white;
padding: 10px !important;overflow: hidden;padding-bottom: 27px !important;
}
.nav-tabs a,.btn-resa,.btn-default,strong.violet,a.big{color:#226cc7 !important;}

.wce-block-content .line.mt2 .mod strong.violet{color:white !important}

.pa1, .pas{padding:10px 0px !important}
#footer .frst{text-transform: uppercase;
font-weight: bold;
font-size: 19.5px;
line-height: 35px;
}
.aquabiking .image_activite > a{    width: 370px !important;
    -webkit-border-radius: 370px; -moz-border-radius: 370px;-o-border-radius: 370px;-ms-border-radius: 370px;border-radius: 370px;
    height: 370px;}
html body td a,html body div.tab-content a,html body .input_connexion a,a.btn{background-color:#226cc7 !important;color:white !important}
.btn:hover,.btn-resa:hover{background-color:#00387d !important}
.fond_banner{height:350px !important;background-size:cover !important;background-position:center !important;}
.foots{height: 110px;float:left;display:block;width:30.33%;margin:1.5%;margin-top:31px;}
.foots li{color:white !important;list-style:none}
.foots a{color:white}
.foot{width:100%;float:left;display:block;}
.foots ul{padding-left:0px}
.menufooter{margin-top: 30px;height: 80px;
line-height: 80px;text-align:center;border-top: 1px solid #dedede;background-color: #fff !important;}
.menufooter ul{height: 80px;
line-height: 80px;padding-left:0px}
.ft{line-height:9px;font-size:0.8em}
.menufooter li{list-style:none;display:inline-block;margin:0 20px}
.menufooter li a{color:#646464;}
p.ft{display:inline-block;text-align:center;width:100%;line-height:70px;height:98px;background:none;}
.foots li a{margin-top: 10px;display:block;}
#reservation-cms{margin-bottom:0px !important}
#bloc-sessions .calendar table{margin: 0 auto;}
.detail ul > li > ul > li {margin:25px 0 !important}
.detail ul > li > ul > li > ul > li {margin:0 !important}
.detail ul li span{line-height: 30px;text-transform:uppercase;}
#bloc-sessions li,.detail ul li{list-style:none !important}
#bloc-sessions li{margin-left:0px !important}
#bloc-sessions a.big,#reservation-cms h2{font-weight:bold !important;color:#226cc7 !important;text-transform:uppercase;font-size: 18px !important;
text-decoration: none !important;
text-transform: uppercase;}
.sousmenu{overflow: hidden;padding: 0px 17px;max-width: 1170px;
margin: 0 auto;margin-top:30px;
}
#tracker-warning{top:0px !important;bottom:inherit !important}
.homepage .gry{background:#226cc7 !important;-max-width:1140px;max-width:100%;}
.homepage .gry .texte p{margin: 75px 0;color:white !important;font-size:1.125em}
.homepage .gry2 .texte2 p{margin: 75px 0;color:black !important;font-size:0.75em}
.sous-menu1 .cnt{float:left;}
.sous-menu3 .cnt{float:right;}
.cn{width:1182px;margin:0 auto;position:relative;} /* MODIF SLE AJOUT ACTUALITE ancienne valaur : width:1170px */
.fxd .cn{width:1360px;}
#reservation-cms .step-preresa {
    margin-top: 20px;
    background-color: #226cc7;
    padding: 20px;
    color: white !important;
}
#slider .titre{-webkit-transition:left 1.4s;-moz-transition:left 1.4s;-o-transition:left 1.4s;-ms-transition:left 1.4s;transition:left 1.4s;position: absolute;
left: 100%;
width:0px;overflow:hidden;
top: -50px;
height: 50px;background: #003a7d;}
#slider .act .titre{width:auto;left:0px}
#slider .titre h1{
  position: relative;
top: 6px;
color: white !important;
font-weight: bold !important;
font-size: 23px !important;
padding: 6px 20px;
}
table th{text-transform:uppercase}
.main-content hr{display:none}
.main-content .txtright,.main-content form,h2.step-by-step,.call-to-act{text-align:center !important}
.group-form{text-align:left !important}
.main-content .pull-left,.main-content .pull-right{float:none !important;text-align:center !important;margin-top:20px;}
.help-block2 span{color:white !important}
#reservation-cms .step-preresa h3,#reservation-cms .step-preresa h3 span{text-transform: uppercase;
font-size: 17px;color:white !important}
#reservation-cms .step-preresa .help-block {
    font-size: 0.9em !important;
    margin: 0;
    color: #dedede !important;
}
.btn-resa{display: block;
color: white !important;
background-color: #226cc7 !important;
text-align: center;
padding: 5px;}

#reservation-cms .col-md-9,#reservation-cms .col-md-3{padding:25px;background:white}
#reservation-cms .col-md-9 .mt4.row{display:none}
#overlay{display:none;position:fixed;top:0px;z-index:9;left:0px;width:100%;height:100%;background:#226cc7 !important;opacity:0.25;filter:alpha(opacity=25)}
#zone_activite{margin-bottom:0px !important}
.co{background:#226cc7 !important;}
.deco{background:#BF0062 !important}
.deco a,.co a{color:white !important}
#flashbag.messages-alert .alert {
	background:white;
	padding:15px;
    position: fixed;
    top: 50% !important;
    left: 50%;
	margin-left:-200px;
	margin-top:-50px;
	text-align:center;
    z-index: 199;
    width: 400px;
	height:100px;
}
#reservation-cms .line.mt2 h2{font-size:15px !important;color:white !important}
.homepage.home #menu .lft{width:auto !important}
.homepage.home #menu .cn{padding:0px !important}
.homepage.home #menu .lft{float:right !important}
#menu .deco a:hover,#menu .co a:hover{border-color:white !important}
.main-content table td a.pull-left, .main-content table td a.pull-right{margin-top:0px !important}
.table th, .table td{line-height:20px !important;vertical-align:middle !important}
.infscl{display:none !important;position:absolute;bottom:50px;left:50%;margin-left:-125px;background:white;font-weight:bold;text-transform:uppercase;display:block;padding:5px 10px;line-height:20px;font-size:14px;color:black;width:250px;height:30px}
.scl{cursor:pointer;position:absolute;bottom:70px;left:50%;margin-left:-31px;width:60px;height:33px;
-webkit-animation-name: scl;
    -webkit-animation-duration:1.4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: scl;
    -moz-animation-duration: 1.4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
	-o-animation-name: scl;
    -o-animation-duration: 1.4s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
    -ms-animation-name: scl;
    -ms-animation-duration: 1.4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
	animation-name: scl;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;}
	.alert.bg-danger{clear:both;background:#BF0062 !important;color:white;font-weight:bold;text-align:center;}
#bloc-sessions .calendar .has_activity{cursor:pointer}
	.calendar .grid1-2.mt3.line div.mod:last-child ul{display:block !important;padding:25px !important;}
	.calendar .grid1-2.mt3.line div.mod:last-child li span,#detail_cell_selected29 li a{color:white !important}
	.calendar .grid1-2.mt3.line div.mod:last-child li {display:block !important;width:100%;list-style:none !important;color:white !important;}



	#aquacite section .mt3,#piscine-olympique section .mt3,#piscine-regis-fermier section .mt3{margin-top:0px !important;}
	#aquacite section .mt3 .wce-block-content div.img,#piscine-olympique .mt3 .wce-block-content div.img,#piscine-regis-fermier .mt3 .wce-block-content div.img{background-size:cover;background-position:center;overflow:hidden;width:100% !important;height:350px;}
#aquacite section .mt3 .wce-block-content div.img img,#piscine-olympique .mt3 .wce-block-content div.img img,#piscine-regis-fermier .mt3 .wce-block-content div.img img{display:none !important}
	#aquacite section .mt3 .wce-block-content div.img{background-image:url(https://piscine.chalons-agglo.fr/data/doc-358/20171002/58_1.jpg);}
	#piscine-olympique .mt3 .wce-block-content div.img{background-image:url(https://piscine.chalons-agglo.fr/data/doc-358/20171002/56_1.jpg);}
	#piscine-regis-fermier .mt3 .wce-block-content div.img{background-image:url(https://piscine.chalons-agglo.fr/data/doc-358/20171002/57_1.jpg);}


	#aquacite a.big,#piscine-olympique a.big,#piscine-regis-fermier a.big{font-weight:bold;text-transform:uppercase;}
	#aquacite .tarif,#piscine-olympique .tarif,#piscine-regis-fermier .tarif{font-size:22px;font-weight:bold;text-transform:uppercase;}
	.titre_piscine h1.titlle{margin-top:33px !important;}
	.deco.account .submenu li a,.deco.account .submenu,.deco.account .submenu li{color:#BF0062 !important;background:white !important}
	.deco.account{position:relative;}
	.deco.account .submenu{background:none !important}
	#slider #art1 .txt.alon{left:37px !important}
	#slider #art1 .txt.alon .titre{width:auto !important;left:0px !important}

@-webkit-keyframes scl {
    0% { margin-bottom:0px;opacity:0.15; }
    100% { margin-bottom:-20px;opacity:1; }
}
@-moz-keyframes scl {
    0% { margin-bottom:0px;opacity:0.15;  }
    100% { margin-bottom:-20px;opacity:1; }
}
@-ms-keyframes scl {
    0% { margin-bottom:0px;opacity:0.15;  }
    100% { margin-bottom:-20px;opacity:1; }
}
@-o-keyframes scl {
    0% { margin-bottom:0px;opacity:0.15;  }
    100% { margin-bottom:-20px;opacity:1; }
}
@keyframes scl {
    0% { margin-bottom:0px;opacity:0.15;  }
    100% { margin-bottom:-20px;opacity:1; }
}

@media(max-width:1440px){
	.home #menu .ul{margin-left:21.5% !important;}
}

@media(max-width:1250px){

	#mentions-legales .wce-block-content,#conditions-generales-de-vente .wce-block-content{padding:35px !important}
	#superglobal .wrap .mt1 section{padding: 0 35px;}
	.texte,.texte2{padding:10px 35px;}
	.cn{padding:0 0px;} /* MODIF SLE AJOUT ACTUALITE ancienne valeur :padding:0 35px; */
	.arianne{padding-left:35px;padding-right:35px;}
}

@media(max-width:1200px){

	.arianne .mod:last-child{position:relative;right:0px}
.arianne .mod:first-child{position:relative;top:0px}

	#menu li a{padding:35.5px 19px;font-size: 16px;}
	.cn{width:100%}
	.home #menu .ul{margin-left:250px !important;}
	#slider .txt{width:70%;}
	.arianne {padding-top:40px !important}
	.soustitre{padding-right:20px}
	.soustitre h1{font-size:20px !important;}
	.soustitre h5{font-size:11px !important;}
}
@media(min-width:1024px){
	#page #menu .ul{display:block !important}
}
@media(max-width:1023px){
  #logo a, #logo a img{
    width:200px !important;
    height:114px !important;
  }
  #slider .titre h1{
    font-size:20px !important;
    top:8px !important
  }
		#menu.open,#menu.open .barrs,.fxd.open,.fxd.open #logo{position:absolute !important}
	.homepage.home #menu .lft{width:100% !important}
.mw1280p.m-auto.pa1{padding-top:0px !important}
	#menu .cn{padding:0px !important}
	#menu .cn ul{padding:0 35px !important}
	.scl{bottom:67px}
	.home #menu .ul{margin-left:0px !important}
	#bloc-sessions .line.grid2-1 .mod,#bloc-sessions .session .detail,#bloc-sessions .session .calendar{float:left !important;width:100% !important;}
	.homepage #content{margin-top:150px !important;}
	#slider .txt{width:80%;top:130px !important}
	html body #footer {height:auto !important}
	.foots{height:auto !important}
	ul.pgi{bottom:17px !important}
	.fleche{top:130px !important;height:100px !important}
	.txt{height:101px;width:80% !important;font-size:16px !important}
	#superglobal{margin-top:98px !important}
	 #logo{background:none !important;padding-top:0px !important;top:0px;position:fixed;}
	 #menu{position:fixed;top:0;left:0;height:99px;width:100%;background:white;z-index:20;}
	 #menu .ul{float:right;width:75%;}
	 #menu li a{padding:35.5px 23.5px }
	#slider{top:98px !important}
	#aquacite section .mt3 .wce-block-content div.img,#piscine-olympique .mt3 .wce-block-content div.img,#piscine-regis-fermier .mt3 .wce-block-content div.img{width:100% !important;overflow:hidden;height:200px !important;}


	.fond_banner{height:200px !important;}
	.fond_banner.phone-hidden{display:block !important;}

	.barrs{position:fixed;top:30px;right:40px;z-index:99;display:block !important;cursor:pointer;width:40px;height:33px;}
	.icon-bars-white{background-color:#226cc7;height:4px;width:40px;margin-bottom:9px;}

	#menu.act .ul{display:block;}
	#menu li a{border-bottom:1px solid #dedede;padding:14px 20px !important}
	#menu ul,#menu ul li{position:relative !important;width:100% !important;display:block;clear:both;float:left;}
	#menu .ul{margin-top: 99px;padding-top:25px;padding-bottom:25px;display:none;background:white;width:100% !important;}
	.soustitre h1{text-align:center !important;}
	.soustitre h5{text-align:center !important;font-size:11px !important;}
	#slider,#footer{height:350px !important}
	.texte,.texte2{font-size:19px}
}
@media(max-width:900px){
	.menufooter,.menufooter ul{line-height:40px;height:auto !important}
	.menufooter li{margin:0px !important;background:white;border-top: 1px solid #dedede;width:100% !important;}
	.sousmenu{padding: 0px 37px;}
	.foots{width:97% !important;}
	.soustitre{width:100% !important}
	.soustitre{padding-right:0px !important;text-align:center !important}
	.sous-menu .bulle{float:none !important}
	body .mt3,body .mtl{margin-top:24px !important}
	#reservation-cms h1,#superglobal #global h1.title_activite,#reservation-cms h2.pull-left, h1.h1titre_sitemap,.wce-block-content h1.titlle{font-size:37.5px !important;margin-top:7px !important}
}
@media(max-width:640px){
	.small-heading .arianne{padding-bottom:18px !important;height:auto !important}
	.small-heading .arianne .btn-group.right a{display: block;width: 100% !important;}
	.arianne .mod .btn-group.right.pt0.ml1,.aquabiking .image_activite > a{width:100% !important}
	#reservation-cms .line.mt2 .mt1.mb1{padding:0 15px}
	#reservation-cms .line.mt2 h2,#reservation-cms .line.mt2 #bloc-sessions{margin-left:15px;margin-right:15px}
	#reservation-cms .col-md-9, #reservation-cms .col-md-3{
		display:block !important;width:100% !important
	}
	.wce-block-content .grid1-2 > * + * div{width:100% !important}
	#reservation-cms .col-md-9 .mt4.row{display:none !important}
	body .mt3, body .mtl{margin-top:0px !important}
	#superglobal #global h1.title_activite{padding:0 15px !important}
	html body #superglobal .wrap .mt1 section .mod p{padding:15px !important;}
	html body #superglobal .wrap .mt1 section{padding:0px !important}
	.wce-block-content .grid1-2 > :first-child img{display:none !important;width:100% !important}
	.calendar a.btn.liendecoration{width:100% !important}
	.sous-menu1 .cnt,.sous-menu3 .cnt{float:none !important}
	.sous-menu{width:50% !important}
	.sous-menu:last-child{width:100% !important}
	.homepage #superglobal{margin-top:0px !important}
	.texte,.texte2{margin-top:40px !important;padding:1px 15px;}
	.homepage .soustitre{line-height:0px !important;margin-top:20px !important;margin-bottom:30px !important}
	.homepage .soustitre h1,.homepage .soustitre h5,.homepage .soustitre{text-align:center !important}

	#slider #art1 .txt.alon{left:0px !important}
	#slider .txt{left:0px !important;z-index:9;height:auto !important;width:100% !important}
	.fond_banner{height:150px !important}
	#aquacite section .mt3 .wce-block-content div.img,#piscine-olympique .mt3 .wce-block-content div.img,#piscine-regis-fermier .mt3 .wce-block-content div.img{overflow:hidden;width:100% !important;height:150px !important;}
	.txt .contenu{height: 120px;overflow: hidden;}


	.btn{width:125px !important}
	#superglobal #global h1.title_activite,#reservation-cms h2.pull-left, h1.h1titre_sitemap{font-size:35px !important}
}
@media(max-width:500px){
	#slider #art1 .txt.alon .titre{width:100% !important}
	#slider .titre{width:100%;height:62px !important}
	#slider .titre{top:-62px !important}
	#slider .titre h1{top:0px !important;line-height: 20px;padding-top: 11px;height:62px;width:320px;}
}
@media(max-width:420px){

	#logo{background:none !important;padding-top:0px !important;width:230px !important}
	#mentions-legales .wce-block-content,#conditions-generales-de-vente .wce-block-content{padding:15px 15px !important}
	#menu .cn ul{padding:0 15px !important}
	#reservation-cms h1,#superglobal #global h1.title_activite,#reservation-cms h2.pull-left, h1.h1titre_sitemap,.wce-block-content h1.titlle{font-size:25px !important;}
	.fleche{display:none;}
	.arianne{padding-left:15px !important;padding-right:15px !important}
	.barrs{right:15px !important}
	#superglobal .wrap .mt1 section{padding:0 15px !important;}
	#logo a{margin-left: 15px !important;}
}