.hiddenOverflowX{overflow-x: hidden;}
.absolute{position:absolute;}
.align_left, .AlignLeft{text-align:left !important;}
.align_right, .AlignRight{text-align:right !important;}
.align_center, .AlignCenter{text-align:center !important;}
.underline {text-decoration:underline;}
.hide{display: none;}
.hideImportant{display: none !important;}
.h_resize{ resize: horizontal;}
.v_resize{ resize: vertical;}
.both_resize{ resize: both;}
/*=============================================================================*/
/* VV - 14/03/2023 - Ajout des jeux de classe CSS responssives */
/* Ajout des classes flex et Responssive */
/* Class flex */
.flexParent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.flexHalf {
    display: flex;
    flex: 1 1 49%;
    max-width: 50%;
}

.flexThird {
    display: flex;
    flex: 1 1 32%;
    max-width: 33%;
}

.flexTwoThirds {
    display: flex;
    flex: 1 1 64%;
    max-width: 65%;
}

.flexQuarter {
    display: flex;
    flex: 1 1 24%;
    max-width: 25%;
}

.flexThreeQuarter {
    display: flex;
    flex: 1 1 74%;
    max-width: 75%;
}

.flexRight {
    justify-content: flex-end;
}

.flexCenter {
    justify-content: center;
}

.flexLeft {
    justify-content: flex-start;
}

.flexColumn {
    flex-direction: column !important;
}

.flexRow {
    flex-direction: row !important;
}

.flexStart {
    align-items: flex-start;
}

.flexEnd {
    align-items: flex-end;
}

.flexStretch {
    align-items: stretch;
}

.flexWrap {
    flex-wrap: wrap;
}

.flexBetween {
    justify-content: space-between;
}

.flexAround {
    justify-content: space-around;
}

.flexVCenter {
    align-items: center !important;
}
.flexVEnd{align-items: end !important;}

.flex10{ flex: 10%;}
.flex20{ flex: 20%;}
.flex30{ flex: 30%;}
.flex50{ flex: 50%;}
.flex70{ flex: 70%;}

.flexColumnAuto > div
{
    flex-grow: 1;
    flex-basis: 100%;
}
/*=============================================================================================================*/

/* Class gap */
.gap_5 {
    column-gap: 5px;
    row-gap: 5px;
}

.gap_10 {
    column-gap: 10px;
    row-gap: 10px;
}

.gap_15 {
    column-gap: 15px;
    row-gap: 15px;
}

.gap_20 {
    column-gap: 20px;
    row-gap: 20px;
}

.gap_30 {
    column-gap: 30px;
    row-gap: 30px;
}

.gap_40 {
    column-gap: 40px;
    row-gap: 40px;
}

.gap_50 {
    column-gap: 50px;
    row-gap: 50px;
}

.gap_60 {
    column-gap: 60px;
    row-gap: 60px;
}

.gap_70 {
    column-gap: 70px;
    row-gap: 70px;
}

.gap_80 {
    column-gap: 80px;
    row-gap: 80px;
}

.gap_90 {
    column-gap: 90px;
    row-gap: 90px;
}

.gap_100 {
    column-gap: 100px;
    row-gap: 100px;
}

.gap_10_5 {
    column-gap: 10px;
    row-gap: 5px;
}

/*=============================================================================================================*/

/* Variable positionnement */
.wp_10 {
    width: 10%;
}

.wp_20 {
    width: 20%;
}

.wp_30 {
    width: 30%;
}

.wp_40 {
    width: 40%;
}

.wp_50 {
    width: 50%;
}

.wp_60 {
    width: 60%;
}

.wp_70 {
    width: 70%;
}

.wp_80 {
    width: 80%;
}

.wp_90 {
    width: 90%;
}

.wp_100 {
    width: 100%;
}

.hp_100{
	height:100%;
}

.hp_50{
	height: 50%;
}

.hv_40{
        height: 40vh;
}

.mb_auto {
    margin-bottom: auto;
}
.mb_3 {
    margin-bottom: 3px;
}
.mb_5 {
    margin-bottom: 5px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.ml_auto {
    margin-left: auto;
}
.ml_3 {
    margin-left: 3px;
}
.ml_10 {
    margin-left: 10px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_30 {
    margin-left: 30px;
}

.ml_40 {
    margin-left: 40px;
}

.ml_50 {
    margin-left: 50px;
}
.mr_auto {
    margin-right: auto;
}
.mr_3 {
    margin-right: 3px;
}
.mr_10 {
    margin-right: 10px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_40 {
    margin-right: 40px;
}

.mr_50 {
    margin-right: 50px;
}

.mt_auto {
    margin-top: auto;
}
.mt_3{
    margin-top: 3px;
}
.mt_5{
    margin-top: 5px;
}
.mt_10 {
    margin-top: 10px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.p_5{
    padding: 5px;
}
.p_10{
    padding: 10px;
}
.p_20{
    padding: 20px;
}
.pr_10{
    padding-right: 10px;
}
.pr_30{
    padding-right: 30px;
}

.pl_3 {
    padding-left: 3px;
}
.pl_10 {
    padding-left: 10px;
}
.pl_20 {
    padding-left: 20px;
}

.input_1
{
    width: 1em;
}
.input_2
{
    width: 2em;
}
.input_3
{
    width: 3em;
}
.input_4
{
    width: 4em;
}
.input_5
{
    width: 5em;
}
.input_6
{
    width: 6em;
}
.input_7
{
    width: 7em;
}
.input_8
{
    width: 8em;
}
.input_9
{
    width: 9em;
}
.input_10
{
    width: 10em;
}
.input_11
{
    width: 11em;
}
.input_12
{
    width: 12em;
}
.input_13
{
    width: 13em;
}
.input_14
{
    width: 14em;
}
.input_15
{
    width: 15em;
}
.input_20
{
    width: 20em;
}
.input_30
{
    width: 30em;
}

.nowrap
{
    white-space: nowrap;
}

.valign-top
{
    vertical-align: top;
}