.page-header{display:none;}

.view-frontpage{display:none;}

.image_header_version_mobile{
    display:none;
}
    
.js_wiper{
    display:block;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

#block-slideshowfrontpage{
    margin-top:80px;
}

#block-slideshowfrontpage .slidesWrap .pager {
    z-index: 1010;
}

#block-slideshowfrontpage .slidesWrap .pager li button,
#block-slideshow-humain-frontpage .slidesWrap .pager li button{
    background: url("../images/rond.png");
    width:25px;
    height:25px;
    border-radius: inherit;
    border:inherit;
}

#block-slideshowfrontpage .slidesWrap .pager li button.current,
#block-slideshow-humain-frontpage .slidesWrap .pager li button.current{
    background: url("../images/rond_current.png");
    width:25px;
    height:25px;
    border-radius: inherit;
    border:inherit;
}

#block-rrhpespacelocatifhomepage{
    z-index:1001;
    position: relative;
}

#block-rrhpespacelocatifhomepage .RR{
    float:left; 
    width:33%;
    background-color:#ffb494;
    color:white;
    min-height:340px;
    min-width:400px;
    z-index: 10;
}

#block-rrhpespacelocatifhomepage .HP{
    float:left; 
    width:33%;
    background-color:#ff886a;
    color:white;
    min-height:340px;
    min-width:400px;
    z-index: 10;
}

#block-rrhpespacelocatifhomepage .Espace_locatif{
    float:left; 
    width:34%;
    background-color:#fe5e46;
    color:white;
    min-height:340px;
    min-width:400px;
    z-index: 10;
}

#block-rrhpespacelocatifhomepage .titre{
    font-size:32px;
    line-height:40px;
    float:left;
    width:80%;
    padding:25px;
    height:20px;
    font-family:'SuisseNeue_Regular';
    text-align:left;
    margin-top: -4px;
}

#block-rrhpespacelocatifhomepage img.icon_titre{
    float:right;
    text-align:right;
    padding:20px 20px 20px 0;
}

#block-rrhpespacelocatifhomepage .Espace_locatif img.icon_titre{
    padding:20px 20px 13px 0;
}

#block-rrhpespacelocatifhomepage .texte{
    clear:both;
    padding:25px;
    font-family:'Suisse_BP_Intl_Regular';
    font-size:17.5px;
    min-height:180px;
    text-align:left;
    line-height:20px;
}

#block-rrhpespacelocatifhomepage .a_titre{
    color:white;
    text-decoration:none;
}

#block-rrhpespacelocatifhomepage .btn_res,
#block-rrhpespacelocatifhomepage .btn_info{
    border-radius: 50px;
    border: 2px solid white;
    width: 190px;
    padding:11px 10px 4px 19px;
    float:left;
    font-family:'Suisse_BP_Intl_bold';
    font-size:12.5px;
    letter-spacing:2px;
}

#block-rrhpespacelocatifhomepage .btn_res:lang(en){
    width: 205px;
}

#block-rrhpespacelocatifhomepage .btn_res{
    margin-right:25px;
    float:right;
}

#block-rrhpespacelocatifhomepage .btn_info{
    margin-left:25px;
}

#block-rrhpespacelocatifhomepage a.btn_res,
#block-rrhpespacelocatifhomepage a.btn_info{
    color:white;
}

#block-rrhpespacelocatifhomepage a.btn_res:hover,
#block-rrhpespacelocatifhomepage a.btn_info:hover{
    text-decoration:none;
}

#block-rrhpespacelocatifhomepage a.btn_res:after,
#block-rrhpespacelocatifhomepage a.btn_info:after{
    content: url("../images/icon/arrow.png");
    width: 25px;
    height: 25px;    
    float:right;
    margin-top:-2px;
    display:block;
    position:relative;
    left:-5px;
}

.btn_res_en:after{
   top:-8px; 
}

#block-rrhpespacelocatifhomepage .RR a.btn_res:hover,
#block-rrhpespacelocatifhomepage .RR a.btn_info:hover{
    background-color:white;
    color:#ffb494;    
}

#block-rrhpespacelocatifhomepage .RR a.btn_res:hover::after,
#block-rrhpespacelocatifhomepage .RR a.btn_info:hover::after{
    content: url("../images/icon/arrow_resident.png");
    width: 25px;
    height: 25px;    
    float:right;
    margin-top:-2px;
    display:block;
    position:relative;
    left:-5px;
}

