/**************************/
/*v-1.1*/

@media (min-width: 500px) and (max-width: 900px) {
    #ReservarionPage {
        width: 100%;
        margin: 0px;
    }

    #SlidePage {
        width: 100%;
        max-width: 500px;
        margin: 0px;
        padding: 0px;
    }

    #SlidePageHome {
        width: 100%;
        max-width: 500px;
        margin: 0px;
    }


    #Slide {
        width: 100%;
        max-width: 500px;
        margin: 0px;
        background-color: #fff;
        float: left;
    }

    #EncartPub2 {
        float: right;
        /* width: 95%; */
    }
}
/**************************************/
@media (min-width: 100px) and (max-width: 500px) {

    h1 {
        padding-top: 20px;
    }

    #EncartMenu2 {
        float: right;
        padding: 0px;
        margin-top: 8px;
    }

    #EncartMenuHaut ul {
        /* list-style: none; */
        /* display: inline-grid; */
        width: 100%;
        /* background-color: black; */
        float: left;
        display: grid;
    }

        #EncartMenuHaut ul li {
            padding: 0px;
            margin: 0px;
            padding-right: 10px;
        }

            #EncartMenuHaut ul li a {
                padding: 8px 7px;
                text-transform: none;
                font-size: 14px;
            }

            #EncartMenuHaut ul li ul li {
                padding: 0px;
                padding-left: 20px;
            }

    #ReservarionPage {
        width: 100%;
        max-width: 380px;
        min-width: 200px;
        margin: 0px;
    }

    #SlidePage {
        width: 100%;
        max-width: 380px;
        margin: 0px;
        padding: 0px;
        margin-top: 38px;
    }

    #SlidePageHome {
        width: 100%;
        max-width: 380px;
        margin: 0px;
    }

    #Slide {
        width: 100%;
        max-width: 500px;
        margin: 0px;
        min-width: 400px;
    }


    #EncartPub2 {
        float: right;
        /* width: 95%; */
    }

    #CorpsPageBas .imgResponsive {
        max-height: 32px;
    }
}
/*****************************************/



/*********************************************/

@media (min-width: 100px) and (max-width: 800px) {
    #EncartMenuHaut {
        height: 30px;
    }

    #EncartPage1 {
        width: 96%;
        border: none;
        float: left;
        margin: 1%;
    }


    #CorpsPage1 {
        margin-top: 140px;
        width: 100%;
        background-image: none;
        background-color: #fff;
    }



    #LigneNavigationHaut .Colonne1 {
        width: 20%;
        min-width: 50px;
    }

    #LigneNavigationHaut .Colonne2 {
        width: 80%;
        min-width: 200px;
    }

    #LigneNavigationHaut .Colonne3 {
        width: 70%;
        text-align: left;
        min-width: 140px;
        font-size: 12px;
        padding-top: 12px;
    }

    #LigneNavigationHaut .Colonne4 {
        width: 3%;
        min-width: 20px;
        padding-right5px;
    }
}

