@charset "UTF-8";

.container-bilboard { overflow: visible; }

/* ** Liens */
a { color: #000; text-decoration: none; }
a:hover, a:active, a:focus { color: #d38312; text-decoration: underline; }
a.souligner { text-decoration: underline !important; }
.col-contact a, #projets-slides a, .sous-menu a, /*.social a, #footer a,*/ a.button, a.prev, a.next, a.close { background: none; }
a.button { text-decoration: none; }
.criteres a.button { color: white; }
#moncompte a, #moncompte a:visited { color: white; text-decoration: none; }
#moncompte a:hover, #moncompte a:active, #moncompte a:focus { text-decoration: underline; background: none; color: #D2D2D2; }

/* ** Styles utilisés dans les contenus des articles ou pour la mise en page */
.agauche, .txt-left { text-align: left !important; }
.adroite, .txt-right { text-align: right !important; }
.aucentre, .aucentre *, .txt-center { text-align: center !important; }
.aucentre iframe { display: block; margin: auto; }
iframe { max-width: 100%; }
.gauche { float: left !important; }
.droite { float: right !important; }
.centre { margin-right: auto; margin-left: auto; }
.nettoyeur, .efface { clear:both; }
.puce { margin-left: 25px; }
.clearb { clear: both; }
.encart, .encart-gris, .encart-rouge {
    clear: both;
    margin: 0 auto;
    padding: 10px 12px;
    margin-left: 10%; margin-right: 10%;
}
.encart, .encart-gris { background-color: #e8e8e8; border: 1px solid #c4c2c3; }
.encart-rouge { background-color: #D74E4E; border: 1px solid #AE2E38; color: white; }
.retrait1 { margin-left: 25px; }
.retrait2 { margin-left: 50px; }
blockquote.spip { font-weight: bold; padding-left: 50px; }
#contenu h4 { padding-bottom: 5px; border-bottom: 1px solid #b0abab; color: #333333; }
#contenu h5 { font-size: 16px; color: #333333; text-align: center; }
p.space { height: 30px; display: block; }
.pull-right { max-width: 100%; }
.pull-bottom { position: absolute; bottom: 0; }
.img-left { float: left; padding-right: 20px; }
.height100 { height: 100%; }
.flex1 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.margin { margin-left: 15px; margin-right: 15px; }
.width1 { width: 1%; }
.titre { font-weight: bold; text-transform: uppercase; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.upper { text-transform: uppercase !important; }
/* .inline => voir "Autres" */
.ref { margin-top: 25px; }
.mref { margin-top: 10px; }
.bloc { padding-left: 15px; padding-right: 15px; }
.bloc-texte { padding: 10px; }
.hn { margin-top: 20px; margin-bottom: 10px; }
.nowrap { white-space: nowrap; }
.no-padding { padding-left: 0; padding-right: 0; }
.nopadding { padding:0px !important; }
.padd10 { padding:10px; }
.padd15 { padding:15px; }
.nomargin { margin:0px !important; }
.alert.alert-grey, .alert.alert-gray { color: #666; border-color: #D2D2D2; background-color: #E5E5E5; }
.alert.alert-success { background-color: #3c763d; color: white; }
.alert.alert-danger { background-color: #a94442; color: white; }
.picto-big { font-size: 1.4rem; padding-right: 5px; }
#page_inscription_suite .picto-big.ion { font-size: 1.6rem; }
#page_inscription_suite #contenu { min-height: 590px; }
.logo_entreprise { max-height: 100px; margin-top: 10px; }
.icon-formation .logo_entreprise, .icon-formation-big .logo_entreprise { margin-top: 0; }
small { display: inline; font-size: 0.8em; }
th > small + input { display: inline !important; }
.margin0 { margin: 0 !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; }

/* ** Couleurs de texte */
.red { color: red; }
.orange { color: orange; }
.green { color: green; }
.black { color: black; }
.white { color: white; }

/* ** row-eq-height (permet de faire des colonnes de même hauteur) */
.row-eq-height { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.row-eq-height > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.row-eq-height > div > div.panel {
	height: 100%;
	display: -webkit-box; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;
}
/* Correction d'un bug d'affichage spécifique à IE10 */
@media all and (-ms-high-contrast:none){
    .row-eq-height > div > div.panel { height: auto; display: block; } /* IE10 */
    *::-ms-backdrop, .row-eq-height > div > div.panel { height: 100%; display: flex; } /* IE11 */
}
/* Correction d'un bug d'affichage de Safari (comportement différent de IE) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.row-eq-height > div > div.panel { height: auto; }
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.row-eq-height > div > div.panel { height: 100%; }
}

.row-eq-height .clearfix { width: 100%; }
.row-eq-height .pull-bottom, .row-eq-height .pull-middle { margin-top: auto !important; max-width: calc(100% - 30px); }
.row-eq-height .pull-bottom { margin-bottom: 0 !important; }
.row-eq-height .pull-middle { margin-bottom: auto !important; }

.col-xs-25, .col-sm-25, .col-md-25, .col-lg-25 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 1200px) { .col-lg-25 { float: left; width: 20%; } }
@media (min-width: 992px) { .col-md-25 { float: left; width: 20%; } }
@media (min-width: 768px) { .col-sm-25 { float: left; width: 20%; } }
.col-xs-25 { width: 20%; }

/* ** Animation premier bloc HP */

/* ** Panel */
.panel .btn { text-transform: none; }
.panel li { word-break: break-word; }
.panel-bottom { position: absolute; bottom: 8px; }
.panel .panel-footer { width: 100%; }
.panel-grey { border-color: #ddd; }
.panel-grey>.panel-heading { background-color: #ddd; border-color: #ddd; color: #333; }

/* ** Boutons */
.btn-transparent, .btn-yellow {
    display: block !important;
    margin-top: 8px !important; margin-bottom: 8px !important;
    text-transform: uppercase; outline: none;
    border-radius: 0px !important;
    color: black !important;
	max-width: 100%; white-space: normal;
	padding: 8px 12px !important;
}
.btn-transparent { background-color: transparent !important; border: 2px solid black !important; }
.btn-transparent .glyphicon { padding-right: 8px; }
.btn-yellow { background-color: #FFD25F !important; border: 2px solid transparent !important; }
.btn-large { width: 100%; }
.btn-bottom { margin-top: auto !important; margin-bottom: 0px !important; }
.btn { position:relative !important; transition: 0.5s; cursor: pointer; -webkit-transition: 0.5s; z-index: 1; }
.btn-transparent:hover, .btn-yellow:hover, .btn-contact:hover { border: 2px solid transparent !important; }
.btn-transparent::before, .btn-transparent::after, .btn-yellow::before, .btn-yellow::after, .btn-contact::before, .btn-contact::after {
    z-index: 3; content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    transform: scale(0); -webkit-transform: scale(0); -webkit-transition: 0.5s; transition: 0.5s;
}
.btn-transparent::before, .btn-yellow::before, .btn-contact::before {
    border-bottom: 2px solid white !important; border-left: 2px solid white !important;
    -webkit-transform-origin: 0 100%; transform-origin: 0 100%;
}
.btn-transparent::after, .btn-yellow::after, .btn-contact::after {
    border-top: 2px solid white !important; border-right: 2px solid white !important;
    -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%;
}
.btn-yellow::before, .btn-yellow::after, .btn-transparent::before, .btn-transparent::after { top: -2px; right: -2px; bottom: -2px; left: -2px; }
.btn-yellow::before, .btn-yellow::after, .btn-white::before, .btn-white::after, .btn-contact::before, .btn-contact::after { border-color: black !important; }
#moncompte .btn-white::before, #moncompte .btn-white::after { border-color: white !important; }
.btn-transparent:hover::after, .btn-transparent:hover::before, .btn-yellow:hover::after, .btn-yellow:hover::before,
.btn-contact:hover::before, .btn-contact:hover::after { -webkit-transform: scale(1); transform: scale(1); }
.btn-titre { position: absolute !important; top: 0; right: 15px; }
.btn-white { color: white !important; border-color: white !important; }
.btn-recherche:hover, .btn-recherche:active, .btn-recherche:focus { border: 2px solid black; }
.btn-contact:hover, .btn-contact:active { color: white; }
.btn-backblack { background-color: #000 !important; }

/* ** Forms */
input, textarea, select { color: black; }
button[disabled], html input[disabled] { color: #676464; cursor: not-allowed; }
	/* On ne peut pas regrouper les instructions pour placeholder */
::placeholder { color: #666 !important; }
::-webkit-input-placeholder { color: #666 !important; }
:-moz-placeholder { color: #666 !important; }
::-moz-placeholder { color: #666 !important; }
:-ms-input-placeholder { color: #666 !important; }
::-ms-input-placeholder { color: #666 !important; }
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%; max-width: 100%;
    height: 40px;
    margin-bottom: 0; -ms-touch-action: manipulation; touch-action: manipulation; font-weight: 400;
}
.custom-file-control {
	position: absolute;
	top: 0; right: 0; left: 0;
	z-index: 5; pointer-events: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.custom-file-control::before {
    content: attr(data-label);
    position: absolute;
    top: -2px; right: -2px; bottom: -2px;
    z-index: 6;
    display: block; cursor: pointer;
}
.custom-file-control::after { content: attr(data-before); display: block; height: 36px; line-height: 36px; text-align: left; }
.custom-file-input { width: 100%; max-width: 100%; height: 40px; margin: 0; filter: alpha(opacity=0); opacity: 0; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; }
.custom-file-control, .custom-file-control::before { height: 40px; padding: 0 10px; line-height: 36px; background: white; border: 2px solid #000; color: #666; }
.select_header {
    border: 2px solid #000;
    width: 100%;
    display: block;
    margin-top: 10px; margin-bottom: -10px; border-bottom: 0;
    text-align: left;
    position: relative;
    padding: 2px 10px;
    user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: default;
}
.select_header::before { border-left: 2px solid #000; position: absolute; right: 28px; top: 0; bottom: 0; content: ""; }
.select_header::after {
    display: inline-block; position: absolute; content: "";
    height: 5px;
    border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent;
    top: 0; bottom: 0; right: 10px;
    margin: auto;
}
fieldset { border: 1px solid silver; margin-top: 10px; }
fieldset legend { width: auto; padding-left: 5px; padding-right: 5px; border-bottom: none; text-align: center; }

/* ** Form "IFSB" */
.form-ifsb label { margin-top: 5px; margin-bottom: 5px; }
.dataTables_wrapper input, .dataTables_wrapper select { width: auto !important; border: 1px solid #ccc !important; margin: 0; margin-top: 0 !important; }
.form-ifsb input[type="checkbox"] + label, .form-ifsb input[type="radio"] + label {
	color: black; margin-left: 30px; font-weight: 400; position: relative;
}
.form-ifsb input[type="checkbox"], .form-ifsb input[type="radio"] {
	/* On le laisse affiché mais invisible car sinon le message d'erreur si non rempli ne sera pas affiché */
	width: 16px; height: 16px; /* On garde une taille de 16px pour Chrome (règle qui fonctionne pour Chrome mais pas les autres navigateurs) */
	/* Décalage de -16px pour contrer la hauteur du input invisible, sur tous les navigateurs */
	margin-top: -16px !important; margin-left: 0; margin-right: 0; margin-bottom: 0;
	position: relative; display: block;
	top: 25px; left: 5px;
	pointer-events: none;
	opacity: 0;
}
.form-ifsb input[type="checkbox"] + label::after, .form-ifsb input[type="radio"] + label::after {
    left: -30px;
    position: absolute;
    color: black;
    font-size: 1.1rem;
    width: 20px; height: 20px;
    line-height: 18px;
    content: "";
    border: 2px solid black;
    cursor: pointer;
}
.form-ifsb input[type="checkbox"]:checked + label::after, .form-ifsb input[type="radio"]:checked + label::after { content: "✔"; padding-left: 2px; }
#form_inscription_particulier, #form_inscription_entreprise { display: none; }
.form-warning { border: 2px solid red !important; }
#err_form, .err_form { color: red; }
/*input[data-recherche], input.data-recherche {
	height: 33px; width: 100%;
	float: right;
	max-width: 600px;
	border: 1px solid black !important;
	background-image: url('../img/header-recherche.png');
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 30px !important;
}*/

/* ** Bloc recherche */
.input-recherche-header { padding: 6px 10px !important; }
.bloc-recherche .social { position: absolute; top: 10px; right: 25px; }
.bloc-recherche .social img { opacity: .7; height: 30px; width: auto; }
.bloc-recherche .social-fb { margin-left: 0px; }
.bloc-recherche .social-li, .bloc-recherche .social-yt { margin-left: 10px; }
.bloc-recherche .search { margin-top: 85px; }
.bloc-recherche .search > div { margin: auto; }
.bloc-recherche .search input:not([type="checkbox"]), .bloc-recherche .search button { height: 60px; text-transform: uppercase; }
.bloc-recherche .form-ifsb input[type="checkbox"] + label { margin-bottom: 5px; }
.bloc-recherche .search button { width: 60px; margin-left: 2px !important; margin-top: 0px !important; color: black; }
.bloc-recherche .glyphicon-search::before { font-size: 1.9rem; font-weight: 100; }
.bloc-recherche .criteres { text-align: right; text-transform: uppercase; padding-right: 68px !important; margin-top: 8px !important; }
#page_recherche_formation .bloc-recherche { background: none; }
#page_recherche_formation .bloc-recherche .search { margin-top: 25px; }
.page_recherche_formation:not(.page_sdomaines) .navbar-all .navbar-header { /*top: 0;*/ left: 15px; }
.page_recherche_formation:not(.page_sdomaines) .social { margin-top: 0; }
	/* On ne peut pas regrouper les instructions pour placeholder */
.bloc-recherche .search input::placeholder { color: black !important; font-weight: bold; font-size: 1.2rem; }
.bloc-recherche .search input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: black !important; font-weight: bold; font-size: 1.2rem; }
.bloc-recherche .search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: black !important; opacity: 1; font-weight: bold; font-size: 1.2rem; }
.bloc-recherche .search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: black !important; opacity: 1; font-weight: bold; font-size: 1.2rem; }
.bloc-recherche .search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: black !important; font-weight: bold; font-size: 1.2rem; }
.bloc-recherche .search input::-ms-input-placeholder { /* Microsoft Edge */ color: black !important; font-weight: bold; font-size: 1.2rem; }
.bloc-recherche-spip > div { margin-right: 0; }

/* ** Formulaire recherche */
/*
.formulaire_recherche { border: 1px solid black; max-width: 100%; }
.formulaire_recherche .input-group, .formulaire_recherche .input-group-btn { display: inline; white-space: nowrap; }
.formulaire_recherche .input-group input, .formulaire_recherche .input-group button { height: 30px; border: none !important; background: none; }
.formulaire_recherche .input-group input { width: 10em !important; margin-top: 0 !important; padding-left: 5px; }
.formulaire_recherche .input-group input:focus { outline: 0; }
.formulaire_recherche .input-group input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; }
.formulaire_recherche .input-group button { font-size: 1.6rem; padding: 6px; padding-left: 0; margin-left: -4px; width: auto !important; }
.formulaire_recherche .input-group button .glyphicon { top: -3px; }
.formulaire_recherche .btn, .formulaire_recherche .btn::before, .formulaire_recherche .btn::after,
.formulaire_recherche .btn:focus, .formulaire_recherche .btn:active { border: none !important; outline: 0; }
.table-recherche { width: 100%; }
.table-recherche td, .table-recherche th { padding: 5px; }
.table-recherche th { border-bottom: 1px solid #333; }
#page_recherche_formation #resultats_container { overflow: hidden; }
#page_recherche_formation .bloc-domaine label { padding-right: 8px; }
*/

/* ** Résultats de recherche */
#premiers_resultats table { background: #E5E5E5; border: 2px solid #333; margin-top: 5px; width: 100%; }
#premiers_resultats td, #premiers_resultats th { text-align: left; padding: 5px; }
#premiers_resultats th { font-weight: bold; }

/* ** Navbar et sous-menu */
.sb-slider { max-height: 100%; height: 100%; }
.sb-slider > li { height: 100%; }
.sb-slider img { min-height: 100%; width: auto; max-width: none !important; /*margin-left: 50%; transform: translateX(-50%);*/ }
.triangle {
    display: none;
    background-color: transparent;
    z-index: 5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAMAAAA4a6b0AAADAFBMVEX///8VFRUAAAAcHBwlJSUtLS00NDQBAQE9PT1HR0dRUVFdXV1qamp1dXWEhISFhYVnZ2daWlpNTU1DQ0M3NzcvLy8CAgInJycfHx8XFxcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACDkBSDYxQAAAAAAAAAAAAAAACECKSECKQAAwcAAQAAAwAAAQCDezwAAACD6oQAAAAAAAAAAAYAAAAAAAAAAAAAAAAAAAAAAAAAAWIAAJwAAA0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/wAAAAoAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQQAAGsAAACDs0SDs0QADOhwYUNub2kAAAl0cE9zaW0LAKlkYVJyR28IcHVhTUdsZXVmZUwDEAICcG9pVwUDaHRIBgBoZ2kApQNwYUNub2kAABVhUCB0dGVwbyBpbWllqcNJCSBJbWV4ZWRJDQVzbWVydFNzZ244CgZ1b2NydWUxCwZvYyB1ZWwLBnNjIDJlbHUGc3IgNDZsdW9zcnUyMQxvYyB1ZWwMBnMgNjVsdW9zcnVhVAhkck8AAnJDbk9rY2lHUgeDtECDtEAAC+xvQmtCQwtmZmlvaXNlTAQQAnRwb1QFALh0ZGkAyQNpZUgCdGhhQwdvaXRECQZ1ZmZub2llaENkZWt0UwUHZXRDYmNrY2VUCGRyT2ICcmU2EPRXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAHFJREFUeNp1z+cOgCAMRlH8HHXhnu//oooSwmj7i/TkQlBKmEwECJBDkAKClBCkAoiVGuCb5isolRbgmw6C9OYmTrTbRzKYl4mREeAb/QIrE8JxMEOQJXjDkzUBKxsl8Mt++B/x5AQDRi67TprbnuLmAREYA9+Y6wizAAAAAElFTkSuQmCC);
    background-repeat: no-repeat; background-position: center center;
    position: absolute;
    top: -24px; left: 20px;
	height: 24px; width: 24px;
}
.nav li a { border-radius: 0; }
.navbar-all .navbar-toggle { display: block !important; }
.navbar-all .navbar-header { position: absolute; z-index: 4; top: 30px; left: 30px; }
.navbar-default .navbar-toggle { background-color: black; background-repeat: no-repeat; background-position: center; border-color: #333; width:44px; height:34px; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus { background-color: #fff; background-repeat: no-repeat; background-position: center; }
.navbar-default .navbar-toggle.navbar-moncompte { background-image:url(../img/menu-compte-formation.png); }
.navbar-default .navbar-toggle.navbar-moncompte:hover, .navbar-default .navbar-toggle.navbar-moncompte:active, .navbar-default .navbar-toggle.navbar-moncompte:focus { background-image:url(../img/menu-compte-formation-over.png); }
.txt-bandeau h2 { font-size: 1.1rem; margin-top: 0; margin-bottom: 0; line-height: inherit; }
.header-link { margin-top: 18px; }
header.header-compte { background-color: #454545; color: white; margin-bottom: 15px; }
header.header-compte #nav .nav > li > a, #header.header-compte a, header.header-compte #var_lang { color: white; }
header.header-compte #var_lang option { color: black; }
header.header-compte #premiers_resultats a { color: inherit; }
header.header-compte #formulaire_recherche, header.header-compte #formulaire_recherche_formation { background-color: white; color: black; }
.navbar-header > .compteur_notifs { background-color: white; border-radius: 50%; border: 2px solid black; color: black; position: absolute;
	z-index: 2; text-align: center; left: -12px; top: -2px; height: 24px; max-height: 24px; width: 24px; max-width: 24px; overflow: hidden;
	user-select: none; font-size: .95rem; padding-top: 1px;
}

/* ** Page sommaire */
#page_sommaire .bloc-titre { text-transform: uppercase; }
#page_sommaire .bloc-titre { margin-top: 40px; margin-bottom: 16px; }
#page_sommaire .bloc-titre:first-child { margin-top: 60px; }
#page_sommaire .bloc-recherche .form-ifsb input.input-recherche { margin-top: 0 !important; padding-left: 60px !important; }
#page_sommaire .bloc-recherche .search input {
    background-image: url('../img/backg-rechercher.png');
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 60px;
    color: black;
}
#page_sommaire [class*="col-"] > [class*="bloc-hp"] { margin-left: -15px; margin-right: -15px; }
/* Correction bug 15px à droite sur mobile */
#page_sommaire .container-bilboard .bloc-recherche > .row { margin-left: 0; margin-right: 0; }
#page_sommaire .container-bilboard .bloc-recherche > .row > [class*="col-"] { padding-left: 0; padding-right: 0; }
#page_sommaire .container-bilboard .bloc-recherche > .row > [class*="col-"] > [class*="bloc-hp"] { margin-left: 0; margin-right: 0; }
#page_sommaire .container-bilboard .bloc-hp-header-left .bloc-hp-cache { right: 0; }
#page_sommaire .innovation > div, #page_formation .innovation > div > div {
    padding-left: 20px;
    background-image: url("../img/backg-innovation.png"); background-position: top left; background-repeat: no-repeat;
}
#page_sommaire .bloc-recherche .notifs_centrale { z-index: 3; top: -40px; }
#page_sommaire .bloc-recherche .notifs_centrale .alert-notifs { padding: 15px 40px; }
#page_sommaire .bloc-recherche .notifs_icons {
	position: absolute;
	top: 32px; right: -90px;
	color: black;
}
#page_sommaire .bloc-recherche button[type="submit"] { background-clip: padding-box; }

/* ** Page formation */
#page_formation .innovation > div > div { width: 286px; max-width: 100%; }
.page_formation .titre-banniere { color: #555; font-size: 1.3rem; font-weight: bold; text-align: left; padding: 0px 30px; }

/* ** Page recherche formation */
#page_recherche_formation .menu { margin-top: 20px; }
#page_recherche_formation .bloc-recherche .search button { width: auto; }

/* ** Page inscription */
#page_inscription form { text-align: left; }
#page_inscription form .small { text-align: center; }
#page_inscription input[type="number"] { width: 100px; }

/* ** Page inscription sessions */
.popup-inscrits, .popup-inscrits2 {
	padding: 10px;
	border: 2px solid black;
	background-color: white;
	position: absolute;
	top: 66px; right: 0;
	z-index: 3;
}
.drag-drop { cursor: pointer; font-size: 1.6rem; }
.move-explication { margin-bottom: 20px; }
.move-explication img { float: left; margin-right: 20px; }
.move-explication div { margin-top: 15px; }
.picto-inscription { max-width: 32px; max-height: 32px; }
.modal .drop-img { max-width: none; max-height: none; }

/* ** Mon compte */
#moncompte { position: absolute; left: 15px; right: 15px; top: 100%; z-index: 6; background-color: black; color: white; padding: 20px; }
#moncompte ul { list-style: none; }
#moncompte .moncompte_top { text-transform: uppercase; }
#moncompte .moncompte_top h3 { display: inline; }
#moncompte .moncompte_top .glyphicon-menu-left { float: left; font-size: 1.6rem; padding-right: 25px; margin-top: 10px; }
#moncompte .moncompte_top .ion-android-close { float: right; font-size: 1.6rem; padding-left: 25px; }
#moncompte .moncompte_left { font-size: 1.2rem; padding-left: 20px; padding-right: 15px; margin-right: -1px; border-right: 1px solid #949494; }
#moncompte .moncompte_left input, #moncompte .moncompte_left button { width: 100%; }
#moncompte .moncompte_left span.glyphicon,
#moncompte .moncompte_left span.ionicons,
#moncompte .moncompte_left i.fa { float: left; position: absolute; left: -40px; top: 4px; }
#moncompte .moncompte_left li { margin-top: 10px; margin-bottom: 10px; margin-left: 75px; position: relative; }
#moncompte .moncompte_right { border-left: 1px solid #949494; }
#moncompte table { margin-top: 10px; }
#moncompte th { border-bottom: 1px solid #7E7E7E; font-weight: bold; vertical-align: bottom; }
#moncompte th, #moncompte td { padding: 5px; }
#moncompte table.overview tr > td:nth-child(4) { white-space: nowrap; }
#moncompte table.overview tr > th:nth-child(5), #moncompte table.overview tr > td:nth-child(5) { text-align: center; }
#moncompte .bar { width: 100%; border: 1px solid #7E7E7E; height: 18px; background: transparent; text-align: center; }
#moncompte .bar .bar-green { line-height: 16px; height: 16px; background-color: #86D241; text-align: center; max-width: 100%; }
#moncompte input:not([type="button"]):not([type="submit"]) { border: none; border-radius: 0; padding: 5px 10px; }
#moncompte button > span.glyphicon { float: none !important; position: static !important; left: 0 !important; }
#moncompte h3.titre { margin-top: 0; margin-bottom: 20px; }
#moncompte .moncompte_top > div:first-child { z-index: 1; }
#moncompte_icon { max-width: 80px; width: calc(100% - 48px); }
@media only screen and (max-width : 800px) {
    #moncompte .moncompte_left { padding-left: 20px; padding-right: 20px; }
}

/* ** Slide des projets */
#projets-slides { height: 450px; margin-left: -15px; margin-right: -15px; }
#projets-slides > li {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
    padding: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 25px 5px #c0c0c0; -o-box-shadow: 0px 0px 25px 5px #c0c0c0; box-shadow: 0px 0px 25px 5px #c0c0c0;
    max-width: 80%;
}
#projets-slides > li > div { max-height: calc(100% - 33px); overflow: hidden; }
#projets-slides > li.carousel-top { z-index: 5 !important; }
#projets-slides > li.carousel-top { background: white; }
#projets-slides > li.carousel-prev, #projets-slides > li.carousel-next { background: #ECECEC; }
#projets-slides > li.carousel-prev-2, #projets-slides > li.carousel-next-2 { background: #E5E5E5; }
#projets-slides .suite { margin-top: auto; text-transform: uppercase; text-align: right; }
#projets-slides .suite a { color: black; font-weight: bold; display: table-cell; float: right; }
#projets-slides .suite a > i { vertical-align: bottom; font-size: 1.5em; }
#projets-slides img { padding-top: 8px; background-image: url("../img/projets-top.png"); background-position: top left; background-repeat: no-repeat; }
#projets-slides .carousel-prev-2, #projets-slides .carousel-next-2, #projets-slides .carousel-prev, #projets-slides .carousel-next { cursor: pointer; }

/* ** Bloc agenda */
.bloc-agenda-slides { margin-top: 0px; }
.bloc-agenda-txt { padding-top: 0; }
.bloc-agenda-slides .slick-slide { background-image: url("../img/bloc-agenda-slide.png"); background-repeat: no-repeat; background-position: center; }
.bloc-agenda-slides .slick-track { height: 317px; }
.bloc-agenda-slides .bloc-agenda-slide {
    margin: auto;
    width: 256px !important; height: 300px;
    padding: 36px 10px 20px 10px;
    overflow: hidden;
}

/* ** Bloc news */
.bloc-news-slides > .slick-list { margin-left: 20px; margin-right: 20px; }
.bloc-news-slides.slick-dotted.slick-slider { margin-bottom: 0; }
.bloc-news h3.titre { text-transform: none; }

/* ** Bloc date */
.bloc-date {
    height: 60px; line-height: 24px;
    background-color: #FFD25F;
    font-weight: bold;
    padding-left: 10px; padding-top: 8px;
    margin-top: 10px; margin-bottom: 10px;
}
.bloc-date .pub { display: inline-block; }
.bloc-date .jours-mois { font-size: 2rem; display: block; }
.bloc-date .annee { font-size: 1.29rem; }
.bloc-date .pub + .jours-mois { float: right; margin-right: 15px; }
.bloc-date .pub + .jours-mois + .annee { float: right; clear: both; margin-right: 15px; }

/* ** Bloc interviews */
.bloc-intrws { margin-left: 50px; margin-right: 50px; }
.bloc-intrws .slick-list { padding: 0 !important; width: 100%; }
.bloc-intrws .bloc-intrw { margin-left: auto; margin-right: 10px; position: relative; }

/* ** Bloc chapo */
.bloc-chapo h2 { font-size: inherit; margin-bottom: 0; font-weight: bold; }

/* ** Bloc arbo */
.bloc-arbo { color: #F0AD4E; }
.bloc-arbo strong { color: #000; }

/* ** Explicatif */
.explicatif {
    display: none; position: absolute;
    top: -40px; left: auto;
    opacity: 0;
    text-align: left;
    z-index: 0;
    width: 100%; max-height: 200%;
    overflow: hidden;
}
.explicatif .form-cadre { margin-bottom: 10px; }
.explicatif .titre { margin-top: 10px; }
#domaines-txt-survol, .explicatif {
    background-image: url('../img/bloc-formations-cadre.png'); background-repeat: no-repeat; background-position: top left;
    padding-top: 35px; padding-left: 0px;
}

/* ** Stats HP */
ul.stats { list-style-type: none; text-align: center; }
ul.stats > li {
    display: inline-block;
    text-transform: uppercase;
    padding: 0 36px;
    font-weight: 600; line-height: 33px;
}
ul.stats > li:not(:first-child) { border-left: 1px solid white; }
ul.stats .chiffre { font-size: 2em; }

/* ** Flèches Slick */
.slick-arrow { height: 30px; }
.slick-arrow::before {
    display: inline-block;
    font-family: "Ionicons"; font-style: normal; font-weight: normal; font-variant: normal;
    text-transform: none; text-rendering: auto;
    font-size: 36px; /* invisible avec une taille en em */
    margin-top: 0px;
    color: black;
}
.slick-prev::before { content: "\f3d2"; }
.slick-next::before { content: "\f3d3"; }

/* ** Pagination Slick */
.paginate .slick-dots { top: -25px; right: 25px; bottom: auto; width: auto; }
.paginate .slick-dots > li { width: 46px; height: 5px; padding: 0; background: #D8D8D8; margin-top: 5px; }
.paginate .slick-dots > li.slick-active { background-color: #FFD25F; }
.paginate .slick-dots > li button { display: none; }
.paginate .pagination { position: absolute; margin: 0; top: -35px; right: 95px; }
.bloc-interviews .paginate .slick-dots > li.slick-active { background: white; }

/* ** Pagination SPIP */
.pagination .disabled { display: none; }

/* ** Icônes */
.icon-formation, .icon-formation-big {
	display: inline-block;
	overflow: hidden;
	position: relative;
	background: white;
	width: 36px; height: 36px; font-size: 30px;
	padding-top: 3px;
	text-align: center;
	border-radius: 50%; vertical-align: middle;
	z-index: 2;
}
.icon-formation img, .icon-formation-big img {
	position: absolute;
	left: 50%; top: 50%;
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	width: auto; height: 80%;
	max-width: none; max-height: none;
}
.icon-formation-big { width: 80px; height: 80px; float: left; margin-right: 20px; padding-top: 0; margin-top: -8px; }
.icon-formation::before, .icon-formation-big::before { color: black; }
.icon-yellow-car { background-image: url('../img/car-yellow.png'); background-repeat: no-repeat; background-position: center center; }
.icon-black-car { background-image: url('../img/car-black.png'); background-repeat: no-repeat; background-position: center center; }
.icon-yellow-train { background-image: url('../img/train-yellow.png'); background-repeat: no-repeat; background-position: center center; }
.icon-black-train { background-image: url('../img/train-black.png'); background-repeat: no-repeat; background-position: center center; }
.icon-yellow-man { background-image: url('../img/man-yellow.png'); background-repeat: no-repeat; background-position: center center; }
.icon-black-man { background-image: url('../img/man-black.png'); background-repeat: no-repeat; background-position: center center; }
.icon-lettre:hover, .icon-lettre:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

/* ** Datepicker */
.datepicker-container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; display:flex; }
.datepicker-container div.colInput { max-width: calc(100% - 51px); }
.datepicker-container div.colCalendar { width:51px; height:51px; display: flex; }
#datepicker, #editer_datepicker, #periode_du_dp, #periode_au_dp { z-index: 2; color: #3c83bf; cursor: pointer; margin: auto; padding-top: 10px; }
#datepicker::before, #editer_datepicker::before { font-size: 1.7rem; }
div.ui-datepicker { position: absolute; }
div.ui-datepicker > .ui-datepicker-header select { padding: 3px; border: none; }
.page_stats .ui-datepicker { z-index: 100; top: 20px; }
.page_stats .well { background-color:#fff; }
.page_stats .mini-logo { text-align: left; }
.page_stats .mini-logo img { max-height: 30px; }

/* ** Modal */
.modal-header { background-color: #fff1cc; border-width: 15px 15px 0px 15px; border-style: solid; border-color: white; padding: 0; }
.modal-header h3, .modal-header h4, .modal-header h5 { margin: auto; padding: 5px; }
.modal .modal-content button:not(.btn-large) { width: auto; }
.modal-body { text-align: left; }

/* ** Autres */
form.form-ifsb .dataTables_length select { padding: 5px 10px; }
.btn-notifs { position: absolute; right: 10px; top: 5px; z-index: 10312; }
.rectangle-lien { height: inherit; padding: 0px; }
fieldset hr { margin-top: 0; }
.small-date { color: #A5A5A5; }
div.description { margin-top: 75px; }
div.description .intro-description { text-align: right; font-weight: 600; }
div.description .bloc-hp-txt { padding: 0 0 0 15px !important; border-left: 1px solid white; }
h3.titre { margin-top: 0; margin-bottom: 0; }
.innovation { padding: 20px; }
.innovation:hover, .innovation:active {
    -webkit-box-shadow: 0px 0px 25px 5px #c0c0c0; -o-box-shadow: 0px 0px 25px 5px #c0c0c0; box-shadow: 0px 0px 25px 5px #c0c0c0;
}
.innovation > a > img { width: 100%; margin-bottom: 16px; }
.innovation .small { padding: 5px 0px 10px 0px; }
.aide { padding-top: 10px; margin-top: auto; margin-bottom: auto; text-align: left; }
.aide::before { font: normal normal normal 14px/1 FontAwesome; content: "\f053"; position: absolute; top: calc(50% - 2px); left: -5px; }
.ul-changer_filiale,.ul-switch_compte { display: none; position: absolute; right: 15px; top: 48px; z-index: 12; background: #333; padding: 10px; }
.ul-changer_filiale li a,.ul-switch_compte li a { color:#fff; }

.page_inscription_suite h2 { font-size: 1.6em; }
.btn-switch_compte { margin-top:14px !important; }
.ul-switch_compte { padding:0px; }
.ul-switch_compte li a { display: block; padding: 8px 10px; border-bottom:1px #000 solid; }
.ul-switch_compte li a:hover { background-color: #000 !important; border-bottom:1px #fff solid; }
.ul-switch_compte li a:hover, .ul-switch_compte li a:active, .ul-switch_compte li a:link, .ul-switch_compte li a:visited { text-decoration: none !important; }

.bloc-infos-formation { background-color: #DFDFDF; }
.bloc-acces-formation { background-color: #FFD25F; }
/*.social { color: black; margin-top: 20px; float: right; margin-right: 15px; }*/
.logo-article { padding-right: 0; }
.logo-article img { margin: 0; float: none; }
table.table { text-align: left; }
table.table td, table.table th { border-bottom: none; }
table.table-scroll { max-height: 500px; overflow-y: scroll; }
table.table tr.disabled, table.table tr.disabled td { background-color: #e0e0e0; }
td.nom { text-transform: uppercase; }
td.prenom { text-transform: capitalize; }
.caret.caret-reverse { border-top-width: 0; border-bottom-width: 4px; border-bottom-style: solid; }
.logo-construction21 { width: 167px; }
.picto-fleches { float: left; margin-right: 10px; }
.picto-fleches + h3 { margin-top: 5px !important; line-height: 1.65rem; font-size: 1.3rem !important; }
.page_contact .picto-fleches + h3 { margin-top: 15px !important; }
.brouillon { float: right; background-color: #f0ad4e; color: black; padding: 4px 8px 4px 5px; font-size: .95rem; white-space: nowrap; }
.inline { display: inline-block !important; }
.brouillon img { height: 25px; margin-top: -2px; }
#page_sessions #contenu ul > li { padding-right: 61px; position: relative; }
#page_sessions #contenu ul > li > span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
#page_sessions #contenu ul > li > span, #page_sessions ul > li > a { color: #444; }
#page_sessions #contenu ul > li.txt-annulation > span, #page_sessions ul > li.txt-annulation > a { color: #888; }

.progress_bar { border: 1px solid black; color: black; padding-left: 5px; padding-right: 5px; background: white; }
.progress_bar.progress_1 { background: -webkit-gradient(linear, left top, right top, color-stop(10%, #5cb85c), color-stop(0%, #fff)); background: linear-gradient(90deg, #5cb85c 10%, #fff 0%); }
.progress_bar.progress_2 { background: -webkit-gradient(linear, left top, right top, color-stop(30%, #5cb85c), color-stop(0%, #fff)); background: linear-gradient(90deg, #5cb85c 30%, #fff 0%); }
.progress_bar.progress_3 { background: -webkit-gradient(linear, left top, right top, color-stop(50%, #5cb85c), color-stop(0%, #fff)); background: linear-gradient(90deg, #5cb85c 50%, #fff 0%); }
.progress_bar.progress_4 { background: -webkit-gradient(linear, left top, right top, color-stop(70%, #f0ad4e), color-stop(0%, #fff)); background: linear-gradient(90deg, #f0ad4e 70%, #fff 0%); }
.progress_bar.progress_5 { background: -webkit-gradient(linear, left top, right top, color-stop(90%, #f0ad4e), color-stop(0%, #fff)); background: linear-gradient(90deg, #f0ad4e 90%, #fff 0%); }
.progress_bar.progress_,.progress_bar.progress_6,.progress_bar.progress_7 { background: -webkit-gradient(linear, left top, right top, color-stop(100%, #d9534f), color-stop(0%, #fff)); background: linear-gradient(90deg, #d9534f 100%, #fff 0%); }

.session-titre { background-color: #E5E5E5; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.session-titre strong { font-size: 1.3rem; }
#page_tableau_de_bord table { margin-bottom: 0; }
.row.tbl-line > div { display: -webkit-box; display: -ms-flexbox; display: flex; }
.page_rub_domaines .bloc-chapo, .page_rub_sdomaines .bloc-chapo { font-weight: normal !important; }

/* ** Carrés rubriques */
.carre { padding-bottom: 100%; position: relative; background-color: #E5E5E5; margin-bottom: 20px; }
.carre_content { position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; padding: 10px; overflow: hidden; word-wrap: break-word; }
.carre_content small { height: 56px; display: block; }

/* ** Animations */
@-webkit-keyframes frise-anim {
    from { -webkit-transform: translateX(-200px); opacity: 0; }
    to { -webkit-transform: translateX(0px); opacity: 1; }
}
@keyframes frise-anim {
    from { -webkit-transform: translateX(-200px); transform: translateX(-200px); opacity: 0; }
    to { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
}
.frise-anim {
    -webkit-animation-name: frise-anim; animation-name: frise-anim;
    -webkit-animation-timing-function: linear; animation-timing-function: linear;
    -webkit-animation-iteration-count: 1; animation-iteration-count: 1;
    -webkit-animation-duration: 600ms; animation-duration: 600ms;
    -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
}

@-webkit-keyframes spinner {
    from { -webkit-transform: rotateX(180deg); }
    to { -webkit-transform: rotateX(360deg); }
}
@keyframes spinner {
    from { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
    to { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); }
}
.spinner {
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-animation-name: spinner; animation-name: spinner;
    -webkit-animation-timing-function: linear; animation-timing-function: linear;
    -webkit-animation-iteration-count: 1; animation-iteration-count: 1;
    -webkit-animation-duration: 1s; animation-duration: 1s;
    -webkit-transform-style: preserve-3d; transform-style: preserve-3d;
}
.bloc-agenda-slides .slick-slide:not(.spinner) { -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Chrome flickering hack */
    body .bloc-agenda-slides .slick-slide { transform-style: flat; -webkit-transform-style: flat; -moz-transform-style: flat; -o-transform-style: flat; }
}
.bloc-agenda-slides .slick-slide {
    transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
    -webkit-transform: perspective(2200px) translate(0, 0); transform: perspective(2200px) translate(0, 0);
    -webkit-transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99); transition: all 500ms cubic-bezier(0.1, 0.1, 0.41, 0.99);
}
.bloc-agenda-slides .slick-slide:hover, .bloc-agenda-slides .slick-slide:active {
    -webkit-transform: perspective(2200px) rotateY(25deg); transform: perspective(2200px) rotateY(25deg);
}

@media only screen and (max-width : 1300px) {
	#page_sommaire .bloc-recherche .notifs_icons {
		right: 0px; color: white; z-index: 0;
	}
}

/* ** md */
@media only screen and (max-width : 1199px) {
    .container { width: 95%; }
    #nav .nav > li:first-child > a { margin-left: 0; }
    ul.stats > li { padding: 0 18px; }
    ul.stats > li:first-child { padding-left: 0; }
	ul.stats > li:last-child { padding-right: 0; }
	.triangle { left: 20px; }
    .frise { padding-bottom: 5px; }
	.modal-header .frise { padding-bottom: 15px; }
    .btn-titre { position: relative !important; right: 0; margin-left: auto; margin-right: auto; margin-bottom: 20px !important; }
	#moncompte .btn-titre { position: absolute !important; top: 0; right: 15px; }
	/*
	.footer-section .social img { height: 32px; width: auto; }
	.footer-section .social > a:not(:last-of-type) { margin-right: 10px; }
	.logo-construction21 { width: 115px; }
	*/
	.header-link { margin-top: 0; }
	.header-link a { display: inline-block; text-align: left; margin-left: 10px; margin-right: 0 !important; }
	#moncompte .moncompte_left { padding-left: 0; padding-right: 20px; margin-top: 10px; }
	#moncompte .moncompte_left form { padding-left: 20px; }
	.bloc-intrws .bloc-intrw { width: calc(100% - 140px); }
	/*
	.formulaire_recherche .input-group input { width: auto !important; }
	*/
}

/* ** sm */
@media only screen and (max-width : 991px) {
	#moncompte .moncompte_right { border-left: none; margin-top: 20px; }
	#moncompte .moncompte_left { padding-bottom: 10px; border-bottom: 1px solid #949494; padding-right: 0; margin-right: 0; border-right-width: 0; }
	#nav .nav > li:not(:first-child) > a { margin-left: 15px; }
	.header-link a { display: inline; text-align: left; }
	#header nav { margin-top: 10px; }
    ul.stats > li { font-size: 1rem; }
    ul.stats .chiffre { font-size: 1.8rem; }
    .bloc-domaines .btn-transparent, .bloc-domaines .btn-yellow { font-size: 0.7rem; font-weight: bold; }
    .bloc-domaines .btn-yellow { padding: 10px 6px !important; }
    .bloc-domaines .btn-transparent { padding: 8px 6px !important; }
    #page_article .bloc-diaporama-slides .bloc-diaporama-slide { width: 190px !important; height: 190px !important; }
    #page_article .bloc-diaporama-slides .slick-track { height: 220px; }
	/*
	.footer-section .social img { height: 25px; width: auto; }
	.footer-section .social > a:not(:last-of-type) { margin-right: 5px; }
	*/
	.panel-bottom { position: static; }
	.aide { padding-top: 0; }
	.aide::before { content: ""; }
	.row-eq-height .form-group { margin-bottom: 0; }
	.row-eq-height #datepicker, .row-eq-height #editer_datepicker { margin-right: 15px; }
	.select_header { margin-top: 5px; }
	#header .header-row { margin-top: 20px; margin-bottom: 10px; }
	#moncompte .moncompte_right table.overview th:nth-child(2),
	#moncompte .moncompte_right table.overview td:nth-child(2) { display: none; }
	header #formulaire_menu_lang { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
	.ui-datepicker { left: -225px; }

	/* Drag&drop non dispo sur mobile/tablette */
	.drop-img, .drag-drop, .move-explication, #dataTables-selection-attente th:nth-child(2), #dataTables-selection-attente td:nth-child(2),
	#dataTables-liste-attente th:nth-child(1), #dataTables-liste-attente td:nth-child(1), .drag-drop_el {
		display: none;
	}
}

/* ** xs */
@media only screen and (max-width : 767px) {
	body { padding: 0; }
	/*
		#page_sommaire section.container, footer.container { padding-left: 0; padding-right: 0; }
		.container { width: 100%; max-width: 100%; }
	*/

	header #formulaire_menu_lang { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; }
	header .bloc-recherche-spip > div { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    ul.stats > li { width: 49%; border-left: none !important; padding: 0; line-height: 25px; margin-top: 4px; margin-bottom: 4px; }
    .bloc-recherche .search, div.description { margin-top: 25px; }
    .bloc-titre:first-child { margin-top: 25px; }
    .bloc-recherche .bloc-titre:first-child { margin-top: 50px; }
    .bloc-interviews .btn-titre { margin-bottom: 30px !important; }
    .bloc-intrws .bloc-intrw-photo { display: none; }
    .bloc-intrws .bloc-intrw { width: calc(100% - 25px); }
	.bloc-intrws .bloc-intrw-photo, .bloc-intrws .bloc-intrw-micro, .bloc-intrws .bloc-intrw-texte, .bloc-intrws .bloc-intrw-titre { margin-left: 20px; }
	.paginate .pagination { top: -60px; }

    /* Slides taille en %, 3 affichés et sans animations */
    #projets-slides > li { position: absolute; }
    #projets-slides .carousel-prev-2, #projets-slides .carousel-next-2 { display: none !important; }
    #projets-slides .carousel-top { height: 100% !important; left: 15% !important; width: 70% !important; top: 0% !important; }
    #projets-slides .carousel-prev { left: 0% !important; }
    #projets-slides .carousel-next { right: 0% !important; left: auto !important; }
    #projets-slides .carousel-prev, #projets-slides .carousel-next { width: 30% !important; top: 10% !important; height: 80% !important; }
	#moncompte { margin-top: 0; left: 0; right: 0; }
    .page_contact .bloc-acces { margin-left: 0; }
	#page_article .bloc-diaporama-slides .bloc-diaporama-slide { width: 150px !important; height: 150px !important; }
	#page_article .bloc-diaporama-slides .slick-track { height: 180px; }
	.page_contact .bloc-left-contenu { margin-top: 20px; }
	#page_recherche_formation .bloc-recherche .search .input-group-btn { width: 100%; white-space: normal; display: block; }
	#page_recherche_formation .bloc-recherche .search .input-group-btn button { width: 100%; margin-left: 0 !important; height: 40px; margin-top: 5px; }
	#page_sommaire .bloc-recherche .bloc-titre:first-child { margin-top: 70px; }
	#page_sommaire .header-logo h1, #page_sommaire .header-logo span { display: inline; }
	/*
    .footer-section .social img { height: 32px; width: auto; }
	.footer-section .social { width: 100%; }
	.footer-section .social > a:not(:last-of-type) { margin-right: 10px; }
	.logo-construction21 { width: 100%; max-width: 115px !important; }
    #footer .logo-construction21 { margin-top: 10px; }
	*/
    .panel img { display: block; }
	.panel p, .panel img { text-align: left; }
	.img-left { float: none; display: block; }
	p.space { height: 15px; }
	.bloc-bandeau { min-height: 150px; height: auto; margin-left: -15px; margin-right: -15px; }

    .table-responsive { overflow-x: hidden; border: none; }
    .table-responsive tr { margin-top: 10px; margin-bottom: 10px; display: block; border: 1px solid #333; }
    .table-responsive th { font-size: .95rem; }
    .table-responsive th, .table-responsive td { display: block; }

	#moncompte_icon { display: none; }
	/*#header .logo-ifsb { margin-bottom: 20px; }*/
	#header .header-logo h1, #header .header-logo span { display: none; }
	#formulaire_recherche_formation, #form_recherche_formation .input-recherche-header { width: 100% !important; }
	#domaines-txt-survol { padding-left: 15px; }
	.moncompte_form_body { min-height: 0; }
	#moncompte .moncompte_left form { padding-right: 20px; }
	.page_formation .bloc-intro { margin-left: -15px; margin-right: -15px; }
	.page_formation .bloc-intro-texte { padding: 20px 80px; }
	.page_formation .banniere-formation { top: 0; margin-right: 0; }

	/* Menu mobile */
	#menu_principal-container { width: 100%; }
	#navbar-mobile { float: left; z-index: 1; }
	#menu_principal.navbar-collapse {
		position: absolute;
		width: 100%;
		margin-top: 10px;
		opacity: 1; z-index: 99; overflow: visible; border-color: transparent;
	}
	#menu_principal.navbar-collapse ul.nav {
		background-color: #222222; margin: 0 -15px; border-top: 1px solid #656060; padding-top: 10px;
	}
	#menu_principal.navbar-collapse li > a {
		margin-left: 0 !important; margin-right: 0 !important; padding: 9px 15px; color: white;
	}
	#menu_principal.navbar-collapse li > a:hover, #menu_principal.navbar-collapse li > a:focus, #menu_principal.navbar-collapse li > a:active {
		border-bottom: 0px solid transparent !important; background-color: #080808; color: white;
	}
	#menu_principal.navbar-collapse .triangle { display: none; }
	#menu_principal.navbar-collapse ul.sous-menu { max-width: none; }
	#menu_principal.navbar-collapse ul.sous-menu li > a { padding: 4px 36px; font-size: 1.1rem; }
	.header-link { margin-top: -50px; }
	#premiers_resultats.search-results .tbl-line { border-bottom: 1px solid #c6c6c6; margin-left: 0; margin-right: 0; }
	#premiers_resultats.search-results > .tbl > .row > div:last-child { display: none; }
}

@media only screen and (max-width : 620px) {
    .bloc-domaines .innovation { width: 100%; }
	.bloc-actualite .masque-img { float: none; margin-bottom: 10px; }
}

/* ** xxs */
@media only screen and (max-width : 525px) {
	.col-xxs-12 { width: 100%; max-width: 100%; }
	.col-xxs-9 { width: 75%; max-width: 100%; }
	.col-xxs-6 { width: 50%; max-width: 100%; }
	.container:not(.container-bilboard), .col-xxs-12 { overflow: hidden; }
	.col-xxs-hide { display: none !important; }
	.col-xxs-offset-0 { margin-left: 0; }
	header.container { overflow: visible !important; }

    #header .header-logo { font-size: 1rem; }
    /*.header-link { text-align: left !important; margin-top: 10px; }*/
    .header-link > a { /*display: block;*/ margin-top: 10px; text-align: right; }
    header .formulaire_spip { /*margin-top: 10px;*/ }
    div.description .intro-description { text-align: left; }
    div.description .bloc-hp-txt { padding: 0 15px 10px 15px !important; border-left: none; }
	#premiers_resultats.search-results .tbl-line { margin-left: -15px; margin-right: -15px; }
    .btn-transparent, .btn-yellow { font-size: 0.85rem; }
    .bloc-hp-txt { padding: 15px 25px 15px 25px; }
    .bloc-agenda-txt { padding: 15px; }
    .bloc-agenda-txt .slick-prev { left: -16px; }
    .bloc-agenda-txt .slick-next { right: -16px; }
    .bloc-intrws { margin-left: 15px; margin-right: 15px; margin-top: 10px; }
    .btn-contact { font-size: 1.25rem; }
    .bloc-recherche .social { top: 0; }
    .bloc-intrw { padding-top: 20px; }
    .bloc-intrw-titre { font-size: 1.3rem !important; }
    .bloc-intrw-texte { margin-top: 10px; }
	.bloc-recherche .search input { background-position-x: -12px; padding-left: 40px; }
	.bloc-hp-header { margin-left: -15px; }
	input[type="checkbox"] + label, input[type="radio"] + label { margin-left: 0; }
	ul.stats > li { display: block; margin: auto; width: 100%; margin-top: 5px; margin-bottom: 5px; }

    #moncompte tr:not(:first-child) { margin-top: 10px; margin-bottom: 10px; background: #1B1B1B; display: block; }
    #moncompte th { font-size: .95rem; }
	#moncompte th, #moncompte td { display: block; }
	#moncompte table.overview { width: 100%; }
    #moncompte table.overview tr > th:nth-child(5), #moncompte table.overview tr > td:nth-child(5) { text-align: left; }
    #moncompte table.overview tr > td:nth-child(5)::after { content: " pers. inscr."; }
	#moncompte table.overview tr > td:nth-child(1), #moncompte table.overview tr > td:nth-child(2) { display: inline-block; }
	#moncompte .btn-titre.btn-changer_filiale, #moncompte .btn-titre.btn-switch_compte { position: relative !important; right: 0; margin-left: 0; }


    #nav { margin-top: 10px; }
    #domaines-txt-survol, .explicatif { background-image: none; padding-top: 10px; }
    .page_contact .bloc-contact { margin-left: 0; }
    .rectangle > a > img { margin: auto; }
    .rectangle > a:hover > img, .rectangle > a:active > img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .6s ease; transition: all .6s ease; }
	.rectangle > a:hover, .rectangle > a:active { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: scale(1); transform: scale(1); background: none; }

    #page_formation .bloc-intro, #page_article .bloc-bandeau, .page_contact .bloc-acces, #page_article .bloc-diaporama { margin-left: -15px; margin-right: -15px; }
	#page_formation .banniere-formation { margin-right: 0; }
	#page_sommaire .bloc-titre:first-child { margin-top: 30px; }
    #page_sommaire .slick-prev { left: -15px; }
	#page_sommaire .slick-next { right: -15px; }
	#page_sommaire .header-logo h1, #page_sommaire .header-logo span { display: none; }
	#premiers_resultats.search-results { left: -15px; right: -15px; width: auto; overflow: hidden; }
	#premiers_resultats.search-results > .tbl > .row > .col-xs-1 { width: 16.66666667%; }
	.navbar-default .navbar-toggle { margin-right: 0px; }
	#page_sommaire .bloc-news-slides .slick-slide .masque-img { margin: 10px 0; display: block; float: none; text-align: center; width: 100% !important; }
	#page_sommaire .bloc-projets .carousel-top .texte { line-height: normal; }
	#projets-slides > li { padding: 15px; }
	.page_formation .bloc-left-contenu { padding-left: 0; padding-right: 0; }
	.page_formation .banniere-formation { padding: 0; }
	.page_formation .banniere-formation .element { border-right: #000 0px solid; }
	.page_recherche_formation:not(.page_sdomaines) .form-ifsb .input-recherche { width: calc(100% - 60px) !important; }
	.pagination span.prev::before, .pagination span.prev.disabled + .pages::before { display: block; content: ""; }
	div.dataTables_wrapper div.dataTables_info { white-space: normal !important; }
	.header-link a { display: block; }
	#page_sommaire .header-link, #page_recherche_formation .header-link { margin-top: -100px; }
	#page_recherche .navbar-all .navbar-header { /*top: -20px;*/ }
	.custom-file-control::before { display: none; }
	#page_tableau_de_bord .btn.pull-right { float: none !important; margin-top: 0 !important; margin-bottom: 20px !important; }
	#page_tableau_de_bord #sessions_programmees th:nth-child(4), #page_tableau_de_bord #sessions_programmees th:nth-child(5),
	#page_tableau_de_bord #sessions_programmees th:nth-child(2), #page_tableau_de_bord #sessions_programmees td:nth-child(2),
	#page_tableau_de_bord #sessions_programmees td:nth-child(4), #page_tableau_de_bord #sessions_programmees td:nth-child(5) { display: none; }
	.carre_line { overflow: visible; }
	#page_rubrique .carre_content .logo, .carre_content small { height: auto; }
	#page_rubrique .carre_content .logo { text-align: center; }
	#page_rubrique .carre_content .logo img { position: static; max-width: 100% !important; -webkit-transform: none !important; transform: none !important; }
	.page_rub_sdomaines .bloc-sdomaine { height: 130px; }
	.page_rub_sdomaines .bloc-sdomaine div > p { display: none; }
	.move-explication img { float: none; }
}

/* ** Tailles de texte */
.verybig, #page_sommaire .bloc-titre { font-size: 1.9rem !important; }
.big, ul.stats > li { font-size: 1.4rem !important; }
.medium { font-size: 1.1rem !important; }
.nb_results { font-size: 1.3rem !important; }
.small, .small-date { font-size: .95rem !important; }
.explicatif .medium { font-size: 1.25rem !important; }
.explicatif .small { font-size: 1rem !important; }
.stats-val { font-size: 1.5em; font-weight: bold; padding-top: 0.8em; }
.stats-well .panel { margin:0px; -webkit-box-shadow: none; box-shadow: none; }
.stats-well .panel-default { border-color: transparent; }
.stats-well .panel-footer { border-color: transparent; background-color: transparent; }

.carre_aide a { text-decoration: none; }
.carre_aide .titre { font-size: 1.4em; text-align: left; }
.carre_aide .carre_content small { height:auto; }

@media print {
	.page_formation .bloc-intro { background-color: #72787E !important; }
	.page_formation .bloc-intro > div { width: 100%; }
	.page_formation #contenu > .row:nth-child(2) > div { float: left; padding-left: 15px; padding-right: 15px; width: 100%; }
	.page_formation .bloc-contenu { float: none; page-break-before: always; margin-top: 0; padding-left: 35px; padding-right: 35px; }
	.page_formation .bloc-intro-texte { padding: 20px 60px; }
	.page_formation .bloc-left-contenu { margin-top: 20px; }
	.page_formation .bloc-intro-texte h1 { color: white !important; }
	.page_formation .banniere-formation { width: 100%; }
	.page_formation .banniere-formation, .page_formation .bloc-acces-formation { background-color: #FFD25F !important; page-break-inside: avoid; }
	.page_formation .header-row > div:not(.header-logo) { display: none !important; }
	.page_formation .header-logo { width: 100%; }
	.page_formation a[href]:after { content: ""; }
	.page_formation .bloc-acces-formation, .page_formation .bloc-infos-formation, .bloc-left-contenu { width: 100%; }
	.page_formation .bloc-arbo, .page_formation .bloc-inscription, .page_formation .plus-de-dates, .page_formation .social { display: none !important; }
	.page_formation .bloc-acces-formation > div:nth-last-of-type(-n+3), .page_formation footer, .page_formation .picto-fleches { display: none; }
	.page_formation .bloc-infos-formation { background-color: #DFDFDF !important; page-break-inside: avoid; }
	.page_formation .bloc-contenu h3 { margin-top: 25px; page-break-after: avoid; }
	.page_formation .bloc-contenu div { page-break-inside: avoid; page-break-before: avoid; page-break-after: auto; }
	.page_formation br:nth-child(3n + 3) { display: none; }​
}

.ico-depl { float:right; font-size: 1.3em; font-weight: normal; }
.table-overlay { max-height: 300px; overflow-y: scroll; }
.fancybox-button--share { display:none !important; }

.page_plan_de_formation .table > tbody > tr > td,
.page_plan_de_formation .table > tbody > tr > th,
.page_plan_de_formation .table > tfoot > tr > td,
.page_plan_de_formation .table > tfoot > tr > th,
.page_plan_de_formation .table > thead > tr > td,
.page_plan_de_formation .table > thead > tr > th {
	padding: 4px;
	vertical-align: baseline;
}
.page_plan_de_formation .nbrsal { width: 30px; display: inline-block; }

.page_stats .export_pdf { text-align: right; display: block; cursor: pointer; padding: 3px; font-weight: bold; }
.btn-exp { margin-top: 0px !important; margin-bottom: 2px !important; }

/* Style Btn pour l'inscription */
.selectedBtn { border-color: #FFD25F !important; background-color: #FFD25F !important; }

#page_salaries .modal-content .notifs_icons {
	/*position: absolute;
    top: 0;
    left: -15px;*/
	/*position:relative;*/
}

.imgRemplacement {
	width: 25px;
	margin-left: 20px;
}