/* CAMPING LES CLOS DU BLAVET - © 2019 - Amazonis Communication - Tous droits réservés*/


#redim-cookiehint .cookiebuttons a.btn {background: #a98f76;color:white;}


.n2-section-smartslider {
  margin-top: -180px;
  z-index: 1;
}


#sp-position8 {
    margin-top: 40px;
    background: white;
    padding: 20px 10px;
    background:white;
    display: block;
    position: absolute;
    right: 20px;
    width: 90px;
    border-radius: 20px;
}
#sp-position8 .mod-languages {
    position: absolute;
    margin-top: -20px;
    width: 100%;
    text-align: center;
    margin-left: -6px;
}

#sp-position3 {margin-top: -35px;}
#sp-position3 .btn {
  	background: #45b0e2;
	color: white;
}


#sp-menu-principal {
  background: #a98f76;
  z-index: 999;
  position: relative;
}
.sp-megamenu-parent > li > a {
    line-height: 60px !important;
    font-family: 'arial';
    letter-spacing: 0px !important;
    text-transform: none !important;
    font-size: 16px !important;
    color: #ffffff !important;
    font-weight: normal !important;
	border-left: 1px solid rgba(255,255,255,0.2);
}


a:focus
{
outline:0;
}
.readmore {margin-top:30px;}
.readmore a, .bfSubmitButton {border: medium none!important;padding:10px;color:#FFFFFF!important;background:#bd0926;}
.readmore a:hover, .bfSubmitButton:hover {background:#494949;}

a {
    color: #494949;
}
a:hover {
    color: #494949;
}
.sp-module ul > li {border:none;}
*
{
outline: none;
}

#sp-h1 {margin-top: -1px!important; }

body{
	background:white;
}


@font-face {
    font-family: 'h2';
    src: url('../fonts/back_to_black_demo-webfont.eot');
    src: url('../fonts/back_to_black_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/back_to_black_demo-webfont.woff') format('woff'),
         url('../fonts/back_to_black_demo-webfont.ttf') format('truetype'),
         url('../fonts/back_to_black_demo-webfont.svg#h2') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* METEO NEW */

.giweather.light .giweather-widget {
    background: white;
    padding: 20px 10px;
    border-radius: 6px;
    box-shadow: 1px 1px 7px rgba(0,0,0,0.1);
	
}

.giweather.light .giweather-widget {padding: 25px;box-shadow: none!important;border-radius: 10px;}

.giweather .giw-fc-current-city {
    font-size: 30px;
    color: #363636!important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
}
.giw-copyright {
    display: none;
}

.giweather .giw-fc-current-icon.giw-is-yahoo {
    height: auto!important;
    width: 200px!important;
    position: absolute;
    top: 0;
    right: 0;
}

/* LANGUE */ 

.mod-languages {
position: absolute;
margin-top: -26px;
width: 100%;
text-align: center;
}
.sp-module-content .mod-languages ul.lang-inline li {width: 22px;}

.mod-languages img {width: 22px !important;}



.lang-active {opacity:1!important;}
.mod-languages li {opacity:0.4;}

/**********/

/* FORMULAIRE RS FORM */

.rsform-block {text-align:center!important;}


.rsform-block h2 {
    font-family: 'h2';
    font-weight: lighter;
    font-size: 35px;
    color: #8a6d53;
}

#userForm {padding:0 7%;}
.formResponsive .formHorizontal .formControlLabel {text-align:left!important;}
.formBody {text-align:center;}

.formResponsive input, .formResponsive textarea {
    width: 50%!important;
    float:right!important;
    padding: 10px!important;
}

.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
    background: #98bf6c none repeat scroll 0 0 !important;
    border: 0 none !important;
    border-radius: 0;
    padding: 10px 30px !important;
    text-shadow:none!important;
    float: right !important;
    font-size: 16px !important;
    cursor: pointer;
}

#captcha34 {margin-bottom: 25px;}

/* Form validation */
.formNoError {display: none;}
.formError {color: #CF4D4D; font-weight: bold; font-size: 10px;}

/*----------------------------------------------------------------------*/

/*SLIDER BACKGROUND*/

body.layout-fluid {
    overflow: auto !important;
    position: relative;
    transition: left 0.2s ease-out 0s;
    height:auto!important;
}

.youtube-background116 {opacity:1;}

/*--------------------*/
/* BA GALERIE */

.ba-gallery select.ba-select-filter, .ba-gallery .category-filter {
    margin-top: 40px!important;
    margin-bottom: 25px;
}

.modal-open {width:100%!important;}

/* --------------  TOP  -------------------------- */

#sp-top-bar {
    background-color: #bd0926!important;
    color: #FFFFFF!important;
    text-align: center;
    padding:0px!important;
    line-height: 50px!important;
    display:none;
}

#sp-top-bar p {
    margin:0px!important;
}
#sp-top-bar a {
    color:white;
}
.custom_telephone_responsive {display: none;}



