body{
    margin: 0px;
    padding: 0px;
}
ul{
    list-style-type: none;
}
nav a{
    text-decoration: none;
    color: black;
}
nav a:hover{
    color: red;
}
      /* header*/
header{
    font-family: 'Oswald', sans-serif;
    background-image: url(assets/misc/grille.png);
    display: flex;
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 35px;


    
}
h3{
    font-family: 'Oswald', sans-serif;
}
.logo{
    padding-right: 65px;
    padding-left: 62px;
    
}

nav {
   
   padding: 0; margin: 0;   
   display: flex;
}

nav ul{
 list-style-type: none;
 margin : 0;
}

/* menus */
.titre-hotels{
    border-bottom: solid #F76900 7px;
    margin-bottom: 10px;
    width: 125px;
    padding-bottom: 7px;
}

.titre-restaurants{
    border-bottom: solid 7px #FCD04A;
    width: 155px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}
.titre-service{
    border-bottom: solid 7px #B9D482;
    width: 116px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}

.titre-activites{
    border-bottom: solid 7px #3D92C2;
    width: 116px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}

.titre-plus{
    border-bottom: solid 7px #C078D0;
    width: 137px;
    margin-bottom: 10px;
    padding-bottom: 7px;
}


.video-abc{
    display: flex;
    justify-content: center;
}
.video{
    display: flex;
    justify-content: center;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    margin-top: 12px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 9px;
}
.youtube{
    width: 715px;  height: 469px;
}
.accroche
{
    background-image: url(assets/misc/grille.png);
    padding-bottom: 29px;
    padding-top: 40px;
    padding-bottom: 32px;


}
.phrase_accroche{
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

#articles{
    display: flex;
     justify-content: center;
     border-bottom: 1px solid #F0F0F0;
     border-top: 1px solid #F0F0F0;
     margin-top: 1px;
     padding-top: 25px;
     padding-bottom: 65px;
     margin-bottom: 9px;
    font-size: 17px;
}

article h3{
    color: #E87A29;
    font-size: 23px;
    margin-bottom: 0;
    font-family: 'droid-serif', sans-serif;
}
.lien{
    text-decoration: none;
    color:  #A9A9A9;
}
.date-publication{
    color: #A9A9A9;
    margin-top: 10px;
}
.col1{

    
    width: 238px;
    padding-right: 65px;
    padding-left: 25px;


}
.golf{
    border: solid 1px #CDCDCD;
    width: 221px;
    padding-right: 36px;
    padding-left: 23px;
    height: 417px;
}
.foods{

    margin-top: 57px;

}
.commentaires{
    width: 563px;
    margin-bottom: 20px;

}
.acrobranche{
    border: 1px solid #D3D3D3;
    box-shadow: 2px 2px 2px #D3D3D3;
    width: 145px;
    padding:7px;
    margin:5px;
}
.images{
    width: 536px;
}
.info{
    display: flex;
    background-image : url('assets/misc/grille.png'); 
    justify-content: center;
    background-repeat : repeat;
    margin-top: 10px;
    padding-top: 30px;
   
    
}
.nbr_com{
   color: #A9A9A9; 
   border-bottom: 2px solid  #A9A9A9;
}

.icone{
    float: left;
}
.contact{
    width: 200px;
    padding-left: 48px;
    padding-right: 34px;

}
.billet{
    width: 265px;
    padding-left: 48px;
    padding-right: 34px;

}
.commentaire{
    
    width: 240px;
    padding-right: 50px;
}
.blablaland{
    width: 245px;
}

footer{
display: flex;
justify-content: space-between;
border-top: 1px solid #F0F0F0 ;
margin-top: 18px;
padding-top: 30px;
}
#div_footer{
    margin-left: 327px;
}
.foot{
    display: flex;
    padding-left: 0;
}
.foot li{
    margin-left: 12px;
}
.foot a{
    text-decoration: none;
    color: black;
    
}

#div_footer p{
    padding-left: 12px;
}
#networks{

display: flex;
margin-right: 277px;
align-items: flex-end;
}

#networks img{
    margin-left: 10px;
}