/* ---------------------------------------------- CSS */
     

.sejour { 
	 border: 1px solid #eaeaea; 
	 padding: 25px; 
      margin-bottom: 30px;
      position: relative;
     } 
     
     .sejour-header { 
	  color: #62c8ef; 
	 font-size: 1.2em; 
     } 

     .sejour-new {
        background-color: #812f60;
        padding: 0px 18px;
        /* line-height: 20px; */
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.75em;        
       
    }


    .sejour-pourvu {
        background-color: #302a2a;
        padding: 0px 18px;
        /* line-height: 20px; */
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        font-size: 0.75em;        
       
    }

    .sejour.pourvu {
        opacity: 0.6;
    }

     
     .sejour-dates { 
	  color: #6d515f; 
	 font-size: 1.3em; 
     }  
    
     .sejour-cta {  
     border-width: 0px; 
      color: #ffffff; 
     background: #8baac4 !important; 
      padding: 10px 22px 10px 22px; 
      margin-top: 15px; 
     display: inline-block; 
     }  
     
     
     .sejour-desc {      
      padding-top: 10px; 
     display: inline-block; 
     }  
     
     
      img.sejour-img {  
     float: left; 
      max-width: 220px; 
      margin: 5px 20px 0 0;      
     }     
  
  

.flexslider .slides img {
    max-height: 550px;
    width: auto;
    margin: 0 auto;
}



.flexslider .slides li, .flex-direction-nav li {
    list-style: none;
}


.flexslider.hs {
    margin: 20px 0;
    background-color: #efefef;
    padding: 20px 0 20px;
    border-radius: 10px important;
}


.flex-direction-nav a {
   
    padding-top: 10px;

}



.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -20px;
    text-align: center;
    background-color: #efefef;
    margin: 0 !important;
}


@media screen and (max-width: 450px) {
  .flexslider .slides img {
    max-height: 250px;
    width: auto;
    margin: 0 auto;
}
}