/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

#section-content #zone-postscript-wrapper {
  width: 1200px;
  margin: 0 auto;
}

/* start quick search block */

#edit_type_chosen {
  width: 100% !important;
}

#edit-group-esp-wrapper {
  width: 90% !important;
}
#edit-group-esp-chosen {
  width: 100% !important;
}
#edit_term_node_tid_depth_milieux_chosen {
  width: 100% !important;
}
#edit-term-node-tid-depth-milieux-wrapper {
  width: 90% !important;
}
#edit_group_esp_chosen {
  width: 90% !important;
}
.chosen-container chosen-container-multi form-select chosen-processed {
  width: 100% !important;
}

#edit_term_node_tid_depth_cadre_politique_chosen {
  width: 100% !important;
}

#edit_term_node_tid_depth_cadre_politique_chosen ul li input {
  width: 100% !important;
}

/* end of quick bar*/

.group-div-img img {
  display: block;
  margin: 0 auto;
}

.field-group-fieldset-footer-exp {
  width: 50%;
  padding: 1em;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0px auto;
  clear: both;
}

#detail-exp {
  margin-top: 5%;
  float: left;
  padding: 1em;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0px auto;
}
.group-metadonnes-exp {
  display: inline-grid;
}
.illustration-exp {
  width: 50%;
  float: left;
}

/*.group-texte-gauche-exp {
  margin-bottom: 5%;
}*/

html,
body {
  font-family: "Open Sans", sans-serif;
  font-size: 0.8em;
  overflow-x: hidden;
  background: #e0daca;
  color: #535548;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 auto;
  padding: 0;
}
body{
  overflow-y: hidden;
  top: -10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
}

h1 {
  margin-left: 0px;
  color: #255f79;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: -1px;
}

.deprecied {
  margin-bottom: 0px !important; /** SAM **/
}

h2 {
  color: #255f79;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -0.9px;
}
h3 {
  font-size: 16px;
  font-weight: bold;
  color: #255f79;
}

hr {
  border: 0 none;
}
h4 {
  color: #74bf47;
  color: rgb(116, 191, 71);
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13.3px;
}
tr.even:hover td.active,
tr.odd:hover td.active {
  background: #fff;
}

tr:hover td,
tr.even:hover td.active,
tr.odd:hover td.active {
  background: #fff none repeat scroll 0 0;
}

img {
  height: auto;
  max-width: 100%;
}

table {
  border: medium none;
  width: 100%;
}

.main-container {
  background-color: #fff;
  padding-top: 30px;
  font-size: 1.3em;
}

.main-container a {
  color: #74bf47;
  font-size: 12.5px; /* SAM */
  text-decoration: underline;
}

.main-container a:hover {
  color: #74bf47;
  text-decoration: none;
}

a.fieldset-title {
  text-decoration: none !important;
  font-size: 1.1em;
}

.main-container p {
  margin: 0 0 10px;
  padding-right: 12px;
}

.hidden {
  display: none; /* SAM */
}

.pull-right {
  float: right !important;
}

.clear {
  clear: both;
  height: 20px;
}

.region {
  min-height: 0px;
}

.zone {
  /* box-shadow: 0 0 40px -8px rgba(0, 0, 0, 0.4), 0 0 0px 0px rgba(0, 0, 0, 0.4); */
  box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white,
    2px 0 8px -2px rgba(0, 0, 0, 0.2), -2px 0 8px -2px rgba(0, 0, 0, 0.2);
  padding-left: 0;
  padding-right: 0;
}

/* Supprimer marge header*/
#region-branding,
#region-menu {
  width: 100%;
  margin: 0px;
}

/* ICNONES */
.icone.documentations {
  background: url("../images/pictos-docus.png") no-repeat left center;
  margin-right: 10px;
}

/*region navigation*/

.navbar-header {
  width: 100%;
}
.navbar {
  margin-bottom: 0px;
}
.region-navigation {
  width: 100%;
}
.container {
  padding: 0px;
}
#logo-afb-slider-1 {
  display: block;
  margin-left: 1.2%;
  margin-top: 4%;
  position: absolute;
  text-align: center;
  width: 160px;
  z-index: 50;
}
#logo-afb-slider-2 {
  display: block;
  margin-left: 16%;
  margin-top: 4%;
  position: absolute;
  text-align: center;
  width: 87px;
  z-index: 50;
}

/* LOGO GENIE */
.logo-genie {
  display: block;
  margin-left: 30%;
  margin-top: 4%;
  position: absolute;
  text-align: center;
  z-index: 50;
  max-width: 46%;
  height: auto !important;
}
#block-block-10 {
  margin-top: -20px;
}

#block-block-10 .contextual-links-region {
  position: none !important;
}

#block-block-11 {
  margin-top: -30px;
}

/* FIN LOGO GENIE */

/* CAROUSEL */

/*.views-slideshow-controls-bottom {
  margin-top: -50px;
  position: relative;
  text-align: center;
  z-index: 50;
}
.views_slideshow_cycle_teaser_section {
  width: 100% !important;
}*/
.flexslider{
  margin: 0px;
  border: 0px;
}
.flex-control-nav{
  bottom: 10px;
  z-index: 10;
}


/* FIN CAROUSEL */

/* FIL D ARIANE */
.breadcrumb {
  display: none;
  margin: 10px 0px !important;
}