/* -------------------------------------------------- */


.custom_infos-header {height: 120px;}
.custom_infos-header td {width: 60%;}

.custom_infos-header td, th p {
    font-size:14px;
    color: white;
    text-shadow: 1px 1px 3px black;
}
.custom_infos-header .fa {font-size: 18px;}

.custom_infos-header a {
    background-image: linear-gradient(-90deg,#42aee0, #70c4eb);
    padding: 15px 25px;
    border-radius: 10px;
    color:white;
    font-size: 15px;
    border-bottom: 5px solid #0078a2;
    text-shadow: none;
    font-weight: bold;
    position: relative;
}
.custom_infos-header a:hover {
    top:3px;
    border-bottom: 2px solid #0078a2;
}

#sp-header {
    background: url(../images/site/custom/header.jpg) no-repeat;
    background-position: center;
    position:relative!important;
    height: 120px!important;
}

#sp-header .logo {
    background: url(../images/site/custom/header-logo.png) no-repeat;
    background-position: top right;
    padding-right: 30px;
    height: 120px;
}  
#sp-header h3 {font-weight: bold;font-size: 30px;}
@media (min-width: 973px) and (max-width: 1200px) { #sp-header h3 {font-weight: bold;font-size: 25px;}
.custom_infos-header td, th p {line-height: 20px;}
}
@media (min-width: 320px) and (max-width: 990px) { #sp-header h3 {font-weight: bold;font-size: 19px;}
.custom_infos-header td, th p {line-height: 20px;font-size: 12px;}
}


#sp-logo {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}
.logo {margin:0 auto!important;}

/* MAINTOP - OUVERTURE FERMETURE */

#sp-main-top {
    background: url(../images/site/custom/herbe-1.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    top: -50px;
  	padding-top:50px;
    z-index: 200;
    position: relative;
    background-position: top center;

}

#sp-main-top a {display:none;}

#sp-main-top-2 {
    background: url(../images/site/custom/herbe-1.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    position: relative;
    background-position: bottom center;
    border-top: 6px solid #8a6d53;
}


#sp-main-top h3 {color:#45b0e2;font-weight: bold;}

/* MENU PRINCIPALE */

#sp-section-3 {background:rgba(0,0,0,0.05);}

.sp-megamenu-parent {
    display: block;
    text-align: center!important;
    font-size: 0;
}


/* MENU PRINCIPALE LI A*/


#offcanvas-toggler {
    float: right;
    line-height: 50px;
    position: absolute;
    top: 34px;
    width: 95px;
    right: -65px;
}

/*#sp-menu {
    background: url(../images/site/custom/menu.png) no-repeat;
    background-size: 125px;
    background-position: right 36px;
    text-align: right;
    height: 120px;
    line-height: 120px;
    padding-right: 44px;
    color: white;
    font-size: 23px;
    font-family: 'h2';
    text-shadow: 1px 1px 2px #452f1d;
}*/

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    background:rgba(0,0,0,0.5)!important;
    color: #ffffff!important;
}



/* MENU DEROULANT */

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: rgba(255,255,255,0.95) none repeat scroll 0 0;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 0px!important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    color:#333;
    padding: 20px !important;
    font-size: 17px;
    font-family: arial;
}	
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
	background:#8b6d51!important;
}

/* MENU ICONES */


.sp-megamenu-wrapper img {display:none;}
.nav > li > a > img, .menu .nav-child.small img {
    max-width: none;
    width: 17px;
    margin-right: 10px;
    margin-top: -3px;
}

#sp-section-3 .fa {font-size:18px!important;}

/* SLIDER CK*/
/*----------------------------------------------------------------------*/

#sp-slide {
    /*border-top: 3px solid #a98f78;*/
    margin:0 !important;
    padding: 0 !important;
}



#sp-slide,
#sp-slide .container,
#sp-slide .row,
#sp-slide .col-sm-12.col-md-12,
#sp-slide .sp-column {
	width:100%!important;
	margin:0 auto!important;
	padding:0!important;
}

.camera_pag_ul{text-align: center!important;}
.camera_wrap .camera_pag .camera_pag_ul li{}


/*----------------------   NAVIGATION   ----------------------*/

.camera_commands {
    display: none!important;
}

.camera_prev, .camera_next, .camera_commands {width:auto!important;}