#block-rrhpespacelocatifhomepage .HP a.btn_res:hover,
#block-rrhpespacelocatifhomepage .HP a.btn_info:hover{
    background-color:white;
    color:#ff886a;    
}

#block-rrhpespacelocatifhomepage .HP a.btn_res:hover::after,
#block-rrhpespacelocatifhomepage .HP a.btn_info:hover::after{
    content: url("../images/icon/arrow_hote_passage.png");
    width: 25px;
    height: 25px;    
    float:right;
    margin-top:-2px;
    display:block;
    position:relative;
    left:-5px;
}


#block-rrhpespacelocatifhomepage .Espace_locatif a.btn_res:hover,
#block-rrhpespacelocatifhomepage .Espace_locatif a.btn_info:hover{
    background-color:white;
    color:#fe5e46;    
}

#block-rrhpespacelocatifhomepage .Espace_locatif a.btn_res:hover::after,
#block-rrhpespacelocatifhomepage .Espace_locatif a.btn_info:hover::after{
    content: url("../images/icon/arrow_espace_locatif.png");
    width: 25px;
    height: 25px;    
    float:right;
    margin-top:-2px;
    display:block;
    position:relative;
    left:-5px;
}


#block-slideshow-humain-frontpage{
    width:66%;
    float:left;
}

.citation_box{
    width:66%;
    min-height:450px;
}

/* citation slideshow slideshow
https://www.w3schools.com/howto/howto_js_quotes_slideshow.asp
*/

/* Slideshow container */
.slideshow-container {
  position: relative;
  font-family:'SuisseNeue';
  font-size:70px;
  color:#284a7b;
  letter-spacing: 2px;
}

/* Slides */
.mySlides {
  display: none;
  margin:auto;
  text-align: center;  
  height:475px;
  padding:80px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
  text-align: center;
  margin-top:160px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  text-decoration:none;
  margin: 0 2px;
  background: url("../images/rond_bleu.png");
  width:25px;
  height:25px;
  border-radius: inherit;
  border:inherit;
  display: inline-block;
  transition: background-color 0.6s ease;
}


/* Add a background color to the active dot/circle */
.dot-container .active, .dot:hover {
  background: url("../images/rond_bleu_current.png");
  width:25px;
  height:25px;
}

q {}

.header_slogan_mobile{
    color: white;
    font-size: 24px;
    font-family: 'SuisseNeue_Regular';
    position:relative;
    width:100%;
    text-align:center;
    z-index:10;
    top:75px;
    display:none;
}


/* Block news homepage */
#block-views-block-news-homepage-block-1{
    float:left;
    width:34%;
    background-color:#d4eefd;
}

#block-views-block-news-homepage-block-1 .block-title{
    margin:25px 25px 0px 25px;
    font-size:32px;
    border-bottom:1px solid #284a7b;
    padding-bottom:10px;
    font-family: 'SuisseNeue_Regular';
}

#block-views-block-news-homepage-block-1 .views-row{
    margin:10px 25px 0px 25px;
    border-bottom:1px solid #284a7b;
    padding-bottom:10px;
}

#block-views-block-news-homepage-block-1 .views-field-created{
    font-size:17.5px;
    font-family:'Suisse_BP_Intl_Regular';
}

#block-views-block-news-homepage-block-1 .views-field-title{
    font-size:20px;
    font-family: 'SuisseNeue_Regular';
    line-height:25px;
    padding-top:10px;
    padding-bottom:10px;
}

#block-views-block-news-homepage-block-1 .views-field-field-news-texte{
    padding-bottom:10px;
    font-size:17.5px;
    font-family:'Suisse_BP_Intl_Regular';
    line-height:20px;
}

#block-views-block-news-homepage-block-1 .views-field-nid a{
    color: #284a7b;
    font-family:'Suisse_BP_Intl_bold';
    font-size:12.5px;
    line-height:18px;
    letter-spacing:2px;
}

.RR .texte,.RR .btn_info,.RR .btn_res,
.HP .texte,.HP .btn_info,.HP .btn_res,
.Espace_locatif .texte,.Espace_locatif .btn_info,.Espace_locatif .btn_res
{display:block;}

