html, body {
	margin: 0 !important;
	border: 0 !important;
	overflow-x: hidden;
}

body {
    margin: 0;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
    font-family: 'Jost Regular';
}

a,
a:active,
a:hover {
    text-decoration: none;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, div {
    list-style: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Jost Regular';
    text-decoration: none;
    text-transform: none;
}

/* */

.relative{
    position: relative;
}


/* Width */

.w100 {
    width: 100%;
}

.w95 {
    width: 95%;
}

.w90 {
    width: 90%;
}

.w85 {
    width: 85%;
}

.w80 {
    width: 80%;
}

.w75 {
    width: 75%;
}

.w70 {
    width: 70%;
}

.w65 {
    width: 65%;
}

.w60 {
    width: 60%;
}

.w55 {
    width: 55%;
}

.w50 {
    width: 50%;
}

.w45 {
    width: 45%;
}

.w40 {
    width: 40%;
}

.w35 {
    width: 35%;
}

.w30 {
    width: 30%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.w15 {
    width: 15%;
}

.w10 {
    width: 10%;
}

.w5 {
    width: 5%;
}


/* After -- Before */

.before::before,
.after::after {
    content: '';
    position: absolute;
    display: block;
}


/* Font Weight */



/* Font Size */

.f-14 {
    font-size: 14px;
    line-height: 20px;
}

.f-16 {
    font-size: 16px;
    line-height: 27.6px;
}

.f-18 {
    font-size: 18px;
    line-height: 28px;
}

.f-20 {
    font-size: 20px;
    line-height: 23.9px;
}

.f-21 {
    font-size: 21px;
    line-height: 32px;
}

.f-23 {
    font-size: 23px;
    line-height: 27.6px;
}

.f-24 {
    font-size: 24px;
    line-height: 29.6px;
}

.f-25 {
    font-size: 25px;
    line-height: 28px;
}

.f-27 {
    font-size: 27px;
    line-height: 32px;
}

.f-28 {
    font-size: 28px;
    line-height: 28px;
}

.f-30 {
    font-size: 30px;
    line-height: 34px;
}

.f-33 {
    font-size: 33px;
    line-height: 38px;
}

.f-37 {
    font-size: 37px;
    line-height: 37px;
}


.f-40 {
	font-size: 40px;
	line-height: 44px;
}

.f-46{
    font-size: 46px;
    line-height: 50px;
}

.f-48 {
	font-size: 48px;
	line-height: 62px;
}

.f-52 {
	font-size: 52px;
	line-height: 56px;
}

.f-70 {
	font-size: 70px;
	line-height: 62px;
}

.f-100 {
	font-size: 100px;
	line-height: 22px;
}


/* Text Transform */

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.lowercase {
    text-transform: lowercase;
}


/* Text-align */

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

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

.tex-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}


/* Transition */

.ak-transition, 
.star-hover::before, 
.cs-select-btn::after, 
.cs-select .cs-option a::before {
    -moz-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0s;
    -o-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0s;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1) 0s;
    transition: all .5s cubic-bezier(.165, .84, .44, 1) 0s;
}


/* Margins */

.m50 {
    margin: 50px;
}

.m45 {
    margin: 45px;
}

.m40 {
    margin: 40px;
}

.m35 {
    margin: 35px;
}

.m30 {
    margin: 30px;
}

.m25 {
    margin: 25px;
}

.m20 {
    margin: 20px;
}

.m15 {
    margin: 15px;
}

.m10 {
    margin: 10px;
}

.m5 {
    margin: 5px;
}

.m0{
    margin: 0;
}


/* Margin Top */