.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
    background: none !important;
    position:relative;
    z-index:8000;
}

.camera_black_skin .camera_prev > span {
	background:url(../images/site/custom/nav-slider.png) no-repeat!important;
	background-position:left center!important;
	position:relative;
	height:40px;
	width: 25px;
	margin-left:10px;
}
.camera_black_skin .camera_next > span {
	background:url(../images/site/custom/nav-slider.png) no-repeat!important;
	background-position:right!important;
	height:40px;
	width: 25px;
	margin-right:10px;
}

/*------------------Bullet----------------------------------*/
.camera_wrap .camera_pag .camera_pag_ul {
    /*top: 0px;*/
    position: absolute;
    /*right: 25px;*/
    bottom:23px!important;
    width:100%;
    text-align: center!important;
}

.camera_wrap .camera_pag .camera_pag_ul li {
    background: none repeat scroll 0 0!important;
    opacity: 1!important;
    height:10px!important;
    width:10px!important;
    border:1px solid #ffffff;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: none repeat scroll 0 0 #ffffff!important;
    opacity: 1!important;
    height:10px!important;
    width:10px!important;
    margin-top:-1px;
    margin-left:-1px;
}

.camera_wrap .camera_pag .camera_pag_ul li:hover > span{
    background: none repeat scroll 0 0 #ffffff!important;
    opacity: 1!important;
    margin-top:-1px;
    margin-left:-1px;
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
    border-radius: 6px!important;
    height: 10px!important;
    left: 0px!important;
    overflow: hidden;
    position: absolute;
    top: 0px!important;
    width: 10px!important;
}




.post-format {display:none;}


/* BT SLIDER */

#sp-main-top .container {padding:0px 40px;}

#sp-main-top .bt-cs .bt-inner .bt-title {
	text-transform:uppercase!important;
	font-weight: normal!important;
	font-size:20px!important;
	color:#bd0926!important;
}
.bt-cs .bt-inner img {
	border: medium none!important;
    outline: medium none!important;	
}


/* MAINBODY */

#sp-main-body .container {
    padding: 20px;
    text-align: justify;
}

#sp-main-body td, th {width: 50%;padding: 10px;vertical-align: top;}

#sp-right {
    background:#8a6d53;
    border-radius: 10px;
    padding-bottom: 20px;
}
#sp-right .sp-module {margin-top:30px!important;}
#sp-right h2 {
    color: #ffffff !important;
    font-size: 25px;
    font-family: 'h2';
    font-weight: lighter;
}
#sp-right .sp-module .sp-module-title {
    color: #ffffff !important;
    font-size: 30px;
    font-family: 'h2';
    font-weight: lighter;
    text-transform: none!important;
    margin-left: 15px;
}
.bt-cs .bt-inner .bt-title {font-size:16px;color:white!important;}
.bt-introtext {color:white;}

#sp-right .readmore a, .bfSubmitButton {background: #8a6d53;border:1px solid white!important;}

#sp-right .sp-module-content {
    padding: 0 15px;
}

#sp-right .fb-page,
#sp-right .fb-page > span,
#sp-right .fb-page > span > iframe {
    width: 100% !important;
}

/* METEO */

.gkwMainLeft {
    right: 0px;
    margin-top: -46px;
    position: absolute;
    z-index: 100;
}
.gkwMainRight {
    float: left;
    width: auto;
    color:white;
    margin: 20px 0 0 16px!important;
}
.gkwTemp {
    font-size: 25px!important;
    font-weight: bold;
    color:white;
    text-align: center;
    margin: 0px!important;
}


/*TITRE*/

.entry-header h2 {
    background: url(../images/site/custom/titre2.png) no-repeat;
    font-family: 'h2';
    font-weight: lighter;
    height: 45px;
    line-height: 45px;
    font-size: 35px;
    color: #8a6d53;
    background-size: 30px;
    background-position: left;
    padding-left: 35px;
}


#sp-bottom {
    background: url(../images/site/custom/bottom.png) no-repeat!important;
    padding: 30px!important;
    text-align:center;
}

/*----------------------------------------------------------------------*/
/* RESEAUX SOCIAUX */
/*----------------------------------------------------------------------*/

.custom_reseau_top li{list-style:none;}

#sp-bottom .sp-module ul > li {float:left;border:none!important;}

#sp-bottom .reseau_sociaux {float:left;text-align:center;}

.reseau_sociaux a {
	height: 50px;
	width: 50px;
	margin:3px;
}

