@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url(https://db.onlinewebfonts.com/c/0f24cacd90bb5cb789377e379bef1942?family=Madurai+W01+Norm+Medium);

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; text-align: center; }
h2 {
    line-height: 54px;
    font-size: 57px; }
h1, h2, h3, h4 {
    font-family: 'Madurai W01 Norm Medium', 'Open sans', sans-serif;
    font-weight: 100; }
p { }

#messageaccueil {
	display: block;
    position: absolute;
    width: 100%;
    top: 400px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 30px;
	 font-family: 'Madurai W01 Norm Medium', 'Open sans', sans-serif;
}
#messageaccueil p {
	    padding: 10px;
    background-color: #00000087;
    display: block;
    width: 900px;
    margin: 0 auto;
    border-radius: 20px;
}
#facebookblock {
	padding: 40px;
    background-color: #c11d79;
	
}
#facebookblock .blockleft { width: 52%; display: inline-block; text-align: left; padding-right: 40px; vertical-align: top;}
#facebookblock .blockright { width: 40%; display: inline-block; vertical-align: top;}
#facebookblock h3 { font-size: 30px; color: #fff; margin: 2px; }
#facebookblock hr {
    height: 1px;
    background-image: radial-gradient(#2d394c, transparent);
    border: 0;
    margin-left: -35px;
    width: 34%;
	margin-bottom: 15px;
}


.flex{ display: flex;}
.flex-right{ justify-content: flex-end;}

.container {
    width: 1170px;
    margin-left: auto;
    margin-right: auto; }
#header-white { height: 166px; }
#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, #header-avis {
    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; }

#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 { display: none }
#logo-mulhouse img { margin-top: 4px; }
#logo { width: 24%; }
#logo img {
	width: 240px;
    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 {
    vertical-align: middle;
    display: inline-block }
.menu-menu-principale-container { vertical-align: top }
.menu-menu-principale-container li {
    position: relative;
    display: inline-block }
.menu-menu-principale-container li a {
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    font-weight: 600;
    color: #262e3b;
	font-family: 'Open sans', serif; }
/*.menu-item { padding: 5px 10px; }*/
/*.menu-menu-principale-container li:last-child a { margin-right: 0 }*/
.menu-menu-principale-container li a:hover { color: #0f93a2; }
/*.menu-menu-principale-container #menu-menu-principale-1 > li:first-child { margin-left: 40px; }*/
.page-template-template-frontpage #primary, #primary.site-main { margin-top: -98px; }
#navigation {
    position: relative;
    z-index: 1; }
#decalage { margin-top: -250px; padding: 30px 40px; padding-bottom: 0; background-color: #fff; border-radius: 20px; width: 1090px; position: relative; }

.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 {
    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 {

    transform : scale(1.1); }
.contenu-introduction-one-article .savoir { z-index: -1 }
.savoir {
    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: #0f93a2;
    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: 17px;
    margin-bottom: 35px; }
#services {
    background: url("/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;
border-radius: 20px;	}
.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 {
    font-size: 36px;
    display: inline-block;
    border-radius: 20px;
    background-color: #fff;
padding: 5px 30px; }
.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("/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: 35px;
    color: #2d394c;
    padding-bottom: 5px;
margin: 0; }
.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("/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("/wp-content/uploads/2018/07/fond-activites-header.png") no-repeat; }
#img-header-actualites { background: url("/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;
margin: 0;	}
#all-activites {padding-bottom: 65px; }
#all-activites .savoir {
    width: 28%;
    background-color: #0f93a2; }
#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("/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: 13px;
    color: white; }
.one-footer {
    display: inline-block;
    vertical-align: top;
    width: 32%; }
.one-footer ul { border-right: 1px solid #616060; }
.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: 62px;
    display: inline-block;
}
#footer-logo img {
    display: inline-block;
    height: 62px;
    margin: 0 16px 0 0; }
#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 {
    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 {
	margin-top: 8px;
    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; }
