/*  Général */

li
{
    list-style: none;
}

.sous_titre > li
{
    width: 80px;
}

ul
{
    padding: 0;
}

h3
{
    font-family: 'Oswald', sans-serif;

}

h2
{
    color: #f18a3e;
    font-family: 'Oswald';
    font-size: 19px;
}

.container{
    width: 960px;
    margin: 0 auto;
}


/*  Div Menu */

.menu_list{
    display: flex;
    padding-left: 150px;
}
#menu > div > div
{
    width: calc(100% / 5);
}

#div_hotel > li > ul
{
    margin: 0;
}

.sous_titre
{
    font-size: 10px;
    color: #A9A9A9;
    width: 30px;
    padding: 3px;
    margin-right: 50px;
}
.menu_hotel
{
    border-bottom: 5px solid rgb(255, 136, 0);
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #808080;
}
.menu_restau
{
    border-bottom: 5px solid rgb(255, 208, 0);
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #808080;
}
.menu_service
{
    border-bottom: 5px solid rgb(92, 231, 92);
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #808080;
}
.menu_activite
{
    border-bottom: 5px solid rgb(10, 145, 255);
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #808080;
}
.menu_plus
{
    border-bottom: 5px solid rgb(214, 71, 214);
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #808080;
}
.menu_hotel > a{
    color: #808080;
    text-decoration: none;
}
.menu_restau > li > a{
    color: #808080;
    text-decoration: none;
}
.menu_service > li > a{
    color: #808080;
    text-decoration: none;
}
.menu_activite > li > a{
    color: #808080;
    text-decoration: none;
}
.menu_plus > li > a{
    color: #808080;
    text-decoration: none;
}
.sous_titre > li > a{
    color: #A9A9A9;
    text-decoration: none;
}
.logo{
    float: left;
    margin-top: 42px;
}
.container > ul{
    float: left;
}
#menu{
    display: flex;
    background-image : url('misc/grille.png'); 
    background-repeat : repeat;
}
#div_hotel, #div_restaurant, #div_services, #div_activites, #div_plus{
    margin-left: 65px;
    margin-bottom: 40px;
    margin-top: 30px;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    float: left;
    width: 200px;
}

/* Div Main_Video */
#main_video{
    background-image : url('misc/transparent.png');
    border-top: 1px solid #e5e2e2;
    border-bottom: 1px solid #e5e2e2;
    margin-top: 10px;
    padding-bottom: 36px;
    background-repeat : repeat;
}
#video{
    margin-top: 30px;
    text-align: center;
}

/* Div Title */

#title
{
    font-size: 20px;
    font-family: 'Droid Serif';
    display: flex;
    background-image : url('misc/grille.png'); 
    background-repeat : repeat;
    margin-top: 10px;
}

#div_title > p{
    color: #918787;
    text-align: center;
    margin: 0 auto; /* Centra el texto automáticamente */
    margin-top: 35px;
    margin-bottom: 35px;
    font-style: italic; /* Aplica cursiva para emular el diseño */
    line-height: 1.5; /* Espaciado entre líneas para mayor claridad */

}


/* Div Posibilities */

#posibilities
{
    background-image : url('misc/transparent.png');
    border-top: 1px solid #e5e2e2;
    border-bottom: 1px solid #e5e2e2;
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 36px;
    background-repeat : repeat;
    Overflow:hidden;
}

#golf
{
    border: 1px solid #D3D3D3;
    width: 222px;
    height: 360px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 14px;
    float: left;
    color: #938f8f;
}

#golf > p{
    font-size: 15px;
    margin-top: -7px;
    text-align: left;
}

.golf{
    float: left;
}

#acc_fast{
    float: left;
    width: 222px;
    height: 390px;
    padding-top: 23px;
    margin-left: 14px;
    padding-bottom: 23px;
    padding-left: 10px;
    padding-right: 10px;
    color: #A9A9A9;
    font-size: 12px;
}