em.fa.fa-facebook {
	background: #3d5998;
	border-radius: 50px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	color:#ffffff;
	font-size:20px!important;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
em.fa.fa-google-plus {
	background: #dd4938;
	border-radius: 50px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	color:#ffffff;
	font-size:20px!important;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

em.fa.fa-facebook:hover, em.fa.fa-google-plus:hover {
	background: black;
	color:#fffff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/*----------------------------------------------------------------------*/
/* INSTAGRAM GALLERY - NATIVE */
/*----------------------------------------------------------------------*/

.instagram-gallery-section {
    margin: 40px auto;
    padding: 20px 0;
    max-width: 1140px;
}

.instagram-gallery-section h3 {
    margin-bottom: 30px;
    font-size: 28px;
    text-align: center;
}

.instagram-gallery-container {
    margin: 0 auto;
}

/* Instagram Grid Layout */
.instagram-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 0 auto;
    max-width: 100%;
}

.instagram-grid[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
}

.instagram-grid[data-columns="6"] {
    grid-template-columns: repeat(6, 1fr);
}

/* Instagram Post */
.instagram-post {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 100%; /* 1:1 Aspect Ratio */
    background: #f0f0f0;
    border-radius: 4px;
    text-decoration: none;
}

.instagram-post-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.3s ease;
}

.instagram-post:hover .instagram-post-image {
    transform: scale(1.05);
}

/* Video Icon */
.instagram-video-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    z-index: 2;
}

/* Overlay */
.instagram-post-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.instagram-post:hover .instagram-post-overlay {
    opacity: 1;
}

.instagram-caption {
    color: white;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Instagram CTA button */
.instagram-cta {
    padding: 20px 0;
    text-align: center;
}

.instagram-button {
    display: inline-block;
    padding: 15px 40px;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    color: white !important;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.instagram-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    color: white !important;
}

.instagram-button i {
    margin-right: 8px;
    font-size: 18px;
}

/* Fallback styling */
.instagram-fallback {
    text-align: center;
    padding: 40px 20px;
}

.instagram-fallback p {
    margin-bottom: 20px;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .instagram-gallery-section {
        padding: 15px;
    }
    
    .instagram-gallery-section h3 {
        font-size: 22px;
    }
    
    .instagram-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    
    .instagram-button {
        padding: 12px 30px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .instagram-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 6px;
    }
    
    .instagram-button {
        padding: 10px 25px;
        font-size: 13px;
    }
    
    .instagram-caption {
        font-size: 11px;
    }
}


/*------------------FOOTER ----------------------------------*/

.sp-module ul > li.facebook {
    width: 57px;
    margin: 0 auto;
}


#sp-footer {
    background: url(../images/site/custom/footer.png) no-repeat!important;
    background-position: top right!important;
    font-size: 12px;
    height: 350px;
}

/*-----------------------------------------------------------------------------------------*/
/* RESPONSIVE */
/*-----------------------------------------------------------------------------------------*/

.custom_logomenu img {width: 240px!important;}

