@charset "UTF-8";

.h1, .h2, .h3, h1, h2, h3 { margin-top: 0px; margin-bottom: 0px; }
section#contenu { padding-bottom:20px; }

.alert{ padding:10px; margin:10px; }
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#843534}

.bloc-frise { margin-top: 15px; margin-bottom: 15px; }

.col-xs-24 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; width: 20%; }
.col-xs-25 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; width: 20%; }
.col-xs-35 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; width: 30%; }

.nopad { padding-left:0px; padding-right:0px; }
.noleftpad { padding-left:0px; }
.norightpad { padding-right:0px; }
.separateur { margin:100px auto 30px auto; height:1px; border-top:1px #000 solid; width:185px; }
.sepa-marge { margin:50px 0 50px 0; }
.sepa-marge8 { margin:8px 0 8px 0; }

.fstyle-courant { font-family: 'HelvNeue 45L'; }
.fstyle-courant-alt { font-family: 'HelvNeue 57C'; }
.fstyle-valeur { font-family: 'HelvNeue 46LI'; }
.fstyle-valeur-alt { font-family: 'HelvNeue 57CO'; }
.fstyle-titre { font-family: 'HelvNeue BC'; }
.fstyle-titre-alt { font-family: 'HelvNeue 35T'; }

.text-right { text-align:right !important; }
.text-left { text-align:left !important; }
.text-center { text-align:center !important; }
.float-right { float:right !important; margin-left:20px; position: relative; top: 10px; }
.float-left { float:left !important; margin-right:20px; position: relative; top: 10px; }

.higher-zindex{ z-index: 10000000 !important; }

.frise { padding-top:15px; padding-bottom:15px; }
.lien-noir { color:#000 !important; text-decoration: none; }
.lien-noir:hover { color:#d38312 !important; background-color: transparent; text-decoration: none; }

.bloc-hidden { display: none; }
.bloc-recherche {
    z-index: 2;
    /*background-color: #323232;*/
    /*background-attachment: fixed;*/
    color:#fff;
    position: relative;
}
.page_recherche_formation .bloc-recherche { color: #000; margin-bottom:40px; }
.page_recherche_formation .btn-yellow { margin:0px !important; padding:0px 10px !important; display:inline-block !important; }

.btn-flright { float:right; position:relative; }
@media only screen and (min-width : 992px) {
    .btn-flright { float:right; right:0px; top:0px; position:absolute; }
}
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.rectangle { display: block; height: auto; text-align: center; position: relative; }
.rectangle > a > img { opacity: 1; z-index: 3; display: block; transition: all .6s ease; }
.rectangle > a { display: block; margin-bottom: 15px; overflow: hidden; transform: scale(1); transition: all .6s ease; }
.rectangle > a:hover > img, .rectangle > a:active > img { transform: scale(1.25); transition: all .6s ease; }
.rectangle > a:hover, .rectangle > a:active { box-shadow: 5px 5px 20px 0px #656565; transform: scale(1.08); transition: all .6s ease; }

.bloc-arbo { margin-top:20px; text-align: left; }
.bloc-arbo a { color:#000 !important; text-decoration: none; }
.bloc-arbo a:hover { color:#d38312 !important; background-color: transparent; }

.bloc-bandeau { background-color: #666; position: relative; overflow: hidden; height: 400px; }
.bloc-bandeau .img-bandeau { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; height: auto; /*width: 100%;*/ }
.bloc-bandeau img { height: auto; /*width: 100%; min-height: 400px;*/ }
.bloc-bandeau picture { height: auto; /*width: 100%; min-height: 400px;*/ }

ul { text-align: left; }

/*
#header .logo-ifsb { float:left; margin-right: 20px; }
#header [class^="link-"]:not(:last-child) { margin-right: 30px; }
#header [class^="link-"] img { margin-right: 10px; }
#header .link-deconnexion span { margin-right: 5px; }
#header .header-row { margin-top:30px; margin-bottom: 20px; text-align:left; }
#header .header-logo h1, #header .header-logo span { font-size: 1.4rem; line-height: inherit; position:relative; margin-top: 0; margin-bottom: 0; }
#header .header-logo h1 { display: inline; }
#header a { color:#000; }
#header a:hover { color:#F0AD4E; background-color:transparent; }
#header .bloc-recherche-spip { display:block; text-align: right; }
@media only screen and (max-width:525px) {
	#header .bloc-recherche-spip { display:none; }
}
*/

/*
#nav { background-color: transparent; border:none; margin-bottom: 0px; margin-top:20px; min-height: 0px; }
#nav .nav > li > a { font-size: 1.3rem; color: #000; padding:0px 0px 10px 0px; background: transparent; margin-left:20px; margin-right:0px; border-bottom: 2px solid transparent; margin-bottom:0px; }
#nav .nav > li > a:hover, #nav .nav > li > a:active, #nav .nav > li > a:focus { color: #000; border-bottom: 2px #FFD25F solid !important; }
#nav .navbar-collapse { padding:0px; }
#nav .navbar-right { margin:0px; }
#nav .navbar-left li:first-child a { margin-left:0px !important; }
*/

/*
#footer .footer-backgnd { background-image: url(../img/IFSB-batiment-fonce.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
#footer a { color:#fff; }
#footer a:hover { color:#d38312; background-color:transparent; }
#footer h4 { text-transform: uppercase; font-weight: bold; margin-bottom:0px; }
#footer .logo-youtube,
#footer .logo-facebook,
#footer .logo-linkedin { margin-right:20px; }
#footer .logo-construction21 { margin-top:20px; }
#footer .footer-row { padding-top: 40px; padding-bottom: 10px; }
#footer .footer-section { text-align:left; color:#fff; padding:15px 20px 15px 40px; }
#footer .footer-spin { text-align:left; padding:0px 20px 0px 40px; margin-top: -10px; margin-bottom: -10px; }
#footer .footer-link { line-height:32px; }
#footer .footer-coord { font-size:0.8rem; }
#footer .footer-sublink { font-size: 0.8rem; }
*/

.bloc-intrws a, .bloc-agenda-slides a,
#page_article .innovation a,
#page_article .bloc-responsables a { text-decoration: none; color:#000 !important; }
#page_article .innovation a:hover,
#page_article .bloc-responsables a:hover { color:#d38312 !important; }
.bloc-intrw { width:345px; height:335px; padding-top:40px; background-color:#fff; box-shadow: 0px 0px 10px #666; }
.bloc-intrw-micro { margin-left:70px; }
.bloc-intrw-titre { margin-left:70px; font-weight: bold; font-size: 1.6rem !important; margin-top:10px; padding-right:20px; text-transform: none !important; }
.bloc-intrw-texte { margin-left:70px; margin-top:20px; font-size: 1.1rem; padding-right:20px; }
.bloc-intrw-photo { position: absolute; top: 80px; left: -130px; }
.bloc-intrws a:hover { text-decoration: none; }
.bloc-intrws .bloc-intrw:hover { background-color: #eaeaea; }

.bloc-agenda-slides a:hover { color:#000 !important; text-decoration: none; }
.bloc-agenda-slides .texte { font-size: 0.9em; }

.bloc-hp { text-align:left; position: relative; }
.bloc-hp-txt { padding:20px 40px 20px 40px; }
.bloc-hp-header { height:40px; }
.bloc-hp-header svg { height:40px; width:180px; }
.bloc-hp-cache { height:30px; width:25%; position:relative; top:10px; }
.bloc-hp-svg { position:absolute; top:-10px; }
.bloc-hp-triangle { display:inline-block; position:relative; width:0; height:0; }
.bloc-hp-header-right .bloc-hp-cache { margin-left:auto; right:15px; }
.bloc-hp-header-left .bloc-hp-cache { margin-right:auto; right:-15px; }
.bloc-hp-header-right .bloc-hp-svg { float:left; left:-120px; }
.bloc-hp-header-left .bloc-hp-svg { float:right; right:-120px; }
.bloc-hp-header-right .bloc-hp-triangle { border-left:30px solid transparent; left:-30px; float:left; }
.bloc-hp-header-left .bloc-hp-triangle { border-right:30px solid transparent; right:-30px; float:right; }

/* ******** */
/* HOMEPAGE */
/* ******** */
#page_sommaire #img_backg { overflow: hidden; position: absolute;
	background: #323232; background-image: url("../img/IFSB-batiment-fonce.jpg"); background-repeat: no-repeat;
	background-size: cover;
	z-index: -3; height: auto !important;
	top: 0; bottom: 0; left: 0; right: 0;
}
/*#page_sommaire .bloc-hp-bg { background-color: #323232; z-index:-1; }*/
#page_sommaire .bloc-recherche .bloc-hp-txt { opacity: 0; }
/*#page_sommaire .bloc-recherche #img_bg { background: #323232; }
#page_sommaire .bloc-recherche { background-color: #323232; }*/
#page_sommaire .bloc-membre { background-color:#FFD25F; color:#000; }
#page_sommaire .bloc-domaines { background-color:#ffffff; color:#000; }
#page_sommaire .bloc-domaines h2 { margin-bottom:0px; }
#page_sommaire .bloc-domaines .bloc-hp-txt { padding-top:0px; }
#page_sommaire .bloc-domaines #frise { padding-bottom:30px; }
#page_sommaire .bloc-projets { background-color:#dedede; color:#000; }
#page_sommaire .bloc-news { background-color:#ffffff; color:#000; }
#page_sommaire .bloc-news .frise { padding-bottom:0px; }
#page_sommaire .bloc-interviews { background-color:#FFD25F; color:#000; }
#page_sommaire .bloc-interviews .frise { padding-bottom:0px; }
#page_sommaire .bloc-contactez-nous { background-color:#72787e; color:#fff; }
#page_sommaire .bloc-contactez-nous h2 { margin-top: 0px; text-transform: uppercase; }

#page_sommaire .bloc-news-slides a:hover { text-decoration: none; color:#000; }
#page_sommaire .bloc-news-slides .slick-slide .masque-img { float:left; position: relative; overflow: hidden; background-color: #f0f0f0; height:192px; width:286px; margin-right:20px; }
#page_sommaire .bloc-news-slides .slick-slide img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; height: auto; width: auto; }

#page_sommaire .bloc-contactez-nous iframe { border:3px #fff solid; height: 100%; width: 100%; margin: 20px 0px; }
#page_sommaire .bloc-contactez-nous .col-acces {
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    justify-content:center; align-items:center; align-content:center; -ms-flex-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center;
    padding-top:20px; padding-bottom:20px;
}
#page_sommaire .bloc-contactez-nous .col-acces > div { max-width: 100%; }
#page_sommaire .bloc-contactez-nous .col-acces a { color:#F0AD4E; }
#page_sommaire .bloc-contactez-nous .col-acces a:hover { color:#000; background-color: transparent; }
#page_sommaire .bloc-contactez-nous .col-acces h3 { color:#F0AD4E; font-weight: bold; text-transform: uppercase; font-size: 2rem; margin-top:0px; }
#page_sommaire .bloc-contactez-nous .col-acces img { margin-right:10px; }
#page_sommaire .bloc-contactez-nous .col-acces .margetop { margin-top:20px; }
#page_sommaire .bloc-contactez-nous .col-acces .surligne { background-color:#FFD25F; height: 6px; margin-bottom:10px; margin-top:5px; }
#page_sommaire .bloc-contactez-nous .col-contact {
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    text-align:center; justify-content:center; align-items:center; align-content:center; -ms-flex-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center;
    padding-top:20px; padding-bottom:20px;
}
#page_sommaire .bloc-contactez-nous .col-contact .btn-contact { border:1px #fff solid; margin-top:10px; ; padding:10px 20px; text-transform: uppercase; font-size:1.8rem; display:inline-block; }
#page_sommaire .bloc-contactez-nous .col-contact a { color:#fff;  }

#page_sommaire .bloc-domaines h3,
#page_sommaire .bloc-projets h3,
#page_sommaire .bloc-news h3,
#page_sommaire .bloc-interviews h3 { text-transform: uppercase; font-weight: 600; font-size: 2.1rem; }

#page_sommaire .bloc-projets .mask-img { width:auto; position: relative; overflow: hidden; }
#page_sommaire .bloc-projets #projets-slides img { width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; max-width: none !important; height: auto; width: auto; }
#page_sommaire .bloc-projets .carousel-top .mask-img { height:190px; }
#page_sommaire .bloc-projets .carousel-next .mask-img,
#page_sommaire .bloc-projets .carousel-prev .mask-img { height:170px; }
#page_sommaire .bloc-projets .carousel-next-2 .mask-img,
#page_sommaire .bloc-projets .carousel-prev-2 .mask-img { height:150px; }

#page_sommaire .bloc-projets .carousel-top img { min-width:295px; min-height:190px; }
#page_sommaire .bloc-projets .carousel-next img,
#page_sommaire .bloc-projets .carousel-prev img { min-width:295px; min-height:170px; }
#page_sommaire .bloc-projets .carousel-next-2 img,
#page_sommaire .bloc-projets .carousel-prev-2 img { min-width:295px; min-height:150px; }

#page_sommaire .bloc-projets .carousel-top .texte { margin-top:10px; font-size: 1em; line-height: 1.6em; }
#page_sommaire .bloc-projets .carousel-next .texte,
#page_sommaire .bloc-projets .carousel-prev .texte { margin-top:10px; font-size: 0.8em; line-height: 1.5em; }
#page_sommaire .bloc-projets .carousel-next-2 .texte,
#page_sommaire .bloc-projets .carousel-prev-2 .texte { margin-top:10px; font-size: 0.6em; line-height: 1.4em; }
#page_sommaire .bloc-projets .carousel-next .suite,
#page_sommaire .bloc-projets .carousel-prev .suite { font-size: 0.8em; }
#page_sommaire .bloc-projets .carousel-next-2 .suite,
#page_sommaire .bloc-projets .carousel-prev-2 .suite { font-size: 0.6em; }

#page_sommaire .bloc-recherche .search form > div { margin: auto; }
#page_sommaire .bloc-recherche .bloc-plus { font-size: 0.9em; }

/* ******************** */
/* ARTICLES & RUBRIQUES */
/* ******************** */
#page_article, #page_rubrique { text-align: left; }
#page_article h3, #page_rubrique h3 { font-size: 1.8em; }
#page_article h3:first-child, #page_rubrique h:first-child { margin-top:0px; }

#page_article .bloc-titre, #page_rubrique .bloc-titre { margin-top:40px; }
#page_article .bloc-titre h1, #page_rubrique .bloc-titre h1 { font-weight: bold; font-size: 2.5rem; }
#page_article .bloc-chapo, #page_rubrique .bloc-chapo { margin-top:20px; margin-bottom:20px; font-weight: bold; font-size: 1.5rem; }

#page_article .bloc-contenu .spip_documents { margin-top:20px; }
#page_article .bloc-stitre { margin-top:4em; font-weight: bold; font-size: 1.3rem; }
#page_article .bloc-stitre img { margin-right:10px; position:relative; top:-5px; }
#page_article .bloc-lien img { margin-right:10px; }
#page_article .bloc-lien a { color:#000; text-decoration: underline; }
#page_article .bloc-lien a:hover { color:#F0AD4E; }
#page_article .bloc-diaporama { background-color: #FFD25F; padding:20px 30px; }
#page_article .bloc-diaporama-slides { margin-top: 40px; }
#page_article .bloc-diaporama-slides .slick-track { height: 280px; }
#page_article .bloc-diaporama-slides .bloc-diaporama-slide {
    border: 10px solid #fff;
    margin: 10px auto;
    width: 250px !important;
    height: 250px !important;
    padding: 10px 10px 10px 10px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
#page_article .bloc-diaporama-slides .bloc-diaporama-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    height: auto;
    width: auto;
    max-width: none !important;
    max-height: 100% !important;
    min-height: 100%;
}
#page_article .bloc-hp-header-left .bloc-hp-cache { right:0px; }

#page_rubrique .carre { padding-bottom: 100%; position: relative; background-color: #fff; margin-bottom: 20px; box-shadow: 0px 0px 5px 0px #656565; }
#page_rubrique .carre_line a { color:#000; }
#page_rubrique .carre_line a:hover { color:#000; text-decoration: none; }
#page_rubrique .carre_line a:hover .carre {background-color:#fff1cc; }
#page_rubrique .carre_content { /*position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; overflow: hidden; word-wrap: break-word;*/ padding: 15px; }
#page_rubrique .carre_content .titre { text-transform: uppercase; font-weight: 600; height: 45px; overflow: hidden; }
#page_rubrique .carre_content .logo { height: 190px;  overflow: hidden; position: relative; max-width: 100%; }
#page_rubrique .carre_content .logo img {
    max-height: 190px;
    height: auto;
    width: auto;
    padding-top: 8px;
    /*background-image: url("../img/projets-top.png");*/
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    /*max-width: none !important;*/
}
#page_rubrique .bloc_no_style .logo img { background:none !important; }

/* ***************** */
/* BLOC LINK ARTICLE */
/* ***************** */
.page_article .ajax-bloc-article { border: #FFD25F 2px solid; overflow:hidden; }
.page_article .ajax-bloc-article .masque-img {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 400px;
}
.page_article .ajax-bloc-article .masque-img img {
    max-height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-width: none !important;
    height: auto;
    width: auto;
}
.page_article .ajax-bloc-article { height: 400px; margin: 10px 0; position: relative; }
.page_article .ajax-bloc-article .masque-ctn .titre { color:#fff; margin-bottom:20px; }
.page_article .ajax-bloc-article .masque-ctn .txt { color:#000; }
@media screen and (min-width: 1200px) {
    .page_article .ajax-bloc-article.col-lg-6 { width: 48% !important; }
    .page_article .ajax-bloc-article.col-lg-6:nth-child(2n+1) { margin-right: 2%; }
    .page_article .ajax-bloc-article.col-lg-6:nth-child(2n) { margin-left: 2%; }
}
@media screen and (min-width:992px) and (max-width: 1200px) {
    .page_article .ajax-bloc-article.col-md-6 { width: 49% !important; }
    .page_article .ajax-bloc-article.col-md-6:nth-child(2n+1) { margin-right: 1%; }
    .page_article .ajax-bloc-article.col-md-6:nth-child(2n) { margin-left: 1%; }
}

@media screen and (min-width:768px) and (max-width: 992px) {
    .page_article .ajax-bloc-article.col-sm-6 { width: 49% !important; }
    .page_article .ajax-bloc-article.col-sm-6:nth-child(2n+1) { margin-right: 1%; }
    .page_article .ajax-bloc-article.col-sm-6:nth-child(2n) { margin-left: 1%; }
}
.page_article .ajax-bloc-article .masque-ctn {
    margin-left: 0px !important;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px 30px;
    line-height: 1;
    background-color: rgba(230, 182, 53, 0.90);
    word-wrap: break-word;
}

/* ********** */
/* FORMATIONS */
/* ********** */
.page_formation .bloc-intro { background-color:#72787E; margin-right: 0px; margin-left: 0px; }
.page_formation .bloc-intro-texte { color:#fff; padding:60px 60px; text-align:left; }
.page_formation .bloc-intro-texte h1 { font-size: 2.2rem; font-weight: bold; margin-top: 20px; margin-bottom: 20px; }
@media only screen and (max-width:525px) { .page_formation .bloc-intro-texte h1 { font-size: 1.8rem; } }
.page_formation .bloc-intro-texte .txt-bandeau { font-size: 1.1rem; }

.page_formation .banniere-formation { background-color: #FFD25F; display:inline-block; padding: 15px 0px; position:relative; top:-30px; margin-right: 50px; }
.page_formation .banniere-formation .element { display:inline-block; border-right: #000 1px solid; padding: 0px 30px; margin-top: 15px; margin-bottom: 15px; }
.page_formation .banniere-formation .element:last-child { border-right:none; }
.page_formation .banniere-formation .value { font-weight: bold; font-size: 1.4rem; }
.page_formation .banniere-formation .title { font-size: 1.3rem; }
.page_formation .bloc-contenu { text-align:left; margin-top:40px; }
.page_formation .bloc-contenu h3 { margin-top: 35px; }
.page_formation .bloc-left-contenu h3 { margin-top: 20px; text-align: left; }
.page_formation .bloc-left-contenu h3:first-child { margin-top: 0px; }
.page_formation .bloc-contenu h3, .page_formation .bloc-left-contenu h3 { font-weight: bold; text-transform: uppercase; font-size:1.3rem !important; }
.page_formation .bloc-left-contenu { margin-top: 40px; text-align:center; }
.page_formation .bloc-left-contenu .btn-down-fiche button { width:100%; }
.page_formation .bloc-left-contenu .bloc-inscription { background-color:#000; padding:20px 30px; color:#fff; }
.page_formation .bloc-left-contenu .bloc-inscription .titre { font-size: 1.3rem; }
.page_formation .bloc-left-contenu .bloc-inscription .stitre { font-size: 1.2rem; }
.page_formation .bloc-left-contenu .bloc-inscription .btn-transparent { color:#fff !important; border-color:#fff !important; width:100%; }
.page_formation .bloc-left-contenu .bloc-infos-formation, .page_formation .bloc-left-contenu .bloc-acces-formation { padding: 20px; text-align: left; }
.page_formation .bloc-left-contenu .bloc-infos-formation, .page_formation .bloc-left-contenu .bloc-acces-formation { margin-top: 15px; padding: 20px; text-align: left; }
.page_formation .bloc-left-contenu .bloc-acces-formation .description { margin-left: 40px; margin-top: 0; }

.page_formation .innovation { margin-top: 10px; text-align: left; padding: 15px; }
.page_formation .innovation > div { margin: 0 auto 0 auto; max-width: 100%; }
.page_formation .innovation img { margin: 0 auto 10px auto; display: block; }
.page_formation .plus-de-dates { position:absolute; margin-left:60px; }

/* ********* */
/* CONTACT */
/* ********* */
.form-ifsb input[type="checkbox"] { margin-right:20px; border: 2px solid #000; }
.form-ifsb input:not([type="radio"]):not([type="checkbox"]),
.form-ifsb textarea, form.form-ifsb select {
	width: 100%;
	border: 2px solid #000;
	padding: 8px 10px; margin-top: 10px; border-radius: 0px;
	background-color: white;
}
.form-ifsb textarea { height:200px; }
.form-ifsb button { width: 100%; /*border: 2px solid #000;*/ border-radius:0px; }
.form-ifsb label { margin-top: 0px; font-weight: normal; color: black; }

.form-ifsb input[type="checkbox"] + label::after,
.form-ifsb input[type="radio"] + label::after { top:50%; transform: translateY(-50%); }

.page_contact .stitre { font-weight: bold; margin-top:30px; margin-bottom:30px; }
.page_contact .bloc-titre,
.page_contact .bloc-titre h1 { margin-top:0px !important; }
.page_contact .bloc-contact { margin-left:20px; }
.page_contact .adresse-logo { height:40px; }
.page_contact .adresse-titre { font-weight: bold; font-size:1.3rem; text-transform: uppercase; line-height: 1.2rem; margin-top:20px; }
.page_contact .adresse-coor { margin-top: 40px; }
.page_contact .adresse-compl { margin-top: 40px; }
.page_contact .bloc-acces { background-color: #FFD25F; padding:20px; margin-left:20px; margin-top:40px; }
.page_contact .bloc-acces h3 { margin-top:0px; margin-bottom:40px; text-transform: uppercase; font-weight: bold; }
.page_contact .bloc-acces iframe { width:100%; height:300px; }
.page_contact .bloc-iti { margin-left:20px; }
.page_contact .bloc-responsables { margin-top:30px; margin-bottom:30px; text-align:center; }
.page_contact .bloc-responsables .nom { font-weight: bold; font-size: 1.1rem; margin-top:10px; }
.page_contact .bloc-responsables .fonction { font-size: 0.8rem; margin-top:5px; }

/* ********** */
/* ACTUALITES */
/* ********** */
.bloc-actualite { margin-top:20px; margin-bottom:10px; }
.bloc-actuline { height:2px; background-color:#FFD25F; margin-right:15px; margin-left:15px; margin-top:20px; margin-bottom:10px; }
.bloc-actualite .masque-img { float:left; position: relative; overflow: hidden; background-color: #f0f0f0; height:192px; width:286px; margin-right:20px; }
.bloc-actualite .masque-txt { text-align:left; }
.bloc-actualite .masque-txt .titre { text-align:left; margin-bottom:10px; }
.bloc-actualite .masque-txt .small-date { margin-bottom:20px; }
.bloc-actualite .masque-txt .texte { font-size:0.9em; }
.bloc-actualite .masque-txt .lien a { color:#000; text-decoration: underline; }
.bloc-actualite .masque-txt .lien a:hover { color:#F0AD4E; background-color: transparent; }
.bloc-actualite span { text-align:right; }
.bloc-actualite img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; height: auto; width: 100%; }

/* ************************ */
/* DOMAINES & SOUS DOMAINES */
/* ************************ */
.page_rub_domaines .bloc-domaine { text-align:center; margin-bottom:20px; }
.page_rub_sdomaines .bloc-sdomaine { border: 2px #000 solid; padding: 20px 15px; height: 180px; margin-bottom: 20px; overflow: hidden; }
.page_rub_sdomaines .bloc-sdomaine:hover { background-color:#fff1cc; color:#000; }
.page_rub_sdomaines .bloc-sdomaine .logo { text-align: center; overflow: hidden; position: relative; }
.page_rub_sdomaines .bloc-sdomaine .logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.page_rub_sdomaines .bloc-sdomaine .titre { text-align:center; margin-top:10px; margin-bottom:10px; }

/* ******************** */
/* RECHERCHE FORMATIONS */
/* ******************** */
#formulaire_recherche_formation { width:100%; }
#formulaire_recherche_formation .input-group input { width:100% !important; }
#form_recherche_formation { width:100%; }
#form_recherche_formation .input-recherche-header { margin: 1px !important; max-width: calc(100% - 36px) !important; }
#premiers_resultats.search-results { font-family: "HelvNeue 45L"; width:100%; margin-right: -15px; margin-left: -15px; font-size:0.8em; color:#000; margin-top:0px; }

#premiers_resultats.search-results .tbl { background-color:#fff; padding: 8px 10px; border:1px solid #000; }
#premiers_resultats.search-results .tbl .sdomlogo { max-height:20px; max-width:20px; margin-right:5px; }
#premiers_resultats.search-results a { color:#000; }
#premiers_resultats.search-results a:hover .line { background-color:#ccc; }
#premiers_resultats.search-results .cell { padding:4px 6px; }
#premiers_resultats.search-results .tbl-title { font-weight:bold; padding:10px 0px; color: #444; font-weight: bold !important; font-size: 1.2em; }
#premiers_resultats.search-results .tbl-line { text-align:left; color:#000; margin-bottom:2px; }
#premiers_resultats.search-results .tbl-line .reference { color:#000; font-weight: bold; }
#premiers_resultats.search-results .tbl-line .bloc-constr { color:#8BBF18; /*9dbf52*/ font-weight: bold; }
#premiers_resultats.search-results .tbl-line .bloc-secur { color: #f0ad4e; /*f0ad4e*/ font-weight: bold; }
#premiers_resultats.search-results .tbl-line .bloc-engins { color: #d55d06; /*d68247*/ font-weight: bold; }
#premiers_resultats.search-results .tbl-line .bloc-manag { color: #009de0; /*43b1e0*/ font-weight: bold; }
@media only screen and (max-width:525px) {
	#premiers_resultats.search-results .tbl-line .bloc-constr,
	#premiers_resultats.search-results .tbl-line .bloc-secur,
	#premiers_resultats.search-results .tbl-line .bloc-engins,
	#premiers_resultats.search-results .tbl-line .bloc-manag { font-size: 0.8em; }
}

.page_recherche_formation h3 { text-align:left; text-transform: uppercase; font-size:1.1em; font-weight: bold; }
.page_recherche_formation .bloc-recherche h3 { margin-top: 10px; }
.page_recherche_formation .bloc-recherche .form-ifsb input[type="checkbox"] + label { margin-bottom: 1px; font-size:0.8em; text-align:left; }
.page_recherche_formation .bloc-domaine { background-color:#dedede; padding:8px 10px; margin-top:10px; margin-bottom: 1px; }
.page_recherche_formation .bloc-domaine .col-xs-2 {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	-ms-flex-pack: center; justify-content: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center;
}
.page_recherche_formation .bloc-domaine .col-xs-2 label { margin: auto !important; }
.page_recherche_formation .bloc-domaine .col-xs-2 input { margin: auto !important; }
.page_recherche_formation .bloc-sdomaine { background-color:#dedede; padding:8px 10px; }
.page_recherche_formation .bloc-sdomaine #btn-sdomaine { padding:5px 10px; cursor:pointer; display: inline-block; margin-left:10px; }
.page_recherche_formation .bloc-sdomaine #blc-sdomaine { display:none; }

.page_recherche_formation .bloc-domaine .bloc-constr input[type="checkbox"] + label::after,
.page_recherche_formation .bloc-sdomaine .bloc-constr input[type="checkbox"] + label::after { border: 2px solid #8BBF18; }
.page_recherche_formation .bloc-domaine .bloc-secur input[type="checkbox"] + label::after,
.page_recherche_formation .bloc-sdomaine .bloc-secur input[type="checkbox"] + label::after { border: 2px solid #f0ad4e; }
.page_recherche_formation .bloc-domaine .bloc-engins input[type="checkbox"] + label::after,
.page_recherche_formation .bloc-sdomaine .bloc-engins input[type="checkbox"] + label::after { border: 2px solid #d55d06; }
.page_recherche_formation .bloc-domaine .bloc-manag input[type="checkbox"] + label::after,
.page_recherche_formation .bloc-sdomaine .bloc-manag input[type="checkbox"] + label::after { border: 2px solid #009de0; }

.page_recherche_formation #search-count { color:#A4A4A4; display:inline-block; font-size: 0.9em; }
.page_recherche_formation .bloc-search { text-align:left; }
.page_recherche_formation .bloc-recent { text-align:center; font-size:1.2em; }
.page_recherche_formation .bloc-niveau { text-align:center; font-size:0.9em; }
.page_recherche_formation .bloc-langue { text-align:center; font-size:0.9em; }
.page_recherche_formation .recherche_pagination { text-align: center; }

.page_recherche_formation .form-ifsb input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]),
.page_recherche_formation .form-ifsb textarea,
.page_recherche_formation .form-ifsb select { width: auto; padding: 8px 10px; margin-top: 0px; }

.page_recherche_formation .form-ifsb .input-recherche { width: 80% !important; display: inline-block; padding: 5px 10px !important; height: 40px !important; text-transform: none !important; font-weight: normal; border-radius:0px; }
.page_recherche_formation .form-ifsb #btn-rechercher { height: 40px !important; }

.page_recherche_formation .panel-footer{ color:#fff; padding: 5px 10px; border:none; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.page_recherche_formation .panel-ifsb { font-size:0.9em; font-family: 'HelvNeue 57C'; line-height: 1.4em; }
.page_recherche_formation .panel-ifsb a { color:#000; }
.page_recherche_formation .panel-ifsb .sdomlogo { max-height:20px; max-width:20px; margin-right:5px; }
.page_recherche_formation .ref-article { text-align:right; margin-bottom:10px; }
.page_recherche_formation .ref-article span { background-color:#dfdfdf; font-size:0.9em; padding:3px 8px; }
.page_recherche_formation .titre-article { font-weight:bold; text-transform: uppercase; font-size: 1.2em; margin-bottom:10px; }
.page_recherche_formation .sdomaine-article { margin-bottom:10px; }
.page_recherche_formation .pub-obj-article div { margin-bottom:10px; }
.page_recherche_formation .infos-article ul li { margin-bottom:5px; }

.page_recherche_formation .panel-ifsb { padding:0px 15px; }

.page_recherche_formation .panel-container.bloc-constr { padding-top: 12px; background-image: url("../img/box-8BBF18.png"); background-position: top left; background-repeat: no-repeat; }
.page_recherche_formation .panel-container.bloc-constr .panel-ifsb { border: 3px solid #8BBF18; border-radius: 0px; }
.page_recherche_formation .panel-container.bloc-constr .panel-ifsb:hover { background-color: #e8f2d1; }
.page_recherche_formation .panel-container.bloc-constr .panel-footer { background-color: #8BBF18; }
.page_recherche_formation .panel-container.bloc-constr .titre-article { color:#8BBF18; }

.page_recherche_formation .panel-container.bloc-secur { padding-top: 12px; background-image: url("../img/box-F7CF3C.png"); background-position: top left; background-repeat: no-repeat; }
.page_recherche_formation .panel-container.bloc-secur .panel-ifsb { border: 3px solid #FFD25F; border-radius: 0px; }
.page_recherche_formation .panel-container.bloc-secur .panel-ifsb:hover { background-color: #fdf5d8; }
.page_recherche_formation .panel-container.bloc-secur .panel-footer { background-color: #FFD25F; }
.page_recherche_formation .panel-container.bloc-secur .titre-article { color: #F0AD4E; }

.page_recherche_formation .panel-container.bloc-engins { padding-top: 12px; background-image: url("../img/box-D55D06.png"); background-position: top left; background-repeat: no-repeat; }
.page_recherche_formation .panel-container.bloc-engins .panel-ifsb { border: 3px solid #d55d06; border-radius: 0px; }
.page_recherche_formation .panel-container.bloc-engins .panel-ifsb:hover { background-color: #f7dfcd; }
.page_recherche_formation .panel-container.bloc-engins .panel-footer { background-color: #d55d06; }
.page_recherche_formation .panel-container.bloc-engins .titre-article { color: #d55d06; }

.page_recherche_formation .panel-container.bloc-manag { padding-top: 12px; background-image: url("../img/box-009DE0.png"); background-position: top left; background-repeat: no-repeat; }
.page_recherche_formation .panel-container.bloc-manag .panel-ifsb { border: 3px solid #009de0; border-radius: 0px; }
.page_recherche_formation .panel-container.bloc-manag .panel-ifsb:hover { background-color: #ccebf9; }
.page_recherche_formation .panel-container.bloc-manag .panel-footer { background-color: #009de0; }
.page_recherche_formation .panel-container.bloc-manag .titre-article { color: #009de0; }

.page_recherche_formation .row-eq-height > div > div.panel {
	-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;
	-ms-flex-wrap: wrap; flex-wrap: wrap;
}

.btn-creation, .btn-connexion { position:absolute; bottom:0px; }
.moncompte_form_body { min-height:310px }
.moncompte_content { min-height:568px }
.moncompte_footer { position:absolute; bottom:0px; }
#moncompte h3 { font-size: 1.5em; }

/* ******** */
/* SUBSIDES */
/* ******** */
.page_subsides #form_subside { margin-top: 40px; }
.page_subsides #form_subside .col-xs-6 { margin-bottom: 20px;}
.page_subsides #form_subside select { margin-top:0px; }
.page_subsides #form_subside #entreprise { display:none; }

/* *************** */
/* TABLEAU DE BORD */
/* *************** */
.page_tableau_de_bord  .table > tbody > tr > td { padding:4px; }
.page_tableau_de_bord #contenu { text-align:left !important; }
.page_tableau_de_bord .float-right { float:right; }
.page_tableau_de_bord .align-right { margin-left:auto; }
.page_tableau_de_bord .tdb { background-color:#F2F2F2; margin-top:20px; padding:20px; border:1px #ccc solid; }
.page_tableau_de_bord .tdb th { font-size: 0.9em; }
.page_tableau_de_bord .tdb tr { font-size: 0.8em; }
.page_tableau_de_bord .tdb h3 { font-weight:bold; font-size:1.1em; margin-bottom:10px; }

/* ********************* */
/* HP animation Domaines */
/* ********************* */
.bloc-domaines .rectangle h3 {
	text-transform: uppercase;
	position: relative;
	top:-100px;
    color: #fff;
    width: 100%;
    font-size:1.5em !important;
    font-weight:normal !important;
    padding:20px;
}
.bloc-domaines .txt_domaine {
	color: #000;
	font-weight: normal;
 }
.caption a {
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
	height: 30px;
	width: 100%;
	margin-left:0;
	margin-right:0;
	display:block;
	text-align:center;
	font-size: 0.85em;
	font-weight: bold;
}
.page_sommaire .bloc-domaines .caption a,
.page_rub_domaines .bloc-domaines .caption a {
	padding:0px;
	height:auto;
}
.page_sommaire .bloc-domaines .row:before,
.page_rub_domaines .bloc-domaines .row:before {
	content:none !important;
}
.caption {
	position: relative;
	overflow: hidden;
	margin: 15px 0px 15px 0px;
	height: auto;
	/* Only the -webkit- prefix is required these days */
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
}
.wall .caption {
	position: relative;
	overflow: hidden;
	margin: 15px 0px 15px 0px;
	height: 250px;
	/* Only the -webkit- prefix is required these days */
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
}
.caption:hover::before {
	background: rgba(0,0,0, .5);
}

.caption__media img.fixed_height {
	width: auto;
	height: 100%;
}
.caption__media {
	display: block;
}
.caption__overlay {
    padding: 20px;
    font-size:1.2em;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: white;
	overflow:hidden;
	text-align: center;
	-webkit-transform: translateY(100%);
			transform: translateY(100%);
	transition: -webkit-transform .35s ease-out;
	transition:		 transform .35s ease-out;
}
.caption__fixed__overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: white;
	overflow:hidden;
	text-align: left;
}
.caption__fixed__overlay > div {
	position: absolute;
	display: block;
	bottom: 30px;
}
.caption__fixed__overlay a {
	width: 100%;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	display:block;
	text-align:center;
}
.caption__fixed__overlay a:hover {
	text-decoration: none;
}
.caption__veil {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	background: rgba(0,0,0, .5);
	-webkit-transform: translateY(90%);
			transform: translateY(90%);
	transition: -webkit-transform .35s ease-out;
	transition:		 transform .35s ease-out;
}
.caption__fixed__veil {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 15%;
	background: rgba(0,0,0, .5);
}
.caption__veil.bloc-constr, .caption .bloc-constr .bloc-cache { background-color: rgba(139,191,24,.75); }
.caption__veil.bloc-secur, .caption .bloc-secur .bloc-cache { background-color: rgba(255,210,95,.75); }
.caption__veil.bloc-engins, .caption .bloc-engins .bloc-cache { background-color: rgba(213,93,6,.75); }
.caption__veil.bloc-manag, .caption .bloc-manag .bloc-cache { background-color: rgba(0,157,224,.75); }

.caption:hover .caption__overlay {
	-webkit-transform: translateY(45%);
			transform: translateY(45%);
}
.caption:hover .caption__veil {
	-webkit-transform: translateY(45%);
			transform: translateY(45%);
}
.caption .bloc-cache {
	height: 15px;
	width: 150px;
	position: relative;
	top: -15px;
	margin-right: auto;
}
.caption .bloc-triangle {
	border-bottom: 15px solid rgba(139,191,24,.75);
	border-right: 15px solid transparent;
	display: inline-block;
	position: relative;
	width: 0;
	height: 0;
	/*right: -82px;*/
	float: right;
    right: -15px;
}
.caption .bloc-constr .bloc-triangle { border-bottom: 15px solid rgba(139,191,24,.75); }
.caption .bloc-secur .bloc-triangle { border-bottom: 15px solid rgba(255,210,95,.75); }
.caption .bloc-engins .bloc-triangle { border-bottom: 15px solid rgba(213,93,6,.75); }
.caption .bloc-manag .bloc-triangle { border-bottom: 15px solid rgba(0,157,224,.75); }

/* *************** */
/* Notifs centrale */
/* *************** */
.notifs_centrale { z-index:2; height:0px; float:right; width:100%; position:relative; margin-bottom:20px; }
.notifs_centrale i.fa { z-index:3; font-size:2.5em; cursor: pointer; float:right; position:relative; top: -8px; right: 8px; }
.notifs_centrale i.fa:hover { color:#F0AD4E }
.alert-notifs {
	top: -40px;	position: relative;
	text-align: center; cursor: pointer; z-index: 2; margin: 0px;
	background-color: #f9f5d3; border-color: #F8EB7E; color: #000;
	display: none; width: 100%; padding: 20px 45px 20px 20px;
}
.ico-inscription { margin-right:10px !important; }
.ico-connexion { margin-right:10px !important; }
.ico-lock { margin-right:2px !important; }

/* ********** */
/* DataTables */
/* ********** */
td.details-control { background: url('../img/details_open.png') no-repeat center center; cursor: pointer; }
tr.shown td.details-control { background: url('../img/details_close.png') no-repeat center center; }

/* ***** */
/* Tipsy */
/* ***** */
.qtip-tipsy { font-size: 1em; }
.qtip-bootstrap { min-width:400px; }

.nom_formpart { text-transform: uppercase; }
.prenom_formpart { text-transform: capitalize; }

/* ********** */
/* PrintPatch */
/* ********** */
@media print {
	@page {
		size: auto;   /* auto is the initial value */
		margin: 0;  /* this affects the margin in the printer settings */
	}
	body  {
		margin: 1cm;
	}
    .noprint {
		display:none !important;
	}
	a[href]:after,
	img[src]:after,
	a:link:after, a:visited:after {
		content: none !important;
	}
	#container, #container2, #content {
		width: 100%; margin: 0; float: none;
	}
}

.exampleModal {
  max-width: 8000px !important;
  width: 8000px !important;
}
.table-apprentissage td { text-align: center; }
.table-apprentissage .fa { font-size: 1.8rem; }
.table-apprentissage .fa-check { color: #6E8E2F; }
.table-apprentissage .fa-times { color: #FF0000; }
.table-apprentissage { width: 60px; text-align: center; }

.table-apprentissage .fa-envelope-o { font-size: 1.9rem; }
.switch-candy-ifsb input[type="radio"]:first-of-type:checked ~ a { background-color: #d9534f; }
.switch-candy-ifsb input[type="radio"]:last-of-type:checked ~ a { background-color: #5cb85c; }
.switch-toggle .switch-candy-ifsb { background-color: #fff; border-radius: 0; }
.switch-toggle .switch-candy-ifsb label { color: #fff; font-weight: normal; text-shadow: none; cursor: pointer; padding: 0; }
.switch-candy-ifsb input:checked + label { color: #fff; }

.compte-en-ligne { margin-bottom:20px; }

/* ***** */
/* Diapo */
/* ***** */

.diapo-photo { margin-top:60px; }
.diapo-photo .picture-produit { position: relative; height: 170px; width:170px; overflow: hidden; margin-top: 25px;  box-shadow: -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); padding: 10px; }
.diapo-photo .picture-produit img { 
	display: block;
	max-width:150px;
	max-height:150px;
	width: 100%;
  	height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close { display:block; }
.inscr-back-vert { background-color:#d3efc4; margin-top:20px; border:2px #fff solid; }
.inscr-back-jaune { background-color:#f9f1bc; margin-top:20px; border:2px #fff solid; }
.bloc-titre-inscr .img-formouvertes { max-height: 70px; margin:10px; }
.bloc-titre-inscr .img-listeattente { max-height: 50px; margin:10px; }
.bloc-titre-inscr { text-align: left; font-size: 1.2em; }
.move-explication { margin-top:20px; }
.btn-table-inscr-sal { font-size: 0.7em; white-space: nowrap !important; }

.alertMajInfos {
	margin-top :20px;
	color:#fff;
	background-color: #a94442;
	padding: 20px 20px;
	font-size: 1.5em;
}