/* FIN FIL D ARIANE */
/*RSS*/
.feed-icon__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 1.6875rem;
  height: 1.6875rem;
  color: #fff;
  background-color: #FB9D3A;
  float: right;
  border: 4px;
}
.feed-icon__icon svg {
  vertical-align: top;
  fill: currentColor;
}
#title-agenda{
  display: flex;
}
#title-agenda > div {
  position: relative;
  padding-left: 30px;
  top: -18px;
}
/* SIDEBAR */
/*.region-sidebar-first {
  display: inline-grid;
}*/

/*.region-sidebar-first .front {
    margin-top:0em;
}*/

.region-sidebar-first .block {
  padding: 1em;
  margin: 1em;
}

.recherche-rapide {
  background: #7bbb28 url("../images/fleur-recherche.png") no-repeat scroll left
    bottom;
  border: 3px solid #25708b;
  border-radius: 0;
  color: #fff;
  margin-top: 20px;
}

.recherche-rapide h2 {
  background-color: transparent;
  border-bottom: 0 none;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  margin-top: 0px;
}

/*#edit-submit-recherche-rapide,
#edit-submit-recherche-rapide--2,
#edit-submit-recherche-rapide--3*/
#views-exposed-form-recherche-rapide-page  button[type=submit],
#views-exposed-form-recherche-ent-ge-page-2 button{
  background: #235d79 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 8px;
  padding-top: 8px;
  text-transform: uppercase;
  text-shadow: none;
  float: right;
  margin-right: 0px;
  margin-top: 5px;
}

#edit_term_node_tid_depth_act_rex_chosen {
  width: 155% !important;
}
/*
#edit-submit-recherche-rapide:hover {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
}
*/

/*#edit_milieux_chosen, #edit_tid_3_chosen, #edit_act_chosen, #edit_eps_chosen,
#edit_tid_2_chosen, #edit_tid_4_chosen, #edit_tid_chosen, #edit_tid_1_chosen {
    width:220px !important;
}*/

.sidebarmenu {
  margin-left: 30px;
  margin-right: 20px;
}
.sidebarmenu ul li {
  font-size: 11px;
  font-weight: bold;
  margin-top: 0.4em;
  list-style: outside none none;
  text-transform: uppercase;
  display: flex;
}
.sidebarmenu ul li::before {
  color: #255f79;
  content: "— ";
  font-size: 14px;
  display: flex;
  align-items: center;
}
.sidebarmenu .nav > li > a:hover {
  text-decoration: none;
  background-color: #ffffff;
}
.sidebarmenu .nav > li > a {
  padding: 5px 5px;
}
.sidebarmenu .nav .is-active {
  font-weight: bold;
}
.sidebarmenu ul {
  border-left: 2px solid #255f79;
  margin-left: 21px;
  padding-left: 0;
  margin-bottom: 15px;
}

#block-block-4 img {
  float: left;
}

#block-block-5 {
  margin-top: 1.5em;
}

#region-sidebar-first .block {
  margin-bottom: 40px;
}

#block-menu-block-1 {
  margin-top: -0.4em;
}

/* FIN SIDEBAR */

/* CONTENT */

/* ZONE DOCUMENTATION ET OUTILS */
.documentations h3 {
  text-transform: uppercase;
  color: #235d75;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  margin-bottom: 20px;
}
.documentations .view-header h3 a {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}
.documentations .views-field-title a {
  text-decoration: none;
}
.documentations .view-footer {
  margin-top: 40px;
}

.documentations a {
  color: #7bbb28;
}

.group_documentations {
  margin-left: 22%;
  min-height: 120px;
}

.documentations .views-field-field-image {
  float: left;
  width: 18%;
  border: 1px solid #909193;
  margin-right: 10px; /* SAM */
}

.documentations .views-field-title {
  margin-top: -1.2em;
  margin-bottom: 0.3em;
}

#block-views-block-outils-et-m-thodes-block {
 /* float: left;
  margin-left: 3%;
  width: 80%;*/
}

.bloc-doc {
  border-top: 1px solid #eeeeef;
  clear: left;
  margin-top: 20px; /*SAM */
  padding-top: 20px;
}

/* FIN CONTENT */

/* FOOTER */
#zone-postscript {
  padding-top: 60px;
  background-color: #fff;
}

#zone-footer {
  background: #7bbb28 none repeat scroll 0 0;
  color: #fff;
  padding: 15px 0px 5px;
}

#top-footer {
  margin-top: 50px;
}

#block-informations {
  background: #7bbb28;
  color: #fff;
  width: 100%;
}
#block-informations ul {
  float: right;
}
#block-informations ul.menu > li {
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
}
#block-informations ul.menu > li > a:hover {
  background-color: #7bbb28;
  text-decoration: underline;
}

#block-informations ul li a {
  color: #fff;
  text-transform: uppercase;
}

#block-informations ul li {
  border-left: solid 1px #fff;
}

#block-informations ul li:nth-child(1) {
  border-left: 0px;
}

#block-informations ul li.leaf {
  list-style-image: none;
  list-style-type: none;
}

.logos {
  margin-left: 8%;
  margin-right: 12%;
  float: right;
}

.logos img {
  margin-left: 6px;
  margin-right: 6px;
}

.footer {
  margin-top: 0px;
  border-top: none;
}
.region-footer {
  background-color: #ffffff;
  padding-top: 60px;
}
/* FIN FOOTER */

/*responsive menus*/
.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon {
  background:#000;
  float: right;
}
.responsive-menu-toggle{
  width: 100%;
}
.responsive-menu-toggle-icon{
  float:right;
}

