.sess_container{width:100%;min-height: 100%;

display: flex;
background-color: #f3eeea;}
.inner_sess_container{width: 100%;
flex: 1;
row-gap: 12px;
display: flex;
flex-direction: column;}

.row_sess_container{width: 100%;
display:flex;flex-direction: column;
position: relative;}

.content_sess_container{flex: 1 1;
row-gap: 5em;
padding: 2em;
display:flex;
flex-direction: column;}

@media screen and (max-width: 767px) {
    .content_sess_container{padding: 1em;}
}





/*header*/
.header_sess{width: 100%;padding: 2rem;
display: flex;justify-content: center;
position: sticky;top: 0;left: 0;z-index: 99999;
border-bottom: 1px solid var(--or_2);
background-color: rgb(255,255,255);}
.inner_header_sess{flex: 1 1;
display:flex;align-items: center;}
.inner_header_sess:nth-of-type(1){justify-content: start;}
.inner_header_sess:nth-of-type(2){justify-content: center;}
.inner_header_sess:nth-of-type(3){justify-content: end;}

.btnBk_header_sess{width: 55px;height: 55px;
padding: 12px;
border-radius: 16px;
display:flex;justify-content: center;align-items: center;
background-color: rgb(212, 212, 212);
position: relative;
transition: transform 300ms ease-in-out;}
.btnBk_header_sess > svg{height: 100%;}
.btnBk_header_sess:hover svg{
transform: translateX(-5px);}
.logo_header_sess > img{width: 180px;}

@media screen and (max-width: 767px) {
    .btnBk_header_sess{width: 45px;height: 45px;
    border-radius: 8px;}
    .logo_header_sess > img{width: 130px;}
}

/*footer*/
.footer_sess{width: 100%;
padding: 2rem;
column-gap: 12px;
display:flex;flex-direction: column;}
.rows_footer_sess{}


/*login*/
.login_comtainer{flex: 1 1;
padding: 2em 0;
row-gap: 18px;
display:flex;flex-direction: column;
justify-content: center;align-items: center;}
.cub_login_comtainer{min-height: 80%;width: 60%;
padding: 3em 12px;
row-gap: 3em;
border-radius: 16px;
display:flex;flex-direction: column;align-items: center;
box-shadow: 0 3px 25px rgba(0, 0, 0, .08);
background-color: rgb(255,255,255);}

.ttl_cub_login_comtainer{width:100%;
row-gap: 8px;
display:flex;flex-direction: column;
align-items: center;
text-align: center;}

.form_cub_login_comtainer{width:100%;flex: 1;
display: flex;flex-direction: column;
align-items: center;justify-content: center;
background-color: transparent;}
.inner-form_cub_login_comtainer{width: 50%;
gap: 10px;
display:flex;flex-direction: column;
position: relative;}
.btn-inner-form_cub_login_comtainer{width: 100%;
margin-top: 22px;
display: flex;justify-content: end;}

.btnList_login_comtainer{width: 100%;
padding: 6px 12px;
column-gap: 6px;row-gap: 12px;
display:flex;justify-content: space-evenly;flex-wrap: wrap;}

@media screen and (max-width: 767px) {
    .cub_login_comtainer{width:100%;min-height: 100%;}
    .inner-form_cub_login_comtainer{width: 90%;}
}

/*page*/

.itr__sess{width:100%;min-height: 25vh;
padding: 2em 0;
row-gap: 22px;
display:flex;flex-direction: column;
align-items: center;justify-content: center;
text-align: center;
background-color: transparent;}
.itr__sess > h1{color: var(--or_3);
font-size: clamp(3.125rem, 1.7188rem + 3.75vw, 5rem);font-weight: bolder;
text-transform: capitalize;}
.ln_{width:1.5px;height: 90px;
background-color: var(--or_2);}


/*vtPv*/
.gridVtPV{}

.container_gridVtPV{width: 100%;
margin-top: calc(80px);
display: flex;justify-content: center;}

.cnt_gridVtPV{width: 90%;
column-gap: 20px !important;row-gap: calc(80px + 20px) !important;
display: flex;flex-wrap: wrap;justify-content: center;
font-size: 1.6rem;}

.cnt_gridVtPV[data-coluns="3"] > li{flex: 1 1 calc(100% / 4 - 20px);
max-width: calc(100% / 4 - 20px);
min-width: 250px;
padding-bottom: calc(80px / 2);
display: flex;flex-direction: column;align-items: center;
background-color: var(--white);}

.iten_gridVtPV{width: 100%;
padding: 1.2em 1.5em !important;
gap: 25px;
display:flex;flex-direction: column;
align-items: center;
text-align: center;
background-color: transparent;}


.iten_gridVtPV > h2{text-transform: uppercase;
font-size: clamp(17.3333px, 11.6995px + 1.12676vw, 33.3333px);
line-height: 1.3;}
.iten_gridVtPV > p{font-size: clamp(12px, 11.061px + 0.1878vw, 14.6667px);
line-height: 1.6;}




.nmb_gridVtPV{width: 80px;height: 80px;
position: relative;
background-color: transparent!important;}
.nmb_gridVtPV > i{width:100%;height: 100%;
position: absolute;top: -50%;
display: flex;
color: var(--white);
background-color: var(--or_3);}
.nmb_gridVtPV > i > span{flex: 1;
padding: 12px;
display:flex;justify-content: center;align-items: center;
font-size: clamp(3.125rem, 1.7188rem + 3.75vw, 5rem);
background-color: transparent;}


@media screen and (max-width: 1500px) {
    .cnt_gridVtPV,
    .tarifPv_container > .float_box{width: 100%;}
}
@media screen and (max-width: 1300px) {
    .cnt_gridVtPV,
    .tarifPv_container > .float_box{width: 90%;}
    .cnt_gridVtPV[data-coluns="3"] > li{flex: 1 1 calc(100% / 2 - 20px);
    max-width: calc(100% / 2 - 20px);}
}
@media screen and (max-width: 867px) {
    .cnt_gridVtPV,
    .tarifPv_container > .float_box{width: 95%;}
    .cnt_gridVtPV[data-coluns="3"] > li{flex: 1 1 calc(100% / 1 - 20px);
    max-width: calc(100% / 1 - 20px);}

    .iten_gridVtPV > h2{font-size: clamp(18px, 4vw, 22px);
    line-height: 1.3;}
    .iten_gridVtPV > p{font-size: clamp(14px, 2.5vw, 16px);
    line-height: 1.5;}

    .float_box{padding: 0;}
}

.tarifPv_container{width: 100%;
display: flex;justify-content: center;}



.coll_cat-tarif:nth-child(1){flex: 1.5 1;
display: flex;justify-content: start;
padding-left: 30px;
text-align: start;}
.coll_cat-tarif:nth-child(2){flex: 2 1;border-right: 2px solid transparent;}



/*list doc*/

.listDc{}

.container_listDc{width:100%;
gap: 22px;
display:flex;flex-direction: column;
align-items: center;}
.content_listDc{width: 72%;min-height: 62px;
padding: 6px;
row-gap: 22px;
border-bottom: 1px solid rgba(0, 0, 0);
display:flex;
background-color: var(--white);}

.rows__listDc{display:flex;align-items: center;
column-gap: 6px;row-gap: 12px;
padding: 6px 12px;}

.rows__listDc:nth-of-type(1){flex: 3 1;}
.rows__listDc:nth-of-type(2){flex: 1 1;
gap: 16px;
justify-content: end;}


.ttl_rows__listDc{flex: 3 1;
gap: 12px;
display:flex;align-items: center;
text-align: center;}
.ttl_rows__listDc > span{font-size: 14px;
font-weight: 600;}
.sb_rows__listDc{flex: 1 1;
display:flex;
font-size: 12px;}
.vignette_listDc{height: 50px;width: 50px;
position: relative;
background-color: transparent;}
.vignette_listDc > img{width:100%;height: 100%;
object-fit: cover;}
.vignette_listDc > svg{}

@media screen and (max-width: 867px) {
    .content_listDc{flex-wrap: wrap;}
    .rows__listDc{width:100%;flex:auto;
    flex-wrap: wrap;}
    .rows__listDc:nth-of-type(2){width:100%;flex:auto;
    justify-content: center;}

    .ttl_rows__listDc{width: 100%;flex: auto;
    flex-direction: column;
    flex-wrap: wrap;}
    .sb_rows__listDc{justify-content: center;}
}









/**/

.btn_dwSess{height: 42px;
padding: 0 16px;gap: 12px;
border-radius: 4px;
display: inline-flex;align-items: center;justify-content: center;
font-size: 13px;
text-transform: uppercase;font-weight: 700;
cursor: pointer;
position: relative;
transition: transform 300ms cubic-bezier(0.39,0.575,0.565,1);
background-color: rgb(212, 212, 212);}
.btn_dwSess:hover{transform: scale(1.1);}