@media (max-width:900px) {
    /************************************************************/
    #EncartMenuHautPere {
        margin-top: 110px;
    }

    #EncartPub2 {
        float: right;
        width: 100%;
    }

    #EncartPub h1 {
        font-size: 18px;
        width: 100%;
        padding: 10px;
        letter-spacing: 2px;
        margin: auto;
        text-align: center;
    }

    #EncartPub .Ligne1 {
        margin-top: -25px;
        margin-left: 120px;
    }

    #EncartPub .TriangleGauche {
        border-top: 31px solid transparent;
        border-right: 22px solid #ff8f0b;
        margin-right: -2px;
    }

    #EncartPub h2 {
        font-size: 16px;
        padding: 7px;
    }

    #EncartPub .TriangleDroit {
        border-bottom: 31px solid transparent;
        border-left: 22px solid #ff8f0b;
        margin-left: -2px;
    }

    #EncartPub .txtH3 {
        font-size: 13px;
        font-weight: 600;
        padding-left: 3px;
        padding-right: 3px;
    }

    #EncartPub .TriangleGauche2 {
        border-top: 32px solid transparent;
        /* border-bottom: 0px solid transparent; */
        border-right: 25px solid #f2c70d;
        margin-right: -1px;
    }

    #EncartPub .TriangleDroit2 {
        border-top: 0px solid transparent;
        border-bottom: 32px solid transparent;
        border-left: 25px solid #f2c70d;
        margin-left: -1px;
    }

    #EncartPub .TriangleGauche3 {
        border-top: 32px solid transparent;
        /* border-bottom: 0px solid transparent; */
        border-right: 25px solid #313029e0;
        margin-right: -1px;
    }

    #EncartPub .txtH31 {
        padding: 7px;
        font-size: 13px;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px;
    }

    #EncartPub .TriangleDroit3 {
        border-top: 0px solid transparent;
        border-bottom: 32px solid transparent;
        border-left: 25px solid #313029e0;
        margin-left: -1px;
    }

    #EncartPub1 {
        margin-top: 5px;
    }

    /*****************************************************/

    #EncartPage {
        margin-top: 7px;
        margin-bottom: 7px;
    }

        #EncartPage ul {
            display: inline;
        }

    #EncartTraverseeHome ul {
        display: flex;
    }

    #PageHomeTraverseeTitre .Titre {
        font-size: 18px;
    }

    #PageHomeTraverseeTitre .SousTitre {
        font-size: 13px;
    }

    #AvantageEncart .GarantieTexte {
        font-size: 16px;
    }

    #AvantageEncart ul li {
        font-size: 12px;
    }

    #AvantageEncart .AvantagePlus {
        font-size: 13px;
    }

    #ClubEncart .TitreClub {
        font-size: 16px;
    }

    #ClubEncart ul li {
        font-size: 12px;
    }

    #ClubEncart .ClubJoindre {
        font-size: 13px;
    }

    #PageAvis2 .TitreAvis {
        font-size: 16px;
    }

    #PageAvis2 .SousTitreAvis {
        font-size: 13px;
    }

    #AvisEncart .TexteAvis {
        font-size: 12px;
        /* font-weight: 400; */
        text-align: center;
    }

    #AvisEncart1 .txtdialogue {
        font-size: 16px;
    }

    #AvisEncart .TexteAvis {
        font-size: 12px;
    }

    .PlusInfo {
        font-size: 13px;
    }
}

