body
{
    margin: 0px;
    padding: 0px;
}

.hidden
{
    display: none !important;
}

.menu-compte-web1-active
{
    color: #169cc7 !important;
    background-color: #e8f0fe !important;
}


.Input-Img-SelectOpt1
{
    background-image: url('/Files1/Image/Dot2.png');
    background-repeat: no-repeat;
    background-size: 30px 30px;
    text-indent: 10px;
    padding-left: 15px !important;
    background-position: 0px 0px;
    cursor: default;
}

.p1-hover-click1:hover
{
    cursor: pointer;    
    box-shadow: 0 0 10px #169cc7;
}

.p1-btn-menu1
{
    /*display: inline-block;*/ /* sera afficher plus grand*/
    cursor: pointer;
    margin: 3px;
    text-align: center;
    border-radius: 10px;
    background-color: #169cc7; /*#169cc7;*/
    color: #FFF;
    font-size: 18px;
    padding: 7px 7px;
}



.p1-btn-menu1:hover
{
    color: #FFF;
    box-shadow: 0 0 10px #169cc7;
}

.p1-gray1
{
    color: #000 !important;
    background-color: #e6e7e7 !important;
}

.p1-img1-hover1
{
}

.p1-img1-hover1:hover
{
    cursor: pointer;
    border: 3px solid #ddd;
}

.Titre_Module1
{
    color: #777;
    font-family: Microsoft JhengHei UI;
    font-weight: bold;
}

.Titre_Module1:hover
{
    background-color: #169cc7;
    color: White;
}


.pa-bgcolor1
{
    background-color: #87c1c1cc;
    width: 90%;
    height: 20px;
    border-radius: 5px 20px 20px 5px;
    font-size: 12px;
    text-align: center;
    padding-top: 2px;
}

.p1-bgcolor-gray1
{
    width: fit-content;
    min-width: 100px;
    height: 20px;
    border-radius: 5px 20px 20px 5px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    padding-top: 2px;
    background-color: #cdd9d9cc;
}

.p1-bgcolor1
{
    width: fit-content;
    min-width: 100px;
    height: 20px;
    border-radius: 5px 20px 20px 5px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    padding-top: 2px;
    background-color: #87c1c1cc;
}

.p1-MenuNav1
{
    padding: 10px;
    cursor: pointer;
}

.p1-MenuNav1-selected
{
    padding: 10px;
    cursor: pointer;
    border-bottom: 3px solid #169cc7;
    color: #169cc7;
}

.p1-label1-gray1
{
    background-color: #d2d6de !important;
    width: 90%;
    height: 20px;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    padding: 2px 5px;
    color: #444;
}

.p1-label1-orange
{
    background-color: #f39c12f0 !important;
    width: 90%;
    height: 20px;
    border-radius: 10px;
    font-size: 14px;
    text-align: center;
    padding: 2px 5px;
    color: #FFF;
}

.p1-label1-green
{
    background-color: #00a65ae8 !important;
    width: 90%;
    height: 20px;
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    padding: 2px 5px;
    color: #FFF;
}

.p1-label3
{
    background-color: #87c1c1cc;
    width: 90%;
    height: 20px;
    border-radius: 5px 20px 20px 5px;
    font-size: 12px;
    text-align: center;
    padding-top: 2px;
}

.p1-Label1
{
    background-color: #DDD;
    width: fit-content;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    padding: 2px 5px;
    margin-left: 20px;
}

.p1-btn1
{
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    height: 40px;
    border-radius: 20px;
    width: 200px;
    border: 1px solid #FFF;
    color: #169cc7;
    background-color: #FFF;
}

.p1-btn1:hover
{
    background: linear-gradient(to right,rgba(25,139,132,1) 0%,rgba(98,178,159,1) 100%);
    color: White !important;
    cursor: pointer;
}

.p1-btn0
{
    border-radius: 10px;
    padding: 5px;
}

.p1-btn0:hover
{
    background-color: #ddd;
}

/* Start-p1-checkbox1 ****************************************************************************************/
.p1-checkbox1
{
    display: none;
}

.p1-checkbox1:checked + .p1-checkbox1-label1
{
    border: 2px solid #DDD;
    background-color: #169cc7;
    color: #FFF;
}

