* {
    margin: 0;
    padding: 0;
}

input:focus::placeholder,
textarea:focus::placeholder
{
    color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder
{
    color: transparent;
}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder
{
    color: transparent;
}

a {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

input,
select,
textarea {
    outline: none;
}

input,
textarea {
    border-radius: 0;
}

input[type="text"] {
    -webkit-appearance: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.align_left,
.align-left {
    text-align: left;
}

.align_right,
.align-right {
    text-align: right;
}

.align_center,
.align-center {
    text-align: center;
}

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

.valign_middle,
.valign-middle {
    vertical-align: middle;
}

.valign_bottom,
.valign-bottom {
    vertical-align: bottom;
}

.align_items_center {
    align-items: center;
}

.justify_content_center {
    justify-content: center;
}

.block {
    display: block;
}

.block_important,
.block-important {
    display: block !important;
}

.inline_block,
.inline-block {
    display: inline-block;
}

.inline {
    display: inline;
}

.table {
    display: table;
}

.table_row,
.table-row {
    display: table-row;
}

.cell {
    display: table-cell;
}

.flex {
    display: flex;
}

.border_box,
.border-box {
    box-sizing: border-box;
}

.no_border {
    border: none;
}

.fw_normal,
.fw-normal {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.no_underline,
.no_underline:hover {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: none;
}

.underline.not_hover:hover {
    text-decoration: underline;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.o3 {
    opacity: 0.3;
}


/*** ESPACEMENTS HORIZONTAUX ***/

[class*="clear"] {
    clear: both;
}

.clear2 {
    height: 2px;
}

.clear3 {
    height: 3px;
}

.clear4 {
    height: 4px;
}

.clear5 {
    height: 5px;
}

.clear10 {
    height: 10px;
}

.clear15 {
    height: 15px;
}

.clear20 {
    height: 20px;
}

.clear25 {
    height: 25px;
}

.clear30 {
    height: 30px;
}

.clear35 {
    height: 35px;
}

.clear40 {
    height: 40px;
}

.clear45 {
    height: 45px;
}

.clear50 {
    height: 50px;
}

.clear55 {
    height: 55px;
}

.clear60 {
    height: 60px;
}

.clear65 {
    height: 65px;
}

.clear80 {
    height: 80px;
}

.clear100 {
    height: 100px;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

/* LINE HEIGHT */
.l1300 {
    line-height: 1.3em;
}


.margin_auto,
.margin-auto {
    margin: 0 auto;
}

.float_none,
.float-none {
    float: none !important;
}


/*** LIGNES ***/

.row {
    clear: both;
    width: 100%;
}


/*** PADDING ***/

.no-padding {
    padding: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}


/*** BORDURE ***/

.bw2 {
    border-width: 2px;
}


/*** DIVERS ***/

.hide {
    display: none;
}

.hide_important,
.hide-important {
    display: none !important;
}

.visibility_hidden {
    visibility: hidden;
}

.show_mobile,
.show-mobile,
.show_mobile_table,
.show-mobile-table,
.show_mobile_table_cell,
.show-mobile-table_cell,
.show_mobile_inline,
.show-mobile-inline,
.show_mobile_table_row,
.show_mobile-table-row,
.show_mobile_flex,
.show-mobile-flex {
    display: none !important;
}

.no_scroll,
.no-scroll {
    overflow: hidden;
}

.full {
    width: 100% !important;
}

.max_width_100,
.max-width-100 {
    max-width: 100%;
}

.height_auto {
    height: auto;
}

.center_image,
.center-image {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}


/*** COULEUR ***/

.noir {
    color: rgba(0, 0, 0, 1);
    color: rgb(0, 0, 0);
}

.noir.important {
    color: rgba(0, 0, 0, 1) !important;
    color: rgb(0, 0, 0) !important;
}

.pointer {
    cursor: pointer;
}


/* #000000 */

.blanc {
    color: rgba(255, 255, 255, 1);
    color: rgb(255, 255, 255);
}


/* #ffffff */

@media screen and (max-width: 700px) {
    /*** PADDING ***/
    .padding-right-xs {
        padding-right: 10px;
    }
    .padding-left-xs {
        padding-left: 10px;
    }
    /*** ESPACEMENTS ***/
    .clear-xs-0 {
        height: 0px;
    }
    .clear-xs-2 {
        height: 2px;
    }
    .clear-xs-5 {
        height: 5px;
    }
    .clear-xs-10 {
        height: 10px;
    }
    .clear-xs-15 {
        height: 15px;
    }
    .clear-xs-20 {
        height: 20px;
    }
    .clear-xs-25 {
        height: 25px;
    }
    .clear-xs-30 {
        height: 30px;
    }
    .clear-xs-35 {
        height: 35px;
    }
    .clear-xs-40 {
        height: 40px;
    }

    /*** DISPLAY ***/
    .block_xs {
        display: block;
    }
    
    .flex_xs {
        display: flex;
    }

    /*** DIVERS ***/
    .hide_mobile,
    .hide-mobile {
        display: none !important;
    }
    .show_mobile,
    .show-mobile,
    .show_mobile_block,
    .show-mobile-block {
        display: block !important;
    }
    .show_mobile_table,
    .show-mobile-table {
        display: table !important;
    }
    .show_mobile_table_cell,
    .show-mobile-table-cell {
        display: table-cell !important;
    }
    .show_mobile_table_row,
    .show-mobile-table-row {
        display: table-row !important;
    }
    .show_mobile_inline,
    .show-mobile-inline {
        display: inline-block !important;
    }

    .show_mobile_flex,
    .show-mobile-flex {
        display: flex !important;
    }

    .xs_float_none {
        float: none;
    }

    .xs-full {
        width: 100% !important;
    }
    .no-padding-xs {
        padding: 0!important;
    }
    .float_none_xs,
    .float-none-xs {
        float: none!important;
    }
    /*** ALIGNEMENTS ***/
    .align_center_mobile,
    .align-center-mobile {
        text-align: center;
    }
    .align_left_mobile,
    .align-left-mobile {
        text-align: left;
    }
    .align_right_mobile,
    .align-right-mobile {
        text-align: right;
    }
    .valign_middle_mobile,
    .valign-middle-mobile {
        vertical-align: middle;
    }
}

@media screen and (max-width: 599px) {
    .show_xs_block,
    .show-xs-block {
        display: block !important;
    }
}