/*-----*/

.container-overlay {
  position: relative;
 /* width: 50%;*/
}


.overlay {
 position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;}

.container-overlay:hover .overlay {
  height: 95%;}

.overlaytext {
box-sizing: border-box;
width: 100%;
padding: 5px;
border-width: 10px;



  }


.container-over3 {
  /*  position: relative;
    width: 100%;*/
}

.image-over3 {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  
}

.middle-over3 {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.container-over3:hover .image-over3 {
  opacity: 0.3;
}

.container-over3:hover .middle-over3 {
  opacity: 1;
}

.text-over3 {
  position: absolute;
  top:0px;
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}


/*------*/
.overlay-index {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(-90deg, #424671 0, #424671 27%, #424671 39%, #424671 48%, rgba(255,255,255,0) 48%, rgba(255,255,255,0) 100%);
  background: -moz-linear-gradient(180deg, #424671 0, #424671 27%, #424671 39%, #424671 48%, rgba(255,255,255,0) 48%, rgba(255,255,255,0) 100%);
  background: linear-gradient(180deg, #424671 0, #424671 27%, #424671 39%, #424671 48%, rgba(255,255,255,0) 48%, rgba(255,255,255,0) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
}


#header{height:92vh;color:#FFF;background:#FFF;z-index:9;position:relative}
.header-search{background-image:url("https://www.charminghouses.net/images/recherche1.jpg");background-size:cover;background-position:center;}
.header-search0{background-image:url("https://www.charminghouses.net/images/bg_recherche04.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;}

/* A Fusionner */
.random-item-index{height:250px;background-repeat:no-repeat;background-size:cover;background-position:center;cursor:pointer}
.imgsize{cursor:pointer;}

@media only screen and (max-width:320px){.imgsize{max-width:100%;min-width:100%}
}
@media only screen and (min-width:321px) and (max-width:767px){.imgsize{max-width:100%;min-width:100%}
}
@media only screen and (min-width:768px){.imgsize{max-width:31%;min-width:31%}
}
/* A Fusionner */



.header-full1{height:100vh;}

.headerstyleS{height:85vh;}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
.header-full1, #container-services, #intersection-index, #header_montagne, #headerstyleS, #loc-ref, .headerstyleS, #header-full-local, #type-location, #header-sample { background-attachment: scroll !important; }
}

@media handheld, only screen and (max-width: 668px) {
.header-full1, #container-services, #intersection-index, #header_montagne,  #headerstyleS, #loc-ref, .headerstyleS, #header-full-local, #type-location, #header-sample{ background-attachment: scroll !important; }
}

@media screen and (min-width:1201px)  {#type-location{height:30vh;}}

@media screen and (min-width:1024px) and (orientation: landscape){  #type-location{height:45vh;}}
@media  screen and (max-width:768px) and (orientation:landscape){ #type-location{height:90vh;} }

@media screen and (max-width:320px) and (orientation: portrait){#type-location{height:50vh;}}
@media screen and (min-width:375px) and (max-width:600px) and (orientation: portrait){ #type-location{height:45vh;}}
@media screen and (min-width:601px) and (max-width:1200px) and (orientation: portrait){ #type-location{height:30vh;} }

.imgsize2{height:100vh;}

/*intro-logo*/
@media handheld, only screen and (max-width: 767px) {
#intro-logo{ margin-left: 5vw}
}

#introBar{z-index:100;
}
.introbarelement p { color:white;}

/* footer*/
footer{height:50vh;bottom:0px;background:url(https://www.charminghouses.net/1imgop.php?file=images/images-index-head/logo-charminghouses_transparent.png&w=250) no-repeat center; background-size:50vh;}

/*news*/
#news{font-family: Catamaran;}

.body-black{background-color:#000}
.body-white{background-color:#FFF}
.black{color:#000}
.white{color:#FFF}

/* theme couleurs */

/*TEST 31/102017************************************************************/

/* theme principal */
/*body*/
body{background-color:#949089;color:#000}
.color-base{background-color:#949089}
.color-dark{background-color:#64615c}
.color-light{background-color:#bbb7ae}

.color1{background-color:#fff}
.body-white{background-color:#FFF}



p, h1, h2, h3, h4, h5, h6 {color:#000}
p a, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#63615d}
a:hover{color:#ff8a65;text-decoration: none;}
a{color:#fff}


.leadX{color:#fff}
.leadL{color:#fff}

/*IntroBar*/
#introBar{background-color:#949089;}

/*menu*/
.navigation-menu::before {
  background: #bbb7ae;
}
.navigation-menu {
 background-color:#bbb7ae ;
}

@media only screen and (max-width: 700px) {
  .navigation-menu { background-color:#bbb7ae  }
}
@media only screen and (max-width: 480px) {
  .navigation-menu {background-color:#bbb7ae  }
}

.navigation-menu--open .menu-list__item {
  opacity: 1;
  color:black;
}
.menu-list__item a {
  color:black;
}

/* boutons*/
.button{ background-color:#D56D59}
.button{color: #fff;}
.button a {color:#fff;}
.nd7, .nd6, .nd5, .nd4, .nd3, .nd2, .nd1 { background-color:#D56D59}

#breadcrumb .button{
background-color:#bbb7ae}

.transition-hover-content p{color:#fff}

/* en-tete */
#overlay-01{background-color: #fff;}
#overlay-01 p {color:#000}
#overlay-01 h1 {color:#000}
#overlay-01 h2 {color:#000}

#overlay-02{background-color: #fff; color:#000}

/*intro*/
#intro .color-bloc-7, .color-bloc-4 {background-color:whitesmoke;}
#intro2 {background-color: #FFFFFF; }
#intro2 .color-bloc-7, .color-bloc-4 {background-color:#fff;}
#intro2 h1{font-size: 1.25rem;
    font-weight: 300;}



/* services */
#services {background-color: #bbb7ae}
#services .carousel-item {background-color: #bbb7ae}

/* locations-vacances */
.thumbnail p {color: #fff; font-size:xx-large;}

/*type-location*/
#type-location .color-bloc-6 {background-color: #4AB0C5}
#type-location .color-bloc-6 h2{color:#fff}
#type-location .color-bloc-4 {color:#000;background-color: whitesmoke;}
#type-location .color-bloc-4 h3{color:#000}

/*contenu-recherche*/
#contenu-recherche{background-color: #fff;}
#contenu-recherche .color-bloc-0 {background-color: #d2cec2;}
#contenu-recherche .color-bloc-7 {background-color: #fff;}
#contenu-recherche .color-bloc {background-color: #63615d;}
#contenu-recherche .thumbnail p {color: #fff; font-size:xx-large;}

/*contenu*/
#contenu{}

#bloc-recherche{}

/*news*/
#news h4 {color:#000}

/* annexes */
#annexes{background-color: #949089}
#annexes .color-bloc-4, .color-bloc-5 {}
#annexes .color-bloc-6{background-color:#afaba3;}

/* annexes2 */
#annexes2{background-color:#FFFFFF;}
#annexes2 .card{background-color:#4AB0C5;}
#annexes2 .card p{color:#fff;font-size:large;}

/* next-saison */
#next-saison{background-color: #64615c;}

/* heroblog */
#heroblog .color-bloc-4{background-color:#4AB0C5;}
/*info*/
#info .color-bloc-6 {background-color: ;}
#info .color-bloc-7 {background-color:whitesmoke;}
#info .color-bloc {background-color: #d2cec2;}

/* footer*/
footer{background-color:#d2cec2; }

/*intro-bloc*/
#intro-bloc .color-bloc-7 {background-color:#63615d}
#intro-bloc .color-bloc-4 {background-color:#fff}
/*#intro-bloc.color-bloc-7 p,h1,h2,h3,h4 {color:#fff}*/


/*breadcrumb*/
#breadcrumb{background-color:#fff;color:#000;}


/*pills*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: black;
    background-color:whitesmoke;
}
.nav-link {
    color: #fff;
    background-color: #64615c;
}
#fade2{ background-color:#D56D59}
#goback{ background-color:#D56D59}