@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;
}
#main
{
    display : flex;
    flex-direction:column;
    margin-top : 10em;
}

#titre {
    font-size: 60px;
    text-align: center;
    color: #3d5d6a;
    font-family: Allura, Playlist, Cambria;
}



#resume_perigord {
    font-size: 27px;
    text-align: center;
    color: black;
    margin-top: 2em;
    font-family: Cambria;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

#A_voir {
    font-size: 7em;
    text-align: center;
    color: #3d5d6a;
    font-family: Allura, Playlist, Cambria;
    margin-top: 0.2em;
}



#A_voir_30 {
    font-size: 50px;
    text-align: center;
    margin-top: 0.2em;
    color: #3d5d6a;
    font-family: Allura, Cambria;
}


#Tour {
    margin-top: 5em;
    width : 100%;
    display:flex;
}

#Montcalou {
    width:40%;
    float: left;
    font-size:23px;
    color: black;
    font-family: Cambria;
    margin-left: 5em;
}

#tour {
    height : 30%;
    margin-left: 7em;
}


#ceou {
    margin-top: 3em;
    width: 100%;
}

#Vallee {
    float: right;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-right:3em;

}


#vallee {
    float:left;
    width:30%;
    margin-left : 7em;
}


#sarlatim {
    margin-top :3em;
    width : 100%;
}

#sarlat {
    float: left;
    font-size:23px;
    color: black;
    font-family: Cambria;
    margin-left: 5em;
    width : 40%;

}

#Sarlat {
    float : right;
    width: 35%;
    margin-right: 7em;

}


#chatim {
    margin-top:7em;
}


#chateaux {
    font-size:30px;
    color: #3d5d6a, black;
    text-align: center;
    font-family: Allura, Cambria;

}

#castelim {
    margin-top:3em;
    width:100%;
    display:flex;
}

#castelnaud {
    margin-left:9em;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;

}

#Castelnaud {
    margin-left:5em;
    width:35%;
}

#beyim {
    margin-top:3em;
    width:100%;
    display:flex;
}

#beynac {
    float:left;
    font-size:23px;
    color: black;
    margin-top : 2em;
    font-family: Cambria;
    width : 40%;
    margin-left : 5em;

}

#Beynac {
    float:right;
    margin-left:5em;
    width: 35%;

}

#milim {
    margin-top:3em;
    width:100%;
    display:flex;
}


#milandes {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left:9em;

}

#Milandes {
    margin-left:5em;
    width:35%;
}


#malim {
    margin-top:3em;
    width:100%;
    display:flex;
}

#malartrie {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left :5em;

}

#Malartrie {
    margin-left:5em;
    width:35%;
}


#banniere {
    background:#3d5d6a;
    height: 0.3em;
    margin-right:auto;
    margin-left:auto;
    width:75%;
    margin-top:4em;

}

#jarim {
    margin-top: 3em;
    width:100%;
    display:flex;
}

#jardin {
    float:right;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left :8em;

}


#jardins {
    float:left;
    margin-left:7em;
    width:35%;
}


#gourim {
    margin-top:3em;
    width:100%;
    display:flex;

}

#gourdon {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left :5em;

}

#Gourdon {
    width:30%;
    margin-left:9em;
}


#domim {
    margin-top:3em;
    width:100%;
    display:flex;
}


#domme {
    float:right;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 11em;

}

#Domme {
    float:left;
    width:35%;
    margin-left:5em;

}

#A_voir_60 {
    font-size: 50px;
    text-align: center;
    margin-top: 3em;
    color: #3d5d6a;
    font-family: Allura, Cambria;
}


#comim {
    width:100%;
    display:flex;
    margin-top:5em;
}

#commarque {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 5em;

}

#Commarque {
    width:35%;
    margin-left:9em;
}


#eyim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#Eyzies {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 11em;
}

#eyzies
{
    width:35%;
    margin-left:5em;
}