/**responsive***************/
@media (min-width: 100px) and (max-width: 500px) {
    /**********************/
    #PageHaut {
        display: block;
        position: fixed;
        margin-top: 32px;
    }


    #EncartHaut .LogoAlloFerry {
        /*  width: 170px;
        width: 100%;
        margin-left: 35%; */
        max-width: 170px;
    }
    /*********************************************/
    #Pageclub2 .Titre {
        font-size: 14px;
        font-weight: 600;
    }

    h2 {
        font-size: 13px;
        font-weight: 600;
    }

    #PageClubEncart {
        width: 100%;
    }
    /**************************/

    .Modifier {
        padding: 5px;
        margin: 2px;
    }

    .Visualiser {
        padding: 5px;
        margin: 2px;
    }

    .Retourner {
        padding: 5px;
        margin: 2px;
    }

    .PlusDetail {
        padding: 5px;
        margin: 2px;
        font-size: 14px;
    }

    .Valider {
        padding: 5px;
        margin: 2px;
    }

    #FilArian {
        padding: 2px;
        margin-bottom: 3px;
        color: #017ad5;
        border-bottom: 1px dotted #777;
    }

        #FilArian a {
            background: none;
            color: #017ad5;
            padding: 1px;
            font-size: 12px;
            margin: 1px;
        }
    /************************************************************************/
    #EncartMenuHautPere {
        float: left;
        margin-top: 30px;
    }

    #EncartMenuHaut {
        margin-top: 20px;
    }


    #EncartMenu {
        float: left;
    }

    #LigneNavigationHautPere {
        float: left;
    }

    #LigneNavigationHaut {
        background-color: #0078d7;
        float: left;
        height: 33px;
        width: 100%;
        padding: 1px;
        padding-top: 0px;
        margin: 0px;
        padding-bottom: 0px;
    }

        #LigneNavigationHaut .cssTelephone {
            background: url("../image/phone-18.png") no-repeat;
            margin: 0px;
            padding-left: 20px;
            background-position-y: 1px;
        }

        #LigneNavigationHaut .cssFrance {
            background: url("../image/france.png") no-repeat;
            padding: 0px;
            margin: 0px;
            padding-left: 32px;
        }

        #LigneNavigationHaut .cssWhatsapp {
            background: url("../image/whatsapp-18.png") no-repeat;
            margin: 0px;
            padding-left: 22px;
        }

        #LigneNavigationHaut .Colonne1 {
            width: 15%;
            min-width: 40px;
            margin: 0px;
            padding: 0px;
            float: left;
        }

        #LigneNavigationHaut a {
            font-size: 14px;
            text-decoration: none;
        }

        #LigneNavigationHaut .Colonne1 a {
            margin: 0px;
            padding: 0px;
        }

        #LigneNavigationHaut .Colonne1 .imgPicto {
            height: 16px;
        }

        #LigneNavigationHaut .imgTel {
            width: 100%;
            margin-top: -6px;
            /* display: inline; */
            color: #ffffff;
            float: left;
            font-size: 10px;
            font-weight: 500;
            padding-left: 20px;
        }

        #LigneNavigationHaut .Colonne2 {
            width: 38%;
            min-width: 100px;
            margin: 0px;
            padding: 0px;
            text-align: left;
            font-size: 14px;
        }

        #LigneNavigationHaut .Colonne3 {
            width: 45%;
            min-width: 150px;
            margin: 0px;
            padding: 0px;
            text-align: left;
        }

    #EncartHautPere {
        float: left;
        position: static;
        margin-top: 0px;
    }

    #EncartHaut {
        position: fixed;
        margin: auto;
        width: 100%;
    }
        #EncartHaut ul {
            margin: 0px;
            margin-top:2px;
          
        }
        #EncartHaut .Colonne1 {
            width: 40%;
            padding: 0px;
            margin: 0px;
            min-width: 130px;
        }

        #EncartHaut .Colonne2 {
            width: 59%;
            padding: 0px;
            margin: 0px;
            min-width: 120px;
        }

        #EncartHaut .Colonne3 {
            width: 22%;
            padding: 2px;
            margin: 0px;
        }

    .Colonne2 #BotuonInfo {
        padding: 0px;
        font-size: 11px;
        font-weight: 600;
        text-transform: capitalize;
        text-align: center;
    }

    #EncartHaut .Colonne2 #span1 {
        padding: 3px;
        margin: auto;
        margin-top: 2px;
        display: -webkit-inline-box;
        align-content: revert;
        float: inherit;
    }

        #EncartHaut .Colonne2 #span1 a {
            float: left;
            color: #fff;
        }


    #EncartHaut .Colonne2 #span2 {
        padding: 3px;
        margin: auto;
        margin-top: 2px;
        display: -webkit-inline-box;
        align-content: revert;
        float: inherit;
    }

    #EncartHaut .cssTelephone {
        background: url("../image/phone-18.png") no-repeat;
        margin: 0px;
        padding-left: 20px;
    }

    #EncartHaut .cssFrance {
        background: url("../image/france.png") no-repeat;
        padding: 0px;
        margin: 0px;
        padding-left: 32px;
    }

    #EncartHaut .cssWhatsapp {
        background: url("../image/whatsapp-18.png") no-repeat;
        margin: 0px;
        padding-left: 20px;
    }

    .btnVideMenu {
        float: left;
        color: #fff;
        padding: 0px;
        margin: 0px;
        padding-left: 7px;
        padding-right: 7px;
        border-left: 1px solid #fff;
    }

    .btnReserver {
        float: left;
        color: #fff;
        background: url("../image/bateau-s.png") no-repeat;
        background-position-x: 15px;
    }

        .btnReserver a {
            font-size: 13px;
            transition: .2s;
            font-weight: 500;
            text-transform: capitalize;
            padding: 4px;
            padding-top: 19px;
            padding-bottom: 3px;
            margin: 1px;
            border: 0px;
            background: transparent;
        }

    .btnEspaceClient {
        float: left;
        color: #fff;
        background: url("../image/compte-client.png") no-repeat;
        background-position-x: 15px;
    }

        .btnEspaceClient a {
            font-size: 11px;
            transition: .2s;
            font-weight: 500;
            text-transform: capitalize;
            padding: 2px;
            padding-top: 21px;
            margin: 1px;
            background: none;
            border: 0px;
            text-align: center;
        }

    .btnClub {
        margin-top: 0px;
        margin-left: 12px;
        float: left;
        background: url("../image/caf-26.png") no-repeat;
        background-position-x: 25px;
        background-position-y: 0px;
        padding-top: 22px;
    }


    /***********************************************************/
    #CorpsPage {
        padding: 0px;
        margin-top: 30px;
    }

    #CorpsPage2 {
        margin: 0px;
    }


    #CorpsPage1 {
        margin-right: 1px;
        margin-top: 10px;
    }
    /************************************************************/
    #EncartPub {
        background-color: #fff;
    }

    #EncartPub2 {
        float: right;
        width: 100%;
    }

    #EncartPub h1 {
        font-size: 16px;
        width: 100%;
        padding: 10px;
        letter-spacing: 2px;
        margin: auto;
        text-align: center;
    }

    #EncartPub .Ligne1 {
        margin-left: 80px;
        margin-top: -25px;
    }

    #EncartPub .TriangleGauche {
        border-top: 27px solid transparent;
        border-right: 15px solid #ff8f0b;
    }

    #EncartPub h2 {
        font-size: 12px;
        padding: 7px;
    }

    #EncartPub .TriangleDroit {
        border-bottom: 27px solid transparent;
        border-left: 15px solid #ff8f0b;
    }

    #EncartPub .txtH3 {
        font-size: 11px;
        font-weight: 600;
        padding-left: 2px;
        padding-right: 2px;
    }

    #EncartPub .TriangleGauche2 {
        border-top: 29px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 15px solid #f2c70d;
    }

    #EncartPub .TriangleDroit2 {
        border-top: 0px solid transparent;
        border-bottom: 29px solid transparent;
        border-left: 15px solid #f2c70d;
    }

    #EncartPub .TriangleGauche3 {
        border-top: 29px solid transparent;
        border-bottom: 0px solid transparent;
        border-right: 15px solid #313029e0;
    }

    #EncartPub .txtH31 {
        padding: 7px;
        font-size: 11px;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px;
    }

    #EncartPub .TriangleDroit3 {
        border-top: 0px solid transparent;
        border-bottom: 29px solid transparent;
        border-left: 15px solid #313029e0;
    }

    #EncartPub1 {
        margin-top: 5px;
    }

    #PageTitre .Titre {
        font-size: 16px;
        font-weight: 600;
    }
    /*****************************************************/

    #EncartRecherche2 .TitreEncart {
        font-size: 14px;
    }


    #EncartRecherche2 {
        font-size: 11px;
    }

        #EncartRecherche2 .Transport {
            font-size: 12px;
        }


        #EncartRecherche2 .ColonneRecherche {
            padding: 2px;
            border-radius: 2px;
            font-size: 11px;
        }

        #EncartRecherche2 ul li {
            margin: 2px;
            margin-left: 8px;
            height: 33px;
            padding: 2px;
            float: left;
            border-radius: 4px;
            border: 1px solid #01c2f2;
            /* display: inline; */
        }
    /*********************************/
    #PageHomeTraverseeTitre {
        margin: auto;
        float: left;
        margin-top: 40px;
        width: 100%;
    }

    #PageHomeTraverseeTitreEncart {
        padding-left: 5px;
        padding-right: 5px;
    }

    #PageHomeTraversee {
        max-width: 350px;
        margin: 0px;
        padding: 0px;
    }

    #PageHomeTraversee1 {
        max-width: 350px;
        margin: 0px;
        padding: 0px;
    }

    #PageHomeTraversee2 {
        max-width: 350px;
        margin: 0px;
        padding: 0px;
    }
    /**************************************/
    #PageHomeTraversee .TitreTrajet2 {
        font-size: 14px;
    }

    #EncartTraverseeHome {
        font-size: 12px;
    }

        #EncartTraverseeHome ul {
            margin-left: 0px;
        }

        #EncartTraverseeHome .ColonneCentre ul li {
            font-size: 12px;
        }

        #EncartTraverseeHome .NomJour {
            font-size: 12px;
        }

        #EncartTraverseeHome .ColonneCentre {
            width: 38%;
            text-align: center;
            /* font-size: 14px; */
            min-width: 120px;
        }

        #EncartTraverseeHome .ColonneVille1 {
            width: 30%;
            min-width: 100px;
        }

        #EncartTraverseeHome .ColonneVille2 {
            width: 30%;
            min-width: 100px;
        }
    /****************************************/
    #EncartTraversee .ColonneVille1 {
        width: 25%;
    }

    #EncartTraversee .ColonneVille2 {
        width: 25%;
    }

    #EncartTraversee .ColonneCentre {
        width: 30%;
    }

    #EncartTraversee .ColonnePrix {
        width: 20%;
        min-width: 60px;
    }
    /********************************/
    #EncartTraverseePrix {
        font-size: 12px;
    }

        #EncartTraverseePrix ul {
            margin-left: 0px;
            margin: 0px;
            padding: 0px;
        }

        #EncartTraverseePrix .ColonneCentre {
            width: 27%;
            min-width: 80px;
        }

        #EncartTraverseePrix .ColonneVille1 {
            width: 27%;
            min-width: 80px;
        }

        #EncartTraverseePrix .ColonneVille2 {
            width: 24%;
            min-width: 80px;
        }

        #EncartTraverseePrix .ColonnePrix {
            width: 20%;
            font-size: 14px;
        }
    /******************************************************************/
    #EtapeResa {
        height: auto;
        margin-bottom: 20px;
    }

        #EtapeResa .ColonneSelect {
            font-size: 11px;
            font-weight: 500;
            padding: 0px;
            text-transform: capitalize;
            padding-top: 3px;
            padding-bottom: 3px;
        }

        #EtapeResa .Colonne {
            text-transform: capitalize;
            float: left;
            font-size: 11px;
            font-weight: 500;
            padding: 0px;
            padding-top: 3px;
            padding-bottom: 3px;
        }

        #EtapeResa .imageSepa {
            padding: 0px;
            font-size: 9px;
            font-weight: 500;
        }

        #EtapeResa .imageSepa2 {
            padding: 0px;
            font-size: 9px;
            font-weight: 500;
            color: #a8a5a5;
        }

        #EtapeResa .ColonneFleche {
            width: 0px;
        }

        #EtapeResa .FlecheDroit {
            border-top: 0px solid transparent;
            border-bottom: 0px solid transparent;
            border-left: 0px solid #0583cd;
        }
    /*******************************************************/
    #CorpsMenuBas {
        font-size: 12px;
    }
    /******************************/
    .chosen-select {
        float: left;
        border-radius: 5px;
        background-color: #ffffff;
        /* height: 30px; */
        /* width: 12%; */
        /* margin-left: 2%; */
        background-image: url(../image/Destination.png);
        background-repeat: no-repeat;
        background-position: 7px 5px;
        background-size: 36px;
        border: 1px solid #01c2f2;
        padding: 8px;
        padding-left: 40px;
    }
    /***********************************************/
    .Valider {
        background: #ff8f0b;
        color: #fff;
        padding: 7px;
        float: right;
        margin: 2px;
        border: 0px solid #fff;
        font-size: 12px;
        font-weight: 600;
        border-radius: 3px;
        /* text-transform: uppercase; */
        letter-spacing: 1px;
    }
    /*************************************************/

    .Table1 {
        font-size: 11px;
    }

    .LigneTable2 {
        font-size: 11px;
    }

    .LigneTable1 {
        font-size: 12px;
    }

    .TitreTable {
        font-size: 12px;
    }

    .Table1 tr {
        padding: 2px;
    }

        .Table1 tr td {
            padding: 2px;
        }


    /********************Fin***********************************************/

    #PageCookies {
        text-align: center;
        width: 100%;
        margin: auto;
        position: fixed;
        bottom: 0px;
        background-color: #269bda;
        /* float: unset; */
        font-size: 11px;
        color: #FFFFFF;
        padding: 2px;
    }

        #PageCookies a {
            color: #fff;
            font-size: 11px;
            font-weight: 400;
        }

    /*******************************************/
}

/*****************/