/*********************************************************************/
h2 {
    color: #01c2f2;
}

#EncartDestinationHome {
    width: 100%;
    float: left;

    margin-bottom: 20px;
    padding: 8px;
    font-size: 14px;
}


    #EncartDestinationHome ul {
        display: flex;
        list-style: none;
        /* margin-left: 20px; */
        width: 100%;
    }

        #EncartDestinationHome ul li {
            margin: auto;
            width: 25%;
            max-width: 300px;
        }



    #EncartDestinationHome .imgResposive {
        max-height: 300px;
        max-width: 260px;
        border-radius: 15px;
    }
    #EncartDestinationHome .Titre {
        color: #fff;
        margin-top: -34px;
        text-align: center;
        font-size: 24px;
        letter-spacing: 2px;
        text-transform: capitalize;
    }
/*********************************/
#EncartPromotionHome {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding: 8px;
    font-size: 14px;
}

    #EncartPromotionHome ul {
        display: flex;
        list-style: none;
        /* margin-left: 20px; */
        width: 100%;
    }

        #EncartPromotionHome ul li {
            margin: auto;
            width: 25%;
            min-width: 300px;
        }
    #EncartPromotionHome .imgResposivePromo {
        max-height: 300px;
        max-width: 260px;
        border-radius: 15px;
        margin-bottom: -59px;
    }

    #EncartPromotionHome .TitrePromo {
        color: #fff;
        /* margin-top: -184px; */
        text-align: center;
        font-size: 24px;
        letter-spacing: 2px;
        text-transform: capitalize;
        background-color: #dd140a;
        /* float: none; */
        width: 100%;
        display: inline-block;
        float: unset;
        position: inherit;
        padding: 8px;
        margin: 5px;
        max-width: 250px;
    }



/****************************/
#Pagination {
    width: 100%;
    height: auto;
 border-top: 1px solid #ebebeb; 
    /* border-bottom: 1px solid #ebebeb; */
    float: left;
    /* margin-bottom: 20px; */
    padding: 0px;
    color: #129fb6;
    font-weight: 700;
    background-color: #2196F3;
    color: #fff;
    padding: 5px;
}

    #Pagination ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        list-style: none;
 
    }

        #Pagination ul li {
            width: -webkit-fill-available;
            text-align: center;
        }
    #Pagination .ColonneActive {
        background-color: #00bcd4;
        color: #FFF;
        padding: 3px;
        width: 100%;
        float: left;
    }
    #Pagination .ColonneInActive {
        background-color: #00BCD4;
        color: #FFF;
        padding: 3px;
        width: 100%;
        float: left;
        float: left;
        background-color: #2196F3;
    }


/****************************/
/****************************/
#Pagination2 {
    padding-top: 10px;
    width: 100%;
    height: auto;
    border-top: 1px solid #00BCD4;
    border-bottom: 1px solid #00BCD4;
    /* padding: 5px; */
    float: left;
    background-color: #01c2f2;
    color: #0583cd;
    /* margin-bottom: 20px; */
    padding: 2px;
}

  

    #Pagination2 .Colonne2 {
        float: right; /**/
    }

    #Pagination2 .PaginationActive {
        background-color: #00bcd4;
        color: #fff;
        padding: 3px;
        width: 100%;
        float: left;
    }

    #Pagination2 .PaginationInActive {
        border: dotted 1px #212121;
        padding: 3px;
        margin: 3px;
    }

    #Pagination2 ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        list-style: none;
        margin-bottom: 10px;
    }

        #Pagination2 ul li {
            display: inline;
            margin: auto;
        }

    #Pagination2 .cssNbrPage {
        margin: 2px;
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        border: dotted 1px #212121;
    }
    #Pagination2 .Texte {
        margin: 2px;
        padding: 2px;
      color:#000;
    }

    #Pagination2 .Colonne1 {
        background-position: -33px -1px;
        float: left;
        background-repeat: no-repeat;
        font-size: 14px;
        /* font-weight: 500; */
        padding: 4px;
        /* padding-left: 30px; */
        /* padding-right: 30px; */
        color: #fff;
        /* width: 10%; */
        background-color: #01c2f2;
        text-transform: uppercase;
        /* font-weight: 400; */
        text-align: left;
        margin: 0px;
    }
/****************************/
#Pagination3 {
    padding-top: 10px;
    width: 100%;
    height: auto;
    border: none;
    border-bottom: 1px solid #01c2f2;
    border-top: 1px solid #01c2f2;
    float: left;
    background-color: #fff;
    color: #01c2f2;
    margin-top: 30px;
}

    #Pagination3 .Colonne1 {
        float: left;
        margin-right: 10px;
        padding-right: 5px;
        border-right: 1px solid #01c2f2;
    }

