.primary-font,
.site-header-5 nav.main-navigation ul li ul.sub-menu li a,
a.side-menu-button,
nav.main-navigation ul li ul.sub-menu li a,
nav.main-navigation ul a,
nav.responsive-menu ul li .sub-menu a,
nav.responsive-menu a,
.slider-5 .first-line,
.slider-5 .second-line,
.first-line,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 93.75%;
}
html::selection {
    color: #ffffff;
    background: #e1bf34;
}
body {
    font-family: 'Montserrat';
    background-color: white;
}
@media (max-width: 991px) {
    body.homepage-5 {
        background-image: none;
        padding: 0px;
        font-family: 'Montserrat';
    }
}
.homepage-5 {
    padding-right: 20px;
    padding-left: 20px;
}
section {
    padding: 15px 0;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.barre {
    background-image: url(../img/barre-couleurs.jpg);
    width: 100%;
    height: 5px;
}
.site-header {
    width: 100%;
    min-height: 120px;
    height: auto;
    left: 0;
    z-index: 9999;
    background-color: white;
}
.logo {
    padding-top: 20px;
    text-align: left;
}
.pictomenu {
    margin-right: 6px;
    margin-top: -2px;
}
.connexion {
    text-align: center;
    display: block;
    background-color: #0069b4;
    padding: 10px;
    max-width: 200px;
    border-radius: 40px;
    width: 100%;
    color: white;
    font-family: 'Montserrat';
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
}
.connexion:hover {
    background-color: #0069b4;
    color: white;
}
/* =========  CARTE ============== */



.mapsbtn {
    z-index: 9999;
    max-width: 100%;
    height:auto;
    margin-top: 30px;
     margin-bottom: 30px;
   
}
.mapsbtn a {
    display: block;
    width: 100%;
    height: 50px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Montserrat';
    padding-left: 30px;
    text-align: left;
    line-height: 50px;
}
.mapsbleu {
    background-color: #009fe3;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 25px;
    max-width: 100%;
    height: 46px;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 45px;
    background-image: url(../img/pictomenu-left.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
}
.mapsbleu:hover,
.mapsbleu:active,
.mapsbleu:focus,
.mapsbleuhover {
    background-color: #e8e9ec;
    color: #646363;
    background-repeat: no-repeat;
    background-image: url(../img/pictomenu-left-bleu.png);
    background-position: 93% 50%;
    border-radius: 50px;
}
.mapsrose {
    background-color: #e71d73;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 25px;
     max-width: 100%;
    height: 46px;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 45px;
    background-image: url(../img/pictomenu-left.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin-top: 8px;
}
.mapsrose:hover,
.mapsrose:active,
.mapsrose:focus,
.mapsrosehover {
    background-color: #e8e9ec;
    color: #646363;
    background-repeat: no-repeat;
    background-image: url(../img/pictomenu-left-rose.png);
    background-position: 93% 50%;
    border-radius: 50px;
    margin-top: 8px;
}
.mapsorange {
    background-color: #ee7203;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 25px;
     max-width: 100%;
    height: 46px;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 45px;
    background-image: url(../img/pictomenu-left.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin-top: 8px;
}
.mapsorange:hover,
.mapsorange:active,
.mapsorange:focus,
.mapsorangehover {
    background-color: #e8e9ec;
    color: #646363;
    background-repeat: no-repeat;
    background-image: url(../img/pictomenu-left-orange.png);
    background-position: 93% 50%;
    border-radius: 50px;
    margin-top: 8px;
}
.mapsviolet {
    background-color: #352983;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 25px;
     max-width: 100%;
    height: 46px;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 45px;
    background-image: url(../img/pictomenu-left.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin-top: 8px;
}
.mapsviolet:hover,
.mapsviolet:active,
.mapsviolet:focus,
.mapsviolethover {
    background-color: #e8e9ec;
    color: #646363;
    background-repeat: no-repeat;
    background-image: url(../img/pictomenu-left-violet.png);
    background-position: 93% 50%;
    border-radius: 50px;
    margin-top: 8px;
}
.services {
    width: 100%;
    background-color: #ffffff;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 100px;
}
.services .second-row {
    margin-top: 45px;
}
/* ====================================================================================================================
 * ACCUEIL
 * ====================================================================================================================*/

.presentationacc {
     max-width: 100%;
    padding: 15px;
    height: auto;


}
.presentationacc h1 {
    font-family: Expletus Sans;
    color: #352983;
    font-size: 42px;
}


.presentationacc hr {
    height: 2px;
    padding: 0;
    color: #352983;
    background-color: #352983;
    border: 0;
    max-width: 175px;
    margin-bottom: 40px;
    margin-top: 25px;
}
.promotion {
    background-image: url(../img/fond-actu-prmo-accueil.jpg);
    background-size: cover;
    height: auto;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 100px;
    margin-bottom: 40px;
}
.promotion h1 {
    text-align: center;
    color: white;
    font-family: Expletus Sans;
    font-size: 40px;
    font-style: italic;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 25px;
}
.promotion .traitpromo {
    height: 2px;
    margin: 0 auto;
    padding: 0;
    color: white;
    background-color: white;
    border: 0;
    max-width: 175px;
    margin-bottom: 40px;
}
.blockactu {
    background-color: #f6f6f6;
    padding: 0px;
    min-height: 475px;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 12px;
    max-width: 100%;
    color: #646363;
}
.blockactu p {
    min-height: 75px;
    line-height: 16px;
}
.savoirplus {
    display: block;
    background-image: url(../img/btn-savoir-plus-actu.png);
    width: 37px;
    height: 37px;
    float: right;
    margin-top: -8px;
    margin-right: 20px;
}
.promoleft {
    margin-left: 25px;
}
.blockactu h3 {
    padding: 10px;
    padding-left: 15px;
    color: #ee7203;
    font-weight: 500;
    font-size: 22px;
}
.blockactu p {
    padding: 15px;
    padding-top: 0px;
}
.actuleft {
    margin-left: 50px;
}
.blockactu img {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    width: 100%;
    height: auto;
}
.date {
    background-image: url(../img/picto-horloge.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    padding-left: 20px;
    font-weight: 600;
    margin-left: 15px;
}
.coeur {
    padding-top: 50px;
    padding-bottom: 60px;
    margin-left: 35px;
}
.coupcoeur {
    background-image: linear-gradient(60deg, #342a84, #009ee2);
    padding: 15px;
    border-radius: 15px;
    margin-right: 25px;
}
.coeurleft {
    margin-left: 15px;
}
.video {
    background-color: #e71d73;
    padding: 15px;
    border-radius: 15px;
}
.coupcoeur h1,
.video h1 {
    font-family: Expletus Sans;
    color: white;
    font-size: 42px;
    text-align: center;
    margin-top: 40px;
}
.coupcoeur hr,
.video hr {
    height: 2px;
    padding: 0;
    color: #352983;
    background-color: white;
    border: 0;
    max-width: 175px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 25px;
    text-align: center;
}


.margin30
{
margin-left:35px;
}

/* ====================================================================================================================
 * FIN ACCUEIL
 * ====================================================================================================================*/
/* ====================================================================================================================
 * PAGE
 * ====================================================================================================================*/

.page {
    width: 100%;
    height: auto;
    max-width: 1440px;
    margin: 0 auto;
    background-repeat: no-repeat;
    font-family: 'Montserrat';
    padding-top: 0px;
}
.bannerpage {
    z-index: 0;
    padding: 0;
    margin: 0;
    display: inline-block;
    overflow: hidden;
}
.contenupage {
    background-color: white;
    margin-top: 0px;
    padding: 0px;
    padding-top: 40px;
    z-index: 9999;
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
    margin-top: -350px;
}
.contenupage p {
    font-size: 14px;
    color: #646363;
    text-align: justify;
}
.paddingleft {
    padding-right: 30px;
}
.paddingright {
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 60px;
    padding-right: 25px;
    background-color: #352983;
    margin-right: 0px;
}
.paddingright p {
    color: white;
    padding-left: 10px;
    font-size: 15px;
}
.filarianne {
    color: #bdbcbc;
    font-size: 13.5px;
    font-weight: 400;
    margin-left: 5px;
}
.filarianne a {
    color: #352983;
    font-weight: 400;
}
.filarianne a:hover {
    color: #333333;
}
.blocktext {
    background-color: #f6f6f6;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 40px;
}



/* =========  PAGE TYPE ============== */

.bannierepage {
    margin: 0 auto;
    background-image: url(../img/banniere-page.jpg);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1440px;
    min-height: 300px;
    height: auto;
    margin-top: -20px;
}
.bannierepage h1 {
    font-family: Expletus Sans;
    color: white;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 270px;
    font-size: 44px;
}
.bannierepage hr {
    height: 2px;
    margin: 0 auto;
    margin-top: -8em;
    padding: 0;
    color: white;
    background-color: white;
    border: 0;
    max-width: 175px;
}


.articlepage
{
padding:20px;
}



.articlepage h1 {
    display:none;
}

.articlepage h2 {
    color: #352983;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 24px;
    margin-top:35px;
    margin-bottom: 20px;
}
.articlepage h3 {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 30px;
    color:#ee7203;
}

.articlepage h1:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 3px;
    background: #352983;
    display: block;
}
.articlepage h1:after {
    margin-left: .3rem;
    margin-top: 25px;
}







/* =========  BANNIERE RUBRIQUE ============== */

.bannierecommerce {
    margin: 0 auto;
    background-image: url(../img/banniere-commerce.jpg);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1440px;
    min-height: 300px;
    height: auto;
    margin-top: -20px;
}
.bannierecommerce h1 {
    font-family: Expletus Sans;
    color: white;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 270px;
    font-size: 44px;
}
.bannierecommerce hr {
    height: 2px;
    margin: 0 auto;
    margin-top: -8em;
    padding: 0;
    color: white;
    background-color: white;
    border: 0;
    max-width: 175px;
}



.bannieresante {
    margin: 0 auto;
    background-image: url(../img/banniere-sante.jpg);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1440px;
    min-height: 300px;
    height: auto;
    margin-top: -20px;
}
.bannieresante h1 {
    font-family: Expletus Sans;
    color: white;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 270px;
    font-size: 44px;
}
.bannieresante hr {
    height: 2px;
    margin: 0 auto;
    margin-top: -8em;
    padding: 0;
    color: white;
    background-color: white;
    border: 0;
    max-width: 175px;
}




.banniereservice {
    margin: 0 auto;
    background-image: url(../img/banniere-service.jpg);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1440px;
    min-height: 300px;
    height: auto;
    margin-top: -20px;
}
.banniereservice h1 {
    font-family: Expletus Sans;
    color: white;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 270px;
    font-size: 44px;
}
.banniereservice hr {
    height: 2px;
    margin: 0 auto;
    margin-top: -8em;
    padding: 0;
    color: white;
    background-color: white;
    border: 0;
    max-width: 175px;
}



.banniererestaurant {
    margin: 0 auto;
    background-image: url(../img/banniere-restaurant.jpg);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 1440px;
    min-height: 300px;
    height: auto;
    margin-top: -20px;
}
.banniererestaurant h1 {
    font-family: Expletus Sans;
    color: white;
    text-align: center;
    font-weight: 600;
    font-style: italic;
    line-height: 270px;
    font-size: 44px;
}
.banniererestaurant hr {
    height: 2px;
    margin: 0 auto;
    margin-top: -8em;
    padding: 0;
    color: white;
    background-color: white;
    border: 0;
    max-width: 175px;
}


/* =========  BLOCK RUBRIQUE ============== */


/* -- COMMERCE -- */
.commerceblock h1 {
    color: #009de7;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 22px;
    margin-bottom: 30px;
}
.commerceblock p {
    color: #646363;
    line-height: 34px;
    text-align: left;
}
.commerceblock span {
    font-style: italic;
}
.commerceblock strong {
    color: #009de7;
}
.commerceblock a {
    color: white;
    padding: 3px;
    border-radius: 15px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
    font-weight: bold;
    background-color: #009de7;
}
.commerceblock a:hover {
    color: #009de7;
    background-color: white;
}


/* -- SANTE & BEAUTE -- */
.santeblock h1 {
    color: #e71d73;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 22px;
    margin-bottom: 30px;
}
.santeblock p {
    color: #646363;
    line-height: 34px;
    text-align: left;
}
.santeblock span {
    font-style: italic;
}
.santeblock strong {
    color: #e71d73;
}
.santeblock a {
    color: white;
    padding: 3px;
    border-radius: 15px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
    font-weight: bold;
    background-color: #e71d73;
}
.santeblock a:hover {
    color: #e71d73;
    background-color: white;
}



/* -- SERVICES -- */
.serviceblock h1 {
    color: #ee7203;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 22px;
    margin-bottom: 30px;
}
.serviceblock p {
    color: #646363;
    line-height: 34px;
    text-align: left;
}
.serviceblock span {
    font-style: italic;
}
.serviceblock strong {
    color: #ee7203;
}
.serviceblock a {
    color: white;
    padding: 3px;
    border-radius: 15px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
    font-weight: bold;
    background-color: #ee7203;
}
.serviceblock a:hover {
    color: #ee7203;
    background-color: white;
}



/* -- BAR & RESTAURANT */
.restaurantblock h1 {
    color: #352983;
    text-transform: uppercase;
    line-height: 18px;
    font-size: 22px;
    margin-bottom: 30px;
}
.restaurantblock p {
    color: #646363;
    line-height: 34px;
    text-align: left;
}
.restaurantblock span {
    font-style: italic;
}
.restaurantblock strong {
    color: #352983;
}
.restaurantblock a {
    color: white;
    padding: 3px;
    border-radius: 15px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 11px;
    font-weight: bold;
    background-color: #352983;
}
.restaurantblock a:hover {
    color: #352983;
    background-color: white;
}



/* =========  PARTIE ADHERENT ============== */

.adherent h1 {
    font-weight: 400;
    font-size: 48px;
    line-height: 50px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.adherent h2 {
    color: #959595;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 60px;
}
.adherent h3 {
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.adherent h4 {
    font-style: italic;
    color: black;
    font-weight: 500;
    font-size: 18px;
    font-family: 'Montserrat';
}




.restaurant h1:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 3px;
    background: #352983;
    display: block;
}
.restaurant h1:after {
    margin-left: .3rem;
    margin-top: 25px;
}

.commerce h1:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 3px;
    background: #009de7;
    display: block;
}
.commerce h1:after {
    margin-left: .3rem;
    margin-top: 25px;
}
.service h1:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 3px;
    background: #ee7203;
    display: block;
}
.service h1:after {
    margin-left: .3rem;
    margin-top: 25px;
}
.beaute h1:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 3px;
    background: #e71d73;
    display: block;
}
.beaute h1:after {
    margin-left: .3rem;
    margin-top: 25px;
}

.restaurant {
    color: #352983;
}
.service {
    color: #ee7203;
}
.beaute {
    color: #e71d73;
}
.commerce {
    color: #009de7;
}
.adressemail p {
    text-align: left;
}
.adressemail a {
    color: #ee7203;
}
.titrehoraires {
    color: #ee7203;
    font-family: 'Montserrat';
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 15px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.horaire {
    font-weight: 300;
    line-height: 19px;
    color: #009fe3;
}
.horaire span {
    color: #009fe3;
    font-weight: 500;
}
.facebook {
    display: block;
    background-image: url(../img/picto-facebook-cercle.png);
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 8px;
}
.web {
    display: block;
    background-image: url(../img/btn-site-internet.png);
    width: 195px;
    height: 40px;
    background-repeat: no-repeat;
    float: right;
    margin-top: 8px;
}
.actupage {
    margin-top: 100px;
    margin-bottom: 30px;
}



/* ====================================================================================================================
* MENU LEFT PAGE
* ====================================================================================================================*/

.menuleft .bleu,
.bleu a {
    background-color: #009fe3;
    color: white;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    padding-left: 12px;
    max-width: 100%;
    height: 46px;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 45px;
    background-image: url(../img/pictomenu-left.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
}
.menuleft .bleu:hover,
.bleu:active,
.bleu:focus,
.bleu a:hover {
    background-color: #e8e9ec;
    color: #646363;
    background-image: url(../img/pictomenu-left-bleu.png);
}
.menuleft .rose,
.rose a {
    background-color: #e71d73;
    color: white;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    padding-left: 12px;
    max-width: 100%;
    height: 46px;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 45px;
    background-image: url(../img/pictomenu-left.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin-top: 8px;
}
.menuleft .rose:hover,
.rose:active,
.rose:focus,
.rose a:hover {
    background-color: #e8e9ec;
    color: #646363;
    background-image: url(../img/pictomenu-left-rose.png);
}
.menuleft .orange,
.orange a {
    background-color: #ee7203;
    color: white;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    padding-left: 12px;
    max-width: 100%;
    height: 46px;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 45px;
    background-image: url(../img/pictomenu-left.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin-top: 8px;
}
.menuleft .orange:hover,
.orange:active,
.orange:focus,
.orange a:hover {
    background-color: #e8e9ec;
    color: #646363;
    background-image: url(../img/pictomenu-left-orange.png);
}
.menuleft .violet,
.violet a {
    background-color: #352983;
    color: white;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    padding-left: 12px;
    max-width: 100%;
    height: 46px;
    border-radius: 50px;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 45px;
    background-image: url(../img/pictomenu-left.png);
    background-repeat: no-repeat;
    background-position: 93% 50%;
    margin-top: 8px;
}
.menuleft .violet:hover,
.violet:active,
.violet:focus,
.violet a:hover {
    background-color: #e8e9ec;
    color: #646363;
    background-image: url(../img/pictomenu-left-violet.png);
}
* {
    margin: 0;
    padding: 0;
}
#menu {
    width: 100%;
    margin: 0px auto 0 auto;
}
.menu {
    z-index: 9999;
}
.menu,
.sousmenu {
    text-align: left;
}
.menu,
.sousmenu span {
    color: white;
    font-style: italic;
    font-weight: 300;
}
.sousmenu {
    width: 100%;
    padding: 1px 0;
    padding-left: 25px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.sousmenu a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    font-family: 'Montserrat';
}
/* ALIMENTATION */

.ssbleu a {
    color: #009fe3;
}
.ssbleu a:hover,
.ssbleu a:active,
.ssbleu a:focus {
    color: #30b0e7;
}
/* BATIMENT */

.ssrose a {
    color: #e71d73;
}
.ssrose a:hover,
.ssrose a:active,
.ssrose a:focus {
    color: #f44791;
}
/* SERVICES */

.ssorange a {
    color: #ee7203;
}
.ssorange a:hover,
.ssorange a:active,
.ssorange a:focus {
    color: #f49846;
}
/* SERVICES */

.ssviolet a {
    color: #352983;
}
.ssviolet a:hover,
.ssviolet a:active,
.ssviolet a:focus {
    color: #53489a;
}
/* ====================================================================================================================
 * FIN MENU LEFT
 * ====================================================================================================================*/

@media (max-width: 991px) {
    .site-header {
        top: 0px;
    }
}
.site-header .main-header .logo {
    line-height: 110px;
}
.header-right-toggle {
    margin-top: 10px;
    margin-right: 20px;
}
.header-right-toggle a {
    padding-left: 5px;
    margin-top: 15px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    z-index: 9999;
    margin-left: -30px;
    margin-top: 25px;
    position: absolute;
}
a.side-menu-button {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    color: #e93a4c;
}
a.side-menu-button i {
    margin-right: 6px;
}
nav.main-navigation {
    position: relative;
    z-index: 20;
}
nav.main-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
nav.main-navigation ul li {
    position: relative;
    display: inline-block;
    padding: 47px 15px;
}
nav.main-navigation ul li ul.sub-menu {
    text-align: left;
    position: absolute;
    top: 115px;
    left: 0;
    width: 180px;
    background: #124e7d;
    padding: 5px 0;
    visibility: hidden;
    opacity: 0;
    -moz-transform: translate3d(20px, 0, 0);
    -o-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
nav.main-navigation ul li ul.sub-menu li {
    display: block;
    padding: 0;
    margin: 10px 0px;
}
nav.main-navigation ul li ul.sub-menu li a {
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
    padding: 5px 22px;
}
nav.main-navigation ul li ul.sub-menu li a:hover {
    color: #e1bf34;
}
nav.main-navigation ul li ul.sub-menu li:last-child {
    float: none;
}
nav.main-navigation ul li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
nav.main-navigation ul a {
    font-size: 15px;
    font-weight: 300;
    color: white;
    text-transform: uppercase;
}
nav.main-navigation ul a i {
    margin-left: 7px;
}
@media (min-width: 992px) and (max-width: 1200px) {
    nav.main-navigation ul a {
        padding: 10px 0;
    }
}
nav.main-navigation ul a:hover {
    color: #e1bf34;
}
nav.main-navigation ul li:last-child {
    float: right;
    padding: 0;
}
nav.main-navigation ul li:last-child .showLink {
    position: relative;
}
nav.main-navigation ul li:last-child .hideLink {
    position: absolute;
    top: 0;
    right: 0;
}
nav.main-navigation ul li:last-child #example {
    display: none;
}
nav.main-navigation ul li:last-child #example input {
    border: 1px solid #e5e5e5;
    margin-top: 25px;
    height: 40px;
    width: 200px;
    display: inline-block;
    outline: none;
    font-size: 12px;
    color: white;
    padding-left: 15px;
}
nav.main-navigation ul li:last-child i {
    padding-left: 15px;
    padding-right: 10px;
    margin-top: 50px;
    display: inline-block;
    text-align: center;
}
nav.responsive-menu ul {
    padding: 45px 20px;
    margin: 0;
    list-style: none;
}
nav.responsive-menu ul li {
    display: block;
    position: relative;
}
nav.responsive-menu ul li .show-submenu {
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
    color: white;
}
nav.responsive-menu ul li .sub-menu {
    display: none;
    padding: 5px 15px 15px 30px;
}
nav.responsive-menu ul li .sub-menu.open {
    display: block;
}
nav.responsive-menu ul li .sub-menu li:first-child {
    padding-top: 10px;
}
nav.responsive-menu ul li .sub-menu li {
    position: relative;
    margin: 0;
    padding: 3px 10px;
}
nav.responsive-menu ul li .sub-menu li:before {
    position: absolute;
    left: 0;
    top: 2px;
}
nav.responsive-menu ul li .sub-menu li:last-child {
    padding-bottom: 10px;
}
nav.responsive-menu ul li .sub-menu a {
    padding: 3px;
    font-size: 16px;
    font-weight: 400;
}
nav.responsive-menu a {
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding: 10px 10px;
    margin: 0;
    text-transform: uppercase;
    color: #ffffff;
}
.sidebar-menu-inner {
    position: relative;
    overflow: hidden;
}
.sidebar-menu-container {
    position: relative;
    overflow: hidden;
}
.sidebar-menu-push {
    position: relative;
    left: 0;
    z-index: 9999;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.sidebar-menu-overlay {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0.3);
    content: '';
    opacity: 0;
}
.sidebar-menu-open .sidebar-menu-overlay {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.sidebar-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    visibility: hidden;
    width: 250px;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #352983;
    overflow-y: auto;
}
.sidebar-menu::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: '';
    opacity: 1;
}
.sidebar-menu-open .sidebar-menu::after {
    width: 0;
    height: 0;
    opacity: 0;
}
.slide-from-left.sidebar-menu-open .sidebar-menu-push {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}
.ie9 .slide-from-left .sidebar-menu-push {
    margin-left: 250px;
}
.slide-from-left.sidebar-menu {
    z-index: 1;
}
.slide-from-left.sidebar-menu-open .slide-from-left.sidebar-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0s;
    transition: transform 0s;
}
.slide-from-left.sidebar-menu::after {
    display: none;
}
/* Medium Screens */

.aside {
    background-color: #352983;
    padding-top: 50px;
}
.menuaside {
    margin-top: 30px;
}
.menuaside p {
    color: #dcdcdc;
    text-align: left;
    font-family: 'Montserrat';
    float: right;
}
.menuaside a {
    color: #dcdcdc;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}
.menuaside a:hover {
    color: #0069b4;
}
.menuaside span {
    font-family: 'Montserrat';
}
.trait {
    margin-left: 1.5px;
    margin-right: 1.5px;
    color: #dcdcdc;
}
footer {
    min-height: 80px;
    height: 100%;
    background-color: #352983;
    padding-top: 30px;
}
footer p {
    text-align: center;
    color: #009fe3;
}
footer a {
    color: #009fe3;
}
footer a:hover {
    color: #ffffff;
}
.barre {
    background-image: url(../img/barre.jpg);
    width: 100%;
    height: 5px;
    margin: 0 auto;
    background-position: 50% 0;
}
.contact input[type='text'] {
    border: 0;
    margin-bottom: 25px;
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
    color: #2b0e39;
    height: 40px;
    font-weight: bold;
    outline: none;
}
.contact textarea {
    border: 0;
    margin-bottom: 25px;
    width: 100%;
    max-width: 100%;
    min-height: 200px;
    max-height: 240px;
    font-size: 14px;
    color: #2b0e39;
    height: 40px;
    padding: 12px 15px;
    outline: none;
    font-weight: bold;
}
.contact input[type='submit'] {
    border: 0;
    margin-bottom: 25px;
    width: 50%;
    font-size: 14px;
    color: #ff00cc;
    height: 50px;
    font-weight: bold;
    text-transform: uppercase;
    outline: none;
    border-top: 1px solid #ff00cc;
    border-bottom: 1px solid #ff00cc;
    background-color: transparent;
}
@media (max-width: 991px) {
    .services .service-item {
        margin-bottom: 40px;
    }
}
.services img {
    max-width: 100%;
    height: auto;
    z-index: 0;
}
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/

@font-face {
    font-family: 'flexslider-icon';
    src: url('../fonts/flexslider-icon.eot');
    src: url('../fonts/flexslider-icond41d.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/

.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
    outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/

.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    display: block;
}
* html .flexslider .slides {
    height: 1%;
}
.no-js .flexslider .slides > li:first-child {
    display: block;
}
/** Carousel **/

.jcarousel-wrapper {
    margin-left: -85px;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-left: 45px;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    width: 100%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.jcarousel img {
    max-width: 385px;
    height: auto !important;
}
/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 60%;
    width: 40px;
    height: 40px;
    text-align: center;
    background: none;
    color: #352983;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 32px/34px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #352983;
}
.jcarousel-control-prev {
    left: -65px;
}
.jcarousel-control-next {
    right: -95px;
}
/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #352983;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
}
.jcarousel-pagination a.active {
    background: white;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px white;
    -moz-box-shadow: 0 0 2px white;
    box-shadow: 0 0 2px white;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

.mobile {
    display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {} @media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px;
    }
    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
    .site {
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mobile {
        display: none;
    }
}
@media screen and (max-width: 966px) {
    .mobile {
        display: block;
    }
    .site {
        display: none;
    }
    .margin30
	{
	margin-left:0px;
	}
    
    .slider img,
    .full-img {
        height: 100%;
        max-height: 320px;
        width: auto;
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .contenupage {
        margin-top: 0px;
    }
    .contact {
        margin-top: 0px;
        max-width: 350px;
    }
    .horaire {
        margin-top: 0px;
        max-width: 350px;
    }
    .blocktext {
        margin-top: 50px;
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .blockactu {
        max-width: 100%;
        height: auto;
        padding-bottom:30px;    
    }
    .actuleft,
    .horaireleft {
        margin-left: 20px;
    }
    .menuaside p {
        text-align: center;
        float: none;
    }
    .jcarousel-wrapper {
        margin-left: -85px;
    }
    .adherent {
        margin-top: 60px;
    }
    .coeur {
        margin-left: 0px;
    }
    .coupcoeur {
        margin-right: 0px;
    }
    
     .coupcoeur,
    .video {
        margin-top: 10px;
        border-radius: 0px;
        margin-bottom: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .coeurleft {
        margin-left: 0px;
    }
    .bannieresante, .bannierecommerce, .banniererestaurant, .banniereservice {
        max-width: 1440px;
        min-height: 280px;
        height: auto;
    }
     .bannieresante h1, .bannierecommerce h1, .banniererestaurant h1, .banniereservice h1 {
        line-height: 245px;
        font-size: 40px;
    }
     .bannieresante hr, .bannierecommerce hr, .banniererestaurant hr, .banniereservice hr {
        margin-top: -7em;
    }
   
}
@media screen and (max-width: 670px) {
    .slider img,
    .full-img {
        height: 100%;
        max-height: 320px;
        width: auto;
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .adherent h1 {
        font-size: 40px;
    }
    .blocktext {
        padding-left: 20px;
        padding-right: 20px;
    }
    .bannieresante, .bannierecommerce, .banniererestaurant, .banniereservice, .bannierepage {
        max-width: 1440px;
        min-height: 180px;
        height: auto;
    }
    .bannieresante h1, .bannierecommerce h1, .banniererestaurant h1, .banniereservice h1,  .bannierepage h1 {
        line-height: 165px;
        font-size: 36px;
    }
    .bannieresante hr, .bannierecommerce hr, .banniererestaurant hr, .banniereservice hr,  .bannierepage h1 {
        margin-top: -4.5em;
    }
    
    
    .santeblock p , .restaurantblock p, .commerceblock p, .serviceblock p {
        line-height: 20px;
    }
     .santeblock a , .restaurantblock a, .commerceblock a, .serviceblock a {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-bottom: 20px;
        display: inline-block;
    }
}
@media screen and (max-width: 380px) {
    .slider img,
    .full-img {
        height: 100%;
        max-height: 180px;
        width: auto;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .site {
        display: none;
    }
    .maps {
        margin: 0 auto;
        width: 100%;
        height: auto;
        min-height: 600px;
        background-image: none;
        margin-top: -20px;
        margin-bottom: 60px;
    }
    .mapsbtn {
	padding:10px;
    }
    .jcarousel-control-prev {
        left: -115px;
    }
    .presentationacc {
        margin-left: 10px;
        
    }
    .presentationacc h1 {
        color: #352983;
    }
    .presentationacc hr {
        height: 2px;
        padding: 0;
        color: #352983;
        background-color: #352983;
    }
    .presentationacc p {
        color: #646363;
    }
    .promoleft {
        margin-left: 0px;
    }
    .horaire {
        margin-top: 20px;
    }
    .actuleft,
    .horaireleft {
        margin-left: 0px;
    }
    .logo {
        float: left;
        margin-bottom: 20px;
        margin-left: -30px;
    }
    .logo img {
        max-width: 260px;
    }
    .jcarousel-wrapper {
        margin-left: 0px;
    }
    .jcarousel {
        margin-left: 0px;
    }
   
    .aside {
        margin-top: 0px;
    }
    .paddingleft {
        padding-left: 15px;
        padding-right: 15px;
    }
    .paddingright {
        padding-right: 15px;
        margin-top: 50px;
    }
    .blockpromo span {
        margin-top: 15px;
    }
}