/* imports des autres fichiers CSS :*/


							/* fichier stylesv2.css ("https://dev.mshb.fr/sites/all/themes/mshbv2/css/stylesv2.css?qnp6gh"))*/

								/* STYLES BPS */
								/* .global_contour ul li { font-family: lora_regular !important;  } */

								#admin-menu { z-index:10000;  }

								.global_contour ul li { margin-top: 0.5em;   list-style: disc;  }
								.global_contour #planyo_content ul li { list-style: none;  }
								.global_contour #planyo_content input { border: none !important;  }

								/* MENU HAUT */
								#bs-example-navbar-collapse-1 li.menu-head-user { text-align: center;   border:1px solid #c33932;   padding: 5px 15px 0 15px;   display: inline-table;   margin-top:-5px;  }
								#bs-example-navbar-collapse-1 li.menu-head-user div { margin-top:-9px;  }
								#bs-example-navbar-collapse-1 li.menu-head-user a { display: block;   padding:0;  }
								#bs-example-navbar-collapse-1 li.menu-head-user a:hover { border-bottom: none;   color:#c33932;  }

								#bs-example-navbar-collapse-1 li.menu-head-search input { padding: 5px 0 0 0;   width:140px;   font-size:11px;   border:none !important;  }
								#bs-example-navbar-collapse-1 li.menu-head-search { width:170px;   border-bottom: 1px solid #c33932 !important;   text-align: left;  }
								#bs-example-navbar-collapse-1 li.menu-head-search #menu-head-search-sub { width:22px;   border:none !important;   padding:0;   margin:0;   height: 22px;  }

								/* Affichage ol */
								ol li { list-style: decimal;  }

								ul.legende_map_3D li {margin-top: 0; list-style: none;}


								/* Formulaire de connexion */
								.formConnexion .btn {color:#000;}

								/*.region-content {margin-top:150px;}*/

								/* DESIGN GENERAL FORMULAIRE RECHERCHE - ROUGE */
								.form-general-recherche { margin-bottom:40px !important;  }
								.form-general-recherche .form-champs-recherche input { border: 1px solid #c33932;   padding:5px;  }
								.form-general-recherche .form-champs-recherche input.txtRechForm { width:250px;  }
								.form-general-recherche .form-champs-recherche input.subForm, .form-general-recherche .form-champs-recherche input.resetForm { background-color: #c33932;   color:#FFF;   text-transform:uppercase;  }
								.form-general-recherche button.btn-actus-tri {	  border: 1px solid #000;   padding:0 5px;   font-size:13px;   background:none;   margin-right:5px;  }
								.form-general-recherche button.btn-actus-tri-sel { border: 1px solid #c33932 !important;   color:#c33932 !important;  }
								.form-general-recherche select {	  border: 1px solid #000;   width:250px;  }
								.filtre-sel {color:#c33932;}
								.form_mshb li { margin-left: 0em !important;   margin-top: 0em !important;   list-style: none !important;   padding-bottom: 0.3em !important;  }

								/* DESIGN GENERAL FORMULAIRE RECHERCHE - BLEU #005dac */
								.form-general-recherche-bleu { margin-bottom:40px !important;  }
								.form-general-recherche-bleu .form-champs-recherche input { border: 1px solid #005dac;   padding:5px;  }
								.form-general-recherche-bleu .form-champs-recherche input.txtRechForm { width:250px;  }
								.form-general-recherche-bleu .form-champs-recherche input.subForm, .form-general-recherche-bleu .form-champs-recherche input.resetForm { background-color: #005dac;   color:#FFF;   text-transform:uppercase;  }
								.form-general-recherche-bleu button.btn-actus-tri {	  border: 1px solid #000;   padding:0 5px;   font-size:13px;   background:none;   margin-right:5px;  }
								.form-general-recherche-bleu button.btn-actus-tri-sel {	  border: 1px solid #005dac;   color:#005dac;  }
								.form-general-recherche-bleu select {	  border: 1px solid #000;   width:250px;  }

								/* ACTUALITES */
								.page-actualites-mshb { /*font-family: 'Lato',sans-serif;*/
									font-family: campton_regular;   font-size:15px;  }

								.blocTelAlign {	  display:block;width:85%;margin: 0 auto;text-align:left !important;/*border: 1px solid gray;*/
								}

								/*.page-actualites-mshb #formactus { margin-bottom:40px !important;  }
								.page-actualites-mshb #formactus .form-champs-recherche input { border: 1px solid #c33932;   padding:5px;  }
								.page-actualites-mshb #formactus .form-champs-recherche input.txtRechForm { width:250px;  }
								.page-actualites-mshb #formactus .form-champs-recherche input#subActusForm, .page-actualites-mshb #formactus .form-champs-recherche input#resetActusForm { background-color: #c33932;   color:#FFF;   text-transform:uppercase;  }
								.page-actualites-mshb #formactus button.btn-actus-tri {	  border: 1px solid #000;   padding:0 5px;   font-size:13px;   background:none;   margin-right:5px;  }*/
								.bloc-actus-single-texte img { float:left;   padding: 11px 20px 15px 0;  }
								.page-actualites-mshb #formactus button.btn-actus-tri-sel {	  background-color:#c33932;   color:#FFF;  }
								.bloc-actus-liste { margin-bottom:45px;  }
								.bloc-actus-liste .actus-liste-txt { margin-bottom:15px;   font-family: lora_regular;  }
								.bloc-actus-liste #image_bandeau { float:left;  }
								.bloc-actus-liste .image_bandeau_type-1 { width:100%;padding-bottom:15px;  }
								.bloc-actus-liste .image_bandeau_type-0 { max-width:50%;   padding-right: 15px;   padding-bottom:15px;padding-top:4px;  }
								.bloc-actus-liste-suite { color:#FFF;   background-color:#c33932;   padding: 3px 5px;   margin-top:10px;   font-family: campton_regular !important;float:right;  }
								.bloc-actus-liste-lien { color:#c33932 !important;   margin-top:10px;   text-decoration: underline;  }
								.page-actualites-mshb  .actus-liste-date { text-align:center;   margin-bottom:15px;  }
								.page-actualites-mshb  .actus-liste-date span { border-bottom: 1px solid #c33932;   padding-bottom:5px;  }
								.page-actualites-mshb  .actus-liste-titre { font-size:18px;   font-weight:bold;text-align:center;  }
								.page-actualites-mshb  .actus-liste-type {	  text-align:center;  }
								.page-actualites-mshb  .actus-liste-partage {	  text-align:center;  }

								.bloc-actus-ordre,.bloc-actus-ordre:focus { border:none;outline: none;  }
								.page-actualites-mshb .bloc-labo-list-adresse p, .page-actualites-mshb .bloc-labo-list-resp p, .page-actualites-mshb .bloc-labo-list-effectifs p{ text-align:center !important;  }
								.page-actualites-mshb .bloc-labo-list-adresse li, .page-actualites-mshb .bloc-labo-list-resp li, .page-actualites-mshb .bloc-labo-list-effectifs li{ list-style: none !important;  }
								.page-actualites-mshb .bloc-labo-list-adresse a, .page-actualites-mshb .bloc-labo-list-resp a, .page-actualites-mshb .bloc-labo-list-effectifs a{ /*background: url(../img/pictos/picto-lien-pt.png) 0 0 no-repeat;*/
									padding-left: 25px;   font-family: campton_regular;   color: #BF2228;  }

								/* ANNUAIRES */
								.container_header_annuaire { height: 480px;   opacity: 0;   animation: fadeIn .2s ease-in 0s 1 normal forwards;   position: relative;   padding-top: 150px;   width: 100%;   max-width: 1200px;   margin: 0px auto 0 auto;   background-color: #e19c98;

								}
								.container_header_annuaire .fil_ariane { position: absolute;   top: 20px;   left: 20px;   font-size: 12px;   color: #fff;   background-color: #e19c98;  }
								.container_header_annuaire h2 {text-align:center;color:#FFF;}
								.container_header_annuaire p {text-align:center;color:#FFF;}

								.container_header_annuaire .color-titre-labo { top: 210px;  }
								/* ANNUAIRES CHERCHEURS*/

								.menu_haut_annuaire_sel {

								}

								.bloc-chercheur-list img { text-align:center;   /*padding: 0 30px 30px 30px;*/
								}
								.bloc-chercheur-list { text-align:center;line-height:26px;  }
								.bloc-chercheur-list a:hover { color:#BF2228;  }
								.container-chercheur-single .row {	   margin-bottom:60px;   font-family: campton_regular;  }

								.container-chercheur-single a {	   color:#BF2228;  }
								.bloc-chercheur-list a:hover { text-decoration:underline;  }
								.bloc-cherch-single { text-align:center;  }
								.global_contour .bloc-cherch-single ul li { text-align:left;margin-left: 15px;  }
								.global_contour .bloc-cherch-single ul {	  margin-left: 15px;  }
								.bloc-cherch-single a { color:#000;  }

								/* ANNUAIRES LABOS */

								.intro_form_mshb span { padding: 10px 0 0 0;   display:block;  }

								.container-labo-single .row {	   margin-bottom:60px;  }
								.container-labo-single a {	   color:#BF2228;  }
								.container-labo-single a:hover { text-decoration:underline;  }
								.container-labo-single h3 { text-align: center;  }
								.bloc-labo-list img { text-align:center;   padding: 0;  }
								.bloc-labo-list { text-align:center;  }
								.bloc-labo-list a:hover { color:#BF2228;  }
								.color-titre-labo { color:#FFF;   background-color:#BF2228;   /*padding:2px 5px;*/
								}
								.color-titre-labo-head {padding:2px 5px;}
								.bloc-labo-list-plugin,.bloc-labo-list-resp,.bloc-labo-list-adresse,.bloc-labo-list-effectifs,.bloc-labo-list-pagi { text-align:center;   line-height:26px;  }
								.bloc-labo-list-plugin p,.bloc-labo-list-resp p,.bloc-labo-list-adresse p,.bloc-labo-list-effectifs p,.bloc-labo-list-pagi p { font-family: campton_regular !important;text-align:center;  }

								.bloc-labo-list-adresse p, .bloc-labo-list-resp p, .bloc-labo-list-effectifs p {	  display: block;width: 85%;margin: 0 auto;text-align: left !important;  }
								.bloc-labo-list-pagi a { text-transform:uppercase;  }
								.bloc-labo-list-plugin a { padding:5px 10px;   background-color:#BF2228;   color:#FFF;  }
								.bloc-fiche-labo-web { background-color:#000;   color:#FFF !important;   padding: 5px 10px;  }

								.legende-labo-list ul li {list-style: none;}
								.legende-labo-list a.type-sel {color:#BF2228;}
								/* MEDIAS */
								.medias-liste-titre { font-weight:bold;  }
								.medias-liste-titre a:hover { color:#c33932;  }
								.bloc-medias-liste-suite {	  color:#c33932;   text-decoration:underline;float:right;padding-top:5px;  }
								.bloc-medias-single-date { margin-bottom:35px;  }
								.bloc-medias-single-date span { width:200px;   border-bottom:1px solid #BF2228;   padding-bottom:10px;  }
								.bloc-list-liens ul li { background-color:red;   list-style: none;   background: url("../img/pictos/picto-lien.png") 0 3px no-repeat;   padding: 0 0 0 25px;   text-align: left;  }
								.medias-liste-image { border: 1px solid #DDDDDD;   width: 100%;   min-height: 100px;   position: relative;   background-color: rgba(0, 0, 0, 0.1) !important;  }
								.medias-liste-image .tag { position: absolute;   left: 40%;   top: 35%;   z-index: 1000;  }

								.blocTelecharger a, .blocTelecharger a:hover { background: url('../img/pictos/picto-lienext-pt.png') 0 0 no-repeat;   padding-left: 25px;   font-family: campton_regular;   color: #BF2228 !important;  }

								/* AGENDA */
								/* .bloc-agenda-liste { margin-bottom: 45px;  }
								.agenda-liste-titre { font-size: 18px;font-weight: bold;text-align: center;  }
								.agenda-liste-pole { text-align: center;margin-bottom: 15px;   font-family: campton_regular;  }
								.agenda-liste-pole span { border-bottom: 1px solid #c33932;padding-bottom: 5px;  }
								.agenda-liste-type { text-align: center;margin-bottom: 15px;   font-family: campton_regular;  }
								.agenda-liste-date { background-color:#db8884;   color:#FFF;text-align: center;   padding: 35px 15px;margin-top:4px;  }
								.agenda-liste-date-passe { background-color:#999999;  }
								.agenda-liste-date .bloc-agenda-liste-jour { font-size:36px;  }
								.agenda-liste-date .bloc-agenda-liste-mois { font-size:24px;  }
								.agenda-liste-txt { margin-bottom:15px;  }
								.agenda-liste-mensuel { margin-bottom:30px;margin-top:30px;  }
								.bloc-agenda-single-pole { text-align: center;margin-bottom: 15px;   font-family: campton_regular;  }
								.bloc-agenda-single-type { font-family: campton_regular;  }
								.bloc-agenda-single-pole span {	  border-bottom: 1px solid #c33932;padding-bottom: 5px;  } */

								/* POLES */
								ul.poles-menu { text-align:center;   margin-bottom:45px;   /*display:inline-block;*/}
								.poles-menu li { /*float:left;*/
									display:inline-block;   border:1px solid #005dac;	padding:2px 5px;  }
								.poles-menu li a { font-family: campton_regular;   color:#005dac;  }
								.poles-menu li a:hover { color:#000;  }
								.color_plateforme .poles-menu li { border: 2px solid #FFD52D;  }
								.color_plateforme .poles-menu li a { color: #000000;  }
								.color_mshb .poles-menu li { border:1px solid #4A8A78;  }
								.color_mshb .poles-menu li a { color:#4A8A78;  }
								.pole-single { margin-bottom:120px;  }
								/* .pole-single h2 { text-align:center;   font-size:42px;   min-width:400px;  } */
								.page-poles-recherche-mshb .container_titre { width: 100%;   margin-top: 80px;  }
								.page-poles-recherche-mshb h2[id^="pole"] {display: initial;}
								.pole-single h3 { text-align:center;  }

								.pole-single-responsable { text-align:center;   margin-top:20px;   font-size:12px;   min-height:220px;  }
								.pole-single-responsable img { display:initial;   /*padding-bottom:10px;*/}
								.pole-single-responsable a.lien-resp { font-weight:bold;   /*text-decoration:underline;*/
								  font-family: campton_regular;  }
								.pole-single-responsable a.lien-resp:hover { /*color:#005dac;*/ }
								.btn-link { margin-top:20px;  }
								.btn-link a {	  color:#FFF;font-family: campton_regular;   padding:8px 10px 5px 10px;background-color:#005dac;  }

								.page-poles-recherche-mshb .slider-projet h2 { font-size: 14px;  }
								.slider-projet .bloc-projets-liste-suite { line-height:1.1em;   font-size:1.1em;  }

								/* PLATEFORMES */
								.btn-plateforme a { background-color: #FFD52D;   color:#000;   display: block;   text-align: center;  }
								.bloc-com-titre a { font-weight:bold;  }
								.bloc-com-embed .share-uhb {	  margin-bottom: 20px;  }
								.bloc-com-embed iframe { width: 100%;   height: 100%;  }
								.btn-outils-medias { margin-top:15px;   margin-bottom:35px;  }
								.btn-outils-medias a { background-color: #FFD52D;   color:#000;   padding:5px 10px;   margin-bottom:20px;font-family: campton_regular;  }
								.pole-single .container_titre p { margin:0 !important;  }


								/* PROJETS */
								.page-projets-mshb .form_mshb button { border-color: #005dac;   color: #005dac;  }
								.page-projets-mshb .form_mshb button:hover { background: #005dac;   color:#FFF;  }
								.page-projets-mshb .btn-projets-tri-sel { background-color: #005dac !important;   color: #FFF !important;  }
								.page-projets-mshb .select_orderBy { background: #fff !important;   font-size: 12px !important;   color: #666 !important;   border: none !important;   width: initial;   -webkit-rtl-ordering: logical;  }
								.page-projets-mshb .form_mshb .form-champs-recherche input { border-color: #005dac;  }
								.page-projets-mshb .form_mshb .form-champs-recherche input.subForm, .page-projets-mshb .form-general-recherche .form-champs-recherche input.resetForm{ background-color:#005dac;  }
								.btn-projets-tri-sel { background-color:#c33932 !important;   color:#FFF !important;  }


								.projet_item .bloc-projets-liste-suite { color:#000;   text-decoration: none;  }
								.projet_item_twitter iframe { min-height:250px !important;  }
								.bloc-projet-encours { font-weight:bold;   font-size: 0.8em;  }
								.bloc-projet-mcle span a { color: #AAA;   border: 1px solid #DDD;  padding: 3px 5px 0px 5px;  font-size: 13px;   margin-bottom:5px;   display: inline-block;   font-family: campton_regular;  }
								.bloc-projet-mcle span a:hover { color: #000;  }

								.container-projet-single h2 { font-size: 16px;   /*line-height:12px;*//*margin-bottom:0;*/}
								.container-projet-single .liste-details {   margin-top:15px;	  }
								.container-projet-single .liste-details-part { margin-top:8px;  }

								.container-projet-single .contenu_lie_projet p a { color:#000;   text-decoration: none;   font-weight:bold;  }
								.container-projet-single .contenu_lie_actus .actus-liste-titre { font-size: 0.8em;   font-weight:bold;   margin-top:15px;  }
								.container-projet-single .contenu_lie_actus .actus-liste-txt ,  .container-projet-single .contenu_lie_actus .bloc-liens-direct a{  /*display:none;*/ font-family: campton_regular !important; font-size: 0.8em;}

								.container-projet-single .contenu_lie_actus a.bloc-actus-liste-suite,
								.container-projet-single .contenu_lie_medias a.bloc-medias-liste-suite{ /*background-color: transparent;   font-size: 0.8em;   color:#000;   text-decoration: underline;   font-family: campton_regular !important;*/}
								/* .container-projet-single .contenu_lie_agenda .agenda-liste-titre-projet{ margin-top:15px;  }
								.container-projet-single .contenu_lie_agenda .agenda-liste-titre-projet a{  font-size: 0.8em;    font-weight:bold;   		 }
								.container-projet-single .contenu_lie_agenda .agenda-liste-txt{ font-size: 0.8em;  } */

								.container-projet-single .contenu_lie_medias .medias-liste-titre-projet{ margin-top:15px;  }
								.container-projet-single .contenu_lie_medias .medias-liste-titre-projet a{  font-size: 0.8em;    font-weight:bold;   		 }
								.container-projet-single .contenu_lie_medias .medias-liste-txt{ font-size: 0.8em;  }

								/* RECHERCHE INTERNE */
								.blocResultatRecherche { margin-top: 15px;  }
								.blocResultatRecherche span.typeRecherche { font-size:0.6em;   border:1px solid #ddd;   padding:2px 5px;  }
								.blocResultatRecherche a.lienTitreRecherche { color:#000;   font-family: campton_regular;   font-weight: bold;  }
								.blocResultatRecherche a.lienTitreRecherche:hover { text-decoration: underline;  }
								.blocResultatRecherche .resumeRecherche { font-size:0.8em;   padding:5px 0 0 0;  }
								.blocResultatRecherche a.lienSuiteRecherche { color:#c33932;   font-size:0.8em;   text-transform: uppercase;   font-family: campton_regular;  }
								.blocResultatRecherche a.lienSuiteRecherche:hover { text-decoration: underline;  }

								/* RECHERCHE EXTERNE */
								#imoco_search {	  margin:0 !important;  }
								#imoco_query {	  border-bottom-left-radius: 0px !important;  border-top-left-radius: 0px !important;  border-top-right-radius: 0px !important;  border-bottom-right-radius: 0px !important;  padding: 8px 10px 3px 10px !important;  }
								#imoco_submit {	    background-color: #c33932 !important;  border-bottom-right-radius: 0px !important;  border-top-right-radius: 0px !important;  }

								/* MOTS CLES */
								.bloc-actus-single-mc span a { color:#AAA;   border: 1px solid #DDD;   padding: 2px 5px;  }
								.bloc-actus-single-mc span a:hover { color:#000;   text-decoration: none;  }


								/* english */
								.poles-menu-en li { border:1px solid #4A8A78;  }
								.poles-menu-en li a { color:#4A8A78;  }

								/* contact */
								.contact-menu li { border:1px solid #BF2228;  }
								.contact-menu li:hover { background-color: #BF2228;  }
								.contact-menu li a { color:#BF2228;  }

								/* DIVERS - COLONNES */
								.bloc-2cols {	  -moz-column-count:2;   -moz-colum-width:50%;   -moz-column-gap:30px;   -webkit-column-count:2;   -webkit-colum-width:30%;   -webkit-column-gap:20px;   column-count: 2;   colum-width:50%;   column-gap:20px;  }

								/* AAP */
								.bloc-pole-aap { height:80px;   font-size:14px;   text-align:center;   font-weight:bold;  }
								.bloc-app-docs p{ font-size:14px;  }
								.bloc-aap-calendrier div { border-left:3px solid var(--current_color);   min-height: 250px;  margin: 20px auto;   overflow: hidden;   padding: 20px;   text-align: left;    }
								.bloc-aap-calendrier div h4 { font-size:22px; color: var(--current_color);  }
								.bloc-aap-calendrier div h3 { font-size:26px; color: var(--current_color);  }
								.bloc-aap-calendrier div p {   font-size:13px;   text-align: left;  }
								.bloc-aap-calendrier div li {   font-size:13px;   text-align: left;  }

								/*.color_home #image_bandeau { 	border-left: 6px solid #bf2229;  border-top: 6px solid #bf2229;  border-right: 6px solid #bf2229;  }*/

								/* PARTAGE */
								.bloc-social { margin-top:30px;  }
								.bloc-social button {	  display: inline-block;width: 25px;height: 25px;margin: 0 7px 0 0px;border: none;text-indent: -30000px;  }
								div.bloc-social button.rs-facebook { background: transparent url(../img/pictos/picto-partage-facebook.png) 0 0 no-repeat;}
								div.bloc-social button.rs-twitter { background: transparent url(../img/pictos/picto-partage-twitter.png) 0 0 no-repeat;}
								div.bloc-social button.rs-google { background: transparent url(../img/pictos/picto-partage-google.png) 0 0 no-repeat;}
								div.bloc-social button.rs-print { background: transparent url(../img/pictos/picto-partage-print.png) 0 0 no-repeat;}


								/* CENTRER LES COLONNES - BOOTSTRAP */
								.row-centered { text-align: center;  }
								.col-centered { display: inline-table;   float: none;   text-align: left;   margin-right: -4px;   vertical-align: top;  }

								/* ACCUEIL */

								.bloc-home-service {}
								.bloc-home-service-img { 	height: 139px;  }
								.bloc-home-service-img span { display: inline-block;   margin: 0;   padding: 0px 5px;   line-height: 1.3em;   padding: 5px;   max-width: 96%;   min-height: 2em;   font-size: 16px;   font-family: campton_medium;   background: #FFF;   color: #000;   border: 1px solid #000;  }
								.bloc-home-service-img span a { font-weight: bold;  }

								.bloc-home-recherche { }
								.bloc-home-recherche-titre a { font-family: campton_regular;   font-weight:bold;   line-height:0.8;  }
								/* .bloc-home-recherche-img { background: url('../img/mshb_home_recherche.jpg') 0 0 no-repeat; height: 139px;  } */
								.bloc-home-recherche-img span { display: inline-block;   margin: 0;   padding: 0px 5px;   line-height: 1.3em;   padding: 5px;   max-width: 96%;   min-height: 2em;   font-size: 16px;   font-family: campton_medium;   background: #FFF;   color: #000;   border: 1px solid #000;  }
								.container_header_home span.sstitre{ position: absolute;   top:340px;   left:0;   z-index: 10;   font-family: campton_medium;   font-size: 30px;   height: 1em;   text-align: center;   color: #fff;   display:block;   width:100%;   line-height:1.2;  }


								/* AUTRES */
								.page-annuaires-mshb #formlabos button.btn-actus-tri-selX, .page-annuaires-mshb #formcherch button.btn-actus-tri-selX { background: #c33932;   color:#FFF;  }
								.page-projets-mshb #formPROJETS button.btn-actus-tri-sel, .page-annuaires-mshb #formcherch button.btn-actus-tri-sel { background: #c33932;   color:#FFF;  }
								p a.btn-reserver-services { border: 2px solid #4A8A78 !important;   padding:3px 8px 1px 8px !important;   font-family: campton_regular;   color:#4A8A78;  }
								p a.btn-reserver-services:hover { background-color:#4A8A78;   color:#FFF;  }
								/* pagination lien */
								.pagi-current-page { font-family: campton;   margin-top: 20px;   font-size: 14px;   color: #000;   /*border: 3px solid #c33932;   background-color: #c33932;*/
									padding: 3px 5px 2px 5px;   margin-top: 20px;   display: inline-block;  }
								iframe { min-height: 80px;  }

								/* LIENS */
								a.liensite, a.liensite:hover {	/*	background: url('../img/pictos/picto-lien-pt.png') 0 0 no-repeat;*/
								  font-family: campton_regular;color:#BF2228;  }
								a.liensite:before, a.liensite:hover:before{	content: "\e072";   		font-family: 'Glyphicons Halflings';   		margin-right: 5px;   		color: #000;  }

								a.liensiteext, a.liensiteext:hover { background: url('../img/pictos/picto-lienext-pt.png') 0 0 no-repeat;   padding-left:25px;font-family: campton_regular;color:#BF2228;  }

								/* TIMELINE */
								.bloc-timeline iframe { height:650px !important;  }


								/* AAP */
								.color_recherche .panel {	    border: 2px solid #005dac;  }
								.color_recherche input {	  border: none !important;  }
								.color_recherche .btn-aap:hover {	  background-color:#FFF;color:#005dac;  }
								.color_recherche .btn-aap-add {	  margin-top: 30px;background-color:#FFF;color:#BF2228;border: 2px solid #BF2228 !important;  }
								.color_recherche .btn-aap-add:hover {	  background-color:#BF2228;color:#FFF;  }
								input[type="file"] {	  min-height:60px;  }

								#edit-submitted-webform-intention-signature-du-responsable-scientifique-upload-button--3, .btn-default {	  background-color:#333;color:#FFF !important;  }

								.table-liste-aap {	  width:100%;background-color:#005dac;/*padding:1px;*/
								}

								table.table-liste-aap tr td{background-color: #FFF;padding:1px;}

								table.table-liste-aap tr.rbg th,table.table-liste-aap tr.rbg td {	    text-align:center;  background-color: #FFFFFF;  padding:5px 3px;  }
								table.table-liste-aap tr.rbg th {	  color:#FFF;background-color: #005dac;  }
								table.table-liste-aap input {	  margin-bottom: 5px;background-color:transparent;border-bottom:1px solid #005dac !important;  }

								table.table-liste-aap input:hover {	  color:#005dac;  }

								.color_recherche .webform-client-form input {	    border: 1px solid #005dac !important;  }
								.color_recherche .panel-heading, .panel-default > .panel-heading {	  background-color: #005dac;  }
								.color_recherche .webform-submit.btn{	  background-color: #005dac !important;  }
								.color_recherche #edit-retour.btn, .btn-retour.btn { color: #005dac !important;   border: 2px solid #005dac !important;  }
								.color_recherche #edit-retour.btn { color: #FFFFFF !important;   background-color: #c33932 !important;   border: none !important;   float:right;  }

								.ui-helper-hidden-accessible {display:none;}

								.page-node fieldset.webform-submission-info,
								.page-node .webform-submission-navigation { display:none;  }

								/* DIAPORAMA */
								/* Slider */
								.slick-slider{position: relative; display: block;  box-sizing: border-box; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select: none; -webkit-touch-callout: none;  -khtml-user-select: none;  -ms-touch-action: pan-y; touch-action: pan-y;  -webkit-tap-highlight-color: transparent;  }
								.slick-list{position: relative; display: block;  overflow: hidden; margin: 0;  padding: 0;  }
								.slick-list:focus{outline: none;}
								.slick-list.dragging{cursor: pointer;  cursor: hand;  }
								.slick-slider .slick-track,
								.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);  -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);  }
								.slick-track{position: relative;  top: 0;  left: 0;display: block;  }
								.slick-track:before,
								.slick-track:after{display: table;content: '';  }
								.slick-track:after{clear: both;  }
								.slick-loading .slick-track{visibility: hidden;  }
								.slick-slide{display: none;  float: left;height: 100%;  min-height: 1px;  }
								[dir='rtl'] .slick-slide{float: right;  }
								.slick-slide img{display: block;  }
								.slick-slide.slick-loading img{display: none;  }
								.slick-slide.dragging img{pointer-events: none;  }
								.slick-initialized .slick-slide{display: block;  }
								.slick-loading .slick-slide{visibility: hidden;  }
								.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;  }
								.slick-arrow.slick-hidden {display: none;  }
								.slick-loading .slick-list{ background: #fff url('./ajax-loader.gif') center center no-repeat;  }
								/* Icons */
								@font-face{ font-family: 'slick';   font-weight: normal;   font-style: normal; src: url('./fonts/slick.eot');   src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');  }
								/* Arrows */
								button.slick-prev, button.slick-next { font-size: 0; line-height: 0; position: absolute; top: 30%; display: block; width: 32px; height: 32px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
								button.slick-prev{ left: -35px;  }
								button.slick-next{ right: -35px;  }
								button.slick-prev::before {content: '←';}
								button.slick-next::before {content: '→';}
								button.slick-prev::before, button.slick-next::before {  font-family: campton_regular;  font-size: 20px;  line-height: 1;  opacity: 1;  color: var(--current_color);  border-radius: 50%;  width: 32px;  height: 32px;  display: block;  padding: 4px;  border: 2px solid var(--current_color);  font-size: 24px;}
								button.slick-prev:hover::before, button.slick-prev:focus::before, button.slick-next:hover::before, button.slick-next:focus::before {color: white;outline: none;background: var(--current_color);}

								[dir='rtl'] .slick-prev{ right: -25px;   left: auto;  }
								[dir='rtl'] .slick-next{ right: auto;   left: -25px;  }


								/* Dots */
								.slick-slider{ margin-bottom: 30px;  }
								.slick-dots{ position: absolute;   bottom: -45px; display: block; width: 100%;   padding: 0; list-style: none; text-align: center;  }
								.slick-dots li{ position: relative; display: inline-block; width: 10px;   height: 10px;   margin: 0 5px;   padding: 0;   background-color: #FFF;   border:1px solid #000;   border-radius: 5px;   cursor: pointer;  }
								.slick-dots li button{ font-size: 0;   line-height: 0; display: block; width: 20px;   height: 20px;   padding: 5px; cursor: pointer; color: transparent;   border: 0;   outline: none;   background: transparent;  }
								.slick-dots li button:hover,
								.slick-dots li button:focus{ outline: none;  }
								.slick-dots li button:hover:before,
								.slick-dots li button:focus:before{ opacity: 1;  }
								/*.slick-dots li button:before{font-family: 'slick';  font-size: 6px;  line-height: 20px;
								    position: absolute;  top: 0;  left: 0;
								    width: 20px;  height: 20px;
								    content: 'Ac�,��c';  text-align: center;
								    opacity: .25;  color: black;
								    -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  }*/
								.slick-dots li.slick-active button:before{ opacity: .75;   color: black;   /*background-color: red;*/
								}

								/** DIAPORAMA **/
								.slider-projet, .slider-projet .slick-list { }
								.slider-projet .slick-slide{outline:none;}
								.slider-projet ul.slick-dots { margin:0;   list-style:none;   background:none;   width:100%;   text-align:center;   position: initial;  }
								.slider-projet ul.slick-dots li { margin:0 5px 0 0;   list-style:none;   background-color:#FFF;   padding:0 5px 0 0;   display:inline-block;  }
								.slider-projet ul.slick-dots li.slick-active { background-color:#000;  }

								/* LIENS */
								.liste_color_link li a{ font-size: 14px; font-family: campton_regular;border: 2px solid #4A8A78; border-top: none; display: inline-block;  padding: 2px 7px 0 5px; margin:0px; line-height: 1.4em; color: #fff;background: #4A8A78;   }
								.liste_color_link li a:hover{ background: #fff; color: #4a8a78 }

								/* FORMULAIRES */
								.webform-submit.btn, #edit-submit {color:#fff;background-color: #337ab7;border-color: #2e6da4;}
								#edit-retour.btn, .btn-retour.btn, #edit-cancel {color:#fff;background-color: #ccc;border-color: #ccc;}


								/* HOME TWITTER */
								.bloc-home-news iframe {	  border:none !important;  }
								.bloc-home-news iframe #embedded, #embedded {	  box-shadow:none !important;  }

								/* Return on top */
								#returnOnTop {	    background: url('../img/pictogramme_retour_en_haut_de_page-pt3.png') no-repeat;  bottom: 1%;  cursor: pointer;  display: none;  height: 50px;  position: fixed;  right: 3%;  width: 51px;  opacity:0.5;  z-index:100000;  }

								#returnOnTop:hover {	    opacity:1;  }

								.container_header .sstitre img { position:initial;   width:initial;  }

								/* SALLES */
								#planyo_content { padding: 50px 0;  }
								.planyo .resource_right_container { width: 27%;  }
								.planyo #reservation_code { width:600px;   margin: 0 auto;  }
								#reservation_header .reservation_steps { float: none;   text-align: center;  }
								#reservation_code .calendar_prev { max-width: 1000px;  }
								.language { margin-left: 200px;  }
								.planyo iframe {border:none;}
								#price_info_div_sticky_right { background-color: #FFF;   opacity: 1;   height: 150px;   padding-top: 0;   top: 350px;   border: 2px solid #BF2228;   border-radius: 25px;  }
								.global_contour #planyo_content input#submit_button { border: 2px solid #BF2228 !important;   border-radius: 10px;  }

								/* RESPONSIVE */

								@media only screen and (max-width: 800px) {
									.container_header_home span.sstitre {	  top:170px;font-size:20px;  }
								}

								@media only screen and (max-width: 450px) {
									.container_header_home span.sstitre {	    top: 120px;  font-size: 1em;  }
								}


								/** VERSION IMPRESSION **/
								@media print {	  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
								  a, a:visited { text-decoration: underline; }
								  a[href]:after {	    content: none !important;}
								  abbr[title]:after { content: " (" attr(title) ")"; }
								  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
								  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
								  thead { display: table-header-group; } /* h5bp.com/t */
								  tr, img { page-break-inside: avoid; }
								  img { max-width: 100% !important; }
								  @page { margin: 0.5cm; }
								  p, h2, h3 { orphans: 3; widows: 3; }
								  h2, h3 { page-break-after: avoid; }

								  .node-type-page .field-item { 	border-left: none;border-right: none;   }
									a:link:after, #content a:visited:after {	  content: "";font-size: 90%;}
									a {text-decoration:none;}

								  /* Affichage du logo responsive*/
								  .tabs--primary, #sidebar, #navbar, #returnOnTop {display:none !important;}
								  #extended_logo {display:block !important;}
								  #logo-print {display:block !important;text-align:center;}
								}

								/** LIENS RESPONSIVES **/
								#bottomsidebar {display:none;}
								@media only screen and (max-width: 1050px){ .navbar-right { 	top: 31px;   	padding-top:0;   }
									.navbar-right li { 	height:18px;   }
									.navbar-left a { 	margin-right: 5px;   }
								}
								@media only screen and (max-width: 768px){	  #bottomsidebar {	    display:block;  position:fixed;  bottom:0;  text-align:center;  background-color:#eee;  width:100%;  padding:10px 0 5px 0;  z-index:1000;  border-top: 1px solid #ccc;}
								  #bottomsidebar a {margin-right:10px;}
								  .nonVisibleResponsive { display:none; }
								}

								#imoco_search #imoco_submit {	background-color: #c33932 !important;  }
								.file-upload-js-error {color:red;}

								/* WEBFORM */
								.webform-client-form { display: block;  }
								.webform-container-inline label { display: block;   width: initial;   margin: 0.5em auto 0 auto;  }

								.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-right: 10px;  }
								.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: initial;  }

								.webform-container-inline.webform-component-file .help-block { display: inline-block;   float:left;   margin-top:-20px;   font-size:12px;   font-style:italic;   width: 100%;  }
								.webform-container-inline.webform-component-file .help-block a { display: none;  }
								.webform-component-file .help-block { /*display: none;*/}
								.webform-client-form .form-actions { width:50%;   float: left;  }
								.panel-heading, .panel-default>.panel-heading { font-size:initial;  }
								.color_recherche .webform-client-form .has-error .control-label { color:initial;  }

								.color_recherche .webform-client-form .has-error .form-control { border-color: #005dac;   		 }

								/* SLICK PROJET */
								.page-projets-mshb .slick-prev, .page-projets-mshb .slick-next { top: 30% !important;  }
								.page-projets-mshb .slick-prev { left: -35px !important;  }
								.page-projets-mshb button.slick-arrow { border: 2px solid transparent !important;  }
								@media (max-width: 800px){ .page-projets-mshb .slick-prev { 	left: 0 !important;   	z-index: 100;   }
									.page-projets-mshb .slick-next { 	right:0 !important;   	z-index: 100;   }
								}

								a.lienancre {	 padding: 5px 10px;   		 background-color:  #fff;   		 border: 2px solid #005dac;   		 color: #005dac;   		 text-align: center;   		 display: inline-block;   		 margin: 10px;   		 font-family: "campton_regular";   		color: #005dac;  }
								a.lienancre:hover {	 background-color: #005dac;   		 border: 2px solid #005dac;   		 color: #fff;   		 }


								/* fin stylesv2.css */







								/* fichier stylesv3.css (https://dev.mshb.fr/sites/all/themes/mshbv2/css/stylesv3.css?qnp6gh) */
									.node-forum .comment {     border:1px solid black;       padding:15px;       margin: 5px;   }
									.node-forum .submitted .permalink {     display:none;   }
									.node-forum .indented {     margin-left:25px;   }
									.node-forum .submitted {     font-style: italic;       font-size:12px;   }
									.node-forum .links li.comment-delete a {     border:1px solid red;       background-color: red;       padding: 5px;       color:#FFF;   }
									.node-forum .links li.comment-delete a:hover {     background-color: white;       color:red;   }

									.node-forum .links li.comment-edit a {     border:1px solid blue;       background-color: blue;       padding: 5px;       color:#FFF;   }
									.node-forum .links li.comment-edit a:hover {     background-color: #FFF;       color:blue;   }

									.node-forum .links li.comment-reply a {     border:1px solid green;       background-color: green;       padding: 5px;       color:#FFF;   }
									.node-forum .links li.comment-reply a:hover {     background-color: #FFF;       color:green;   }

									.node-forum .links li.comment-add a {      border:1px solid orange;        background-color: orange;        padding: 5px;        color:#FFF;    }
									.node-forum .links li.comment-add a:hover {     background-color: #FFF;       color:orange;   }

									.node-forum .comment-form {     width:80%;       margin: 20px auto 0 auto;       border:1px solid #000;       padding:20px;   }
									.node-forum .comment-form fieldset#edit-comment-body-und-0-format {      display:none;    }
									form {     /*background: red;*/
									}





									/*
									This file contains colors, graphics, and text effects.

									Colors used:
									  #C1C1C1 Borders, post seperator, avatar frame, statistics subheader.
									  #333333 Table header font color.
									  #F5F5F5 to #DDDDDD Gradient on table headers, post info, stats header, top
									                     post footer, topic navigation.
									  #F5F5F5 to #EFEFEF Gradient on topic list background.
									  #F5F5F5 Stats section background.
									  #FAFAFA Text area on posts.
									*/

									/*** PAGER *******************************************************************/

									/* This is the pager on the topics in the list */
									.topic-pager {     font-style: italic;   }

									.forum-pager .pager a,
									#forum-comments .pager a {     font-weight: bold;   }

									.forum-pager .pager a:link,
									.forum-pager .pager a:visited,
									#forum-comments .pager a:link,
									#forum-comments .pager a:visited {     text-decoration: none;       border: 1px solid #C1C1C1;       background: #EFEFEF;       background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#EFEFEF));       background: -moz-linear-gradient(top, #F5F5F5, #EFEFEF);   }

									.forum-pager .pager-current,
									.forum-pager .pager a:hover,
									#forum-comments .pager-current,
									#forum-comments .pager a:hover {     background: #333333;       color: #FFFFFF !important;   }

									.forum-pager .pager a.active,
									#forum-comments .pager a.active {     color: #333333;   }

									/*** FORUM & TOPIC LISTS ******************************************************/

									/* Forum list and topic list tables */
									.forum-table {     border: 1px solid #C1C1C1;   }

									/* Table name and description on forum list and table header on topic list */
									.forum-table-wrap .forum-table-superheader,
									.forum-table-topics thead tr  {     border: 1px solid #C1C1C1;       background: #DDDDDD;       background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));       background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);       color: #333333;   }

									/* Table name on forum list */
									.forum-table-superheader .forum-table-name,
									.forum-table-superheader .forum-table-name a {     color: #333333;       font-weight: bold;       color: #333333;       font-weight: bold;       border-bottom: none;   }

									/* Table header on forum list */
									.forum-table-wrap thead tr {     background-color: #F5F5F5;       border: 1px solid #C1C1C1;   }

									/* Table header on forum list and topic list */
									.forum-table thead tr a,
									.forum-table thead tr a:visited,
									.forum-table thead tr a:link {     color: #333333;       font-weight: bold;   }

									/* Reset to avoid bleed-thru from theme */
									.forum-table thead th {     border-bottom: none;   }

									/* Rows on both tables */
									.forum-table tr.even,
									.forum-table tr.odd {     border-top: 1px solid #C1C1C1;       background: #EFEFEF;       background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));       background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);   }

									/* Active column on both tables - reset to prevent bleed thru from theme */
									.forum-table tr.even td.active,
									.forum-table tr.odd td.active{     background-color: transparent;   }

									/* Individual cells on both tables */
									.forum-table td {     border: 1px solid #C1C1C1;   }

									/* Placeholder when there are no topics in the list */
									.view-advanced-forum-topic-list .view-empty {     border: 3px solid #C1C1C1;   }

									/*** Sticky topics ***/
									.forum-table tr.forum-last-sticky {     border-bottom: 10px solid #C1C1C1;   }

									.forum-table .sticky-label {     font-weight: bold;   }


									.forum-topic-header {     margin:10px;   }

									/*** FORUM TOPICS **********************************************************/

									div.forum-post {     border: 1px solid #C1C1C1;       margin:10px;   }
									div#forum-comments .indented {     margin-left:25px;   }
									h2.comment-form {     text-align: center;       padding-top:45px;   }
									#comment-form {     width:80%;       margin: 20px auto 0 auto;       border:1px solid #000;       padding:20px;   }
									#comment-form fieldset#edit-comment-body-und-0-format {     display:none;   }
									#comment-form input {     border: 3px solid #DDD !important;   }
									.page-comment-reply .container_header {     height: 150px;   }
									#forum-comments .links li.comment-edit a {

									}
									/* Header at the top of each post */
									.forum-post-info {     border-top: 1px solid #FAFAFA;       background: #DDDDDD;       background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#DDDDDD));       background: -moz-linear-gradient(top, #EFEFEF, #DDDDDD);       color: #333333;       font-weight: bold;       border-bottom: 1px solid #C1C1C1;   }

									.forum-posted-on {     font-weight: bold;   }

									.forum-post-number a {     color: #333333 !important;   }

									/* Wrapper around author pane and content */
									.forum-post-wrapper {     background-color: #F5F5F5;   }

									/* Author information pane */
									.forum-post-panel-sub .author-pane .author-name {     font-weight: bold;   }

									.forum-post-panel-sub .author-pane .picture img {     border: 1px solid #C1C1C1;       background-color: #FFFFFF;   }

									.forum-post-panel-sub .author-pane .author-pane-label {     font-weight: bold;   }

									/* Post text area */
									.forum-post-panel-main {     border-left: 1px solid #C1C1C1;       background-color: #FAFAFA;   }

									.forum-post-title {     font-weight: bold;       border-bottom: 1px solid #C1C1C1;   }

									/* Signature */
									.author-signature {     font-size: .8em;   }

									/* Post footer */
									.forum-post-footer {     border-top: 1px solid #C1C1C1;   }

									.forum-jump-links {     border-right: none;   }

									/* Box under top post before first reply */
									.forum-top-post-footer {     border: 1px solid #C1C1C1;       background: #DDDDDD;       background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));       background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);   }

									/* Topic navigation */
									.forum-topic-navigation {     border: 1px solid #C1C1C1;       background: #DDDDDD;       background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DDDDDD));       background: -moz-linear-gradient(top, #F5F5F5, #DDDDDD);   }

								/* fin stylesv3.css */



								/* fichier rte.css (https://dev.mshb.fr/sites/all/themes/mshbv2/rte.css?qnp6gh)*/
									table.fond, td.fond, div.fond {}

									.img-responsive {}

									/* PICTOS TEL + EXT */
									a.picto-tel {   color:red
									}
									a.picto-ext {   color:green;   }

									/* LISTES */
									ul.liste_color_link {
									}
									a.ensavoirplus {     border: 2px solid #4A8A78;       background-color: #4A8A78;   }

									a.lien_externe {     color:red;   }
									a.telechargement {     color:green;       background:url('./img/pictos/picto-tel.png') 0 0 no-repeat;       padding-left: 20px;   }
								/* fin rte.css */
:root {
    --color0 : #000000;
    --color1 : #BF2228;
    --color2 : #FFD52D;
    --color3 :#005dac;
    --color4 : #4A8A78;
    --text_color :  var(--color0);
	--current_color : var(--color1);
    --fontSize_unit : 1px;
  }

.test{ font-weight: bold; }

.color_home{
    --current_color : var(--color1);
    --svg_bg_color :var(--color1);
    --svg_pt_color: #9a2020
}
.color_plateforme{
    --current_color : var(--color2);
    --svg_bg_color :var(--color2);
    --svg_pt_color: #ffae21;
}
.color_recherche{
    --current_color : var(--color3);
    --svg_bg_color :var(--color3);
    --svg_pt_color: #337ab7;
}
.color_mshb{
    --current_color : var(--color4);
    --svg_bg_color :var(--color4);
    --svg_pt_color: #21715a;
}


.txt_xs { font-size: calc( var(--fontSize_unit) * 11); }
.txt_s { font-size: calc( var(--fontSize_unit) * 13); }
.txt_m { font-size: calc( var(--fontSize_unit) * 16); }
.txt_l { font-size: calc( var(--fontSize_unit) * 18);  }



/* FONT FACES */
@font-face {  font-family: campton_light; src: url(https://raw.githubusercontent.com/jamelsuan/MSHB-modifs/main/mshbv2/font/Campton/Rene.Bieder_Campton.Light.otf); }
@font-face {  font-family: campton_regular; src: url(https://raw.githubusercontent.com/jamelsuan/MSHB-modifs/main/mshbv2/font/Campton/Rene.Bieder_Campton.Book.otf); }
@font-face {  font-family: campton_medium; src: url(https://raw.githubusercontent.com/jamelsuan/MSHB-modifs/main/mshbv2/font/Campton/Rene.Bieder_Campton.Medium.otf); }
@font-face {  font-family: campton_semibold; src: url(https://raw.githubusercontent.com/jamelsuan/MSHB-modifs/main/mshbv2/font/Campton/Rene.Bieder_Campton.SemiBold.otf); }
@font-face {  font-family: campton_bold; src: url(https://raw.githubusercontent.com/jamelsuan/MSHB-modifs/main/mshbv2/font/Campton/Rene.Bieder_Campton.Bold.otf); }
@font-face {  font-family: lora_regular; src: url(https://raw.githubusercontent.com/jamelsuan/MSHB-modifs/main/mshbv2/font/Lora/Lora-Regular.ttf); }
@font-face {  font-family: lora_bold; src: url(https://raw.githubusercontent.com/jamelsuan/MSHB-modifs/main/mshbv2/font/Lora/Lora-Bold.ttf); }

/* fontello */
@font-face { font-family: 'fontello'; src: url('../font/Fontello/fontello.eot?20442593'); src: url('../font/Fontello/fontello.eot?20442593#iefix') format('embedded-opentype'), url('../font/Fontello/fontello.woff2?20442593') format('woff2'), url('../font/Fontello/fontello.woff?20442593') format('woff'), url('../font/Fontello/fontello.ttf?20442593') format('truetype'), url('../font/Fontello/fontello.svg?20442593#fontello') format('svg'); font-weight: normal;font-style: normal;  }
[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-search:before { content: '\e800' !important; } /* '?' */
.icon-mail:before { content: '\e801' !important; } /* '?' */
.icon-twitter:before { content: '\e802' !important; } /* '?' */
.icon-loca:before { content: '\e810' !important; } /* '?' */


/* ROOT */
body { font-family: lora_regular; font-size: 16px;  letter-spacing: 0.02em }
div{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {  font-family: campton_bold; letter-spacing: 0.015em; color: #000; margin-top: 0.75em;  margin-bottom: 0.5em; }
::selection { outline: none; background:rgba(0,0,0,0.1) }
img:focus, div:focus{ outline: none;  }

img{ max-width: 100%;  height: auto }
h1{  text-align: center; font-size: 42px; line-height: 1.2em; margin-top: 0; font-weight: normal; letter-spacing: 0.05em }
h2{ font-size: 30px; font-weight: normal; }
h2[id^="content"]{ top: 0; margin-top: 0; }
h3{ font-size: 26px; font-weight: normal; }
h4{ font-size: 16px;  font-weight: normal;}
h5{ font-size: 20px; font-weight: normal; }
h6{ font-size: 16px; font-weight: normal; }
p{ font-family: lora_regular; display: block;  margin-before: 0em;   margin-after: 0em;   margin-start: 0px;  margin-end: 0px; font-size: 16px; margin: 0em 0 0.8em 0; line-height: 24px;  color: #333; line-height: 1.35em;  text-align: left;}
p strong{ font-family: lora_bold; }
b{ font-family: lora_bold; }
ul{ margin: 0; padding: 0; }
li{  list-style: none; padding-bottom: 0.3em; margin-left: 1em;}

#logo circle{ fill:#000; stroke:#000 }

.colored{  color: var(--current_color); }

/* GLOBAL TYPOGRAPHY      */

.titre { font-size: 36px; line-height: 1.2em;   text-transform: uppercase; color: #333;  margin: 0px auto 80px auto;  display: table;  }
.titre_underscore { font-size: 42px; line-height: 1.2em;   text-transform: uppercase; color: #222;  margin: 0px auto 80px auto;  display: table;  border-bottom: 3px solid #0cb4ce;  padding-bottom: 10px;}
.underscore{ border-bottom: 2px solid  #3c4fbc; padding-bottom: 2px; display: inline }
.texte1{ font-size: 32px; line-height: 1.4em }
.texte2{ font-size: 20px; line-height: 1.5em }
.texte3{ font-size: 16px; line-height: 1.5em }
.texte4{  color: #646464 }
.bold{ font-family: lora_bold; }
.maj{ text-transform: uppercase; }
.text_right{ text-align: right;  }
.float_right{ float: right;  }
.exergue{ font-size: 24px; font-family: campton_light; color: var(--current_color);   padding-right: 20%;}
.center{ text-align: center }
.ul_underline{ text-transform: uppercase; font-size: 18px; font-family: campton_bold;  margin:none;}
.ul_underline li{ height: 1.6em; list-style: none; margin-left: 0;}
.ul_underline span{  border-bottom: 2px solid var(--current_color); display: inline; }
.ul_points li{ margin-top: 0.5em; list-style: disc; }
.bg_colored{ font-size: 18px; font-family: campton_regular }
.bg_colored li{ display: inline; padding: 5px 7px 0 7px; margin:5px; line-height: 2em; color: #fff;   background: var(--current_color);  }
.illus_header{ width: 100%; height: 520px; }
.campton_maj{ font-family: campton_medium; text-transform: uppercase }
.premier_plan{ z-index: 1000 }
.titre_guideline h2{ font-size: 14px;  font-family: campton_medium;color: #666; text-transform: uppercase; }
.titre_guideline{ border-bottom: 1px solid #000 }
.bloc-detail-resume {margin-top:20px;font-size:18px;}
.bloc-detail-resume p {padding-bottom:10px;font-size:18px;}
.bloc-detail-resume ul li {font-size:12px;}
.bloc-detail-resume ol li {list-style:decimal;font-size:12px;}
.bloc-projet-detail-resume {margin-top:20px;font-size:18px;}
.bloc-projet-detail-resume p {padding-bottom:10px;font-size:18px;}
.bloc-projet-detail-resume ul li {font-size:12px;}
.bloc-projet-detail-resume ol li {list-style:decimal;font-size:12px;}
h2.centre{text-align: center; max-width: 800px; margin: 2.5em auto 0.5em; font-size: 50px}
h3.centre, h3.soustitre{text-align: center; max-width: 800px; margin: 2.5em auto 0.5em; font-size: 30px}
h3.soustitre span{display: inline; font-family: campton_regular; font-size: 30px; border-bottom: 3px solid var(--current_color); letter-spacing: 0.01em; line-height: 1.4em; text-align: center;}

*.centre + *.centre{margin-top: 0;}
*.centre + p{margin-top: 50px;}
*.centre + *.soustitre{margin-top: 0;}
*.soustitre + p{margin-top: 50px;}

.container_titre{ text-align: center; margin: 3em auto; max-width: 80%}
.container_titre h1, .container_titre h2, .container_titre h3{ font-family: campton_semibold; font-size: 50px; line-height: 1.4em; text-align: center; letter-spacing: -0.02em;  margin-left:15%; margin-right:15%; width: 70%; margin-bottom:0; letter-spacing: 0.02em }
.container_titre p{ text-align: center; line-height: 36px; margin:0 8%; }
.container_titre span, .container_titre h4{display: inline; font-family: campton_regular;  font-size: 30px;  border-bottom: 3px solid var(--current_color); letter-spacing: 0.01em; line-height: 1.4em; text-align: center; color: #111 }


/* GLOBAL LAYOUT */
section, .section{ width: 100%;margin-bottom: 20px;    }
.container{ max-width: 90%; padding: 40px 0 0px 0; margin:auto; }
.container_navbar, .navbar{ width: 100%; max-width: 1400px; margin: 0px auto;  }
.global_contour{ border: 6px solid var(--current_color); border-top: none;  width: 100%; max-width: 1400px;  margin: 200px auto 0px auto;  padding-bottom: 80px }
.col-md-4 {padding: 0px 20px;}

.intro{ font-size: 26px;  padding: 1em 10%; }
.intro p{ font-size: 26px;  }
.intro li,
.intro li span{ color: var(--current_color); }

/* LINKS */
a{ color: var(--text_color); outline: none; }
a:focus, a:hover { outline: none; text-decoration: none; color: var(--current_color); }
p > a{ color: var(--text_color); text-decoration: none }
p > a:hover{ color: var(--text_color); background: none; cursor: pointer; }

.liste_color_link li{  padding: 0px 7px 0 7px; margin: 3px 0; line-height: 2em; display: inline-block;   }
a.color_link{ transition: all .1s ease-out; }
.color_mshb a.color_link{ font-size: 12px; font-family: campton_regular; border: 2px solid var(--current_color); border-top: none; display: inline-block;  padding: 2px 7px 0 5px; margin:0px; line-height: 1.4em; color: #fff;   background: #5da9dd; }
.color_mshb a.color_link:hover{background: #fff; color: var(--current_color) }
.container p a, .container li a{border-bottom: 2px solid var(--current_color); }
.container p a:hover, .container li a:hover{color:var(--current_color);}
.poles-menu li a{ border:none;  }
a[href^="mailto"]{border-bottom:none!important; }
a.liensiteext, a.liensiteext:hover {border:none!important; color: inherit; }
a.liensite, a.liensite:hover{  border:none!important; color:var(--current_color); }
a.ensavoirplus{ transition: all .1s ease-out; font-size: 12px; font-family: campton_regular; border: 2px solid var(--current_color)!important; display: table;   padding: 2px 7px 0 5px; margin:15px 0; line-height: 1.4em; color:var(--current_color);   background: white;  }
a.ensavoirplus:hover{ background:  var(--current_color)!important; color: white!important }
.color_plateforme .container a.ensavoirplus {color:#000; }
.color_plateforme .container a.ensavoirplus:hover{ color: #000 }

.btn-outils-medias a{ color:#000; background: #fff; padding: 2px 7px 0 5px; float:left;   font-family: campton_regular; border: 2px solid var(--current_color);  }
.btn-outils-medias a:hover{  color: #000 }

a.bloc-actus-liste-suite{  transition: all .1s ease-out; font-size: 12px; font-family: campton_regular; border: 2px solid var(--current_color)!important; display: inline-block;   padding: 2px 7px 0 5px; margin:15px 0; line-height: 1.4em; color: #fff;   background: var(--current_color)!important;; }
a.bloc-actus-liste-suite:hover{ background: #fff!important; color: var(--current_color) }

.container a.lienancre { padding: 6px 10px 4px; background-color:  #fff; border: 2px solid var(--current_color); color: var(--current_color); text-align: center; display: inline-block; margin: 10px; font-family: "campton_regular";}
.container a.lienancre:hover { background-color: var(--current_color);    border: 2px solid var(--current_color); color: #fff; }

a.lien_externe {color: inherit; }
a.lien_externe::after {content: "↗"; display: inline-block; vertical-align: baseline; position: relative; margin: 0 4px; width: 10px; height: 10px; font-family: "Campton", sans-serif; font-size: 12px; color: var(--current_color)}


/* HEADER */

.container_header{  display: flex;  flex-flow: column;  justify-content: center; min-height: 480px; opacity: 0; animation: fadeIn .2s ease-in 0s 1 normal forwards;  position: relative; padding-top: 0px; width: 100%; margin: 0px auto 0 auto; }
.container_header h1 {  line-height: 1;  margin: 0 auto; font-family: campton_semibold;  width: fit-content; max-width: 80%; padding: 0.2em 0.3em 0 0.3em;  font-size: 80px;    color: #fff;   letter-spacing: .02em; }
.container_header p{ opacity: 0; animation: fadeIn 1s ease-in 0.6s 1 normal forwards; z-index: 10; text-align: center; line-height: 36px; margin:20px auto; color: #fff;  width: fit-content; padding: 0.2em 0.3em 0 0.3em; max-width: 80%;}
.container_header span.sstitre{ padding: 0 0.5em; position: relative; z-index: 10;font-family: campton_medium;  font-size: 30px; height: 1em; text-align: center; color: #fff;  background-color: var(--svg_bg_color); }
.container_header img{ display: none; }
.color_plateforme .container_header img{  opacity: 0.2; }
.container_header .fil_ariane{ font-family: campton_regular; position: absolute; top: 20px; left: 20px; font-size: 12px; color: #fff }
.container_header .fil_ariane a{ font-family: campton_regular; color: #fff }
.container_header .fil_ariane a:hover{ text-decoration: underline; }
.container_header .fil_ariane .fil_ariane_span{ font-family: campton_regular; color: #fff }
.container_header .points{ z-index: 1; opacity: 0.6 }

/* bandeau svg  */
.container_header .bandeau{  width: 100%; height: 100%; position: absolute; border:2px oslid red }
.container_header .bandeau .bandeau_svg{ width: 100%; height: 100%; background-color: var(--svg_bg_color);   }
.container_header .bandeau .bandeau_svg circle {   fill: var(--svg_pt_color); opacity: 0;  }
.container_header .bandeau .bandeau_svg circle:nth-child(3n+1) {  opacity: 1; transition: all .3s .4s; }
.container_header .bandeau .bandeau_svg circle:nth-child(3n+2) {  opacity: 0.6; transition: all .3s .2s; }
.container_header .bandeau .bandeau_svg circle:nth-child(3n+3) {  opacity: 0.2; transition: all .3s .6s; }

/* NAVBAR */
#logo circle{     fill: var(--current_color); stroke: var(--current_color) }
.navbar{  opacity: 0; animation: fadeIn .3s ease-in 0.2s 1 normal forwards; position: fixed; background: #fff; border: none;  font-family: campton_regular;  border-bottom: 6px solid var(--current_color); transition: all .3s ease-in-out;}
.navbar  .navbar-brand{ margin-left: 20px;  width: auto;   }
.navbar_extended .navbar{ height: 200px; transition: all 0s ease-in-out;  }
.navbar_extended .navbar_condensed_logo{ display: none; }
.navbar_extended .navbar_extended_logo{ display: block; opacity: 1; }
.navbar_extended .navbar-left { top: 85px; }
.navbar_condensed .navbar{ height: 100px;  }
.navbar_condensed .navbar_extended_logo{ display: none; opacity: 0; }
.navbar_condensed .navbar_condensed_logo{ display: block; opacity:1; max-height: 100%; }
.navbar_condensed .navbar-brand{ height: 100px;  margin-top: 0px; transition: all .3s; }
.navbar_condensed .navbar-left { top: 45px; transition: top .3s; }
.navbar_extended .navbar-brand{  height: 150px; margin-top: 20px;   }
.navbar-brand svg{   width: auto; height: 100%; }
.navbar-default .navbar-nav>li>a { color: #333; }
.navbar-default .navbar-nav>li>a:hover { color: #000; }
.navbar-nav>li>a { padding: 5px 3px; }
.navbar-left {  font-size: 14px; position: absolute; left: 340px; width: auto; margin-left: auto; margin-right: auto; }
.navbar-left  a{ margin-right: 20px }
.navbar-left  li a { color: #000; font-size: 16px;  }
.navbar-default .navbar-toggle .icon-bar {background-color: #000;height: 3px;}
.navbar-default .navbar-toggle {border: none;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-right { position: absolute; right: 20px;  padding: 13px 20px 0 0 ; opacity: 0;  animation: fadeIn 0.2s ease-in 0.2s 1 normal forwards;  }
.navbar-right li{ float: left; text-align: right; height: 25px;  padding : 0; display: block; }
.navbar-right  a{ font-size: 12px; padding: 0 0 0 0px; float: right }
.navbar-right  a:hover{ border-bottom: 2px solid #000; }
.navbar-right  a.actif{ border-bottom: 2px solid var(--current_color); }
.navbar-right .glyphicon-class{ cursor: pointer; width: 1.6em; height: 1.6em; color:#333; display: block  }
.navbar-default .navbar-nav>.open>a, .navbar-default  .navbar-default .navbar-nav>.open>a:hover {  background: none ;  border-bottom: 3px solid #FFF }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover  {  background-color: #fff ;  border-bottom: 3px solid #fff }
.dropdown-menu .sub-menu {left: 100%;position: absolute;top: 0;visibility: hidden;margin-top: -1px;}
.dropdown-menu li:hover .sub-menu {visibility: visible;}
.dropdown:hover .dropdown-menu {display: block;}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top: 0;}
.navbar .sub-menu:before {  border-bottom: 7px solid transparent;  border-left: none;  border-right: 7px solid rgba(0, 0, 0, 0.2);  border-top: 7px solid transparent;  left: -7px;  top: 10px;}
.navbar .sub-menu:after {  border-top: 6px solid transparent;  border-left: none;  border-right: 6px solid #fff;  border-bottom: 6px solid transparent;  left: 10px;  top: 11px;  left: -6px;}

.navbar-right .hidden-lg {    display: block!important; }
.navbar-right .hidden-md {    display: none!important; }

@media only screen and (max-width: 860px) {
    .navbar-left{ left:auto; right: 5px; }
    .navbar-left  a{ margin-right: 15px }
}

/* hide old header */
.header_bg{ display:none;  }

/*  LAYOUT */
.page-plateformes-mshb .col-md-12{ padding: 0 5% }
.slick-slide {  margin-bottom: 20px;  }
.slick-slide img{ margin: auto; width: 100% }
.node-type-contenu-plateformes-communaute .col-md-3{ margin-bottom: 40px;}
.entete_image{ height: 140px; overflow: hidden; margin: 0}
.entete_image img{ width: 100%; height: auto; max-height: none; margin: 0 }
.poles-menu li { transition:all 0.3s; border: 2px solid var(--current_color); cursor: pointer;  margin: 5px !important; padding: 3px 8px 1px 8px !important; }
.color_mshb .poles-menu li { border: 2px solid var(--current_color); }
.poles-menu li:hover  { background: var(--current_color);}
.poles-menu li:hover a{ color: #fff !important; padding: 0;  }
.container ul.poles-menu {  padding: 40px; margin: 0; z-index: 10 }
#returnOnTop{ background: url("images/haut_page.png") !important; background-size: 100% auto  !important}
.global_contour{ border-color: var(--current_color)!important; }
.container_header{ background-color: var(--current_color); }
.fil_ariane{ background-color: var(--current_color); padding: 3px; }
.header_points{  position: absolute; background-size: cover; background-position: center; opacity: 0.6; width: 100%; height: 100%; top:0; left: 0;  }
.monPoster .picto{ width: 34px; height: 34px; left: 30px; bottom: 30px; }


/* Home */
.encart_home{margin:20px 0;}
.encart_home.border{padding-top:15px; border-top:2px solid var(--current_color);}
.encart_home.hauteur_fixe{min-height: 400px}
.encart_home h2{text-align: center;line-height: 32px;margin-bottom: 0px;}
.encart_home, .encart_home p, .encart_home span{font-family: campton;font-weight: 200;font-size:16px;line-height:20px}
.encart_home.text14, .encart_home.text14 p, .encart_home.text14 span{font-size:14px;line-height:20px}
.encart_home p{margin:0;}
.encart_home a.voirtout{text-align: center;font-size: 12px;color: grey;text-decoration: underline;display: block;font-family: campton;font-weight: 100;}
.encart_home .bloc{width:100%;height:167px;background:no-repeat center center grey;background-size:cover;margin: 25px 0 15px;}
.bloc.projet {background-color:#FFF;background-size: 175%}
.bloc.projet div.titre_projet{padding-top: 50px;text-align: center;}
.bloc.projet .pole{    background-color: #000;color: #FFF;text-align: center;font-family: campton;font-weight: 500;font-size: 16px;line-height: 34px;padding: 3px 7px 1px;}
.bloc.projet .acronyme{background-color: #FFF;color: #000;text-transform: uppercase;font-size: 20px;line-height: 20px;font-weight: 500;padding: 5px 5px 2px;border: 1px solid #000;}
.bloc.medias .icon_medias{width:100%;height: 100%;}
span.bold{font-weight: 500;}
body form.mj-form .mj-embedded.mj-vertical{ padding:0 }
.container-bloc-home .row{ margin-bottom: 40px; }
.container_header_home{ overflow: hidden; height: 555px; }
.bloc-home-recherche-titre{ margin-top: 10px; }
.container-bloc-home .col-md-4 > h3{text-align: center;}
.container-bloc-home .bloc-home-recherche-img{ background: url("images/bandeaux/002.png"); background-size: 160% auto; transition: all .3s; height:120px;  background-position: center; margin-bottom: 10px; }
.container-bloc-home:hover .bloc-home-recherche-img{ background-size: 180% auto; }
.bloc-home-service-img{ background: url('images/visuel_batiment.jpg') top left no-repeat; background-size: 100% auto; margin-bottom: 10px; }
.container-bloc-home input{ margin: 0; display: inline; width: 160px; border: 2px solid #c33932 !important; padding: 7px 10px 4px 10px }
.container-bloc-home input[type=submit] { display: inline;  width: auto; border: 2px solid #c33932 !important ; background: #c33932; color: #fff; padding: 7px 5px 4px 5px; margin: 0 -8px;  }


.container-bloc-home .bloc-home-agenda { --current_color : var(--color1);  }
.container-bloc-home .bloc-home-agenda .agenda_item{  border-top: 3px solid var(--current_color);  padding: 30px 0; }

.container-bloc-home .annuaire_item { --current_color : var(--color1);  border-top: 3px solid var(--current_color);  padding: 30px 0; }

.container-bloc-home .bloc-home-news{ --current_color : var(--color1); }
.container-bloc-home .bloc-home-news .newsletter_item{  border-top: 3px solid var(--current_color);  padding: 30px 0; }
.container-bloc-home .projet_item{ --current_color : var(--color3);  border-top: 3px solid var(--color3);  }

.container-bloc-home .media_item{ --current_color : var(--color1); }
.container-bloc-home .projet_item_twitter{ --current_color : var(--color1); border-top: 3px solid var(--current_color);  padding: 30px 0; }
.container-bloc-home .newsletter_item{ --current_color : var(--color1); border-top: 3px solid var(--current_color);  padding: 30px 0; }
.container-bloc-home .bloc-home-actus .actu_item{ --current_color : var(--color1);  }
.container-bloc-home .bloc-home-actus .actu_item{  border-top: 3px solid var(--current_color);  padding: 30px 0; }
.container-bloc-home .bloc-home-service{  --current_color : var(--color4); }
.container-bloc-home .bloc-home-service .service_item{  border-top: 3px solid var(--current_color);  padding: 30px 0; }
.container-bloc-home .bloc-home-service .service_item p{ font-size: 13px; }
.container-bloc-home .bloc-home-service-img{ text-align: center; }
.container-bloc-home .media_item{  border-top: 3px solid var(--current_color);  padding-top: 40px; }
.container-bloc-home .recherche_item{  --current_color : var(--color3);  }
.container-bloc-home .recherche_item{  border-top: 3px solid var(--current_color);  }
.container-bloc-home .recherche_item .projet_header{  width: 100%; text-align: center; padding: 0px; margin: 0; ; background-position: center; background-size: contain; }


body form.mj-form .mj-embedded.mj-vertical {  padding: 0px !important; }
.color_home .navbar-default .navbar-right li a:hover{ color: #000 }

/* color_plateforme */
.color_plateforme .navbar-default .navbar-right li a:hover{ color: #000 }
.color_plateforme .container div.acteur-image-container {display:flex;justify-content: center;align-items: center;}
.color_plateforme .container div.acteur-title {border: 1px solid #7f7f7f;display: block;font-weight: bold;position: absolute;width: 60%;text-align: center;background-color:#fff;font-family: campton_bold;padding: 4px 5px 2px;}

/* color_recherche */
.color_recherche .navbar-default .navbar-right li a:hover{ color: #000 }
.color_recherche .form_mshb button { border: 2px solid var(--current_color); color: var(--current_color); }
.color_recherche button { border: 2px solid var(--current_color); color: var(--current_color); }
.color_recherche .form_mshb button:hover, .color_recherche .form_mshb button.sel  { background: var(--current_color); color: #fff; border: 2px solid var(--current_color); }
.color_recherche .form_mshb .form-champs-recherche input.txtRechForm {  border: 2px solid var(--current_color) !important; color: var(--current_color) ;  }
.color_recherche .form_mshb .form-champs-recherche input.subForm, .form-general-recherche .form-champs-recherche input.resetForm{  background: var(--current_color) !important;  border: 2px solid var(--current_color) !important; }
.color_recherche .btn-projets-tri-sel { background: var(--current_color) !important;; }

/* color_mshb */
.color_mshb a.color_link{  border: 2px solid var(--current_color); background: var(--current_color); }
.color_mshb a.color_link:hover{ color: var(--current_color) }
.color_mshb .navbar-default .navbar-right li a:hover{ color: #000 }

a.liensiteglob {color: var(--current_color);}
.footer_bg{ background: var(--current_color); opacity: 1}

/* RECHERCHE */
.bloc-projets-ordre{ display: none !important ; }
.color_mshb .poles-menu li{}

/* PAGES MOSAIQUE */
.mosaique {--itemEspace: 20px; --itemCol: 3; --itemlargeur: calc(100% / var(--itemCol) - var(--itemEspace) * (var(--itemCol) - 1) / var(--itemCol)); display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; margin-top: 40px;; }
.mosaique .item {    width: var(--itemlargeur); margin: 30px 0 80px; display: flex; flex-direction: column; align-items: center;}

/* ACTUALITÉS  */
.actus_wrapper{ display: flex; flex-wrap: wrap; }
.actu_item{ width:100%; margin-bottom: 40px; font-size: calc( var(--fontSize_unit) * 13); }
.actus_wrapper .actu_item{  width: 25%;   margin: 20px 0; padding: 0 20px;   }
.actu_item .ensavoirplus{ float: left!important; }
.actu_item .date{ font-family: campton_regular;  padding-bottom: 12px; text-align: left; opacity:0.3 }
.actu_item .tag{ text-transform: uppercase;  color: var(--current_color); font-family: campton_bold; font-size: 9px; letter-spacing: 0.05em; }
.actu_item .actu_titre:after{  margin-top: 8px; display: block; content:''; width:100%; height: 2px; background-color: var(--current_color);   }
.bloc-home-actus .actu_item .actu_titre:after{ width:15%; }
.actu_item .lieu{ text-transform: uppercase; line-height: 1.2em; font-family: campton_semibold; color: var(--current_color);  }
.actu_item .actu_titre{ text-align: left; line-height: 1.2em;  font-family: campton_semibold; font-size: 21px;  }
.actu_item .txt{ font-size: calc( var(--fontSize_unit) * 13);  padding-top: 8px; }
.actu_item .actu_image{ width: 100%;  margin: 12px 0; overflow: hidden; }
.actu_item .actu_image img{  width:auto; height:  120px; }

/* AGENDA  */

.agenda_wrapper{ display: flex; flex-wrap: wrap; }
.agenda_item{ width:100%; margin-bottom: 40px;  font-size: calc( var(--fontSize_unit) * 13); }
.agenda_item .tag{ text-transform: uppercase;  color: var(--current_color); font-family: campton_bold; font-size: 9px; letter-spacing: 0.05em; }
.agenda_item .date{  font-size: 22px; padding-bottom: 8px;  font-family: campton_semibold; color: var(--current_color);  }
.agenda_item .date:after{  margin-top: 8px; display: block; content:''; width:100%; height: 2px; background-color: var(--current_color);   }
.bloc-home-agenda .agenda_item .date:after{ width:15%; }
.agenda_item .lieu{   padding-top: 8px;text-transform: uppercase; line-height: 1.2em; font-family: campton_semibold; color: var(--current_color);  }
.agenda_item .agenda_titre{ line-height: 1.2em;  font-family: campton_semibold; font-size: 18px;  }
.agenda_item .txt{ font-size: calc( var(--fontSize_unit) * 13);  padding-top: 8px; }


/* MEDIAS */
.actus-liste-pagination {margin-top: 40px;text-align: center; font-weight: bold;font-size: 24px;}
.actus-liste-pagination a{font-family: campton; margin-top: 20px; font-size: 14px;   color: #FFF;   border: 3px solid var(--current_color) ; background-color:var(--current_color);  padding: 3px 5px 2px 5px;  margin-top: 20px; display: inline-block;width: 30px; height: 30px; border-radius: 50%;}
.container_header { overflow: hidden; }
.bloc-labo-list-pagi a:hover{color: white; margin-top: 20px; color: #FFF !important;  background-color: var(--current_color);  }
.bloc-labo-list-pagi a{ font-family: campton; font-size: 14px;   border: 3px solid var(--current_color);  color: var(--current_color); background-color: #fff;  padding: 3px 8px 2px 8px;  margin-top: 20px;  display: inline-block;}
/* .row-centered h3{ text-align: center } */

/* 2021 */
.medias_wrapper{ display: flex; flex-wrap: wrap; }
.media_item{ width:100%; margin-bottom: 40px;   }
.medias_wrapper .media_item{ width: 25%;   margin: 20px 0; padding: 0 20px;   }
.media_item .tag{  text-transform: uppercase;  color: var(--current_color); font-family: campton_bold; font-size: 9px; letter-spacing: 0.05em; }
.media_item .tag:after{  margin-top: 8px; display: block; content:''; width:100%; height: 2px; background-color: var(--current_color);   }
.media_item .img_container{ width:100%; height:120px; overflow: hidden;   border: 2px solid var(--current_color);  border-top: none;  background: var(--color3); transition: all .3s; }
.media_item .img_container:hover{ background: var(--color1); }
.media_item .img_container img{ width:100%; height:100%; object-fit: cover; mix-blend-mode: screen;   filter: grayscale(100%); }
.media_item .media_titre{ line-height: 1.2em;  font-family: campton_semibold; font-size: 21px; margin-top: 20px;  }
.media_item .txt{ font-size: calc( var(--fontSize_unit) * 13);  padding-top: 8px; }

/*  navBar annuaire */
.container_recherche .nav-tabs>li>a,
.container_recherche .nav-tabs>li>a:focus{  font-family: campton_bold;  letter-spacing: 0.015em;  color: #000;  margin-bottom: 0;  font-size: 23px;  padding-top: 0.8em;  height: 2.8em;}
.container_recherche .nav-tabs>li>a:hover { color: #666;  background: none;}
.container_recherche .nav-tabs>li.active>a>span {   border-bottom:2px solid var(--current_color);   width: 100%;  margin: auto;  display: block;}
.container_recherche .nav-tabs>li{padding-bottom: 0;  }


/* resultats annuaire */
.cercle{ width: 140px; height: 140px; border-radius: 50%; margin: 20px auto; overflow: hidden; }
.cercle img{ width: 100%; min-height: none; max-height: none; }
.bloc-chercheur-list { font-family: campton_regular;  padding-bottom: 1em; text-align: center; line-height: 1.5em !important; font-size: 12px;}
.bloc-chercheur-list:hover {  }
.bloc-chercheur-list b{ font-weight: normal; font-family: campton_bold;  font-size: 1.2em; height: 1em; display: block; }
.bloc-chercheur-list a{ display: block; text-align: center; width: 100%  }
.bloc-chercheur-list a:hover{ color: var(--current_color) ;   text-decoration: none !important; }
.bloc-chercheur-list:hover a{ color: var(--current_color) ;   text-decoration: none; }
.bloc-labo-list { font-family: campton_regular;  padding-bottom: 1em; text-align: center; line-height: 1.5em; font-size: 12px;}
.bloc-labo-list img{ width: 140px; height: 140px;margin: 20px auto; }
.bloc-labo-list:hover {  }
.bloc-labo-list b{ font-weight: normal; font-family: campton_bold;  font-size: 1.2em; height: 1em; display: table; }
.bloc-labo-list a{ display: block; }
.bloc-labo-list a:hover{ color: var(--current_color) ;   text-decoration: none; }
.bloc-labo-list:hover a{ color: var(--current_color) ;   text-decoration: none; }
.color-titre-labo{ position: absolute; top: 80px; left: 50%; margin-left: -13px; text-align: center; display: inline-block; font-size: 12px; background: var(--current_color); font-family: campton_medium;   width: 26px; height: 26px; color: white; padding-top: 5px; border-radius: 50%  }
.legende-labo-list ul{ margin-bottom: 40px; float: right; }
.legende-labo-list li{ float: left; }
.legende-labo-list .color-titre-labo{ position: relative; float: left; margin: 0 1em; display: table; top: 0px; left: 0%;  }


/* sidebar */

.sidebar{ display: none; z-index: 100; position: fixed; top: 30%; padding: 5px; right: 0; width: 40px; font-size: 10px; }
.sidebar a{  max-width: 18px; max-height: 18px; opacity: 0.8; transition: all .3s; margin: 8px auto; display: table;}
.sidebar a:hover{ opacity: 1; cursor: pointer}
.sidebar img{ width: 100%; max-height: 15px; }
/* sous-menu */

.dropdown-menu { padding-top: 10px; border: none; box-shadow: 0 18px 18px rgba(0,0,0,.175);}
.dropdown-menu a{  border-bottom: 3px solid #FFF }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a {  background: none; color: #666;  padding-left: 10px;  display: block;  transition: all .3s;  padding-left: 2px;  padding-right: 2px;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {  background: none; color: #000;  padding-right: 0;
}

.dropdown-menu > li > a span{  width: 10px;  margin-right: 0px;  padding-left: 10px;  overflow: hidden;  transition: all .3s;  font-size: 10px;  display: inline-block;  box-sizing: border-box;}
.dropdown-menu > li > a:hover span{  width: 10px;  margin-right: 2px;  padding-left: 0px;}

.lien_accueil .lien_menu_actif{ color: #000; border-bottom: 3px solid var(--current_color) }
.lien_a .lien_menu_actif{ color: #000; border-bottom: 3px solid var(--current_color) }
.lien_b .lien_menu_actif{ color: #000; border-bottom: 3px solid var(--current_color) }
.lien_c .lien_menu_actif{ color: #000; border-bottom: 3px solid var(--current_color) }
a.lien_menu{ border-bottom: 3px solid #fff }
a.lien_menu:hover{ border-bottom: 3px solid #000 }
/*.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background: #fff ; color: #777; }

/* CONTENT */

/* .bloc-aap-calendrier div {  background-color: #005dac;  color: #FFF;   min-height: 250px;  border-radius: 5%;  margin: 20px auto;  overflow: hidden;   padding: 20px 32px 20px 32px;  text-align: center;  font-family: "campton_regular"; } */
.text_align_left *{ text-align: left }
.bloc_colored{ background: #dedede; border-radius: 5px; padding: 40px 20px 20px 20px }
.bloc_padding{ padding: 40px 20px 20px 20px }
.bloc_padding_right{ padding: 0 20px 0 0 }
.col_laterale{ padding: 80px 80px }
.col_laterale .btn{ width: 100%; }
.col-md-4 { padding: 0px 40px }
.social{ color: #333 }
.social i{ font-size: 1em; margin: 0 10px }


/* Recherche */

.pole-single-responsable .cercle { width: 80px; height: 80px; }
.modal-content { padding: 5% 8% }
.modal-header .close { border:none; }

.modal-body h1,
.modal-body h2,
.modal-body h3{ margin: 0.8em 0;  }

.btn-link{ text-align: center }
.btn-link a { margin: 0 auto; font-size: 13px; }
.btn-link a:hover{ text-decoration: none; cursor: pointer; }

/* BUTTONS */

.btn{ cursor: pointer; text-align: center;  margin: 80px 0;  white-space: normal;  border-radius: 5px; max-width: 100%; margin: 40px  auto; letter-spacing: 0.05em; color: #fff; font-size: 16px; padding: 8px 25px;}
.btn:hover{ color: #fff; }
.bouton_01{  background: #333; }
.bouton_01:hover{ background: #888; }
.bouton_02{ color:#fff; letter-spacing: 0.05em; background-color: #f4990a; }
.bouton_02:hover{ background: #f4b149;  }
.bouton_03{ background-color: #fff; color: #3c4fbc; border: 1px solid #3c4fbc;}
.bouton_03:hover{ background: #3c4fbc;  }
.bouton_04{ color: #3f51b5; font-size: 18px; margin: 0; padding: 8px 0 4px 16px; }
.bouton_04:hover{ color: #3f6ebe; text-decoration: none  }

ul.menu-resume {list-style: none;}
ul.menu-resume li {display: inline-block; padding:5px 10px 3px 10px; border: 2px solid var(--current_color); margin-left:0; margin-right:5px; background-color: var(--current_color); }
ul.menu-resume li a {display:block; font-family: campton_regular; border-bottom: none; color: white;}
ul.menu-resume li a:hover {text-decoration: none; color:white; cursor: pointer;}
ul.menu-resume li.noactive{background-color: white;}
ul.menu-resume li.noactive a{color: var(--current_color);}

/* FOOTER */
.footer{ font-family: campton_regular; padding: 20px; min-height: 100px;  max-width: 1400px; }
.footer .container{ max-width: 100%;  width:100% }
.footer p{ font-size: 12px; font-family: campton_regular;}
.footer a{ color: #666 }
.footer a:hover{ color: #000 }
.footer .zone_logo_mshb { width: 80px; margin: 0 20px 0 0 ; float: left; }
.footer .zone_logo_mshb p{  text-align: center; width: 100%; }
.footer .zone_signature p{  color: #000; display: inline-block; line-height: 1.5em;  }
.footer .zone_logo{  float: right; }
.footer .zone_logo ul{ height: 50px }
.footer .zone_logo li{ height: 45px; max-width: 65px; padding: 0 2px; float: left}
.footer .zone_logo a{ border:none }
.footer .zone_logo a img{ opacity: 0.7; transition: all .3s;  max-height: 100%;  }
.footer .zone_logo a:hover img{ opacity: 1; transform: scale(1.05, 1.05) }
.footer .zone_menu{ text-align: right; width: 100%;  margin-top: 40px; display: inline-block; }
.footer .zone_menu ul{  }
.footer .zone_menu a{ border:none }
.footer .zone_menu li{ font-size: 12px; display: inline-block;  }


/* PROJETS */
.listing_projets{ position: relative; }
.page-projets-mshb .select_orderBy{ background: #fff; float: right; font-size: 12px; color: #666; border: none; position: absolute; right: 0px; top: 20px;  font-family: campton_regular;  }
.page-projets-mshb .select_orderBy option{ line-height: 2em; padding: 5px; -webkit-appearance: none; }

.mosaique.listing_projets{--itemCol : 4;}
.mosaique .projet_item{ margin: 10px 0; }

:root{
	--colorAxe1:#3d8267;
	--colorAxe1clair:#a3d2a1;
	--colorAxe2:#29838a;
	--colorAxe2clair:#92cace;
	--colorAxe3:#c85959;
	--colorAxe3clair:#e6afaf;
}
.projet_item{display: flex; flex-direction: column; justify-content: space-between; min-height: 360px; border:2px solid var(--current_color); padding: 30px; margin: 10px 0;  position: relative; padding: 0; background: none;}
.projet_item>a{width: 100%; height: 100%;text-decoration: none;}
.projet_item>a:hover h1{ color: var(--current_color); }

.projet_item.axe_1{  --current_color : var(--colorAxe1); }
.projet_item.axe_2{  --current_color : var(--colorAxe2); }
.projet_item.axe_3{  --current_color : var(--colorAxe3); }

.projet_item.axe_1 h3{background-color: var(--colorAxe1); border-color: var(--colorAxe1);}
.projet_item.axe_2 h3{background-color: var(--colorAxe2); border-color: var(--colorAxe2);}
.projet_item.axe_3 h3{background-color: var(--colorAxe3); border-color: var(--colorAxe3);}

.projet_item header{width: 100%; background-image: url("../img/bandeaux_projets/0/001.png");min-height: 120px; transition: all 1s; text-align: center; align-items: center;background-position: center; background-size: 150%;background-repeat: no-repeat;padding: 0px;display: flex;flex-direction: column;justify-content: center;flex-flow: column;margin: 0; }
.projet_item:hover header{  background-size: 120%; }
.projet_item.axe_1 header{background-color: var(--colorAxe1clair);}
.projet_item.axe_2 header{background-color: var(--colorAxe2clair); }
.projet_item.axe_3 header{background-color: var(--colorAxe3clair); }

.projet_item.bck1  header{background-image: url("../img/bandeaux_projets/0/001.png");}
.projet_item.bck2  header{background-image: url("../img/bandeaux_projets/0/002.png");}
.projet_item.bck3  header{background-image: url("../img/bandeaux_projets/0/003.png");}
.projet_item.bck4  header{background-image: url("../img/bandeaux_projets/0/004.png");}
.projet_item.bck5  header{background-image: url("../img/bandeaux_projets/0/005.png");}
.projet_item.bck6  header{background-image: url("../img/bandeaux_projets/0/006.png");}
.projet_item.bck7  header{background-image: url("../img/bandeaux_projets/0/007.png");}
.projet_item.bck8  header{background-image: url("../img/bandeaux_projets/0/008.png");}
.projet_item.bck9  header{background-image: url("../img/bandeaux_projets/0/009.png");}
.projet_item.bck10  header{background-image: url("../img/bandeaux_projets/0/010.png");}
.projet_item.bck11  header{background-image: url("../img/bandeaux_projets/0/011.png");}
.projet_item.bck12  header{background-image: url("../img/bandeaux_projets/0/012.png");}
.projet_item.bck13  header{background-image: url("../img/bandeaux_projets/0/013.png");}
.projet_item.bck14  header{background-image: url("../img/bandeaux_projets/0/014.png");}
.projet_item.bck15  header{background-image: url("../img/bandeaux_projets/0/015.png");}
.projet_item.bck16  header{background-image: url("../img/bandeaux_projets/0/016.png");}
.projet_item.bck17  header{background-image: url("../img/bandeaux_projets/0/017.png");}
.projet_item.bck18  header{background-image: url("../img/bandeaux_projets/0/018.png");}
.projet_item.bck19  header{background-image: url("../img/bandeaux_projets/0/019.png");}
.projet_item.bck20  header{background-image: url("../img/bandeaux_projets/0/020.png");}
.projet_item.bck21  header{background-image: url("../img/bandeaux_projets/0/021.png");}
.projet_item.bck22  header{background-image: url("../img/bandeaux_projets/0/022.png");}
.projet_item.bck23  header{background-image: url("../img/bandeaux_projets/0/023.png");}
.projet_item.bck24  header{background-image: url("../img/bandeaux_projets/0/024.png");}
.projet_item.bck25  header{background-image: url("../img/bandeaux_projets/0/025.png");}
.projet_item.bck26  header{background-image: url("../img/bandeaux_projets/0/026.png");}
.projet_item.bck27  header{background-image: url("../img/bandeaux_projets/0/027.png");}
.projet_item.bck28  header{background-image: url("../img/bandeaux_projets/0/028.png");}
.projet_item.bck29  header{background-image: url("../img/bandeaux_projets/0/029.png");}
.projet_item.bck30  header{background-image: url("../img/bandeaux_projets/0/030.png");}
.projet_item.bck31  header{background-image: url("../img/bandeaux_projets/0/031.png");}
.projet_item.bck32  header{background-image: url("../img/bandeaux_projets/0/032.png");}
.projet_item.bck33  header{background-image: url("../img/bandeaux_projets/0/033.png");}
.projet_item.bck34  header{background-image: url("../img/bandeaux_projets/0/034.png");}
.projet_item.bck35  header{background-image: url("../img/bandeaux_projets/0/035.png");}
.projet_item.bck36  header{background-image: url("../img/bandeaux_projets/0/036.png");}
.projet_item.bck37  header{background-image: url("../img/bandeaux_projets/0/037.png");}
.projet_item.bck38  header{background-image: url("../img/bandeaux_projets/0/038.png");}
.projet_item.bck39  header{background-image: url("../img/bandeaux_projets/0/039.png");}
.projet_item.bck40  header{background-image: url("../img/bandeaux_projets/0/040.png");}
.projet_item.bck41  header{background-image: url("../img/bandeaux_projets/0/041.png");}
.projet_item.bck42  header{background-image: url("../img/bandeaux_projets/0/042.png");}
.projet_item.bck43  header{background-image: url("../img/bandeaux_projets/0/043.png");}
.projet_item.bck44  header{background-image: url("../img/bandeaux_projets/0/044.png");}
.projet_item.bck45  header{background-image: url("../img/bandeaux_projets/0/045.png");}
.projet_item.bck46  header{background-image: url("../img/bandeaux_projets/0/046.png");}
.projet_item.bck47  header{background-image: url("../img/bandeaux_projets/0/047.png");}
.projet_item.bck48  header{background-image: url("../img/bandeaux_projets/0/048.png");}
.projet_item.bck49  header{background-image: url("../img/bandeaux_projets/0/049.png");}
.projet_item.bck50  header{background-image: url("../img/bandeaux_projets/0/050.png");}
.projet_item.bck51  header{background-image: url("../img/bandeaux_projets/0/051.png");}
.projet_item.bck52  header{background-image: url("../img/bandeaux_projets/0/052.png");}
.projet_item.bck53  header{background-image: url("../img/bandeaux_projets/0/053.png");}
.projet_item.bck54  header{background-image: url("../img/bandeaux_projets/0/054.png");}
.projet_item.bck55  header{background-image: url("../img/bandeaux_projets/0/055.png");}
.projet_item.bck56  header{background-image: url("../img/bandeaux_projets/0/056.png");}
.projet_item.bck57  header{background-image: url("../img/bandeaux_projets/0/057.png");}
.projet_item.bck58  header{background-image: url("../img/bandeaux_projets/0/058.png");}
.projet_item.bck59  header{background-image: url("../img/bandeaux_projets/0/059.png");}
.projet_item.bck60  header{background-image: url("../img/bandeaux_projets/0/060.png");}
.projet_item.bck61  header{background-image: url("../img/bandeaux_projets/0/061.png");}
.projet_item.bck62  header{background-image: url("../img/bandeaux_projets/0/062.png");}
.projet_item.bck63  header{background-image: url("../img/bandeaux_projets/0/063.png");}
.projet_item.bck64  header{background-image: url("../img/bandeaux_projets/0/064.png");}
.projet_item.bck65  header{background-image: url("../img/bandeaux_projets/0/065.png");}
.projet_item.bck66  header{background-image: url("../img/bandeaux_projets/0/066.png");}
.projet_item.bck67  header{background-image: url("../img/bandeaux_projets/0/067.png");}
.projet_item.bck68  header{background-image: url("../img/bandeaux_projets/0/068.png");}
.projet_item.bck69  header{background-image: url("../img/bandeaux_projets/0/069.png");}
.projet_item.bck70  header{background-image: url("../img/bandeaux_projets/0/070.png");}
.projet_item.bck71  header{background-image: url("../img/bandeaux_projets/0/071.png");}
.projet_item.bck72  header{background-image: url("../img/bandeaux_projets/0/072.png");}
.projet_item.bck73  header{background-image: url("../img/bandeaux_projets/0/073.png");}
.projet_item.bck74  header{background-image: url("../img/bandeaux_projets/0/074.png");}
.projet_item.bck75  header{background-image: url("../img/bandeaux_projets/0/075.png");}
.projet_item.bck76  header{background-image: url("../img/bandeaux_projets/0/076.png");}
.projet_item.bck77  header{background-image: url("../img/bandeaux_projets/0/077.png");}
.projet_item.bck78  header{background-image: url("../img/bandeaux_projets/0/078.png");}
.projet_item.bck79  header{background-image: url("../img/bandeaux_projets/0/079.png");}
.projet_item.bck80  header{background-image: url("../img/bandeaux_projets/0/080.png");}
.projet_item.bck81  header{background-image: url("../img/bandeaux_projets/0/081.png");}
.projet_item.bck82  header{background-image: url("../img/bandeaux_projets/0/082.png");}
.projet_item.bck83  header{background-image: url("../img/bandeaux_projets/0/083.png");}
.projet_item.bck84  header{background-image: url("../img/bandeaux_projets/0/084.png");}
.projet_item.bck85  header{background-image: url("../img/bandeaux_projets/0/085.png");}
.projet_item.bck86  header{background-image: url("../img/bandeaux_projets/0/086.png");}
.projet_item.bck87  header{background-image: url("../img/bandeaux_projets/0/087.png");}
.projet_item.bck88  header{background-image: url("../img/bandeaux_projets/0/088.png");}
.projet_item.bck89  header{background-image: url("../img/bandeaux_projets/0/089.png");}
.projet_item.bck90  header{background-image: url("../img/bandeaux_projets/0/090.png");}
.projet_item.bck91  header{background-image: url("../img/bandeaux_projets/0/091.png");}
.projet_item.bck92  header{background-image: url("../img/bandeaux_projets/0/092.png");}
.projet_item.bck93  header{background-image: url("../img/bandeaux_projets/0/093.png");}
.projet_item.bck94  header{background-image: url("../img/bandeaux_projets/0/094.png");}
.projet_item.bck95  header{background-image: url("../img/bandeaux_projets/0/095.png");}
.projet_item.bck96  header{background-image: url("../img/bandeaux_projets/0/096.png");}
.projet_item.bck97  header{background-image: url("../img/bandeaux_projets/0/097.png");}
.projet_item.bck98  header{background-image: url("../img/bandeaux_projets/0/098.png");}
.projet_item.bck99  header{background-image: url("../img/bandeaux_projets/0/099.png");}
.projet_item.bck100  header{background-image: url("../img/bandeaux_projets/0/100.png");}


.projet_item h3 {   z-index: 2; display: inline-block;  margin: 0;  padding: 5px 5px 3px 5px;  line-height: 1.3em;   max-width: 80%;   font-size: 12px;  font-family: campton_medium;    background:var(--current_color); color: #fff; }
.projet_item h2 {   z-index: 2; display: inline-block; margin: 0; padding: 3px 5px 0 5px;; line-height: 1.3em; max-width: 80%; min-height: 0; font-size:14px; text-transform: uppercase; color: var(--current_color); background: white; font-family: campton_bold;   border: 1px solid  var(--current_color); }
.projet_item h1{ padding: 20px; text-align:left; border-bottom: none; margin: 1em 0; letter-spacing: 0.01em; font-family: lora_bold; color: #000; font-size: 16px; display: block; line-height: 1.4em; margin: 0;}
.projet_item footer{padding: 20px;height: 20px;box-sizing: content-box;}

.projet_item .content_projet{ position: relative; z-index: 2; display: flex; flex-flow: column; justify-content: space-between; height: 100%;}
.projet_item footer span{margin-right:7px;}
.projet_item .pict-projet_encours{width: 20px; height: 20px; position: relative; background: url('../img/pictos/picto_projetencours.svg') white; display: inline-block; border-radius: 50%;}
.projet_item .pict-projet_exploratoire{width: 20px; height: 20px; position: relative; background: url('../img/pictos/picto_projet_exploratoire.svg') white; display: inline-block; border-radius: 50%;}
.projet_item .pict-projet_consortium{width: 20px; height: 20px; position: relative; background: url('../img/pictos/picto_projet_consortium.svg') white; display: inline-block; border-radius: 50%;}
.projet_item .pict-projet_encours:hover::after {content: 'en cours'; display: inline-block; position: absolute; margin-left: 0; font-size: 12px; letter-spacing: 0; line-height: 21px; top: -20px; left: 0px; width: 100px; color:#000;}
.projet_item .pict-projet_exploratoire:hover::after {content: 'exploratoire'; display: inline-block; position: absolute; margin-left: 0; font-size: 12px; letter-spacing: 0; line-height: 21px; top: -20px; left: 0px; width: 100px; color:#000;}
.projet_item .pict-projet_consortium:hover::after {content: 'consortium'; display: inline-block; position: absolute; margin-left: 0; font-size: 12px; letter-spacing: 0; line-height: 21px; top: -20px; left: 0px; width: 100px; color:#000;}

@media only screen and (max-width: 1100px) {
  .mosaique.listing_projets{--itemCol: 3};
}
@media only screen and (max-width: 800px) {
  .mosaique.listing_projets{--itemCol: 2};
}
@media only screen and (max-width: 500px) {
  .mosaique.listing_projets{--itemCol: 1};
}

.form-champs-recherche-filtre button.type-axe.axe-1 {border: 2px solid var(--colorAxe1); color: var(--colorAxe1);}
.form-champs-recherche-filtre button.type-axe.axe-2 {border: 2px solid var(--colorAxe2); color: var(--colorAxe2);}
.form-champs-recherche-filtre button.type-axe.axe-3 {border: 2px solid var(--colorAxe3); color: var(--colorAxe3);}
.form-champs-recherche-filtre button.type-axe.axe-1:hover, .color_recherche .axe-1.btn-projets-tri-sel {background:var(--colorAxe1) !important;;color:#FFF;}
.form-champs-recherche-filtre button.type-axe.axe-2:hover, .color_recherche .axe-2.btn-projets-tri-sel {background:var(--colorAxe2) !important;;color:#FFF;}
.form-champs-recherche-filtre button.type-axe.axe-3:hover, .color_recherche .axe-3.btn-projets-tri-sel {background:var(--colorAxe3) !important;;color:#FFF;}

/* PROJET */
.bloc_head_projet_details .projet_item::after{background: url("../img/bandeaux_projets/1270/001.png") center center no-repeat transparent; background-size: cover;}
.bloc_head_projet_details.bck1 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/001.png");} .bloc_head_projet_details.bck2 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/002.png");} .bloc_head_projet_details.bck3 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/003.png");} .bloc_head_projet_details.bck4 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/004.png");} .bloc_head_projet_details.bck5 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/005.png");} .bloc_head_projet_details.bck6 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/006.png");} .bloc_head_projet_details.bck7 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/007.png");} .bloc_head_projet_details.bck8 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/008.png");} .bloc_head_projet_details.bck9 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/009.png");} .bloc_head_projet_details.bck10 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/010.png");} .bloc_head_projet_details.bck11 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/011.png");} .bloc_head_projet_details.bck12 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/012.png");} .bloc_head_projet_details.bck13 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/013.png");} .bloc_head_projet_details.bck14 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/014.png");} .bloc_head_projet_details.bck15 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/015.png");} .bloc_head_projet_details.bck16 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/016.png");} .bloc_head_projet_details.bck17 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/017.png");} .bloc_head_projet_details.bck18 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/018.png");} .bloc_head_projet_details.bck19 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/019.png");} .bloc_head_projet_details.bck20 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/020.png");} .bloc_head_projet_details.bck21 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/021.png");} .bloc_head_projet_details.bck22 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/022.png");} .bloc_head_projet_details.bck23 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/023.png");} .bloc_head_projet_details.bck24 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/024.png");} .bloc_head_projet_details.bck25 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/025.png");} .bloc_head_projet_details.bck26 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/026.png");} .bloc_head_projet_details.bck27 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/027.png");} .bloc_head_projet_details.bck28 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/028.png");} .bloc_head_projet_details.bck29 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/029.png");} .bloc_head_projet_details.bck30 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/030.png");} .bloc_head_projet_details.bck31 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/031.png");} .bloc_head_projet_details.bck32 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/032.png");} .bloc_head_projet_details.bck33 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/033.png");} .bloc_head_projet_details.bck34 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/034.png");} .bloc_head_projet_details.bck35 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/035.png");} .bloc_head_projet_details.bck36 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/036.png");} .bloc_head_projet_details.bck37 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/037.png");} .bloc_head_projet_details.bck38 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/038.png");} .bloc_head_projet_details.bck39 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/039.png");} .bloc_head_projet_details.bck40 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/040.png");} .bloc_head_projet_details.bck41 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/041.png");} .bloc_head_projet_details.bck42 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/042.png");} .bloc_head_projet_details.bck43 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/043.png");} .bloc_head_projet_details.bck44 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/044.png");} .bloc_head_projet_details.bck45 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/045.png");} .bloc_head_projet_details.bck46 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/046.png");} .bloc_head_projet_details.bck47 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/047.png");} .bloc_head_projet_details.bck48 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/048.png");} .bloc_head_projet_details.bck49 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/049.png");} .bloc_head_projet_details.bck50 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/050.png");} .bloc_head_projet_details.bck51 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/051.png");} .bloc_head_projet_details.bck52 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/052.png");} .bloc_head_projet_details.bck53 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/053.png");} .bloc_head_projet_details.bck54 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/054.png");} .bloc_head_projet_details.bck55 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/055.png");} .bloc_head_projet_details.bck56 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/056.png");} .bloc_head_projet_details.bck57 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/057.png");} .bloc_head_projet_details.bck58 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/058.png");} .bloc_head_projet_details.bck59 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/059.png");} .bloc_head_projet_details.bck60 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/060.png");} .bloc_head_projet_details.bck61 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/061.png");} .bloc_head_projet_details.bck62 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/062.png");} .bloc_head_projet_details.bck63 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/063.png");} .bloc_head_projet_details.bck64 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/064.png");} .bloc_head_projet_details.bck65 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/065.png");} .bloc_head_projet_details.bck66 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/066.png");} .bloc_head_projet_details.bck67 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/067.png");} .bloc_head_projet_details.bck68 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/068.png");} .bloc_head_projet_details.bck69 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/069.png");} .bloc_head_projet_details.bck70 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/070.png");} .bloc_head_projet_details.bck71 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/071.png");} .bloc_head_projet_details.bck72 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/072.png");} .bloc_head_projet_details.bck73 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/073.png");} .bloc_head_projet_details.bck74 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/074.png");} .bloc_head_projet_details.bck75 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/075.png");} .bloc_head_projet_details.bck76 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/076.png");} .bloc_head_projet_details.bck77 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/077.png");} .bloc_head_projet_details.bck78 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/078.png");} .bloc_head_projet_details.bck79 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/079.png");} .bloc_head_projet_details.bck80 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/080.png");} .bloc_head_projet_details.bck81 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/081.png");} .bloc_head_projet_details.bck82 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/082.png");} .bloc_head_projet_details.bck83 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/083.png");} .bloc_head_projet_details.bck84 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/084.png");} .bloc_head_projet_details.bck85 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/085.png");} .bloc_head_projet_details.bck86 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/086.png");} .bloc_head_projet_details.bck87 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/087.png");} .bloc_head_projet_details.bck88 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/088.png");} .bloc_head_projet_details.bck89 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/089.png");} .bloc_head_projet_details.bck90 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/090.png");} .bloc_head_projet_details.bck91 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/091.png");} .bloc_head_projet_details.bck92 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/092.png");} .bloc_head_projet_details.bck93 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/093.png");} .bloc_head_projet_details.bck94 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/094.png");} .bloc_head_projet_details.bck95 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/095.png");} .bloc_head_projet_details.bck96 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/096.png");} .bloc_head_projet_details.bck97 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/097.png");} .bloc_head_projet_details.bck98 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/098.png");} .bloc_head_projet_details.bck99 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/099.png");} .bloc_head_projet_details.bck100 .projet_item  header{background-image: url("../img/bandeaux_projets/1270/100.png");}


.container-projet-single .container p a,
.container-projet-single .container li a{ border-bottom: none; }
.color_recherche_1 .global_contour{ var(--current_color); }

.bloc_head_projet_details .projet_item{ margin: 20px auto; display: flex; flex-direction: column; justify-content: space-between; border: none; min-height: 480px; padding:0; background: none;  }
.bloc_head_projet_details .projet_item .projet_header {width: 100%;height: 100%;text-align: center; z-index: 2; padding: 0px;margin: 0;background-position: center;background-size: cover;display: flex;flex-flow: column;justify-content: center;align-items: center;}
.bloc_head_projet_details .projet_item .projet_header p.mytitre{font-size: 30px; font-family: lora_bold;}
.bloc_head_projet_details .projet_item .projet_header h3{font-size: 16px; padding: .6em .7em .3em;}
.bloc_head_projet_details .projet_item .projet_header h2{background: white;margin-top: -1px;font-size: 16px;padding: 8px 5px 5px;}
.bloc_head_projet_details .projet_item .projet_header h3{width: auto; padding: .4em .5em.2em;}

.bloc_head_projet_details .container_header_annuaire { padding-top:0;  }
.bloc_head_projet_details .projet_header { height: inherit;   padding-top:120px;  }
.bloc_head_projet_details h3 { font-size:22px;   min-height: 0;  }
.bloc_head_projet_details h2 { color:#000;   font-size:22px;   min-height: 0;  }
.bloc_head_projet_details p.mytitre { margin-top:45px;   color:#000;   font-size:18px;   font-weight:bold;   max-width: 60%;   margin: 45px auto 0 auto;  }
.bloc_head_projet_details p.mytitre span { background-color:#FFF; padding:5px;  line-height: 1.5em;  }

.bloc_head_projet_details .axe_1 p.mytitre span,
.bloc_head_projet_details .axe_2 p.mytitre span,
.bloc_head_projet_details .axe_3 p.mytitre span,
.bloc_head_projet_details .axe_1 .projet_header h2,
.bloc_head_projet_details .axe_2 .projet_header h2,
.bloc_head_projet_details .axe_3 .projet_header h2{
	/* background: transparent; */
}
.bloc_head_projet_details .projet_item.axe_1:hover::before,
.bloc_head_projet_details .projet_item.axe_2:hover::before,
.bloc_head_projet_details .projet_item.axe_3:hover::before {
    /* background-size: 100%; */
}
.container_header_annuaire{ max-width: 1400px!important; }

.container-projet-single .btn-equipe a.ensavoirplus {
    border: 2px solid #000;
    background-color: inherit;
}
.bloc-projet-mcle span a {
    color: var(--current_color);
    border: 2px solid var(--current_color);
}

/* GROUPES DE TRAVAIL */
.gti_wrapper{ display: flex; flex-wrap: wrap; }
.gti_item{ width:100%; text-align: center; }
.gti_wrapper .gti_item{  width:25%;   margin: 20px 0 30px; padding: 0 20px; font-family: campton_regular; }
.gti_item h1 {text-align: center;line-height: 1.2em;font-family: campton_semibold;font-size: 24px;}
.gti_item h1::after {margin-top: 8px;display: block;content: '';width: 100%;height: 2px;background-color: var(--current_color);}
.gti_item header{margin-bottom: 15px;}
.gti_item h3 {display: inline-block;margin: 0;padding: .4em .4em 0.2em;line-height: 1em;max-width: 100%;min-height: 0;font-size: 15px;font-family: campton_medium;background: transparent;border: 2px solid var(--current_color);color: #FFF;background: var(--current_color);border: 2px solid var(--current_color);}



/* PROJET ET GTI */
.colonne_infos{font-family:campton_regular}
.colonne_infos b {font-family: campton_bold;}
.colonne_infos h3, .colonne_infos h2 {font-size: 26px; line-height: 1.2; }

/* GTI SINGLE */
.membres_wrapper{display: flex; flex-wrap: wrap; justify-content: center;}
.membres_wrapper .membre_item{width:260px; margin: 30px 15px;}
.membre_item{font-family: campton_regular; text-align: center;}
.membre_item p.nom{font-family: campton_bold; text-decoration: none; margin-bottom: 0; text-align: center;}
.membre_item p.nom a{border: none;}

/* FORMS */

input {   border: 3px solid #c33932 !important }
input:focus{ outline: none }

/* DESIGN GENERAL FORMULAIRE RECHERCHE */

.outils_recherche .outils_de_recherche{float: left}

.outils_de_recherche{  z-index: 1; padding: 10px 0px 2px 0px; float: right; margin-top: -40px;  font-family: campton_regular; color: #333; cursor: pointer; font-size: 14px; }
.outils_de_recherche span{ color: #c33932 }

.outils_de_recherche:hover{ color: #c33932; border-bottom: 1px solid #c33932;  }

.collapse.in { background: #000 ; z-index: 10; background: #fff; }
form{ padding: 0 }

.form_mshb  li{ margin-left: 0em;}
.form_mshb  a:hover{ color: #c33932; }
.form_mshb .lien_small a:hover{ color: #c33932; }
.form_mshb .lien_small{ font-size: 0.9em; margin-left: 15px; }
.form_mshb .lien_small { color: #999; }
.form_mshb .lien_small:hover{ color: #333; }

.intro_form_mshb{ font-size: 1em; min-height: 220px; padding: 30px 0 0 0;   }
.intro_form_mshb_min{ font-size: 0.8em; }

.form_mshb {  background: #fff;  z-index: 2;  font-family: campton_regular;  border:0;  padding-bottom: 10px;  padding-top: 10px;  font-size: 14px;}
.form_mshb .form-champs-recherche input {  border: 2px solid #c33932;  padding: 8px 10px 3px 10px;  font-size: 14px;  line-height: 1.4em;  color: #999;  height: auto;  letter-spacing: 0.02em;}
.form_mshb .form-champs-recherche input.txtRechForm {  width: 70%;}
.form_mshb .form-champs-recherche input.subForm, .form-general-recherche .form-champs-recherche input.resetForm {  background-color: #c33932;  color:#FFF;  text-transform:uppercase;}
.form_mshb button{border: 2px solid #c33932;  background: #fff;  color:#c33932;  padding: 7px 8px 4px 8px;  margin: 0 3px 8px 0;  letter-spacing: 0;}
.form_mshb button:hover, .form_mshb button.sel {border: 2px solid #c33932;  background: #c33932;  color:#fff;}
.form_mshb .col-md-4 select{ width: 90%; }
.form_mshb .col-md-3 select{ width: 90%; }

.form_mshb select{ width: 70%; background: #fff; border-radius: 0; border: 3px solid #c33932; padding: 8px 10px 3px 10px; font-size: 14px; border-radius: 0;-webkit-appearance: none; line-height: 1.4em;color: #999; height: auto; margin: 0; margin-right: 5px; letter-spacing: 0.02em; }

form{ font-family: campton_regular; letter-spacing: 0.05em; }
input {  border: 2px solid #c33932;  padding: 8px 10px 3px 10px;  font-size: 14px;  line-height: 1.4em;  color: #999;  height: auto;  letter-spacing: 0.05em; font-family: campton_regular;}
.form-champs-recherche input.txtRechForm {  width: 70%;}
.form-champs-recherche input.subForm, .form-general-recherche .form-champs-recherche input.resetForm {  background-color: #c33932;  color:#FFF;  text-transform:uppercase;}

button {  border: 2px solid #c33932;  background: #fff;  color:#c33932;  padding: 7px 8px 4px 8px;  margin: 0 3px 8px 0;  letter-spacing: 0;}
button:hover,  . button.sel {  border: 2px solid #c33932;  background: #c33932;  color:#fff;}

textarea,
iframe,
.form-control {  outline: none;  display: block;  width: 100%; margin: 1em auto;  border: 2px solid #ccc;  padding: 8px 10px 3px 10px;  font-size: 14px;  line-height: 1.4em;  color: #999;  /*height: auto;*/
    letter-spacing: 0.02em;  border-radius: 0px;  box-shadow: none;  margin-bottom: 1em;}


.bloc-com-embed {  padding: 0; }
.bloc-com-embed iframe,
#videoAireDu { padding: 0; border: 0; }

.webform-container-inline.webform-component-textarea {  display: block; width: 100%; margin: 0;  }

.form-textarea-wrapper{   display: table; width: 100%; margin: 0;  border: none; }
.text-format-wrapper{  display: table; width: 100%; margin: 0;  border: none; }
.webform-component {  display: table; width: 100%; margin: 0;  border: none; }
.webform-client-form  {  display: block; width: 60%; margin: 1em auto; }
.form-file{ border: none; }

select.form-control, select.form-control:focus{ width: auto; display: inline-block; padding: 12px 10px 3px 10px; border-radius: 0  }

.webform-container-inline label {  width: 100%; margin: 2em auto 0 auto;   }
label { font-family: lora_regular;  font-size: 1em;  display: block; }
.form-textarea-wrapper textarea  {  outline: none;  display: block;  width: 100%; margin: 1em auto;  border: 2px solid #ccc;  padding: 8px 10px 3px 10px;  font-size: 14px;  line-height: 1.4em;  color: #999;  height: auto;  letter-spacing: 0.02em;  border-radius: 0px;  box-shadow: none;}

.panel { display: table; padding: 0; margin-top: 40px; border: 2px solid #c33932; }
.panel-heading, .panel-default>.panel-heading {  margin-bottom: 0;  background-color: #c33932;  border: none;  color: #fff;  border-radius: 0px;  padding: 10px;  box-shadow: none;  font-size: 3em;}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: 0; }
.container_recherche{ padding-bottom: 0; }

.webform-submit.btn {    background-color: #c33932 !important; border: none !important; border-radius: 0; }

#edit-retour.btn, .btn-retour.btn { color: #c33932 !important; border: 2px solid #c33932 !important; background: #fff !important; border-radius: 0; }



/* ANIMATIONS */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.container .bloc-2cols {
    display: table-cell;
    border:1px solid #fff ;
}


/* responsive */

@media only screen and (max-width: 768px) {
	/* switch du menu : on le gère à ce stade là */

	.navbar {animation: none; opacity: 1}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: none; padding:0;}
	.navbar_extended .navbar,
	.navbar_condensed .navbar { height: 60px; padding: 0; margin: 0; width: 100%; }
	.navbar_extended .navbar-brand, .navbar_condensed .navbar-brand { width: 200px; height: 52px; margin: 0px auto; margin-left: 5px; position: absolute; padding: 0px;}
	.navbar_extended .navbar-brand .navbar_extended_logo,
	.navbar_condensed .navbar-brand .navbar_extended_logo,
	.navbar_extended .navbar-brand canvas{}
	.navbar_extended .navbar-brand .navbar_condensed_logo,
	.navbar_condensed .navbar-brand .navbar_condensed_logo,
	.navbar_condensed .navbar-brand img, .navbar_extended .navbar-brand img {display: block; opacity: 1; animation:none; height: 30px; margin: 0; width: auto; top: 0; left: 0; }

	.navbar-right {background: #fff ; position: relative; padding:0; text-align: center;top: 0 !important; padding-bottom: 10px; }
  .navbar-right li{text-align: center;display: inline-block;float: none}

	.navbar-left {position: relative;}
	.navbar-left .nav>li {width: 80%; display: table; height: auto; border-bottom: 2px solid #000}
	.navbar-left>li>a {padding: 20px;text-align: center;font-size: 18px; color:#000}
	.lien_a .lien_menu_actif, a.lien_menu {  border-bottom: 2px solid #000;}
  .lien_accueil .lien_menu_actif{ color: #000; border-bottom: 2px solid #000 }
  .lien_a .lien_menu_actif{ color: #000; border-bottom: 2px solid #000 }
  .lien_b .lien_menu_actif{ color: #000; border-bottom: 2px solid #000 }
  .lien_c .lien_menu_actif{ color: #000; border-bottom: 2px solid #000 }
  a.lien_menu:hover {border-bottom: 2px solid #000;}

	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {  box-shadow: 0 18px 18px rgba(0,0,0,.175); opacity: 1;  background: #fff; border: none}

	.global_contour {   margin: 80px auto 0px auto; width: 100%; overflow-x:hidden  }

	.color_home .global_contour{ border-bottom: var(--current_color); }
	.color_plateforme .global_contour{ border-color: var(--current_color); }
	.color_recherche .global_contour{ border-color: var(--current_color); }
	.color_mshb .global_contour{ border-color: var(--current_color); }

	.sidebar{ display: none }
	.navbar_extended .navbar-left, .navbar_condensed .navbar-left { margin: 0px ; top: 0; height: auto; opacity: 1; animation: none; transition:all .3s;left:0 !important; }
	.navbar-nav .dropdown .dropdown-menu { display: none;  border-radius: 0; overflow: hidden; padding: 0; box-shadow: none; }
	.navbar-nav .open .dropdown-menu {display: block; height: auto; border: none; border-bottom: 3px solid #ccc;  }
	.dropdown-menu li{ padding-bottom: 2vw; }
}

@media only screen and (max-width: 1050px){
	.navbar-right { top: 0!important; padding: 13px 20px 0 0!important; }


	.actus_wrapper .actu_item{ width:33%  }
	.agenda_wrapper .agenda_item{ width:33%  }
	.medias_wrapper .media_item{ width:33%  }


}

@media only screen and (max-width: 780px){


	.actus_wrapper .actu_item{ width:50%  }
	.agenda_wrapper .agenda_item{ width:50%  }
	.medias_wrapper .media_item{ width:50%  }
}

@media only screen and (max-width: 660px) {

	.container .bloc-2cols {
		column-count: auto;
    column-gap: 0px;
	}

	/* bandeau */
	.container_header { height: auto; max-width: 100%; padding-top: 40px; padding-bottom: 40px;  }
	.fil_ariane{ display: none; }

	.actus_wrapper .actu_item{ width:100%  }
	.agenda_wrapper .agenda_item{ width:100%  }
	.medias_wrapper .media_item{ width:100%  }


	/* content */
	p { font-size: 14px; }
	.cercle{ width: 100px; height: 100px; }
	.container_header h1 {  font-size: 38px; line-height: 1.1em; max-width: 80%;  }
	.container_titre h1, .container_titre h2, .container_titre h3 { font-size: 30px; line-height: 1.1em;  }
	/* .container_titre h2[id^="content"], .container_titre h1[id^="content"] { font-size: 30px; line-height:1.4em; } */
	.container_titre span { font-size: 20px; }
	.poles-menu li { font-size: 0.8em; }
	.container ul.poles-menu { padding: 20px 0px; margin-top: 20px; }

	/* bullshit */
	#returnOnTop { display: none; opacity: 0; width: 0 !important; height: 0; overflow: hidden; }

	/* footer */
	.footer .zone_logo_mshb { float: none; margin: auto;   display: none; }
	.footer .zone_logo { width: 100%; margin: 10px;}
	.footer .zone_logo li {  max-width: 35px; margin: 6px 5px; display: inline-block; float: none; }
	.footer .zone_logo ul { height: auto; padding: 0; text-align: center; }
	.footer .zone_menu ul { height: auto; padding: 0; text-align: center; }
	.footer .zone_signature p { text-align: center;padding: 0 35px; }
	.footer .zone_menu { margin-top: 0; }
}