/* ---------- Google Font ---------- */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

*:focus {
    outline: none;
}

body {font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
text-align:left;}

ul {margin-left: 0px;}

p {margin-top: 35px;}

.espace_top{margin-top: 35px;}

h1 {font: 26px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:300;
text-decoration:none;
margin: 0;
padding: 0;
}

h2 {font: 20px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
margin: 0;
padding: 0;
}

h3 {font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: bold;
text-decoration:none;
margin: 0;
padding: 0;
}

h4 {font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:bold;
text-decoration:none;
margin: 0;
padding: 0;
}

h5 {font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: bold;
text-decoration:none;
margin: 0;
padding: 0;
display: inline;
}

hr {
height: 0;
opacity: 0.2;
width: 100%}

a {color: black;
text-decoration:underline}
a:hover {color: black;
text-decoration:none}
a:active {color: black;
text-decoration:none}
a:visited {color: black;
text-decoration:none}

.lien_bouton_horaires {
display: block;
text-decoration:none;
color:inherit;
}

.lien_bouton_horaires:hover {
display: block;
text-decoration:none;
color:inherit;
}

.lien_bouton_horaires:active {
display: block;
text-decoration:none;
color:inherit;
}

.lien_bouton_horaires:visited {
display: block;
text-decoration:none;
color:inherit;
}

.titre_connexion{
background-color: rgb(237,76,86);
margin-left: 0px;
padding-left: 7px;
margin-top: 0px;
}

.contenu_blanc_connexion{clear:both;
padding-left: 10px;
padding-right: 10px;
margin-top: 15px;
}

.acces_portail{text-align:center;
}

.cadre_noir_surveiller{border-color: black;
border-width:1px;
border-style:solid;
padding: 10px;
}

textarea {width:75%;
font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}

input {width:45%;
font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}

select {width:45%;
font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}

input[type=submit], input[type=reset] {
background-color:transparent;
width: 100px;
border-color:#BBB;
border-width: 1px;
border-style: solid;
}

input[type=submit]:hover, input[type=reset]:hover {
background-color:rgba(237,76,86,0.35);
}

#MyGmaps {width:100%;
height:400px;
}

#bulle_map {overflow: hidden;
white-space: nowrap;
}

.liste {margin-left: 0px;
list-style-type: square;}

.retrait {list-style-type: none;}

.contenu_cours{width:100%;
}

.contenu_cours_formation{float:left;
width:77%;
}

.colonne_formation{float:right;
width:20%;
}

.debut_inscriptions_aut{border-left-color: #EDA807;
border-left-width: 5px;
border-left-style: solid;
padding-left: 5px;
margin-bottom: 10px;
}

.debut_inscriptions_hiv{border-color: #80B6D8;
border-left-width: 5px;
border-left-style: solid;
padding-left: 5px;
margin-bottom: 10px;
}

.debut_inscriptions_pri{border-color: #9DB632;
border-left-width: 5px;
border-left-style: solid;
padding-left: 5px;
margin-bottom: 10px;
}

.debut_inscriptions_ete{border-color: #DFDF00;
border-left-width: 5px;
border-left-style: solid;
padding-left: 5px;
margin-bottom: 10px;
}

.portes_ouvertes_karibou{border-color: rgb(237,76,86);
border-left-width: 5px;
border-left-style: solid;
padding-left: 5px;
margin-bottom: 10px;
}

.cours_boutons{float:left;
width:62%;
margin-left: 20px;
}

.boutons_fetes{float:left;
width:100%;
margin-left: 20px;
padding-bottom: 40px;
}

.cours_description{float:left;
width:62%;
margin-left: 20px;
}

.cours_description_fete{float:left;
width:100%;
margin-left: 0px;
}

.cours_description_fete_niv2{float:left;
width:95%;
margin-left: 0px;
}

.cours_colonne{float:right;
width:30%;
border-color: rgba(237,76,86,0.7);
border-width:3px;
border-style:solid;
margin-top: 14px;
margin-bottom: 20px;
padding: 15px;
}

.encadre{
border-color: rgba(237,76,86,0.7);
border-width:3px;
border-style:solid;
margin-top: 14px;
margin-bottom: 20px;
padding: 15px;
}

.qaap{border-top-color: rgb(18,61,85);
border-top-width:1px;
border-top-style:solid;
padding-top: 5px;
}

.fin_cours{clear:both;
}

