.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: "Cocon";
src: url(//www.camping-mulhouse.com/wp-content/themes/theme-glc/font/cocon-regular-webfont.ttf), url(//www.camping-mulhouse.com/wp-content/themes/theme-glc/font/cocon-regular-webfont.eot?#iefix);
}
body {
margin: 0;
position: relative;
z-index: 0;
overflow-x: hidden;
font-family: 'Open Sans', sans-serif }
li { list-style: none }
ul {
margin: 0;
padding-left: 0 }
img { max-width: 100%; }
.one-service, .one-content-actualite, .content-one-footer a, .introduction-one-article, #menu-menu-principale a, #menu-menu-principale-en a, #menu-menu-principale-de a, #menu-menu-principale-1 a, #menu-menu-principale-de-1 a, #menu-menu-principale-en-1 a, #header-contact a, #menu-hebergement a, #menu-menu-principale-es-1 a { text-decoration: none }
a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #000000; }
.lang-item-it { display: none!important; }
.page-id-37 .wd_id {
width: auto!important;
margin-top: -14px;
padding: 0 44px; }
.paiements{display: flex; justify-content: flex-end; padding: 0 44px;}
.paiements img{ margin-left: 15px;}
.wp-image-447 {
margin-left: auto;
margin-right: 15px;
width: 63%;
margin-top: -50px;
height: auto;
display: block; }
a:hover { text-decoration: none }
h1 { font-size: 56px; }
h2 {
line-height: 54px;
font-size: 57px; }
h1, h2, h3, h4 {
font-family: 'Cocon', sans-serif;
font-weight: 100;
margin: 0 }
p { margin: 0 }
.flex{ display: flex;}
.flex-right{ justify-content: flex-end;}
.container {
width: 1170px;
margin-left: auto;
margin-right: auto; }
#header-black {
padding: 6px 0;
background-color: #2d394c }
#header-white .container { width: 1400px; }
#header-black .container { width: 1170px; display: flex; align-items: center;}
#header-telephone {
color: #ffffff;
font-weight: 600;
margin-right: 25px;
font-size: 21px;
letter-spacing: 1px; }
#header-contact a {
color: white;
font-size: 15px;
letter-spacing: 1px; }
#header-telephone img, #header-contact img {
margin-right: 8px;
width: 28px; }
.fa-facebook-f {
margin-left: 15px;
margin-right: 15px; }
#header-telephone img, #header-contact img, #header-telephone span, #header-contact a, .content-header-black  {
display: inline-block;
vertical-align: middle; }
#header-social i, #footer-social i {
text-align: center;
width: 20px;
height: 20px;
font-size: 16px;
padding: 6px 4px 2px 4px;
border-radius: 20px;
background-color: #52576b;
color: white }
#footer-social i { margin: 0 2px; }
#header-langue { margin-left: 30px; }
#header-langue ul { margin-top: 5px; }
#header-langue li {
width: 22px;
background-size: 100%;
margin: 0 3px;
background-repeat: no-repeat;
display: inline-block; }
#header-langue li a {
display: block;
text-indent: 9999px;
border: 1px solid #fff;
height: 13px; }
.lang-item-fr { background-image: url(//www.camping-mulhouse.com/wp-content/uploads/2018/05/drapeau-francais.png) }
.lang-item-de { background-image: url(//www.camping-mulhouse.com/wp-content/uploads/2018/05/drapeau-allemand.png) }
.lang-item-it { background-image: url(//www.camping-mulhouse.com/wp-content/uploads/2018/05/drapeau-italien.png) }
.lang-item-en { background-image: url(//www.camping-mulhouse.com/wp-content/uploads/2018/05/drapeau-anglais.png) }
.lang-item-es { background-image: url(//www.camping-mulhouse.com/wp-content/uploads/2019/01/es.png) }
#left-header-black, #right-header-black {
vertical-align: middle;
display: inline-block }
#right-header-black {
margin-left: 30px;
text-align: right }
#left-header-black { margin-right: auto; }
#logo-mulhouse {
margin-left: 18px;
padding: 5px 0;
width: 44px; }
#white-header { margin-top: 20px; }
#menu-mobile .menu-menu-principale-container, #menu-mobile .menu-menu-principale-de-container, #menu-mobile .menu-menu-principale-en-container, #menu-mobile .menu-menu-principale-es-container { display: none }
#logo-mulhouse img { margin-top: 4px; }
#logo { width: 24%; }
#logo img {
display: block;
border: 10px solid white;
border-top: 6px solid white; }
li.actif {
margin-top: -10px;
padding-top: 5px;
padding-bottom: 5px; }
#logo, .menu-menu-principale-container, .menu-menu-principale-de-container, .menu-menu-principale-en-container, .menu-menu-principale-es-container {
vertical-align: middle;
display: inline-block }
.menu-menu-principale-container, .menu-menu-principale-de-container, .menu-menu-principale-en-container, .menu-menu-principale-es-container { vertical-align: top }
.menu-menu-principale-container li, .menu-menu-principale-en-container li, .menu-menu-principale-de-container li, .menu-menu-principale-es-container li {
position: relative;
display: inline-block }
.menu-menu-principale-container li a, .menu-menu-principale-de-container li a, .menu-menu-principale-en-container li a, .menu-menu-principale-es-container li a {
text-transform: uppercase;
font-size: 14px;
margin: 0 6px;
display: block;
font-weight: 600;
color: #262e3b; }
.menu-menu-principale-container li:last-child a, .menu-menu-principale-en-container li:last-child a, .menu-menu-principale-de-container li:last-child a, .menu-menu-principale-es-container li:last-child a { margin-right: 0 }
.menu-menu-principale-container #menu-menu-principale-1 > li:first-child, .menu-menu-principale-de-container #menu-menu-principale-de-1 > li:first-child, .menu-menu-principale-en-container #menu-menu-principale-en-1 > li:first-child, .menu-menu-principale-es-container #menu-menu-principale-es-1 > li:first-child { margin-left: 40px; }
.page-template-template-frontpage #primary { margin-top: -98px; }
#navigation {
position: relative;
z-index: 1; }
#decalage { margin-top: -385px; }
.page-template-template-frontpage h1 {
text-align: right;
color: white; }
#introduction-article {
margin-top: -60px;
font-size: 0 }
.contenu-texte-page-texte hr {
height: 1px;
width: 86%;
margin-bottom: 20px;
background-image: radial-gradient(rgba(112, 114, 114, 0.56), transparent);
border: 0; }
#introduction-article .introduction-one-article:first-child .contenu-introduction-one-article { border-right: 6px solid white; }
#introduction-article .introduction-one-article:last-child .contenu-introduction-one-article { border-left: 6px solid white; }
#introduction-article .introduction-one-article:nth-child(2) .contenu-introduction-one-article { 
border-left: 6px solid white!important;
border-right: 6px solid white!important; }
#introduction-article .introduction-one-article:nth-child(3) .contenu-introduction-one-article { 
border-right: 6px solid white!important;
border-left: 6px solid white!important; }
.introduction-one-article {
display: inline-block;
vertical-align: top;
width: 25%; }
.titre-footer {
font-size: 18px;
margin-bottom: 7px;
display: block;
color: #ffffff; }
#all-footer .one-footer:nth-child(2) .titre-footer { padding-left: 25px; }
#all-footer { padding-bottom: 40px; }
.introduction-contenu-one-article {
padding: 20px 45px;
position: relative;
background-color: #F0F5F7 }
.introduction-contenu-one-article h2 {
color: #2d394c;
line-height: 26px;
letter-spacing: -1px;
font-size: 31px; }
.introduction-contenu-one-article p {
font-size: 14px;
letter-spacing: 1px;
line-height: 15px;
width: 100%;
min-height: 60px;
color: #6C6E70 }
#introduction-reservation {
color: #ffffff;
display: inline-block;
width: 100%;
border-bottom: none!important; 
padding-bottom: 70px;}
#introduction-reservation #choix-reservation {
padding: 0;
font-size: 31px; }
.wdng_title {
font-size: 38px!important;
font-family: 'Cocon', sans-serif!important; }
.contenu-introduction-one-article {
overflow: hidden;
border: 12px solid white; }
.contenu-introduction-one-article img { height: 180px; }
.contenu-introduction-one-article img, .contenu-one-service img, .one-activite img, .contenu-one-content-actualite img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.contenu-introduction-one-article:hover img, .contenu-one-service:hover img, .one-activite:hover img, .contenu-one-content-actualite:hover img {
-webkit-transform : scale(1.1);
-moz-transform : scale(1.1);
-ms-transform : scale(1.1);
-o-transform : scale(1.1);
transform : scale(1.1); }
.contenu-introduction-one-article .savoir { z-index: -1 }
.savoir {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-align: center;
font-size: 14px;
color: #ffffff;
padding: 5px 0;
top: -18px;
position: relative;
width: 50%;
z-index: 0;
font-weight: 100;
font-family: 'Cocon', sans-serif;
margin-left: auto;
background-color: #299ED9;
letter-spacing: 2px; }
.one-service .savoir, #all-activites .savoir { top: -24px; }
#all-services .savoir, #all-activites .savoir { padding: 10px 0;  }
#introduction-texte h1 {
color: #2d394c;
font-size: 57px;
line-height: 54px;
text-align: center; }
#introduction-texte hr {
height: 1px;
background-image: radial-gradient(#707272, transparent);
border: 0;
margin-bottom: 47px;
width: 12%; }
#etoiles {
margin-top: 15px;
text-align: center }
#etoiles i {
font-size: 30px;
margin: 0 10px;
color: #9EBD3C }
#etoiles hr {
width: 7%;
background-image: radial-gradient(#707272, transparent);
height: 1px;
margin-top: 15px;
border: 0 }
.introduction-contenu-one-article hr {
width: 85%;
background-image: radial-gradient(#2d394c, transparent);
height: 1px;
margin-bottom: 5px;
margin-top: 5px;
margin-left: -30px;
border: 0; }
.pair { text-align: right }
.pair .contenu-texte-hebergement { text-align: left }
.reserver-camping {
display: inline-block;
width: 42%;
text-align: left;
position: relative;
top: -20px;
padding-left: 40px; }
#introduction-text {
text-align: center;
line-height: 28px;
letter-spacing: 1px;
font-size: 15px;
font-weight: 400;
margin-bottom: 35px;
margin-top: 10px; }
#services {
background: url(//www.camping-mulhouse.com/wp-content/uploads/2018/07/bandeau-reception-accueil-camping.jpg) no-repeat;
background-size: cover; }
#all-services {
background: rgba(34, 31, 31, 0.7);
padding: 0 45px 18px 45px;
font-size: 0 }
.one-service {
margin-top: 25px;
vertical-align: top;
display: inline-block;
width: 48.6%; }
#all-services .one-service:first-child, #all-services .one-service:nth-child(3) { margin-right: 30px; }
#services {
padding-bottom: 90px;
text-align: center }
#services .titre-introduction { padding: 30px 45px 10px 45px }
.titre-h2 {
padding: 2px 80px;
font-size: 43px;
margin-top: 20px;
margin-bottom: 30px;
display: inline-block;
border: 1px solid white;
color: #ffffff; }
.titre-introduction {
color: #ffffff;
background: rgba(34, 31, 31, 0.7);
font-size: 18px;
font-weight: 400;
line-height: 23px;
padding: 30px 45px;
text-align: justify }
#activites .titre-introduction { padding: 20px 0 }
.triangle {
width: 50px;
height: 25px;
position: relative;
margin-left: auto;
margin-right: auto;
background-size: cover;
background: url(//www.camping-mulhouse.com/wp-content/uploads/2018/05/triangle.png) no-repeat }
.texte-one-service {
background: white;
padding: 20px 35px 10px 35px;
z-index: 2;
position: relative; }
.one-service { text-align: left }
.one-service h3 {
font-size: 40px;
color: #2d394c; }
.one-service p {
color: #000000;
font-weight: 100;
text-align: justify;
margin-top: 4px;
font-size: 15px; }
.one-service hr, .page-template-template-hebergement hr {
height: 1px;
background-image: radial-gradient(#2d394c, transparent);
border: 0;
margin-left: -35px;
width: 34%; }
.texte-one-activite hr {
height: 1px;
background-image: radial-gradient(#2d394c, transparent);
border: 0;
margin-left: -13px;
width: 55%;
}
.page-template-template-hebergement hr {
margin-left: -35px;
width: 48%; }
.texte-one-activite hr { margin-left: 37px; }
.contenu-one-service {
position: relative;
z-index: 1;
overflow: hidden;
border: 20px solid white; }
.contenu-one-service img { height: 250px; }
#activites {
position: relative;
text-align: center;
padding-bottom: 26px;
background: url(//www.camping-mulhouse.com/wp-content/uploads/2018/07/bandeau-activites-accueil-camping-1.jpg) no-repeat;
background-position: top center;
background-size: cover; }
.img-header {
position: relative;
background-size: cover!important;
background-position: center!important;
height: 25px;
margin-top: -25px; }
#img-header-activites { background: url(//www.camping-mulhouse.com/wp-content/uploads/2018/07/fond-activites-header.png) no-repeat; }
#img-header-actualites { background: url(//www.camping-mulhouse.com/wp-content/uploads/2018/07/fond-actualites-header-1.png) no-repeat; }
.single-post h1, .single-post h2 {
font-size: 57px;
line-height: 54px;
color: #2d394c }
.single-post article {
margin-top: 50px;
margin-bottom: 50px; }
#activites .titre-h2 {
color: #2d394c;
background: rgba(255,255,255, 0.6);
border-color: #2d394c; }
#activites .titre-introduction {
background: none;
color: black;
padding-top: 0;
font-weight: 600; }
.one-activite {
font-size: 0;
overflow: hidden;
display: block;
margin-top: 10px;
background: white;
position: relative;
z-index: 1;
border: 20px solid white; }
.one-activite h3 {
color: #2d394c;
padding: 10px 50px 5px 50px;
font-size: 40px;
line-height: 40px; }
#all-activites {padding-bottom: 65px; }
#all-activites .savoir {
width: 28%;
background-color: #299ED9; }
#all-activites .savoir:last-child { margin-left: 0 }
#all-activites .one-activite:first-child h3, #all-activites .one-activite:first-child p { padding-left: 70px; }
#all-activites .one-activite:first-child hr { margin-left: 57px; }
#all-activites .right img { float: right }
.one-activite p {
padding: 5px 50px 10px 50px;
font-size: 15px;
line-height: 24px;
letter-spacing: 2px;
color: #000000; }
.texte-one-activite {
display: inline-block;
width: 40%;
vertical-align: middle; }
.one-activite img {
display: inline-block;
width: 60%;
vertical-align: middle; }
.texte-one-activite { text-align: left }
#actualites {
background: url(//www.camping-mulhouse.com/wp-content/uploads/2018/07/bandeau-actualites-camping-ill-mulhouse-2.jpg) no-repeat }
.one-content-actualite {
display: inline-block;
vertical-align: top;
width: 33.333333%; }
#img-header-actualites { margin-top: -65px; }
#actualites {
position: relative;
text-align: center;
background-position: top center;
background-size: cover;
font-size: 0 }
.one-content-actualite h3 {
font-size: 32px;
margin-bottom: 5px;
text-transform: uppercase;
color: #2d394c;
line-height: 30px; }
.texte-one-content-actualite {
padding: 0 10px 20px 10px;
text-align: left;
position: relative;
z-index: 2;
background-color: white; }
.texte-one-content-actualite p {
color: black;
font-size: 15px; }
.date {
padding-top: 20px;
padding-bottom: 10px;
font-size: 15px;
color: #808184 }
.date span { text-transform: uppercase; }
.contenu-one-content-actualite {
margin: 0 10px;
overflow: hidden;
border: 20px solid white }
.contenu-one-content-actualite img {
width: 100%;
height: 220px; }
#all-actualites .one-content-actualite:first-child .contenu-one-content-actualite { margin-left: 0 }
#all-actualites .one-content-actualite:last-child .contenu-one-content-actualite { margin-right: 0 }
#toutes-actualites {
background: white;
border: none;
text-decoration: none;
display: inline-block;
font-weight: 600;
padding: 10px 84px 7px 84px;
font-size: 18px;
margin-top: 25px;
margin-bottom: 45px;
letter-spacing: 1px;
color: #2d394c }
#footer {
font-size: 0;
padding-top: 40px;
background-color: #2d394c; }
#footer a {
font-size: 11px;
letter-spacing: 4px;
font-weight: 100;
color: white; }
.one-footer {
display: inline-block;
vertical-align: top;
width: 50%; }
.one-footer ul { border-right: 1px solid white; }
.one-footer:last-child .content-one-footer { margin-top: 0; }
.content-one-footer { padding: 0 25px; }
.content-one-footer li {
line-height: 19px;
letter-spacing: 2px; }
.content-one-footer hr {
height: 1px;
background-color: rgba(255, 255, 255, 0.3);
border: 0;
background-image: none;
margin-top: 20px;
margin-bottom: 27px; }
#all-footer .one-footer:last-child ul { border-right: none }
.cache-actualites { margin-top: -25px; }
#footer-down {
padding: 30px 0;
background-color: white;
font-size: 0 }
#footer-down a {
top: -34px;
position: relative;
text-decoration: none;
font-weight: 400;
color: #818183 }
#footer-logo, #footer-mulhouse {
display: inline-block;
vertical-align: top; }
#footer-mulhouse { float: right }
#footer-mulhouse img {
margin-top: -15px;
position: relative;
top: 33px;
height: 75px; }
#footer-mulhouse span { margin-right: 71px; }
#footer-logo a{
position: static;
top: 0;
height: 52px;
display: inline-block;
}
#footer-logo img {
display: inline-block;
height: 52px;
margin: 0 8px; }
#mulhouse-footer { text-align: right }
#mulhouse-footer a {
text-decoration: none;
color: white; }
#mulhouse-footer span { font-size: 14px; }
#mulhouse-footer span, #mulhouse-footer img {
vertical-align: middle;
display: inline-block }
#mulhouse-footer img {
margin-left: 20px;
width: 50px; }
#logo-footer img { width: 70%; }
.sub-menu {
padding: 40px 0 40px 75px;
margin-left: -125px;
background: #299ED9;
width: 280px;
border-top: 20px solid white;
position: absolute;
display: none }
.sub-menu li {
display: list-item;
color: white;
font-size: 21px;
letter-spacing: 2px;
line-height: 22px;
list-style-type: square; }
.sub-menu li:before { display: none }
.sub-menu li a {
margin-left: 0;
display: block;
font-size: 15px;
text-transform: initial;
color: white!important; }
.titre-sous-menu {
margin-top: 7px;
margin-bottom: 0;
list-style-type: none!important; }
#hebergements {
margin-top: -98px;
background-size: cover!important;
background-position: top center!important;
padding-bottom: 30px;
padding-top: 133px; }
#background-black {
margin-top: 10px;
padding: 20px;
background-color: rgba(45,57,76,0.9) }
.page-template-template-hebergement h1 {
color: white;
text-transform: uppercase;
margin-bottom: 10px;
display: inline-block;
background-color: rgba(45,57,76,0.9);
letter-spacing: 1px;
float: right;
margin-top: -55px;
padding: 15px 50px 0 50px;
font-size: 32px; }
.one-hebergement { font-size: 0 }
.social-footer { display: none }
.one-hebergement img, .one-hebergement .contenu-one-hebergement {
display: inline-block;
vertical-align: top; }
.one-hebergement .img-hebergement {
display: inline-block;
width: 55%; }
.one-hebergement .contenu-one-hebergement { width: 45%; }
#contenu-hebergements {
padding: 30px;
background: white; }
.one-hebergement h2 {
text-transform: uppercase;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
line-height: 35px;
margin-bottom: 8px;
font-size: 33px; }
.contenu-texte-hebergement { padding: 20px 0 20px 40px; }
.mobile-social-header { display: none; }
.info-sup {
font-size: 23px;
line-height: 25px;
margin-top: 10px;
text-transform: uppercase;
color: #299ED9; }
.nextend-thumbnail { margin-top: -106px!important; }
.texte-one-hebergement {
margin-top: 20px;
line-height: 23px;
padding-right: 40px;
font-size: 14px; }
.prix-one-hebergement {
margin-top: 20px;
position: relative;
top: -5px;
font-size: 14px; }
.prix-one-hebergement span { display: block }
.prix-one-hebergement strong { font-size: 18px; }
#menu-hebergement { margin-top: 10px; }
#menu-hebergement ul { font-size: 0 }
#menu-hebergement li {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 15px;
text-align: center;
display: inline-block;
vertical-align: top;
width: calc(100%/4); }
.menu-menu-principale-container, .menu-menu-principale-de-container, .menu-menu-principale-en-container, .menu-menu-principale-es-container {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }
.n2-ss-slider .n2-ss-slide-background * { top: -35px!important; }
#menu-hebergement li:hover {
padding-top: 5px;
padding-bottom: 5px;
margin-top: -10px; }
#menu-hebergement li a {
padding: 20px 0;
display: block;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 600;
line-height: 15px;
color: white; }
.deux-lignes a { padding: 12.5px 0!important; }
.li-vert { background-color: #2d394c }
.li-bleu { background-color: #299ED9 }
.reserver {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
margin-right: 40px;
display: inline-block;
float: right;
text-decoration: none;
text-transform: uppercase;
background-color: #299ED9;
padding: 5px 30px;
letter-spacing: 3px;
font-size: 15px;
color: #ffffff;
border: none;
text-align: center; }
.media-wrapper, .contenu-media {
vertical-align: top;
display: inline-block }
.media-wrapper { width: 31%; }
.media-wrapper img { height: auto; }
.contenu-media {
padding-right: 25px;
width: 66%; }
.reserver-hr {
margin-left: 0!important;
padding-left: 0;
width: 90.5%!important; }
.impair { margin-bottom: 0; }
.current_page_ancestor:before, .current-menu-item:before {
content: ' ';
left: 0;
top: -30px;
right: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 20px;
border-color: #2d394c transparent transparent transparent; }
.sub-menu:before {
content: ' ';
left: 0;
z-index: 10;
top: -10px;
right: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #299ED9 transparent; }
#bandeau-camping {
height: 700px;
background-position: 50% center;
background-image: url(//www.camping-mulhouse.com/wp-content/uploads/2018/07/accueil-camping-ill-mulhouse-1.jpg) }
#bandeau-camping img {
width: 100%;
height: auto; }
.background-texte {
position: absolute;
height: 500px;
background-size: cover!important;
background-position: top center!important;
background-repeat: no-repeat!important;
width: 100%;
z-index: -1; }
.page-id-39 .background-texte { position: relative }
.contenu-page-texte { padding-top: 410px; }
.contenu-page-texte h2,
.contenu-page-texte h1 {
padding-top: 20px;
}
.page-id-325 .contenu-page-texte { padding-top: 525px; }
.page-id-325 h2 {
margin-bottom: 5px;
line-height: 46px;
color: #2d394c }
.page-id-325 .impair .contenu-media {
padding-right: 0;
padding-left: 25px; }
.page-id-39 .contenu-page-texte { padding-top: 0; }
.page-id-39 .one-content-texte .container { margin-top: -90px; }
.contenu-texte-page-texte {
padding-bottom: 45px;
background: white; }
.page-id-325 .contenu-page-texte li { margin-bottom: 15px; }
.page-id-325 .contenu-page-texte a { text-decoration: none }
.image-contenu-texte {
width: 100%;
box-sizing: border-box;
border: 20px solid white; }
.contenu-texte-page-texte h2, .contenu-texte-page-texte h1 {
text-align: center;
margin-bottom: 10px;
color: #2d394c }
.page-id-39 h1, .page-id-477 h1, .page-id-479 h1 {
margin-bottom: 0;
padding-top: 20px; }
.p-texte {
font-size: 14px;
padding: 0 80px;
text-align: justify;
font-weight: 400;
column-count: 2;
column-gap: 40px; }
.p-texte li { text-align: left }
.page-id-39 .contenu-texte-page-texte > p, .page-id-477 .contenu-texte-page-texte > p, .page-id-479 .contenu-texte-page-texte > p, .page-id-568 .contenu-texte-page-texte > p {
margin-bottom: 25px;
padding: 0 80px; }
#texte .one-content-texte:first-child { margin-top: -98px; }
.one-content-texte { margin-top: -20px; }
.page-template-template-page #footer {
margin-top: -20px;
position: relative;
z-index: -1; }
*::-webkit-input-placeholder { color: #292E3D; }
*:-moz-placeholder { color: #292E3D; }
*::-moz-placeholder { color: #292E3D; }
*:-ms-input-placeholder { color: #292E3D; }
.left-contact input, .right-contact textarea {
border: 1px solid rgba(112, 114, 114, 0.56);
padding: 10px 20px;
font-weight: 600;
color: black;
font-family: 'Open Sans', sans-serif;
box-sizing: border-box;
margin-bottom: 12px;
width: 100%; }
.impair .img-hebergement { float: right }
.n2-ss-slide-active { z-index: 1!important; }
.right-contact textarea { height: 144px; }
.page-id-39 input[type="submit"], .page-id-477 input[type="submit"], .page-id-479 input[type="submit"] {
background-color: #299ED9;
font-weight: 600;
color: white;
margin-bottom: 10px;
padding: 7px 30px;
letter-spacing: 2px;
margin-left: auto;
display: block;
font-size: 15px;
border: none; }
.page-id-39 .p-texte { column-gap: 13px!important; }
.img-contenu-texte {
text-align: center;
font-size: 0; 
margin: 0 0 -20px;
}
.img-contenu-texte img {
border: 10px solid white;
border-bottom: 20px solid white;
border-top: 20px solid white;
display: inline-block; }
.reserver-camping.mobile { display: none }
.reserver-camping.ordi { display: inline-block }
.img-contenu-texte img:first-child { border-left: 20px solid white; }
.img-contenu-texte img:last-child { border-right: 20px solid white; }
#menu-mobile { display: none }
button:focus {outline:0;}
.grecaptcha-badge{visibility: hidden; opacity: 0;}
@media screen and (max-width: 1420px), screen and (max-device-width: 1420px) {
#header-white .container { width: 1170px; }
.menu-menu-principale-container #menu-menu-principale-1 > li:first-child, .menu-menu-principale-en-container #menu-menu-principale-en-1 > li:first-child, .menu-menu-principale-de-container #menu-menu-principale-de-1 > li:first-child, .menu-menu-principale-es-container #menu-menu-principale-es-1 > li:first-child { margin-left: 15px; }
#right-header-black { margin-left: 160px; }
#logo { padding-bottom: 18px; }
#bandeau-camping { height: 580px; }
#header-langue { margin-left: 0 }
#right-header-black { margin-left: 89px; }
}
@media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
.container, #header-white .container, #header-black .container { width: 970px; }
#introduction-reservation #choix-reservation { padding: 15px 0 5px 0 }
.img-contenu-texte img { height: 179px; }
.reserver-camping { margin-top: 0 }
#left-header-black { margin-right: auto; }
.img-contenu-texte img:first-child { border-left: 15px solid white; }
.img-contenu-texte img:last-child { border-right: 15px solid white; }
.img-contenu-texte img {
border: 8px solid white;
border-bottom: 15px solid white;
border-top: 15px solid white; }
.one-hebergement h2 { padding-right: 40px; }
.pair .texte-one-hebergement { padding-right: 0 }
.one-service { width: 48.2%; }
.reserver-camping { padding-left: 5px; }
.impair .contenu-texte-hebergement { padding: 20px 0 20px 5px }
.contenu-introduction-one-article img { height: auto }
.menu-menu-principale-container li, .menu-menu-principale-de-container li, .menu-menu-principale-en-container li, .menu-menu-principale-es-container li {
vertical-align: middle;
margin-top: -20px;
}
.menu-menu-principale-container li ul li { margin-top: 0; }
.menu-menu-principale-container li a {
text-align: center;
line-height: 15px;
max-width: 100px; }
.menu-menu-principale-container li ul li a { max-width: 250px; }
.contenu-one-service img, .contenu-one-content-actualite img { height: auto }
#all-footer .content-one-footer:first-child iframe { width: 100%!important; }
#right-header-black { margin-left: 13px; }
#bandeau-camping { height: 530px; }
.introduction-contenu-one-article { padding: 20px 30px; }
.introduction-contenu-one-article h2 { font-size: 28px; }
.menu-menu-principale-container li a, .menu-menu-principale-en-container li a, .menu-menu-principale-de-container li a, .menu-menu-principale-es-container li a { margin: 0 3px; }
.menu-menu-principale-container #menu-menu-principale-1 > li:first-child, .menu-menu-principale-en-container #menu-menu-principale-en-1 > li:first-child, .menu-menu-principale-de-container #menu-menu-principale-de-1 > li:first-child, .menu-menu-principale-es-container #menu-menu-principale-es-1 > li:first-child { margin-left: 25px; }
.one-activite h3 { padding: 10px 0 5px 22px }
.one-activite p { padding: 5px 20px 10px 20px }
#all-activites .one-activite:first-child p, #all-activites .one-activite:first-child h3 { padding-left: 50px; }
#all-activites .one-activite:first-child hr { margin-left: 30px; }
.texte-one-activite hr { margin-left: 0 }
#logo {
padding-bottom: 10px;
width: 27% }
#introduction-texte h1 {
font-size: 51px;
line-height: 48px; }
.content-one-footer { padding: 0 15px; }
#introduction-article { margin-top: -6px; }
.contenu-texte-page-texte h2, .contenu-texte-page-texte h1 { font-size: 51px; }
.reserver { margin-right: 0 }
}
@media screen and (max-width: 990px), screen and (max-device-width: 990px) {
#menu-mobile {
vertical-align: top;
width: 60%;
position: relative;
font-size: 15px;
display: inline-block }
#right-header-black { margin-left: 0; }
.impair .contenu-texte-hebergement { padding: 0 }
.reserver-camping {
width: 100%;
top: 0 }
#menu-hebergement { display: none }
.reserver-camping { padding-left: 0 }
.one-hebergement .contenu-one-hebergement { margin-top: 20px; }
.contenu-texte-hebergement { padding: 0; }
.nextend-thumbnail { display: none!important; }
.reserver-camping.mobile { display: block }
.reserver-camping.ordi { display: none }
.texte-one-hebergement { padding-right: 0 }
.pair { margin-top: 40px; }
#hebergements { padding-top: 160px; }
.one-hebergement .contenu-one-hebergement, .one-hebergement .img-hebergement { width: 100%; }
.p-texte { padding: 0 50px; }
.background-texte { height: 410px; }
.contenu-page-texte { padding-top: 320px; }
.img-contenu-texte img {
border: 5px solid white;
border-top: 10px solid white;
height: 140px; }
.img-contenu-texte img:last-child { border-right: 10px solid white; }
.img-contenu-texte img:first-child { border-left: 10px solid white }
#footer-mulhouse span { margin-right: 30px; }
#footer-down a { margin-right: 0!important; }
#white-header .menu-menu-principale-container, #white-header .menu-menu-principale-en-container, #white-header .menu-menu-principale-de-container, #white-header .menu-menu-principale-es-container { display: none }
#menu-mobile .menu-menu-principale-container, #menu-mobile .menu-menu-principale-de-container, #menu-mobile .menu-menu-principale-en-container, #menu-mobile .menu-menu-principale-es-container { display: block }
#white-header { font-size: 0 }
#introduction-article { margin-top: -2px; }
#logo img { box-sizing: border-box }
.menu-menu-principale-container, .menu-menu-principale-en-container, .menu-menu-principale-de-container, .menu-menu-principale-es-container {
position: absolute;
padding: 90px 62px 25px 500px;
left: -900px;
height: 100vh;
width: 190px;
top: -20px;
background: white; }
.menu-menu-principale-container #menu-menu-principale-1 > li:first-child, .menu-menu-principale-en-container #menu-menu-principale-en-1 > li:first-child, .menu-menu-principale-de-container #menu-menu-principale-de-1 > li:first-child, .menu-menu-principale-es-container #menu-menu-principale-es-1 > li:first-child { margin-left: 0 }
.menu-menu-principale-container li, .menu-menu-principale-en-container li, .menu-menu-principale-de-container li, .menu-menu-principale-es-container li {
margin-top: 0;
margin-bottom: 20px;
letter-spacing: 2px;
display: block;
border-bottom: 1px solid rgba(45, 57, 76, 0.25);
padding-left: 20px;
margin-left: -20px;
width: 50%; }
.menu-menu-principale-container li a, .menu-menu-principale-de-container li a, .menu-menu-principale-en-container li a, .menu-menu-principale-es-container li a {
max-width: 200%;
width: 200%;
padding-bottom: 20px;
text-align: left }
.container, #header-white .container, #header-black .container { width: 750px; }
#left-header-black { margin-right: 67px; }
#header-telephone { font-size: 17px; }
#header-contact a { font-size: 14px; }
#header-black { padding: 0 }
#logo { width: 40%; }
.date {
padding-top: 13px;
font-size: 13px; }
.one-content-actualite h3 {
font-size: 21px;
line-height: 21px; }
.image-box { margin-left: 0!important; }
.texte-one-content-actualite { padding: 0 }
.one-activite, .contenu-one-content-actualite { border: 15px solid white }
.one-activite h3 { line-height: 28px; }
.introduction-one-article { width: 50%; }
.contenu-introduction-one-article { border: 15px solid white!important; }
#introduction-article .introduction-one-article:first-child .contenu-introduction-one-article { margin-right: 15px; }
#introduction-article .introduction-one-article:nth-child(2) .contenu-introduction-one-article { margin-left: 15px; }
#introduction-article .introduction-one-article:nth-child(3) .contenu-introduction-one-article { margin-right: 15px; }
#introduction-article .introduction-one-article:last-child .contenu-introduction-one-article { margin-left: 15px; }
#introduction-text {
font-size: 14px;
line-height: 26px; }
.contenu-introduction-one-article img { margin-top: -20px; }
#introduction-article .introduction-one-article:nth-child(2) .contenu-introduction-one-article {
border-left: 15px solid white!important;
border-right: 15px solid white!important; }
.one-service {
margin-top: 10px;
width: 47.7%; }
.contenu-one-service { border: 15px solid white; }
.introduction-contenu-one-article h2, .one-service h3, .one-activite h3 {
line-height: 25px;
font-size: 30px; }
#services .titre-introduction { padding: 30px 35px 10px 35px }
.titre-introduction {
font-size: 15px;
line-height: 21px; }
.texte-one-service { padding: 20px 20px 10px 20px }
#all-services { padding: 0 35px 18px 35px }
.titre-h2 { font-size: 38px; }
.one-activite img { width: 55%; }
.texte-one-activite { width: 45%; }
.one-activite p {
letter-spacing: 0;
line-height: 20px; }
.one-footer { width: 50%; }
#all-footer .one-footer:last-child { width: 100%; }
#all-footer .one-footer:last-child ul {
display: inline-block;
vertical-align: top;
width: 33.333%; }
.content-one-footer hr { display: none }
.one-footer:last-child .content-one-footer { margin-top: 0 }
#toutes-actualites {
font-size: 16px;
padding: 6px 84px 5px 84px}
#footer-mulhouse img { height: 60px; }
#footer-logo img {
margin: 0 15px;
height: 42px; }
#footer-down a {
top: -25px;
margin-right: 30px; }
.sub-menu {
width: 254px;
padding: 40px 0 8px 123px;
position: relative }
.introduction-contenu-one-article hr, .one-service hr, .page-template-template-hebergement hr {
width: 60%;
margin-top: 5px;
margin-left: -15px; }
.titre-h2 { padding: 2px 50px; }
#all-services .one-service:first-child, #all-services .one-service:nth-child(3) { margin-right: 20px; }
#introduction-texte hr { display: none }
.contenu-texte-page-texte h2, .contenu-texte-page-texte h1 { margin-top: 15px; }
.current_page_ancestor:before, .current-menu-item:before { content: none; }
.n2-ss-slider .n2-ss-slide-background * { top: 0!important; }
.page-id-39 .contenu-texte-page-texte > p { padding: 0 50px; }
}
@media screen and (max-width: 769px), screen and (max-device-width: 769px) {
.p-texte { padding: 0 15px }
.page-id-39 .contenu-texte-page-texte > p { padding: 0 15px; }
.one-hebergement h2 {
padding-right: 0;
font-size: 29px; }
.page-template-template-page #footer { margin-top: 0 }
.contenu-texte-page-texte { padding-bottom: 45px; }
.one-content-texte { margin-top: 0 }
.page-id-37 .wd_id { padding: 0 }
#contenu-hebergements { padding: 20px; }
#background-black { padding: 15px; }
.info-sup { font-size: 20px; }
.info-sup br { display: none; }
.info-sup span { margin-left: 7px; }
.container, #header-white .container, #header-black .container {
width: auto;
margin-left: 70px;
margin-right: 70px; }
.p-texte { column-count: 1 }
.contenu-texte-page-texte hr { width: 95%; }
.img-contenu-texte img { height: auto; }
.contenu-texte-page-texte h2, .contenu-texte-page-texte h1 {
line-height: 41px;
font-size: 42px; }
.img-contenu-texte img:last-child { display: none }
.img-contenu-texte img:nth-child(2) {
width: 55%;
border-right: 10px solid white; }
.img-contenu-texte img:first-child { width: 38%; }
.content-one-footer li { padding: 0 5px; }
.texte-one-activite {
z-index: 1;
position: relative;
background-color: #ffffff }
#activites .titre-introduction { padding: 20px 0 5px 0 }
#all-activites .one-activite:first-child hr { margin-left: 0 }
#all-activites .one-activite:first-child p, #all-activites .one-activite:first-child h3 { padding-left: 15px; }
.one-activite h3 { padding-top: 20px; }
.one-activite img, .texte-one-activite { width: 100%; }
.titre-introduction { padding: 25px 25px 9px 25px }
#all-services { padding: 0 25px 18px 25px }
.mobile-social-header { display: inline-block; }
#logo {
display: block;
margin-left: auto;
width: 300px; }
#menu-mobile {
float: left;
width: auto; }
#logo img { border: 7px solid white; }
#white-header {
margin-top: 10px;
text-align: center }
#header-black { padding: 2px 0 4px 0; }
#right-header-black { display: none; }
#left-header-black { margin-right: 0 }
.hamburger { top: -6px!important; }
.menu-menu-principale-container, .menu-menu-principale-en-container, .menu-menu-principale-de-container, .menu-menu-principale-es-container { top: -10px; }
#header-telephone { font-size: 16px; }
#header-contact a { font-size: 13px; }
#header-telephone img, #header-contact img { width: 22px; }
.contenu-introduction-one-article {
margin-bottom: 7px;
border: 10px solid white!important; }
#introduction-article .introduction-one-article:nth-child(2) .contenu-introduction-one-article {
border-left: 10px solid white!important;
border-right: 10px solid white!important; }
#introduction-article .introduction-one-article:nth-child(2) .contenu-introduction-one-article { margin-left: 10px; }
#introduction-article .introduction-one-article:first-child .contenu-introduction-one-article { margin-right: 10px; }
#introduction-texte h1 {
font-size: 42px;
line-height: 41px; }
.titre-h2 {
padding: 2px 45px;
line-height: 40px;
font-size: 32px; }
#services .titre-introduction {
margin-bottom: 8px;
padding: 30px 25px 10px 25px }
.one-service {
margin-right: 0!important;
width: 50%; }
#all-activites .savoir:last-child { margin-left: auto }
#all-services .one-service:first-child .contenu-one-service, #all-services .one-service:nth-child(3) .contenu-one-service { margin-right: 10px; }
#all-services .one-service:nth-child(2) .contenu-one-service, #all-services .one-service:last-child .contenu-one-service { margin-left: 10px; }
#all-services .one-service:first-child .savoir, #all-services .one-service:nth-child(3) .savoir { margin-right: 10px; }
.contenu-one-service { border: 10px solid white; }
.one-content-actualite { width: 50%; }
#all-actualites .one-content-actualite:last-child { display: none }
#all-footer .one-footer:first-child .content-one-footer { padding-left: 0 }
#all-footer .one-footer:nth-child(2) .content-one-footer { padding-right: 0 }
#all-footer .one-footer:nth-child(2) .titre-footer { padding-left: 15px; }
#footer-logo, #footer-mulhouse {
display: block;
text-align: center; }
#footer-mulhouse { float: none }
#footer-mulhouse span {
margin-right: 0;
display: block }
#footer-down { padding: 30px 0 60px 0 }
#footer-down a { top: 10px; }
#footer-mulhouse img {
height: 45px;
top: 27px; }
#all-services {
background: none;
padding: 0; }
.savoir { top: 0!important; }
.page-template-template-hebergement h1 { float: left }
}
@media screen and (max-width: 700px), screen and (max-device-width: 700px) {
#all-footer .one-footer:first-child, #all-footer .one-footer:nth-child(2) { display: none }
.social-footer {
width: 100%;
text-align: center;
display: block }
.social-footer i { font-size: 37px; }
#all-footer .one-footer:last-child ul {
width: 100%;
text-align: center }
}
@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
.container, #header-white .container, #header-black .container {
margin-left: 40px;
margin-right: 40px; }
#bandeau-camping { background-position: 57% center }
#header-black { display: none }
#white-header { margin-top: 25px; }
#contenu-hebergements { padding: 15px; }
#activites .titre-introduction { padding: 0 0 10px 0 }
.contenu-texte-hebergement { padding: 0 5px; }
.info-sup { margin-top: 5px; }
.one-hebergement h2 { margin-bottom: 5px; }
.page-template-template-hebergement hr { margin-top: 0 }
}
@media screen and (max-width: 540px), screen and (max-device-width: 540px) {
.one-content-actualite {
margin-bottom: 20px;
width: 100%; }
#hebergements { padding-top: 85px; }
.introduction-contenu-one-article p { width: 100%; }
.one-hebergement h2 { line-height: 27px; }
.prix-one-hebergement strong { font-size: 16px; }
#background-black { margin-top: 0; }
.page-template-template-hebergement h1 {
margin-bottom: 0!important;
width: 100%;
margin-top: 40px!important;
line-height: 29px;
box-sizing: border-box;
text-align: center;
padding: 18px 30px 0 30px;
float: none; }
.img-contenu-texte img:nth-child(2) {
border-left: 10px solid white;
box-sizing: border-box;
width: 100% }
.img-contenu-texte img:first-child { display: none }
.introduction-one-article, .one-service { width: 100%; }
.contenu-one-content-actualite { margin: 0 }
#introduction-article .introduction-one-article:nth-child(3) .contenu-introduction-one-article {
border-right: 10px solid white!important;
border-left: 10px solid white!important; }
.one-service { width: 100%; }
#all-services .one-service:first-child .contenu-one-service, #all-services .one-service:nth-child(3) .contenu-one-service, #introduction-article .introduction-one-article:first-child .contenu-introduction-one-article, #introduction-article .introduction-one-article:nth-child(3) .contenu-introduction-one-article, #all-services .one-service:first-child .savoir, #all-services .one-service:nth-child(3) .savoir { margin-right: 0 }
#introduction-article .introduction-one-article:nth-child(2) .contenu-introduction-one-article, #introduction-article .introduction-one-article:last-child .contenu-introduction-one-article, #all-services .one-service:nth-child(2) .contenu-one-service, #all-services .one-service:last-child .contenu-one-service { margin-left: 0 }
.contenu-one-service, .contenu-one-content-actualite { background-color: white; }
#toutes-actualites {
width: 100%;
padding: 6px 0 5px 0; }
#toutes-actualites {
margin-bottom: 40px;
margin-top: 0 }
}
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
#footer-logo img {
margin: 0 10px;
height: 30px; }
#footer-down { padding: 30px 0 40px 0 }
#footer-mulhouse { font-size: 9px; }
#footer-mulhouse img { display: none }
#logo { width: 250px; }
#header-white .container { padding-bottom: 18px; }
}
@media screen and (max-width: 420px), screen and (max-device-width: 420px) {
.container, #header-white .container, #header-black .container {
margin-left: 25px;
margin-right: 25px; }
#logo { width: 227px; }
.page-template-template-hebergement h1 { margin-top: 0!important; }
#all-activites .savoir { width: 50%; }
#all-services .savoir, #all-activites .savoir { padding: 5px 0 }
.one-content-actualite { margin-bottom: 25px; }
#services .titre-introduction { margin-bottom: 10px; }
.one-service { margin-bottom: 15px; }
#services { padding-bottom: 55px; }
#activites .titre-introduction { padding-top: 0 }
.titre-h2 {
margin-bottom: 20px;
width: 100%;
padding: 2px 0 }
#introduction-article .introduction-one-article .contenu-introduction-one-article {
margin-bottom: 0;
border-bottom: 0!important; }
#white-header {
margin-top: 15px;
padding-bottom: 30px!important; }
#introduction-reservation { margin-bottom: 5px; }
#introduction-texte h1 { margin-top: 20px; }
#services .titre-introduction { padding: 15px 20px 15px 20px }
} .hamburger{font:inherit;margin-left:-6px;
z-index: 1;display:inline-block;overflow:visible;margin:0;position:relative;top:-11px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:28px;height:24px}.hamburger-inner{top:60%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:28px;height:3px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;border-radius:4px;background-color:#2d394c}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-8px}.hamburger-inner:after{bottom:-8px}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s .34s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s .34s ease-in,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .34s ease-in,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s .14s ease-out;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease-out,transform .3s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s .14s cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}