@font-face {

    font-family: Playlist;
    
    src: url(police/Playlist\ Script.otf);
    
    }
@font-face {

    font-family: Brittany;

    src: url(police/FontsFree-Net-BrittanySignature.ttf);
        
    }
@font-face {

    font-family: Allura;

    src: url(police/Allura-Regular.ttf);
        
    }
body
{
    background:#f5f6f4;
    font-family:"Cambria","Verdana","Georgia", "Times New Roman",'Segoe UI', Moontime, Geneva,  sans-serif;
    color:black;
}
#blocpage
{
    color:white;
}
#banderole
{
    background: #3d5d6a;
    position:fixed;
    top:0;
    z-index:1;
    height: 1.7em;
    right:0;
    width:100%;
    display: flex;
    border-bottom:solid 1em #3d5d6a;
}
#top
{
    top : -1em;
    right:2%;
    z-index : 5;
    position:fixed;
    display: flex;
    color:white;
}

#tel
{
    font-size: 1.3em;
    top : 0.2%;
    left:2%;
    z-index : 5;
    position:fixed;
    display: flex; 
    color:white;
}
#imfr
{
    width:1em;
    margin-bottom:0.8%;
}
#imw
{
    width:1em;
    margin-left:1vw;
}
#imuk
{
    width:1em;
}
#imho
{
    width:1em;
}
#imfb
{
    width:1em;
    height:1em;
    margin-top:0.2em;
    margin-left :-0.3em;
}
#iminsta
{
    width:1em;
    height:1em;
    margin-top:0.2em;
    margin-left :-0.3em;
}
#imenv
{
    width:1em;
    height:1em;
    margin-top:0.2em;
    margin-left :-0.3em;
}
#menu
{
    display:flex;
    position:fixed;
    z-index:5;
    right:11vw;
    margin-top :1.4vw;
    font-weight:bold;
}

#menu  li
{
    text-align: center; 
    margin-right: 3.3vw;
}
#menu a
{
    font-size: 1.5vw;
    color: #d5ecdd;
    padding-bottom: 3px;
    text-decoration: none;
}
#menu ul
{
    display:flex;
    list-style-type: none;
    z-index : 5;
    
}
#top ul
{
    display:flex;
    list-style-type: none;
    z-index : 5;
}

#top  li
{
    margin-right: 1vw;
}

#top a
{
    font-size: 1.3em;
    color: white;
    padding-bottom: 4px;
    text-decoration: none;
}


#top a:hover
{
    color: #d5ecdd;
    border-bottom: 3px solid #d5ecdd;
}
#menu a:hover
{
    color: #3d5d6a;
    border-bottom: 3px solid #3d5d6a;
}

#banderole2
{
    background: #90b6ac;
    z-index:2;
    position:fixed;
    top:2em;
    height: 10em;
    width:100%;
    right:0;
    display: flex;
    flex:3;
}

#logo1
{
    display:block;
    position:fixed;
    width:10em;
    z-index:3;
    top:1.5em;
    right : 44%;
}
#lacausse
{
    position:fixed;
    color:#3d5d6a;
    z-index:4;
    top:1em;
    left:10vw;
    font-family: Playlist;
    font-size: 3em;
}
#lepeyre
{
    position:fixed;
    color: #3d5d6a;
    right:10vw;
    z-index:4;
    top:1em;
    font-family: Playlist;
    font-size: 3em;
}
#menu
{
    top:7.3em;
    color:#d5ecdd;
}
#titre
{
    font-size: 2em;
    margin-top:6em;
    font-family: Allura, Playlist;
    color: #3d5d6a;
}
#main
{
    margin-top:10em;
    display : flex;
    font-size:1.3em;
    flex-direction: column;
    align-items: center;
}

#titre
{
    width:100%;
    text-align: center;
    margin-top:1em;
}

#imgite
{
    border-top-left-radius : 1em;
    border-top-right-radius : 1em;
    border-bottom-left-radius : 1em;
    border-bottom-right-radius : 1em;
    box-shadow : 8px 8px 12px #aaa;
}
#presentation
{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top: 3em;
}
#pres1
{
    width :90%;
    display : flex;
}

#pres1 p
{
    width : 40%;
    text-align:center;
    margin-left : 8em;
}
#pres1 img
{
    width : 49.77%;
    height :35%;
    margin-top:1em;
}

#descripiscine
{
    width : 80%;
    display : flex;
    margin-top:3em;
    margin-right:0;
}

#descripiscine p
{
    width : 40%;
    text-align:center;
    margin-right:8em;
    margin-top:4em;
}
#descripiscine img
{
    width : 50%;
    text-align:center;
    margin-right:0em;
}

#pres2
{
    width : 80%;
    display : flex;
    flex-direction:column;
    margin-top:3em;
}