.bouton_horaires{float:left;
width: 135px;
color: rgba(18,61,85,0.5);
border-width: 1px;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 8px;
margin-top: 2px;
margin-bottom : 10px;
}

.bouton_horaires:hover{float:left;
color: rgba(18,61,85,0.35);
border-width: 3px;
margin-left: 0px;
margin-right: 6px;
margin-top: 0px;
margin-bottom : 8px;
}

.bouton_horaires_nd{float:left;
width: 135px;
color: rgba(18,61,85,0.5);
border-width: 1px;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 8px;
margin-top: 2px;
margin-bottom : 10px;
}

.bouton_fetes{float:left;
width: 160px;
color: rgba(18,61,85,0.5);
border-width: 1px;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 8px;
margin-top: 2px;
margin-bottom : 10px;
}

.bouton_fetes:hover{float:left;
color: rgba(18,61,85,0.35);
border-width: 3px;
margin-left: 0px;
margin-right: 6px;
margin-top: 0px;
margin-bottom : 8px;
}

.bouton_fetes_nd{float:left;
width: 135px;
color: rgba(18,61,85,0.5);
border-width: 1px;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 8px;
margin-top: 2px;
margin-bottom : 10px;
}

.texte_horaires{font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
text-align:center;
color: black;
}

.texte_automne{font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
text-align:center;
color:#EDA807;
}

.texte_hiver{font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
text-align:center;
color: #80B6D8;
}

.texte_printemps{font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
text-align:center;
color: #9DB632;
}

.texte_ete{font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
text-align:center;
color:#DFDF00;
}

.texte_unite{font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
text-align:center;
color: #999999
}

.image_cours {float:left;
}

.titre_cours {margin-left: 135px;
border-bottom-color: rgb(18,61,85);
border-bottom-width:1px;
border-bottom-style:solid;
padding-top:5px;
}

.titre_fetes {margin-left: 0px;
border-bottom-color: rgb(18,61,85);
border-bottom-width:1px;
border-bottom-style:solid;
padding-top:5px;
}

.resume_cours {margin-left: 135px;
margin-top: 5px;
font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 300;
text-decoration:none;
}

.resume_fetes {margin-left: 0px;
margin-top: 5px;
font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 300;
text-decoration:none;
}

.contenu_gauche_home{float:left;
width:73%;
}

.contenu_droite_home{float:right;
width:23%;
}

.contenu_gauche{float:left;
width:62%;
}

.contenu_droite{float:right;
width:35%;
}

.titre_surveiller {font: 20px "Montserrat", Helvetica, Arial, sans-serif;
text-align:right;
font-weight:bold;
margin-right: 5px;
}

.titre_surveiller_mobile {display:none;
}

.surveiller {width:92%;
border-top-color: rgb(237,76,86);
border-top-width:3px;
border-top-style:solid;
border-left-color: rgb(237,76,86);
border-left-width:3px;
border-left-style:solid;
padding-top:20px;
padding-left:20px;
padding-bottom:20px
}

.surveiller_mobile {display:none;
}

.titre_decouvrir {font: 20px "Montserrat", Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
}

.decouvrir {border-top-color: rgb(18,61,85);
border-top-width:3px;
border-top-style:solid;
padding-top:15px;
}

.decouvrir_1 {float:left;
margin-right:10px;
margin-bottom:10px;
}

.decouvrir_2 {float:left;
margin-right:10px;
margin-bottom:10px;
}

.decouvrir_3 {float:left;
margin-right:10px;
margin-bottom:10px;
}

.decouvrir_4 {float:left;
margin-right:10px;
margin-bottom:10px;
}