.responsive-menu-toggle-icon span.label{
  display: none;
}
/* SUPERFISH */
.navbar-collapse {
  padding: 0px;
}
.block-superfish::before {
  content: url("../images/frise.png");
  display: block;
  /*height:0px;*/
  margin-bottom: -2px;
  max-width: 100%;
}
.block-superfish {
  background-color: #235d79;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}
.block-superfish a {
  color: #fff;
  text-decoration: none;
}

.block-superfish ul li .sf-depth-1 {
  display: flex;
  align-items: center;
}
.block-superfish ul li:first-child .sf-depth-1::before {
  content: url("/sites/default/files/menu_icons/menu_icon_374.png");
  display: block;
  margin-right: 5px;
}
.block-superfish ul li:nth-child(2) .sf-depth-1::before {
  content: url("/sites/default/files/menu_icons/menu_icon_375.png");
  display: block;
  margin-right: 5px;
}
.block-superfish ul li:nth-child(3) .sf-depth-1::before {
  content: url("/sites/default/files/menu_icons/menu_icon_1683.png");
  display: block;
  margin-right: 5px;
}
.block-superfish ul li:nth-child(4) .sf-depth-1::before {
  content: url("/sites/default/files/menu_icons/menu_icon_561.png");
  display: block;
  margin-right: 5px;
}
.block-superfish ul li:nth-child(5) .sf-depth-1::before {
  content: url("/sites/default/files/menu_icons/menu_icon_8473.png");
  display: block;
  margin-right: 5px;
}
.block-superfish ul li:nth-child(6) .sf-depth-1::before {
  content: url("/sites/default/files/menu_icons/menu_icon_576.png");
  display: block;
  margin-right: 5px;
}
.block-superfish ul li:nth-child(7) .sf-depth-1::before {
  content: url("/sites/default/files/menu_icons/menu_icon_502.png");
  display: block;
  margin-right: 5px;
}

.block-superfish ul.menu li {
  background-color: #235d79;
  margin: 0em !important;
  padding: 10px 15px 10px 15px !important;
  text-align: left;
  /*width: 138px;
    height:32px;*/
  font-weight: bolder;
  line-height: 16px;
  border-right: 1px solid #517b93;
}

.block-superfish ul li:last-child {
  border-right: none;
}

.block-superfish > ul > li a {
  padding-left: 10px;
  height: 32px;
  width: 140px;
}

ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
  left: 0;
  top: 4.3em;
  width: 24em !important;
}
.block-superfish ul.menu li .sf-depth-2 {
  background-color: #184154;
  font-weight: normal;
}

.block-superfish ul.menu li .sf-depth-2 > a {
  width: 100%;
  padding: 0px;
  height: 12px;
}
.block-superfish ul.menu li .sf-depth-2 > a:hover {
  border-right: none;
  background-color: #235d79;
  height: 12px;
}

/*
.block-superfish ul.menu .active-trail {
    background-color: rgba(0,0,0,0.3);
}


.block-superfish ul.menu .sf-depth-2 {

}

.block-superfish ul .sf-depth-2 .first {
    padding-top: 25px;
}



.block-superfish ul.menu li .sf-depth-2 > a:focus{
    border-right: none;
    background-color: #fff;
    height:20px;
}

.block-superfish ul.menu li .sf-depth-2 > a:hover{
    border-right: none;
    background-color: #235d79;
    height:20px;
}


.block-superfish ul {
    margin-top:32px;
}



*/
/* fix bug sous menu quand une seule ligne */
.block-superfish .menu-376-1 li > ul {
  margin-top: 12px;
}

.block-superfish a.menu-1683,
.block-superfish a.menu-576 {
  margin-top: 0.6em;
}

/*
.deuxlignes {
    width: 130px;
    text-transform: uppercase;
    display: block;
    float: left;
    line-height: 12px;
    margin-left: 20px !important;
    text-indent: -22px;
  }

  .deuxlignes a{
    text-decoration: none;
  }

*/

/* PANEL ACTU ATEN */

.actualites .panel {
  position: relative;
  margin: 0 28px;
}

.actualites .panel-body {
  background: #235d79;
  color: #fff;
  position: absolute;
  padding: 10px;
  bottom: 0;
  width: 100%;
}


.actualites-accueil .panel-body {
  width: 80.5%;
  padding: 8px;
  bottom: 0;
}

.actualites div.panel-body:before {
  position: absolute;
  content: url("../images/pico-actu.png");
  height: 20px;
  display: block;
  /* width: 50%; */
  text-align: center;
  margin: auto;
  margin-top: -22px;
  width: 100%;
}
.actualites .panel-body h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: inherit;
  line-height: 12px;
}
.actualites .panel-body .card__meta h4 {
  color: #FFFFFF;
}

.actualites .panel-body p {
  margin: 0px;
}
.actualites .panel-body h3 a {
  text-transform: uppercase;
  color: #7bbb28;
  letter-spacing: 0;
  font-size: 11px;
  text-decoration: none !important;
  line-height: -15px;
  margin-top: 0px;

  font-weight: bold;
}

.actualites td {
  padding-bottom: 2.5em;
}
.field--name-field-image-fil-info img {
  max-width: 60%;
}

.field--name-field-image-portrait img {
  max-width: 60%;
}
/* FIN PANEL ACTU ATEN */

.views-row {
  margin-bottom: 20px;
}
/* PAGE RESULTATS */

.resultats .views-row {
  border-top: 1px solid #888;
  padding-top: 15px;
  margin-top: 10px;
}