.menu-item { 
    border-radius: 10px;
    padding: 5px 10px;
}
.current_page_ancestor, .current-menu-item {
	background-color: #0f93a2;
}
	

.current_page_ancestor a, .menu-menu-principale-container li.current-menu-item a { color: #fff; }
/*.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 {
	height: 600px;
    background-position: 50% center;
	background-size: cover;
}
	
.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: 380px; }
/*.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;
	padding-top: 20px;
    background: white;
border-radius: 20px; 	}
.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: 0 0 20px 0;
    color: #2d394c }
.page-id-39 h1, .page-id-477 h1, .page-id-479 h1 {
    margin-bottom: 0;
    padding-top: 20px; }
.p-texte {
    font-size: 16px;
    padding: 0 40px;
    text-align: justify;
    font-weight: 400;
	line-height: 28px;
 }
.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; }

*::-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"] {
    background-color: #0f93a2;
    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;}
a.glink span { color: #fff!important; font-weight: bold; }
.gt_white_content a.glink span { color: #000!important; }
@media screen and (max-width: 1400px), screen and (max-device-width: 1400px) {
   #messageaccueil { top: 320px; }   
}

@media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
    .container, #header-white .container, #header-black .container, #decalage { width: 80%; display: block; }
	#messageaccueil p { width: 80%; }
    #right-header-black, #header-langue { margin-left : 0 }
	#menu-mobile {
        vertical-align: top;
        width: 74%;
        position: relative;
        font-size: 15px;
        display: inline-block;
	padding-top: 20px;	}
	.menu-menu-principale-container { display: none; }
	#menu-mobile .menu-menu-principale-container { display: block }
	.menu-menu-principale-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 { margin-top: 0 }
    .menu-menu-principale-container li {
        margin: 20px 0;
        letter-spacing: 2px;
        display: block;
        border-bottom: 1px solid rgba(45, 57, 76, 0.25);
        padding-left: 20px;       
		}
	.menu-menu-principale-container li a { padding: 10px 10px 5px 10px; }
	.menu-item { border-radius: 0; }
	.one-service { margin: 20px; width: 100%; background-color: #fff; }
	.contenu-one-service img, .one-activite img { display: none; }
	.texte-one-activite { width: 100% }
	#footer-logo, #footer-mulhouse { width: 100%; display: block; }
	#footer-down a { top: 0; }
	#footer .container p { display: none; }
	#facebookblock { display: none; }
}

@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
    
	.one-footer { width: 50%; margin-top: 20px; }
	.one-footer:first-child { width: 100%; margin: 0;} 
	#header-avis { display: none; }
	#right-header-black { display: block; text-align: left; }
	.texte-one-service, #all-services, .one-activite h3, #all-activites .one-activite:first-child h3, #all-activites .one-activite:first-child p, .one-activite p { padding: 15px;  }
	#all-services .one-service, .one-service { margin: 0; }
	.contenu-one-service { border: 5px solid #fff; }
	#slide { display: none; }
	#bandeau-camping {
    position: relative;
    text-align: center;
    padding-bottom: 26px;
    background: url("/wp-content/uploads/2018/07/accueil-camping-ill-mulhouse-1.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
	height: 400px;	}
	#decalage { margin-top: -118px; }
	
}
@media screen and (max-width: 810px), screen and (max-device-width: 810px) {
   #menu-mobile { width: 60%; }
   #logo { width: 35%; }
	#decalage { margin-top: -100px; }

}

@media screen and (max-width: 600px), screen and (max-device-width: 600px) {
    #header-contact, #logo-mulhouse, #footer-logo {display: none; }
	#header-langue, #header-social { padding-top: 20px; padding-bottom: 20px; }
	#menu-mobile { width: 50%; }
    #logo { width: 45%; }
	#introduction-texte h1 { line-height: normal; font-size: 35px; } 
	#introduction-text, p { font-size: 14px; }
	#messageaccueil p { font-size: 18px; }
}




/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.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)}