.decouvrir_module_1 {
  background: url("images/activites/aquatique-adulte-apnee.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.decouvrir_module_1 > header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.decouvrir_module_1 > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18,61,85, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.decouvrir_module_1 > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.decouvrir_module_1:hover > header::after {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0px;
  background: rgba(18,61,85, 0.9);
}

.decouvrir_module_1:hover > header > h4 {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0px;
}

.decouvrir_module_2 {
  background: url("images/activites/detente-pilates.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.decouvrir_module_2 > header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.decouvrir_module_2 > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18,61,85, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.decouvrir_module_2 > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.decouvrir_module_2:hover > header::after {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0px;
  background: rgba(18,61,85, 0.9);
}

.decouvrir_module_2:hover > header > h4 {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0px;
}

.decouvrir_module_3 {
  background: url("images/activites/detente-yoga-nidra.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.decouvrir_module_3 > header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.decouvrir_module_3 > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18,61,85, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.decouvrir_module_3 > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.decouvrir_module_3:hover > header::after {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0px;
  background: rgba(18,61,85, 0.9);
}

.decouvrir_module_3:hover > header > h4 {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0px;
}

.decouvrir_module_4 {
  background: url("images/activites/cardio-intervalles.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.decouvrir_module_4 > header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.decouvrir_module_4 > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18,61,85, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.decouvrir_module_4 > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.decouvrir_module_4:hover > header::after {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0px;
  background: rgba(18,61,85, 0.9);
}

.decouvrir_module_4:hover > header > h4 {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  transition: 0.3s ease;
  top: 0px;
}

.new_bodyart {
  background: url("images/activites/detente-bodyart.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_bodyart header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_bodyart > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_bodyart > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_basketball {
  background: url("images/activites/sport-basketball.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_basketball header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_basketball > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_basketball > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}


.new_yin-yoga {
  background: url("images/activites/detente-yoga-yin.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yin-yoga header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yin-yoga > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yin-yoga > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_baladi-burlesque {
  background: url("images/activites/danse-baladi-burlesque.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_baladi-burlesque header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_baladi-burlesque > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_baladi-burlesque > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_aquadetente {
  background: url("images/activites/aquatique-adulte-aquadetente.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_aquadetente header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_aquadetente > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_aquadetente > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_pound {
  background: url("images/activites/cardio-pound.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_pound header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_pound > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_pound > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_baladi {
  background: url("images/activites/danse-baladi.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_baladi header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_baladi > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_baladi > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_danse-contemporaine {
  background: url("images/activites/danse-contemporaine.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_danse-contemporaine header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_danse-contemporaine > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_danse-contemporaine > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_club-course {
  background: url("images/activites/cardio-club-course.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_club-course header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_club-course > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_club-course > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_hiit {
  background: url("images/activites/cardio-totalworkout.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_hiit header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_hiit > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_hiit > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_fessedefer-step {
  background: url("images/activites/cardio-fessedefer-step.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_fessedefer-step header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_fessedefer-step > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_fessedefer-step > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_powercardio {
  background: url("images/activites/cardio-powercardio.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_powercardio header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_powercardio > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_powercardio > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_circuit {
  background: url("images/activites/cardio-circuit-muscu.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_circuit header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_circuit > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_circuit > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_stretching {
  background: url("images/activites/detente-stretching.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_stretching header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_stretching > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_stretching > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_strongnation {
  background: url("images/activites/cardio-strong-nation.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_strongnation header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_strongnation > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_strongnation > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogafacial {
  background: url("images/activites/detente-yoga-visage.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yogafacial header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yogafacial > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogafacial > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogaprenatal {
  background: url("images/activites/detente-yoga-prenatal.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yogaprenatal header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yogaprenatal > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogaprenatal > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogafusion {
  background: url("images/activites/detente-zen-carre.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yogafusion header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yogafusion > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogafusion > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogaduo {
  background: url("images/activites/detente-yoga-couple.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yogaduo header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yogaduo > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogaduo > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_tennis-prive {
  background: url("images/activites/sport-tennis-prive.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_tennis-prive header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_tennis-prive > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_tennis-prive > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_balletjazz {
  background: url("images/activites/danse-contemporaine.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_balletjazz header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_balletjazz > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_balletjazz > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_aquabootcamp {
  background: url("images/activites/aquatique-adulte-aquabootcamp.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_aquabootcamp header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_aquabootcamp > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_aquabootcamp > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_aquasupfitness {
  background: url("images/activites/aquatique-adulte-sup.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_aquasupfitness header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_aquasupfitness > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_aquasupfitness > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_abdosfessiers {
  background: url("images/activites/cardio-fessesdefer.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_abdosfessiers header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_abdosfessiers > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_abdosfessiers > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_cardioboxe {
  background: url("images/activites/arts-martiaux-kickboxing.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_cardioboxe header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_cardioboxe > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_cardioboxe > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_latines {
  background: url("images/activites/danse-latine.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_latines header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_latines > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_latines > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogaetirement {
  background: url("images/activites/detente-yoga-etirement.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yogaetirement header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yogaetirement > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogaetirement > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogarestaurateur {
  background: url("images/activites/detente-hatha-yoga.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yogarestaurateur header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yogarestaurateur > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogarestaurateur > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogavoyage {
  background: url("images/activites/detente-yoga-vinyasa.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yogavoyage header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yogavoyage > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yogavoyage > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_zumba {
  background: url("images/activites/cardio-zumba.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_zumba header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_zumba > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_zumba > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_renforcement {
  background: url("images/activites/cardio-intervalles.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_renforcement header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_renforcement > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_renforcement > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_pickleball {
  background: url("images/activites/sport-pickleball.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_pickleball header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_pickleball > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_pickleball > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_meditation {
  background: url("images/activites/detente-meditation.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_meditation header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_meditation > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_meditation > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yoga-parent-enfant {
  background: url("images/activites/detente-yoga-parent-enfant.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yoga-parent-enfant header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yoga-parent-enfant > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yoga-parent-enfant > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_massage-bebe {
  background: url("images/activites/detente-massage-bebe.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_massage-bebe header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_massage-bebe > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_massage-bebe > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_tonus {
  background: url("images/activites/cardio-powercardio.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_tonus header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_tonus > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_tonus > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_zumbagold {
  background: url("images/activites/cardio-zumba-gold.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_zumbagold header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_zumbagold > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_zumbagold > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yoga-litho {
  background: url("images/activites/detente-yoga-litho.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yoga-litho header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yoga-litho > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yoga-litho > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_cardiopilates {
  background: url("images/activites/cardio-circuit-muscu.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_cardiopilates header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_cardiopilates > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_cardiopilates > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yoga-fit-energetique {
  background: url("images/activites/detente-yoga-fit.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yoga-fit-energetique header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yoga-fit-energetique > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yoga-fit-energetique > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yoga-nidra {
  background: url("images/activites/detente-yoga-nidra.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_yoga-nidra header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_yoga-nidra > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_yoga-nidra > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_eveil {
  background: url("images/activites/sport-sportmania.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_eveil header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_eveil > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_eveil > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_piyo {
  background: url("images/activites/detente-piyo.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_piyo header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_piyo > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_piyo > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_country {
  background: url("images/activites/danse-country.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_country header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_country > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_country > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_cardiointervalles {
  background: url("images/activites/cardio-intervalle-2025.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_cardiointervalles header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_cardiointervalles > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_cardiointervalles > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_apnee {
  background: url("images/activites/aquatique-adulte-apnee.png");
  background-attachment:scroll;
  width: 125px;
  height: 125px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_apnee header {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px;
  overflow: hidden;
}

.new_apnee > header::after {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(237,76,86, 0.7);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}

.new_apnee > header > h4 {
  margin: 0;
  top: 10px;
  color: white;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
}


.petit {margin-top: 10px;}

.moyen {margin-top: 25px;}

.legende {margin-top: 10px;
font: 12px "Montserrat", Helvetica, Arial, sans-serif;
}

.top_fetes{clear:both;
text-align: center;
background-color: rgba(237,76,86,0.1);

padding: 20px;
}

.contenu_blanc{clear:both;
padding-left: 20px;
}

.contenu_blanc_confirm{clear:both;
padding-left: 20px;
padding-right: 20px;
}

.mainWrap{display:block;
width:80%;max-width:1536px;margin:15px auto;}
	
.top_droite{float:left;
width:50%;
text-align:right;
}

.top_gauche{float:left;
width:50%;
text-align:left;
}

#logo-entete{max-width:434px;
height:auto
}

#site-entete{max-width:434px;
height:auto
}

.top_mobile{display:none;
text-align:center;
width:100%;
}

.rollup{display:block;
margin-top:25px;
}

.bas{clear: both;
}

.bas_de_page{float: right;
text-align:right;
padding-top: 50px;
padding-bottom: 20px;
width:280px;
font: 10px "Montserrat", Helvetica, Arial, sans-serif;
color: rgb(150,150,150)}

#facebook{padding-left: 5px; max-width:7.14%; height:auto;}
#site{padding-left: 15px; max-width:24.11%; height:auto;}
#sportmax{padding-left: 15px; max-width:42.86%; height:auto;}

.hidden{display:none;}

nav{clear: both;
margin-top: 65px;
display:block;
width:100%;
height:29px;
background:#123D55;
text-align: center;}

.menu{display:block;
}

.menu li{display: inline-block;
position: relative;
z-index:100;
}

.menu li:first-child{margin-left:0;}

.menu li a {font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:500;
text-decoration:none;
padding-top:5px;
padding-bottom:10px;
padding-left:30px;
padding-right:30px;
display:block;
color:#ffffff;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#FFFFFF;
background:rgb(237,76,86);
}

.menu li a.inscription:hover, .menu li:hover > a.inscription{color:#000000;
}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 100%;
position: absolute;
top: 34px;
left: 0px;
background:rgba(255,255,255,0.8);
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}

.menu ul li a {font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
display:block;
color:#000000;
background:rgba(255,255,255,0.8);
text-align: left;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
}

.menu ul li a:hover, .menu ul li:hover > a{
background:rgba(237,76,86,0.9);
color:rgb(255,255,255);
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{clear: both;
display:none;
width:100%;
padding:6px;
background:white;
border-color:rgb(237,76,86);
border-width:2px;
border-style:solid;
font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
color:black;
text-transform:uppercase;
text-decoration:none;
}
.mobile-menu:hover{background:rgb(237,76,86);
color:#ffffff;
text-decoration:none;
}

@media (min-width: 1380px) and (max-width: 1699px) {


.menu ul {top:34px;}
.menu li a{font-size:15px;
padding-top:4px;
padding-bottom:11px;
padding-left:15px;
padding-right:15px;}

.bas_de_page{width:280px;}

#facebook{padding-left: 3px;}
#site{padding-left: 15px;}
#sportmax{padding-left: 9px;}

#MyGmaps {height:300px;
}

.contenu_gauche_home{float:left;
width:70%;
}

.contenu_droite_home{float:right;
width:26%;
}

}

@media (min-width: 1200px) and (max-width: 1379px) {

.mainWrap{width:90%;padding:0px 0px;}

.menu ul {top:34px;}
.menu li a{font-size:15px;
padding-top:4px;
padding-bottom:11px;
padding-left:13px;
padding-right:13px;}


}

@media (min-width: 1024px) and (max-width: 1199px) {

.mainWrap{width:90%;padding:0px 0px;}

nav{margin-top: 65px;
}

.menu ul {top:34px;}
.menu li a{font-size:13px;
padding-top:5px;
padding-bottom:13px;
padding-left:11px;
padding-right:11px;}

.menu ul li a {font: 11px "Montserrat", Helvetica, Arial, sans-serif;
}

#site{padding-left: 10px;}
#sportmax{padding-left: 6px;}

body {font: 12px "Montserrat", Helvetica, Arial, sans-serif;
}

.legende {margin-top: 10px;
font: 10px "Montserrat", Helvetica, Arial, sans-serif;
}

h1 {font: 24px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 300;
}

h2 {font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: bold;
}

h3 {font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: bold;
}

h4 {font: 13px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: bold;
}

h5 {font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: bold;
}

textarea {width:75%;
font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}

input {width:45%;
font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}
	
select {width:45%;
font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}

.titre_surveiller {font: 18px "Montserrat", Helvetica, Arial, sans-serif;
text-align:right;
font-weight:bold;
margin-right: 5px;
}

.titre_decouvrir {font: 18px "Montserrat", Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
}

.resume_cours {font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 300;
text-decoration:none;
}

.bouton_horaires{float:left;
width: 115px;
color: rgba(18,61,85,0.5);
border-width: 1px;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 8px;
margin-top: 2px;
margin-bottom : 10px;
}

.bouton_horaires:hover{float:left;
color: rgba(18,61,85,0.35);
border-width: 3px;
margin-left: 0px;
margin-right: 6px;
margin-top: 0px;
margin-bottom : 8px;
}

.bouton_horaires_nd{float:left;
width: 115px;
color: rgba(18,61,85,0.5);
border-width: 1px;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 8px;
margin-top: 2px;
margin-bottom : 10px;
}

.texte_horaires{font: 11px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
}

.texte_automne{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_hiver{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_printemps{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_ete{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_unite{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.colonne_formation {display:none;
}

.contenu_cours_formation {float:none;
width: 100%;
}

.bas_de_page{font: 9px "Montserrat", Helvetica, Arial, sans-serif;
width:280px;}

#MyGmaps {height:200px;
}

.contenu_gauche_home{float:left;
width:68%;
}

.contenu_droite_home{float:right;
width:28%;
}

}

@media (max-width: 1023px) {

.mainWrap{width:90%;padding:0px 0px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:20px;
margin-bottom:10px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
font: 16px "Montserrat", Helvetica, Arial, sans-serif;
color:black;
padding-top: 10px;
border-top:1px solid #e0e0e0;}

.menu li a:hover, .menu li:hover > a{
background:black);
color:#ffffff;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

.top_gauche{display:none;
}

.top_droite{display:none;
}

.top_mobile{display:block;
width:100%;
}

#entete-mobile{max-width:350px;
height:auto
}

#site{padding-left: 10px;}
#sportmax{padding-left: 6px;}

body {font: 12px "Montserrat", Helvetica, Arial, sans-serif;
}

h1 {font: 24px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:300;
}

h2 {font: 18px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:bold;
}

h3 {font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:bold;
}

h4 {font: 13px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:bold;
}

h5 {font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:bold;
}

.legende {margin-top: 10px;
font: 10px "Montserrat", Helvetica, Arial, sans-serif;
}

textarea {width:75%;
font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}

input {width:45%;
font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}

select {width:45%;
font: 12px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
padding: 5px;
}
	
.bouton_horaires{float:left;
width: 115px;
color: rgba(18,61,85,0.5);
border-width: 1px;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 8px;
margin-top: 2px;
margin-bottom : 10px;
}

.bouton_horaires:hover{float:left;
color: rgba(18,61,85,0.35);
border-width: 3px;
margin-left: 0px;
margin-right: 6px;
margin-top: 0px;
margin-bottom : 8px;
}

.bouton_horaires_nd{float:left;
width: 115px;
color: rgba(18,61,85,0.5);
border-width: 1px;
border-style: solid;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 2px;
margin-right: 8px;
margin-top: 2px;
margin-bottom : 10px;
}

.texte_horaires{font: 11px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:normal;
text-decoration:none;
}

.texte_automne{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_hiver{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_printemps{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_ete{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_unite{font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.bas_de_page{font: 8px "Montserrat", Helvetica, Arial, sans-serif;
width:270px;
padding-top: 50px;}

.contenu_gauche_home{width:100%;
}

.contenu_droite_home{display:none;
}

.contenu_gauche{float:left;
width:100%;
}

.contenu_droite{float:left;
width:100%;
}

.titre_surveiller_mobile {display:block;
font: 18px "Montserrat", Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
margin-right: 0px;
}

.titre_decouvrir {font: 18px "Montserrat", Helvetica, Arial, sans-serif;
text-align:left;
font-weight:bold;
}

.surveiller_mobile {display:block;
border-top-color: rgb(18,61,85);
border-top-width:3px;
border-top-style:solid;
padding-top:15px;
padding-bottom:15px;
}

.resume_cours {font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 300;
text-decoration:none;
}

.colonne_formation {display:none;
}

.contenu_cours_formation {float:none;
width: 100%;
}

.cours_description{float:left;
width:60%;
}

.cours_colonne{float:right;
width:28%;
}

.espace_top{margin-top: -30px;}

.rollup{margin-top:0px;
}

#banniere_top_droite{display:none;
}

#MyGmaps{height:200px;
margin-top:15px;
}

#installations{width: 50%
}

#acces{width: 50%
}

p {margin-top: 25px

}

#programme-natation {border-spacing: 15px
}

#td-programme-natation {vertical-align: top
}	

#nager-pour-la-vie {width: 100px}

}

@media (max-width: 699px) {

#installations{width: 75%
}

#acces{width: 75%
}

h1 {font: 20px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:300;
}

h2 {font: 16px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:bold;
}

.texte_automne{font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_hiver{font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_printemps{font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_ete{font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.texte_unite{font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight:700;
text-decoration:none;
}

.resume_cours {margin-left: 95px;
margin-top: 5px;
font: 14px "Montserrat", Helvetica, Arial, sans-serif;
font-weight: 300;
text-decoration:none;
}

.titre_cours {margin-left: 95px;
}

.image_cours img{width:85px;
}

.new_bodyart {
  background: url("images/activites/detente-bodyart.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_basketball {
  background: url("images/activites/sport-basketball.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yin-yoga {
  background: url("images/activites/detente-yoga-yin.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_baladi-burlesque {
  background: url("images/activites/danse-baladi-burlesque.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_aquadetente {
  background: url("images/activites/aquatique-adulte-aquadetente.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_pound {
  background: url("images/activites/cardio-pound.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_baladi {
  background: url("images/activites/danse-baladi.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_danse-contemporaine {
  background: url("images/activites/danse-contemporaine.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_club-course {
  background: url("images/activites/cardio-club-course.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_hiit {
  background: url("images/activites/cardio-totalworkout.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_fessedefer-step {
  background: url("images/activites/cardio-fessedefer-step.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_powercardio {
  background: url("images/activites/cardio-powercardio.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_circuit {
  background: url("images/activites/cardio-circuit-muscu.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_stretching {
  background: url("images/activites/detente-stretching.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_strongnation {
  background: url("images/activites/cardio-strong-nation.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yogaduo {
  background: url("images/activites/detente-yoga-couple.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yogaprenatal {
  background: url("images/activites/detente-yoga-prenatal.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yogafusion {
  background: url("images/activites/detente-zen-carre.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yogafacial {
  background: url("images/activites/detente-yoga-visage.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_tennis-prive {
  background: url("images/activites/sport-tennis-prive.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_balletjazz {
  background: url("images/activites/danse-contemporaine.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_aquabootcamp {
  background: url("images/activites/aquatique-adulte-sup.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_aquasupfitness {
  background: url("images/activites/aquatique-adulte-aquabootcamp.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_abdosfessiers {
  background: url("images/activites/cardio-fessesdefer.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_cardioboxe {
  background: url("images/activites/arts-martiaux-kickboxing.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_latines {
  background: url("images/activites/danse-latine.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yogaetirement {
  background: url("images/activites/detente-yoga-etirement.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yogarestaurateur {
  background: url("images/activites/detente-hatha-yoga.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yogavoyage {
  background: url("images/activites/detente-yoga-vinyasa.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.new_zumba {
  background: url("images/activites/cardio-zumba.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_renforcement {
  background: url("images/activites/cardio-intervalles.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_pickleball {
  background: url("images/activites/sport-pickleball.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_massage-bebe {
  background: url("images/activites/detente-massage-bebe.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yoga-parent-enfant {
  background: url("images/activites/detente-yoga-parent-enfant.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_meditation {
  background: url("images/activites/detente-meditation.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_tonus {
  background: url("images/activites/cardio-powercardio.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_zumbagold {
  background: url("images/activites/cardio-zumba-gold.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yoga-litho {
  background: url("images/activites/detente-yoga-litho.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_cardiopilates {
  background: url("images/activites/cardio-circuit-muscu.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yoga-fit-energetique {
  background: url("images/activites/detente-yoga-fit.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_yoga-nidra {
  background: url("images/activites/detente-yoga-nidra.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_eveil {
  background: url("images/activites/sport-sportmania.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_piyo {
  background: url("images/activites/detente-piyo.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_country {
  background: url("images/activites/danse-country.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_cardiointervalles {
  background: url("images/activites/cardio-intervalle-2025.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}
	
.new_apnee {
  background: url("images/activites/aquatique-adulte-apnee.png");
  background-size: 85px 85px;
  background-attachment:scroll;
  width: 85px;
  height: 85px;
  position: relative;
  overflow: hidden;
  margin: 0px;
}

.cours_colonne{float:left;
width:90%;
border-color: rgba(237,76,86,0.7);
border-width:3px;
border-style:solid;
margin-top: 14px;
margin-bottom: 15px;
padding: 15px;
}

.cours_description{float:left;
width:100%;
margin-left: 0px;
}

.cours_boutons{float:left;
width:95%;
margin-left: 0px;
}

.contenu_blanc{clear:both;
padding-left: 0px;
}

.contenu_blanc_confirm{clear:both;
padding-left: 0px;
padding-right: 20px;
}
	
textarea {width:100%;
}

input {width:100%;
}
	
select {width:100%;
}

input[type=submit], input[type=reset] {
color: black;
background-color:transparent;
width: 100%;
margin: 3px;
border-color:#BBB;
border-width: 1px;
border-style: solid;
}

input[type=submit]:hover, input[type=reset]:hover {
background-color:rgba(237,76,86,0.35);
}

}


@media (max-width: 480px) {

#entete-mobile{max-width:75%;
height:auto
}

.bas_de_page{font: 8px "Montserrat", Helvetica, Arial, sans-serif;
width:60%;}

#site{padding-left: 5px;}
#sportmax{padding-left: 3px;}

#installations{width: 100%
}

#acces{width: 100%
}

}


@media (max-width: 320px) {

.mobile-menu{font: 13px "Montserrat", Helvetica, Arial, sans-serif;
}

.rollup{display:none;
}



}