.resultats .field-name-field-image {
  padding-left: 10px;
  padding-right: 10px;
}
.paginations {
  text-align: right;

  padding-bottom: 20px;
  padding-right: 0px;
}

.resultats .icone.retoursxp {
  padding-bottom: 10px;
}

table.pagerer tbody tr td div.item-list ul.pager li.pager-item,
table.pagerer tbody tr td div.item-list ul.pager li.pager-current,
table.pagerer tbody tr td div.item-list ul.pager li.pager-first,
table.pagerer tbody tr td div.item-list ul.pager li.pager-previous,
table.pagerer tbody tr td div.item-list ul.pager li.pager-next,
table.pagerer tbody tr td div.item-list ul.pager li.pager-last {
  padding: 0.1em 0 0.3em;
}

/* FIN PAGE RESULTATS */

/* SITE MAP */

#site-map ul li.expanded,
#site-map ul li.leaf {
  list-style-image: none;
  list-style-type: none;
}

.site-map-menu ul li.leaf,
.site-map-menu ul li {
  list-style-image: none;
  list-style-type: none;
}

#views-exposed-form-retours-experiences-page-1 .form-control,
#views-exposed-form-references-bibliographiques-page .form-control {
  width: 90% !important;
}
#views-exposed-form-retours-experiences-page-1 a {
  color: #535548;
  text-decoration: none;
}
#views-exposed-form-retours-experiences-page-1,
#views-exposed-form-references-bibliographiques-page {
  background: #25708b;
  color: #fff;
  border-radius: 0;
  border: 3px solid #7bbb28;
  padding: 10px;
  margin-bottom: 30px;
}
#views-exposed-form-retours-experiences-page-1 .control-label {
  text-transform: uppercase;
  font-weight: inherit;
}

#views-exposed-form-retours-experiences-page-1 .row {
  margin-top: 10px;
  margin-bottom: 10x;
}

#views-exposed-form-retours-experiences-page-1 > .panel-heading {
  background-color: transparent;
  color: #fff;
  border-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  padding: 2px;
}
.recherche-panel.panel-default > .panel-body {
  padding-top: 0px;
}

#views-exposed-form-retours-experiences-page-1 .form-submit,
#views-exposed-form-references-bibliographiques-page .form-submit,
#views-exposed-form-recherche-ent-ge-page-1 .form-submit {
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
  background: #7bbb28;
  border: 0;
  font-weight: bold;
  font-size: 11px;
  padding-bottom: 8px;
  padding-top: 8px;
  text-shadow: none;
}
#views-exposed-form-recherche-ent-ge-page-1 .form-submit {
  margin-top: 10px;
}
#views-exposed-form-recherche-ent-ge-page-2 #edit-title {
  width: 100%;
}

.container-12 .grid-test {
  width: 620px;
  display: inline;
  float: left;
  padding-top: 20px;
}

.container-12 .grid-col3 {
  width: 620px;
  display: inline;
  float: left;
}
/*resultats retours exp*/
/*.group-left.new-exp {
  float: left;
}
.group-right.new-exp {
  margin-left: 100px;
}
.group-right.new-exp-logo {
  float: right;
  margin: -35px 30px;
}*/
.group-right.new-exp h4 {
  display: inline-block;
  margin-top: 20px;
}
.group-left.new-exp, .group-right.new-exp-logo {
  width: 15%;
}
.group-right.new-exp {
  width: 70%;
  padding: 0px 10px;
}
.view-retours-experiences .view-mode-teaser{
  display: flex;
  align-items: center;
}

/* RECHERCHE RAPIDE */

#views-exposed-form-recherche-rapide-block-1,
#views-exposed-form-recherche-rapide-block-2 {
  display: none;
}

.view-recherche-rapide,
#block-views-recherche-rapide-block-2,
#block-views-recherche-rapide-block-2 {
  margin-bottom: 35px;
}

/* AGENDA - PAGE */
.node--type-agenda .group-right {
  border-left: 1px solid #888;
  padding-left: 2em;
  width: 45%;
}

.node--type-agenda .group-footer {
  padding-top: 2em;
}

.filigrane {
  float: right;
  margin-top: 11.4%;
  margin-left: 78%;
  opacity: 0.55;
  z-index: 50;
  display: block;
  height: auto !important;
  max-width: 13%;
  position: absolute;
}

.barre-search {
  float: right;
  margin-top: 0%;
  margin-left: 88.5%;
  opacity: 0.8;
  z-index: 100;
  display: run-in;
  max-width: 13%;
  position: absolute;
}

#block-block-12 p {
  margin-bottom: 0px;
}

#block-views-block-zoom-sur-un-retour-d-experience-block {
  width: 90%;
  float: left;
  margin-left: 3%;
}
/* couleur bleu */
div.zoom-rex {
  background-color: #235d79;
  min-height: 179px;
  margin-bottom: 5px;
}

div.zoom-rex a {
  text-decoration: none !important;
}

div.zoom-rex > div {
  margin-left: 10px;
  color: #fff;
}

div.formation-venir {
  width: 385px;
  height: 150px;
  float: left;
  margin-bottom: 35px;
}

div.formation-venir a {
  color: #74bf47 !important;
}
/*
    margin-left: 8px;
   text-transform: uppercase;
   font-family: "Open Sans",sans-serif;
   color: #fff !important;
   margin-left: 4px;
   font-size: 13px !important;
*/

.formation-venir a {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}

.agenda-color a {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}

.outil-color a.external-processed {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}

.colo-retour a.external-processed {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}

