body {font-family: Helvetica,Helvetica Neue,Arial,sans-serif }
body > .container {min-height: calc(100vh - 341px); padding-bottom: 15px;}
body > .container.height-auto {min-height: auto;}
.red-afar {color: #dd0029;}
hr.red-afar {border: none; border-bottom: 2px solid #dd0029;}
.text-gris {color: #808080;}
.color-black {color: #000!important;}
.legende-italic {font-style: italic;}
.link-underline a, a.link-underline {text-decoration: underline;}
.uppercase {text-transform: uppercase;}
.text-gris {color: #4D4D4D;}

.border-2 {border-width: 2px!important;  border-color:#FFF!important;}

.navbar-afar {background-color: #fff; padding-left: 0; padding-right: 0; padding-top: 0px;}
.navbar-afar .navbar-nav .nav-link {color: #000; font-size: 1.2em; font-weight: normal;  padding: 0px; padding-bottom: 5px; margin: 0 20px; line-height: 22px; border-bottom: 3px solid transparent; /*padding-top: 0.7rem; padding-bottom: 0.3rem;*/}

@media (max-width: 1439px) {
.navbar-afar .navbar-nav .nav-link {font-size: 0.95rem;}
}

@media (min-width: 1024px) {
.navbar-afar .navbar-nav .nav-link:hover, body.qsn .navbar-afar .navbar-nav #nav-qsn .nav-link, body.liste_thematique .navbar-afar .navbar-nav #nav-formations .nav-link, body.domainefc .navbar-afar .navbar-nav #nav-formations .nav-link, body.actualites .navbar-afar .navbar-nav #nav-actualites .nav-link, body.contact .navbar-afar .navbar-nav #nav-contact .nav-link{border-bottom: 3px solid #dd0029;}
}
.navbar-afar .navbar-nav .nav-item{height: 30px;}
@media (min-width: 992px) {
.navbar-afar .navbar-nav .nav-item{border-left: 1px solid #dd0029; height: 22px;}
.navbar-afar .navbar-nav .nav-item:first-child {border-left: none;}
}
.navbar-afar .navbar-nav .nav-item-search {border-left: none;}

.navbar-afar a {text-decoration: none;}
.navbar-afar .navbar-collapse {align-items: normal;}

.nav-afar .nav-item {border-left: 1px solid #000;}
.nav-afar .nav-item .nav-link {/*padding-top: 0; padding-bottom: 0;*/ padding: 0 0.7rem;}
.nav-afar .nav-item:first-child {border-left: none;}

.card-afar { border: 1px solid #FFF;}
.card-afar .card-header {background-color: #dd0029; border-radius: 0px; position: relative;}
.card-afar .card-header a {color: #FFF; text-decoration: none;}
.card-afar .afar-menu-arrow {position: absolute; right: 0; top: 30%; padding-right: 15px;}

.dropdown-afar {background-color: #dd0029; color: #FFF; border: 1px solid #dd0029;}
.dropdown-afar .dropdown-item {color: #FFF;}
.dropdown-afar .dropdown-item:hover {color: #FFF; background-color: #dd0029; text-decoration: underline;}
.dropdown-afar .dropdown-header {color: #FFF; font-size: 15px; padding-left: 15px;}

.list-group {}
.list-group a.list-group-item {background-color: #dd0029; border-radius: 0px; color: #FFF; text-decoration: none; border-width: 0px 0px 1px 0px; border-bottom: 1px solid rgba(255, 255,255,1.0); margin-bottom: 0;}
.list-group a.list-group-item:hover, .list-group a.active {background-color: #dd0029; color: #FFF; text-decoration: underline; border-bottom: 1px solid rgba(255, 255,255,1.0);}
.list-group a.list-group-item:first-child, a.list-group-item:last-child {border-radius: 0px;}
.list-group .navbarsublist a.list-group-item {background-color: #FFF; color: #000; text-decoration: none; border-width: 0px 0px 1px 0px; border-bottom: 1px solid #dd0029; margin-bottom: 0;}
.list-group .navbarsublist a.list-group-item:hover, .list-group .navbarsublist a.active {text-decoration: underline;}

.menu_conditions .list-group-afar .list-group-item a {text-transform: uppercase;}

.list-group-afar {border: none;}
.list-group-afar .list-group-item{border: none; border-bottom: 1px solid #dd0029; list-style-type: none; margin-bottom: 0;}
.list-group-afar .list-group-item:last-child {border-radius: 0; border-bottom: none;}

.btn-group-afar {/*border: 1px solid #ebebeb;*/}
.btn-group-afar .btn-option {background-color: #FFF; border-color: #ebebeb; color: #b3b3b3;}
.btn-group-afar .btn-option.active {color: #000;}

.btn-group-recherche .btn-option {background-color: #FFF; border: none; color: #b3b3b3;}
.btn-group-recherche .btn-option.active {color: #000;}

.btn-voir-plus {border: none; background-color: transparent; border-top: 1px solid #dd0029; border-radius: 0; position: relative; text-align: center;}
.btn-voir-plus span{position: absolute; background-color: #FFF; font-size: 12px; line-height: 15px; top: -7px; left: 50%; transform: translate(-50%, 0%); padding: 0 15px; color: #dd0029;}
.masque {display: none;}

.card-filtres {border: none;}
.card-filtres .card-header {background-color: #fafafa; border-radius: 0px; position: relative; border-left: 1px solid #dd0029; border-bottom: 1px solid #FFF; margin-top: 10px;}
.card-filtres .card-header:first-child {margin-top: 0;}
.card-filtres .afar-menu-arrow {position: absolute; right: 0; top: 30%; padding-right: 15px;}
.card-filtres .collapse {border: none;}
.card-filtres label {color: #707070; font-size: 13px;}

.list-group-filtres {border: none;}
.list-group-filtres .list-group-item{border: none; border-bottom: 1px solid #e6e6e6; list-style-type: none; margin-bottom: 0; background-color: #fafafa;}
.list-group-filtres .list-group-item:last-child {border-radius: 0; border-bottom: none;}
.list-group-filtres .form-group {margin: 0;}

.navbar-light .navbar-toggler {color: #000; border: none;}

.btn-primary, a.btn-primary {background-color: #dd0029; color: #FFF; border-radius: 8px; border: none;}
.btn-primary:hover,.btn-primary:focus, a.btn-primary:hover,a.btn-primary:focus,  .btn-primary:disabled{background-color: #dd0029;}
.btn-default, a.btn-default {background-color: #4d4d4d; color: #FFF; border-radius: 0px; border: none;}
.btn-default:hover,.btn-default:focus, a.btn-default:hover,a.btn-default:focus {background-color: #4d4d4d;}
.btn-blanc, a.btn-blanc {background-color: #FFF; color: #000; border-radius: 0px; border: none;}
.btn-blanc:hover,.btn-blanc:focus, a.btn-blanc:hover,a.btn-blanc:focus {background-color: #FFF;}
.btn-link, a.btn-link {color: #dd0029; }
.btn-link:hover, a.btn-link:hover {color: #dd0029; text-decoration: underline;}
.btn-rounded {border-radius: 20px!important;}

.btn-sans-marge {padding: 0;margin: 0;}
.btn-sans-marge:hover,.btn-sans-marge:focus, a.btn-sans-marge:hover,a.btn-sans-marge:focus{box-shadow: none;}
.btn-rond, a.btn-rond {border-radius: 100%;}
.btn-arrondi, a.btn-arrondi {border-radius: 3px;}

.custom-file .custom-file-label {background-color: #dd0029; color: #FFF; border-radius: 0; border: none;}
.custom-file .custom-file-label:after {content: ''; display: none;}
.custom-file .custom-file-input {background-color: #FFF; border: 1px solid #FFF; border-radius: 0;}

.lien-afar {color: #dd0029; }
.lien-afar:hover {text-decoration: none; color: #dd0029;}

.sep-vert {width: 0px; height: 20px; margin: 0 10px; border-left: 1px solid #000;}

.alert-mini {font-size: 9px; font-style: italic;}

.modal-header-xs {border: none; padding: 0; margin: 0;}
.modal-header-xs button.close {margin-right: -40px; margin-top: -40px;}

.pos-relative {position: relative;}
.pos-right {position: absolute; top: 0px; right: 0px;}
.mw-80 {max-width: 80%!important;}

#bandeau_accueil .card {border: none; border-radius: 8px; background-color: #ededed;}
#bandeau_accueil .card .card-header {background-color: #dd0029; color: #FFF; font-weight: bold; font-size: 1.1rem; line-height: 1.9rem; text-align: center; border-radius: 8px 8px 0 0; padding: 2px 15px;}

.ombre {box-shadow: rgba(0,0,0, 0.2) 2px 2px 18px 0px;}


.valign-middle {position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@media (min-width: 1024px) {
.choix-options-formation {max-width: 140px;}
}

@media (min-width: 768px)
{
	.form-label-right .col-form-label {text-align: right;}
}

#btn-espace-prive {margin-left: 15px; }
#header-input-mc {width: 80%;}
@media (min-width: 780px)
{
	#header-input-mc {width: 140px;}
}
@media (max-width: 992px)
{
	.navbar-afar .navbar-nav .nav-item-search {height: 50px;}
	#header-input-search {margin-bottom: 10px; width: 100%;}
	#btn-espace-prive {padding: 10px 20px; margin: 0 0 0 20px;}
}
#header-input-search {background-color: #ededed; width: 164px;}
#header-input-search input {background-color: transparent; height: 22px;border: none;}
/* modal */
.modal-afar .modal-title {text-align: center; color: #dd0029; width: 100%; font-weight: lighter;}
.modal-afar .modal-header, .modal-afar .modal-footer, .modal-afar .modal-content {border-radius: 0;}

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

hr.sep-haut-page {border-top: 14px solid #dd0029; margin-bottom: 0;}

h1.titre_souligne, h2.titre_souligne {color: #dd0029; text-align: center; border-bottom: 1px solid #dd0029; text-transform: uppercase; font-size: 18px;}
h1.titre_souligne {font-size: 20px;}
.titre_rouge {color: #dd0029; font-size: 14px; text-transform: uppercase; font-weight: bold;}
h2.titre_rouge {font-size: 18px;}
h3.titreArticle {font-size: 14px; font-weight: bold;}
.descArticle {font-size: 12px;}
.arrow_list ul {list-style-type : none;}
.arrow_list ul li {display : inline-block; margin-left: 0px; /*line-height: 29px;*/}
.arrow_list ul li::before {width: 25px; height: 22px; margin-top: 5px; display: inline-block; content: '>'; color: transparent; background-color: transparent; background-image: url(img/fleche_liste4.png); background-repeat: no-repeat; background-position: 0px 5px;}


header {margin-top: 10px; position: relative;}
@media(min-width: 1440px) {
header .container {max-width: 1400px;}
}
header #navbarAfar .nav-link {color: #dd0029;}
header .navbar-afar {margin: 20px 0; }
header #navbarAfar .navbar-nav {margin-top: 30px;}
@media (min-width: 992px) {
header #navbarAfar .navbar-nav {margin-left: 40px;}
}
header .input-group {border-radius: 8px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; height: 24px;}
@media (max-width: 991px) {
	header .input-group {margin-left: 20px; }
	#header-input-search {width: 100%;}
	header #navbarAfar .nav-item-secondaire .nav-link {color: #000;}
	header .navbar-afar {margin-bottom: 0; }
}
header .input-group>.input-group-append>.btn {border-radius: 50%; width: 24px; height: 24px; font-size: 0.7rem; padding: 0; text-align: center;}

header .navbar-autre a {padding: 0 10px;}

header #navbar-secondaire {position: absolute; top: 0px; right: 0px; padding: 0px 20px 0 0; font-size: 12px; }
header #navbar-secondaire .nav-link {padding: 0 8px; color: #000; border-right: none; line-height: 24px;}
header #navbar-secondaire .nav-item:first-child, header .navbar-autre a:first-child {border-right: 1px solid #000; height: 18px; }
header #navbar-secondaire #btn-espace-prive {margin-top: -5px; margin-left: 0px; font-size: 16px;}

footer .container-fluid {position: relative; padding-bottom: 10px;}
footer {color: #FFF; background-color: #dd0029; }
footer a, footer a:hover {color: #FFF; text-decoration: none; }
footer a:hover {text-decoration: underline;}
footer hr {border-top: 1px solid #000;}
footer .btn-rs {font-size: 18px; line-height: 29px!important; padding: 0; height: 29px; width: 29px; border-radius: 50%;}
footer a.btn-rs:hover {padding: 0;}
footer .btn-rs .fab {line-height: 29px!important; }
ffooter .btn-rs .fa-twitter {color: #dd0029;}
footer .btn-rs .fa-linkedin-in {color: #dd0029; font-size: 19px; line-height: 26px!important;}
@media (max-width: 575px){
	footer {background-color: #dd0029; color: #FFF;}
	footer hr {border-top: none;}
	/*footer .fa-twitter {color: #FFF;}
	footer .fa-linkedin {color: #FFF;}*/
	footer .btn-primary {background-color: #FFF; color: #dd0029;}
	footer a {color: #FFF;}
	footer .container-fluid {padding-bottom: 20px;}
}

footer .mentions {font-size: 12px; text-align: right;}
footer .mentions a {padding: 0 10px;}
ooter #btn_newsletter {display: inline;}
footer #boutons_rs {display: inline;}

@media(max-width: 991px) {

	footer .mentions a {padding: 0 3px;}
	footer #btn_newsletter {display: block; text-align: right;}
}

.input-group-afar {border-left: 2px solid #dd0029;}
.input-group-afar .input-group-text {background-color: #FFF; border-left: none; border-radius: 0px; color: #dd0029;}
.input-group-afar .form-control {border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
:not(:disabled):not(.disabled).btn-secondary.active, :not(:disabled):not(.disabled).btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #dd0029;
    border-color: #dd0029;
}
.btn-secondary {
    color: #dd0029;
    background-color: #fff;
    border-color: #ECECEC;
	border-radius: 3px;
	box-shadow: none;
}

.btn-secondary:hover {
   background-color: #fff;
   color: #dd0029;
   border-color: #dd0029;
}

.btn-secondary.focus, .btn-secondary.active, .btn-secondary:focus {
   box-shadow: none;/*0px 0px 0px 2rem rgba(255,255,255,0);*/
}

.btn-group-toggle {font-size: 13px;}
.btn-group-toggle .btn-mini-radio {width: 20px; height: 20px; padding: 0; margin-bottom: 4px;}
@media (max-width: 592px) {
	.btn-group-toggle {font-size: 12px;}
	.btn-group-toggle .btn-mini-radio {width: 24px; height: 24px; padding: 0;}
}
.custom-select {
    background: #fff url("data:image/svg+xml,\
      <svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='14px'\
           height='14px' viewBox='0 0 1200 1000' fill='rgb(221,0,41)'>\
        <path d='M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z'/>\
      </svg>") no-repeat right .75rem center;

}

.auto-scroll-menu {}
.menu-fixed {position: fixed; top: 0;}
.menu-fixed-bottom {position: absolute; top: auto; bottom: 0;}

#menu-gauche .list-group-afar {font-size: 0.8rem;}

.popover-body, .popover {background-color: #f7f7f7; padding: 0;}
.bs-popover-auto .arrow::after, .bs-popover-bottom .arrow::after { border-bottom-color: #f7f7f7;}
.popover-menu-afar .list-group {padding: 0;}
.popover-menu-afar .list-group-item{background-color: #f7f7f7; padding: 5px 20px; border-top-color: #FFF;}
.popover-menu-afar .list-group-item:hover{background-color: #dd0029; color: #FFF; border-top-color: #dd0029;}


.bg-afar {background-color: #dd0029; color: #FFF;}
.btn-tool {display: inline-block; padding: 5px 15px; text-align: center; font-size: 1.2rem;}
.afar-toolbar label {font-size: 14px; display: block; }
.afar-toolbar h3 {text-transform: uppercase; text-align: center; font-size: 14px; color: #dd0029; font-weight: 600; margin-top: 10px;}

.afar-search {margin-top: 15px; margin-bottom: 15px;}
.afar-search input, .afar-search input:focus { background-color: transparent; border-left: none; color: #FFF; border: none; border-radius: 0px; border-bottom: 1px solid #FFF; width: 95%;}
.afar-search input::placeholder { color: #FFF; }
.afar-search input::-ms-input-placeholder { color: #FFF; }
@media (min-width: 575px){
.champ-rech-accueil {background-color: #dd0029; color: #FFF;}

}
@media (max-width: 575px){
.champ-rech-accueil {border: 1px solid #CCC; color: #CCC;}
.afar-search input, .afar-search input:focus { color: #CCC; border: none; }
.afar-search input::placeholder { color: #CCC; }
.afar-search input::-ms-input-placeholder { color: #CCC; }
}


.underline {text-decoration: underline;}

a {color: #000; }
a:hover {color: #000; text-decoration: none;}

.bg-gris {background-color: #fafafa;}
.bg-gris-2 {background-color: #f5f5f5;}
.bg-gris-3 {background-color: #f3f3f3;}
.color-gris {color: #4c4c4c;}
.bt-favoris  {display: inline-block;}

.afar-toolbar button {white-space: normal; font-size: 14px; height: 60px; vertical-align: middle;}

.vignette-accueil h4 {background-color: #dd0029; color: #fff; font-size: 0.8em; text-align: right; padding: 5px 15px; margin-top: 2px;}
.vignette-accueil a {text-decoration: none;}

#accueil #bandeau_titre .zone_titre h2 {font-weight: bold; color: #dd0029}
#accueil #bandeau_accueil {background: transparent url(/images/bandeau_accueil.jpg) top right no-repeat; background-size: cover; padding: 30px 15px 50px 15px;}
#accueil #bandeau_accueil h1 {color: #FFF; font-weight: bold; text-align: center; font-size: 1.3rem;}
#accueil #zone-recherche {max-width: 900px;}
#accueil #zone-recherche .logo-certifs {max-height: 35px;}
@media (min-width: 991px) {
#accueil #zone-recherche .btn-primary {width: 38px; height: 38px; text-align: center; border-radius: 50%; font-size: 25px; padding: 0;}
}

@media (max-width: 991px) {
	#accueil #bandeau_accueil {padding-left: 5vw; padding-right: 5vw; padding-bottom: 15px; background: transparent url(/images/fond_mobile2.jpg) bottom left no-repeat; background-size: cover;}
	#accueil #zone-recherche {padding-left: 5vw; padding-right: 5vw;}
	#accueil #zone-recherche .card-header {font-size: 0.8rem;}
	#accueil #bandeau_accueil h1 {font-size: 1.1rem;}
}

@media (max-width: 1439px) {
	/*#accueil #bandeau_accueil {background-position: top 0px right -55px;}*/
}

.bloc-bas h5 {color: #dd0029; font-size: 1.0rem; font-weight: bold; text-transform: uppercase;}
.bloc-bas h5.border-bottom {padding-bottom: 5px; border-color: #dd0029!important; border-width: 3px!important; margin-bottom: 10px;}
#consulter_catalogue {position: relative;}
@media (min-width: 992px) {
	#consulter_catalogue {height: 300px;}
}
#consulter_catalogue h5 {}
#zoneCarouselAccueil {height: 300px; margin-left: 0; margin-top: 15px; position: relative;}
@media (min-width: 992px) {
	#zone_filactu {min-height: 500px;}
	#zoneCarouselAccueil {margin-left: 0px; margin-top: 0;}
	#infos-certifications {margin-top: -110px;}
}
/*#zoneCarouselAccueil::before {content: ' '; width: 3px; background-color: #dd0029; height: 190px; position: absolute; top: 55px; left: -30px;}*/
@media (max-width: 991px) {
	#col-carousel {padding-bottom: 70px;}
	#zoneCarouselAccueil {/*margin-top: 50px; */ height: 250px;}
	#zoneCarouselAccueil::before {width: 30vw; height: 3; position: absolute; top: -25px; left: 0px;}
	#infos-certifications {margin: 30px 0;}
}

#zoneCarouselAccueil #carouselAccueil::after {content: ''; border-bottom: 1px solid #c1bdbd; display: block; width: 90%; position: absolute; left: 5%; bottom: -13px;} {}
#zoneCarouselAccueil .carousel-item {height: 190px;}
#zoneCarouselAccueil .carousel-item h4 {background-color: #dd0029; color: #FFF; border-radius: 0px 0px 5px 5px; text-align: center; font-size: 0.9rem; padding: 10px 0; min-height: 54px;}
#zoneCarouselAccueil .carousel-indicators {bottom: -30px; /*width: 25%;*/ margin: 0 auto; background-color: #FFF; }
#zoneCarouselAccueil .carousel-indicators li {background-color: #ededed; opacity: 1; width: 15px; height: 15px; border-radius: 50%;}
#zoneCarouselAccueil .carousel-indicators li.active {background-color: #dd0029; opacity: 1;}
.demie-carousel {padding: 0 40px; position: relative; height: 190px;}
/*.demie-carousel::after {position: absolute; right: 0px; top: 20px; height: 150px; content: ' '; width: 1px; background-color: #dd0029;}*/

#carouselAccueilMobile .carousel-item {height: 220px;}

#accueil-logo {padding: 40px 0; border-bottom: 2px solid #dd0029;}
#accueil-logo h1 {font-size: 26px;}
#accueil-logo h1 strong {font-weight: normal;}

#form-recherche {margin-top: 30px;}

#foot-social-network {font-size: 2.0em; border-bottom: 1px solid #cccccc;}
#coordonnees-footer {font-size: 0.9em;}
#coordonnees-footer p {margin: 5px 0;}

@media (max-width: 992px) {
	#coordonnees-footer {font-size: 0.5rem;}
	#logo-footer { width: 50px;}

	#btn_newsletter .btn {font-size: 0.7rem; padding: 2px;}
	footer .mentions a{font-size: 0.5rem;}
}

@media (min-width: 575px)
{
#bandeau_titre {/*background: #afc8ff url(img/bg_titre.jpg) top left repeat-y;*/ position: relative; border-top: 4px solid #ededed; /*height: 158px;*/ /*overflow-x: hidden; overflow-y: visible;*/}
#bandeau_titre h1 { z-index: 255; margin-top: 15px; margin-bottom: 0px; color: #dd0029; text-align: center; line-height: 45px; text-transform: uppercase; font-size: 30px; font-weight: bold; display: inline-block; position: relative;}
#bandeau_titre .separateur-titre {width: 250px; height: 5px; background-color: #dd0029; margin: 10px auto;}
.separateur-titre-gris {width: 250px; height: 5px; background-color: #ededed; margin: 10px auto;}

}
#bandeau_titre .zone_titre {position: relative; text-align: center; }
@media (max-width: 574px)
{
#bandeau_titre .zone_titre {padding: 0 15px;}
#bandeau_titre h1 { z-index: 255; margin-bottom: 0px; color: #dd0029; line-height: 30px; font-size: 24px; font-weight: bold; display: block; position: relative; margin-bottom: 30px; margin-top: 30px;}
}
#bandeau_titre_coupole {position: absolute; left: 0px; bottom: 0px;}
@media (min-width: 575px) {
#bandeau_titre h1.titre_avec_sous_titre {line-height: 40px;}
/*#bandeau_titre h1:after{content: url('../images/bandeau_titre_genie.png'); position: absolute; height: 169px; top: -20px; right: -400px; overflow-y: hidden;}*/
}
#bandeau_titre h2 {font-size: 14px; /*margin-top: -20px;*/}
#bandeau_titre_genie {position: absolute; /*right: -450px;*/ bottom: 0px;}
#encadrement_titre {}
@media (max-width: 574px)
{
	#encadrement_titre {height: auto;}
}
.veille_strategique h5 strong {color: #dd0029;}
.veille_strategique h5 p {display: inline;}

#presentation .desc-web-paragraphe p {margin-bottom: 1em;}
.desc-web-paragraphe p {margin: 0;}
.paragraphe-gris {background-color: #fafafa; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.borderless {border: none; }
.desc-web-page {}
.desc-web-page h2 {color: #dd0029; text-align: center; text-transform: uppercase; font-size: 20px;}
.desc-web-page h5 {color: #dd0029;}
.desc-web-page-mulitcolonne h2, .desc-web-page-mulitcolonne h5 {color: #000; text-transform: none; text-align: left;}
.vignette_equipe h5 {font-size: 14px; margin: 0;}
.vignette_equipe .desc-web-paragraphe {font-size: 11px;}
@media (min-width: 800px)
{
	.web-page-2col p {display: inline-block; width: 50%; margin: 0; padding: 0; float: left;}
}
#qsn_detail h2 {font-size: 1.25rem;}
.ligne-pedagogie {margin-bottom: 30px;}
.ligne-pedagogie h2{color: #dd0029; font-size: 1.25rem;}
.ligne-pedagogie p {margin-bottom: 0;}

#commite_strategique h5 {margin: 0; font-weight: bold; font-size: 14px;}
#commite_strategique .desc-web-paragraphe {font-size: 13px;}

.ico_chiffres {max-width: 80px; margin-bottom: 20px;}

#qsn_detail .desc strong{color: #dd0029;}
#qsn_detail ul {padding-left: 40px;}
#qsn_detail ul li {list-style: none;}
#qsn_detail ul li strong {width: 20px; margin-left: -40px; font-size: 24px; display: inline-block;}
#qsn_detail ul li p {display: inline;}

#qsn_detail ol {list-style: none; counter-reset: li; }
#qsn_detail ol li::before {content: counter(li); color: #dd0029; display: inline-block; width: 1em; margin-left: -1.5em; font-size: 24px;}
#qsn_detail ol li {counter-increment: li}
#qsn_detail ol li p {display: inline;}
ol.point-counter li {margin-bottom: 35px; position: relative; min-height: 2em;}
ol.point-counter li p {display: inline-block!important; margin-left: 0; margin-bottom: 0!important;}
ol.point-counter li::before {content: counter(li); position: absolute; top: 0px; ; background-color: #dd0029!important; color: #FFF!important; display: inline-block; width: 1.5em!important; height: 1.5em; text-align: center; margin-left: -2.0em!important; font-size: 24px; border-radius: 50%; }

img.photo_pedagogie  {max-width: 30%; }

#parent_menu {position: relative;}

.card-afar a:hover {text-decoration: underline;}

#liste-themes { min-height: calc(100vh - 420px);}
#liste-themes .btn-group-toggle label {font-size: 24px;}
#liste-themes .vignette-theme h4 {font-size: 14px; font-weight: bold;}
#liste-themes .vignette-theme img {border-radius: 5px;}

#formulaire-recherche {}
#formulaire-recherche h3{text-align: center; color: #dd0029; font-size: 22px;}

#descriptif_theme {font-size: 12px;}
#legende-stages p {margin-left: 40px; position: relative;}
#legende-stages p i.fas {position: absolute; left: -40px; top: 0; color: #dd0029;}
#bt_imprimer_contenu {/*width: 30px; height: 30px; */margin-left: 0px; /*font-size: 20px; overflow: hidden;*/ }
#lien_imprimer_contenu {font-size: 14px; margin-left: 10px;}

#stages-phares h6 {text-transform: uppercase;}
#options-affichage-liste {background-image: url(/images/bg-options-affichage.png); background-position: left center; background-repeat: repeat-x;}


.vignette-stage {border-radius: 3px; box-shadow: 3px 3px 5px #ddd; padding-left: 0px; padding-right: 0px; margin: 0 7px 17px 7px;}
.vignette-stage .theme-stage {font-size: 12px; padding: 10px 0;}
.contenu-vignette-stage {border-left: 14px solid; border-top-left-radius: 3px; padding-left: 10px; height: 180px; position: relative;}
.contenu-vignette-stage p {font-size: 11px; margin-left: 10px; margin-bottom: 0;}
.contenu-vignette-stage h5 {font-size: 14px; margin-left: 10px; margin-bottom: 0;}
.vignette-message {background-color: #dd0029; color: #FFF; border: none; padding: 40px 0 0 0; position: relative;}
.vignette-message a.btn-afar {background-color: #e01a3f; color: #FFF; position: absolute; bottom: 0; border-top: 0.5px solid #FFF; border-radius: 0;}
.vignette-message .contenu-vignette-stage {border: none; /*height: 165px;*/ }
.vignette-message .contenu-vignette-stage p {font-size: 0.8em; margin-left: 0;}
.infos-stage {color: #666666; font-size: 12px; margin-left: 30px; position: absolute; bottom: 0; width: 95%; }
.infos-stage .col-4 {padding-left: 0;}
.footer-vignette-stage {background-color: #fafafa;}
.footer-vignette-stage a {line-height: 37.5px;}

.vignette-stage .date_jda {font-size: 16px; padding: 10px 0;}

#affichage-liste .vignette-stage, #affichage-liste .contenu-vignette-stage, #recherche_vide .vignette-stage, #recherche_vide .contenu-vignette-stage  {height: auto;}
#affichage-liste .vignette-stage .theme-stage {padding: 10px 0 0 0;}
#affichage-liste .contenu-vignette-stage p {margin-left: 0px; padding-bottom: 14px;}
#affichage-liste .infos-stage {position: relative; margin: 0; background-color: #fafafa; padding: 14px; }
#affichage-liste .vignette-message, #recherche_vide .vignette-message {padding: 0;}
#affichage-liste .vignette-message a.btn-afar, #recherche_vide .vignette-message a.btn-afar {position: relative; border: none; border-left: 0.5px solid #FFF; height: 100%;}



.ico_programmeQ {font-size: 48px; color: #dd0029;}
.sep-gauche-rouge {border-left: 1px solid #dd0029;}
.sep-gauche-noir {border-left: 1px solid #000;}

/* page de recherche */
#legende-nb-resultat {color: #6e6e6e;}

/* FIche formation */
.infos-fiche-stage {border-left: 15px solid #000; font-size: 14px;}
.infos-fiche-stage h3 {font-size: 14px;}
.infos-fiche-stage h1 {font-size: 20px;}
.infos-fiche-stage hr {border-color: #000;}
.infos-fiche-stage label {color: #dd0029; display: table-cell; width: 80px;}
.infos-fiche-stage label i {width: 15px;}
.infos-fiche-stage .info-detail {display: table-cell; }
.infos-fiche-stage p {margin-bottom: 0;}

#partages {font-size: 24px;}
#partages .favoris {font-size: 12px; color: #4d4d4d; line-height: 14px;}
#partages .favoris a {padding-top: 10px; display: inline-block; width: 70px;}
#partages .favoris .ico {width: 30px; float: left; line-height: 45px; color: #4d4d4d;}
#description-formation h5 {font-size: 14px; font-weight: bold;}
#description-formation h5 i.fas {color: #dd0029; font-size: 30px; padding-bottom: 20px; display: flex;}
/*#description-formation .row {border-bottom: 1px solid #ccc;}*/
#description-formation ul, #description-formation ol {margin: 0; padding: 0;}
#description-formation ul li {list-style-type: none;}
#description-formation ul li i.fas {color: #dd0029;}
#description-formation .ico-rubrique {color: #dd0029; width: 45px; float: left;}

#bloc-renseignements {font-size: 12px;}
#bloc-renseignements h5 {text-align: center; color: #dd0029; text-transform: uppercase; font-weight: lighter; font-size: 18px;}
#bloc-renseignements button {width: 60px;}


.lSSlideOuter {padding: 0 20px;}
.lSSlideWrapper {position: relative;}
.lSAction .lSPrev {position: absolute; left: -30px;}

#stages-phares-list .lSSlideOuter {padding: 0px;}
#stages-phares-list .slider_phares {margin: 0 0 0 20px;}
#stages-phares-list .slider_phares li.lslide {padding-right: 40px;}

#carouselCertifications .carousel-inner {width: 80%; margin: 0 auto;}
#carouselClients .carousel-inner {width: 80%; margin: 0 auto;}

.image_actu {position: relative;}
.image_actu img {border-radius: 5px; }
.image_actu h5 {position: absolute; bottom: 10px; left: 0px; padding: 5px 15px; background-color: #dd0029; color: #FFF; display: inline;}

.production_audio .paragraphe{border-bottom: 1px solid #b8b8b8;}
.production_audio:last-child .paragraphe{border-bottom: none;}

#message_cookie {position: fixed; bottom: 0; background-color: rgba(255, 255, 255, 0.8); width: 100%; border-top: 1px solid #dd0049; z-index: 255;}
@media (max-width: 992px) {
	#message_cookie .btn {font-size: 10px;}
	#message_cookie .container {padding-left: 10px; padding-right: 10px;}
	#message_cookie .h5 {display: block;}
}

/*
@media (min-width: 768px) {

    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

}*/


/* Espace stagiaire */
#espace-stagiaires .modal .modal-header {background-color: #dd0029; color: #FFF;}
#espace-stagiaires .modal .modal-header h5 {font-weight: bold; margin-bottom: 0;}
#espace-stagiaires .btn {border-radius: 8px;}
#espace-stagiaires #lib_question {color: #dd0029; font-weight: bold; font-size: 1.5rem;}

#infos_stagiaire {color: #313131; font-size: 12px;}
#infos_stagiaire strong {vertical-align: super;}
#infos_stagiaire .form-check-label {margin-left: 10px;}
#btn-deconnexion-stagiaire {margin-top: -15px;}
.ico-label {color: transparent; width: 0px; height: 25px; width: 30px; font-size: 0; margin: 0;}
.ico-label::before {content:''; display: inline-block; width: 20px; height: 20px; }
.ico-user-label::before {background: transparent url(/images/user.png) center no-repeat; background-size: contain;}
.ico-mail-label::before {background: transparent url(/images/mail.png) center no-repeat; background-size: contain;}

.liste-formations {background-color: #ededed; border-radius: 5px; margin-bottom: 40px; padding-bottom: 10px;}
.liste-formations h2 {text-transform: uppercase; font-size: 1.5rem; font-weight: bold; color: #FFF; line-height: 3rem; border-radius: 5px; padding: 0 20px;}
.liste-formations-en-cours h2 {background-color: #dd0029;}
.liste-formations-passees h2 {background-color: #4d4d4d;}
.liste-formations .ligne-stage {position: relative; font-size: 14px;}
.liste-formations .detail-formation {background-color: #FFF; padding: 8px 0;}
.liste-formations .detail-formation .ico-illustration {display: inline-block; vertical-align: top;}
.liste-formations .detail-formation a label {max-width: calc(100% - 40px); vertical-align: bottom; margin-bottom: 0; color: #7d7d7d; cursor: pointer;}
#accordionDocs .btn-link {color: #000;}
.ligne_response input[type=checkbox] {vertical-align: top; margin-top: 5px;}
.ligne_response label {margin-left: 10px; max-width: 95%;}
#menu_questions {padding-left: 0px;}
#menu_questions a {color: #4d4d4d; font-size: 0.8rem; transition: all 0.2s; cursor: pointer; display: inline-block;}
#menu_questions a.current {color: #dd0029; font-size: 1.1rem; font-weight: bold; transition: all 0.2s;}
#menu_questions a li {list-style-type: none; display: inline-block; margin-right: 15px; }
#menu_questions a li::before {content: "\f111"; font-family: "Font Awesome 5 Free"; display: inline-block; width: 20px;}
#menu_questions a li.menu_check::before {content: "\f058"; font-family: "Font Awesome 5 Free";}

#objectifs_synthese {list-style-type: none;}

.bonne_reponse {text-decoration: underline;}

ul.list-download li {list-style-type: none; }
ul.list-download li .fa-file-pdf {color: #dd0029;}

#deroulement h2 {text-transform: none; font-weight: bold;}
#deroulement h3 {font-size: 14px; text-align: center; color: #4d4d4d;}
#deroulement .img-deroulement {max-width: 40%; width: 64px; margin: 10px auto;}

#entete_recrutement {min-height: auto;}
#recutement_pedagogie h3 {color: #dd0029; text-transform: none; font-size: 18px;}
#qsn_chiffres h5 {font-size: 14px; font-weight: bold; color: #4d4d4d;}
#qsn_chiffres .illustration-chiffres {position: relative; height: 95px; margin-bottom: 15px;}
#qsn_chiffres .illustration-chiffres img {position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#qsn_chiffres .desc-chiffres p {line-height: 1em; font-size: 14px;}
#preparer .embed-container {padding-bottom: 150%;}