.p1-checkbox1:checked + .p1-checkbox1-label1:before
{
    content: "\2713\a0";
}

.p1-checkbox1-label1
{
    padding: 5px 10px;
    color: #555;
    background-color: #ddd;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    border: 2px solid #DDD;
}

.p1-checkbox1-label1:hover
{
    border-color: #169cc7;
}
/* End-p1-checkbox1 ****************************************************************************************/



/* Start-p1-checkbox2 ****************************************************************************************/
.p1-checkbox2
{
    display: none;
}

.p1-checkbox2:checked + .p1-checkbox2-label1
{
    border: 2px solid #ddd;
    background-color: #169cc7;
    color: #FFF;
}

.p1-checkbox2:checked + .p1-checkbox2-label1:before
{
    content: "\2713\a0";
}

.p1-checkbox2-label1
{
    padding: 5px 10px;
    color: #555;
    background-color: #f9f9f9;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 100;
    cursor: pointer;
    border: 2px solid #ddd;
}

.p1-checkbox2-label1:hover
{
    background-color: #169cc7;
    color: #FFF;
}
/* End-p1-checkbox2 ****************************************************************************************/


.p1-btn-plus
{
    font-size: 30px;
    background-color: #169cc7;
    color: #FFFFFF;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 3px 5px;
    text-align: center;
    display: inline-block;
}

.p1-btn-plus:hover
{
    background-color: #169cc7;
    border: 1px solid #999;
    box-shadow: 0 0 10px #169cc7;
}

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

.p1-table1
{
    font-family: "Trebubox-shadowchet MS" , Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    color: #444;
    background-color: #f9f9f9d4; /* marche bien... */ /*border-radius: 15px 15px 0px 0px; overflow: hidden;*/
}

.p1-td-noborder td
{
    border: 0px solid #ddd !important;
}