.marche-stp a.external-processed  {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}
.zoom-re a.external-processed {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}
.rex a.external-processed {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}
.actu-r a.external-processed {
  color: #235d75 !important;
  font-size: 15px !important;
  text-decoration: none !important;
}

div.formations-title {
  height: 52px;
  width: 100%;
}

div.formations-title h3 {
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 0;
  padding: 20px;
  text-decoration: none !important;
  text-align: left;
  text-transform: uppercase;
}

#block-views-actus-accueil-block {
  width: 48%;
  float: left;
}

.view-display-id-attachment_1.view-actus-accueil a img {
  float: left;
  margin-right: 10px;
}

.view-display-id-attachment_1.view-actus-accueil .views-row {
  margin-bottom: 10px;
}

.zoom-re {
  float: left;
}

.panel-col-first {
  float: left;
  width: 10%;
}

.div.panel-panel:nth-child(3) {
  float: right;
  width: 10%;
}

.div.panel-panel:nth-child(2) {
  float: left;
  width: 70%;
}

.field.field-name-field-code-postal.field-type-number-integer.field-label-hidden {
  float: left;
  padding-right: 5px;
}

.field.field-name-field-date-1.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.odd::before,
.field.field-name-field-date-2.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.odd::before,
.field.field-name-field-date-3.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.odd::before {
  content: " - ";
}
.field.field-name-field-date-1.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.odd,
.field.field-name-field-date-2.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.odd,
.field.field-name-field-date-3.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.odd {
  display: inline !important;
}

.field.field-name-field-date-1.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.even,
.field.field-name-field-date-2.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.even,
.field.field-name-field-date-3.field-type-text.field-label-inline.clearfix
  .field-items
  .field-item.even {
  float: left;
  padding-right: 5px;
}
.field-label-inline .field-label,
.field-label-inline .field-items,
.field-label-inline .field-item {
  display: block !important;
}

.front h2.formation-venir {
  margin-bottom: 35px !important;
}

/*
#views-exposed-form-recherche-ent-ge-page-1 #edit-title-wrapper {
    padding-left: 20px;
    width: 80% !important;
}

#views-exposed-form-recherche-ent-ge-page-1 #edit-title {
    width: 200px;
}

#views-exposed-form-recherche-ent-ge-page-1 #edit-field-type-d-actions-tid-1-wrapper {

    width: 90% !important;
    padding-left: 20px;

}

#views-exposed-form-recherche-ent-ge-page-1 #edit-field-ecosyst-mes-consern-s-tid-wrapper {

    width: 90% !important;
    padding-left: 10px;

}

#views-exposed-form-recherche-ent-ge-page-1 #edit-field-chelle-d-action-tid-wrapper {

    width: 90% !important;
    padding-left: 10px;

}
#views-exposed-form-recherche-ent-ge-page-1  #edit_field_chelle_d_action_tid_chosen b{
  background:none !important;
}

#views-exposed-form-recherche-ent-ge-page-1  #edit-submit-recherche-ent-ge {

    background: #235d79 none repeat scroll 0 0 !important;
     margin-left: 12em;

}*/

#block-views-exp-recherche-ent-ge-page-1 {
  width: 223px;
  margin-left: 12px;
}
div#edit-field-type-d-actions-tid-1-wrapper {
  margin-left: 50px;
}
form#views-exposed-form-recherche-ent-ge-page-1 {
  background: #25708b;
  color: #fff;
  border-radius: 0;
  border: 3px solid #7bbb28;
  padding: 10px;
  margin-bottom: 30px;
  width: 60%;
  margin: 0 auto 30px;
}
form#views-exposed-form-recherche-ent-ge-page-1 > div {
  display: table-caption;
}
#edit-submit-recherche-ent-ge {
  text-transform: uppercase;
  color: #fff;
  background: #7bbb28;
  border: 0;
  font-weight: bold;
  font-size: 11px;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-top: 10px;
}

/*résultats vue ent GE*/
#container-result-ent {
  border-top: 1px solid #888;
  padding-top: 15px;
  margin-top: 10px;
}
.cont-tree {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#title-ent-list {
  max-width: 45%;
}
#title-ent-list h1 a {
  font-size: 1.1em;
  text-decoration: none;
  color: #25708b;
}
#title-ent-list h1 a:hover {
  color: #74bf47;
}
#logo-ent-list {
  margin-right: 20px;
}
#list-eco,
#type-actions {
  margin-left: 20px;
}
#list-eco {
  display: inline-flex;
}
#list-eco h2 {
  display: none;
}
#list-eco img {
  width: 35px;
  margin-left: 10px;
}
#list-eco .field--name-field-picto > .field--label{
  display: none;
}
/*legende annuaire GE*/
#leg li img {
  margin-right: 10px;
}
#leg li {
  margin-bottom: 10px;
}
#zone-postscript-wrapper #zone-postscript {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
}

/*view appel projet*/

/* CTA newsletter */
.cta-newsletter {
  color: white !important;
  background-color: #235d79;
  padding: 7px;
  display: flex;
  width: 70%;
  font-size: 12px !important;
  font-weight: bold;
  text-align: center;
}

/*migration drupal 9 update*/
div#logo_bas_partenaire {
  display: flex;
  justify-content: center;
}
#logo_bas_partenaire ul li {
  display: inline;
}
#edit-term-node-tid-depth-milieux-wrapper {
  width: 100% !important;
}
#edit-group-esp-wrapper {
  width: 100% !important;
}
#edit_group_esp_chosen {
  width: 100% !important;
}
#edit_group_esp_chosen {
  width: 100% !important;
}
.views-exposed-form.clearfix div {
  width: 100% !important;
}
.chosen-container-multi .chosen-choices {
  background-image: none;
  border: none;
}
.views-exposed-form .chosen-container {
  padding: 3px 3px;
  height: auto !important;
}