#Pagination3 .Colonne2 {
    float: right; /**/
}

    #Pagination3 .PaginationActive {
        background-color: #01c2f2;
        color: #FFF;
        padding: 3px;
        margin: 3px;
    }

#Pagination3 .PaginationInActive {
  
    padding: 3px;
    margin: 3px;
}

#Pagination3 ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    list-style: none;
    margin-bottom: 10px;
}

#Pagination3 ul li {
    display: inline;
    margin: auto;
}

    #Pagination3 .cssNbrPage {
        margin: 2px;
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        border: dotted 1px #212121;
    }


    #Pagination3 a {
        color: #01c2f2;
    }
    #Pagination3 .TitreSelection {
        color: #000;
    }

    #Pagination3 .cssSelect {
      margin-left:20px;
      margin-right:20px;
    }

/**************************************/
#EncartHotelListe {
    width: 100%;
    float: left;
    margin: auto;
    padding: 10px;
    margin-top: 20px;
    padding-top: 10px;
    border:none;
    border-bottom: 2px solid #01c2f2;
}

    #EncartHotelListe .ColonneImage {
        width: 30%;
        float: left;
    }

    #EncartHotelListe .EncartImage {
        border: none;
        padding: 10px;
        float: left;
        float: inline-start;
        margin: 5px;
        font-size: 15px;
        font-weight: 500;
        /* padding-left: 30px; */
        /* display: list-item; */
        text-align: center;
    }


    #EncartHotelListe .ColonneCentre {
        width: 50%;
        float: left;
    }

        #EncartHotelListe .ColonneCentre ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            list-style: none;
            margin-bottom: 10px;
        }

            #EncartHotelListe .ColonneCentre ul li {
                display: inline;
                margin: auto;
            }
            #EncartHotelListe .ColonneCentre .Colonne1{
             width:50%;
            }
        #EncartHotelListe .ColonneCentre .Colonne2 {
            width: 25%;
        }

    #EncartHotelListe .Colonne3 {
        width: 20%;
        float: left;
        padding-left:20px;
    }

        #EncartHotelListe .Colonne3 ul {
            margin: 0px;
            padding: 0px;
      
            list-style: none;
            margin-bottom: 10px;
        }

            #EncartHotelListe .Colonne3 ul li {
               
                margin: 5px;
                padding: 5px;
               display:flex;
                width: 100%;
               
            }

    #EncartHotelListe .Prix {
        color: #ff8f0b;
        background-color: #fff;
      
    }
    #EncartHotelListe .TitreInfos {
        color: #000;
        background-color: #9e9e9e14;
        padding: 8px;
        border-radius: 5px;
        /* border-right: 1px dotted #9e9e9e; */
        border-radius: 0px;
    }
    #EncartHotelListe .btnTitreInfos {
        color: #fff;
        background-color: #01c2f2;
        padding: 8px;
        border-radius: 5px;
    }

    #EncartHotelListe .TitrePrix {
        color: #fff;
        background-color: #ff8f0b;
        padding: 8px;
        border-radius: 5px;
    }

    #EncartHotelListe .imgResponsive {
     max-height:180px;
     max-width:320px;
    }
    #EncartHotelListe a {
       text-decoration:none;
    }

/*****************************************/
#HotelFicheRecherche {
    width: 100%;
    float: left;
    margin: auto;
    padding: 10px;
    margin-top: 20px;
    padding-top: 10px;
    /* border-left: 4px solid #2196F3; 
    border: 2px solid #9e9e9e59;*/
    border-radius: 5px;
}

    #HotelFicheRecherche .ColonneImage {
        width: 30%;
        float: left;
    }

    #HotelFicheRecherche .ColonneCentre {
        width: 65%;
        margin-left:4%;
        float: left;
    }
    #HotelFicheRecherche .ColonneImage .imgResponsive{
        max-width:400px;
    }

    #HotelFicheRecherche .EncartImage {
        border: none;
        padding: 10px;
        float: left;
        float: inline-start;
        margin: 5px;
        display: list-item;
        text-align: center;
        width: 160px;
        height: 130px;
        list-style: none;
    }
    #HotelFicheRecherche .Encart30 {
        width: 30%;
        /* text-align: center; */
        margin: 10px;
        float: left;
        /* margin-bottom: 10px; */
        /* border-bottom: 1px solid #dddddd9c; */
        list-style: disc;
        display: list-item;
    }