@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Dancing+Script:wght@400..700&family=Parisienne&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Tangerine:wght@400;700&display=swap');
*,::after, 
  ::before {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-size: 1em;	
	outline: none;
}
a{
	text-decoration: none;
    color: #000;
}
::-webkit-scrollbar {
	display: none;
}
ul li{
	list-style-type: none;
}
body{
    background: #f4f4f4; 
    line-height: 1.5;
    overflow-x: hidden;
    font-size: 17px;
    position: relative;
    font-family: 'Poppins', sans-serif;   
    user-select: none;
}
.ADMIN_P{
    width: 100%;
    margin: auto;
}
/*
 ======================================
 == STYLISATION DE LA PAGE D'ERREUR
 ======================================
*/
.PAGE_DERREUR{
    width: 100%;
    display: flex;
    padding: 8rem 2rem;
    justify-content: center;
}
.PAGE_DP{
    max-width: 460px;
    height: 500px;
    display: flex;
    flex-direction: column;
    text-align: center;
    background: #fff;
}
.PAGE_DPE{
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.PAGE_DPE img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PAGE_DPT{
    width: 100%;
    padding: 20px;
}
.PAGE_DPT h1{
    font-size: 1.2em;
    color: darkslategray;
}
.PAGE_DPT p{
    color:rgb(37, 37, 37);
    font-size: 1em;
    font-weight: 300;
}
/*
  ==================================
  == LA PAGE LOGIN DE CONNEXION
  ==================================
*/
.PAGE_LOG{
    width: 100%;
    height: 100vh;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px;
    align-items: center;
}
.PAGE_LOGPI{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    padding: 3em 2em 3em 5em;
    border-radius: 0 100% 50% 0;
    background: linear-gradient(90deg, rgb(0, 119, 255) 0%, rgb(31, 60, 100) 35%, rgb(5, 30, 54) 100%);
}

.FORDLR_3_2{
    margin: 10px auto;
    display: flex;
    justify-content: space-between;
    border: 1px solid rgb(202, 202, 202);
    align-items: center;
    padding: 5px; 
}
.FORDLR_3_2 select{
    width: 92%;
    height: 50px;
    border-width: 0;
    outline: none;
    padding-left: 10px;
    font-family: 'Roboto', sans-serif;
    word-spacing: 2px;
    color: #000;
    font-weight: 300;
    background:rgb(243, 243, 243);  
}
.PG_INP .FORDLR_3_1{
    color:rgb(185, 185, 185);
    font-size: 1em;
    text-shadow: 0 1px 1px #000;
    font-weight: 200;
}

.PG_INP .FORMSPL .FORDLR_3_2{
    width: 100%;
    height: 50px;
    display: grid;
    grid-template-columns: 1fr 40px;
    gap: 15px;
    background: #183c55;
    border-radius: 5px; 
    border: 2px solid rgb(34, 88, 126);
}
.FORMAD{
    width: 100%;
    height: 50px;
    display: grid;
    grid-template-columns: 1fr 40px;
    gap: 20px;
    align-items: center;
    padding: 5px;
    border: 2px solid #235a81;
    background: #183c55;
}
.FORMAD input{
    width: 100%; 
    height: 100%; 
    border-width: 0;
    outline: none;
    background: #183c55;
    color: #cacaca;
    font-weight: 200;
    font-size: 1em;
    border-width: 0;
    padding: 2px 10px;
}
.PG_INP input:focus{
    background: #183c55!important;
    color: #fff;
}
.FORMAD input:focus{
    background: #183c55!important;
    outline: none;
    border-width: 0;
}
.FORMAD_1{
  color: #d4b346;
  font-size: 1em;
}
.PAGE_LOGCIE{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background:#ff6c47;
    margin: 10px auto;
    border-radius: 5px;
    color:rgb(226, 226, 226);
    justify-content: center;
    font-weight: 200;
}
/*
 =============================================
 == DEUXIME PARTIE DE LA PAGE DE CONNEXION
 =============================================
*/
.PAGE_LOGPII{
    width: 100%;
    height: 400px;
    padding-right: 15em;
}
.PAGE_LOGPII_1{
    text-transform: uppercase;
    font-size: 2.3em;
    line-height: 1em;
    color: #004e58;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 0 2px 3px #c9c9c9;
}
.PAGE_LOGPII_1_1{
    color: #3f3f3f;
    font-size: 1em;
}
.PAGE_LOGPIIC{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    margin: 10px auto;
}
.PAGE_LOGPII_2_1{
    height: 45px;
    border: 1px solid #ff9720;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    margin-right: 20px;
    transition: .5s;
}
.PAGE_LOGPII_2_1:hover{
    background: #ff9720;
    padding: 10px 20px;
} 
.PAGE_LOGPII_2_1:hover .PAGE_LOGPII_2_1_1_1{
    color: #fff;
}
.PAGE_LOGPII_2_1_1_1{
    color: #fa8601;
    font-weight: 300;
    text-transform: uppercase;
}
.PAGE_LOGPII_3{
    height: 45px;
    border: 1px solid #27befa;
    background: #27befa;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    transition: .5s;
}
.PAGE_LOGPII_3_1{
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}
.PAGE_LOGPII_3:hover{
    background: #007bc2;
    padding: 10px 20px;
    border: 1px solid #007bc2;
}
.PG_CM{
    display: none;
}

/*
  ======================================
  == PAGE LOGIN EN TANT QUE MEMBRE
  ======================================
*/
.PAGE_LOGMBR{
    width: 100%;
    height: 100vh;
    display: grid;
    grid-template-columns: 40% 1fr;
    gap: 20px;
    align-items: center;
    background: #fff;
}
.PAGE_LOGC{
    width: 500px;
    height: 650px;
    border-radius: 20px;   
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;     
    text-align: center;
    position: relative;      
}
.PAGE_LOGCI{
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.PAGE_LOGCI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.PAGE_LOGCI_1{
    color:rgb(182, 134, 51);
    font-size: 1.6em;
    line-height: 1em;
    text-shadow: 1px 2px 3px #000;
    font-family: "Dancing Script", serif;
    margin-bottom: 10px;
} 
.PAGE_LOGCI_1_2{
    color:rgb(221, 221, 221);
    font-weight: 200;
    font-size: .8em;
    line-height: 1em;
    text-shadow: 1px 2px 3px #000;    
}
.PAGE_CENT{
    width: 100%;
    height: auto;
    margin-top: 40px;
}
/*===PARTIE DE GAUCHE INSCRIPTION MEMBRE======*/
.PART_MBRIL{
    width: 100%;
    height: auto;
    display: flex;
    padding: 4em;
    justify-content: center;
    align-items: center;
}
.PTG{
    width: 900px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.PTGPS{
    width: 100%;
    height: auto;
}
.PTGPL{
    width: 100%;
    height: auto;
    border: 2px solid #178acc;
}
.PTGPLT{
    width: 100%;
    height: 50px;
    padding: 10px;
    display: flex;
    align-items: center;
    background: #178acc;
}
.PTGPLT_1{
    color: #fff;
    font-size: 1.2em;
    margin-right: 4px;
}
.PTGPLT_1_1{
    font-size: 1.2em;
    color: #fff;
    font-weight: 200;
}
.PTGPLDS{
    width: 100%;
    height: auto;
    padding: 20px;
    background: #eee;
}

.PTGPLDL{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.PTGPLD{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
    margin-bottom: 20px;
}
.PTGPLD span,
.PTGPLDL span{
    text-transform: uppercase;
    font-size: .8em;
    color: #3a5357;
    font-weight: 400;
}
.PTGPLDI_1{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(168, 168, 168);
    background: #fff;
    margin-top: 5px;
    padding: 2px;
}
.PTGPLDI_1 input{
    width: 100%;
    height: 100%;
    padding-left: 5px;
    display: inline-block;
    border-width: 0;
    font-size: 1em;
    font-weight: 200;
    outline: none;
}
.PTGPLDI_1 input::placeholder{
    color: rgb(168, 168, 168);
    font-weight: 200;
    font-size: 1em;
}
.PTGPLD_SELECT{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.PTGPLD_SELECT .FORDLR_3_1_1{
    text-transform: uppercase;
    font-size: .8em;
    color: #3a5357;
    font-weight: 400;
}
.PTGPLD_SELECT select{
    width: 100%;
    height: 40px;
    display: inline-block;
    border-width: 0;
    font-size: 1em;
    font-weight: 200;
    outline: none;
    padding: 4px;
    border: 1px solid rgb(168, 168, 168);
    background: #fff;
    color: rgb(87, 87, 87);
    font-weight: 200;
    margin-top: 10px;
}
.PTGPLDI{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.PTGPLDI label{
    text-transform: uppercase;
    font-size: .8em;
    color: #3a5357;
    font-weight: 400;
}
.PTGPLDI select{
    width: 100%;
    height: 40px;
    display: inline-block;
    border-width: 0;
    font-size: 1em;
    font-weight: 200;
    outline: none;
    padding: 4px;
    border: 1px solid rgb(168, 168, 168);
    background: #fff;
    color: rgb(87, 87, 87);
    font-weight: 200;
    margin-top: 10px;
}

/*===PARTIE DE DROITE=======*/
.PGMBR_RIGHT{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2em;
    background: linear-gradient(90deg, rgb(0, 119, 255) 0%, rgb(31, 60, 100) 35%, rgb(5, 30, 54) 100%);
}
.PGMBR_RIGHTL{
    width: 650px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.PGMBR_RLD{
    width: 100%;
    color: #cacaca;
    font-weight: 200;
    font-size: 1em;
    margin: 20px auto;
}
.PGMBR_RLDC{
    width: 100%;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    margin: 20px auto;
    border-top: 1px dashed #264d79;
}
.PG_INP{
    width: 100%;
    height: 90px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
.PG_INP span{
    color: #c2c2c2;
    font-size: 1em;
    display: flex;
    justify-content: flex-start;
    font-weight: 200;
}

.PG_INP .FORMSPL .FORDLR_3_2 input::placeholder{
    color: rgb(128, 128, 128);
    font-weight: 200px;
    background: none; 
}
.PG_OPT{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PG_OPTL label{
    color: rgb(143, 143, 143);
    font-size: .85em;
    font-weight: 300;
}
.PG_OPTL_1{
    color: rgb(139, 102, 67);
    font-size: .85em;
    transition: .5s;
}
.PG_OPTL_1:hover{
    color: rgb(185, 107, 11);
    text-decoration: underline;
    margin-right: 5px;
}
.PG_OPTB{
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 9px auto;
}

.PG_OPTB button{
    width: 100%;
    height: 100%;
    background:rgb(9, 131, 168);
    color:rgb(255, 255, 255);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition:.5s;
    border-width:0 ;
    font-size: 1.3em;
    font-weight: 200;
}
.PG_OPTB button:hover{
    background:rgb(10, 89, 207);
    color: #fff;
    text-decoration: underline;
}
.SET_ERREUR{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
    background: rgb(245, 122, 91);
}

.SET_ERREUR ul li,
.SET_ERREUR_1{
    font-size: 1em;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
}
.SET_ERREURE{
    width: 100%;
    height: 100px;
    display: flex;
    padding: 25px 20px;
    justify-content: center;
    margin: 20px auto;
    background: rgb(120, 162, 196);
}
.SET_ERREURE_1{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #45627a;
    margin-right: 20px;
    border-radius: 10px;
}
.SET_ERREURE_1_1{
    font-size: 1.1em;
    color: #d4d4d4;
}
.SET_ERREURE_2{
    width: 50%;
    height: 60px;
    display: flex;
    flex-direction: column;
}
.SET_ERREURE_2_1{
    font-size: 1.1em;
    color: #003333;
}
.SET_ERREURE_2_2{
    font-size: 1em;
    color: #003333;
}
.ADMIN_FOOTER{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgb(0, 119, 255) 0%, rgb(31, 60, 100) 35%, rgb(5, 30, 54) 100%);
}
/*
  ================================
  == STYLISATION DE LA TOP BARRE
  ================================
*/
.ADMIN_TOP{
    width: 100%;
    height: 100px;
    display: flex;  
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(0, 119, 255) 0%, rgb(31, 60, 100) 35%, rgb(5, 30, 54) 100%);
    box-shadow: 0 1px 15px #000;
    z-index: 5;
} 

.ADMIN_TOPI{
    width: 1365px;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ADMIN_TOPIL{
    width: 50%;
    height: 50px;
    display: flex;
    align-items: center;
}
.ADMIN_TOPILI{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.ADMIN_TOPILI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.ADMIN_TOPILI_d{
    color: #fff;
    font-size: 1.1em;
    font-weight: 200;
}

/*===ADMIN TOP PART II================== */
.ADMIN_TOPII{
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.ADMIN_TOPIIC{
    width: 1365px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.ADMIN_TOPIICR{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.ADMIN_DV_D{
    display: none;
}
.ADMIN_DI{
    width: 40px;
    height: 40px;
    position: relative;
}
.ADMIN_DI{
    width: 40px;
    height: 40px;
    position: relative;
    top: 0;
    left: 10px;
}
.ADMIN_DIM_i{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ADMIN_DIM_i img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border-radius: 50%;
}
.ADMIN_DIM_1{
    color:rgb(49, 190, 36);
    font-size: .9em;
    position: absolute;
    bottom: -2px;
    right: -9px;
}
.ADMIN_DV{
    width: 50px;
    margin-left: 10px;
}
.ADMIN_DVA{
    position: relative;
}
.ADMIN_DVA_1{
    padding: 4px;
    font-size: 1.2em;
    color:rgb(94, 94, 94);
    transition: .5s;
}
.ADMIN_DVA_1:hover{
    background: #eee;
    border-radius: 50%;
    color: #183c55;
}
.ADMIN_DVA_1_1{
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 3px;
    background:rgb(230, 34, 34);
    position: absolute;
    top: -10px;
    right: -4px;
    font-size: .8em;
    color: rgb(243, 243, 243);
}
.ADMIN_TOPIICLK{
    color: #183c55;
    font-size: 1em;
    margin-right: 10px;
    transition: .5s;
    padding: 5px 10px;
    font-weight: 300;
}
.ADMIN_TOPIICLK:hover{
    background: #eee;
    padding: 5px 10px;
    border-radius: 5px;
    color: #0d4a9b;
}
.PG_GLOB{
    width: 100%;
    height: auto;
}
.ADMIN_FTC{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.ADMIN_FTC_1{
    color: rgb(182, 182, 182);
    font-size: .7em;
    padding: 0 20px;
}
.ADMIN_DEC{
    margin-left: 30px;
    background: #eee;
    padding: 4px 10px;
    border-radius: 5px;
    font-weight: 300;
    font-size: .9em;
}
.ADMIN_DEC:hover{
    transition: .5s;
    background:rgb(253, 98, 36);
    color: #fff;
}

/*
 ===============================
 | MENU DES LIENS RESPONSIVES
 ===============================
*/
.HDRESP_LKS{
    width: 100%;
    height: 100vh;
    top: 0;
    left: 1000px;
    right: 0;
    background: rgba(0, 0, 0, .9);
    position: absolute;
    transition: .6s ease;
    transition-property: right;
}
.HDRESP_LKS.open{
    left: 0;
    transition :all 0.5s;
}
.HDRESP_LKS.fermez{
    left: 1000px;
    transition :all 0.5s;
}
.HDRESP_LKT{
    width: 300px;
    height: 100vh;
    position: relative;
    left: calc(100% - 300px);
    right: 0;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgb(24, 40, 63) 35%, rgba(0, 129, 255, 1) 100%);
    transition: .6s ease;
    transition-property: right;
}
.HDRESP_PTI{
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 20px 20px 10px 20px;
}
.HDRESP_PTI_1{
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    transition: .5s;
    cursor: pointer;
}
.HDRESP_PTI_1:hover{
    color:rgb(250, 106, 63);
}
.HDRESP_PTI_T{
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.HDRESP_PTI_TI{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.HDRESP_PTI_TI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}
.HDRESP_PTI_TT{
    position: relative;
}

.HDRESP_LKTI_p_1{
    color: #fff;
    font-size: 1.9em;
    text-transform: uppercase;
    font-family: "Abril Fatface", serif;
    font-weight: 400;
    font-style: normal;
    text-shadow: 1px 3px 4px rgb(14, 10, 10);
}
.HDRESP_LKTI_p_1_1{
    font-family: "Parisienne", serif;
    position: absolute;
    bottom: 1px;
    color:rgb(255, 166, 0);
    font-weight: 400;
    left: 10px;
    top: 30px;
    font-size: 1.4em;
    letter-spacing: 1px;
}

.HDRESP_LK{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-top: 1px solid rgb(37, 39, 41);
    transition: .5s;
}
.HDRESP_LK:last-child{
    border-bottom: 1px solid rgb(37, 39, 41);
}
.HDRESP_LK:hover{
   background:rgb(24, 90, 145);
   padding-left: 10px;
}
.HDRESP_LK.active{
    border-left: 3px solid rgb(69, 100, 126);
    transition: .5s;
}
.HDRESP_LK_1{
    font-size: .9em;
    color: rgb(204, 204, 204);
    text-transform: uppercase;
    font-weight: 200;
}
.HDRESP_LK_1.active{
    color:rgb(253, 169, 72);
}
.HDRESP_LK_1_1{
    font-size: 1.1em;
    background:rgb(40, 62, 77);
    color: #eee;
    padding: 1px 3px;
    font-weight: bold;
    color: rgb(204, 204, 204);
    border-radius: 4px;
}
.HDRESP_LKD{
    width: 80%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    background:rgb(241, 137, 18);
    border-radius: 0 60px 40px 30px;
    transition: .5s;
}
.HDRESP_LKD_1{
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
}
.HDRESP_LKD:hover{
    width: 85%;
    background:rgb(197, 106, 2);
}

/*
 =====================================
 == POPUP DE CONFIRMATION
 =====================================
*/
.validatePopup{
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 200000;
    position: fixed;
    visibility: hidden;
}
.validatePopup.active{
    visibility: visible;
}
.Popoverlay{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #333333d3;
    transition: opacity 0.4s 0.2s ease-out;
}
.validatePopup.active .Popoverlay{
    opacity: 1;
    transition: opacity 0.4s ease-out;
}

.popsection{
    opacity: 0;
    position: absolute;
    max-width: 500px;
    height: 250px;
    padding: 20px;
    top: 40%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translate(-50%, calc(-50% - 50px));
    transition: opacity 0.4s  ease-out,
                transform 0.4s ease-out;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 20px #404040;
}
.validatePopup.active .popsection{
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: opacity 0.4s 0.2s ease-out,
                transform 0.4s 0.2s ease-out;
}
.popsecT{
    text-transform: uppercase;
    color: #000;
    font-size: 1.5em;
    font-weight: 400;
}

.popsecT_1{
    font-size: 1em;
    color: #262626;
    font-weight: 300;
    text-align: center;
}
.popsecC{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.popsecC_1{
    background: #ff6666;
    padding: 10px 15px;
    text-transform: uppercase;
    border-radius: 10px;
    margin: 5px;
    font-weight: 200;
    font-size: 1em;
    color: #fff;
    cursor: pointer;
}
.popsecC_1:hover{
    transition: .5s;
    background: #e60000;
}
.popsecC_1_1{
    background: #4d9900;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 10px 15px;
    margin: 5px;
    font-weight: 200;
    font-size: 1em;
    color: #fff;
}
.popsecC_1_1:hover{
    transition: .5s;
    background: #336600;
}

/*====LE MODAL DES PAGES DE CONFIRMATIONS==============*/
.POP_EDIT_ADD{
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 200000;
    position: fixed;
    visibility: hidden;
}
.POP_EDIT_ADD.active{
    visibility: visible;
}
.POP_EDIT_OVERLAY{
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(0, 31, 51, 0.87);
    transition: opacity 0.4s 0.2s ease-out; 
}
.POP_EDIT_ADD.active .POP_EDIT_OVERLAY{
    opacity: 1;
    transition: opacity 0.4s ease-out;
}
.POP_CT{
    opacity: 0;
    position: absolute;
    width: 500px;
    height: 350px;
    top: 40%;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translate(-50%, calc(-50% - 50px));
    transition: opacity 0.4s  ease-out,
                transform 0.4s ease-out;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 20px rgb(27, 27, 27);
}
.POP_CTI{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgb(36, 138, 27);
    border-radius: 10px 10px 0 0;
}
.POP_CTIC{
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    border-bottom: 10px solid rgb(245, 245, 245);
}
.POP_CTIC_1{
    color: #fff;
    font-size: 1.2em;
}
.POP_CTII{
    width: 100%;
    height: 195px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.POP_CTII_1{
    font-size: 2em;
    color:rgb(57, 129, 15);
    text-shadow: 0 1px 3px rgb(170, 170, 170);
}
.POP_CTII_2{
    font-size: 1em;
    color:rgb(83, 83, 83);
    font-weight: 300;
}
.POP_CTIIC_3{
    width: 55%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px auto;
    transition: .5s;
}
.POP_CTIIC_3 a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgb(248, 189, 28);
    border-radius: 50px;
    color: #000;
    font-size: .9em;
    transition: .5s;
}
.POP_CTIIC_3 a:hover{
    background: rgb(250, 162, 30);
    color: #242424;
}
.POP_CTIIC_3:hover {
    width: 60%;
}

.POP_EDIT_ADD.active .POP_CT{
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: opacity 0.4s 0.2s ease-out,
                transform 0.4s 0.2s ease-out;
}

.HP_HVIIBGI_0{
    margin-left: 7px;
    font-size: .8em;
    color: #fff;
    font-weight: 200;
    text-transform: uppercase;
    padding: 2px 10px;
    background: #ff6666;
}
.HP_HVIIBGI_1{
    margin-left: 7px;
    font-size: .8em;
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
    padding: 2px 10px;
    background:rgb(238, 238, 238);
}
/*
============================
== PAGE FORMULAIRE GLOBAL
============================
*/
.PAGE_FORMULAIRE{
    width: 1360px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 150px auto;
}
.PART_FORM{
    width: 100%;
    height: auto;
    padding: 3em;
    margin: 10px auto;
    background: #fff;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
    border: 1px solid #fff;
    position: relative;
}
.PART_FORMIL,
.PART_FORMILS{
    width: 100%;
    height: auto;
    padding: 20px;
    border-left: 4px solid rgb(238, 238, 238);
    margin-bottom: 10px;
    border-radius: 10px;
}
.PART_FORMILS{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;

}
.PART_FORMILI{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.FORM_D{
    height: 100%;
    height: auto;
    margin: 10px auto;
}
.FORM_DP{
    width: 100%;
    height: auto;
    margin-top: 10px;
    padding: 10px;
    background: #f3f3f3;
    border-radius: 5px;
    border: 1px solid #d8d8d8;
}
.FORM_DP textarea{
    width: 100%;
    min-height: 500px;
    max-height: 500px;
    padding: 10px;
    resize: vertical;
    border-width: 0;
    color: #333333;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
}
.PART_FORMILI span,
.PART_FORMILI label,
.FORM_D_1{
    text-transform: uppercase;
    font-size: 1em;
    color: #1a3961;
    font-weight: 300;
    margin-bottom: 10px;
}
.PART_FORMILI_1{
    width: 100%;
    height: 55px;
    display: grid;
    grid-template-columns: 1fr 40px;
    align-items: center; 
   border: 1px solid #cacaca;
    border-radius: 5px;
    transition: .5s;
}
.PART_FORMILI_1 input{
    width: 100%;
    height: 100%;
    border-width: 0;
    outline: none;
    padding: 5px 10px;
    border-radius: 5px;
    color: #0e1e27;
}
.PART_FORMILI select{
    width: 100%;
    height: 100%;
    border-width: 0;
    outline: none;
    padding: 5px 10px;
    border-radius: 5px;
    color: #0e1e27;
    border: 1px solid #a3a3a3;
}
.PART_FORMILI_1 input::placeholder{
    color: #b9b9b9;
    font-weight: 200;
}
.PART_FORMILI_1:hover{
    border: 1px solid #61c5ff;
}
.PART_FORMILI_1_1{
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.2em;
    background: #61c5ff;
    border-radius:0 4px 4px 0;
    color: #fff;
}
.PART_FORMIL:nth-of-type(2n){
   background: #f8f8f8;
}
.PART_FORMILS:nth-of-type(2n){
   background: #f8f8f8;
}
.FORM_TK{
    width: 100%;
    height: 65px;
    display: flex;
    justify-content: space-between;
    margin: 6px auto;
    align-items: center;
    padding: 15px 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 2px #cccccc;
}
.FORM_TKL_1{
    text-transform: uppercase;
    font-weight: 300;
    color: #595959;
    font-size: .95em;
}
.PG_OPIII_LI_l{
    width: 120px;
    height: 40px ;
    display: flex;
    align-items: center;
    position: relative;
    padding: 3px; 
}
.FORM_TK input{
    width: 100%; 
    height: 36px;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    right: 0; 
    background: #ff6633;
    position: absolute;
    outline: none;
    cursor: pointer;
    border-radius: 20px;
    transition: .5s;
    outline: none;
    appearance: none; 
    padding: 1px;
}
.FORM_TK input::before{
    content: '';
    display: block;
    width: 45px;       
    height: 31px;
    margin: 2px;
    box-shadow: 0px 0px 2px #e62e00;
    border-radius: 26px;
    background: #fff;
    position: absolute;
    transition: .5s;
    outline: none;
}
.FORM_TK input:checked{
    background: #40bf40;
    border: 1px solid #40bf40;
    transition:.5s;
    outline: none;
}
.FORM_TK input:checked:before{
    content: '';
    transform:translateX(67px);
    transition: .5s;
}
.PTPOSTII_1_NOT{
    color: #f8672d;

}
.PTPOSTII_1_YES{
    color: #40bf40;
}
/*===STYLISATION DE L'AJOUT DE L'IMAGE DU FORMULAIRE============*/
.MDLPCF{
    width: 100%;
    height: auto;
    padding: 10px;
    background:rgb(225, 236, 255);
    margin-bottom: 30px;
    margin:20px auto;
    border-radius: 6px;
}
.MDLPCFT{
    width: 45%;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    margin: 4px auto;
}
.MDLPCFTI{
    width: 220px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border: 1px dashed #a3a375;
    border-radius: 15px;
    position: relative;
    margin: 4px auto;
}
.MDLPCFTI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.MDLPCFTI_1{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #ffd6cc;
    color: #cc2900;
    top: -20px;
    right: -22px;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
}
.MDLPCFTI_1:hover{
    transition: .5s;
    background: #ff471a;
    color: #fff;
}
.MDLPCFTI_1.show{
    visibility: visible;
    opacity: 1;
}
.MDLPCFF{
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 2px;
    margin: 5px auto;
    border-radius: 10px;
}
.MDLPCFF input{
    display: none;
}
.MDLPCFF_1{
    width: 99%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:rgb(86, 134, 136);
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 200;
    color: #fff;
}
.MDLPCFF_1:hover{
    transition: .5s;
    background:rgb(18, 102, 117);
}
.PART_FORMBT{
    width: 100%;
    height: 55px;
    margin: 10px auto;
}
.PART_FORMBT button{
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-width: 0;
    text-transform: uppercase;
    border-radius: 6px;
    background: #2db1fd;
    color: #fff;
    font-size: 1.1em;
    transition: .5s;
    font-weight: 200;
}
.PART_FORMBT button:hover{
    background: #0a73b1;
}
/*
============================
== PAGE HOME ADMIN
============================
*/
.PG_GLOB{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
}
.ADMIN_PT{
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.ADMIN_PTP{
    width: 100%;
    display: flex;
    padding: 30px;
    justify-content: center;
    background: rgba(0, 0, 0, 0.24);
}

.ADMIN_PTC{
    width: 1365px;
    height: 150px;
    display: grid;
    gap: 10rem;
    grid-template-columns: 150px 1fr;      
}
.ADMIN_PTCIP{
    width: 100%;
    height: 150px;
    position: relative;
}
.ADMIN_PINFLI{
    width: 150px;
    height: 150px;
    display: flex;
    overflow: hidden;
    background:rgb(255, 255, 255);      
    border-radius: 50%;
    padding: 10px;
}
.ADMIN_PINFLI img{
    width: 100%;
    border-radius: 50%;
}

.ADMIN_PINFLIF{
    width: 200px;
    bottom: 10px;
    left: 6rem;
    padding: 10px;
    position: absolute;
    background: #000000ce;
    border-radius: 20px 10px 30px 10px;
}
.ADMIN_PINFLIF_o{
    background:rgb(36, 148, 8);
    padding: 4px;
    font-size: .7em;
    color: #fff;
    border-radius: 50%;
}
.ADMIN_PINFLIF_1{
    color: #d8d8d8;
    margin-left: 4px;
    font-weight: 200;
    font-size: 1em;
}
.ADMIN_PINFLN{
    width: 100%;
    height: 165px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
}
.ADMIN_PINFLNI{
    width: 100%;
    height: 43px;
    border-bottom: 1px dashed rgb(95, 95, 95);
}
.ADMIN_PINFLNI_1{
    color:rgb(172, 133, 62);
    font-size: 1em;
    margin-right: 10px;
}
.ADMIN_PINFLNI_1_1{
    color: #b8b8b8;
    font-size: 1em;
    font-weight: 200;
}
.ADMIN_PINFLNT{
    width: 100%;
    display: flex;
    align-items: center;
    height: 45px;
}
.ADMIN_PINFLNT_1{
    background:rgb(22, 137, 219);
    margin-right: 20px;
    padding: 3px 6px;   
    border-radius: 6px;
    font-size: 1em;
    color: #dfdfdf;
    font-weight: 200;
    transition: .5s;
}
.ADMIN_PINFLNT_1:hover{
    background:rgb(0, 93, 160);
    padding: 3px 8px;  
}

.ADMIN_PINFLNT_1_1{
    background:rgb(121, 94, 172);
    margin-right: 20px;
    padding: 3px 6px;   
    border-radius: 6px;
    font-size: 1em;
    color: #dfdfdf;
    font-weight: 200;
    transition: .5s;
}
.ADMIN_PINFLNT_1_1:hover{
    background:rgb(79, 26, 107);
    padding: 3px 8px;  
}
.ADM_PCS{
    width: 1365px;
    height: auto;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 20px;
    padding: 2rem 0;
    margin: 10px auto;
}
.ADMI{
    width: 100%;
    height: 250px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 6px solid #fff;
    box-shadow: 0 2px 10px #dddddd;
}
.ADM_PCI{
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.ADM_PCI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.ADM_PC_1{
    color: #fff;
    font-size: 1em;
    font-weight: 300;
}
.ADM_PC_1_1{
    border: 1px solid rgb(138, 97, 44);
    padding: 4px 10px;
    color: rgb(138, 97, 44);
    font-size: .9em;
    transition: .5s;
    font-weight: 300;
}
.ADM_PC_1_1:hover{
    background: rgb(124, 81, 24);
    color: #fff;
    padding: 4px 15px;
}
/*
============================
== PAGE SETTING
============================
*/
.PAGE_SETS{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 150px auto;
}
.PAGE_SETC{
    width: 1365px;
    height: auto;
    position: relative;
}
/*==ENTETE============== */
.SET_ENT{
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
    border: 1px solid #fff;
    position: relative;
    z-index: 1;
}
.SET_ENTL{
    width: 60%;
    height: 70px;
    display: flex;
    align-items: center;
}
.SET_ENTLT{
    position: absolute;
    padding: 5px 20px;
    top: -30px;
    left: 20px;
    font-weight: 200;
}
.SET_ENTLT_1{
    background: #0099cc;
    margin-right: 6px;
    padding: 5px 20px;   
    border-radius: 20px;
    border: 5px solid #fff;
    text-transform: uppercase;
    font-size: .9em;
    color: #fff;
}
.SET_ENTLT_1_1{
    background:rgb(253, 122, 62);
    margin-right: 6px;
    padding: 5px 20px;   
    border-radius: 20px;
    border: 5px solid #fff;
    text-transform: uppercase;
    font-size: .9em;
    color: #fff;
}
.SET_ENTLT_1_1_1{
    background:rgb(139, 85, 175);
    margin-right: 6px;
    padding: 5px 20px;   
    border-radius: 20px;
    border: 5px solid #fff;
    text-transform: uppercase;
    font-size: .9em;
    color: #fff;
}
.SET_ENTL_1{
    position: absolute;
    background: #0099cc;
    padding: 5px 20px;
    border-bottom: 10px;
    top: -30px;
    left: 20px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: .9em;
    color: #fff;
    font-weight: 200;
    border: 5px solid #fff;
}
.SET_ENTL_1_1{
    position: absolute;
    background: #0099cc;
    padding: 5px 20px;
    border-bottom: 10px;
    top: -30px;
    left: 50px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: .9em;
    color: #fff;
    font-weight: 200;
    border: 5px solid #fff;
}
.SET_ENTLI{
    width: 70px;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 8px;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 10px;
    margin-right: 10px;
}
.SET_ENTLI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.SET_ENTLN{
    width: 88%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #fff;
}
.SET_ENTLN_1{
    font-size: 1em;
    color:#13586e;
    text-transform: uppercase;
}
.SET_ENTLN_1_1{
    font-size:.9em;
    color:rgb(105, 105, 105);
}
.SET_ENTR{
    width: 40%;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 8px;
    justify-content: flex-end;
}
.SET_ENTR_1{
    background:#008ae6;
    height: 35px;
    text-transform: uppercase;
    font-size: .8em;
    padding: 8px 10px;
    border-radius: 5px;
    transition: .5s;
    color:rgb(255, 255, 255);
    margin-left: 10px;
    font-weight: 300;
}
.SET_ENTR_1:hover{
    background:#54bbff;
    color: #fff;
}
.PART_COLLONE_3{
    width: 100%;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.PART_SETING{
    width: 100%;
    max-height: 900px;
    background: #fff;
    border-radius: 10px;
}
.PART_SETINGI{
    width: 100%;
    height: 250px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px 10px 0 0;
}
.PART_SETINGI_PII{
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    border-radius: 50%;
    left: 20px;
    bottom: -40px;
    padding: 10px;
    background: #fff;
}
.PART_SETINGI_PII img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.PART_OPTS{
    max-width: 60%;
    top: 10px;
    display: flex;
    padding: 10px 20px;
    background: rgba(0, 0, 0, .3);
    position: absolute;
}
.PART_OPT_ON{
    width: 1.5rem;
    height: 1.5rem;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7em;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    background:rgb(94, 190, 29);
    position: absolute;
    border-radius: 50%;
    top: 10px;
    left: 3.7rem;
    border: 2px solid #fff;
}
.PART_OPT_OFF{
    width: 1.5rem;
    height: 1.5rem;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7em;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    background:rgb(190, 80, 29);
    position: absolute;
    border-radius: 50%;
    top: 10px;
    left: 3.7rem;
    border: 4px solid #fff;
}
.PART_OPT_TOP{
    padding: 4px 10px;
    font-size: .7em;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    background:rgb(151, 90, 187);
    margin: 3px;
}
.PART_SETINGI_PI{
    max-width: 60%;
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    background: rgba(0, 0, 0, .3);
}
.PART_SETINGI_PI_1{
    font-size: .9em;
    color:rgb(255, 189, 114);
    font-weight: 200;
}
.PART_SETINGII{
    width: 100%;
    height: auto;
    position: relative;
    top: -10px;
    display: flex;
    padding: 10px 20px;
    flex-direction: column;
    justify-content: space-between;
}
.PART_SETINGIIL{
    width: 100%;
    height: auto;
    position: relative;
}
.PART_SETINGII_1{
    padding: 4px 10px;
    background:rgb(33, 175, 175);
    font-weight: 200;
    color: #fff;
    font-size: .9em;
    position: absolute;
    top: 15px;
    left: 15px;
}
.PART_SETINGII_T{
    width: 100%;
    max-height: 140px;
    padding: 3px 3px 0 5rem;
    margin: 1px 0 5px 0;
}
.PART_SETINGII_T_1{
    color: #242424;
    font-size: 1.3em;
    line-height: 1.1em;
}
.PART_SETINGII_L{
    width: 100%;
    min-height: 40px;
    max-height: 70px;
    display: flex;
    justify-content: space-between;
    padding: 2px 10px;
    align-items: center;
    margin-bottom: 5px;
}
.PART_SETINGII_L:nth-of-type(2n){
    background:rgb(236, 236, 236);
}
.PART_SETINGII_L_1{
    color: #13586e;
    font-weight: 600;
    font-size: .9em;
    margin-right: 10px;
}
.PART_SETINGII_L_1_1{
    color:rgb(49, 49, 49);
    font-weight: 300;
    margin-left: 5px;
    font-size: .8em;
}
.PART_SETINGII_L_1_1_1{
    color:rgb(3, 151, 3);
    font-weight: 300;
    margin-left: 5px;
    font-size: .8em;

}
.PART_SETINGII_L_1_1_1_1{
    color:rgb(241, 47, 47);
    font-weight: 300;
    margin-left: 5px;
    font-size: .8em;
}
.PART_SETINGII_O{
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px dashed rgb(190, 190, 190);
    margin: 4px auto;
}
.PART_SETINGII_O_1{
    width: auto;
    height: 35px;
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    background: #0099cc;
    margin: 6px;
    color: #eee;
    font-size: 1em;
    font-weight: 300;
    transition: .5s;
}
.PART_SETINGII_O_1:hover{
    background:rgb(19, 81, 102);
    padding: 5px 15px;
}
.PART_SETINGII_O_1_1{
    width: auto;
    height: 35px;
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    background:rgb(255, 82, 59);
    margin: 6px;
    color: #eee;
    font-size: 1em;
    font-weight: 300;
    transition: .5s;
    cursor: pointer;
}
.PART_SETINGII_O_1_1:hover{
    background:rgb(226, 50, 27);
    padding: 5px 15px;
}
.PART_SETINGII_O_1_1_1{
     width: auto;
    height: 35px;
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    background: #0099cc;
    margin: 6px;
    color: #eee;
    font-size: 1em;
    font-weight: 300;
    transition: .5s;
}
/*===COMPARTIMENT WEBSITE=============*/
.PART_WBC{
    width: 100%;
    max-height: 120px;
    padding: 10px;
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 15px;
    background: #fff;
    border-radius: 10px;
    transition: .5s;
    border: 2px solid #ececec;
}
.PART_WBC:hover{
    border: 2px solid #5eaac9;
}
.PART_WBCI{
    width: 70px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.PART_WBCI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.PARTIEIIPIN_1{
    color: #747373;
    font-size: 1em;
    font-weight: 300;
}
.PARTIEIIPIN_1_1{
    font-size: 1em;
    font-weight: 600;
    color: #001f33;
}
/*
 ========================================
 == SECTION DES PAGES A DEUX COLLONES
 ========================================
*/
.PART_COLLONE_2{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-top: 20px;
}
.PTPOST{
    width: 100%;
    max-height: 590px;
    padding: 4px;
    background: #fff;
    margin-bottom: 5px;
    transition: .5s;
    box-shadow: 0 1px 4px #c0c0c0;
    transition: .5s;
    border: 2px solid #fff;
    position: relative;
}
.PTPOST:hover{
    border: 2px solid #77d8f8;
}
.PTPOSTI{
    width: 100%;
    height: 70px;
    display: grid;
    grid-template-columns: 90px 1fr 100px;
    gap: 15px;
    border-bottom: 1px dashed rgb(207, 207, 207);
}
.PTPOSTII{
    width: 100%;
    height: 40px;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.PTPOSTII:nth-of-type(2n){
    background: rgb(247, 247, 247);
}
.PSTAT{
    width: 100%;
    height: 200px;
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}
.PSTATI{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PSTATI_1{
    background: #000000ce;
    padding: 2px 6px;
    color: #e4e4e4;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 200;
}
.PSTATII{
    width: 100%;
    max-height: 102px;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 10px;
}
.PAGEOPTS{
    width: 100%;
    height: 210px;
    padding: 10px;
}
.PSTATII_I{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.PSTATII_I img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.PSTATII_NT{
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 4px;
    flex-direction: column;
}
.PSTATII_N_1{
    color: #d8d8d8;
    font-weight: bold;
    font-size: 1.3em;
    line-height: 1em;
    text-shadow: 1px 1px 20px #000;
}
.PSTATII_NT_1{
    font-weight: 200;
    color: #e4c68f;
    font-size: .8em;
}
.PSTATII_NT_1_1{
    font-weight: 200;
    color: #e4c68f;
    font-size: .8em;
}
/*-------------------------*/
.PARTRADLT{
    width: 100%;
    height: 60px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #305a8a;
    border: 4px solid #ffff;
    box-shadow: 0 1px 4px #c0c0c0;
    margin-bottom: 15px;
}
.PARTRADLT_1{
    color: #3abbe6;
    font-size: 1.3em;
}
.PARTRADLT_1_1{
    color: #eee;
    font-weight: 200;
    font-size: 1.2em;
}

.PARTRADRT{
    width: 100%;
    height: 60px;
    padding: 5px;
    display: flex;
    align-items: center;
    background: #503b4a;
    border: 4px solid #ffff;
    box-shadow: 0 1px 4px #c0c0c0;
    margin-bottom: 15px;
}
.PARTRADLTIL{
    width: 70%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.PARTRADLTI{
    width: 60px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border-radius: 6px;
}
.PARTRADLTI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.PARTLRB{
    width: 100%;
    height: 90px;
    display: grid;
    grid-template-columns: 90px 1fr 80px;
    gap: 10px;
    padding: 10px;
    align-content: center;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 1px 4px #c0c0c0;
    transition: .5s;
    border: 2px solid #fff;
}
.PARTLRBI{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.PARTLRBI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PARTLRB:hover{
    border: 2px solid #50c3e9;
}
.PARTLRBII{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.PARTLRBII_1{
    color: #181818;
    font-size: 1em;
}
.PARTLRBII_1_1{
    color: #003333;
    font-size: 1em;
    line-height: 1.1em;
    font-weight: 600;
}
.PARTLRBIII{
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    position: relative;
}
.PARTLRBIII_n{
    color: #40d821;
    font-size: 1.1em;
}
.PARTLRBIII_f{
    color: #e4783a;
    font-size: 1.1em;
}
.PARTLRBIII_1{
    color: #272727;
    font-size: 1em;
    transition: .5s;
}
.PARTLRBIII_1:hover{
    color: #0099cc;
    text-decoration: underline;
    margin-left: 5px;
}
.PRBRQII_It{
    width: 20px;
    height: 20px;
    display: flex;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    background: #5fe93c;
    border: 2px solid #fff;
    color: #fff;
    right: -10px;
    bottom: 1px;
}
.PRBRQII_It_1{
    width: 20px;
    height: 20px;
    display: flex;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    background: #ee5d30;
    border: 2px solid #fff;
    color: #fff;
    right: -10px;
    bottom: 1px;
}
.PTPOSTII_1{
    font-size: .8em;
    color: #4b4b4b;
    margin-right: 10px;
}
.PTPOSTII_O_1{
    padding: 4px;
    font-size: 1em;
    background: #dfdfdf;
    margin: 2px;
    color: #000;
    border-radius: 8px;
    transition: .5s;
    text-transform: uppercase;
    font-weight: 300;
}
.PTPOSTII_O_1:hover{
    background: #0b6cad;
    color: #fff;
    padding: 4px 6px;
}
.PTPOSTII_O_1_1{
    padding: 4px;
    font-size: 1em;
    background: #f08a6b;
    margin: 2px;
    color: #ffffff;
    border-radius: 8px;
    transition: .5s;
    cursor: pointer;
}
.PTPOSTII_O_1_1:hover{
    background: #ca3a0e;
    color: #fff;
}

.PRBRQII_n{
    height: 30px;
    padding: 3px 16px;
    border-radius: 50px;
    border: 1px solid #eee;
    margin-left: 10px;
    color: #474747;
    font-size: .9em;
    font-weight: 300;
}
.PRBRQII_n_1{
    color: #b83603; 
    font-weight: 400;
}
.PTPOSTII_p1{
    font-size: .8em;
    font-weight: 200;
    padding: 2px 3px;
    color: #ffffff;
    margin-right: 10px;
}
.PRBRQII_R{
    width: 100px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 4px;
    font-size: .8em;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 50px;
    margin-bottom: 5px;
    color: #ffffff;
    background: #3f8f88c2;
}
.PRBRQII_R_1{
    width: 100px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 4px;
    font-size: .8em;
    font-weight: 300;
    text-transform: uppercase;
    border-radius: 50px;
    margin-bottom: 5px;
    color: #ffffff;
    background: #8f713fc2;
}
.SP_ACT{
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 5px;
    right: 10px;
    position: absolute;
    border: 4px solid #fff;
    border-radius: 50px;
}
.PARTIEIIT{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    margin: 6px auto;
}
.PARTIEIIT_1{
    background: #fff;
    padding: 2px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 1.1em;
    color: #0b6cad;
}
.PARTIEIIT_1_1{
    font-size: 1.2em;
    color: #4b4b4b;
    font-weight: 600;
    text-transform: uppercase;
}
/*===PART COLONNE 1/40===========*/
.PART_COLLONE_1_40{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 20px;
}
/*====LES RUBRIQUES SIMILAIRES==============*/
.PGLEFT_RB{
    width: 100%;
    height: auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 3px 10px #ebebeb;
    padding-bottom: 40px;
    margin-bottom: 30px;
}
.PGLEFT_RBT{
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-left: 7px solid #e0b116;
}
.PGLEFT_RBT_1{
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    color: #e0b116;
    font-family: "Abril Fatface", serif;
}

.PGLEFT_RBQS{
    width: 100%;
    max-height: 500px;
    margin: 20px auto;
    overflow: hidden;
    overflow-y: scroll;
}
.PGLEFT_RBQ{
    width: 100%;
    height: 140px;
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 15px;
    padding: 20px;
    background : #F3F8FB;
    margin-bottom: 20px;
    transition: .5s;
}
.PGLEFT_RBQ:hover{
    background : #cdedff;
}

.PGLEFT_RBQI{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.PGLEFT_RBQI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PGLEFT_RBQD{
    width: 100%;
    height: 100px;
    display: flex;
    flex-direction: column;
}
.PGLEFT_RBQD_1{
    font-size: 1.3em;
    color: #003d4d;
    line-height: 1.1em;
    transition: .5s;
    margin-bottom: 5px;
    transition: .5s;
} 

.PGLEFT_RBQD_1:hover{
    color: #8d7406;
}
.PGLEFT_RBQD_2{
    font-size: .9em;
    color: #464646;
    font-weight: 300;
}
.PGLEFT_RBQDN{
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    margin-top: 4px;
}
.PGLEFT_RBQDN_1{
    font-size: 1em;
    font-weight: 600;
    color: #f18136;
    margin-right: 5px;
}
.PGLEFT_RBQDN_1_1{
    font-size: 1em;
    font-weight: 300;
    color: #707070;
    margin-right: 5px;
}

.part_add_dom{
    background: #62c0ff;
    font-size: .8em;
    padding: 2px 6px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 5px;
    transition: .5s;
}
.part_add_dom:hover{
    margin-left: 5px;
    background: #008f53;
}
.PART_DOMLDS{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
} 
/*
  =================================
  == PARTIE DES NOTES CIRCULAIRES
  =================================
*/
.PARTNOT{
    width: 100%;
    max-height: 600px;
    background: #fff;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
    border: 1px solid #fff;
    position: relative;
}
.PARTNT{
    width: 100%;
    height: 80px;
    display: grid;
    grid-template-columns: 1fr 100px;
    gap: 10px;
    padding: 10px;
    border-bottom: 2px solid rgb(236, 236, 236);
} 
.PARTNTL{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 10px;
}
.PARTNTLI{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d8d8d8;
}
.PARTNTLI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PARTNTLII{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.PARTNTLIIN{
    display: flex;
    align-items: center;
}
.PARTNTLIIN_1{
    font-weight: 300;
    font-size: .9em;
    color: #008f53;
    margin-right: 5px;
}
.PARTNTLIIN_1_1{
    font-weight: 300;
    font-size: .9em;
    color: #6d6d6d;
    margin-right: 5px;
}
.PARTNTR{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.PARTNTLIINT{
    font-size: 1.1em;
    text-transform: uppercase;
    color: #115870;
    font-weight: 600;
}
.PARTNTIIS{
    width: 98%;
    max-height: 500px;
    padding: 10px 15px;
    overflow: hidden;
    overflow-y: scroll;
    margin: 6px auto;
    border-right: 5px solid rgb(241, 241, 241);
}
.PARTNTII{
    width: 100%;
    height: auto;
    padding: 10px;
    margin-top: 10px;
    transition: .5s;
    border: 2px solid #f5f5f5;
}
.PARTNTII:nth-of-type(2n){
    background: #f3f3f3;
}
.PARTNTII:hover{
    border: 2px solid #8cd1ff;
}
.PARTNTIIT{
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    border-left: 4px solid #cda2ff;
    margin-bottom: 10px;
}
.PARTNTIIC{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 40px 1fr 100px;
    gap: 10px;
    margin-bottom: 10px;
    transition: .5s;
}
.PARTNTIICL{
    width: 100%;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.PARTNTIICL img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PARTNTIIT_1{
    font-size: 1em;
    color: #36ca68;
}
.PARTNTIIT_1_1{
    font-size: .9em;
    color: #ca5836;
}
.PARTNTIIT_1_1_1{
    font-size: .9em;
    color: #490f8b;
    font-weight: 400;
}
.PARTNTIICC{
    width: 100%;
    height: 85px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.PARTNTIICC_1{
    line-height: 1em;
    color: #1c5f96;
    font-weight: 600;
}
.PARTNTIICCB{
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.PARTNTIICC_1_1{
    font-size: .79em;
    color: #3b3b3b;
    font-weight: 400;
}
.PARTNTIIB{
    width: 100%;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
    border-top: 1px dashed #dbdbdb;
}
.PARTNTIIB_1{
    font-size: .85em;
    font-weight: 300;
    color: #002936;
}
.PARTNTIIB_1_1{
    font-size: .85em;
    font-weight: 300;
    color: #292929;
}
.PARTNTIICR{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.PARTNTIICR_1{
    transition: .5s;
    background: #ffbfb7;
    color: #bd2020;
    padding: 5px;
    border-radius: 6px;
    margin: 3px;
    font-size: .9em;
}
.PARTNTIICR_1:hover{
    background: #df4632;
    color: #fff;
}
.PARTNTIICR_1_1{
    transition: .5s;
    background: #b2d3ff;
    color: #3150ff;
    padding: 5px;
    border-radius: 6px;
    margin: 3px;
    font-size: .9em;
}
.PARTNTIICR_1_1:hover{
    background: #4796fd;
    color: #fff;
}
.PARTNTIICR_1_1_1{
    transition: .5s;
    background: #dadada;
    color: #4b4b4b;
    padding: 5px;
    border-radius: 6px;
    margin: 3px;
    font-size: .9em;
    font-weight: 300;
}
.PARTNTIICR_1_1_1:hover{
    background: #9c8f64;
    color: #fff;
}
/*
  ===============================================
  == LE PAGE DES VILLES DE CHAQUE CONTINENT
  ===============================================
*/
.PART_VCTC{
    width: 100%;
    height: auto;
    padding: 20px 0;
}
.PART_VCTCT{
    width: 100%;
    height: 70px;
    padding: 10px;
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 20px;
    align-items: center;
    background: #dbdbdb;
}
.PART_VCTCT_1{
    text-transform: uppercase;
    color: #003333;
    font-size: 1.2em;
}
.PART_VP{
    width: 100%;
    height: 270px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 1px 10px #d6d6d6;
}
.PART_VCTCP{
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.PART_VCTCS{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    padding: 20px 0;
}
.PART_VILLES{
    width: 100%;
    height: 210px;
    overflow: hidden;
    overflow-y: scroll;
    margin: 5px auto;
    padding:2px 5px;
    background: rgb(240, 240, 240);
    border: 5px solid rgb(236, 236, 236);
}

.PART_VILLE{
    width: 100%;
    height: 100px;
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 10px;
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
}
.PART_VILLEL{
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0063a5;
}
.PART_VILLEL_1{
    color: #fcc44d;
    font-size: 1.1em;
}
.PART_VILLER{
    width: 100%;
    height: 72px;
}
.PART_VILLER_1{
    color: #0b619b;
    font-size: 1.1em;
    font-weight: 300;
}
.PART_VILLERI{
    width: 100%;
    height: 40px;
    display: flex;
    padding: 3px 0;
    align-items: center;
}
.PART_VILLERII_1{
    background: #e7e7e7;
    padding: 3px 6px;
    margin-right: 10px;
    font-weight: 300;
    color: #5e5e5e;
    font-size: 1em;
    transition: .5s;
}
.PART_VILLERII_1:hover{
    background: #0a80ce;
    padding: 3px 7px;
    color: #fff;
}
.PART_VILLERII_1_1{
    background: #e7e7e7;
    padding: 3px 6px;
    font-weight: 300;
    color: #4e4e4e;
    font-size: 1em;
    transition: .5s;
}
.PART_VILLERII_1_1:hover{
    background: #e66922;
    padding: 3px 7px;
    color: #fff;
    cursor: pointer;
}
.PART_VILLET{
    width: 50%;
    height: 35px;
    display: flex;
    background: #1e5e88;
    align-items: center;
    justify-content: center;
}
.PART_VILLET_1{
    font-size: 1.1em;
    color: #f8af31;
    margin: 2px;
}
.PART_VILLET_1_1{
    font-size: 1.1em;
    color: #ffffff;
    margin: 2px;
    font-weight: 200;
}
/*====Pagination===========*/
.PARTPR{
    width: 100%;
    height: 60px;
    margin: 10px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PARTPRR{
    width: 50%;
    height: 35px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.PRTPAGR_1{
    background: #fff;
    margin: 5px;
    padding: 2px 14px;
    border: 1px solid rgb(240, 236, 236);
    border-radius: 6px;
    font-size: 1.1em;
    color:rgb(61, 70, 73);
}
.PRTPAGR_1_1{
    background: #fff;
    margin: 5px;
    padding: 2px 14px;
    border: 1px solid rgb(240, 236, 236);
    border-radius: 6px;
    font-size: 1.1em;
    color:rgb(61, 70, 73);
    transition: .5s;
}
.PRTPAGR_1_1:hover{
    background: #0099cc;
    border: 1px solid #0099cc;
    color: #fff;
}
.PRTPAGR_1_1.active{
    background: #0099cc;
    border: 1px solid #0099cc;
    color: #fff;
}
.PARTPRL_1{
    background:rgb(255, 255, 255);
    padding: 6px 10px;
    font-size: 1em;
    color:rgb(37, 37, 37);
    font-weight: 300;
    border: 1px solid rgb(231, 231, 231);
}
/*
====================================
== PAGE DES MEMBRES DE L'ASLA
===================================
*/
.PART_RBQS{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px;
    background: #2a7386;
    border: 4px solid #fff;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
}     
.PART_RBQI{
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}
.PART_RBQI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PART_RBQ_1{
    color: #d4d4d4;
    font-size: 1.2em;
    transition: .5s;
}
.PART_RBQ_1:hover{
    font-size: 1.23em;
    color: #00b6b6;
    text-decoration: underline;
}
.PART_RBQ_2{
    display: flex;
    align-items: center;
}
.PART_RBQ_2_1{
    color: #fcb53a;
    font-size: 1.1em;
}

.PART_RBQ_2_1_1{
    font-size: 1em;
    color: #002936;
    font-weight: 300;
}
.PARTMOP{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #fff;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
}
.PARTMOPI{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.PARTMOPI_I{
    width: 60px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 4px solid #cfcfcf;
    border-radius: 4px;
}
.PARTMOPI_I img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PARTMOPI_1{
    font-size: 1.5em;
    color: #001f33;
    font-weight: 400;
}
.PARTMOPII{
    width: 100%;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px auto;
    border-top: 1px dashed #d6d6d6;
    border-bottom: 1px dashed #d6d6d6;
}
.PARTMOPII_1{
    color: #003333;
    font-size: 1.1em;
}
.PARTMOPII_1_1{
    font-size: 1em;
    color: #555555;
    font-weight: 300;
}
.PARTMOPIII{
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.PARTMOPIII_1{
    font-size: 1em;
    color: #0457d3;
    transition: .5s;
}
.PARTMOPIII_1:hover{
    text-decoration: underline;
    margin-right: 10px;
    color: #277eff;
}
.PARTMOPVI{
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #d6d6d6
}
.ADD_MBRS{
    max-width: 200px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: 10px;
    border: 1px solid #f8f8f8;
    position: relative;
}
.ADD_MBR_1{
    background: #4198d3;
    text-transform: uppercase;
    padding:5px 10px;
    font-size: 1em;
    font-weight: 200;
    color: #fff;
    border-radius: 5px;
}
.ALLMEMBRES{
    width: 350px;
    height: 500px;
    background: #fff;
    height: auto;
    padding: 10px;
    box-shadow: 0 2px 10px #b9b9b9;
    border-radius: 10px;
    position: absolute;
    top: 100px;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
}
.ADD_MBRS:hover > .ALLMEMBRES{
        top: 30px;
        cursor: pointer;
        opacity: 1;
        visibility: visible;
}
.ALLMBEMRE{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
}
.ALLMBEMRE_1{
    color: #003333;
    font-size: .85em;
    text-transform: uppercase;
}
.ALLMBR_PAYS{
    width: 100%;
    height: 150px;
    display: flex;
    padding-left: 4px;
    flex-direction: column;
    border-left: 4px solid #e7e7e7;
    overflow: hidden;
    overflow-y: scroll;
    padding-top: 4px;
}
.ALLMBR_PAYS_1{
    font-size: 1em;
    font-weight: 300;
    color: #002936;
    transition: .5s;
    padding: 6px 4px;
}
.ALLMBR_PAYS_1:nth-of-type(2n){
    background: #e6e6e6;
}
.ALLMBR_PAYS_1:hover{
    color: #fff;
    background: #008ae6;
    padding-left: 10px;
}
/*
===================================================
| STYLISATION DES CATEGORIES RUBRIQUES = THEMES
===================================================
*/
.PGLEFT{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 1fr 450px;
    gap: 30px;
    margin-top: 20px;
}
.PGLEFT_L{
    width: 100%;
    height: auto;
}
.PGRBQS{
    width: 100%;
    height: 450px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-bottom: 40px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 3px 10px #f0f0f0;
}
.PGRBQL{
    width: 100%;
    height: 410px;
    overflow: hidden;
    position: relative;
}
.PGRBQL img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s;
}

.PGRBQL:hover img{
    transform: scale(1.1);
}
.PGRBQLOV{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 30px;
    background:linear-gradient(transparent, #000 80%);   
}
.PGRBQLOV_1{
    width: 120px;
    background: #f0ab16;
    padding: 4px 16px;
    font-weight: bold;
    color: #f5f5f5;
    font-size: .9em;
    font-weight: 1em;
    text-transform: uppercase;
    border-radius: 20px 10px 5px 10px;
    margin-bottom: 5px;
    text-align: center;
}

.PGRBQLOV_1_1{
    font-size: 1.4em;
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    transition: .5s;
}
.PGRBQLOV_1_1:hover{
        color: #c28e00;
}
.PGRBQLOV_1_2{
    margin: 5px auto;
    color: #b4b4b4;
    font-weight: 200;
    font-size: .9em;
}
.PGRBQLOV_2{
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    border-top: 1px dashed rgb(77, 77, 77);
    margin: 4px auto;
}

.PGRBQLOV_2_1{
    font-size: .9em;
    color: #6cb6ff;
}
.PGRBQLOV_2_1_1{
    margin-left: 10px;
    color: #a0a0a0;
    font-weight: 200;
    font-size: .8em;
}
.PGRBQLOV_2_2{
    background: #08a021;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 200;
    padding: 2px 5px;
    color: #fff;
    margin-right: 10px;
}
.PGRBQLOV_2_2_1{
    background: #db5f17;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 200;
    padding: 2px 5px;
    color: #fff;
    margin-right: 10px;
}

.PGRBQLOV_2_2_2{
    background: #28755b;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 200;
    padding: 2px 5px;
    color: #fff;
    margin-right: 10px;
}
.PGRBQLOV_2_2_3{
    background: #ffbe32;
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 200;
    padding: 2px 5px;
    color: #fff;
    margin-right: 10px;
}

/*====LA PARTIE DE DROITE=========*/
.PGRBQRR{
    width: 100%;
    height: 410px;
}
.PGRBQRRE{
    width: 100%;
    height: 40px;
    display: flex;
}
.PGRBQRRE_1{
    background: #f0ab16;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
    margin-right: 10px;
}
.PGRBQRRE_2{
    width: auto;
    height: 40px;
    display: flex;
    padding: 3px 5px;
    align-items: center;
    border: 1px solid #f0ab16;
}

.PGRBQRRE_2_1{
    font-size: 1em;
    margin-right: 5px;
    color: #003d4d;
}
.PGRBQRRE_2_2{
    font-size: 1em;
    font-weight: 300;
    color: #646464;
}
.PGRBQRRTMS{
    width: 100%;
    height: 360px;
    overflow: hidden;
    overflow-y: scroll;
    margin: 10px auto;
}
.PGRBQRRTMR_1{
    font-size: 1.1em;
    color: #003d4d;
    line-height: 1.1em;
    transition: .5s;
}
.PGRBQRRTMR_1:hover{
    color: #9c7800;
}
.PGRBQRRTMR_1_1{
    margin-top: 5px;
    font-size: .8em;
    font-weight: 300;
    color: #0e0e0e;
}

.PGRBQRRTM{
    width: 100%;
    height: 123px;
    padding: 10px;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 10px;
    margin-bottom: 20px;
    background: #F3F8FB;
}
.PGRBQRRTML{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;    
    overflow: hidden;
}
.PGRBQRRTML img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
}
.PGRBQRRTML:hover img{
    transform: scale(1.1);
}

/*===CHAQUE THEME=========*/
.PGLEFT_TM{
    width: 100%;
    height: auto;
    padding:40px 20px;
    background: #ffff;
    box-shadow: 0 3px 10px #ebebeb;
}
.PGLEFT_TM_1{
    font-size: 1.4em;
    padding: 5px 20px;
    background: #265d72;
    color: #ffd342;
    font-family: "Parisienne", serif;
    border-radius: 20px 27px 5px 40px;
}
.PGLEFT_TMI{
    width: 100%;
    height: 400px;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.PGLEFT_TMI_P1{
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.PGLEFT_TMI_P1_1{
    margin: 3px 5px;
}
.PGLEFT_TMI_1{
    font-size: 2em;
    line-height: 1em;
    margin: 10px 0;
    color: #00223d;
}
.PGLEFT_TMI_2{
    color: rgb(90, 90, 90);
    font-size: 1em;
    font-weight: 300;
}
/*
===================================
== PAGE DES MEMBRES
===================================
*/
.PART_MBRS{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.PART_MBRL{
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
    border: 1px solid #fff;
    padding: 15px;
}
.PART_MBRLT{
    width: 100%;
    height: 60px;
    display: grid;
    grid-template-columns: 1fr 30%;
    gap: 15px;
    align-items: center;
}
.PART_MBRLTI{
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.PART_MBRLTI_1{
    font-size: 1.1em;
    color: #003333;
    font-weight: 600;
}
.PART_MBRLTI_1_1{
    font-size: .9em;
    color: rgb(78, 78, 78);
    font-weight: 400;
}
.PART_MBRLTII{
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 5px;
    align-items: center;
    border: 1px solid rgb(201, 201, 201);
    border-radius: 6px;
}
.PART_MBRLTII_1{
    font-size: 1em;
    color: #2b2b2b;
}
.PART_MBRLTII input{
    width: 100%;
    height: 30px;
    padding-left: 5px;
    border-width: 0;
    color: #363636;
    font-weight: 300;
    border-left: 1px solid #bdbdbd;
}
.PART_MBRLTII input::placeholder{
    font-size: .9em;
}
.PART_MBRET{
    width: 100%;
    height: 40px;
    padding: 4px;
    display: grid;
    grid-template-columns: 100px 2fr 1fr 1fr 1fr;
    gap: 10px;
    align-items: center;
    background: #204769;   
    margin-top: 20px;   
}
.PART_MBRETI_1{
    color: #ddedfa;
    font-weight: 200;
    font-size: 1em;
}
.PART_MBR{
    width: 100%;
    height: 80px;
    padding: 4px;
    display: grid;
    grid-template-columns: 100px 2fr 1fr 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
    padding: 10px 5px;
    border: 1px solid #faf9f9;
    transition: .5s;
}
.PART_MBR:hover{
    border: 1px solid #25a4f8;
    background: #addeff;
}
.PART_MBRI{
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
}
.PART_MBRI_1{
    font-weight: 400;
    font-size: .9em;
    color: #2c2c2c;
}
.PART_MBR:nth-of-type(2n){
    background: #eee;
}
.PART_MBRII{
    width: 100%;
    height: 60px;
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 10px;
}
.PART_MBRII_I{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.PART_MBRII_I img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PART_MBRII_II{
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
}
.PART_MBRII_II_1{
    font-size: .95em;
    font-weight: 600;
    color: #1f3146;
    transition: .5s;
}
.PART_MBRII_II_1_1{
    font-size: .85em;
    color: #303030;
}
.PART_MBRII_II_1:hover{
    color: #0063a5;
    text-decoration: underline;
    margin-left: 5px;
}
.PART_MBRTIII{
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column; 
}
.PART_MBRETIII_1{
    font-size: .85em;
    color: #424242;
    font-weight: 300;
}
.PART_MBRETIII_1_1{
    font-size: .9em;
    color: #045050;
}
.PART_MBRP{
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding: 5px 10px;
    background: #eeeeee;
}
.PART_MBRTIV{
    width: 100%;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
}
/*
 ================================================
 == STYLISATIONS PAGE PROFIL DE CHAQUE MEMBRE
 ================================================
*/
.PAGE_MBR{
    width: 100%;
    height: auto;
    padding-bottom: 70px;
}
.PAGE_MBRI{
    width: 100%;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 100px;
}
.PAGE_MBRIL{
    width: 1320px;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 20px auto;
}
.PAGE_MBRILP{
    width: 100%;
    height: 150px;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 210px;
}
.PAGE_MBRILPH{
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    position: relative;
    background: #fff;
    border-radius: 50%;
}
.PAGE_MBRILPH img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.PAGE_MBRILPH_1{
    width: 200px;
    position: absolute;
    left: 120px;
    bottom: 10px;
    padding: 4px 10px;
    background: #00000073;
    border-radius: 10px 5px 20px 5px;
    color: #fcb53a;
    color: #fff;
    font-size: 1em;
    font-weight: 200;
}
.PAGE_MBRILPH_1_1{
    width: 90px;
    position: absolute;
    left: 120px;
    bottom: 90px;
    padding: 4px 10px;
    background: #00000093;
    border-radius: 10px 5px 20px 5px;
    color: #fcb53a;
    font-size: 1em;
    font-weight: 200;
}
.PAGE_MBRILPH_1_1_1{
    max-width: 250px;
    position: absolute;
    left: 120px;
    bottom: 50px;
    padding: 4px 10px;
    background: #000000be;
    border-radius: 10px 5px 20px 5px;
    color: #bb896c;
    font-size: 1em;
    font-weight: 200;
}
.PAGE_MBRILKS{
    width: 1360px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto;
}
.PAGE_MBRILPDS{
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.PAGE_MBRILPD{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.PAGE_MBRILT{
    width: 100%;
    height: 45px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.PAGE_MBRILK{
    margin: 10px;
    font-size: .9em;
    padding: 4px 8px;
    text-transform: uppercase;
    background: #eee;
    border-radius: 5px;
    font-weight: 400;
    color: #202020;
    transition: .5s;
}
.PAGE_MBRILK:hover{
    background: #128cdd;
    padding: 4px 12px;
    color: #fff;
    font-weight: 200;
}
.INFMBR_C{
    width: 1360px;
    height: auto;
    margin: 15px auto;
}
.INFMBR_CI{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
}
.INFMBR_CIL{
    width: 100%;
    height: 450px;
    padding: 20px;
    background: #fff;
}
.PAGEPIILD{
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    align-items: center;
    border-top: 1px dashed #dfdfdf;
}
.PAGEPIILD_1{
    font-size: 1em;
    color: #858585;
    font-weight: 300;
}
.PAGEPIILD_1_1{
    color: #23484e;
    font-size: 1em;
}
.INFMBR_CIR{
    width: 100%;
    height: auto;
    padding: 10px;
    background: #fff;
}
.PAGEPVPS{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 10px auto;
}
.PAGEPVP{
    width: 100%;
    height: auto;
}

.PAGEP{
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 20px;
    box-shadow: 0 5px 10px #c2c2c2ee;
}
.PAGEPIILI{
    width: 150px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background:  #d6d6c2;
    border: 1px solid  #d6d6c2;
    margin-left: 50px;
    position: relative;
}
.PAGEPIILI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PAGEPIILI_1{
    position: absolute;
    background: #d6d6c2;
    padding: 4px 10px;
    right: -90px;
    bottom: 10px;
    font-weight: 300;
    font-size: .8em;
    text-transform: uppercase;
    border: 10px solid #fff;
    color: #00223d;
    border-radius: 4px 0 0 20px;
}
.PAGEPIILD_2_1{
    color: #42a813;
    font-size: 1em;
    font-weight: 200;
}
.PAGEPIMG_1_1_1{
    color: #ffffff;
    margin-left: 10px;
    font-size: 1em;
    font-weight: 200;
} 
.PAGEPIV{
    width: 100%;
    height: 70px;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
    margin: 5px auto;
}
.PAGEPIVPI{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.PAGEPIVP{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.PAGEPIV:nth-of-type(2n){
    background: #f3f3f3;
}
.PAGEPIVP_1{
    font-size: .8em;
    color: #002936;
}
.PAGEPIVP_1_1{
    color: #3d3d3d;
    font-weight: 300;
    font-size: .8em;
}
.PAGEPIVP_T{
    padding: 6px 10px;
    font-weight: 200;
    color: #fff;
    border-radius: 5px;
}
.PAGEPIVP_T_1{
    color: #ffffff;
    background: #28c202;
    border-radius: 50px;
}
.PAGEPIVP_T_1_1_1{
    color: #eca2a2;
    background: #991801;
    border-radius: 50px;
}

.PAGEPIVPE{
    width: 100%;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    border-top:9px solid  #f3f3f3;
}
.PAGE_INFPS{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
    background: #fff;
    margin: 20px auto;
    border: 8px solid #ffff;
    box-shadow: 0 5px 10px #c2c2c2ee;
}
.PAGEPV{
    width: 100%;
    margin: 10px auto;
    background: #fff;
    border: 8px solid #ffff;
    box-shadow: 0 5px 10px #c2c2c2ee;
}
.PAGEPVT{
    width: 100%;
    height: 70px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #13586e;
}
.PAGEPVT_1{
    color: #00c5c5;
    font-size: 1.2em;
    text-transform: uppercase;
    text-shadow: 0 3px 1px #292929;
}
.PAGEPVT_1_1{
    font-size: .9em;
    color: #eee;
    font-weight: 200;
}
.PAGEPVO{
    width: 100%;
    height: 60px;
    background: #e2e2e2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4d4d4;
    margin: 10px auto;
} 
/*
 ========================================
 == SECTION INFOS WEBSITE
 ========================================
*/ 
.PARTINFS{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 25px;
    margin: 15px auto;
}
.PARTINFL{
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 20px;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
}
.PARTINFLT{
    width: 100%;
    height: 50px;
    display: flex;
    padding: 4px 6px;
    background: #268eaa;
    align-items: center;
    justify-content: space-between;
}

.PARTINFLT_1{
    text-transform: uppercase;
    color: #fff;
    font-size: 1em;
    font-weight: 200;
}
.PARTINFLCP{
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 20px; 
    gap: 15px;
}
.PARTINFLCP:nth-of-type(2n){
    background: #f5f5f5;
}
.PARTINFLCPL{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}
.PARTINFLCI_1{
    font-size: 1em;
    font-weight: 600;
    color: #005a75;
}

.PARTINFLCI_1_1{
    font-size: 1em;
    color: #4d4d4d;
    font-weight: 300;
}
.PARTINFLC{
    width: 100%;
    height: auto;
    padding: 20px;
}
.PARTINFLCI{
    width: 100%;
    height: auto;
    padding: 10px;
}
.PARTINFLCI:nth-of-type(2n){
    background: #f5f5f5;
}
.PARTRAPIMGS{
    width: 100%;
    height: 440px;
    background: #fff;
    box-shadow: 1px 2px 10px rgb(230, 230, 230);
    margin-bottom: 10px;
}
.PARTRAIMGS{
    width: 100%;
    height: 385px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
    padding: 15px;
}
.PARTRAIMG{
    width: 100%;
    height: 175px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
}
.PARTRAIMGI{
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px auto;
    border-radius: 50%;
    position: relative;
    padding: 10px;
    background: #ececec;
}
.PARTRAIMGI img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.PARTRAIMGI_1{
    position: absolute;
    display: flex;
    align-items: center;
    font-size: .9em;
    right: -22px;
    bottom: 12px;
    background: #c1e8ff;
    font-weight: 300;
    padding:2px 4px;
    border-radius: 6px;
    transition: .5s;
    color: #000;
}
.PARTRAIMGI_1:hover{
    background: #008ae6;
    color: #fff;
    right: -30px;
}
.PARTRAIMGT_1{
    text-transform: uppercase;
    font-size: .8em;
    font-weight: 400;
    color: #003333;
}
.PARTDEV{
    width: 100%;
    max-height: 400px;
    display: grid;
    padding: 20px;
    grid-template-columns: 150px 1fr;
    gap: 15px;
    align-items: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #cccccc;
}
.PARTDEVT{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #b6b6b6;
    margin: 10px auto;
}
.PARTDEVT_1{
    font-weight: 800;
    font-size: 1.6em;
    color: #005a75;
    text-shadow: 1px 2px 4px #d4d4d4;
}
.PARTDEVTI{
    width: 20%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.PARTDEVTI_1{
    color: #6c7400;
    font-size: 1.2em;
    margin-right: .2em;
}
.PARTDEVTI_1_1{
    color: #747474;
    font-size: 1.2em;
}
.PARTDEVLE{
    width: 100%;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.PARTDEVLE img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PARTDEVL{
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.PARTDEVL img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.PARTDEVRE{
    width: 100%;
    height: 220px;
    display: flex;
    flex-direction: column;
}
.PARTDEVR{
    width: 100%;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.PARTDEVRB{
    width: 100%;
    height: 50px;
    display: grid;
    grid-template-columns: 1fr 80px;
    gap: 10px;
}
.PARTDEVRBL{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}
.PARTDEVRBL_1{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background: #ebebeb;
    margin-right: 5px;
    border-radius: 50px;
    color: #005a75;
}
.PARTDEVRBLI{
    width: 85%;
    height: 40px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 5px;
}
.PARTDEVRBR{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.PARTDEVRBLI_1{
    font-size: .8em;
    color: #6d6d6d;
    font-weight: 300;
}
.PARTDEVRBLI_1_1{
    font-size: .8em;
    color: #1d1d1d;
    font-weight: 400;
}
.PARTDEVR_1{
    background: #e2b22d;
    max-width: 150px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
}
.PARTDEVRE_1{
    font-size: 1.4em;
    line-height: 1em;
    color: #005a75;
    font-weight: 600;
    margin: 10px 0;
}
.PARTDEVR_1_1{
    font-size: 1.4em;
    line-height: 1em;
    color: #005a75;
    font-weight: 600;
}
.PARTDEVRS{
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
}
.PARTDEVR_p1{
    background: #40bf40;
    max-width: 125px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    margin-left: 5px;
    text-transform: uppercase;
}
.PARTDEVR_p1_1{
    background: #ff794d;
    max-width: 125px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    margin-left: 5px;
    text-transform: uppercase;
}

.PARTDEVR_p1_2{
    background: #ff794d;
    max-width: 125px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    margin-left: 10px;
    text-transform: uppercase;
}
.PARTDEVR_p1_3{
    background: #ac7339;
    max-width: 125px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    margin-left: 10px;
    text-transform: uppercase;
}
.PARTDEVR_p1_4{
    background:#c6538c;
    max-width: 125px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    margin-left: 10px;
    text-transform: uppercase;
}
.PARTDEVR_2{
    background: #ffa31a;
    max-width: 150px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    margin-left: 5px;
    text-transform: uppercase;
}
.PARTDEVR_3{
    background: #59b300;
    max-width: 150px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    margin-left: 5px;
    text-transform: uppercase;
}
.PARTDEVR_4{
    background:  #ff6633;
    max-width: 150px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px 5px;
    color: #fff;
    font-weight: 200;
    font-size: 1em;
    margin-left: 5px;
    text-transform: uppercase;
}
/*======STYLISATION DES RUBRIQUES DU MEMBRE ================*/
.PAGE_ADT{
    width: 1360px;
    height: 40px;
    display: flex;
    align-items: center;
}
.PAGE_ADT_1{
    text-transform: uppercase;
    font-size: 1.3em;
    color: #ac7339;
    text-shadow: 0 2px 3px #eee;
}
.PAGE_MBRC{
    width: 1360px;
    height: auto;
    margin: 10px auto;
}
.PAGE_MBRCT{
    width: 100%;
    height: 200px;
    background: #fff;
    margin: 20px auto;
}
.PAGE_MBRCTI{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 4px 10px;
    background: #007bc2;
}
.PAGE_MBRCTI_1{
    font-size: 1.1em;
    color: #d4b346;
    margin-right: 10px;
}
.PAGE_MBRCTI_1_1{
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 200;
    color: #fff;
}
.PAGE_MBRCTII{
    width: 100%;
    height: 100px;
    padding: 0 20px;
    margin: 20px auto;
    color: #404040;
    font-size: 1em;
    font-weight: 300;
}
.PTPOSTII_D1{
    color: #47d147;
}
.PTPOSTII_D1_1{
    color: #b83603;
}
.PAGE_MBRCP{
    width: 100%;
    height: 360px;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
    margin: 20px auto;
}
.PAGE_MBRCPL{
    width: 100%;
    height: 350px;
    background: #fff;
}
.PAGE_MBRCPLI{
    width: 100%;
    height: 170px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.PAGE_MBRCPLI_1{
    color: #ffa31a;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 200;
}
.PAGE_MBRCPLI_1_1{
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 400;
}
.PAGE_MBRCPLD{
    width: 95%;
    height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 10px auto;
    padding: 4px 0;
    line-height: 1em;
}
.PAGE_MBRCPLD_1{
    font-size: .9em;
    color: #e68a00;
    font-weight: 300;
}
.PAGE_MBRCPLD_1_1{
    font-size: .9em;
    color: #444422;
    font-weight: 400;
}
/*---------------------*/
.PAGE_MBRCPR{
    width: 100%;
    height: 350px;
    background: #fff;
}
.PAGE_MBRCPRT{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2px 10px;
    background: #007bc2;
}
.PAGE_MBRCPRT_1{
    color: #e0b116;
    font-size: 1.3em;
    margin-right: 6px;
}
.PAGE_MBRCPRT_1_1{
    text-transform: uppercase;
    color: #fff;
    font-size: 1.1em;
    font-weight: 200;
}
.PAGE_MBRCPRFNS{
    width: 98%;
    height: 255px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    overflow: hidden;
    overflow-y: scroll;
    padding: 2px 10px;
    border-left: 2px solid #e6e6e6;
    margin: 10px auto;
}
.PAGE_MBRCPRFN{
    width: 100%;
    height: 71px;
    display: grid;
    align-items: center;
    grid-template-columns: 70px 1fr;
    gap: 10px;
    padding: 2px;
    border: 1px solid #eee;
    transition: .5s;
}
.PAGE_MBRCPRFN_i{
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.PAGE_MBRCPRFN_i img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PAGE_MBRCPRFN:hover{
    background: #f2f2f2;
    border: 1px solid #bfbfbf;
}
.PAGE_MBRCPRFN_t{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.PAGE_MBRCPRFN_t a{
    line-height: 1.1em;
    color: #00223d;
    font-size: 1em;
    font-weight: 300;
    transition: .5s;
}
.PAGE_MBRCPRFN_t a:hover{
    padding-left: 5px;
    color: #006666;
    text-decoration: underline;
}
.PAGE_MBRRBQS{
    width: 100%;
    height: auto;
    background: #fff;
    margin: 20px auto;
    padding-bottom: 40px;
}
.PAGE_MBRRBQ{
    width: 98%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    background: #fff;
    margin: 20px auto;
}
.PAGE_ADT_1_1{
    text-transform: uppercase;
    margin-left: 10px;
    color: #666633;
    font-size: 1em;
}
.PAGE_MBRCPRT_1_1_1{
    font-size: 1em;
    color: #ffa31a;
    padding: 4px 6px;
    text-transform: uppercase;
    transition: .5s;
    font-weight: 200;
    border: 1px solid #0063a5;
    border-radius: 6px;
}
.PAGE_MBRCPRT_1_1_1:hover{
    background: #0063a5;
    color: #fff;
    padding: 4px 8px;
    font-weight: 200;
}
.PARTDEVR_1_1_1{
    margin-left: 5px;
    height: 26px;
    padding: 4px 10px;
    background:  #e6e6e6;
    color: #000;
    font-weight: 400;
}
/*====LES CATEGORIES RUBRIQUES DES MEMBRES==============*/
.PAGE_MBRCR{
    width: 1360px;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 20px;
    margin: 10px auto;
}
.PGLEFT_LT{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 2px 10px;
    background: #007bc2;
    margin-bottom: 20px;
}
.MBR_RBQCATS{
    width: 100%;
    height: auto;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.MBR_RBQCATST{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 10px;
    background: #007bc2;
    margin-bottom: 20px;
}
.MBR_RBQCATS .SET_ERREUR{
   width: 90%;
}
.MBR_RBQCATS .PGLEFT_RBQS{
   width: 90%;
}
.MBR_RBQCATST_1{
    color: #fff;
    font-size: 1em;
    font-weight: 200;
}
.MBR_RBQCATST_1 strong{
    color: #ffb84d;
}
/*========LES LARGES ECRANS=======*/
@media screen and (min-width: 1600px)
{   
    /*===LES PARTIES A CACHER========================*/
    .HDRESP{
        display: none;
    }
}