#edit_term_node_tid_depth_act_rex_chosen {
  width: 100% !important;
}
.views-exposed-form.clearfix div {
  width: 100px;
}
#block-system-main footer {
  display: none;
}
div#block-block-4 .content.clearfix {
  float: right;
  margin-bottom: 20px;
}
#block-block-4 img {
  padding: 2px;
  float: none !important;
}
.mean-container .mean-nav ul li a.mean-expand {
  height: 12px !important;
}
.documentations .views-field-field-image {
  width: auto !important;
}

/*add experience*/
#node-experiences-form .form-control {
  padding: 5px 12px;
}
#node-experiences-form .chosen-container-single{
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border: 0px;
}
#node-experiences-form .select-wrapper:after{
  display: none;
}

@media screen and (min-width: 960px) and (max-width: 1220px) {
  #logo-afb-slider-1 {
    width: 150px;
  }

  #logo-afb-slider-2 {
    margin-left: 19% !important;
    width: 50px !important;
  }

  div#block-views-c52272ecbd9c5b21fd933a63052d6152 {
    margin-top: 40px;
    width: 660px !important;
  }

  .container-12 .grid-col3 {
    width: 33% !important;
  }
  div#block-block-4 {
    margin-left: 5%;
    width: 110%;
  }
  .views-widget .chosen-container {
    width: 100px !important;
  }
  .actualites-accueil .panel-body {
    width: 48.5% !important;
  }
  #edit-submit-recherche-rapide {
    margin-left: 0px !important;
  }
  div#views-bootstrap-grid-1 img {
    max-width: none !important;
    width: 100%;
  }
  .block-superfish::before {
    content: none;
  }
}
@media screen and (min-width: 500px) and (max-width: 980px) {
  div#block-views-c52272ecbd9c5b21fd933a63052d6152 {
    width: 600px !important;
  }

  section#block-views-exp-recherche-rapide-page--2 {
    display: none;
  }
  .node .group-colonne.field-group-div.grid-col3 {
    float: none !important;
  }
  div#block-block-4 {
    width: 80%;
    margin-left: 30%;
  }
  .views-widget .chosen-container {
    width: 100px !important;
  }
  section#block-views-exp-recherche-rapide-page {
    display: none;
  }
  div#views-bootstrap-grid-1 img {
    max-width: none !important;
  }
  .views-field.views-field-field-image-portrait
    .panel-2col
    .panel-panel.panel-col-last,
  .views-field.views-field-field-image-portrait .panel-panel.panel-col-last {
    width: 100% !important;
  }
  .panel-2col .panel-col-first,
  .views-field.views-field-field-image-portrait .panel-panel.panel-col-last {
    float: left;
    width: 100%;
  }
  .documentations .views-field-field-image {
    width: auto !important;
  }
  div#block-block-10 .logo-genie {
    width: 40% !important;
  }
  #logo-afb-slider-1 {
    width: 100px !important;
  }
  #logo-afb-slider-2 {
    width: 70px !important;
  }
  .block-superfish::before {
    content: url(../images/frise-2000.png) !important;
    display:none;
  }
  .view.view-zoom-sur-un-retour-d-experience.view-id-zoom_sur_un_retour_d_experience.view-display-id-block.view-dom-id-7ee599464f2a08a497a06a67f1c6216d
    .main-container
    a,
  .view.view-zoom-sur-un-retour-d-experience.view-id-zoom_sur_un_retour_d_experience.view-display-id-block.view-dom-id-7ee599464f2a08a497a06a67f1c6216d
    .zoom-rex-text2.views-fieldset {
    font-size: 11px !important;
  }


}
@media all and (max-width: 768px) {
  .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .nav > li > a {
    padding: 10px 5px;
  }
  .node--type-rex {
    display: grid;
  }
  #logo-afb-slider-2 {
    padding-left: 10%;
  }

  #block-block-10 .block-inner.clearfix .content.clearfix p {
    margin: auto;
    width: 50%;
  }
  section#block-views-exp-recherche-rapide-page--2 {
    display: none;
  }

  div#block-views-c52272ecbd9c5b21fd933a63052d6152 {
    width: 580px !important;
  }

  .panel-2col .panel-col-last {
    float: none !important;
    width: 100% !important;
  }
  .panel-2col .panel-col-last .inside {
    margin: 0 !important;
  }
  .panel-2col .panel-col-first {
    float: none !important;
    width: 100% !important;
  }
  #block-block-10 {
    margin-top: 25px;
  }
  section#block-views-exp-recherche-rapide-page {
    display: none;
  }
  div#block-nivo-slider-nivo-slider {
    display: none;
  }
  .view.view-bloc-accueil-crge.view-id-bloc_accueil_crge.view-display-id-block.view-dom-id-979455f0299abf8dbff059247112596e {
    padding-top: 50px;
  }

  .view.view-bloc-accueil-crge.view-id-bloc_accueil_crge.view-display-id-block.view-dom-id-6de22fe44c84a3434415d032ae98dbb0 {
    margin-top: 80px;
  }
  #region-sidebar-first .block {
    margin-top: 90px;
  }
  /*responsive menu*/
  .navbar-toggle{
    display:none;
  }
  #block-formulaireexposerecherche-rapidepage,
  #block-navigationprincipale{
    display: none;
  }
  .region-content > .breadcrumb{
    display: none;
  }
  #block-formulaireexposerecherche-rapidepage-2 form{
    padding : 5px;
  }
  #block-formulaireexposerecherche-rapidepage-2 button{
    margin: 5px 0px;
  }


}
@media all and (min-width: 768px) {
  .container>.navbar-collapse{
    /*margin-left: -15px;*/
    /*margin-right: -15px;*/
  }
  #block-formulaireexposerecherche-rapidepage-2{
    display: none;
  }
  .region-header > .breadcrumb{
    display: none;
  }
  /*#block-views-block-actus-accueil-block, #block-views-block-outils-et-m-thodes-block{
    width: 48%;
    float: left;
  }*/
}
@media screen and (max-width: 1220px) {
  .navbar.container {
    max-width: 1170px !important;
  }
}