.offcanvas-inner {
    height: 100%;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.offcanvas-menu .offcanvas-inner .sp-module {
    margin-bottom: 0px!important;
    border:none!important;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {padding: 30px 0px 0px 0px;}


#offcanvas-toggler > i {color: #ffffff!important;text-shadow: 1px 1px 2px #452f1d;}
#offcanvas-toggler > i:hover {color: #ffffff!important;}
.offcanvas-menu img {
    width: 17px;
    margin-right: 10px;
    margin-top: -3px;
}
#offcanvas-toggler {
    float: right;
    line-height: 50px;
}
/* COLOR MENU RESPONSIVE */
.offcanvas-menu {
	background:#ffffff!important;
	border-bottom: 7px solid #8a6d53;
}
.close-offcanvas {color:#868889;border: 1px solid #868889;}
.nav .fa {display:none;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
	color:#868889;
	font-size:13px;
}
.offcanvas .offcanvas-menu ul.nav-child li {
    padding-left: 10px;
    background: rgba(0,0,0,0);
}


.offcanvas .offcanvas-menu ul.nav-child li {
    padding-left: 10px;
    background: rgba(0,0,0,0);
}
.sp-module ul > li > a:hover {color:black!important;}

/* MENU DEROULANT */

li.item-123.deeper.parent {background:#a4c872;}
li.item-123.deeper.parent a {color:white!important;}
li.item-123.deeper.parent:hover {background:#a4c872!important;}

li.item-130.deeper.parent {background:#94bd6b;}
li.item-130.deeper.parent a {color:white!important;}
li.item-130.deeper.parent:hover {background:#94bd6b!important;}

li.item-288.deeper.parent {background:#8ab667;}
li.item-288.deeper.parent a {color:white!important;}
li.item-288.deeper.parent:hover {background:#8ab667!important;}



li.item-300.deeper.parent {background:#a4c872;}
li.item-300.deeper.parent a {color:white!important;}
li.item-300.deeper.parent:hover {background:#a4c872!important;}

li.item-304.deeper.parent {background:#94bd6b;}
li.item-304.deeper.parent a {color:white!important;}
li.item-304.deeper.parent:hover {background:#94bd6b!important;}

li.item-307.deeper.parent {background:#8ab667;}
li.item-307.deeper.parent a {color:white!important;}
li.item-307.deeper.parent:hover {background:#8ab667!important;}




.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon {
    color:#ffffff;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon {
    color:#ffffff;
}
/*********/

.offcanvas-menu .offcanvas-inner .sp-module ul > li

.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
	background:rgba(0,0,0,0.05);
	color:#5fb8dc!important;
}
.sp-module ul > li > a:hover {color:black!important;}

/* Smartphones et tablettes */
@media (min-width: 320px) and (max-width: 767px) {
.offcanvas-menu {
    max-width: 80vw;
    width: 270px;
}

/* Fix form fields to be full width on mobile */
.formResponsive input, .formResponsive textarea {
    width: 100%!important;
    float: none!important;
}

/* Fix submit button alignment on mobile */
.formResponsive input[type="submit"], .formResponsive button[type="submit"] {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    width: auto !important;
}

/* Fix sidebar title to fit properly on mobile */
#sp-right .sp-module .sp-module-title {
    margin-left: 0 !important;
    padding: 50px 15px 0 15px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 1.2;
}

/* Adjust module top margin on mobile */
#sp-right .sp-module {
    margin-top: 15px !important;
}

#sp-menu-principal {
  background: none;
  height: inherit;
}

#sp-menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 50px;
    position: fixed !important;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 8000;
}

.sp-module._infos-header {display:none;}
  #offcanvas-toggler {top:3px!important;}
  #sp-menu p {display:none;}
  #sp-menu {text-shadow:none!important;color: #494949 !important;}
  
  #offcanvas-toggler > i {
    color: #494949 !important;
    text-shadow: none!important;
}
  #offcanvas-toggler > i:hover {

    color: #494949 !important;

}
  #sp-main-body td, th {

    width: 100%;
    padding: 10px;
    vertical-align: top;
    float: left;

}
  
  #sp-main-top {
    padding-top: 40px;
  }
  
#sp-top-bar {
    position: fixed;
    top: 0;
    z-index: 3000;
    background: #98bf6c !important;
    width: 50px;
    height: 50px;
  	display:block;
}
#sp-top-bar .sp-module {
    margin: 0px!important;
}
#sp-slide {border-top:0px!important;}
#sp-top-bar .fa {color:white;font-size:20px;vertical-align: middle;}
#sp-header {
    margin-top: 0px;
  	background: white;
    height: 50px !important;
    position: fixed !important;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.1) !important;
  	z-index: 400;
}
.camera_wrap {
    margin-top: 50px;
}
  .custom_googlemaps {margin-top: 50px;}
  
  .camera_black_skin .camera_prev > span {width: 15px;background-size: 30px !important;}
  .camera_black_skin .camera_next > span {width: 15px;background-size: 30px !important;}
  
.custom_telephone {display:none;}
.custom_telephone_responsive {display: block;}

#sp-header .logo {margin-top: 0px !important;height: 50px!important;}
#sp-logo .logo {
    padding: 0px !important;
    width: 160px !important;
}
  
#sp-main-top a {

    background-image: linear-gradient(-90deg,#42aee0, #70c4eb);
    padding: 15px 25px;
    border-radius: 10px;
    color: white;
    font-size: 15px;
    border-bottom: 5px solid #0078a2;
    text-shadow: none;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 0px;
	display: block;
	margin-top: 20px;
	width: 150px;
  }
  
  #sp-position8 {display:none;}  
  
#sp-logo {margin-top:0px;width:100%;}

#sp-logo {width:100%;}
  
  .n2-section-smartslider {
  margin-top: -50px;
  z-index: 1;
}


}

/* Tablette */
@media (min-width: 320px) and (max-width: 999px) {

}

#camping2be-award {
    padding-top: 30px;
}

/* Booking Widgets Section */
.booking-section {
    margin: 30px 0;
}

.booking-section h3 {
    text-align: center;
    margin-bottom: 25px;
    color: #8b6914;
}

.booking-section-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 30px;
}

.booking-separator {
    margin: 40px 0;
    border: 0;
    border-top: 2px solid #d4a574;
}

.booking-widgets-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .booking-widgets-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}