body {
  color: #fff
}

.logo {
  	width: 140px;
}


.sp-contact-phone {
    background: #ff7f00;
    padding: 5px;
  	margin-top: 5px;
  	font-size: 1.5rem !important;
}


.reserver {
    width: 300px;
    text-align: center;
    background: #000;
    padding: 5px 1%;
    margin: 0 auto;
    font-size: 1.7rem;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .sp-contact-info li {
        margin: 35px 5px 5px 5px;
    }
}


#sp-header {
    background: none;
	box-shadow: none;
  	height: 30px;
  	background-color: rgba(0, 0, 0, 0.0);
}


.customslide  {
  	position: fixed; right: 0; bottom: 0;
  	min-width: 100%; min-height: 100%;
  	width: auto; height: 300px; z-index: -100;
  	background: #fff no-repeat;
  	background-size: cover;
}

#sp-component, #sp-section-2  {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px 20px 20px 20px;
}
#sp-position-7  {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px 20px 20px 20px;
}


.btn-primary {
  	margin: 0 auto;
  	padding: 10px;
  	font-size: 2rem;
  	text-align: center;
  	width: 420px;
}

.btn-primary a {
  	color:#fff;
}


#offcanvas-toggler >i {
    color: #ffffff;
    font-size: 3rem;
}

article.item {
    padding: 5%;
}
/*****************ITEMS CUSTOMIZED Orange e87746**************************/

.stylebgwhite  {
  background-color: rgba(256,256,256,0.8);
  color: #000000;
  padding: 10px;
  padding: 20px;
  margin: 20px 0;
  text-align: justify;
  box-shadow: 0 1px 5px 0 #ebebeb;
}

.stylebgorange {
  background-color: rgba(255,127,0,0.2);
  color: #000000;
  padding: 20px;
  margin: 20px 0;
  text-align: justify;
  box-shadow: 0 1px 5px 0 #ebebeb;

}

.helix-social-share .helix-social-share-icon ul li div a {
    background: none repeat scroll 0 0;
}

.helix-social-share .helix-social-share-icon ul li div a:hover {
    background: #ff7f00 repeat scroll 0 0;
}

/******************************Color site*******************************/

a {
  color: #fff;
}
a:hover {
  color: #fff;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a {
    color: #000 !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a:hover {
    color: #ff7f00 !important;
}

.sp-megamenu-parent a:hover {
    color: #ff7f00 !important;
}

#sp-header {
    height: 40px;
}

/******************************Styles-page-accueil*******************************/

body.bg-accueil {
    background-image: url("/images/background/bg-accueil.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

/******************************Styles-page-accueil*******************************/

body.bg-accueil {
    background-image: url(    background-image: url();
);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

/******************************Styles-page-reservation*******************************/

body.bg-reservation {
    background-image: url("/images/background/bg-reservation.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

/******************************Styles-page-contact*******************************/

body.bg-contact {
    background-image: url("/images/background/bg-contact.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

/******************************Styles-page-chalet-sylvere*******************************/

body.bg-chalet-sylvere {
    background-image: url("/images/background/bg-chalet-sylvere.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

/******************************Styles-page-le-granit*******************************/

body.bg-le-granit {
    background-image: url("/images/background/bg-le-granit.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

/******************************Styles-page-les-binomes*******************************/

body.bg-les-binomes {
    background-image: url("/images/background/bg-les-binomes.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

/******************************Styles-page-tarif*******************************/
body.bg-tarif {
    background-image: url("/images/background/bg-tarif.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
/******************************Styles-page-referencement*******************************/
body.bg-referencement {
    background-image: url("/images/background/bg-referencement.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}
/******************************Style bottom*******************************/
.modul1{
 background-color: rgba(255, 127, 0, 0.3);
    	padding: 20px;
  }
.modul2{
 background-color: rgba(0, 0, 0, 0.7);
    	padding: 20px;
  }
.modul3{
 background-color: rgba(255, 127, 0, 0.3);
    	padding: 20px;