/*************/
/** GENERAL **/
/*************/
.wrapper {
    min-height: 100vh;
}
.wrapper-gray {
    background-color: #EEEEEE;
}
body, p {
    font-size: 16px;
}
.section-black {
    background: #191C1D;
}
.section-black h2 {
    color: #FFF;
}
.section-small-padding-top {
    padding-top: 30px;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p {
    margin: 0;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td, button, input, select, textarea {
    -webkit-font-smoothing: inherit;
}
h1.presentation-title { font-size: 50px; color: #035084; font-weight: 500; }
h2.presentation-subtitle { font-size: 24px; color: #035084; font-weight: 500; }
h3.assur-travel { font-weight: bold; color: #035084; }

.tooltip { pointer-events: none; top: -85px !important; }

/* Tableaux */
.l_5 {width: 5%}
.l_10 {width: 10%}
.l_15 {width: 15%}
.l_20 {width: 20%}
.l_25 {width: 25%}
.l_30 {width: 30%}
.l_35 {width: 35%}
.l_40 {width: 40%}
.l_45 {width: 45%}
.l_50 {width: 50%}
.l_55 {width: 55%}
.l_60 {width: 60%}
.l_65 {width: 65%}
.l_70 {width: 70%}
.l_75 {width: 75%}
.l_80 {width: 80%}
.l_85 {width: 85%}
.l_90 {width: 90%}
.l_95 {width: 95%}
.center{text-align: center;}
.table-hide-thead thead { display: none; }

/**
 * BOUTONS
 */
.nav-item .btn-outline-default .fa {
  color:#84817b !important;
  margin: 0 -3px 0 5px !important;
  top:1px;
}
.nav-item .btn-outline-default .fa:hover {
  color:#FFF !important;

}
.btn-outline-default:hover, .btn-outline-default:focus {
    background-color: #66615B;
    color: rgba(255, 255, 255, 0.8) !important;
    border-color: #66615B;
}

/**
 * TITRE
 */
.lined::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 200px;
  right: 0px;
  height: 0.5em;
  border-top: 1px solid rgba(108, 104, 97, 0.53);;
  z-index: -1;
}
.lined span {
    background-color: #EEEEEE;
    padding-right: 10px;
}
.lined {
  opacity: 0.5;
  position:relative;
  margin-bottom:25px
}

/**
 * FORMULAIRE
 */
.error-message {
  padding: 4px 0;
  color: #f7755e;
}

/**
 * ALERTES
 */
.alert .nc-icon {
  margin-right:6px
}

.sfi-trigger {
  display: none !important;
}

.img-thumbnail {
    padding: .65rem;
}


.collapse.navbar-collapse ul.navbar-nav li:last-child a.logout{margin-right: 0;padding-right: 0;}


/**********/
/** HOME **/
/**********/
.presentation-page {
    padding: 200px 0;
    min-height: inherit;
    max-height: inherit;
}
.presentation-page .content-center {
    top: 0;
    left: 0;
    position: inherit;
    transform: inherit;
    -webkit-transform: inherit;
}


/****************/
/** PAGE LOGIN **/
/****************/
body.login .card.card-register {
    background: #FFF;
}
body.login .card.card-register, body.login .card.card-register .card-title {
    color: #333;
}



/*******************/
/** PAGE REGISTER **/
/*******************/
.full-screen .page-header .container { margin-top: 8%; }
.full-screen.register .demo-card .register-form .form-control, .full-screen.register .card-register .register-form .form-control, .full-screen.login .card-register .register-form .form-control {
    border: none !important;
    background: #f5f5f5;
}
.full-screen.register .demo-card .register-form .form-control::placeholder, .full-screen.register .card-register .register-form .form-control::placeholder, .full-screen.login .card-register .register-form .form-control::placeholder {
    color: #BBBBBB;
}
body.register .card.card-register {
    min-height: 500px;
}
.card.card-register h3 {
    font-size: 2.5em;
}
.card.card-register .labor {
    color: #9A9A9A;
}
.card.card-register h5.keyword {
    text-transform: uppercase;
    font-size: 2em;
    color: #9A9A9A;
    margin: 0;
}


/**********************/
/** Liste Formations **/
/**********************/
@media (min-width: 576px) {
    /* Modale de bienvenue */
    #modalBienvenue .modal-dialog {
        max-width: inherit;
    }
}
@media (min-width: 1200px) {
    /* Modale de bienvenue */
    #modalBienvenue .modal-dialog {
        max-width: 1000px;
    }
}


/*********************/
/** Listes branches **/
/*********************/
.accordion .card:last-of-type {
    border-radius: 0;
}
.accordion .card-header {
    cursor: pointer;
}
.accordion .card-header a:nth-child(3){margin-right: 10px;}
.accordion .card-header a:nth-child(2){display: inline-block;padding: 4px 0 0;}
.accordion .card-header span.scoreQcm{display: inline-block;margin-right: 20px;float: right;font-size: 1.35em;}
/* Au format mobile, on réduit le titre h5 pour pouvoir passer le btn "Accédez au QCM" */
@media (max-width: 640px) {
    .accordion .card-header h5{font-size: 15px; padding: 10px 0;}
    .accordion .card-header a:nth-child(3){font-size:8px;margin-top:5px;}
    .accordion .card-header a:nth-child(2){padding: 10px 5px;}
}
.accordion .card-body{background-color:#F5F5F5;}
.accordion [aria-expanded="true"] a > i::before {
    content: "\f077";
}
.accordion .card li {
    list-style-type: none;
    color: #424242;
    font-weight: 400;
}
.accordion .card li::before {
    position: absolute;
    left: 35px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.accordion .card li.avancement_null::before {
    content: "\f06e";
    color: #424242;
}
.accordion .card li.avancement_en_cours, .accordion .card li.avancement_null{
    font-weight: 600;
}
.accordion .card li.avancement_en_cours::before {
    content: "\f110";
    color: #2ba9cd;
}
.accordion .card li.avancement_termine::before {
    content: "\f00c";
    color: #6bd098;
}
.accordion .card li.avancement_termine{
    color: #6bd098;
    font-weight: 400;
}

/***********/
/** Blocs **/
/***********/
.filariane {
    padding: 20px 0;
    background-color: #252422;
}
.filariane, .filariane a {
    padding-top: 100px;
    font-weight: 400;
    font-size: 14px;
    color: #BDBDBD;
}
.filariane a:first-child, .filariane a:nth-child(2){color:#fff;font-weight: 600;}

.containerProgressBar span:nth-child(1) {display: block;text-align: right;padding: 0;}
.containerProgressBar span.success{color:#6bd098;}
.containerProgressBar span.info{color:#51cbce;}
.containerProgressBar span.warning{color:#fbc658;}
.containerProgressBar span.danger{color:#f5593d;}

.progress.avancement_formation {
    height: 12px;
    border-radius:5px;
}

/* BLOCS */
.section-blocs {
    padding: 70px 0 10px;
}
.section-blocs img {
    max-width: 100%;
    height: auto;
}
.bloc .text-content {
    padding: 15px;
}
.bloc .image-content {
    padding: 0;
}
.bloc .image-content img {
    min-width: 100%;
}

/* NAV ETAPES */
.nav-etapes {
    position: relative;
    padding: 20px 0 50px;
    min-height: 40px;
}
.nav-etapes .content-btn-etape{padding-left: 0;padding-right:0px;}
.nav-etapes .content-btn-etape a.btn:nth-child(2){background: transparent;border:none;color:#bcbab8;padding: 10px 15px;}

.nav-etapes a.etape_suivante {
    display: inline-block;
    width: 50%;
    height: 100%;
    padding: 0 15px;
    background: #6bd098;
    line-height: 40px;
    text-align: right;
}
.nav-etapes a.etape_suivante::before {
    content: '';
    z-index: -10;
    position: absolute;
    width: 50vw;
    height: 100%;
    left: 50%;
    background: #6bd098;
}

/***********/
/*** QCM ***/
/***********/

#viewQcm .blocQuestion {background: #FFFF;padding: 25px 25px 13px 25px;margin-bottom: 20px;color: #333333;}
#viewQcm h2{margin-bottom:25px;font-family: "Montserrat", "Helvetica", Arial, sans-serif;font-weight: 300;font-size: 30px;color: #333333;}
#viewQcm .blocQuestion input[type="checkbox"] {margin-right:10px;}
#viewQcm .blocQuestion label:hover{cursor: pointer;}
#viewQcm button[type="submit"]{margin-top: 40px;}

/*********************/
/*** View NoteQCM ****/
/*********************/

#viewNoteQcm .blocQuestion {background: #FFFF;margin-bottom: 20px;color: #333333;}
#viewNoteQcm .blocQuestion .fondQuestion {padding: 25px;color: #FFF;margin-bottom: 25px;}
#viewNoteQcm .blocQuestion .fondQuestion .statutReponse {border: 1px solid #FFF; padding: 5px;}
#viewNoteQcm h2{margin-bottom:25px;font-family: "Montserrat", "Helvetica", Arial, sans-serif;font-weight: 300;font-size: 30px;color: #333333;}
#viewNoteQcm .contentReusssiteFormation {padding: 25px 30px 50px 30px;background: #fff;text-align: justify;}
#viewNoteQcm .contentNote{padding: 25px 30px 50px 30px;background: #fff;text-align: center;}
#viewNoteQcm .contentNote span:nth-child(1){font-size: 50px;font-weight: 600;display: block;}
#viewNoteQcm .contentNote span:nth-child(2){display: block;color:#4b4b49;}

#viewNoteQcm .blocQuestion li {
    padding: 0 25px;
}
#viewNoteQcm .blocQuestion li::before {
    position: absolute;
    left: 50px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
#viewNoteQcm .blocQuestion li.checked::before {
    content: "\f14a";
}
#viewNoteQcm .blocQuestion li.noChecked::before {
    content: "\f0c8";
}
#viewNoteQcm .blocQuestion ul small {
    margin-left: 25px;
}


/*********************/
/** Listes branches **/
/*********************/
.table-reporting {
    font-size: 0.8em;
}
.table-reporting > thead > tr > th {
    font-size: 1.2em;
}
.table-reporting > thead > tr > th, .table-reporting > tbody > tr > td {
    border: 1px solid #ccc;
}
.qcm-formation .card-body {
    box-shadow: 0 6px 10px -4px rgba(0, 0, 0, 0.15);
    border: 1px solid #6bd098;
    background: #FFF;
}


/*********************/
/** Listes documents **/
/*********************/
.table-documents > tbody > tr {
    height: 75px;
}
.table-documents > tbody > tr > td:last-child {
    padding-left: 20px;
}


/******************/
/** PAGE CONTACT **/
/******************/
.info-contact {
    background: #FFF;
    border-radius: 5%;
}
.info-contact i {
    background: #51bcda;
    border-radius: 50%;
    color: #FFF;
    margin-top: 10px;
    padding: 10px;
    font-size: 24px;
}


/*******************/
/** Statistiques **/
/******************/
.stats_chiffres_cles {
    margin-bottom: 50px;
}
.stats_chiffres_cles div.stat_chiffre_cle {
    padding: 20px;
    border-radius: 10px;
    color: #FFF;
}
.stats_chiffres_cles > div:first-child .stat_chiffre_cle {
    background: #fbc658;
}
.stats_chiffres_cles > div:nth-child(2) .stat_chiffre_cle {
    background: #51bcda;
}
.stats_chiffres_cles > div:nth-child(3) .stat_chiffre_cle {
    background: #7ac29a;
}
.stats_chiffres_cles div.stat_chiffre_cle .chiffre_cle {
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    line-height: 75px;
}
.stats_chiffres_cles div.stat_chiffre_cle h3 {
    font-size: 1.4em;
    line-height: 40px;
}
.stats_chiffres_cles div.stat_chiffre_cle h3 hr {
    margin: 0;
}
.stats_chiffres_cles div.stat_chiffre_cle h3 p {
    margin: 5px 0 0;
}


/************/
/** FOOTER **/
/************/
.footer {
    line-height: 20px;
}
.footer .links-big > ul > li > a:not(.btn) {
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
}
.footer .links-big > ul > li > a:not(.btn):hover {
    color: #51bcda;
}
.footer .link-wac {
    color: #DDDDDD;
}
.footer .link-wac:hover {
    color: #51bcda;
}
.footer-white, .footer-white a {
  color:#66615b !important;
}

 /** 04. Commons
  **************************************************************** **/
 /* utils */
 .size-11 			{ font-size:11px !important; line-height:15px !important; }
 .size-12 			{ font-size:12px !important; line-height:16px !important; }
 .size-13 			{ font-size:13px !important; line-height:17px !important; }
 .size-14 			{ font-size:14px !important; line-height:18px !important; }
 .size-15 			{ font-size:15px !important; line-height:19px !important; }
 .size-16 			{ font-size:16px !important; line-height:20px !important; }
 .size-17 			{ font-size:17px !important; line-height:23px !important; }
 .size-18 			{ font-size:18px !important; line-height:24px !important; }
 .size-19 			{ font-size:19px !important; line-height:25px !important; }
 .size-20 			{ font-size:20px !important; line-height:26px !important; }
 .size-22 			{ font-size:22px !important; line-height:27px !important; }
 .size-25 			{ font-size:25px !important; line-height:30px !important; }
 .size-30 			{ font-size:30px !important; line-height:36px !important; }
 .size-40 			{ font-size:40px !important; line-height:46px !important; }
 .size-50 			{ font-size:50px !important; line-height:56px !important; }
 .size-60 			{ font-size:60px !important; line-height:66px !important; }
 .size-70 			{ font-size:70px !important; line-height:76px !important; }
 .size-80 			{ font-size:80px !important; line-height:86px !important; }
 .size-90 			{ font-size:90px !important; line-height:96px !important; }
 .size-100 			{ font-size:100px !important; line-height:106px !important; }
 .size-150 			{ font-size:150px !important; line-height:166px !important; }
 .size-200 			{ font-size:200px !important; line-height:216px !important; }

 .weight-300 			{ font-weight:300 !important; 	}
 .weight-400 			{ font-weight:400 !important; 	}
 .weight-500 			{ font-weight:500 !important; 	}
 .weight-600 			{ font-weight:600 !important; 	}
 .weight-700 			{ font-weight:700 !important; 	}
 .weight-800 			{ font-weight:800 !important; 	}

 .width-10			{ width:10px !important; }
 .width-20			{ width:20px !important; }
 .width-30			{ width:30px !important; }
 .width-40			{ width:40px !important; }
 .width-50			{ width:50px !important; }
 .width-100			{ width:100px !important; }
 .width-150			{ width:150px !important; }
 .width-200			{ width:200px !important; }
 .width-250			{ width:250px !important; }
 .width-300			{ width:300px !important; }
 .width-350			{ width:350px !important; }
 .width-400			{ width:400px !important; }
 .width-450			{ width:450px !important; }
 .width-500			{ width:500px !important; }
 .width-550			{ width:550px !important; }
 .width-600			{ width:600px !important; }
 .width-650			{ width:650px !important; }
 .width-700			{ width:700px !important; }
 .width-750			{ width:750px !important; }
 .width-800			{ width:800px !important; }

 .height-10			{ height:10px !important; }
 .height-20			{ height:20px !important; }
 .height-30			{ height:30px !important; }
 .height-50			{ height:50px !important; }
 .height-100			{ height:100px !important; }
 .height-150			{ height:150px !important; }
 .height-200			{ height:200px !important; }
 .height-250			{ height:250px !important; }
 .height-300			{ height:300px !important; }
 .height-350			{ height:350px !important; }
 .height-400			{ height:400px !important; }
 .height-450			{ height:450px !important; }
 .height-500			{ height:500px !important; }
 .height-550			{ height:550px !important; }
 .height-600			{ height:600px !important; }
 .height-650			{ height:650px !important; }
 .height-700			{ height:700px !important; }
 .height-750			{ height:750px !important; }
 .height-800			{ height:800px !important; }

 .padding-0 			{ padding:0 !important; 	}
 .padding-3 			{ padding:3px !important; 	}
 .padding-6 			{ padding:6px !important; 	}
 .padding-8 			{ padding:8px !important; 	}
 .padding-10 			{ padding:10px !important; 	}
 .padding-15 			{ padding:15px !important; 	}
 .padding-20 			{ padding:20px !important; 	}
 .padding-30 			{ padding:30px !important; 	}
 .padding-40 			{ padding:40px !important; 	}
 .padding-50 			{ padding:50px !important; 	}
 .padding-60 			{ padding:60px !important; 	}
 .padding-70 			{ padding:70px !important; 	}
 .padding-80 			{ padding:80px !important; 	}
 .padding-90 			{ padding:90px !important; 	}
 .padding-100 		{ padding:100px !important; }

 .padding-top-0		{ padding-top:0 !important; }
 .padding-top-10		{ padding-top:10px !important; }
 .padding-top-15		{ padding-top:15px !important; }
 .padding-top-20		{ padding-top:20px !important; }
 .padding-top-30		{ padding-top:30px !important; }
 .padding-top-40		{ padding-top:40px !important; }
 .padding-top-50		{ padding-top:50px !important; }
 .padding-top-60		{ padding-top:60px !important; }
 .padding-top-80		{ padding-top:80px !important; }
 .padding-top-100	{ padding-top:100px !important; }
 .padding-top-130	{ padding-top:130px !important; }
 .padding-top-150	{ padding-top:150px !important; }
 .padding-top-180	{ padding-top:180px !important; }
 .padding-top-200	{ padding-top:200px !important; }

 .padding-bottom-0	{ padding-bottom:0 !important; }
 .padding-bottom-10	{ padding-bottom:10px !important; }
 .padding-bottom-15	{ padding-bottom:15px !important; }
 .padding-bottom-20	{ padding-bottom:20px !important; }
 .padding-bottom-30	{ padding-bottom:30px !important; }
 .padding-bottom-40	{ padding-bottom:40px !important; }
 .padding-bottom-50	{ padding-bottom:50px !important; }
 .padding-bottom-60	{ padding-bottom:60px !important; }
 .padding-bottom-80	{ padding-bottom:80px !important; }
 .padding-bottom-100	{ padding-bottom:100px !important; }
 .padding-bottom-130	{ padding-bottom:130px !important; }
 .padding-bottom-150	{ padding-bottom:150px !important; }
 .padding-bottom-180	{ padding-bottom:180px !important; }
 .padding-bottom-200	{ padding-bottom:200px !important; }


 .margin-top-0		{ margin-top:0 !important; }
 .margin-top-1		{ margin-top:1px !important; }
 .margin-top-2		{ margin-top:2px !important; }
 .margin-top-3		{ margin-top:3px !important; }
 .margin-top-6		{ margin-top:6px !important; }
 .margin-top-8		{ margin-top:8px !important; }
 .margin-top-10		{ margin-top:10px !important; }
 .margin-top-20		{ margin-top:20px !important; }
 .margin-top-30		{ margin-top:30px !important; }
 .margin-top-40		{ margin-top:40px !important; }
 .margin-top-50		{ margin-top:50px !important; }
 .margin-top-60		{ margin-top:60px !important; }
 .margin-top-80		{ margin-top:80px !important; }
 .margin-top-100		{ margin-top:100px !important; }
 .margin-top-130		{ margin-top:130px !important; }
 .margin-top-150		{ margin-top:150px !important; }
 .margin-top-180		{ margin-top:180px !important; }
 .margin-top-200		{ margin-top:200px !important; }

 .margin-bottom-0	{ margin-bottom:0 !important; }
 .margin-bottom-1	{ margin-bottom:1px !important; }
 .margin-bottom-2	{ margin-bottom:2px !important; }
 .margin-bottom-3	{ margin-bottom:3px !important; }
 .margin-bottom-6	{ margin-bottom:6px !important; }
 .margin-bottom-8	{ margin-bottom:8px !important; }
 .margin-bottom-10	{ margin-bottom:10px !important; }
 .margin-bottom-20	{ margin-bottom:20px !important; }
 .margin-bottom-30	{ margin-bottom:30px !important; }
 .margin-bottom-40	{ margin-bottom:40px !important; }
 .margin-bottom-50	{ margin-bottom:50px !important; }
 .margin-bottom-60	{ margin-bottom:60px !important; }
 .margin-bottom-80	{ margin-bottom:80px !important; }
 .margin-bottom-100	{ margin-bottom:100px !important; }
 .margin-bottom-130	{ margin-bottom:130px !important; }
 .margin-bottom-150	{ margin-bottom:150px !important; }
 .margin-bottom-180	{ margin-bottom:180px !important; }
 .margin-bottom-200	{ margin-bottom:200px !important; }

 .margin-left-0		{ margin-left:0 !important; }
 .margin-left-3		{ margin-left:3px !important; }
 .margin-left-6		{ margin-left:6px !important; }
 .margin-left-8		{ margin-left:8px !important; }
 .margin-left-10		{ margin-left:10px !important; }
 .margin-left-15		{ margin-left:15px !important; }
 .margin-left-20		{ margin-left:20px !important; }
 .margin-left-30		{ margin-left:30px !important; }
 .margin-left-40		{ margin-left:40px !important; }
 .margin-left-50		{ margin-left:50px !important; }
 .margin-left-60		{ margin-left:60px !important; }
 .margin-left-80		{ margin-left:80px !important; }
 .margin-left-100	{ margin-left:100px !important; }
 .margin-left-130	{ margin-left:130px !important; }
 .margin-left-150	{ margin-left:150px !important; }
 .margin-left-180	{ margin-left:180px !important; }
 .margin-left-200	{ margin-left:200px !important; }
 .margin-left-250	{ margin-left:250px !important; }
 .margin-left-300	{ margin-left:300px !important; }

 .margin-right-0		{ margin-right:0 !important; }
 .margin-right-3		{ margin-right:3px !important; }
 .margin-right-6		{ margin-right:6px !important; }
 .margin-right-8		{ margin-right:8px !important; }
 .margin-right-10	{ margin-right:10px !important; }
 .margin-right-15	{ margin-right:15px !important; }
 .margin-right-20	{ margin-right:20px !important; }
 .margin-right-30	{ margin-right:30px !important; }
 .margin-right-40	{ margin-right:40px !important; }
 .margin-right-50	{ margin-right:50px !important; }
 .margin-right-60	{ margin-right:60px !important; }
 .margin-right-80	{ margin-right:80px !important; }
 .margin-right-100	{ margin-right:100px !important; }
 .margin-right-130	{ margin-right:130px !important; }
 .margin-right-150	{ margin-right:150px !important; }
 .margin-right-180	{ margin-right:180px !important; }
 .margin-right-200	{ margin-right:200px !important; }
 .margin-right-250	{ margin-right:250px !important; }
 .margin-right-300	{ margin-right:300px !important; }

 .line-height-0		{ line-height:0 !important; 	}
 .line-height-10		{ line-height:10px !important; 	}
 .line-height-20		{ line-height:20px !important; 	}
 .line-height-30		{ line-height:30px !important; 	}
 .line-height-40		{ line-height:40px !important; 	}
 .line-height-50		{ line-height:50px !important; 	}
 .line-height-60		{ line-height:60px !important; 	}
 .line-height-70		{ line-height:70px !important; 	}
 .line-height-80		{ line-height:80px !important; 	}
 .line-height-90		{ line-height:90px !important; 	}
 .line-height-100	{ line-height:100px !important; }
 .list-infos li {
   font-weight: bold
 }
 .text-bold {
   font-weight: bold;
 }

/**
 * Champ upload
 */
 .sfi-filename {
  background:#F5F5F5;
  cursor: pointer;
  border-radius: 4px;
  border-right: 1px dashed #ccc !important;
 }

 /**
  * STRONG
  */
  b, strong {
     font-weight: 900 !important;
 }

p {
  margin-bottom:15px;
}