.m-0 {
    margin: 0 !important;
}

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

.font-weight-bold {
    font-weight: bold !important;
}




::-webkit-scrollbar-button {
    background-color: #2A2A29;
    height: 0;
}

::-webkit-scrollbar-track {
    background-color: #003F72;
}

::-webkit-scrollbar-thumb {
    background-color: #F7CD39;
}

::-webkit-scrollbar-corner {
    background-color: #F7CD39;
}

::-moz-selection {
    background-color: #F7CD39;
    color: #2A2A29;
}

.m-0 {
    margin: 0 !important;
}

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

.font-weight-bold {
    font-weight: bold !important;
}


::-webkit-scrollbar-button {
    background-color: #2A2A29;
    height: 0;
}

::-webkit-scrollbar-track {
    background-color: #003F72;
}

::-webkit-scrollbar-thumb {
    background-color: #F7CD39;
}

::-webkit-scrollbar-corner {
    background-color: #F7CD39;
}

::-moz-selection {
    background-color: #F7CD39;
    color: #2A2A29;
}


/*============================*/
/* CSS global généré par yaml */
/*============================*/

/*----------------------*/
/* Fonts                */
/*----------------------*/

body{padding:10px auto;font-family:"Roboto", sans-serif;color:#3d3d3d;font-size:1em;}
h1,.h1{font-size:35px;color:#3d3d3d;font-weight:normal;}
h2,.h2{font-size:30px;color:#3d3d3d;font-weight:normal;}
h3,.h3{color:#3d3d3d;font-size:25px;font-weight:normal;}
h4,.h4{color:#3d3d3d;font-size:22px;font-weight:normal;}
a{color:#3d3d3d;font-size:1em;text-decoration:underline;}
a:hover{color:#3d3d3d;font-size:1em;text-decoration:none;}
.text-required,span.required{color:red;}

/*----------------------*/
/* Couleurs principales */
/*----------------------*/
/** Class pour primary **/
.bg-primary{ background-color: #000033 !important ;}
.bg-hover-primary:hover,a.bg-hover-primary:hover{ background-color: #000033 !important ;}
.bg-primary-o-10{ background-color: #0000331a !important; }
.bg-primary-o-20{ background-color: #00003333 !important; }
.bg-primary-o-30{ background-color: #0000334d !important ;}
.bg-primary-o-40{ background-color: #00003366 !important; }
.bg-primary-o-50{ background-color: #00003380 !important ;}
.bg-primary-o-70{ background-color: #000033b3 !important ;}
.bg-primary-o-90{ background-color: #000033e6 !important ;}
.bg-hover-primary-o-10:hover,.bg-primary-o-10:hover{ background-color: #0000331a !important ;}
.bg-hover-primary-o-20:hover,.bg-primary-o-20:hover{ background-color: #00003333 !important ;}
.bg-hover-primary-o-30:hover,.bg-primary-o-30:hover{ background-color: #0000334d !important ;}
.bg-hover-primary-o-40:hover,.bg-primary-o-40:hover{ background-color: #00003366 !important ;}
.bg-hover-primary-o-50:hover,.bg-primary-o-50:hover{ background-color: #00003380 !important ;}
.bg-hover-primary-o-70:hover,.bg-primary-o-70:hover{ background-color: #000033b3 !important ;}
.bg-hover-primary-o-90:hover,.bg-primary-o-90:hover{ background-color: #000033e6 !important ;}
.text-primary{ color: #000033 !important ;}
.text-hover-primary:hover,a.text-hover-primary:hover{ color: #000033 !important ;}
.btn-blue-nuance,.btn-primary{ background-color: #000033;border-color: #000033;color: #ffffff;}
.btn-blue-nuance:hover,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:hover,.btn-primary:active,.btn-primary.active {background-color: #0000bd;border-color: #0000bd;color: #ffffff;}
.btn-outline-info,.btn-outline-primary{ background-color: #ffffff;border-color: #000033;color: #000033;}
.btn-outline-info:hover,.btn-outline-info:active,.btn-outline-info.active,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:hover,.btn-outline-primary:active,.btn-outline-primary.active {background-color: #000033;border-color: #000033;color: #ffffff;}
.btn-primary > i{ color: #ffffff !important;}
.btn-primary:hover > i,.btn-primary:active > i,.btn-primary.active > i {color: #ffffff !important;}
.badge-primary{background-color: #000033 !important;color: #ffffff !important;}
.alert-primary{background-color: #000033 !important;border-color: #000033 !important;color: #ffffff !important;}
.border-primary{border-color: #000033 !important;}

/** Class pour secondary **/
.bg-secondary{ background-color: #3d3d3d !important ;}
.bg-hover-secondary:hover,a.bg-hover-secondary:hover{ background-color: #3d3d3d !important ;}
.bg-secondary-o-10{ background-color: #3d3d3d1a !important; }
.bg-secondary-o-20{ background-color: #3d3d3d33 !important; }
.bg-secondary-o-30{ background-color: #3d3d3d4d !important ;}
.bg-secondary-o-40{ background-color: #3d3d3d66 !important; }
.bg-secondary-o-50{ background-color: #3d3d3d80 !important ;}
.bg-secondary-o-70{ background-color: #3d3d3db3 !important ;}
.bg-secondary-o-90{ background-color: #3d3d3de6 !important ;}
.bg-hover-secondary-o-10:hover,.bg-secondary-o-10:hover{ background-color: #3d3d3d1a !important ;}
.bg-hover-secondary-o-20:hover,.bg-secondary-o-20:hover{ background-color: #3d3d3d33 !important ;}
.bg-hover-secondary-o-30:hover,.bg-secondary-o-30:hover{ background-color: #3d3d3d4d !important ;}
.bg-hover-secondary-o-40:hover,.bg-secondary-o-40:hover{ background-color: #3d3d3d66 !important ;}
.bg-hover-secondary-o-50:hover,.bg-secondary-o-50:hover{ background-color: #3d3d3d80 !important ;}
.bg-hover-secondary-o-70:hover,.bg-secondary-o-70:hover{ background-color: #3d3d3db3 !important ;}
.bg-hover-secondary-o-90:hover,.bg-secondary-o-90:hover{ background-color: #3d3d3de6 !important ;}
.text-secondary{ color: #3d3d3d !important ;}
.text-hover-secondary:hover,a.text-hover-secondary:hover{ color: #3d3d3d !important ;}
.btn-secondary{ background-color: #3d3d3d;border-color: #3d3d3d;color: #ffffff;}
.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:hover,.btn-secondary:active,.btn-secondary.active {background-color: #ffffff;border-color: #ffffff;color: #3d3d3d;}
.btn-outline-secondary{ background-color: #ffffff;border-color: #3d3d3d;color: #3d3d3d;}
.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:hover,.btn-outline-secondary:active,.btn-outline-secondary.active {background-color: #3d3d3d;border-color: #3d3d3d;color: #ffffff;}
.btn-secondary > i{ color: #ffffff !important;}
.btn-secondary:hover > i,.btn-secondary:active > i,.btn-secondary.active > i {color: #3d3d3d !important;}
.badge-secondary{background-color: #3d3d3d !important;color: #ffffff !important;}
.alert-secondary{background-color: #3d3d3d !important;border-color: #3d3d3d !important;color: #ffffff !important;}
.border-secondary{border-color: #3d3d3d !important;}

/** Class pour dark **/
.bg-dark{ background-color: #000000 !important ;}
.bg-hover-dark:hover,a.bg-hover-dark:hover{ background-color: #000000 !important ;}
.bg-dark-o-10{ background-color: #0000001a !important; }
.bg-dark-o-20{ background-color: #00000033 !important; }
.bg-dark-o-30{ background-color: #0000004d !important ;}
.bg-dark-o-40{ background-color: #00000066 !important; }
.bg-dark-o-50{ background-color: #00000080 !important ;}
.bg-dark-o-70{ background-color: #000000b3 !important ;}
.bg-dark-o-90{ background-color: #000000e6 !important ;}
.bg-hover-dark-o-10:hover,.bg-dark-o-10:hover{ background-color: #0000001a !important ;}
.bg-hover-dark-o-20:hover,.bg-dark-o-20:hover{ background-color: #00000033 !important ;}
.bg-hover-dark-o-30:hover,.bg-dark-o-30:hover{ background-color: #0000004d !important ;}
.bg-hover-dark-o-40:hover,.bg-dark-o-40:hover{ background-color: #00000066 !important ;}
.bg-hover-dark-o-50:hover,.bg-dark-o-50:hover{ background-color: #00000080 !important ;}
.bg-hover-dark-o-70:hover,.bg-dark-o-70:hover{ background-color: #000000b3 !important ;}
.bg-hover-dark-o-90:hover,.bg-dark-o-90:hover{ background-color: #000000e6 !important ;}
.text-dark{ color: #000000 !important ;}
.text-hover-dark:hover,a.text-hover-dark:hover{ color: #000000 !important ;}
.btn-dark{ background-color: #000000;border-color: #000000;color: #ffffff;}
.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:hover,.btn-dark:active,.btn-dark.active {background-color: #000000;border-color: #000000;color: #ffffff;}
.btn-outline-dark{ background-color: #ffffff;border-color: #000000;color: #000000;}
.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:hover,.btn-outline-dark:active,.btn-outline-dark.active {background-color: #000000;border-color: #000000;color: #ffffff;}
.btn-dark > i{ color: #ffffff !important;}
.btn-dark:hover > i,.btn-dark:active > i,.btn-dark.active > i {color: #ffffff !important;}
.badge-dark{background-color: #000000 !important;color: #ffffff !important;}
.alert-dark{background-color: #000000 !important;border-color: #000000 !important;color: #ffffff !important;}
.border-dark{border-color: #000000 !important;}

/** Class pour light **/
.bg-light{ background-color: #ffffff !important ;}
.bg-hover-light:hover,a.bg-hover-light:hover{ background-color: #ffffff !important ;}
.bg-light-o-10{ background-color: #ffffff1a !important; }
.bg-light-o-20{ background-color: #ffffff33 !important; }
.bg-light-o-30{ background-color: #ffffff4d !important ;}
.bg-light-o-40{ background-color: #ffffff66 !important; }
.bg-light-o-50{ background-color: #ffffff80 !important ;}
.bg-light-o-70{ background-color: #ffffffb3 !important ;}
.bg-light-o-90{ background-color: #ffffffe6 !important ;}
.bg-hover-light-o-10:hover,.bg-light-o-10:hover{ background-color: #ffffff1a !important ;}
.bg-hover-light-o-20:hover,.bg-light-o-20:hover{ background-color: #ffffff33 !important ;}
.bg-hover-light-o-30:hover,.bg-light-o-30:hover{ background-color: #ffffff4d !important ;}
.bg-hover-light-o-40:hover,.bg-light-o-40:hover{ background-color: #ffffff66 !important ;}
.bg-hover-light-o-50:hover,.bg-light-o-50:hover{ background-color: #ffffff80 !important ;}
.bg-hover-light-o-70:hover,.bg-light-o-70:hover{ background-color: #ffffffb3 !important ;}
.bg-hover-light-o-90:hover,.bg-light-o-90:hover{ background-color: #ffffffe6 !important ;}
.text-light{ color: #ffffff !important ;}
.text-hover-light:hover,a.text-hover-light:hover{ color: #ffffff !important ;}
.btn-light{ background-color: #ffffff;border-color: #ffffff;color: #000000;}
.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.btn-light:hover,.btn-light:active,.btn-light.active {background-color: #ffffff;border-color: #ffffff;color: #000000;}
.btn-outline-light{ background-color: #ffffff;border-color: #ffffff;color: #ffffff;}
.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:hover,.btn-outline-light:active,.btn-outline-light.active {background-color: #ffffff;border-color: #ffffff;color: #000000;}
.btn-light > i{ color: #000000 !important;}
.btn-light:hover > i,.btn-light:active > i,.btn-light.active > i {color: #000000 !important;}
.badge-light{background-color: #ffffff !important;color: #000000 !important;}
.alert-light{background-color: #ffffff !important;border-color: #ffffff !important;color: #000000 !important;}
.border-light{border-color: #ffffff !important;}




/*----------------------*/
/* Elements             */
/*----------------------*/

/** Class pour fonts **/
body{padding:10px auto;font-family:"Roboto", sans-serif;color:#3d3d3d;font-size:1em;}
h1,.h1{font-size:35px;color:#3d3d3d;font-weight:normal;}
h2,.h2{font-size:30px;color:#3d3d3d;font-weight:normal;}
h3,.h3{color:#3d3d3d;font-size:25px;font-weight:normal;}
h4,.h4{color:#3d3d3d;font-size:22px;font-weight:normal;}
a{color:#3d3d3d;font-size:1em;text-decoration:underline;}
a:hover{color:#3d3d3d;font-size:1em;text-decoration:none;}
.text-required,span.required{color:red;}
/** Class pour buttons **/
.btn:not(.btn-link , [class$="btn-outline-"]){border-width:1px;border-radius:0px;font-size:1em;}
/** Class pour form **/
.form-label{color:#000000;font-weight:;}
.form-control,.bootstrap-select.form-control,.bootstrap-select button.bs-placeholder{color:#737373;border-color:#ff5300;border-width:1px;border-radius:0px;}
/** Class pour css **/

/*----------------------*/
/* Custom global CSS    */
/*----------------------*/


/*----------------------*/
/* Common Component     */
/*----------------------*/
/*---------------------------*/
/* Common Component children */
/*---------------------------*/


/*---------------------------*/
/* Content Front             */
/*---------------------------*/


/*---------------------------*/
/* Content Security          */
/*---------------------------*/


/*---------------------------*/
/* Content Catalogue         */
/*---------------------------*/

.main-products.product-grid .product-thumb .stats {
    color : #000033;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single,
.irs--round .irs-bar,
.irs--round .irs-handle {
    background-color: #000033 !important;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    border-top-color: #000033 !important;
}

.theme-default .list-catalogue-link.active::after,.theme-default .list-catalogue-link:hover::after { background: #3d3d3d; }
.theme-default .user-menu > li.active, .theme-default .user-menu > li:hover { border-color: #000033; }
/*---------------------------*/
/* Content Product           */
/*---------------------------*/

.lSPager.lSGallery li.active{border-color: #000033 !important }

/*---------------------------*/
/* Content Profile           */
/*---------------------------*/


/*---------------------------*/
/* Content Containt          */
/*---------------------------*/


/*---------------------------*/
/* MISC                      */
/*---------------------------*/

/* Responsive embed video */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/*Responsive video*/
video {
    width: 100%;
    max-height: 100%;
}