@media all and (min-width: 1220px) {
  body {
    min-width: 1200px;
  }
  .navbar.container {
    max-width: 1220px;
  }
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    min-width: 1200px;
  }
  .container {
    width: 1200px;
  }
  .container>.navbar-collapse{
    margin-left: 0px;
    margin-right: 0px;
  }
}

/*Fiches entreprises*/
#fiches-entreprises .field--name-field-ecosyst-mes-consern-s {
  display: flex;
}
#fiches-entreprises .field--name-field-ecosyst-mes-consern-s h2 {
  display: none;
}
#fiches-entreprises .field--name-field-ecosyst-mes-consern-s > .field--item {
  margin-right: 5px;
}
#fiches-entreprises .field--name-field-picto > .field--label {
    display: none;
}
.group-1 .panel-default {
    border-color: #7bbb28;
}
.panel-heading {
    padding: 5px 15px;
    border: none;
    background-color: #ffffff !important;
}
.panel-title{
    font-weight: bold;
    font-size: 13px;
}
.group-1 .panel-body{
    padding: 0px 10px 10px 15px;
}
.group-references{
    margin-bottom: 5px;
}
.group-references > .panel-default{
    border: 1px solid #7bbb28;
}
.group-references .panel{
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.group-references .panel-body{
    display: grid;
    padding: 10px 10px;
}
.group_sous_ref_under_date{
    border: none;
}

/* test affichage comme fieldset */
/*.panel-heading {
  font-size: 1rem;
  margin: 0;
  border: none;
}

.field-group-fieldset,
.field-group-fieldset .panel-heading:after {
  border-style: solid;
  border-color: #7bbb28;
}

.field-group-fieldset .panel-heading .panel-title,
.field-group-fieldset .panel-heading {
  background-color: #fff;
  font-size: 16px;
  color: #000;
}

.field-group-fieldset,
.field-group-fieldset .panel-heading:after,
.field-group-fieldset .panel-heading .panel-title,
.panel-body {
  box-sizing: border-box;
}

.field-group-fieldset {
  border-width: 0 0.063rem 0.063rem 0.063rem;
  position: relative;
}

.panel-body {
  padding: 0 0.75rem 0.75rem 0.75rem;
}

.field-group-fieldset .panel-heading {
  position: relative;
  left: -0.063rem;
  right: -0.063rem;
  width: 100%;
  display: block;
  padding: 0 0 0 0.126rem;
  font-weight: normal;
  box-sizing: content-box;
}

.field-group-fieldset .panel-heading:after {
  content: "";
  border-width: 0.063rem 0.063rem 0 0.063rem;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.field-group-fieldset .panel-heading .panel-title {
  display: inline-block;
  position: relative;
  z-index: 3;
  padding: 0 0.125rem 0 0.125rem;
  margin: 0.5rem 0.813rem 0.5rem 0.813rem;
}*/
/*fin test affichage fielset*/

.field--name-field-activit-s,
.group-ch-cle-sous-group .panel-body {
  border: 3px #255f79 solid;
  padding: 10px;
}


.grid-2.group-1.field-group-div fieldset.field-group-fieldset.form-wrapper,
.grid-3.group-1.field-group-div fieldset.field-group-fieldset.form-wrapper {
  border: 1px #7bbb28 solid;
  padding: 3px 5px 10px 10px;
}
.grid-2.group-1.field-group-div
  fieldset.field-group-fieldset.form-wrapper
  legend,
.grid-3.group-1.field-group-div
  fieldset.field-group-fieldset.form-wrapper
  legend {
  padding: 0 10px 0 10px;
  font-weight: bold;
}


.group-chif-cles p {
  border: 2px #7bbb28 solid;
  padding: 10px;
  margin: 0px 50px 15px 5px !important;
}

fieldset.group-sous-group-visuel-1.field-group-fieldset.form-wrapper,
fieldset.group-sous-group-visuel-2.field-group-fieldset.form-wrapper {
  border: none !important;
}

.field.field-name-field-ma-trise-d-ouvrage-2.field-type-text-long.field-label-inline.clearfix,
.field.field-name-field-ma-trise-d-ouvrage-1.field-type-text-long.field-label-inline.clearfix,
.field.field-name-field-ma-trise-d-ouvrage-3.field-type-text-long.field-label-inline.clearfix {
  font-style: italic;
  color: grey;
}

.field.field-name-field-date-ref-1-.field-type-datetime.field-label-hidden {
  color: #255f79;
  font-size: 16px;
}

fieldset.group_sous_ref_under_date.form-wrapper {
  border: 1px #7bbb28 solid;
  padding: 10px;
}

fieldset.group_sous_ref_under_date.form-wrapper
  .fieldset-wrapper
  .field:last-child {
  font-style: italic;
  color: grey;
}

.extlink-nobreak {
    white-space: wrap;
}
.field--item .file-size{
    display: none;
}


/* Masquer le menu off-canvas UNIQUEMENT en desktop */
@media (min-width: 993px) {
  #off-canvas.mm-menu {
    display: none !important;
    visibility: hidden !important;
  }

  /* Réinitialiser les styles du wrapper mm */
  .mm-wrapper {
    overflow: visible !important;
    position: static !important;
  }

  .mm-wrapper--opened {
    overflow: visible !important;
  }

  /* Supprimer les transformations et marges sur la page */
  .mm-page,
  #page-wrapper,
  .mm-wrapper__blocker {
    transform: none !important;
    margin: 0 !important;
    position: static !important;
  }

  /* S'assurer que le body n'a pas de styles problématiques */
  body.mm-wrapper--opened {
    overflow: visible !important;
    position: static !important;
    height: auto !important;
  }

  html.mm-wrapper--opened {
    overflow: visible !important;
    position: static !important;
    height: auto !important;
  }
}

