body{
    background-color: white;
    font-family : arial;
  }
  
    h1{
      text-align: left;
      text-indent:10pt;
      background-color: #D46A88;
      color: white;
  }
  
    h1.info,h1.description,h1.NB{
      border: 2px solid #E5A5B7 ;
    }
    
  
    .logo{
      width: 20%;
      display: block;
      margin-left: auto;
      margin-right: auto;  
    }

    div.titre{
        text-align: center;
        color:white;
        background-color: #D46A88 ;
        border: 2px solid white ;
        border: 2px solid #E5A5B7
        }
       
    h1.loyer{
        text-align: left;
        display: inline;
        margin-left: 0px;
        margin-right: 20px;
    }
    
    h1.adresse{
        text-align: right;
        display: inline;
        margin-left: 20px;
        margin-right: 0px;
    }
    
    
    /* galerie photo */
    html{
    
        scroll-padding-top: 5rem /*pour le saut de page, a ajuster selon les besoins*/
        
        }
        
        *{box-sizing: border-box}
        
    .slider-scroll {
        margin-top: 0px;
        margin-bottom: 0px;
        margin: 2rem auto;
        width: auto;
        max-width: 1000px;
        height: auto ;
        max-height: 400px;
        display: flex;
        overflow-x: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        }
    
    img.slide-scroll1 {
        width: 100px;
        max-width: 100px;
        margin-top: 0px;
        margin-bottom: 0px;
        scroll-snap-align: center;
        min-width: 100%;
        border-radius: 30px;
        object-fit: contain;
        }
        
    img.slide-scroll2 {
        width: auto;
        max-width: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        scroll-snap-align: center;
        min-width: 100%;
        border-radius: 30px;
        object-fit: contain;
        }
        
    img.slide-scroll3 {
        width: auto;
        max-width: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        scroll-snap-align: center;
        min-width: 100%;
        border-radius: 30px;
        object-fit: contain;
        }
        
    img.slide-scroll4 {
        width: auto;
        max-width: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        scroll-snap-align: center;
        min-width: 100%;
        border-radius: 30px;
        object-fit: contain;
        }
    img.slide-scroll5 {
        width: auto;
        max-width: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        scroll-snap-align: center;
        min-width: 100%;
        border-radius: 30px;
        object-fit: contain;
        }
        
    .ancre {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        display: block;
        text-align:center;
        }
            
    .ancre li{        
        display: inline-flex;
        justify-content: center;
        align-items:center;
        width: 20px;
        height: 20px;
        background:  #D46A88;
        border-radius: 50%;
        }
            
    .ancre li a{color:white}

    .ancre li:not(:last-child){
        margin-right: 30px;
        }
        
    .ancre li a:hover {
        opacity: 0.5;
        }

    /*tableau d'information*/

    table.info{
        width: 90%;
        color:#399BC6;
        border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
        margin-right: auto;
        margin-left: auto;
        border : 1px solid grey;
        cellspacing: 0;
        cellpadding: 0;
        
    }

    td.info{
        text-align: center;
        border: 1px solid grey;
        font-weight: bold;
        font-size: 14px;
        width: 25%;
        background: lightgrey;
    }
    td.t{
        text-align: center;
        border: 1px solid grey;
        font-weight: bold;
        font-size: 14px;
        width: 10%;
        background: lightgrey;
    }
    
	td.tL{
        text-align: center;
        border: 1px solid grey;
        font-weight: bold;
        font-size: 14px;
        width: 20%;
        background: lightgrey;
    }
	td.rep-infoS{
        text-align: center;
        border: 1px solid grey;
        font-size: 14px;
        width: 10%;
    }


    td.rep-info{
        text-align: center;
        border: 1px solid grey;
        font-size: 14px;
        width: 25%;
    }

    td.rep-infoL{
        text-align: center;
        border: 1px solid grey;
        font-size: 14px;
        width: 20%;
    }

    /* description appart*/

    li{
        text-align: left;
    }

    /* contact */
    div.contact{
        text-align: center;
        color:white;
        background-color:#399BC6;
        border: 2px solid; color:#9bbfce;
        position: fixed;
        width: 100%;
        bottom: 0px;
    }

    h2.contact{
        text-align: center;
        font-size: 20;
        color:white;
        margin-bottom: 1px;
        margin-top: 1px;
    }

    h2.back{
        text-align: top;
        font-size: 20;
	  margin-bottom: 1px;
        margin-top: 1px;
	  color: white;
	  display: inline;
     
    }
    
    div.dossier{
        text-align:left;
        display: inline;
        margin-left: 70px;      
        margin-right: 70px;
    }
   div.back{
        text-align: center;
        color: #399BC6;
	  display: inline;
        margin-left: 70px;      
        margin-right: 70px;
    }

    div.téléphone{
        text-align: right;
        display: inline;
        margin-left: 70px;
        margin-right: 70px;
    }
 /* lien titre*/
    .h2:link{color:white}
    .h2:visited{color:lightgrey}
    .h2:hover{color:white font-weight:bold}

    a.h2:link {
        text-decoration: none;
        color: white;
        font-weight: bold;
      }
    a.h2:visited {
        
        color: lightgrey;
        font-weight: bold;
      }
    a.h2:hover {
        font-weight: bold;
        text-decoration: grey underline;
    }

    a:hover {
        font-weight: bold;
        text-decoration: grey underline;
    }