@media (max-width: 1250px) {
            
    #block-slideshowfrontpage{
        margin-top:60px;
    }

    #block-rrhpespacelocatifhomepage .RR{
        width:100%;        
    }

    #block-rrhpespacelocatifhomepage .HP{
        width:100%;
    }

    #block-rrhpespacelocatifhomepage .Espace_locatif{
        width:100%;
    }
    
    #block-slideshow-humain-frontpage{
        width:100%;
    }
    
    #block-views-block-news-homepage-block-1{
        width:100%;
        background-color:white;
    }
    
    .citation_box{
        width:100%;
    }
    
    .slideshow-container {
        font-size:35px;
    }
      
}

@media (max-width: 1000px) { 
    
    #block-slideshowfrontpage{
        display:none;
    }
    
    .image_header_version_mobile{
        display:block;
    }
        
    .header_slogan_mobile{
        display:block;
    }    
    
    #block-rrhpespacelocatifhomepage {
        margin-top: -86px;
    }
    
}

@media (max-width: 750px) { 
    .image_header_version_mobile{
        margin-top:-75px;
    }
    
    #block-rrhpespacelocatifhomepage .Espace_locatif img.icon_titre{
        padding:0;
    }
    
    #block-rrhpespacelocatifhomepage a.btn_res::after, #block-rrhpespacelocatifhomepage a.btn_info::after {
        width: 10px;
        height: 10px;
        margin-top: -3px;
        left: -15px;
    }
}

@media (max-width: 700px) {
    
    #block-rrhpespacelocatifhomepage .titre::before {
        content: url("../images/croix.png");
        position: relative;
        padding-right: 10px;
        top:4px;
    }
    
    #block-rrhpespacelocatifhomepage .activeS::before {
        content: url("../images/trait.png");
        position: relative;
        padding: 10px;
        top:-6px;
    }
    
    .RR .texte,.RR .btn_info,.RR .btn_res,
    .HP .texte,.HP .btn_info,.HP .btn_res,
    .Espace_locatif .texte,.Espace_locatif .btn_info,.Espace_locatif .btn_res
    {display:none;}
    
    .header_slogan_mobile{
        display:block;
    }
            
    #block-rrhpespacelocatifhomepage .RR,
    #block-rrhpespacelocatifhomepage .HP,
    #block-rrhpespacelocatifhomepage .Espace_locatif{
        min-width:10px;
    }
    
    #block-rrhpespacelocatifhomepage .titre{
        width: 78%;
        font-size:26px;
    }
    
    #block-rrhpespacelocatifhomepage .btn_res, #block-rrhpespacelocatifhomepage .btn_info {
        width: 150px;
        font-size: 10px;
        padding: 10px;
    }
    
    #block-rrhpespacelocatifhomepage .btn_res:lang(en){
        width: 170px;
    }
    
    #block-rrhpespacelocatifhomepage .arrow_btn{
        margin-top:-4px;
    }
    
    #block-rrhpespacelocatifhomepage .texte{
        min-height:0;
        display: none;
    }
    
    .btn_info,.btn_res{
        display: none;
    }
    
    #block-rrhpespacelocatifhomepage .RR,
    #block-rrhpespacelocatifhomepage .HP,
    #block-rrhpespacelocatifhomepage .Espace_locatif{
        min-height:0;
        padding-bottom:20px;
    }
        
    #block-rrhpespacelocatifhomepage img.icon_titre {
        margin: 5px;
        padding: 0;
        position: relative;
        top: 10px;
        left: -10px;
    }
    
    #block-views-block-news-homepage-block-1 .views-row {
        min-height: 225px;
    }
    
}

@media (max-width: 700px) {
        
    .js_wiper{
        display:none;
    }
        
    #block-slideshowfrontpage{
        margin-top:40px;
    }
    
    #block-rrhpespacelocatifhomepage .RR .icon_titre,
    #block-rrhpespacelocatifhomepage .HP .icon_titre,
    #block-rrhpespacelocatifhomepage .Espace_locatif .icon_titre{
        width:45px;
        top: 10px;
        left: -10px;
    }
    
    #block-rrhpespacelocatifhomepage .titre{
        width: 80%;
        font-size: 24px;
        padding: 20px;
        left: -15px;
    }
    
}