.mt-50 {
    margin-top: 50px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-0{
    margin-top: 0;
}


/* Margin Right */

.mr-50 {
    margin-right: 50px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-5 {
    margin-right: 5px;
}


/* Margin Bottom */

.mb-50 {
    margin-bottom: 50px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-5 {
    margin-bottom: 5px;
}


/* Margin Left */

.ml-50 {
    margin-left: 50px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-5 {
    margin-left: 5px;
}


/* PADDING */


/* Padding */

.p50 {
    padding: 50px;
}

.p45 {
    padding: 45px;
}

.p40 {
    padding: 40px;
}

.p35 {
    padding: 35px;
}

.p30 {
    padding: 30px;
}

.p25 {
    padding: 25px;
}

.p20 {
    padding: 20px;
}

.p15 {
    padding: 15px;
}

.p10 {
    padding: 10px;
}

.p5 {
    padding: 5px;
}


/* padding Top */
.pt-100 {
    padding-top: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-5 {
    padding-top: 5px;
}


/* padding Right */
.pr-100 {
    padding-right: 100px;
} 

.pr-50 {
    padding-right: 50px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-5 {
    padding-right: 5px;
}


/* padding Bottop */
.pb-100{
    padding-bottom: 100px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-5 {
    padding-bottom: 5px;
}


/* padding Left */
.pl-100 {
    padding-left: 100px;
} 

.pl-50 {
    padding-left: 50px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-5 {
    padding-left: 5px;
}

/* Textes  */

.text-white {
    color: #fff;
}

.text-noir {
	color: #000;
}

.text-gray {
    color: #5C5C5C;
}

.text-light-gray {
    color: #808080;
}

.text-bleu {
    color: #076BAA;
}

.text-light-bleu {
    color: #1C95E0;
}

.text-yellow {
    color: #F2A922;
}

.text-dark-yellow {
    color: #F08E24;
}

.text-red {
    color: #BF1820;
}

.text-mauve {
    color: #7E1651;
}

.text-green {
    color: #8EC3B3;
}

.text-dark-green {
    color: #6AA190;
}

/* Background */

.bg-white {
    background-color: #fff;
}

.bg-noir {
	background-color: #000;
}

.bg-gray {
    background-color: #5C5C5C;
}

.bg-light-gray {
    background-color: #808080;
}

.bg-bleu {
    background-color: #076BAA;
}

.bg-light-bleu {
    background-color: #1C95E0;
}

.bg-yellow {
    background-color: #F2A922;
}

.bg-dark-yellow {
    background-color: #F08E24;
}

.bg-red {
    background-color: #BF1820;
}

.bg-mauve {
    background-color: #7E1651;
}

.bg-green {
    background-color: #8EC3B3;
}

.bg-dark-green {
    background-color: #6AA190;
}


/* Font weight */
.fw-300, .fw-300 p, .fw-300 span {
    font-weight: 300;
    font-family: 'Jost Light' !important;
}

.fw-400, .fw-400 p, .fw-400 span{
    font-weight: 400;
    font-family: 'Jost Regular' !important;
}

.fw-500, .fw-500 p, .fw-500 span{
    font-weight: 500;
    font-family: 'Jost Medium' !important;
}

.fw-700, .fw-700 p, .fw-700 span{
    font-weight: 700;
    font-family: 'Jost SemiBold' !important;
}

.fw-bold, .fw-bold p, .fw-bold span{
    font-weight: bold;
    font-family: 'Jost Bold' !important;
}


/* Extras */

.container {
    position: relative;
    display: block;
    max-width: 1280px;
    margin: 0 auto;
    /* height: 100%; */
    padding: 0 25px;
}

.m-0-a{
    margin: 0 auto;
}
.flex{
    display: flex;
}

.flex-col{
    flex-direction: column;
}

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

.justify-center{
    justify-content: center;
}

.justify-evenly{
    justify-content: space-evenly;
}

.align-center{
    align-items: center;
}

.align-last{
    align-items: last baseline;
}

/* Border radius */

.rounded{
    border-radius: 40px;
}

.rounded-50 {
    border-radius: 50px;
}


/* Page Acte reprehensible  */
div#wpcf7-f23135-o1 form span.wpcf7-checkbox span.wpcf7-list-item input[type="checkbox"],
.form-signalement form span.wpcf7-checkbox span.wpcf7-list-item input[type="checkbox"] {
    display: inline-block;
    width: 20px !important;
    border-radius: 0 !important;
    padding: 0;
}
div#wpcf7-f23135-o1 form span.wpcf7-checkbox,
.form-signalement form span.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
}
div#wpcf7-f23135-o1 form span.wpcf7-checkbox span.wpcf7-list-item,
.form-signalement form span.wpcf7-checkbox span.wpcf7-list-item {
    flex: 100%; 
    box-sizing: border-box;
}
div#wpcf7-f23135-o1 form span.wpcf7-checkbox span.wpcf7-list-item span.wpcf7-list-item-label,
div#wpcf7-f23135-o1 form span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label,
div#wpcf7-f23135-o1 form span.wpcf7-form-control-wrap[data-name="employesolthis"] span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item span.wpcf7-list-item-label,
div#wpcf7-f23135-o1 form span.wpcf7-form-control-wrap[data-name="employesolthis"] span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item input[type="radio"],
.form-signalement form span.wpcf7-checkbox span.wpcf7-list-item span.wpcf7-list-item-label,
.form-signalement form span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item-label,
.form-signalement form span.wpcf7-form-control-wrap[data-name="employesolthis"] span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item span.wpcf7-list-item-label,
.form-signalement form span.wpcf7-form-control-wrap[data-name="employesolthis"] span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item input[type="radio"] {
    display: inline;
}
div#wpcf7-f23135-o1 form span.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"],
div#wpcf7-f23135-o1 form input[type="radio"],
.form-signalement form span.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"],
.form-signalement form input[type="radio"] {
    width: 20px;
    border-radius: 0 !important;
    display: inline;
    padding: 0;
}
div#wpcf7-f23135-o1 form p,
.form-signalement form p {
    margin-bottom: 10px;
}
div#wpcf7-f23135-o1 form p.bold,
.form-signalement form p.bold {
    font-weight: 700;
}
div#wpcf7-f23135-o1 form span.wpcf7-form-control-wrap[data-name="employesolthis"] span.wpcf7-form-control.wpcf7-radio ,
.form-signalement form span.wpcf7-form-control-wrap[data-name="employesolthis"] span.wpcf7-form-control.wpcf7-radio {
    display: flex;
    gap: 20px;
}
div#wpcf7-f23135-o1 form span.wpcf7-form-control-wrap[data-name="employesolthis"] span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item,
.form-signalement form span.wpcf7-form-control-wrap[data-name="employesolthis"] span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item  {
    width: auto;
}
.avec-listes ol,
.avec-listes ol li {
    list-style: auto;
}
.avec-listes ol {
    margin-left: 25px;
}
.avec-listes ol li {
    font-size: 22px;
}
.single-publication + section .content p, .single-publication + section .content ul {
    text-align: left !important;
}




@media (min-width: 1536px) {
    .container {
        max-width: 1280px !important;
    }
}

@media screen and (max-width: 1370px){
    .container{
        max-width: 1140px !important;
    }

	.f-14 {
        font-size: 14px;
        line-height: 20px;
    }
    
    .f-16 {
        font-size: 16px;
        line-height: 20.6px;
    }
    
    .f-18 {
        font-size: 18px;
        line-height: 20px;
    }
    
    .f-20 {
        font-size: 15px;
        line-height: 19px;
    }
    
    .f-21 {
        font-size: 16px;
        line-height: 20px;
    }
    
    .f-23 {
        font-size: 20px;
        line-height: 23.6px;
    }
    
    .f-24 {
        font-size: 20px;
        line-height: 24.6px;
    }
    
    .f-25 {
        font-size: 25px;
        line-height: 29px;
    }
    
    .f-27 {
        font-size: 22px;
        line-height: 26px;
    }
    
    .f-28 {
        font-size: 28px;
        line-height: 32px;
    }
    
    .f-30 {
        font-size: 30px;
        line-height: 34px;
    }
    
    .f-33 {
        font-size: 26px;
        line-height: 30px;
    }
    
    .f-37 {
        font-size: 30px;
        line-height: 34px;
    }
    
    
    .f-40 {
        font-size: 34px;
        line-height: 38px;
    }
    
    .f-46 {
        font-size: 36px;
        line-height: 40px;
    }
    
    .f-48 {
        font-size: 38px;
        line-height: 42px;
    }
    
    .f-52 {
        font-size: 42px;
        line-height: 46px;
    }
    
    .f-70 {
        font-size: 50px;
        line-height: 42px;
    }
    
    .f-100 {
        font-size: 70px;
        line-height: 22px;
    }
}

@media screen and (max-width: 1140px) {
    .f-30 {
        font-size: 25px;
        line-height: 29px;
    }

    .f-28 {
        font-size: 20px;
        line-height: 24px;
    }
}

@media screen and (max-width: 767px){
    
    .f-21 {
        font-size: 16px;
        line-height: 20px;
    }
    
    .f-23 {
        font-size: 20px;
        line-height: 27.6px;
    }
    
    .f-37 {
        font-size: 30px;
        line-height: 30px;
    }
    
    
    .f-40 {
        font-size: 27px;
        line-height: 27.6px;
    }
    
    .f-46 {
        font-size: 34px;
        line-height: 40.47px;
    }
    
    .f-48 {
        font-size: 38px;
        line-height: 42px;
    }
    
    .f-52 {
        font-size: 42px;
        line-height: 50px;
    }
    
    .f-70 {
        font-size: 33px;
        line-height: 42px;
    }
    iframe {
        width: 100%;
    }
}