#pres2 p
{
    width : 80%;
    text-align:center;
    margin-left : 6.5em;
}
#pres2 ul
{
    display:flex;
    flex-direction:inline;
    list-style:none;
    margin-left:5em;
}
#sln1
{
    margin-left:0em;
    width:10em;
}
#sln2
{
    margin-left:15.5em;
}
#sln1 img
{
    width:20em;
}
#sln2 img
{
    width:20em;
}
#pres2 img
{
    -webkit-transition: all 1s ease; /* Safari et Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* Internet Explorer 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

#pres2 img:hover
{
    -webkit-transform:scale(1.50); /* Safari et Chrome */
    -moz-transform:scale(1.50); /* Firefox */
    -ms-transform:scale(1.50); /* Internet Explorer 9 */
    -o-transform:scale(1.50); /* Opera */
    transform:scale(1.50);
}

#etage
{
    width : 80%;
    display : flex;
    flex-direction : column;
}

#etage p
{
    width : 100%;
    text-align:center;
}
#chambre1
{
    width : 115%;
}
#chambre2
{
    width : 115%;
}

#etage img
{
    -webkit-transition: all 1s ease; /* Safari et Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* Internet Explorer 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
#etage img:hover
{
    -webkit-transform:scale(1.50); /* Safari et Chrome */
    -moz-transform:scale(1.50); /* Firefox */
    -ms-transform:scale(1.50); /* Internet Explorer 9 */
    -o-transform:scale(1.50); /* Opera */
    transform:scale(1.50);
}
#etage ul
{
    list-style:none;
    display:flex;
    flex-direction:inline;
    margin-left:5em;
}
#cbre
{
    margin-right:-5em;
}
#cbre2
{
    margin-left:-3.5em;
}
#cbr1
{
    margin-right:5em;
}

#cbr2
{
    margin-right:5em;
}

#exte
{
    width : 80%;
    display : flex;
    flex-direction:column;
}

#exte p
{
    width : 100%;
    text-align:center;
}
#exte img
{
    width : 60%;
    margin-left:12em;
}

#linge
{
    width:80%;
    text-align:center;
}

#titlepres
{
    width:100%;
    right:0;
    left:0;
    background:#90b6ac;
    color:#3d5d6a;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    
}
#titleprestext
{
    margin-left:1em;
    font-size:1.5em;
    margin-top: 0;
}
#prestations
{
    border-radius:25px;
    background-color:#d5ecdd;
    box-shadow:0px 0px 6px #181818;
    width:80%;
    margin-top:2em;

}
#haut
{
    display: flex;
    flex-direction: row;
}
#bas
{
    display: flex;
    flex-direction: row; 
}
#prestations .preshaut
{
    display:flex;
    flex-direction: column;
    margin-right:1em;
}
#prestations .presbas
{
    display:flex;
    flex-direction: column;
    margin-right:2em;
}
#demande
{
    border-radius:25px;
    background-color:#d5ecdd;
    box-shadow:0px 0px 6px #181818;
    width:80%;
    margin-top:1em;
}
#demande ul
{
    list-style:none;
}
#demande li
{
    width:80%;
    text-align:center;
    margin-left:5em;
}
#demande h3
{
    width:80%;
    text-align:center;
    margin-left:5em;
}
#plus
{
    width:80%;
    
    border-radius:25px;
    background-color:#d5ecdd;
    box-shadow:0px 0px 6px #181818;
    width:80%;
    margin-top:1em;
}
#plus p
{
    width:80%;
    text-align:center;
    margin-left:7em;
}
#main h1
{
    color:#3d5d6a;
    font-family: Allura,Playlist;
    font-size: 3em;
}

#banderolecontact
{
    width:101.6%;
    margin-left :-1em;
    right:0em;
    margin-top:3em;
    z-index:1;
    background: #3d5d6a;
    border-top:solid 0em #90b6ac;
    margin-bottom:-1.27em;
    height:11.5em;
    overflow:visible;
}


#contacttext
{
    float : left;
    display : flex;
    z-index : 5;
    flex-direction: column;
    font-size: 1em;
    margin-left : 0;
    margin-top : -9.5em;
    color:white;
}

#contactbas ul
{
    list-style-type: none;
}

#titrecontact
{
    font-size: 1em;
}
#logo2
{
    float:right;
    display : flex;
    width:8em;
    margin-right:2em;
    margin-top:-9.2em;
}

#contactbas a
{
    margin-right : 0.2em;
    text-decoration: none;
    color : white;
}

#paperasse
{
    margin-right : 25em;
    margin-top : -1.5em;
    text-align : center;
}

#paperasse a
{
    margin-right : 2em;
}

#paperasse a:hover
{
    color: #d5ecdd;
    border-bottom: 3px solid #d5ecdd;
}

#imfacebook
{
    height : 1em;
}

#iminstagram
{
    height : 1em;
}

#imwhatsap
{
    height : 1em;
}