.p1-td-border-bottom td
{
    border: 0px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.p1-table1 tr:hover
{
}

.p1-table1 td
{
    /* border: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
    padding: 0px;
    word-break: break-all;
}

.p1-table1 th
{
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #169cc7;
    color: white;
    position: sticky;
    top: 0;
}

.p1-table1 th:first-child
{
    border-radius: 10px 0px 0px 0px;
}

.p1-table1 th:last-child
{
    border-radius: 0px 10px 0px 0px;
}

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


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

.p1-th-radius5 th:first-child
{
    border-radius: 5px 0px 0px 0px;
}

.p1-th-radius5 th:last-child
{
    border-radius: 0px 5px 0px 0px;
}

.p1-radius5-top-right
{
    border-radius: 0px 5px 0px 0px;
}

.p1-radius20-top-right
{
    border-radius: 0px 20px 0px 0px;
}

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


.p1-tb-sticky1
{
}

.p1-tb-sticky1 th
{
    z-index: 2;
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #FFF;
    position: sticky;
    top: 0;
}
.p1-tb2
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
}

.p1-tb2 td
{
    border: 1px solid #ddd;
    padding: 3px;
}

.p1-tb2 tr:nth-child(even)
{
    background-color: #FFFF;
}

.p1-tb2 tr:hover
{
    background-color: #ddd;
}

.p1-tb2 th
{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #0099FF !important;
    color: white !important;
}



.p1-tb3
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
}

.p1-tb3 td
{
    border: 1px solid #ddd;
    padding: 3px;
}

.p1-tb3 tr:nth-child(even)
{
    background-color: #FFFF;
}

.p1-tb3 tr:hover
{
    background-color: #eee;
}

.p1-tb3 th
{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #EEE !important;
    color: #555 !important;
}



.p1-hover-brd-gray1:hover
{
    border: 2px solid #ddd !important;
}

.p1-hover-bg-g0:hover
{
    background-color: #eee !important;
}

.p1-hover-bg-blue0:hover
{
    background-color: #f0f8f9 !important;
}

.p1-hover-teal1:hover
{
    background-color: #bbd3d8d4 !important;
}

.p1-hover-teal2:hover
{
    background-color: #94cece7a !important;
}

.p1-hover-gray1:hover
{
    background-color: #eee !important;
}


.p1-m1
{
    padding: 10px;
    border-bottom: 1px solid #CCC;
    margin-left: 0px;
    cursor: pointer;
    font-size: 15px;
    background-color: #FFF;
    border-radius: 10px;
    color: #777;
}

.p1-m1:hover
{
    border-bottom: 2px solid #CCC;
    background-color: #DDD;
}


.Menu-pa1
{
    background-color: #CCC;
    border-radius: 10px;
    display: inline-block;
    color: #555;
    padding: 10px;
    cursor: pointer; /*width:100px;*/
    margin: 3px;
    text-align: center;
}

.Menu-pa1:hover
{
    background-color: #169cc7; /*#92d050;*/
    color: #FFF;
}


.Menu-pa1-Active
{
    background-color: #CCC;
    border-radius: 10px;
    display: inline-block;
    color: #FFF;
    padding: 10px;
    cursor: pointer; /*width:110px;*/
    margin: 5px;
    text-align: center;
    font-weight: bold;
    border: 2px solid #169cc7;
    text-decoration: underline;
    box-shadow: 0 0 10px #169cc7;
    background-color: #169cc7;
}

.Menu-pa1-Active:hover
{
    background-color: #169cc7; /*#92d050;*/
    color: #FFF;
}


.CL_Option_Apn:hover
{
    background-color: #E9E9E9;
    border-style: solid;
    border-width: 0.5px;
    border-color: #CCCCCC;
}

.PText1
{
    white-space: pre-line;
}

.Dot-Gray0
{
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.Dot-Blue0
{
    height: 15px;
    width: 15px;
    background-color: #169cc7;
    border-radius: 50%;
    display: inline-block;
}

.Dot-Orange0
{
    height: 15px;
    width: 15px;
    background-color: #f39c12 !important;
    border-radius: 50%;
    display: inline-block;
}

.Dot-Orange1
{
    height: 15px;
    width: 15px;
    background-color: #f39c12d1 !important;
    border-radius: 50%;
    display: inline-block;
}

.Dot-Green0
{
    height: 15px;
    width: 15px;
    background-color: #00a65a !important;
    border-radius: 50%;
    display: inline-block;
}

.Dot-Green1
{
    height: 15px;
    width: 15px;
    background-color: #00a65ac2 !important;
    border-radius: 50%;
    display: inline-block;
}

.Dot-Red0
{
    height: 15px;
    width: 15px;
    background-color: #d74a4a !important;
    border-radius: 50%;
    display: inline-block;
}

.Label-Archive1
{
    padding: .2em .6em .3em;
    color: #DDD;
    background-color: #555;
    border-radius: .25em;
    font-size: 18px;
    font-weight: 700;
}


.table1
{
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.table1 td, .table1 th
{
    border: 1px solid #ddd;
    padding: 8px;
}

.table1 tr:nth-child(even)
{
    background-color: #f2f2f2;
}

.table1 tr:hover
{
    background-color: #ddd;
}

.table1 th
{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #FFF;
    color: #777;
}

/**************************************************** Start p1-label- *********************************************/
.p1-label-red1
{
    padding: 3px 5px;
    color: #DDD;
    background-color: #d74a4a;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
}

.p1-label-orange1
{
    padding: 3px 5px;
    color: #FFF;
    background-color: #f39c12f0;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
}

.p1-label-turq1
{
    padding: 3px 5px;
    color: #000;
    background-color: #87c1c1cc;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
}

.p1-label-blue1
{
    padding: 3px 5px;
    color: #fff;
    background-color: #169cc7;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
}

.p1-label-green1
{
    padding: 3px 5px;
    color: #FFF;
    background-color: #00a65ac2;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
}


.p1-label-gray1
{
    padding: 3px 5px;
    color: #444;
    background-color: #ddd;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
}


.p1-label-black1
{
    padding: 3px 5px;
    color: #DDD;
    background-color: #555;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
}

/**************************************************** End p1-label- *********************************************/

.p1-Input-V1
{
    width: 300px;
    height: 35px;
    border: 1px solid #CCC;
    border-radius: 10px;
    outline: none;
    text-indent: 10px;
}

.p1-Input-V1:focus
{
    border: 1px solid #CCC;
    box-shadow: 0 0 10px #59ACAC;
}


.p1-Input-V5
{
    width: 200px;
    height: 30px;
    font-size: 14px;
    margin-top: 0px;
    padding-left: 0px;
    border-radius: 5px;
    border: 1px solid #A2A2A2;
    outline: none;
    text-indent: 10px;
    font-family: Microsoft JhengHei;
    font-weight: normal;
    color: #555;
    background-color: #FFF;
}


.p1-Input-V5:focus
{
    /* border: 2px solid #169cc7; */
    background-color: #FFF; /*box-shadow: 0 0 10px #169cc7;*/
    box-shadow: 0 0 10px #59ACAC;
}

.Input-V1
{
    width: 200px;
    height: 30px;
    margin-top: 0px;
    padding-left: 0px;
    border-radius: 10px;
    border: 0px solid #A2A2A2;
    outline: none;
    text-indent: 10px;
    font-family: Microsoft JhengHei;
    font-weight: normal;
    color: #555;
    background-color: #d5d5d5; /*#AECACA */
}


.Input-V1:focus
{
    /* border: 2px solid #169cc7; */
    background-color: #FFF; /*box-shadow: 0 0 10px #169cc7;*/
    box-shadow: 0 0 10px #59ACAC;
}

.Input-V2
{
    width: 200px;
    height: 30px;
    margin-top: 0px;
    padding-left: 0px;
    border-radius: 10px;
    border: 0px solid #A2A2A2;
    outline: none;
    text-indent: 10px;
    font-family: Microsoft JhengHei;
    font-weight: normal;
    color: #555;
    background-color: #e3eaea;
}


.Input-V2:focus
{
    /* border: 2px solid #169cc7; */
    background-color: #FFF; /*box-shadow: 0 0 10px #169cc7;*/
    box-shadow: 0 0 10px #59ACAC;
}


/*----------------------------------------------------------------------*/

.Input-V3
{
    width: 200px;
    height: 20px;
    font-size: 14px;
    margin-top: 0px;
    padding-left: 0px;
    border-radius: 0px;
    border: 0px solid #A2A2A2;
    border-bottom: 1px solid #CCC;
    outline: none;
    text-indent: 10px;
    font-family: Microsoft JhengHei;
    font-weight: normal;
    color: #555;
    background-color: #FFF;
}


.Input-V3:focus
{
    /* border: 2px solid #169cc7; */
    border-bottom: 2px solid #169cc7;
    background-color: #FFF; /*box-shadow: 0 0 10px #169cc7;*/ /*box-shadow: 0 0 10px #59ACAC;*/
}


.Input-V4
{
    width: 200px;
    height: 30px;
    margin-top: 0px;
    padding-left: 0px;
    border-radius: 5px;
    border: 0px solid #A2A2A2;
    border-bottom: 1px solid #CCC;
    outline: none;
    text-indent: 10px;
    font-family: Microsoft JhengHei;
    font-weight: normal;
    color: #555;
    background-color: #FFF;
}


.Input-V4:focus
{
    /* border: 2px solid #169cc7; */
    background-color: #FFF; /*box-shadow: 0 0 10px #169cc7;*/
    box-shadow: 0 0 10px #59ACAC;
}


.input_focus_RHome
{
    background-color: #1a92b9;
    outline: none;
    padding-left: 35px;
    border-style: inherit;
    border-radius: 20px;
}

.input_focus_RHome:focus
{
    background-color: #FFFFFF;
}

.Input_Img_Recherche1
{
    background-image: url('/Files1/Image/Recherche1.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    text-indent: 10px;
    padding-left: 35px;
    background-position: 10px 10px;
}


.Titre_CL_Menu_Left
{
    font-weight: bold;
    font-family: Microsoft JhengHei; /* color:#555; */
}

.CL_Menu_Left
{
    /* width:200px;*/
    height: 40px;
    background-color: #f5f5f5; /* #e4e6e9 */
    color: #666;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 0px 25px 25px 0px;
}

.CL_Menu_Left:hover
{
    background-color: #ddd;
}

.Div_Hover_00A
{
    cursor: pointer;
}
.Div_Hover_00A:hover
{
    background-color: #00AAAA;
}

.Div_MM
{
    transition: 0.7s;
}


.Menu_Zone1
{
    transition: 0.7s;
}


.MPR-Menu1
{
    padding: 10px;
    border-bottom: 1px solid #CCC;
    margin-left: 10px;
    cursor: pointer;
    font-size: 25px;
    background-color: #FFF;
    border-radius: 10px;
    color: #777;
}

.MPR-Menu1:hover
{
    border-bottom: 2px solid #CCC;
    background-color: #DDD;
}


.pa1-cart1
{
    width: 220px;
    min-height: 250px;
    border-radius: 20px;
    background-color: #cbe6ec; /* #cbe6ec ; #dce8ea */
    padding: 10px;
    margin: 20px;
}

.pa1-cart1:hover
{
    /* background-color:#94d7e6; */
    box-shadow: 0 0 10px #777;
    border: 0px outset #cbe6ec;
}

.pa1-cart1-circle1
{
    text-align: center;
    margin-left: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #FFF;
    background-color: #169cc7;
    font-size: 30px;
    font-weight: bold;
    padding-top: 5px;
}

.pa1-cart1-titre1
{
    margin-left: 10px;
    font-size: 20px;
    color: #666;
    font-weight: bold;
}

.p1-btn1-blue1
{
    background-color: #00bcd4;
    color: #FFF;
    border-radius: 15px;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.p1-btn1-blue1:hover
{
    box-shadow: 0 0 20px #777;
}


.p1-btn1-blue2
{
    background-color: #169cc7;
    color: #FFF;
    border-radius: 15px;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.p1-btn1-blue2:hover
{
    box-shadow: 0 0 20px #777;
}



.p1-btn1-gray1
{
    background-color: #f1f1f1 !important;
    color: #555;
    border-radius: 15px;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.p1-btn1-gray1:hover
{
    box-shadow: 0 0 20px #777;
}

.p1-btn1-green1
{
    background-color: #8bc34a !important;
    color: #FFF;
    border-radius: 15px;
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.p1-btn1-green1:hover
{
    box-shadow: 0 0 20px #777;
}



.p1-table0
{
    font-family: "Trebubox-shadowchet MS" , Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    color: #444;
    background-color: #f9f9f9d4; /* marche bien... */ /*border-radius: 15px 15px 0px 0px; overflow: hidden;*/
}

.p1-table0 tr:hover
{
}

.p1-table0 td
{
    /* border: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
    padding: 0px;
    word-break: break-all;
}

.p1-table0 th
{
    overflow: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    background-color: #FFF;
    color: #555;
    position: sticky;
    top: 0;
}

/* Start-CSS-Menu-Collapsible2 **************************************************************************** */
.Menu-Collapsible2
{
    background-color: #FFF;
    color: #555;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    border-bottom: 1px solid #CCC;
}

.active2, .Menu-Collapsible2:hover
{
    background-color: #169cc7;
    color: #FFF;
}

.Menu-Collapsible2:after
{
    content: '\002B';
    color: #555;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 20px;
}

.Menu-Collapsible2:hover:after
{
    color: #FFF;
}

.active2:after
{
    color: #FFF;
    content: "\2212";
}


.Menu-Content2
{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #FFF;
}

.Sous-Menu3
{
    width: 85%;
    padding: 5px;
    margin-left: 10px;
    cursor: pointer;
    color: #777; /* border-bottom: 1px solid #CCC;*/
    border-radius: 0px 20px 20px 0px;
}

.Sous-Menu3:hover
{
    border-bottom: 0px solid #999;
    background-color: #eee;
}

.Sous-Menu3-Active
{
    color: #169cc7 !important; /*#078b8b*/ /*plus foncé*/
    background-color: #e8f0fe !important;
}

/* END-CSS-Menu-Collapsible2 **************************************************************************** */

.sb3::-webkit-scrollbar
{
    width: 10px;
    background-color: transparent;
}

.sb3::-webkit-scrollbar-thumb
{
    background-color: #CCC;
    border-radius: 8px;
}

.sb3::-webkit-scrollbar-thumb:hover
{
    background-color: #999;
    border: 1px solid #999;
}

.sb3::-webkit-scrollbar-track
{
    border: 1px hidden transparent;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px gray inset;
}