#belim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#Belves  {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left: 39em;

}

#monim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#Monpazier {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 3.5em;

}

#monpazier {
    width:35%;
    margin-left:11em;
}

#limim {
    width:100%;
    margin-top:6em;
    display:flex;
}


#Limeuil  {
    float:right;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-right : 2em;

}


#limeuil {
    float:left;
    width:35%;
    margin-left:5em;
}


#eyrim {
    width:100%;
    margin-top:3em;
    display:flex;
}

#Eyrignac {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 3.5em;

}

#eyrignac {
    margin-left:11em;
    width:35%;
}

#A_voir_loin {
    font-size: 50px;
    text-align: center;
    margin-top: 3em;
    color: #3d5d6a;
    font-family: Allura, Cambria;
}

#rocim {
    width:100%;
    margin-top:5em;
    display:flex;
}


#Rocamadour {
    float:right;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 11em;

}

#rocamadour {
    width:35%;
    margin-left:5em;
    float:left;
}

#lapoim {
    width:100%;
    margin-top:3em;
    display:flex;
}

#Saint-Cirq-Lapopie {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 3.5em;

}

#saint-cirq {
    margin-left:11em;
    width:35%;
}

#padim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#Padirac {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 11em;

}

#padirac {
    width:35%;
    margin-left:5em;
    float:left;
}


#banniere2 {
    background:#3d5d6a;
    height: 0.3em;
    margin-right:auto;
    margin-left:auto;
    margin-top: 4em;
    width:75%;

}

#titre2 {
    font-size: 60px;
    text-align: center;
    color: #3d5d6a;
    font-family: Allura, Cambria;
    margin-top: 1.5em;
}

#resume {
    font-size: 27px;
    text-align: center;
    color: black;
    margin-top: 2.5em;
    font-family: Cambria;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#canoim {
    width:100%;
    margin-top:6em;
    display:flex;
}


#canoe {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 3.5em;

}

#Canoe  {
    width:35%;
    margin-left:11em;
    
}

#boim {
    width:100%;
    margin-top:3em;
    display:flex;
}



#bois {
    float:right;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left :11em;

}

#Bois {
    width:35%;
    margin-left:5em;
    float:left;
}

#groim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#grolejac {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left :3.5em;

}

#peche {
    width:35%;
    margin-left: 11em;   
}

#proim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#proumeyssac {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 11em;
    float:right;

}

#Proumeyssac {
    width:35%;
    margin-left:5em;
    float:left;
}

#stim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#stroque {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left: 3.5em;

}

#Stroque {
    width:35%;
    margin-left: 11em;   
}

#cazim {
    width:100%;
    margin-top:3em;
    display:flex;
}

#cazelle {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left: 11em;
    float:right;

}

#Cazelle  {
    width:35%;
    margin-left:5em;
    float:left;
}


#bourim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#bournat {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 3.5em;

}

#Bournat {
    width:35%;
    margin-left: 11em;   
}

#aquaim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#Aquarium {
    width:30%;
    float: left;
    margin-left:5em;

}

#aquarium {
    float:right;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 14.3em;

}

#sinim {
    width:100%;
    margin-top:3em;
    display:flex;
}

#singes {
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 3.5em;

}

#Singes {
    width:35%;
    margin-left: 11em;   
}

#musim {
    width:100%;
    margin-top:3em;
    display:flex;
}


#musee {
    float: right;
    font-size:23px;
    color: black;
    font-family: Cambria;
    width : 40%;
    margin-left : 11em;

}

#Musee {
    width:35%;
    margin-left:5em;
    float:left;
   
}

#banderolecontact
{
    width:101.6%;
    margin-left :-1em;
    right:0em;
    margin-top:12em;
    z-index:1;
    background: #3d5d6a;
    border-top:solid 0em #e8a317;
    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:10em;
    margin-right:2em;
    margin-top:-9.2em;
}

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

#paperasse
{
    margin-right : -2em;
    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;
}