/* En mode mobile/tablette (≤ 992px), le menu fonctionne normalement */
@media (max-width: 992px) {
  #off-canvas.mm-menu {
    /* Ne rien forcer, laisser mmenu gérer l'affichage */
  }
}


#views-exposed-form-recherche-ent-ge-page-1 #edit-title, .chosen-container , .chosen-drop, .chosen-container .chosen-results li.active-result{
  width: 300px !important;
}

/* #18636 Affichage page actualités -->dernière actualité*/
.view-actualites .views-col.col-1 .wrapper{
  position: relative;
  margin: 0 28px;
}
.view-actus-accueil .views-col.col-1 .wrapper{
  position: relative;
  margin: 0 28px;
  width: fit-content;
}
.view-actualites .card__content.card__padding,
.view-actus-accueil .card__content.card__padding {
  background: #235d79;
  color: #fff;
  position: absolute;
  padding: 10px;
  bottom: -27px;
  width: 100%;
}
.view-actus-accueil .attachment.attachment-after{
  margin-top: 80px;
}
.view-actus-accueil .card__content.card__padding {
  bottom: -70px !important;
}
.view-actualites .card__content.card__padding:before,
.view-actus-accueil .card__content.card__padding:before{
  position: absolute;
  content: url(../images/pico-actu.png);
  height: 20px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: -22px;
  width: 100%;
}
.view-actualites .card__meta h4,
.view-actus-accueil .card__meta h4{
  color: #FFFFFF;
}
.view-actualites .card__content.card__padding.card__article h3,
.view-actus-accueil .card__content.card__padding.card__article h3{
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: inherit;
  line-height: 12px;
}
.view-actualites .card__content.card__padding .card__article h3 a,
.view-actus-accueil .card__content.card__padding .card__article h3 a{
  text-transform: uppercase;
  color: #7bbb28;
  letter-spacing: 0;
  font-size: 11px;
  text-decoration: none !important;
  margin-top: 0px;
  font-weight: bold;
}

/*ANNUAIRE DES ENTREPRISES DE L’INGENIERIE ET DU GENIE ECOLOGIQUES*/
.path-recherche-ent-ge .view-recherche-ent-ge h3{
  text-align: center;
  margin-bottom: 15px;
}

/* Conteneur des deux blocs */
.path-recherche-ent-ge .view-recherche-ent-ge .annuaire-wrapper {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  margin: 20px 0 40px;
}

.path-recherche-ent-ge .view-recherche-ent-ge .annuaire-texte {
  flex: 1;
  font-size: 15px;
  margin-top: 25px;
}

.path-recherche-ent-ge .view-recherche-ent-ge .annuaire-integration-box {
  flex: 1;
  background-color: #e8f4f8;
  border: 2px solid #0077b6;
  padding: 20px;
  border-radius: 5px;
  margin-right: 20px;
}

.path-recherche-ent-ge .view-recherche-ent-ge .annuaire-integration-box h3 {
  color: #0077b6;
  margin-top: 0;
}

.path-recherche-ent-ge .view-recherche-ent-ge .annuaire-integration-box a {
  font-weight: bold;
  color: #0077b6;
}


.path-recherche-ent-ge .view-recherche-ent-ge .annuaire-footer-info {
  margin-top: 30px;
  padding: 30px 20px;
  background-color: #f5f5f5;
  border-top: 3px solid #6cb33f;
  font-size: 0.95em;
  line-height: 1.6;
}
/* Responsive */
@media (max-width: 768px) {
  .path-recherche-ent-ge .view-recherche-ent-ge .annuaire-wrapper {
    flex-direction: column;
  }
  #views-exposed-form-recherche-ent-ge-page-1 #edit-title, .chosen-container , .chosen-drop, .chosen-container .chosen-results li.active-result{
    width: 220px !important;
  }
}

/*jeune-entreprise*/

.fiche-entreprise-ge .jeune-entreprise-wrapper:first-of-type {
  display: none; /* ou visibility: hidden selon le besoin */
}

/*Exporter les résultats en CSV*/
.view-recherche-ent-ge .export-link{
  text-align: right;
  margin: 20px;
}


#search-form .js-form-item.form-type-search .input-group{
  margin: 10px;
}

.pager li > a, .pager li > span {
   border-radius: 0px !important;
}