#accrobranche
{
    margin-top: -20px;
}

.arrow 
{
    position: relative;
    top: -4px;                  
    font-size: 20px;          /* Hereda el tamaño del texto */
    vertical-align: middle;      /* Refuerzo para la alineación */
}

#commentaires
{
    margin-top: -20px;
}

#fast-foods
{
    margin-top: 50px;
}

#div_possibilities > h2{
    font-family: 'Oswald', sans-serif;
}

#commentaires{
    float: left;
    width: 420px;
    height: 350px;
    padding-top: 23px;
    margin-left: 14px;
    padding-bottom: 23px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
}

.text-comment
{
    margin-top: 15px;
    color: #938f8f;
    font-size: 15px;
    width: 469px;
}

.text{
    margin-top: 9px;
    color: #938f8f;
    font-size: 15px;
}
.date{
    margin-top: -10px;
    color: #A9A9A9;
    font-size: 11px;
}
.accro{
    margin-left: -7px;
    padding: 7px;
    border: solid 1px #f3ecec;
    box-shadow:  8px 8px 15px #e6e6e6, -8px -8px 15px #ffffff;
    margin-right: 14px;
}

.lire-plus
{ 
    font-style: italic;
    color: #A9A9A9;
}


/* Div Contact */

#contact{
    display: flex;
    background-image : url('misc/grille.png'); 
    background-repeat : repeat;
    margin-top: 10px;
    color: #938f8f;
    
}

.petites_img{
    float: left;
}

#nous_contacter, #dernier_billet, #dernier_commentaire, #blablaland{
    float: left;
    width: calc(100% / 4);
    font-size: 13px;
}

.comment-billet {
    display: inline-block; /* Permite aplicar márgenes */
    margin-top: 10px; /* Añade espacio superior */
    margin-bottom: 10px; /* Añade espacio inferior */
}

.text-dernier
{
    margin-top: -5px;
    margin-right: 20px;
    margin-bottom: 1;
}


#nous_contacter h3 {
    margin-bottom: 15px; /* Espaciado entre el título y el siguiente elemento */
    font-size: 16px; /* Ajusta el tamaño del texto */
    text-align: left; /* Alinea el texto del título a la izquierda */
}

#nous_contacter img {
    display: inline-block; /* Asegura que las imágenes y los textos queden alineados */
    margin-right: 10px; /* Espaciado a la derecha de cada icono */
    vertical-align: top; /* Alinea las imágenes con el texto */
}

#nous_contacter p {
    margin: 12px 0; /* Espaciado entre párrafos */
    font-size: 13px; /* Ajusta el tamaño del texto */
    line-height: 1.5; /* Mejora la legibilidad del texto */
}

#nous_contacter spa {
    text-decoration: underline; /* Subraya el texto */
    text-underline-offset: 2px; /* Ajusta la distancia del subrayado */
}

#dernier_commentaire p 
{
    margin-right: 43px;
}

#blablaland p 
{
    margin-right: 43px;
}

.date-billet
{
    font-size: 13px;
    color: #A9A9A9;
    font-family: 'Droid Serif';
}

/* Footer */

#footer{
    background-image : url('misc/transparent.png');
    border-top: 1px solid #e5e2e2;
    margin-top: 10px;
    padding-top: 30px;
    padding-bottom: 36px;
    background-repeat : repeat;
    margin-bottom: 50px; 
}

#div_footer{
    float: left;
    height: 35px;
    font-family: 'Droid sans';
    font-size: 11px;
    color: rgb(144, 143, 143);
}
.foot
{
    display: flex;
}

.foot > li{

    font-family: 'Droid sans';
    font-size: 10px;
    padding: 3px;
    color: rgb(144, 143, 143);

}
.foot > li > a{

    font-family: 'Droid sans';
    font-size: 12px;
    text-decoration: none;
    color: rgb(144, 143, 143);
}
#networks{
    padding-top: 10px;
    float: right;
}