* Place your custom styles here.
 */

/*FONTS*/
/*@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Bold/Gotham-Bold.eot');
  src: url('../fonts/Gotham-Bold/Gotham-Bold.otf') format('truetype'),
    url('../fonts/Gotham-Bold/Gotham-Bold.woff') format('woff'),
    url('../fonts/Gotham-Bold/Gotham-Bold.eot') format('embedded-opentype'),
    url('../fonts/Gotham-Bold/Gotham-Bold.svg') format('svg');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: 'Avant Garde';
  src: url('../fonts/ITC-Avant-Garde-Gothic-Bold/ITC Avant Garde Gothic Bold.otf');
  src: url('../fonts/ITC-Avant-Garde-Gothic-Bold/ITC Avant Garde Gothic Bold.otf') format('truetype');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Medium/Gotham-Medium.eot');
  src: url('../fonts/Gotham-Medium/Gotham-Medium.otf') format('truetype'),
    url('../fonts/Gotham-Medium/Gotham-Medium.woff') format('woff'),
    url('../fonts/Gotham-Medium/Gotham-Medium.eot') format('embedded-opentype'),
    url('../fonts/Gotham-Medium/Gotham-Medium.svg') format('svg');
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-Book/Gotham-Book.eot');
  src: url('../fonts/Gotham-Book/Gotham-Book.otf') format('truetype'),
    url('../fonts/Gotham-Book/Gotham-Book.woff') format('woff'),
    url('../fonts/Gotham-Book/Gotham-Book.eot') format('embedded-opentype'),
    url('../fonts/Gotham-Book/Gotham-Book.svg') format('svg');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-BookItalic/Gotham-BookItalic.eot');
  src: url('../fonts/Gotham-BookItalic/Gotham-BookItalic.otf') format('truetype'),
    url('../fonts/Gotham-BookItalic/Gotham-BookItalic.woff') format('woff'),
    url('../fonts/Gotham-BookItalic/Gotham-BookItalic.eot') format('embedded-opentype'),
    url('../fonts/Gotham-BookItalic/Gotham-BookItalic.svg') format('svg');
  font-style: italic;
  font-weight: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham-ExtraLight/Gotham-ExtraLight.eot');
  src: url('../fonts/Gotham-ExtraLight/Gotham-ExtraLight.otf') format('truetype'),
    url('../fonts/Gotham-ExtraLight/Gotham-ExtraLight.woff') format('woff'),
    url('../fonts/Gotham-ExtraLight/Gotham-ExtraLight.eot') format('embedded-opentype'),
    url('../fonts/Gotham-ExtraLight/Gotham-ExtraLight.svg') format('svg');
  font-style: normal;
  font-weight: 500;
}*/

@font-face {
  font-family: 'Marianne';
  src: url('../fonts/Marianne-Regular/Marianne-Regular.otf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Marianne';
  src: url('../fonts/Marianne-Thin/Marianne-Thin.otf') format('truetype');
  font-style: normal;
  font-weight: 100;
}

@font-face {
  font-family: 'Marianne';
  src: url('../fonts/Marianne-Medium/Marianne-Medium.otf') format('truetype');
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: 'Marianne';
  src: url('../fonts/Marianne-Light/Marianne-Light.otf') format('truetype');
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: 'Marianne';
  src: url('../fonts/Marianne-ExtraBold/Marianne-ExtraBold.otf') format('truetype');
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: 'Marianne';
  src: url('../fonts/Marianne-Bold/Marianne-Bold.otf') format('truetype');
  font-style: normal;
  font-weight: 700;
}

body {
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.42857143;
  /*color: #464e5a;*/
  color: #000000;
  /* background-color: #ececec; */
  /*background-color: #f4f7fe;*/
  background-color: #FFFFFF;
  /*margin-top: 0;*/
  margin: 0; 
  min-width: 320px;
  position: relative;
  overflow-x: hidden;
}
body.fixedScrollJS{
  overflow-y: hidden;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nunito Sans', Arial, sans-serif;
}

.select-wrapper::after {
  z-index: 1 !important;
}

.field--name-field-derniere-mise-a-jour {
  font-size: x-small;
}

/*Custom Bootstrap CSS for OFB*/
/*.container.full-width{*/
@media (max-width: 1200px) {
  .container.full-width{
    width: 100%;
    max-width: none;
  }
}
/**************************************************/

/** BODY **/


/*MAIN CONTERNER BACKGROUND*/
.main-container{
  position: relative;
  overflow-x: hidden;
}
body.path-agenda .main-container:before,
body.path-presse .main-container:before,
body.path-actualites .main-container:before,
body.path-documentation .main-container:before,
body.path-recrutement .main-container:before,
body.path-chiffres-cles .main-container:before,
/*body.page-node-2191 .main-container:before*/
body.page-node-565 .main-container:before,
body.page-node-3442 .main-container:before,
body.page-node-3443 .main-container:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -10;
  right: -200px;
  top: -100px;
  height: 600px;
  width: 3000px;
  background: url(../img/svg/symbol-form-bg-grey.svg) top right no-repeat;
  background-size: contain;
  opacity: 0.2;
  box-shadow: 0px -150px 50px 0px rgb(255, 255, 255) inset;
}

body.path-actualites .main-container:before{
  background: url(../img/svg/symbol-form-bg-blue.svg) top right no-repeat;
  background-size: contain;
}

body.path-presse .main-container:before{
  background: url(../img/svg/symbol-form-bg-brown.svg) top right no-repeat;
  background-size: contain;
}

body.path-agenda .main-container:before{
  background: url(../img/svg/symbol-form-bg-orange.svg) top right no-repeat;
  background-size: contain;
}

body.path-documentation .main-container:before{
  background: url(../img/svg/symbol-form-bg-green.svg) top right no-repeat;
  background-size: contain;
}

body.path-recrutement .main-container:before,
body.page-node-2191 .main-container:before,
body.page-node-3443 .main-container:before {
  background: url(../img/svg/symbol-form-bg-grey.svg) top right no-repeat;
  background-size: contain;
}

body.path-chiffres-cles .main-container:before{
  background: url(../img/svg/symbol-form-bg-brownLight.svg) top right no-repeat;
  background-size: contain;

  right: -530px;
  top: -270px;
  height: 630px;
}

/*********************************************************/
/*********************************************************/

/** TOP HEADER AFB (VERT) **/

/*********************************************************/
/*********************************************************/
/**/
#second-menu-content-green{
  background: #fff;
  /*padding: 30px;*/
  padding: 30px 20px;
}

/*.top-header-flex{*/
.bar-bg-green{
  display: flex;

  /*height: 0px;*/
  display: none;

  background: #fff;
  flex-direction: row;
  align-items: center;
  margin-bottom: 0;
  border-radius: 0;
  border-top: 6px solid #04a64b;
  padding-top: 24px;
  padding-bottom: 30px;
  /*padding: 0px 50px;*/
}

.bar-bg-green .container .row{
  display: flex;
  align-items: center;
}

.bar-bg-green .container .row #block-bloclogos {
	display: flex;
	align-items: center;
}

/*********************************************************/
/** RESEAUX SOCIAUX **/
/*********************************************************/

#block-reseauxsociaux {
  /*margin-top: -1px;*/
  flex: 1 ; /*Force width full*/
  max-width: 80%;
  margin: auto;
}
.bar-bg-green #block-reseauxsociaux {
  display: none;
}

#block-reseauxsociaux > div{
  /*height: 100%;*/
}

#block-reseauxsociaux p,
#block-reseauxsociaux-2 p {
  margin: 0px;
  display: flex;
  align-items: center;
}

#block-reseauxsociaux p a,
#block-reseauxsociaux-2 p a {
  color: #4c4c4c;
  /*background: #ccc;*/
  padding: 2px 8px;
  text-decoration: none;
  margin-right: 14px;
  font-size: 20px;
  display: inline-block;
  /*vertical-align: middle;*/
  min-width: 20px;
  text-align: center;
  position: relative;
  top: 0px;
}

#block-reseauxsociaux p a .fa,
#block-reseauxsociaux-2 p a .fa{
  margin-right: -5px;
}

#block-reseauxsociaux p a .fa.fa-facebook-f,
#block-reseauxsociaux-2 p a .fa.fa-facebook-f{
  margin-right: -1px;
}

.fa-facebook-f::before {
  margin-left: 2px;
}

#block-reseauxsociaux p a.wall {
  display: none;
}

/*#block-reseauxsociaux-2 p a.wall,
#block-reseauxsociaux p a.wall {
  font-size: 14px;
  line-height: 38px;
  margin-top: 1px;
  padding: 6px 7px;
  margin-left: 4px;
}*/

#block-reseauxsociaux-2 p a:hover,
#block-reseauxsociaux p a:hover {
  top: -2px;
}

#menu-mobile-OFB #block-reseauxsociaux p a{
  flex: 1;
}

/*********************************************************/
/** MENU RIGHT  - TOP **/
/*********************************************************/
.bar-bg-green #block-menuafb,
.bar-bg-green #block-menuheaderofbanglais {
  display: none;
}

#block-menuafb ul.menu--menu-afb,
#block-menuheaderofbanglais ul.menu--menu-header-ofb-anglais {
  /*float: right;*/
  /*float: left;*/
  /*padding: 0;*/
  /*margin: 0;*/

  /*text-align: right;*/
  display: flex;
}

#menu-mobile-OFB ul.menu--menu-afb,
#menu-mobile-OFB ul.menu--menu-header-ofb-anglais {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  /*padding: 10px 0px;*/
  padding: 15px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

ul.menu--menu-afb li,
ul.menu--menu-header-ofb-anglais li {
  /*float: left;*/
  /*list-style: none;*/
  /*display: inline-block;*/
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*flex-wrap: wrap;*/
  width: 50%;
}

ul.menu--menu-afb li a,
ul.menu--menu-header-ofb-anglais li a {
  color: #4c4c4c;
  font-family: 'Marianne', Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
  /*font-size: 12px;*/
  font-size: 14px;
  padding: 10px;
}
#menu-mobile-OFB ul.menu--menu-afb li a,
#menu-mobile-OFB ul.menu--menu-header-ofb-anglais li a {
  /*padding: 10px 5px;*/
  padding: 10%;
  padding-top: 0px;
  padding-bottom: 20px;
}


ul.menu--menu-afb li a .ext,
ul.menu--menu-header-ofb-anglais li a .ext {
  display: none;
}

#block-menuafb ul.menu--menu-afb li a.is-active,
#block-menuafb ul.menu--menu-afb li a:hover,
#block-menuheaderofbanglais ul.menu--menu-header-ofb-anglais li a.is-active,
#block-menuheaderofbanglais ul.menu--menu-header-ofb-anglais li a:hover {
  /*color: #c4db9b; */
  text-decoration: underline;
}


/*********************************************************/
/** FORMULAIRE DE RECHERCHE - TOP **/
/*********************************************************/

#search-picto-mobile{
  transition: all 0.2s ease;
  flex: 1;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin-right: 40px;
  padding-right: 0px;
}

/*ON MOBILE*/
#search-picto-mobile #block-formulairederecherche,
#search-picto-mobile #block-blocrecherche {
  /*position: absolute;*/
  /*top: 30px;*/
  width: 30px;
  padding: 0px;
  /*right: 30px;*/
  transition: all 0.2s ease;
}

#search-picto-mobile #block-formulairederecherche:hover,
#search-picto-mobile #block-blocrecherche:hover {
  width: 100%;
}

.bar-bg-green #block-formulairederecherche,
.bar-bg-green #block-blocrecherche {
  padding: 0px;
}

#block-formulairederecherche #search-block-form,
#block-blocrecherche form {
  display: flex;
  position: relative;
}

#block-blocrecherche form {
  top: 10px;
  flex-wrap: wrap;
}

#block-formulairederecherche #search-block-form .form-type-search {
  margin-bottom: 0px;
  width: 100%;
}
#block-formulairederecherche #search-block-form .form-type-search .input-group {
  width: 100%;
}

#block-formulairederecherche #search-block-form:before,
#block-blocrecherche form:before {
  content: '\f002';
  font-family: 'FontAwesome'; 
  color: #04A64B;
  display: flex;
  position: absolute;
  transform:scaleX(-1);
  width: 10px;
  height: 10px;
  left: 0px;
  background: #FFF;
  border-radius: 50px;
  z-index: 10;
  height: 26px;
  width: 26px;
  margin: 2px;
  text-align: center;
  font-size: 13px;
  align-items: center;
  justify-content: center;

  /*border: 1px solid #04A64B;*/
}

#block-formulairederecherche #search-block-form .form-search,
#block-blocrecherche #search-keywords {
  height: 30px;
  /*width: 170px;*/
  width: 100%;
  border-radius: 50px;
  border: none;
  outline: none;
  font-family: 'Nunito Sans', 'Arial', sans-serif ;
  padding: 5px;
  text-indent: 25px;
  /*box-sizing: border-box;*/
  font-size: 14px;
  color: #067f37;
  box-shadow: none;
  border: 2px solid #04A64B;
}

#block-formulairederecherche #search-block-form .form-search::placeholder,
#block-blocrecherche #search-keywords::placeholder {
  color: #FFFFFF;
}

#block-formulairederecherche #search-block-form .form-submit,
#block-blocrecherche .form-submit {
  display: none;
}


/*PAGE RECHERCHE -- OLD*/
/*OLD - START*/
#search-form{
  margin-top: 50px;
}

#search-form .input-group{
  width: 100%;
  margin: auto;
  max-width: 800px;
}

#search-form  #edit-keys{
  height: 40px;
/*  width: 170px;*/
  width: 100%;
  border-radius: 50px;
  border: none;
  outline: none;
  font-family: 'Nunito Sans', 'Arial', sans-serif;
  padding: 5px;
  text-indent: 25px;
  /* box-sizing: border-box; */
  font-size: 14px;
  color: #003A76;
  box-shadow: none;
  border: 2px solid #003A76;
  margin-bottom: 40px;
}

#search-form .input-group-btn{
  position: absolute;
  right: 30px;
}

#search-form .input-group-btn button{
  height: 40px;
  background: #003A76;
  border-radius: 50%;
  line-height: 30px;
  width: 40px;
  display: block;
  border: none;
  margin: 0px;
  /*margin-left: 1px;*/
  z-index: 10;
}

#edit-help-link{
  display: none;
}

#search-form + h3{
  margin: 30px 15px;
  font-family: "Nunito Sans";
  font-weight: 700;
  color: #003A76;
  /*font-size: 40px;*/
  /*line-height: 40px;*/
}

#search-form + h2{
  margin: 30px 15px;
  font-family: "Nunito Sans";
  font-weight: 700;
  color: #003A76;
}

#search-form + h2 + ol li {
  margin-bottom: 50px;
}

#search-form + h2 + ol li h3 a{
  color: #337ab6;
  font-family: "Nunito Sans";
  font-weight: 500;
  font-size: 20px;
}
/*OLD - END*/


/*NEW - START*/
/*********************************************************/
/** PAGE RECHERCHE **/
/*********************************************************/
.path-recherche #header-page-recherche{
  background-color: #f6f7fb;
  border-bottom: 6px solid #003A76;
  padding-bottom: 40px;
}

.path-recherche h1.page-header{
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0px 15px;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-weight: 800;
  color: #003A76;
  border: none;
}

.path-recherche #views-exposed-form-recherche-page-1{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0px 15px;
}

.path-recherche #views-exposed-form-recherche-page-1 > .form-inline{
  display: flex;
  align-items: center;
  width: 100%;
}

.path-recherche #views-exposed-form-recherche-page-1 > .form--inline > .form-item{
  width: 100%;
  margin-bottom: 0px;
}

.path-recherche #edit-search-api-fulltext--2{
  height: 40px;
  width: 100%;
  border-radius: 50px;
  border: none;
  outline: none;
  font-family: 'Nunito Sans', 'Arial', sans-serif;
  padding: 5px;
  text-indent: 25px;
  font-size: 14px;
  color: #003A76;
  box-shadow: none;
  border: 2px solid #003A76;
}


.path-recherche #edit-actions--2{
  position: relative;
  padding-left: 20px;
}

.path-recherche #edit-actions--2 #edit-reset--2{
  position: absolute;
  /*left: -83px;
  width: 80px;*/
  top: 2px;
  height: 36px;
  border-radius: 50px;
  border-top-left-radius : 0px;
  border-bottom-left-radius : 0px;
  font-size: 10px;
  font-weight: 700;
  color: #1d3c6e;
  border: none;
  box-shadow: none;
  outline: none;
  margin-right: 0px;

  background: url(../img/svg/close-blue.svg) center center no-repeat;
  background-size: 15px;
  text-indent: -300px;
  overflow: hidden;
  left: -43px;
  width: 40px;
}
/*.path-recherche #edit-actions #edit-reset:hover{
  background: #FFF;
  text-decoration: underline;
}*/



.path-recherche #edit-actions--2 #edit-submit-recherche--2{
  height: 40px;
  background: #003A76;
  border-radius: 50%;
  line-height: 30px;
  width: 40px;
  display: block;
  border: none;
  margin: 0px;
  z-index: 10;
  text-indent: -500px;
  overflow: hidden;
  position: relative;
}

.path-recherche #edit-actions--2 #edit-submit-recherche--2 .glyphicon-search{
  position: absolute;
  left: 3px;
  text-indent: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-right: 0px;
  top: 0px;
}

.path-recherche .view-page-recherche{
  position: relative;
}

.path-recherche #block-facetsblock{
  position: relative;
  z-index: 3;
}

.path-recherche #block-facetsblock h2.block-title{
  background: #003a76;
  border: 2px solid #003a76;
  color: #FFF;
  font-size: 13px;
  padding: 10px;
  font-weight: 600;
  margin-bottom: 0px;
  text-transform: uppercase;
  padding-top: 15px;
  /*cursor: pointer;*/
  position: relative;
  padding-right: 30px;
  margin-top: 0px;
}

.path-recherche #block-facetsblock h2.block-title ~ .facet-block{
  border: 2px solid #003a76;
  background: #FFF;
  padding: 10px;
  margin-bottom: 30px;
  width: 100%;
}

.path-recherche #block-facetsblock h2.block-title ~ .facet-block .facets-widget-checkbox{

}

.path-recherche #block-facetsblock h2.block-title ~ .facet-block .facets-widget-checkbox ul{
  list-style: none;
  padding: 0px;
  margin-bottom: 0;
}

.path-recherche #block-facetsblock h2.block-title ~ .facet-block .facets-widget-checkbox ul li.facet-item{
  display: flex;
  align-items: flex-start;
  padding: 10px 0px;
}

.path-recherche #block-facetsblock h2.block-title ~ .facet-block .facets-widget-checkbox ul li.facet-item input[type=checkbox]{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: none;
  flex: none;
  position: relative;
  cursor: pointer;
  width: 15px;
  height: 15px;
  border: 1px solid black;
  border-radius: 2px;
  margin: 0px;
  margin-right: 4px;
  margin-top: 2px;
}
.path-recherche #block-facetsblock h2.block-title ~ .facet-block .facets-widget-checkbox ul li.facet-item input[type=checkbox]:checked{
  border: 1px solid #003a76;
  background-color: #003a76;
}


.path-recherche #block-facetsblock h2.block-title ~ .facet-block .facets-widget-checkbox ul li.facet-item label{
  font-weight: 400;
  margin-bottom: 0px;
  cursor: pointer;
}
.path-recherche #block-facetsblock h2.block-title ~ .facet-block .facets-widget-checkbox ul li.facet-item input[type=checkbox]:checked + label{
  font-weight: bold;
  color: #003a76;
}

.path-recherche #block-facetsblock .reset-filters{
  margin: auto;
  border: 2px solid #003a76;
  padding: 5px 10px;
  border-radius: 40px;
  display: table;
  align-items: center;
  color: #003a76;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 60px;
  text-align: center;
  text-transform: uppercase;

  margin-bottom: 0;
  position: absolute;
  bottom: -150px;
  left: 0px;
  margin-left: calc(50% - 100px);
  right: 0px;
  width: 200px;
}
.path-recherche #block-facetsblock .reset-filters:hover{
  color: #FFFFFF;
  background: #003a76;
}




.path-recherche #block-facetsblock-2{
  width: 100%;
  padding: 0px 15px;
}

.path-recherche #block-facetsblock-2 h2.block-title{
  display: none;
}
.path-recherche #block-facetsblock-2 select{
  display: block;
  width: 100%;
  height: 40px;
  text-transform: uppercase;
  padding: 6px 12px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.42857143;
  color: #FFFFFF;
  background-color: #003a76;
  background-image: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;

  background-image: url(../img/svg/arrow-right-down-white.svg);
  background-size: 15px 15px;
  background-repeat: no-repeat;
  background-position: right+10px center;
}
/*
.path-recherche #block-facetsblock-2 select:after{
  background: url(../img/svg/filters.svg) center center no-repeat;
  background-size: 15px 15px;
  content: '';
  width: 15px;
  height: 15px;
  padding-right: 30px;
  margin-top: -8px;

  content: '-';
  display: block;
   background-color: red; 
  height: 20px;
  font-size: 19px;
  font-weight: 100;
  position: absolute;
  right: 10px;
  top: 10px;
}
*/








#blockResultsSearch{
  float: none;
  width: 75%;
  margin: 30px 0px;
}

#blockResultsSearch .resultat_recherche,
.view-page-recherche .view-empty {
  font-size: 25px;
}

#blockResultsSearch .resultat_recherche .nombre_recherche{
  font-size: 30px;
  font-weight: 600;
  color: #003A76;
}


.path-recherche .item-list.results{

}

.path-recherche .item-list.results ul{
  padding: 0px;
}

.path-recherche .item-list.results ul li{
  list-style: none;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EFEFEF;
}


.path-recherche .item-list.results ul li .titre_recherche{
  font-size: 20px;
  color: #2B2B2B;
  font-weight: 300;
}
.path-recherche .item-list.results ul li .titre_recherche a{
  color: #2B2B2B;
}

.path-recherche .item-list.results ul li .fil_ariane{
  margin-bottom: 5px;
  font-size: 10px;
  color: #003A76;
  font-weight: 700;
}
.path-recherche .item-list.results ul li .fil_ariane a{
  color: #003A76;
}

.path-recherche .item-list.results ul li .extrait_recherche{
  margin-bottom: 5px;
  color: #2b2b2b;
}

.path-recherche .item-list.results ul li .extrait_recherche strong{
  color: #003a76;
  font-weight: 800;
}

.path-recherche .item-list.results ul li .date_contenu{
  font-size: 12px;
  color: #909090;
}

.path-recherche .item-list.results ul li .type_contenu{
  background: #d9edf6;
  border-radius: 2px;
  font-family: 'Nunito Sans';
  font-weight: 700;
  font-size: 12px;
  color: #0d81c4;
  line-height: 18px;
  display: inline-block;
  padding: 2px 5px;
  text-transform: uppercase;
  margin-right: 5px;
}


.path-recherche .item-list.results ul li .type_contenu.Article{background: #d9edf6; color: #0d81c4;}
.path-recherche .item-list.results ul li .type_contenu.Fiche{background: #94c77b; color: #0d81c4;}
.path-recherche .item-list.results ul li .type_contenu.Presse{background: #f0ede3; color: #999071;}
.path-recherche .item-list.results ul li .type_contenu.Document{background: #dff1e7; color: #61be7a;}
.path-recherche .item-list.results ul li .type_contenu.Evenement{background: #fde8e5; color: #de7d6e;}

.path-recherche .item-list.results ul li .type_contenu.Enjeu{background: #f0fbe0; color: #04A64B;}
.path-recherche .item-list.results ul li .type_contenu.Territoire{background: #f0fbe0; color: #04A64B;}
.path-recherche .item-list.results ul li .type_contenu.Action{background: #f0fbe0; color: #04A64B;}

.path-recherche .item-list.results ul li .type_contenu.Recrutement{background: #d2d8e2; color: #003365;}
.path-recherche .item-list.results ul li .type_contenu.Acte{background: #d2d8e2; color: #003365;}










/*NEW - END*/



/*********************************************************/
/*********************************************************/

/** MAIN HEADER AFB : LOGO + MENU (WHITE) **/

/*********************************************************/
/*********************************************************/

.bar-bg-white{
  background-color: #FFFFFF;
  position: relative;
}

#navbar {
  position: relative;
  /*position: initial;*/
  min-height: 50px;
  /* padding-bottom: 10px; */
  /*padding: 0;*/
  border: none;
  margin-bottom: 0;
  border-radius: 0;
  max-width: none;
  /*box-shadow: 0px 0px 33px 0px rgba(0, 0, 0, 0.2);*/
  box-shadow: none;
  background: none;
}

#main-header{
  padding: 0px;
  display: flex;
  /*margin: 0;*/
  /*align-items: center;*/
}

#logo-container{
  align-items: center;
  display: flex;
  /*margin: 20px 0px;*/
  margin: 10px 0px;
  padding: 0px 10px;
}

#logo-container .region-navigation-header{
  width: 100%;
  display: flex;
}

.navbar .logo {
  display: block;
  /*margin: 25px;*/
  margin: 0;
  /*padding-left: 0px;*/

  width: 75%;

}

/* LOGO OFB */
.logo.navbar-btn img {
  width: 100%;
  max-width: 210px;
}

/*LOGO MARIANE (Left to logo)*/
#block-logomariannetop,
#block-logomariannetop-2,
#block-logomariannetopresponsive {
  width: 40%;
}

#block-logomariannetop p#logo-marianne img,
#block-logomariannetop-2 p#logo-marianne img,
#block-logomariannetopresponsive p#logo-marianne img {
  width: 100%;
}

/*Logo Marianne /// OLD*/
/*#logo-marianne{
  display: flex;
  background: red;
  overflow: hidden;
  width: 75px;
  height: 40px;
  background: url(../img/svg/republique-francaise.svg) center center no-repeat #FFF;
  background-size: 71px 38px;
  text-indent: -900px;
  padding: 5px;
  box-sizing: content-box;
}

#menu-mobile-OFB #logo-marianne{
  width: 50px;
  height: 30px;
  background: url(../img/svg/republique-francaise.svg) center center no-repeat #FFF;
  background-size: 50px auto;
  float: left;
}*/


/*********************************************************/
/*********************************************************/
/******* MAIN MENU PRINCIPAL OFB *******/
/*********************************************************/
/*********************************************************/

/*********************************************************/
/** MENU DESKTOP **/
/*********************************************************/

#main-menu{
  display: none;
  /*position: initial;*/
  position: inherit;
}

#main-menu .region.region-navigation{
  display: flex;
  flex: 1;

  position: inherit;

}

#block-menumainnavigationafb,
#block-menuprincipalofbanglais-2 {
  display: flex;
  flex: 1;
  
  /*position: initial;*/
  position: inherit;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais {
  display: flex;
  flex: 1;
  justify-content: space-between;
  /*justify-content: stretch;*/
  height: 92.9px;
}

.navbar-header ul.menu li {
  /*display: inline-block;
  position: initial;*/
  display: flex;
  /*justify-content: center;*/
  /*flex: 1;*/
  /*padding: 10px;*/
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li:nth-child(5) {
  max-width: 200px;
}

.navbar-header ul.menu>li:hover,
.navbar-header ul.menu li.open>a,
.navbar-header ul.menu>li.expanded.dropdown.active  
  /*.navbar-header ul.menu>li*/ {
  background-color: #003A76;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li>a,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais>li>a{
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0px;
  flex-direction: column;
  justify-content: flex-end;
  /*padding: 20px 10px;
  padding-bottom: 15px;*/
  /*padding: 0px 10px;*/
  padding: 10px;
  padding-bottom: 10px;
  color: black;
}

.navbar-header .dropdown-toggle span.caret {
  display: none;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li,
.navbar-header ul.menu.menu--menu-main-navigation-afb>li>a,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais>li,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais>li>a{
  /*font-size: 12px;*/
  font-size: 14px;
  /*position: initial;*/
  position: inherit;
  font-family: 'Marianne', Arial, sans-serif;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li:nth-child(5)>a {
  background: url(/sites/default/files/UPB-titre.png);
  color: transparent;
  border-bottom: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li:nth-child(5).open>a {
		color: transparent;
	border-bottom: transparent;
	 background: url(/sites/default/files/UPB-titre-hover.png) #003A76;
	 background-size: contain;
	 background-position: center;
	 background-repeat: no-repeat;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li:nth-child(5).open>a:after {
	background-color: transparent;
}	


.navbar-header ul.menu.menu--menu-main-navigation-afb>li>a:after,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais>li>a:after{
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #FFFFFF;
  position: relative;

  transition: all 0.2s ease;
  top: 0px;
  margin-top: 0px;
  margin-top: 10px;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li:nth-child(5)>a:after {
  background-color: transparent;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li>a:hover:after,
.navbar-header ul.menu.menu--menu-main-navigation-afb>li.open>a:after,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais>li>a:hover:after,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais>li.open>a:after{
  top: -6px;
  margin-top: 10px;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li:nth-child(5)>a:hover {
	color: transparent;
	border-bottom: transparent;
	 background: url(/sites/default/files/UPB-titre-hover.png);
	 background-size: contain;
	 background-position: center;
	 background-repeat: no-repeat;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li:nth-child(5)>a:hover:after {
  background-color: transparent;
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li>a:hover,
.navbar-header ul.menu.menu--menu-main-navigation-afb>li.open>a,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais>li>a:hover,
.navbar-header ul.menu.menu--menu-principal-ofb-anglais>li.open>a,
.navbar-header ul.menu.menu--menu-main-navigation-afb>li.expanded.dropdown.active>a{
  color: #FFF;
}

/*********************************************************/
/** MENU MOBILE **/
/*********************************************************/

.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus{
  background: none;
}
.navbar-default .navbar-toggle {
  border: none;
  margin-right: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.navbar-default .navbar-toggle .icon-bar{
  width: 20px;
  height: 2px;
  border-radius: 10px;
  background-color: #1d3c6e;

  transition: all 0.2s ease;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}

.navbar-default .navbar-toggle .icon-bar:nth-child(3) {
  width: 15px;
}

.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){
  transform: rotate(-45deg);
  transform-origin: top right;
}
.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){
  width: 0px;
}
.navbar-default .navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){
  transform: rotate(45deg);
  transform-origin: bottom right;
}

#navbar-collapse{
  padding: 0px;
  border: none;
  /*overflow: visible;*/
  /*overflow-x: hidden;*/
}

.picto-humburger{
  position: absolute;
  right: 0px;
  height: 100%;
  display: flex;
  align-items: center;
}


/*********************************************************/
/* MENU MOBILE - DROPDOWN */
/*********************************************************/
#menu-mobile-OFB{
  display: flex;
  flex-direction: column;
  /*position: relative;*/
}

#menu-mobile-OFB .menu--menu-main-navigation-afb>li>a,
#menu-mobile-OFB .menu--menu-principal-ofb-anglais>li>a {
  /*display: block;*/
  height: 29px;
  line-height: 29px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  color: #003976;
  padding: 10px;
  box-sizing: content-box;
  border-top: 1px solid #eaeaea;
  font-family: 'Marianne';

  background: url(../img/svg/arrow-right-blue.svg) center right+10px no-repeat;
  background-size: 9px;
}

#menu-mobile-OFB .menu--menu-main-navigation-afb>li>a span.caret,
#menu-mobile-OFB .menu--menu-principal-ofb-anglais>li>a span.caret {
  display: none;
}

#menu-mobile-OFB .menu--menu-main-navigation-afb .open>.dropdown-menu.menu_parent,
#menu-mobile-OFB .menu--menu-principal-ofb-anglais .open>.dropdown-menu.menu_parent {
  display: none;
}

/*SOUS-MENU MOBILE*/
#submenu-mobile--contener{
  position: absolute;
  top: 0px;
  z-index: 3000;
  width: 100%;
}

#submenu-mobile{
  position: absolute;
  background: #e7e9ea;
  /*width: 100%;*/
  width: 0%;
  overflow: hidden;
  top: 0px;
  /*height: 0px;*/
  /*margin-left: 100%;*/
  left: 100%;
  /*padding-left: 100%;*/
  margin-top: 0px;
  /*height: 750px;*/
  z-index: 1000;

  transition: margin-left 0.2s ease;
  transition: left 0.2s ease;
  /*transition: padding-left 0.2s ease;*/

  /*display: none;*/
}
#submenu-mobile.open-sub-menu{
  /*margin-left: 0%;*/
  /*padding-left: 0%;*/
  left: 0%;
  width: 100%;
}

#submenu-mobile #back-to-main-menu{
  background: #909090;
  height: 30px;
  padding: 20px;
  box-sizing: content-box;
  line-height: 30px;
  color: #FFF;
  cursor: pointer;
  font-family: 'Marianne';
}

#submenu-mobile #content-sub-menu-JS #sub-menu--title{
  background: #FFFFFF;
  color: #003976;
  text-transform: uppercase;
  height: 30px;
  padding: 20px;
  box-sizing: content-box;
  line-height: 30px;
  font-weight: 700;
  font-family: 'Marianne';
}
#submenu-mobile #content-sub-menu-JS #sub-menu--title.bg-white{
  background: #FFFFFF;
}
#submenu-mobile #content-sub-menu-JS #sub-menu--title.bg-blue{
  background: #DBF1FC;
  text-transform: inherit;
  font-weight: 400;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content{
  padding: 20px;
  background-color: #003976;
}
#submenu-mobile #content-sub-menu-JS #sub-menu--content.bg-blue-dark{
  background-color: #003976;
}
#submenu-mobile #content-sub-menu-JS #sub-menu--content.bg-blue-light{
  background-color: #99D7F7;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content ul{
  padding: 0px;
  margin: 0px;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content>ul{
  display: flex;
  flex-wrap: wrap;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content>ul>li{
  width: 98%;
  margin-right: 2%;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content ul li{
  list-style: none;
  margin-bottom: 40px;
  padding-left: 20px;
  position: relative;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content ul li a{
  color: #FFFFFF;
  line-height: 20px;
  font-weight: 700;
  font-family: 'Marianne';
}


#submenu-mobile #content-sub-menu-JS #sub-menu--content ul li a:hover{
  text-decoration: none;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content>ul>li>a:before{
  content: '';
  display: block;
  background-color: #FFFFFF;
  height: 3px;
  width: 10px;
  top: 8px;
  left: 0px;
  position: absolute;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content ul li ul.menu_child{
  margin-top: 10px;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content ul li ul.menu_child li{
  margin-bottom: 5px;
  padding-left: 0px;
}

#submenu-mobile #content-sub-menu-JS #sub-menu--content ul li ul.menu_child li a{
  font-weight: 300;
}

#submenu-mobile .decouvert_site_afb{
  background: #DBF1FC;
  padding: 0px;
  cursor: default;
}

#submenu-mobile .decouvert_site_afb_wrapper{
  margin-top: 0px !important;
}


/*********************************************************/
/** /** SUB-RICH-MENU - MAIN MENU **/
/*********************************************************/
.navbar-header .menu--menu-main-navigation-afb li.open ul.menu_parent,
.navbar-header .menu--menu-principal-ofb-anglais li.open ul.menu_parent {
  width: 100%;
  background: #003976;
  border: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  justify-content: start;
  padding-bottom: 30px;
  border-radius: 0px;
  padding-left: calc(50% - 380px);
  padding-right: calc(50% - 380px);
  overflow: hidden;
}

.navbar-header .menu--menu-main-navigation-afb li.open ul.menu_parent:after,
.navbar-header .menu--menu-principal-ofb-anglais li.open ul.menu_parent:after{
  content: '';
  display: block;
  position: absolute;
  opacity: 0.25;
  left: 0px;
  right: -5%;
  top: -10%;
  bottom: -10%;
  z-index: -1;
  background: url(../img/svg/symbol-form-line-white.svg) bottom right no-repeat;
  background-size: contain;
}

.navbar-header .menu--menu-main-navigation-afb li.open ul.menu_parent:before,
.navbar-header .menu--menu-main-navigation-afb li.open ul.menu_parent:after,
.navbar-header .menu--menu-principal-ofb-anglais li.open ul.menu_parent:before,
.navbar-header .menu--menu-principal-ofb-anglais li.open ul.menu_parent:after{
 /* content: '';
  display: block;
  width: 30%;*/
}

.navbar-header ul.menu_parent>li{
  width: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  /* align-items: end; */
  margin-top: 30px;
  flex-direction: column;
  margin-right: 3%;
}

.navbar-header ul.menu_parent li a{
  color: #FFF;
  white-space: inherit;
  padding: 0px;
  padding-left: 20px;
  background: none;
  line-height: 22px;
}

.navbar-header ul.menu_parent>li>a{
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
}
.navbar-header ul.menu_parent>li>a:hover{
  text-decoration: underline;
}

.navbar-header ul.menu_parent>li>a:before{
  content: '';
  display: block;
  background-color: #FFFFFF;
  height: 3px;
  width: 10px;
  top: 8px;
  left: 0px;
  position: absolute;
}

.navbar-header ul.menu_parent li ul.menu_child{
  padding: 0px;
}

.navbar-header ul.menu_parent li ul.menu_child li{}

.navbar-header ul.menu_parent li ul.menu_child li a{}


.navbar-header ul.menu {
  /*font-family: 'Nunito Sans', Arial, sans-serif;*/
}

.navbar-header ul.menu li {
  /*display: inline-block;
  position: initial;*/
}

.navbar-header ul.menu.menu--menu-main-navigation-afb {
  /*margin: 0;*/
}



.navbar-header li.menu-item--expanded ul {
  /*display: none;*/
}

.navbar-header a.is-active {
  /*text-decoration: underline;*/
}

.navbar-header li.menu-item--expanded ul.open {
  /*display: block;*/
}

.navbar-header li.menu-item--expanded ul.menu {
  /*position: absolute;
  columns: 3;
  column-rule: 2px solid #FFF;
  column-gap: 50px;
  width: 1140px;
  top: 100%;
  z-index: 9;*/

  /* left: -278px; */

  /*left: -292px;
  border: none;
  border-bottom: 3px solid #7ebd26;
  background-color: #e5e8f1;
  padding: 20px 30px;*/
}

.menu--menu-main-navigation-afb > .menu-item--expanded:hover > .mega-menu-wrapper,
.menu--menu-main-navigation-afb > .menu-item--expanded:focus > .mega-menu-wrapper,
.menu--menu-main-navigation-afb > .menu-item--expanded.focused > .mega-menu-wrapper {
  /*opacity: 0;
  transition: none;
  display: flex;*/
}

.menu--menu-main-navigation-afb .dropdown-menu > .active > a {
  /*background-color: transparent !important;*/
}

.menu--menu-main-navigation-afb .dropdown-menu > .active > a:hover {
  /*color: #000;*/
}

.menu--menu-main-navigation-afb > .menu-item--expanded > .mega-menu-wrapper {
  /*display: none;
  opacity: 0;
  transition: none;*/
}
.menu--menu-main-navigation-afb > .menu-item--expanded > .mega-menu-wrapper.open {
  /*display: block;
  opacity: 1;*/
}


.navbar-header li.menu-item--expanded ul.menu li {
  /*display: block;*/
}

.navbar-header li.menu-item--expanded ul.menu li.menu-item a {
 /* line-height: inherit;
  height: auto;
  white-space: normal;
  color: #000;
  font-size: 15px;
  text-transform: inherit;
  font-weight: bold;
  padding: 0;*/
}

.navbar-header .paragraph {
  /*margin: 0;*/
}

.navbar-header .group-left,
.navbar-header .group-middle,
.navbar-header .group-right {
  /*padding: 0 20px;*/
}

.navbar-header .group-left,
.navbar-header .group-middle {
  /*border-right: 2px solid #FFF;*/
}

.navbar-header .field--name-field-lien a {
  /*line-height: inherit;
  height: auto;
  white-space: normal;
  color: #000;
  font-size: 15px;
  text-transform: inherit;
  font-weight: bold;
  padding: 0;*/
}
.navbar-header .field--name-field-child-link {
  /*display: flex;
  vertical-align: middle;
  align-items: baseline;
  margin: 13px 0;*/
}
.navbar-header .field--name-field-child-link::before {
  /*content: '\e258';
  font-family: 'Glyphicons Halflings';
  margin-right: 5px;
  font-size: 10px;*/
}
.navbar-header .field--name-field-child-link a {
  /*line-height: inherit;
  height: auto;
  color: initial;
  text-decoration: none;
  font-size: 13px;
  text-transform: inherit;
  font-weight: inherit;
  padding: 0;
  font-family: 'Nunito Sans';*/
}
.navbar-header .field--name-field-child-link a:hover {
  /*text-decoration: underline;*/
}

.navbar-header .menu--menu-main-navigation-afb > .menu-item > .is-active {
  /*text-decoration: none;*/
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li>a:hover,
.navbar-header ul.menu.menu--menu-main-navigation-afb>li.active>a,
.navbar-header ul.menu.menu--menu-main-navigation-afb>li.open>a {
  /*border-bottom: 3px solid #7ebd26;*/
}

.navbar-header ul.menu.menu--menu-main-navigation-afb>li.menu-item--active-trail {
  /*border-bottom: 3px solid #7ebd26;*/
}

.navbar-header .menu--menu-main-navigation-afb > .menu-item--expanded > .mega-menu-wrapper .mega-menu-background {
  /*position: absolute;
  width: 1140px;
  height: 100%;
  left: -292px;
  top: 0;
  background: #fbfbfb;
  z-index: -1;
  border-bottom: 3px solid #7ebd26;
  background-color: #e5e8f1;*/
}

.navbar-header ul.menu li>a:hover,
.navbar-header ul.menu li.open>a {
  /*background-color: #e5e8f1;*/
}

/*.navbar-header ul.menu_parent {
  /*columns: 3;*/
  /*column-rule: 2px solid #FFF;*/
  /*column-gap: 50px;*/
  /*width: 1140px;
  top: 125px;*/
  /* left: -400px; */
  /*left: -278px;
  border: none;
  border-bottom: 3px solid #7ebd26;
  border-radius: 0;
  box-shadow: none;
  float: none;
  margin: 0;
  padding: 0;
  background: none;
  background-color: #e5e8f1;
  padding: 20px 30px;*/
/*}*/

body.user-logged-in .navbar-header ul.menu_parent {
  /*left: -292px;*/
}

.navbar-header ul.menu_parent li {
  /*display: block;*/
}

/* .navbar-header ul.menu_parent li.active {
  background-color: #eee;
} */


.navbar-header ul.menu_parent li>a,
.navbar-header ul.menu_parent li>span {
  /*line-height: inherit;
  height: auto;
  color: #000;
  font-size: 14px;
  text-transform: inherit;
  font-weight: bold;
  padding: 0;
  white-space: normal;*/
}

.navbar-header ul.menu_parent li>a.is-active {
 /* text-decoration: underline;
  background: none;*/
  /*color: #000;*/
}

.navbar-header ul.menu_parent li>a:hover {
  /*border: none;
  background: none;*/
}

.navbar-header ul.menu_child {
 /* margin: 13px 0;
  padding: 0;*/
}

.navbar-header ul.menu_child li {
  /*display: flex;
  vertical-align: middle;
  align-items: baseline;*/
}

.navbar-header ul.menu_child li::before {
  /* content:'\f054';
  font-family: 'FontAwesome'; */
 
 /* content: '\e258';
  font-family: 'Glyphicons Halflings';
  margin-right: 5px;
  font-size: 10px;*/
}

.navbar-header ul.menu_child li>a {
  /*line-height: inherit;
  height: auto;
  color: initial;
  text-decoration: none;
  font-size: 13px;
  text-transform: inherit;
  font-weight: inherit;
  padding: 0;
  font-family: 'Nunito Sans';*/
}

.navbar-header ul.menu_child li>a:hover {
 /* border: none;
  background: none;
  color: initial;
  text-decoration: underline;*/
}


#block-menumainnavigationafb-2 .dropdown-menu{
  /*position: relative;*/
  /*display: block;*/
  /*float: none;*/
}



/*********************************************************/
/** MENU DECOUVERTE AFB **/
/*********************************************************/

#discover-website{
  padding: 0px;
  display: none;
}

#menu-mobile-OFB #discover-website{
  display: block;
  height: 50px;
}

.decouvert_site_afb{
  display: flex;
  
  text-align: center;
  padding: 10px;
  /*color: #003976;*/
  /*text-transform: uppercase;*/
  height: 100%;
  
  /*margin-bottom: -1px;*/
  /*margin-left: -3vw;*/
  z-index: 2;
  position: relative;
  cursor: pointer;
  
  background-color: #DBF1FC;
  background: url(../img/svg/arrow-right-blue.svg) center right+10px no-repeat #DBF1FC;;
  background-size: 9px;
}

.decouvert_site_afb .content{
  /* margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  /* transform: translateY(-50%); tiré de la moitié de sa propre hauteur */
  /*margin: auto;*/
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
}

.decouvert_site_afb .content .icon-site-afb {
  display: block;
  width: 37px;
  height: 30px;

  margin-right: 10px;

  background: url('../img/svg/picto_screen.svg') center center no-repeat;
  background-size: contain;
  /*margin: 0 auto 7px;*/
}

.decouvert_site_afb .dafbs__lighter-sm,
.decouvert_site_afb .dafbs__lighter-md{
  font-family: 'Marianne';
  letter-spacing: .7px;
  /*font-weight: 300;*/
  color: #003976;
  /*opacity: .7;*/
  font-size: 13px;
  text-align: left;
  /*margin-left: 10px;*/
  line-height: 14px;
}
.decouvert_site_afb .dafbs__lighter-md{
  display: none;
}

/*********************************************************/
/** SUB-RICH-MENU - DECOUVERTE **/
/*********************************************************/
.block-afb-decouverte-block{
  display: none;
}

.decouvert_site_afb_modal {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, .5);*/
  z-index: 100;
}

.decouvert_site_afb_wrapper{
  /*width: 1140px;*/
  width: 100%;
  /* margin-top: 172px; */

  margin-top: 0px;

  left: 50%;
  background-color: #99D7F7;
  z-index: 2;

  padding: 0px;
  
  /*padding-left: calc(50% - 585px);*/
  /*padding-right: calc(50% - 585px);*/
}

.decouvert_site_afb_wrapper .row{
  display: flex;
  flex-direction: column-reverse;
}

#sitesAFB_category,
.sitesAFB_thumbnail{
  margin-bottom: 30px;
  padding: 0px 50px;
  position: relative;
  padding-top: 10px;
  padding-bottom: 20px;
}
#sitesAFB_category{
  border-bottom: 1px solid #c0eaff;
}
.sitesAFB_thumbnail{
  margin-bottom: 0px;
}

.menu-site-item,
.menu-site-item-revue {
  padding-bottom: 3px;
  color: #003976;
  text-align: left;
  font-size: 13px;
  position: relative;
  margin-bottom: 10px;

  transition: all 0.2s ease;
  padding-left: 0px;
  font-family: 'Marianne', Arial, sans-serif;
}
.menu-site-item:before,
.menu-site-item-revue:before {
  content: '';
  display: block;
  background-color: #003976;
  height: 3px;
  top: 8px;
  left: 0px;
  position: absolute;
  
  transition: all 0.2s ease;
  width: 0px;
}

.menu-site-item:hover,
.menu-site-item.active,
.menu-site-item-revue:hover,
.menu-site-item-revue.active {
  color: #003976;
  cursor: pointer;
  font-weight: 800;

  padding-left: 20px;
  font-family: 'Marianne', Arial, sans-serif;
}

.menu-site-item:hover:before,
.menu-site-item.active:before,
.menu-site-item-revue:hover:before,
.menu-site-item-revue.active:before{
  width: 10px;
}

.page-node-4980 .menu-rubrique-item {
  margin-bottom:  15px;
}

.page-node-4980 .menu-rubrique-item:hover {
  cursor: pointer;
}

.page-node-4980 .menu-rubrique-item[data-term="668"] {
  padding: 10px;
  border: 1px solid #006560; 
}

.page-node-4980 .menu-site-item-revue[data-term="668"] {
  color:  #006560;
}

.page-node-4980 .menu-site-item-revue[data-term="668"]::before {
  background-color:  #006560;
}

.page-node-4980 .menu-site-item-revue[data-term="668"]:hover,
.page-node-4980 .menu-site-item-revue[data-term="668"].active {
  color: #006560;
}

.page-node-4980 .menu-rubrique-item[data-term="669"] {
  padding: 10px;
  border: 1px solid #f3715a; 
}

.page-node-4980 .menu-site-item-revue[data-term="669"] {
  color:  #f3715a;
}

.page-node-4980 .menu-site-item-revue[data-term="669"]::before {
  background-color:  #f3715a;
}

.page-node-4980 .menu-site-item-revue[data-term="669"]:hover,
.page-node-4980 .menu-site-item-revue[data-term="669"].active {
  color: #f3715a;
}

.page-node-4980 .menu-rubrique-item[data-term="670"] {
  padding: 10px;
  border: 1px solid #003d7b; 
}

.page-node-4980 .menu-site-item-revue[data-term="670"] {
  color:  #003d7b;
}

.page-node-4980 .menu-site-item-revue[data-term="670"]::before {
  background-color:  #003d7b;
}

.page-node-4980 .menu-site-item-revue[data-term="670"]:hover,
.page-node-4980 .menu-site-item-revue[data-term="670"].active {
  color: #003d7b;
}

.page-node-4980 .menu-rubrique-item[data-term="671"] {
  padding: 10px;
  border: 1px solid #d1214e;
}

.page-node-4980 .menu-site-item-revue[data-term="671"] {
  color:  #d1214e;
}

.page-node-4980 .menu-site-item-revue[data-term="671"]::before {
  background-color:  #d1214e;
}

.page-node-4980 .menu-site-item-revue[data-term="671"]:hover,
.page-node-4980 .menu-site-item-revue[data-term="671"].active {
  color: #d1214e;
}

.page-node-4980 .menu-rubrique-item[data-term="672"] {
  padding: 10px;
  border: 1px solid #00b259;
}

.page-node-4980 .menu-site-item-revue[data-term="672"] {
  color:  #00b259;
}

.page-node-4980 .menu-site-item-revue[data-term="672"]::before {
  background-color:  #00b259;
}

.page-node-4980 .menu-site-item-revue[data-term="672"]:hover,
.page-node-4980 .menu-site-item-revue[data-term="672"].active {
  color: #00b259;
}

.page-node-4980 .menu-rubrique-item[data-term="673"] {
  padding: 10px;
  border: 1px solid #f3715a;
}

.page-node-4980 .menu-site-item-revue[data-term="673"] {
  color:  #f3715a;
}

.page-node-4980 .menu-site-item-revue[data-term="673"]::before {
  background-color:  #f3715a;
}

.page-node-4980 .menu-site-item-revue[data-term="673"]:hover,
.page-node-4980 .menu-site-item-revue[data-term="673"].active {
  color: #f3715a;
}




.decouvert_site_afb_modal .view-sites-afb {
  /*margin: 40px 6px 0;*/
}

.decouvert_site_afb_modal .owl-wrapper {
  /*display: flex !important;
  align-items: center;*/
  /* vertical-align: middle; */
  /* height: 320px; */
}

.decouvert_site_afb_modal .owl-item {
 /* width: 113px !important;
  margin: 0 8px;
  height: 222px;
  overflow: hidden;*/
}

.decouvert_site_afb_modal .owl-buttons .owl-prev,
.decouvert_site_afb_modal .owl-buttons .owl-next {
  /*background: transparent !important;
  border: 0;
  position: absolute;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 39px;*/
}

.decouvert_site_afb_modal .owl-buttons .owl-prev::before {
  /* content: '\f104';
  font-family: 'FontAwesome'; */
 /* content: '\e257';
  font-family: 'Glyphicons Halflings';
  color: #424348;*/
}

.decouvert_site_afb_modal .owl-buttons .owl-next::before {
  /* content: '\f105';
  font-family: 'FontAwesome'; */
  /*content: '\e258';
  font-family: 'Glyphicons Halflings';
  color: #424348;*/
}

.decouvert_site_afb_modal .owl-buttons .owl-prev {
  /*top: 32%;
  left: -26px;*/
}

.decouvert_site_afb_modal .owl-buttons .owl-next {
 /* top: 32%;
  right: -36px;*/
}

.decouvert_site_afb .dafbs__bold {
  /*display: block;
  font-family: 'Nunito Sans';
  margin: 0;
  height: 13px;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 13px;*/
}


.controlsSlider{
  position: absolute;



  z-index: 100;
  width: 100%;
  left: 0px;
  right: 0px;
  top: 60px;
}

.page-node-4980 .controlsSlider {
  display:  none;
}

.controlsSlider .previous,
.controlsSlider .next{
  position: absolute;
  cursor: pointer;

  background: url(../img/svg/arrow-right-blue.svg) center right+10px no-repeat;
  background-size: 20px;

  overflow: hidden;
  text-indent: -900px;
  display: block;
  width: 20px;
  height: 20px;
}
.controlsSlider .previous{
  /*background: red;*/
  left: 10px;

  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.controlsSlider .next{
  /*background: blue;*/
  right: 10px;
}




.view-sites-afb{
  overflow: hidden;
  position: relative;
}

.view-sites-afb .view-content{
  white-space: nowrap;
  position: relative;
  /*display: inline-block;*/
  display: table;

  transition: all 0.2s ease;
  left: 0px;
}

.view-sites-afb .view-content .views-row {
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  white-space: initial;
  /*width: 125px;*/
  width: 146px;
}

/******/


.view-sites-afb .view-content .views-row .views-field-field-image img {
  max-width: none;
  width: 100%;
}

.view-sites-afb .views-field-title {
  margin: 5px 0 0;
  width: 113px;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 10px;
  font-family: 'Nunito Sans';
  color: #000;
}

.view-sites-afb .views-field-title a {
  color: inherit;
  font-weight: bold;
  white-space: pre-wrap;
  font-family: 'Marianne', Arial, sans-serif;
}

.view-sites-afb .views-field-field-description {
  width: 113px;
  font-style: italic;
  font-size: 11px;
  font-family: 'Marianne', Arial, sans-serif;
}

.view-sites-afb .views-field-title a:hover {
  color: #003976;
}


.menu-site-item:first-child {
  /*margin-top: 30px;*/
}

.menu-site-item:last-child {
  /*margin-bottom: 30px;*/
}



.arrow {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: relative;
  margin: 5px auto;
}

.arrow span {
  top: 1rem;
  position: absolute;
  width: .9rem;
  height: 0.2rem;
  background-color: #fff;
  display: inline-block;
  transition: all 0.2s ease;
}

.arrow span:first-of-type {
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow span:last-of-type {
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arrow.active span:first-of-type {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.arrow.active span:last-of-type {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.decouvert_site_afb i.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}



/*********************************************************/
/** FIL D'ARIANE - BREADCRUMB **/
/*********************************************************/
#breadcrumb-OFB{
  background: #1d3c6e;
}

.breadcrumb {
  /*margin-left: 65px;*/
  /*margin-bottom: 7px;*/
  border-radius: none;
  background: none;
  padding: 8px 35px;
  margin-bottom: 0px;
}

.breadcrumb li {
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 11px;
  font-style: initial;
}

.breadcrumb li a {
  color: #FFFFFF;
}

.breadcrumb>li+li:before {
  content: '>';
  padding: 0 3px;
  color: #FFFFFF;
}

/*
.breadcrumb {
  padding: 15px 30px;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border-radius: 4px;
  font-size: 12px;
  font-style: italic;
}

.breadcrumb a {
  color: #96c11f;
} */























/*********************************************************/
/*********************************************************/

/** MAIN FOOTER AFB : LOGO + MENU (WHITE) **/

/*********************************************************/
/*********************************************************/

.footer {
  /*margin-top: 0;
  padding-top: 10px;
  padding-bottom: 36px;
  border: none;*/
}

.footer-ofb {
  background-color: #ffffff;
  color: #4c4c4c;
  /*margin-top: 40px;*/
  font-family: 'Marianne', Arial, sans-serif;
  font-weight: 700;
  font-size: 13px;
  padding: 30px 0px;
  bottom: 0px;
  position: relative;
  border-top: 6px solid #EEECEC;
  border-bottom: 6px solid #04A64B;
}

.footer-ofb a {
  color: #4c4c4c;
  text-decoration: none;
}

.footer-ofb .logo-mtes {
  margin-right: 40px;
}

.footer-ofb .logo-mtes a {
  display: block;
}

.footer-ofb a:hover {
  /*color: #81bd27;*/
  color: #4c4c4c;
  text-decoration: underline;
}

ul.menu--liens-footer-second li a:hover{
  text-decoration: underline;
}

.footer-ofb #block-liensfooter {
  margin-top: 20px;
  margin-bottom: 20px;
}

.footer-ofb #block-liensfooter .col-xs-12{
  columns: 2;
  text-align: center;
}

.footer-ofb #block-liensfooter a {
  /*line-height: 25px;*/
  border-right: 1px solid #FFF;
  padding: 0px 10px;
  display: inline-block;
  line-height: 10px;

  border: none;
  line-height: 25px;
  font-size: 12px;
  display: block;
}
.footer-ofb #block-liensfooter a:last-child{
  border: none;
}

/*********************************************************/
/* FOOTER - BLOC RESAUX SOCIAUX FOOTER */
/*********************************************************/

#block-reseauxsociaux-2 {
  /*margin-top: 10px;*/
  margin-top: 0px;
  min-height: 50px;
}

#block-reseauxsociaux-2 h2.block-title{
  font-size: 11px;
  font-weight: 500;
  margin-top: 10px;
  text-align: center;
}

#block-reseauxsociaux-2 p {
  text-align: left;
  /*justify-content: space-between;*/
  justify-content: center;
  flex: 1;
}

#block-reseauxsociaux-2 p a.wall {
  font-size: 10px;
  border: 2px solid #4c4c4c;
  padding: 5px 10px;
  border-radius: 50px;
}

#block-reseauxsociaux-2 p span#pipe {
  background: #FFFFFF;
  width: 1px;
  height: 25px;
  display: flex;
  margin-left: 5px;
  margin-right: 10px;
}

/*********************************************************/
/* FOOTER - BLOC LOGO MTES */
/*********************************************************/

.flex-row{
  display: flex;
  flex-direction: row;
  /*align-items: stretch;*/
}


#block-logomeem .flex-row{
  /*height: 80px;*/
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 30px;

}

#logo-mtes,
#logo-bts {
  background: #FFF;
  /*display: flex;*/
  /*align-items: center;*/
  /*height: 100%;*/
  height: 120px;
  /*width: 50%;*/

  margin: 10px ;
}

#logo-mtes {

}

#logo-bts {
  padding: 10px;
  /*margin-right: 10px ;*/
  height: 60px;
}

#logo-mtes img,
#logo-bts img{
  width: auto;
  height: 100%;
}

.menu--liens-footer-second{
  display: none;
}

.footer-ofb h2 {
  font-family: 'Marianne', Arial, sans-serif !important;
}






/*********************************************************/
/** HOMEPAGE - TOP SLIDER **/
/*********************************************************/
.path-frontpage .highlighted{
  position: relative;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1,
.view-id-articles_a_la_une_diaporama_.view-display-id-block_2{
  overflow: hidden;
  position: relative;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1:before,
.view-id-articles_a_la_une_diaporama_.view-display-id-block_2:before{
  content: '';
  display: block;
  position: absolute;
  /*z-index: 100;*/
  z-index: 99;
  background: url(../img/svg/symbol-form-bg-green.svg) bottom right no-repeat;
  background-size: contain;
  
  height: 105%;
  width: 150%;

  bottom: 0px;
  right: -80%;

  height: 100%;
  width: 250%;
  bottom: -2px;
  right: -150%;
}
.view-id-articles_a_la_une_diaporama_.video-inside-JS:before,
.view-id-articles_a_la_une_diaporama_.video-inside-JS:before{
  display: none;
}


.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-item{
  height: 565px;
  
  display: flex;/*Firefox*/
  justify-content: center;/*Firefox*/
}
.view-id-articles_a_la_une_diaporama_.view-display-id-block_2 .owl-item{
  height: 655px;
  display: flex;/*Firefox*/
  justify-content: center;/*Firefox*/
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1.video-inside-JS .owl-item,
.view-id-articles_a_la_une_diaporama_.view-display-id-block_2.video-inside-JS .owl-item{
  height: 100%;
}


.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-item > div{
  /*position: relative;*/
  /*top: 50%;*/
  /*margin-top: -25%;*/
}

.view-id-articles_a_la_une_diaporama_.video-inside-JS .owl-item > div{
  /*background: red;*/
  width: 100%;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .row .col-xs-12 > a,
.view-id-articles_a_la_une_diaporama_.view-display-id-block_2 .row .col-xs-12 > a{
  display: flex;
  justify-content: center;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .row .col-xs-12 img,
.view-id-articles_a_la_une_diaporama_.view-display-id-block_2 .row .col-xs-12 img{
  /*width: 100%;*/
  max-width: none;
  /*height: 10;*/
}
@media (min-width: 1921px) {
  .view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .row .col-xs-12 img{
    width: 100%;
  }
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_2 .row .col-xs-12 img{
  /*width: 100%;*/
}



/*SLIDESHOW*/
.row.no-gutters {
  position: relative;
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

#block-views-block-articles-a-la-une-diaporama-block-1,
#block-views-block-articles-a-la-une-diaporama-block-2 {
  z-index: 90;
}


/* #block-views-block-articles-a-la-une-diaporama-block-1 {
  -moz-box-shadow: -3px 0px 5px -3px rgba(0, 0, 0, .2);
  -webkit-box-shadow: -3px 0px 5px -3px rgba(0, 0, 0, .2);
  box-shadow: -3px 0px 5px -3px rgba(0, 0, 0, .2);
} */

/* #block-views-block-articles-a-la-une-diaporama-block-1 .arrows{
    position: absolute;
    bottom: 100px;
    width: 90px;
    right: 25px;
} */


/** jCarousel **/
.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .jcarousel-wrapper {
  border: 0;
  width: 100%;
  max-width: 100%;
  height: 658px;
  border-radius: 0;
  margin: 0 0 20px;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .jcarousel-wrapper li {
  width: 100%;
  height: 100%;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .jcarousel-wrapper .jcarousel-control-prev {
  left: 65px;
  top: 50%;
  background: transparent;
  color: #efefef;
  border: 1px solid #efefef;
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 15px;
  width: 35px;
  height: 35px;
  text-shadow: none;
  box-shadow: none;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .jcarousel-wrapper .jcarousel-control-next {
  right: 65px;
  top: 50%;
  background: transparent;
  color: #efefef;
  border: 1px solid #efefef;
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 15px;
  width: 35px;
  height: 35px;
  text-shadow: none;
  box-shadow: none;
}

/** OwlCarousel **/
.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-pagination {
  position: absolute;
  bottom: 10px;
  left: 45%;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-pagination .owl-page span {
  background-color: #fffdfa;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-buttons .owl-prev,
.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-buttons .owl-next {
  background: #fff;
  border: 1.5px solid #81bd27;
  position: absolute;
  font-size: 15px;
  width: 40px;
  height: 40px;
  font-weight: bold;
  border-radius: 100%;
  line-height: 39px;
  padding: 0;
  opacity: .7;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-buttons .owl-prev {
  top: 45%;
  left: 40px;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-buttons .owl-next {
  top: 45%;
  right: 40px;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-buttons .owl-prev::before {
  /* content: '\f104';
  font-family: 'FontAwesome'; */
  content: '\e257';
  font-family: 'Glyphicons Halflings';
  color: #81bd27;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .owl-buttons .owl-next::before {
  /* content: '\f105';
  font-family: 'FontAwesome'; */
  content: '\e258';
  font-family: 'Glyphicons Halflings';
  color: #81bd27;
}

.view-id-articles_a_la_une_diaporama_.view-display-id-block_1 .row .col-xs-12 img {
  /*max-height: 580px;*/
}


#block-views-block-articles-a-la-une-diaporama-block-1 .owl-item .credit_photo,
#block-views-block-articles-a-la-une-diaporama-block-2 .owl-item .credit_photo{
  position: fixed;
  /* background: rgb(255, 2, 2); */
  color: #ffffff;
  font-size: 10px;
  left: 0px;
  right: 0px;
  text-align: left;
  bottom: 50px;
  transform: rotate(-90deg);
  height: auto;
  width: 100%;
  transform-origin: bottom left;
  top: 0px;
  display: flex;
  align-items: flex-end;
  max-width: 500px;
  margin-left: 20px;
}

/*****************************************/
.text-highlighted {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: rgba(255, 255, 255, 0.95);
  width: 469px;
  /* height: 246px; */
  padding: 20px 40px;

  display: none !important
}

.text-highlighted .title {
  font-family: 'Nunito Sans';
  font-size: 16px;
  font-weight: 800;
  color: #000;
}

.text-highlighted .title a,
.text-highlighted .body a {
  color: inherit;
}

.text-highlighted .body {
  margin-top: 8px;
}

.text-highlighted .body p {
  font-size: 14px;
}

.text-highlighted .created {
  font-family: 'Nunito Sans';
  font-size: 14px;
  font-weight: 600;
  color: #7ebd26;
  padding-top: 10px;
}

.text-highlighted .thematique {
  font-family: 'Nunito Sans';
  font-weight: lighter;
  font-style: italic;
  font-size: 12px;
  color: #a9a9a9;
}

.text-highlighted .region {
  font-family: 'Nunito Sans';
  font-style: italic;
  text-transform: uppercase;
  font-size: 12px;
  color: #a9a9a9;
}

.view-id-articles_a_la_une_diaporama_ .video-embed-field-responsive-video {
  /*max-height: 580px;*/
}
/*****************************************/

/** JSSOR HOME **/

/* .jssora05l,
.jssora05r {
  top: 50%;
  margin-top: -40px;
  width: 40px;
  background: url('/libraries/jssor-slider/img/a17.png');
}

.jssora05r {
  background-position: -70px -40px;
}

.jssora05r:hover {
  background-position: -190px -40px;
}

.jssora05l {
  background-position: -10px -40px;
}

.jssora05l:hover {
  background-position: -130px -40px;
}

.jssorb11 {
  width: auto !important;
  left: 50% !important;
  margin-left: -74px !important;
}

.jssorb11 div,
.jssorb11 div:hover,
.jssorb11 .av {
  background: none;
  background-color: #FFF;
  overflow: hidden;
  cursor: pointer;
}

.jssorb11 div {
  background-color: #FFF;
  margin: 0 6px;
  border-radius: 50%;
  position: relative !important;
  top: 0 !important;
  display: inline-block;
  left: 0 !important;
  width: 12px !important;
  height: 12px !important;
}

.jssorb11 .av {
  background-color: #a4a9ac;
}

.jssorb11 div:hover,
.jssorb11 .av:hover {
  background-color: #ccc;
} */

/* .text-highlighted .read-more{
    width: 100%;
    text-align: center;
    margin-top: 40px;
} */
/* .text-highlighted .read-more a:hover,
.text-highlighted .read-more a{
    color: #fff;
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid #fff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #81bd27;
    padding: 10px 20px;
    text-decoration: none;
}
.text-highlighted .read-more a:hover{
    color: #81bd27;
    background-color: #fff;
} */

/*.path-frontpage .header-afb2 .bg {
  position: absolute;
  right: 0;
  background: #96c11f;
  height: 480px;
  width: 30%;
}
*/









/*********************************************************/
/** HOMEPAGE - NOS ACTUALITES A LA UNE **/
/*********************************************************/

.views-element-container.contextual-region.form-group{
  margin-bottom: 0px;
}

#block-views-block-actualites-a-la-une-block-2,
#block-views-block-actualites-a-la-une-block-3 {
  /*margin-top: 40px;*/
  position: relative;
  background-color: #0083cb;
}

#block-views-block-actualites-a-la-une-block-3 {
  background-color: #81b43c;
}

#block-views-block-actualites-a-la-une-block-2 .view-actualites-a-la-une,
#block-views-block-actualites-a-la-une-block-3 .view-actualites-a-la-une  {
  position: relative;
}

#block-views-block-actualites-a-la-une-block-2 .view-header,
#block-views-block-actualites-a-la-une-block-3 .view-header {
  margin: 40px 0px;
  padding: 0px 15px;
}

#block-views-block-actualites-a-la-une-block-2 h2.block-title,
#block-views-block-actualites-a-la-une-block-3 h2.block-title {
  display: inline-block;
  font-family: "Nunito Sans";
  font-size: 45px;
  line-height: 40px;
  font-weight: 800;
  color: #FFF;
  margin: 0px;
  /*margin-left: 30px;*/
  letter-spacing: 1px;
  padding-left: 15px;
}

#block-views-block-actualites-a-la-une-block-2 div.block-subtitle,
#block-views-block-actualites-a-la-une-block-3 div.block-subtitle  {
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  /* font-family: "Nunito Sans"; */
  color: #000;
  font-weight: normal;
  font-size: 16px;
  margin-left: 6px;
}

#block-views-block-actualites-a-la-une-block-2 .more-link,
#block-views-block-actualites-a-la-une-block-3 .more-link,
.page-node-2707 .documentation_life_artisan .more-link,
.page-node-4789 .documentation_life_artisan .more-link {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

#block-views-block-actualites-a-la-une-block-2 .more-link a,
#block-views-block-actualites-a-la-une-block-3 .more-link a,
.page-node-2707 .documentation_life_artisan .more-link a,
.page-node-4789 .documentation_life_artisan .more-link a {
  top: 40px;
  right: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  padding: 10px 40px;
  border: 1px solid #FFF;
  border-radius: 50px;
  text-decoration: none;
  
  /*position: absolute;*/
}

body.user-logged-in #block-views-block-actualites-a-la-une-block-2 .more-link a {
  /* top: 70px; */
}

#block-views-block-actualites-a-la-une-block-2 .more-link a:hover,
#block-views-block-actualites-a-la-une-block-3 .more-link a:hover {
  /* background-color: #39a9db; */
  /* color: #FFF; */
  text-decoration: none;
  background-color: #FFF;
  color: #0083cb;
}

#block-views-block-actualites-a-la-une-block-3 .more-link a:hover {
  color: #81b43c;
}

#block-views-block-actualites-a-la-une-block-2 .view-content,
.timeline .evenement_a_la_une .view-content,
#block-views-block-actualites-a-la-une-block-3 .view-content {
  /*margin-left: 20px;*/
  /*margin-right: 20px;*/
  padding-left: 20px;
  padding-right: 20px;
}
/*
#block-views-block-actualites-a-la-une-block-2 .news .news_img a:hover::before,
.path-actualites .news .news_img a:hover::before,
.path-presse .news .news_img a:hover::before,
.news .news_img a:hover::before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .7);
}*/
/*
#block-views-block-actualites-a-la-une-block-2 .news .news_img a:hover::after,
.path-actualites .news .news_img a:hover::after,
.path-presse .news .news_img a:hover::after,
.news .news_img a:hover::after{
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 47px;
  height: 47px;
  color: #fff;
  font-size: 31px;
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 0 14px;
  font-weight: 300;
}*/

#views-exposed-form-actualites-page-1 .select-wrapper,
#views-exposed-form-actualites-a-la-une-block-2 .select-wrapper {
  width: 348px;
}

#views-exposed-form-actualites-page-1 .form-item-field-zone-geographique-associee-target-id,
#views-exposed-form-actualites-a-la-une-block-2 .form-item-field-zone-geographique-associee-target-id {
  margin-left: 28px;
}

#views-exposed-form-actualites-page-1 .form-item-field-thematique,
#views-exposed-form-actualites-a-la-une-block-2 .form-item-field-thematique {
  margin-left: 20px;
}

#views-exposed-form-actualites-page-1 .select-wrapper:after,
#views-exposed-form-actualites-a-la-une-block-2 .select-wrapper:after {
  padding: .7em .7em;
  margin-top: -17px;
  right: 2px;
  color: #000;
  background-color: #CACDDD;
  content: '\e259';
  border-radius: 3px;
}

#views-exposed-form-actualites-page-1 .select-wrapper .form-select,
#views-exposed-form-actualites-a-la-une-block-2 .select-wrapper .form-select,
#views-exposed-form-actualites-page-2 .select-wrapper .form-select {
  width: 347px;
  border: 0;
  background-color: #e5e8f1;
  border-radius: 0;
  font-style: italic;
  border-radius: 3px;
  font-size: 12px;
}

#block-views-block-actualites-a-la-une-block-2 .news,
.path-actualites .news,
.path-presse .news,
.news {
  height: auto;
  
  display: flex;
  flex-direction: column;

  flex: 1; /*ie11*/
}

.ie #block-views-block-actualites-a-la-une-block-2 .news,
.ie .path-actualites .news,
.ie .path-presse .news,
.ie .news{
  display: block;
}

  #block-views-block-actualites-a-la-une-block-2 .news .news_img,
  .path-actualites .news .news_img,
  .path-presse .news .news_img,
  .news .news_img{
  /*  flex: 1; /*ie11*/
    display: flex; /*ie11*/
  }

#block-views-block-actualites-a-la-une-block-2 .news .created,
.path-actualites .news .created,
.path-presse .news .created,
.news .created {
  border: 0;
  padding: 0;
  margin: 0;
  /*font-weight: bold;*/
  font-size: 12px;
}

#block-views-block-actualites-a-la-une-block-2 .news .content-body,
.path-actualites .news .content-body,
.path-presse .news .content-body,
.news .content-body {
  /*height: 167px;*/
  flex: 1;

  display: flex; /*ie11*/
  flex-direction: column; /*ie11*/
}

#block-views-block-actualites-a-la-une-block-2 .news .logo,
.path-actualites .news .logo,
.path-presse .news .logo,
.path-presse .news .logo {
  margin-left: 10px;
  width: 100%;
}

#block-views-block-actualites-a-la-une-block-2 .news .logo,
.path-actualites .news .logo {
  margin-bottom: 10px;
}

#block-views-block-actualites-a-la-une-block-2 .news .region,
.path-actualites .news .region,
.path-presse .news .region ,
.news .region  {
  /*text-transform: uppercase;*/
  /*font-style: italic;*/
  color: #39a9db;
  font-size: 12px;
  font-weight: 600;
}
#block-views-block-actualites-a-la-une-block-3 .news .region,
.view-id-actualites.view-display-id-page_3 .news .region {
  color: #81b43c;
}
.path-presse .news .region{
  color: #8D7C41;
}

#block-views-block-actualites-a-la-une-block-2 .news .body .views-more-link,
.path-actualites .news .body .views-more-link,
.path-presse .news .body .views-more-link,
.news .body .views-more-link {
  color: #a4a4a4;
  display: none;
}

#block-views-block-actualites-a-la-une-block-2 .news .body .chapo,
.path-actualites .news .body .chapo,
.path-presse .news .body .body .chapo,
.news .body .chapo,
.news .body {
  color: #000000;
}

#block-views-block-actualites-a-la-une-block-2 .news .content-footer,
.path-actualites .news .content-footer,
.path-presse .news .content-footer,
.news .content-footer {
  display: flex;
  margin-top: 5px;
  align-items: flex-end;
  justify-content: space-between;
  
  background: #FFF;
  z-index: 2;
  position: relative;
}

#block-views-block-actualites-a-la-une-block-2 .news .footer-left,
.path-actualites .news .footer-left,
.path-presse .news .footer-left,
.news .footer-left {
  /*margin-left: 20px;*/
  /*width: 222px;*/
  width: 70%;
}

#block-views-block-actualites-a-la-une-block-2 .news .footer-left .category,
.path-actualites .news .footer-left .category,
.path-presse .news .footer-left .category{

}

#block-views-block-actualites-a-la-une-block-2 .news .footer-left .category ul,
.path-actualites .news .footer-left .category ul,
.path-presse .news .footer-left .category ul,
.news .footer-left .category ul{
  display: flex;
  padding: 0;
  flex-wrap: wrap;
}


#block-views-block-actualites-a-la-une-block-2 .news .footer-left .category ul li,
.path-actualites .news .footer-left .category ul li,
.path-presse .news .footer-left .category ul li,
.news .footer-left .category ul li{
  padding: 2px;
  border: 1px solid #38a9db;
  color: #38a9db;
  margin: 2px;
  border-radius: 3px;
  /*font-size: 10px;*/
  font-size: 12px;
  font-weight: 600;
  list-style: none;
  line-height: 14px;
}
#block-views-block-actualites-a-la-une-block-3 .news .footer-left .category ul li,
.view-id-actualites.view-display-id-page_3 .news .footer-left .category ul li {
  border: 1px solid #81b43c;
  color: #81b43c;
}
#block-views-block-actualites-a-la-une-block-2 .news .footer-left .category ul li a,
.path-actualites .news .footer-left .category ul li a,
.news .footer-left .category ul li a{
  color: #38a9db;
}

.path-presse .news .footer-left .category ul li{
  border: 1px solid #8D7C41;
  color: #8D7C41;
}

.path-presse .news .footer-left .category ul li a{
  color: #8D7C41;
}



#block-views-block-actualites-a-la-une-block-2 .news .footer-right,
.news .footer-right{
  /*width: 100px;*/
  width: 30%;

  height: auto;
  margin-top: -10px;
  
  display: flex;
  justify-content: flex-end;

}


/** views actualites_a_la_une **/
#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une,
.actus-a-la-une{
  margin: 0;
  padding: 0;

  display: flex;
  flex-wrap: wrap;
}

.actus-a-la-une .views-field-nothing .field-content,
.actus-a-la-une .views-field-nothing {
  display: flex;
  flex-direction: column;
  flex: 1;
}

#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li,
.actus-a-la-une li{
  margin: 0;
  list-style: none;

  display: flex;
}

.ie #block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li,
.ie .actus-a-la-une li{
  display: block;
}


#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li .views-field-views-conditional-field,
.actus-a-la-une li .views-field-views-conditional-field{
  display: flex;
  flex: 1; /*ie11*/
}

#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li .views-field-views-conditional-field span.field-content,
.actus-a-la-une li .views-field-views-conditional-field span.field-content{
  display: flex;
  flex: 1; /*ie11*/
}




/** STYLE BLOC ACTUALITES - Page "A lA UNE" et "ACTUALITES" **/
.news {
  /*width: 92%;*/ /* change by jm for HOMEPAGE*/
  position: relative;
  background-color: #fff;
  /*-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
  margin-bottom: 30px;

  border: 2px solid #EEECEC;
}

.news .news_img {
  position: relative;
}

.news .news_img img{
  width: 100%;
}

.news .news_img .logo {
  position: absolute;
  top: 0;
  margin: 0;
}

.news .content {
  padding: 12px;

  flex: 1;
  display: flex;
  flex-direction: column;
}

.ie .news .content{
  display: block;
}

.news .title a {
  color: #000000;
  /*font-size: 16px;*/
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  /*font-weight: bold;*/
  text-decoration: none;
  display: inline-block;
  margin: 5px 0px 10px;
}

.news .title a:hover {
  /*color: #39a9db;*/
  text-decoration: underline;
}

.news .created {
  color: #adadad;
  font-size: 12px;
  /*font-style: italic;*/
  border-top: 2px solid #f4f4f4;
  padding-top: 12px;
  margin-top: 15px;

  border: 0;
  padding: 0;
  margin: 0;
}

.news .category {
  color: #39a9db;
  font-size: 12px;
  /*font-style: italic;*/
}

.masonry-layout .masonry-item {
  background-color: transparent;
  border: none;
  margin: 0;
}


/*FIRST ACTU*/
#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li:first-child{

}

#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li:first-child .news{
  /*display: flex;*/
}

#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li:first-child .news .news_img{
  /*width: 60%;*/
}


#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li:first-child .news .content,
.path-actualites .actus-a-la-une li:first-child .news .content,
.path-presse .actus-a-la-une li:first-child .news .content{
  /*width: 40%;*/
  display: flex;
  flex-direction: column;
}

.ie #block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li:first-child .news .content,
.ie .path-actualites .actus-a-la-une li:first-child .news .content,
.ie .path-presse .actus-a-la-une li:first-child .news .content{
  /*display: block;*/
}


#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li:first-child .news .content .content-body,
.path-actualites .actus-a-la-une li:first-child .news .content .content-body,
.path-presse .actus-a-la-une li:first-child .news .content .content-body{
  flex: 1;
}

#block-views-block-actualites-a-la-une-block-2 .actus-a-la-une li:first-child .news .title a,
.path-actualites .actus-a-la-une li:first-child .news .title a,
.path-presse .actus-a-la-une li:first-child .news .title a{
  font-size: 20px;
}




/*********************************************************/
/** HOMEPAGE - BLOC CHIFFRE CLE & ZOOM SUR ... **/
/*********************************************************/
.chiffres-and-zoom{
  /*background: #FFFFFF;*/
  background: #04A64B;
  padding-top: 40px;
  padding-bottom: 40px;
  /*background-color: red;*/
}

.chiffres-and-zoom-en {
  background: #FFFFFF;
}


.chiffres-and-zoom .container.myflexbox{
  display: flex;
  flex-direction: column;
}

.chiffres-and-zoom .container.myflexbox .flex-item{
  margin: 15px;
  width: auto ;
}

.chiffres-and-zoom .container.myflexbox .flex-item:nth-child(2){
  flex: 1; 
  flex-basis: auto; /*ie11*/
}


.block-afb-zoom-sur-block .content .field--name-body .container-video{
  position: relative;
  padding-bottom: 56.3%;
  /* padding-top: 30px; */
  height: 0;
  overflow: hidden;
  margin-top: 22px;
}

.block-afb-zoom-sur-block .content .field--name-body iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 700px) {
  
  .chiffres-and-zoom .container.myflexbox{
    flex-direction: row;
  }

  .chiffres-and-zoom .container.myflexbox .flex-item{
    width: 33%;
  }

  /*.chiffres-and-zoom .container.myflexbox .flex-item img{
    width: 100%;
  }*/

}

@media screen and (min-width: 900px) {
  .chiffres-and-zoom .container.myflexbox .flex-item{
    width: 33.9%;
  }
}

@media screen and (min-width: 1150px) {
  .chiffres-and-zoom .container.myflexbox .flex-item{
    width: 34.1%;
  }
}

/** BLOC PUBLICATION PHARE, BLOC ZOOM SUR **/

.block-accueil-wrapper {
  margin: 0 -15px;
}

.block-accueil-wrapper .col-md-4:last-child {
  padding-right: 0px;
}

.block-afb-publication-phare-block,
.block-afb-zoom-sur-block {
  /*position: relative;
  /* height: 382px; */
  /*margin-top: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  background-color: #fff;*/
}

.block-afb-publication-phare-block div.content-block,
.block-afb-zoom-sur-block div.content-block {
  /* height: 346px; */
}

.block-afb-publication-phare-block .title,
.block-afb-zoom-sur-block .title {
  /*background-color: #81bd27;
  color: #fff;*/
}

.block-afb-publication-phare-block .title h2,
.block-afb-zoom-sur-block .title h2 {

  /*color: #04A64B;*/
  color: #FFF;
  display: inline-block;
  font-family: "Nunito Sans";
  font-size: 40px;
  line-height: 40px;
  font-weight: 800;
  margin: 0px;
  margin-bottom: 20px;
  /* margin-left: 30px; */
  letter-spacing: 1px;
  padding-left: 15px;
}

.chiffres-and-zoom-en .block-afb-publication-phare-block .title h2,
.chiffres-and-zoom-en .block-afb-zoom-sur-block .title h2 {

  color: #04A64B;
}

.block-afb-publication-phare-block .content,
.block-afb-zoom-sur-block .content {
  /*padding: 10px 35px 0 17px;*/
}

.block-afb-publication-phare-block .content.col-md-12,
.block-afb-zoom-sur-block .content.col-md-12 {
  /*padding: 10px 55px 10px 36px;*/
}

.block-afb-publication-phare-block .content .field--name-body,
.block-afb-zoom-sur-block .content .field--name-body,
.view-id-chiffres_cles.view-display-id-block_1 .view-content {
  /*margin-bottom: 20px;*/
  line-height: 0;
}

.block-afb-zoom-sur-block .content .field--name-body .hp-title-video{
  font-size: 16px;
  height: 12px;
  margin-bottom: 10px;
  /*white-space: nowrap;*/
  overflow: hidden;
  line-height: 12px;
  color: #04A64B;
  padding-left: 15px;
}

.block-afb-publication-phare-block .content .field--name-field-date,
.block-afb-zoom-sur-block .content .field--name-field-date {
  font-size: 1.2rem;
  color: #abacb0;
}

.block-afb-publication-phare-block .field--name-field-lien,
.block-afb-zoom-sur-block .field--name-field-lien {
  /*clear: both;
  text-align: right;
  margin-right: 35px;
  margin-bottom: 20px;*/
}

.block-afb-publication-phare-block .field--name-field-lien a,
.block-afb-zoom-sur-block .field--name-field-lien a {
  /*display: inline-block;
  margin-top: 12px;
  background-color: #d9eabd;
  padding: 8px 18px;
  border-radius: 5px;
  color: #373d31;
  font-family: 'Nunito Sans';
  font-size: 13px*/
  font-size: 16px;
  /*color: #04A64B;*/
  color: #FFF;
  font-weight: 700;
  margin: 15px;
  display: block;
}

.chiffres-and-zoom-en .block-afb-publication-phare-block .field--name-field-lien a,
.chiffres-and-zoom-en .block-afb-zoom-sur-block .field--name-field-lien a {
  color: #04A64B;
}


.block-afb-publication-phare-block .field--name-field-lien a:hover,
.block-afb-zoom-sur-block .field--name-field-lien a:hover {
  /*background-color: #81bd27;
  color: #fff;*/
  text-decoration: none;
  font-weight: 800;
}

.block-afb-publication-phare-block .img,
.block-afb-zoom-sur-block .img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 217px;
  padding: 0;
  padding-left: 38px;
}

.horizontal .img-horizontal img {
  margin: 0 auto;
  padding: 10px 0 0;
}

.horizontal .content {
  margin: 14px 10px 10px 20px;
}

.block-afb-chiffre-cle-block {
  /*position: relative;
  margin-top: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  height: 346px;*/
}

.block-afb-chiffre-cle-block .full_image .title {
  /*position: absolute;
  top: 0;
  left: 20px;
  display: none;*/
}

/*.block-afb-chiffre-cle-block .full_image .title h2 */
.block-afb-chiffre-cle-block .full_image .title h2,
.block-afb-chiffre-cle-block .field--name-node-title h2,
.chiffres-and-zoom .container .view-display-id-block_1 .view-header h2 {
  /*color: #04A64B;*/
  color: #FFF;
  display: inline-block;
  font-family: "Nunito Sans";
  font-size: 40px;
  line-height: 40px;
  font-weight: 800;
  margin: 0px;
  margin-bottom: 42px;
  /* margin-left: 30px; */
  letter-spacing: 1px;
  padding-left: 15px;
}

.chiffres-and-zoom-en .block-afb-chiffre-cle-block .full_image .title h2,
.chiffres-and-zoom-en .block-afb-chiffre-cle-block .field--name-node-title h2,
.chiffres-and-zoom-en .container .view-display-id-block_1 .view-header h2 {
  color: #04A64B;
  display: inline-block;
  font-family: "Nunito Sans";
  font-size: 40px;
  line-height: 40px;
  font-weight: 800;
  margin: 0px;
  margin-bottom: 42px;
  /* margin-left: 30px; */
  letter-spacing: 1px;
  padding-left: 15px;
}

.block-afb-chiffre-cle-block .full_image .body {
  position: absolute;
  bottom: 20px;
  left: 30px;
  width: 179px;
  color: #fff;
  font-size: 12px;
}

.block-afb-chiffre-cle-block .full_image .body .content {
  border-top: 1px solid #FFF;
  padding-top: 6px;
}

.block-afb-chiffre-cle-block .full_image .body .chiffre {
  font-size: 51px;
  font-weight: bold;
  font-family: 'Nunito Sans';
  text-align: center;
}

.block-afb-chiffre-cle-block .field--name-field-lien {
  /*position: absolute;
  bottom: 24px;
  right: 30px;*/
}

.block-afb-chiffre-cle-block .field--name-field-lien a,
.chiffres-and-zoom .container .view-display-id-block_1 .more-link a {
  /* background-color: #dfe4ea; */
  /*background-color: #FFF;
  color: inherit;
  padding: 8px 18px;
  border-radius: 5px;
  font-family: 'Nunito Sans';*/
  font-size: 16px;
 /* color: #04A64B; */
  color: #FFF;
  font-weight: 700;
  margin: 15px;
  display: block;
}

.chiffres-and-zoom-en .block-afb-chiffre-cle-block .field--name-field-lien a,
.chiffres-and-zoom-en .container .view-display-id-block_1 .more-link a {
  color: #04A64B;
}

.block-afb-chiffre-cle-block .field--name-field-lien a:hover,
.chiffres-and-zoom .container .view-display-id-block_1 .more-link a:hover {
  /*background-color: #d9eabd;
  color: #373d31;*/
  text-decoration: none;
  font-weight: 800;
}

.block-afb-chiffre-cle-block .full_hexa {
  height: 346px;
}

.block-afb-chiffre-cle-block .full_hexa .title {
  padding-top: 14px;
  padding-left: 20px;
}

.block-afb-chiffre-cle-block .full_hexa .title h2 {
  color: #fff;
  font-weight: bold;
  margin-top: 0;
}

.block-afb-chiffre-cle-block .full_hexa .body {
  position: absolute;
  bottom: 20px;
  left: 30px;
  width: 179px;
  color: #fff;
  font-size: 12px;
}

.block-afb-chiffre-cle-block .full_hexa .body .content {
  border-top: 1px solid #FFF;
  padding-top: 6px;
}

.block-afb-chiffre-cle-block .full_hexa .body .chiffre {
  font-size: 51px;
  font-weight: bold;
  font-family: 'Nunito Sans';
  text-align: center;
}

.block-afb-chiffre-cle-block .body .content:empty {
  border-top: none;
}

.block-afb-chiffre-cle-block img{
  width: 100%;
  max-width: none;
}



/*********************************************************/
/** HOMEPAGE - TIME LINE EVENT / EVENEMENT / AGENDA ... **/
/*********************************************************/
/** Timeline Home **/

.timeline {
 /* position: relative;
  margin: 44px 5px 12px;
  box-shadow: 0 0 33px 0 rgba(0, 0, 0, .2);
  border-bottom: 10px solid transparent;
  background-image:
    linear-gradient(white, white),
    linear-gradient(270deg, #39a9db, #81bd27 50%, #39a9db 100%);

  background-repeat: no-repeat;
  background-origin: padding-box, border-box;
  /* font-family: 'Nunito Sans'; */
  background: #FFFFFF;
}

.timeline .view-display-id-block_1,
.timeline .view-display-id-block_3,
.timeline .view-display-id-block_4 {
  position: relative;
}

.timeline .view-header {
 /* background-color: #39a9db;
  padding: 10px 0;
  line-height: 20px;*/
  /*margin: 0 -15px;*/
  margin: 40px 0px;
  padding: 0px 15px;
}

.timeline .view-header .timeline_title,
.page-node-3277 .view-header .timeline_title,
.page-node-4100 .view-header .timeline_title,
.timeline.view-id-agenda.view-display-id-block_5 .view-header .timeline_title,
.page-node-4467 .view-header .timeline_title  {
  display: inline-block;
  font-family: "Nunito Sans";
  font-size: 45px;
  line-height: 40px;
  font-weight: 800;
  color: #ED6A53;
  margin: 0px;
  letter-spacing: 1px;
  padding-left: 15px;
}

.page-node-2707 .timeline .view-header .timeline_title,
.page-node-4789 .timeline .view-header .timeline_title {
  color: #63502d;
}

.page-node-4467 .view-header .timeline_title {
  color: #0d80be;
}

.page-node-4100 .view-header .timeline_title,
.timeline.view-id-agenda.view-display-id-block_5 .view-header .timeline_title {
  color: #ef761f;
}

.page-node-3277 .view-header .timeline_title {
  color: #003365;
}

.timeline .view-header .block-subtitle {
  /*display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  color: #000;
  font-weight: normal;
  font-size: 16px;
  font-family: 'Nunito Sans';*/
}


.timeline .view-content,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content,
.timeline.view-id-agenda.view-display-id-block_5 .view-content {
  border-top: 1px solid #ED6A53;
  margin: 100px 15px 0px;
  margin-bottom: 30px;
  
  /*border-left: 1px solid #ED6A53;*/
  /*border-top: none;*/
  /*display: flex;*/
  /*flex-direction: column;*/
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content {
  border-top: 1px solid #003365;
}

.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content,
.timeline.view-id-agenda.view-display-id-block_5 .view-content {
  border-top: 1px solid #ef761f;
}

.timeline .evenement_a_la_une .view-content {
  border-top: none;
  margin: 0px;
}

.timeline .view-content .owl-carousel,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-carousel,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-carousel,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-carousel {
  width: 80%;
  margin: auto;
}

.timeline .view-content .owl-carousel .owl-wrapper-outer,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-carousel .owl-wrapper-outer,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-carousel .owl-wrapper-outer,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-carousel .owl-wrapper-outer  {
  padding-top: 100px;
  /*margin-top: -100px;*/
  margin-top: -76px;
}

.timeline .view-content .owl-item,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  /*width: 23%;*/
  /*width: 20%;*/
  /*margin: 24px 37px 0;*/
  /*margin: 24px 85px 0;*/
  /*margin: 24px 10% 0;*/
 /* margin-right: 5px;*/
  /*margin-right: 1%;*/
  min-height: 150px;
  /*padding: 10px;*/

  flex: 1;
  width: auto;
  /*margin-left: 30px;*/

  background-color: #FFFFFF;
}

.timeline .view-content .owl-item > div,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item  > div,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item  > div,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item  > div {
  /*background: red;*/
  /*padding: 10px;*/
  padding: 10px 30px;
}

.timeline .view-content .owl-item:hover,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item:hover {
  background-color: #ED6A53;
}

.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item:hover,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item:hover {
  background-color: #ef761f;
}

.page-node-4467 .view-id-agenda.view-display-id-block_6 .view-content .owl-item:hover,
.timeline.view-id-agenda.view-display-id-block_6 .view-content .owl-item:hover {
  background-color: #0d80be;
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item:hover {
  background-color: #003365;
}

.timeline .view-content .owl-item::before,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item::before,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item::before,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item::before,
.page-node-4467 .view-id-agenda.view-display-id-block_6 .view-content .owl-item::before {
  content: '';
  position: absolute;

  top: -32px;
  /*left: -7px;*/
  left: 0px;

  width: 15px;
  height: 15px;

  border-radius: 50%;
  background-color: #ED6A53;
  
  /*top: 0px;*/
  /*left: -37px;*/
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item::before {
  background-color: #003365;
}

.page-node-4467 .view-id-agenda.view-display-id-block_6 .view-content .owl-item::before {
  background-color: #0d80be;
}

.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item::before,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item::before {
  background-color: #ef761f;
}

.page-node-2707 .timeline .view-content .owl-item::before,
.page-node-4789 .timeline .view-content .owl-item::before {
  background-color: #63502d;
}

/*.timeline .view-content .views-row::after {

*/

.timeline .view-content .views-row .views-field-field-date-debut,
.timeline .view-content .views-row .views-field.views-field-field-dates-evenement,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .views-row .views-field-field-date-debut,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .views-row .views-field.views-field-field-dates-evenement{
  font-size: 16px;
  color: #ed6953;
  margin-bottom: 15px;
  /* font-weight: bold; */
  position: relative;
  z-index: 30;
}

.timeline .view-content .owl-item .views-field.views-field-field-dates-evenement-1,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field.views-field-field-dates-evenement-8 {
  position: absolute;
  top: -80px;
  font-size: 20px;
  color: #ed6953;
  font-weight: 700;
  left: 0;
  /*position: relative;*/
  /*top: 0px;*/
}

.timeline .view-content .owl-item:hover .views-field.views-field-field-dates-evenement-1 {
  color: #ed6953;
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field.views-field-field-dates-evenement-8  {
  color: #003365;
}

.page-node-2707 .timeline .view-content .owl-item .views-field.views-field-field-dates-evenement-1,
.page-node-4789 .timeline .view-content .owl-item .views-field.views-field-field-dates-evenement-1 {
  color: #63502d;
}

.timeline .view-content .owl-item .views-field-title,
.timeline .view-content .owl-item .views-field-title a,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field-title,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field-title a,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item .views-field-field-chapo,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item .views-field-field-chapo a,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item .views-field-field-chapo,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item .views-field-field-chapo a,
.page-node-4467 .view-id-agenda.view-display-id-block_6 .view-content .owl-item .views-field-field-chapo,
.page-node-4467 .view-id-agenda.view-display-id-block_6 .view-content .owl-item .views-field-field-chapo a  {
  font-size: 16px;
  color: #000000;

  position: relative;
  z-index: 30;
  /*font-weight: bold;*/
}

.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item .views-field-field-chapo a,
.page-node-4467 .view-id-agenda.view-display-id-block_6 .view-content .owl-item .views-field-field-chapo a {
  text-decoration:  none;
}

.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item .views-field-field-chapo a:hover {
  text-decoration:  underline;
}

.timeline .view-content .views-row .views-field-field-resume,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .views-row .views-field-field-resume  {
  text-align: justify;
  color: #535353; 
  font-size: 14px;

  position: relative;
  z-index: 30;
  /* font-weight: 550; */
}

.timeline .view-content .views-row .views-field-field-date-debut-1,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .views-row .views-field-field-date-debut-1 {
  position: absolute;
  top: -80px;
  font-size: 20px;
  color: #ed6953;
  font-weight: 700;
  left: 0;

  position: relative;
  top: 0px;
}

.timeline .view-content .owl-item .views-field-view-node a,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field-view-node a {
  /*color: #a0a0a0;*/
  /*text-decoration: underline;*/
  /*font-style: italic;*/

  display: none;
  position: absolute;
  /*background: #ed6953;*/
  top: 0px;
  z-index: 0;
  overflow: hidden;
  text-indent: -900px;
  bottom: 0px;
  left: 0px;
  right: 0px;

  display: block;
  background: none;
  z-index: 30;
}

.timeline .view-content .owl-item .views-field-title,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field-title {
  margin-bottom: 20px;
  font-weight: 300;
  min-height: 60px;
}

.timeline .view-content .owl-item .views-field-field-type-de-public a,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field-field-type-de-public a {
  color: #000;
  display: inline-block;
  pointer-events: none;
}

.timeline .view-content .owl-item .views-field-field-lieu,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field-field-lieu {
  color: #ed6953;
  font-weight: 600;
  display: block;
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .views-field-field-lieu {
  color: #003365;
}

.page-node-2707 .timeline .view-content .owl-item .views-field-field-lieu,
.page-node-4789 .timeline .view-content .owl-item .views-field-field-lieu {
  color: #63502d;
}

.timeline .view-content .owl-item .views-field-field-thematique a {
  color: #ed6953;
  padding: 2px;
  border: 1px solid #ed6953;
  color: #ed6953;
  margin: 2px;
  margin-left: 0;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
  pointer-events: none;
}

.page-node-2707 .timeline .view-content .owl-item .views-field-field-thematique a,
.page-node-4789 .timeline .view-content .owl-item .views-field-field-thematique a {
  color: #63502d;
  padding: 2px;
  border: 1px solid #63502d;
  color: #63502d;
  margin: 2px;
  margin-left: 0;
  border-radius: 3px;
  cursor: not-allowed;
  font-size: 10px;
  display: inline-block;
  text-decoration: none;
  pointer-events: none;
}

.timeline .view-content .views-row .event_type {
  padding: 2px;
  border: 1px solid #ed6953;
  color: #ed6953;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.timeline .views-field-views-conditional-field,
.page-node-3277 .view-id-agenda.view-display-id-block_4  .views-field-views-conditional-field-1,
.page-node-4100 .view-id-agenda.view-display-id-block_5  .views-field-views-conditional-field,
.timeline.view-id-agenda.view-display-id-block_5  .views-field-views-conditional-field,
.page-node-4467 .view-id-agenda.view-display-id-block_6  .views-field-views-conditional-field  {
  color: #ED6A53;
  font-size: 27px;
  font-weight: 300;
}

.page-node-3277 .view-id-agenda.view-display-id-block_4  .views-field-views-conditional-field-1 {
  color: #003365;
}

.page-node-4467 .view-id-agenda.view-display-id-block_6  .views-field-views-conditional-field {
  color: #0d80be;
}

.page-node-4100 .view-id-agenda.view-display-id-block_5  .views-field-views-conditional-field,
.timeline.view-id-agenda.view-display-id-block_5  .views-field-views-conditional-field {
  color: #ef761f;
}

.page-node-2707 .timeline .views-field-views-conditional-field,
.page-node-4789 .timeline .views-field-views-conditional-field {
  color: #63502d;
}

.page-node-3277 .timeline .view-content .owl-item:hover .views-field-views-conditional-field-1,
.page-node-3277 .timeline .view-content .owl-item:hover .views-field-field-lieu, 
.page-node-3277 .timeline .view-content .owl-item:hover .views-field-title .field-content a,
.page-node-4100 .timeline .view-content .owl-item:hover .views-field-views-conditional-field,
.page-node-4100 .timeline .view-content .owl-item:hover .views-field-field-chapo,
.page-node-4100 .timeline .view-content .owl-item:hover .views-field-field-chapo a,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item:hover .views-field-views-conditional-field,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item:hover .views-field-field-chapo,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item:hover .views-field-field-chapo a,
.timeline.view-id-agenda.view-display-id-block_6 .view-content .owl-item:hover .views-field-field-chapo,
.timeline.view-id-agenda.view-display-id-block_6 .view-content .owl-item:hover .views-field-field-chapo a {
  color: #fff;
}

.timeline.view-id-agenda.view-display-id-block_6 .view-content .owl-item .views-field-field-chapo a:hover {
  text-decoration:  underline;
}

.timeline .view-content .owl-item .du_evenement, .timeline .view-content .owl-item .au_evenement,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item  .du_evenement, .page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item  .au_evenement,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item  .du_evenement, .page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item  .au_evenement,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item  .du_evenement, .timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item  .au_evenement  {
  font-size: 16px;
  font-weight: 300;
}

.timeline .view-content .owl-item .annee_evenement,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .view-content .owl-item .annee_evenement,
.page-node-4100 .view-id-agenda.view-display-id-block_5 .view-content .owl-item .annee_evenement,
.timeline.view-id-agenda.view-display-id-block_5 .view-content .owl-item .annee_evenement  {
  font-size: 12px;
  position: absolute;
  top: auto;
  font-weight: 300;
}


/*
.timeline .view-content .views-row:hover .views-field-view-node a {
  display: block;
}
.timeline .view-content .views-row:hover .views-field-field-date-debut,
.timeline .view-content .views-row:hover .views-field.views-field-field-dates-evenement,
.timeline .view-content .views-row:hover .views-field-title,
.timeline .view-content .views-row:hover .views-field-title a,
.timeline .view-content .views-row:hover .views-field-field-resume {
  color: #FFF;
  cursor: pointer;
}*/

@media (max-width: 480px) {
  .timeline .view-content .views-row .timeline-month{
    display: block !important;
  }
}

.timeline nav ul.pager {
  margin: 0;
}


/*CTA*/
.timeline .more-link,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .more-link {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.timeline .more-link a,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .more-link a {
  top: 40px;
  right: 30px;
  font-size: 14px;
  font-weight: 600;
  color: #ED6A53;;
  padding: 10px 40px;
  border: 1px solid #ED6A53;
  border-radius: 50px;
  text-decoration: none;
  
  /*position: absolute;*/
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 .more-link a {
  color: #003365;
  border: 1px solid #003365;
}

.page-node-2707 .timeline .more-link a,
.page-node-4789 .timeline .more-link a {
  border: 1px solid #63502d;
  color: #63502d;
}

.timeline .more-link a:hover,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .more-link a:hover {
  /* background-color: #39a9db; */
  /* color: #FFF; */
  text-decoration: none;
  background-color: #ED6A53;
  color: #FFF;
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 .more-link a:hover {
  background-color: #003365;
}

.page-node-2707 .timeline .more-link a:hover,
.page-node-4789 .timeline .more-link a:hover {
  background-color: #63502d;
}


/* HERE #2 */




.timeline nav .previous,
.timeline .owl-theme .owl-controls .owl-buttons div.owl-prev,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .previous,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-prev  {
  display: block;
  position: absolute;
  top: 65%;
  /*left: 33px;*/
  /*left: 10px;*/
  left: -50px;
}

.timeline nav .previous a,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .previous a,
.timeline .owl-theme .owl-controls .owl-buttons div.owl-prev,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  padding: 0;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  font-size: 30px;
  line-height: 24px;
  color: #ED6A53;
  font-weight: lighter;
  padding-left: 2px;
  border-color: #ED6A53;

  transform: rotate(180deg) ;
  -webkit-transform: rotate(180deg) ;
  -moz-transform: rotate(180deg) ;
  -o-transform: rotate(180deg) ;
  -ms-transform: rotate(180deg) ;

  background: url(../img/svg/arrow-right-orange.svg) left+13px center no-repeat;
  background-size: 9px;
}
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .previous a,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  color: #003365;
  border-color: #003365;
  background: url(../img/svg/arrow-right-blue.svg) left+13px center no-repeat;
  background-size: 9px;
}
.page-node-2707 .timeline nav .previous a,
.page-node-2707 .timeline .owl-theme .owl-controls .owl-buttons div.owl-prev,
.page-node-4789 .timeline nav .previous a,
.page-node-4789 .timeline .owl-theme .owl-controls .owl-buttons div.owl-prev {
  color: #63502d;
  border-color: #63502d;
}
.timeline .owl-theme .owl-controls .owl-buttons div.owl-prev,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-prev {
  overflow: hidden;
  text-indent: -900px
}

.page-node-2707 .timeline nav .previous a:hover,
.page-node-2707 .timeline .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.page-node-4789 .timeline nav .previous a:hover,
.page-node-4789 .timeline .owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
  background: url(../img/svg/arrow-right-white.svg) left+13px center no-repeat #63502d;
  background-size: 9px;
}

.timeline nav .previous a:hover,
.timeline .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .previous a:hover {
  background: url(../img/svg/arrow-right-white.svg) left+13px center no-repeat #ED6A53;;
  background-size: 9px;
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .previous a:hover {
  background: url(../img/svg/arrow-right-white.svg) left+13px center no-repeat #003365;
  background-size: 9px;
}

.timeline nav .previous a span,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .previous a span {
  display: none;
}

.timeline nav .next,
.timeline .owl-theme .owl-controls .owl-buttons div.owl-next,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .next,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-next {
  display: block;
  position: absolute;
  top: 65%;
  /*right: 33px;*/
  /*right: 10px;*/
  right: -50px;
}

.timeline nav .next a,
.timeline .owl-theme .owl-controls .owl-buttons div.owl-next,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .next a,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-next  {
  padding: 0;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  font-size: 30px;
  line-height: 24px;
  color: #ED6A53;
  font-weight: lighter;
  padding-left: 2px;
  border-color: #ED6A53;

  background: url(../img/svg/arrow-right-orange.svg) left+13px center no-repeat;
  background-size: 9px;
}
.page-node-2707 .timeline nav .next a,
.page-node-2707 .timeline .owl-theme .owl-controls .owl-buttons div.owl-next,
.page-node-4789 .timeline nav .next a,
.page-node-4789 .timeline .owl-theme .owl-controls .owl-buttons div.owl-next {
  color: #63502d;
  border-color: #63502d;
}
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .next a,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-next  {
  color: #003365;
  border-color: #003365;
  background: url(../img/svg/arrow-right-blue.svg) left+13px center no-repeat;
  background-size: 9px;
}
.timeline .owl-theme .owl-controls .owl-buttons div.owl-next,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-next {
  overflow: hidden;
  text-indent: -900px
}

.timeline nav .next a:hover,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .next a:hover,
.timeline .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
  background: url(../img/svg/arrow-right-white.svg) left+13px center no-repeat #ED6A53;
  background-size: 9px;
}

.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .next a:hover,
.page-node-3277 .view-id-agenda.view-display-id-block_4 .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
  background: url(../img/svg/arrow-right-white.svg) left+13px center no-repeat #003365;
  background-size: 9px;
}
.page-node-2707 .timeline nav .next a:hover,
.page-node-2707 .timeline .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
.page-node-4789 .timeline nav .next a:hover,
.page-node-4789 .timeline .owl-theme .owl-controls .owl-buttons div.owl-next:hover {
  background: url(../img/svg/arrow-right-white.svg) left+13px center no-repeat #63502d;
  background-size: 9px;
}
.timeline nav .next a span,
.page-node-3277 .view-id-agenda.view-display-id-block_4 nav .next a span{
  display: none;
}




/** Ajax progess **/
.ajax-progress.ajax-progress-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 100;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
 
.ajax-progress.ajax-progress-fullscreen:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner .6s linear infinite;
}



/*HERE*/

#block-restezconnectes .pre-footer-title-facebook::before {
  /*font-family: 'FontAwesome';
  content: '\f09a';
  color: #fff;
  font-size: 30px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;*/
}

#block-restezconnectes .pre-footer-title-socialwall::before {
 /* content: "\f00a";
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 30px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: middle;
  font-style: normal;*/
}





#block-encartpreserverlabiodiversite {
/*  margin-top: 50px;
  background-color: #cccccc;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: 'Avant Garde', Arial, sans-serif;*/
}

#block-encartpreserverlabiodiversite a {
  /*color: #464e5a;*/
}

#block-liensfooter p a.actus,
#block-liensfooter p a.videos,
#block-logomeem p a.actus,
#block-logomeem p a.videos {
/*  font-size: 12.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #96c11f;
  padding: 8px;
  text-decoration: none;*/
}

#block-liensfooter p a.actus:hover,
#block-liensfooter p a.videos:hover,
#block-logomeem p a.actus:hover,
#block-logomeem p a.videos:hover {
/*  background: #0088a5;*/
}

#block-liensfooter p a.mentions {
/*  color: #333;
  font-size: 12px;*/
}











/**********************************/
    /* ul.sf-menu li>a.sf-depth-1 {
      line-height: 125px;
    }

    ul.sf-menu li>a {
        background-color: white;
        color: #003366;
        font-family: 'Nunito Sans',Arial,sans-serif;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 14px;
        padding: 0 16px 0 16px;
    }
    ul.sf-menu li>a:hover{
        color: #96c11f;
        text-decoration: none;
    }

    ul.sf-menu li li>a {
        background-color: white;
        color: #003366;
        font-family: 'Nunito Sans',Arial,sans-serif;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 18px;
        padding: 10px 0 10px 20px;
        text-transform: none;
    }

    ul.sf-menu .sf-sub-indicator:after {
        content: '\f107';
        font-family: 'FontAwesome';
        font-size: 22px;
        left: 0;
        line-height: 1;
        position: absolute;
        text-indent: 0;
        top: 0;
    }
    ul.sf-menu .sf-sub-indicator {
      display: none;
        height: 20px;
        line-height: 9999px;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        right: 2em;
        speak: none;
        text-indent: -9999px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 14px;
    } */
/**********************************/



.path-frontpage .region-content {
  /*margin-top: -30px;*/
}

.region-content{
  /*padding-top: 30px;*/
  padding-top: 0px;
}

.page-node-type-territoire .region-content,
.page-node-2191 .region-content{
  padding-top: 0px;
}

.page-node-type-document .region-content{
  padding-top: 30px;
}

/*BLOC BIENVENU*/
#block-textedaccueil {
/*  background: #fff;
  text-align: center;
  padding: 30px 0;
  position: relative;
  z-index: 100;*/
}

#block-textedaccueil p.heading {
/*  font-size: 17px;
  color: #003366;
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-weight: 800;*/
}

#block-textedaccueil p.subheading a {
/*  color: #003366;
  text-decoration: underline;*/
}

#block-textedaccueil p.subheading a:hover {
  /*color: #96c11f;*/
}



/* ADDTOANY */

.addtoany {
  /*position: absolute;
  top: 0px;
  right: 80px;
  display: flex;
  align-items: center;
  vertical-align: middle;*/
  display: block;
  margin-bottom: 30px;
}

.addtoany .a2a_kit {
  /*display: inline-flex;*/
}

.addtoany .a2a_kit a span {
  /*width: 20px !important;
  height: 20px !important;*/
}

.node--type-evenement .addtoany .a2a_kit a span,
.node--type-article .addtoany .a2a_kit a span,
.node--type-rdv-biodiversite-entreprises .addtoany .a2a_kit a span,
.node--type-campagne-ete .addtoany .a2a_kit a span,
.node--type-actualite-life-artisan .addtoany .a2a_kit a span,
.node--type-agenda-life-artisan .addtoany .a2a_kit a span,
.node--type-evenement-cmn .addtoany .a2a_kit a span,
.node--type-evenement-upb .addtoany .a2a_kit a span,
.node--type-document-life-artisan .addtoany .a2a_kit a span {
  display: block;
  text-align: center;
  margin: auto;
  color: #909090;
  font-size: 11px;
}

.node--type-evenement .addtoany .a2a_kit a span.a2a_label,
.node--type-article .addtoany .a2a_kit a span.a2a_label,
.node--type-rdv-biodiversite-entreprises .addtoany .a2a_kit a span.a2a_label,
.node--type-campagne-ete .addtoany .a2a_kit a span.a2a_label,
.node--type-actualite-life-artisan .addtoany .a2a_kit a span.a2a_label,
.node--type-agenda-life-artisan .addtoany .a2a_kit a span.a2a_label,
.node--type-evenement-cmn .addtoany .a2a_kit a span.a2a_label,
.node--type-evenement-upb .addtoany .a2a_kit a span.a2a_label,
.node--type-document-life-artisan .addtoany .a2a_kit a span.a2a_label {
  clip: auto;
  clip-path: auto;
  -webkit-clip-path: none;
  width: auto;
  height: auto;
  overflow: visible;
  position: relative !important;
  line-height: 11px;
  margin-top: 10px;
}

.addtoany .a2a_kit .label_share {
 /* color: rgb(150, 193, 31);
  font-size: 11px;
  margin-right: 10px;
  padding-top: 2px;*/
}


/*SHARE*/
.addtoany_list>a {
  /*float: left;
  clear: left;
  display: block;*/
  /*margin-bottom: 8px;*/
}

.text-highlighted .addtoany_list .label_share,
.news .addtoany_list .label_share {
  /*transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  width: 45px;
  height: 20px;
  margin-bottom: 45px;
  color: #81bd27;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 700;*/
}

.text-highlighted .addtoany_list .label_share {
  /*color: #fff;*/
}

.news .share {
 /* position: absolute;
  top: 5%;
  right: -8.2%;
  width: 30px;*/
}

.text-highlighted .share {
 /* position: absolute;
  left: -33px;
  top: 5%;*/
}


/*SHARE NODE*/
.node--view-mode-full .addtoany_list {
 /* display: inline;
  float: right;
  margin-bottom: 20px;
  margin-top: -40px;*/
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 10px 0px;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

.node--view-mode-full .addtoany_list>a {
  /*float: left;
  clear: none;
  display: block;*/
  text-decoration: none;
}

.node--view-mode-full .addtoany_list .label_share {
  /*color: #464e5a;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 700;
  float: left;*/
}


/*ADD TO ANY FOR DOCUMENTATION*/

.node--type-document .a2a_kit a span{
  display: block;
  text-align: center;
  margin: auto;
  color: #909090;
  font-size: 11px;
}

.node--type-document .a2a_kit a span.a2a_label{
  clip: auto;
  clip-path: auto;
  -webkit-clip-path: none;
  width: auto;
  height: auto;
  overflow: visible;
  position: relative !important;
  line-height: 11px;
  margin-top: 10px;
}






/* BLOC NOUS CONNAITRE */
.block_nous_connaitre {
/*  background-color: #81bd27;
  padding: 20px;
  padding-bottom: 64px;
  color: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
}

.block_nous_connaitre h2 {
/*  margin-top: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;*/
}

.block_nous_connaitre span {
/*  text-transform: uppercase;
  text-decoration: underline;
  display: block;
  padding-left: 1.7em;
  padding-top: 1.7em;
  padding-bottom: 1.7em;
  font-weight: bold;*/
}

.block_nous_connaitre li {
  /*display: inline-block;*/
  /* width: 150px; */
/*  width: 196px;*/
}

.block_nous_connaitre li span {
/*  display: block;
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 19px;*/
}

.block_nous_connaitre li span.icon-politique {
/*  background: url('../img/svg/picto_politique.svg') center center no-repeat;
  background-size: 200px;*/
}

.block_nous_connaitre li span.icon-accompagner {
  /* background: url('../img/picto_accompagner.png') center center no-repeat; */
/*  background: url('../img/svg/picto_accompagner.svg') center center no-repeat;
  background-size: 200px;*/
}

.block_nous_connaitre li span.icon-comprendre {
  /* background: url('../img/picto_comprendre.png') center center no-repeat; */
/*  background: url('../img/svg/picto_comprendre.svg') center center no-repeat;
  background-size: 200px;*/
}

.block_nous_connaitre li span.icon-prevenir {
  /* background: url('../img/picto_prevenir.png') center center no-repeat; */
/*  background: url('../img/svg/picto_prevenir.svg') center center no-repeat;
  background-size: 200px;*/
}

.block_nous_connaitre li span.icon-restaurer {
  /* background: url('../img/picto_restaurer.png') center center no-repeat; */
/*  background: url('../img/svg/picto_restaurer.svg') center center no-repeat;
  background-size: 200px;*/
}

.block_nous_connaitre li span.icon-sensibiliser {
  /* background: url('../img/picto_sensibiliser.png') center center no-repeat; */
/*  background: url('../img/svg/picto_sensibiliser.svg') center center no-repeat;
  background-size: 200px;*/
}

.block_nous_connaitre .link {
/*  float: right;
  font-family: 'Nunito Sans';
  padding: 8px 18px;
  border-radius: 5px;
  font-size: 13px;*/
}

.block_nous_connaitre .link:hover {
  /*background-color: #e5f2d4;*/
}




/* BLOC LES ESPACES PROTEGES */
.block_les_espaces_proteges {
/*  background-color: #81bd27;
  padding: 20px;
  padding-bottom: 64px;
  color: #FFF;
  margin-top: 40px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
}

.block_les_espaces_proteges h2 {
/*  margin-top: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;*/
}

.block_les_espaces_proteges .field--name-body {
  /*text-align: justify;*/
}

.block_les_espaces_proteges a,
.block_nous_connaitre a {
  /*padding: 8px 18px;
  border-radius: 5px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  text-decoration: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  font-family: 'Nunito Sans';
  float: right;*/
}

.block_les_espaces_proteges a:hover,
.block_nous_connaitre a:hover {
  /*text-decoration: none;
  background-color: #e5f2d4;*/
}





/* BLOC AFB REGIONS */
.block_afb_regions {
/*  background-color: #CDE9F6;
  padding: 0;
  min-height: 660px;*/
}

.block_afb_regions h2 {
/*  padding: 12px 20px;
  color: #81bd27;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 0;*/
}

.block_afb_regions span {
/*  padding: 0 20px;
  margin-bottom: 20px;
  display: block;*/
}

.block_afb_regions .block-afb-regions-block {
  /* margin-top: 32px; */
  /* position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; */
}

.block_afb_regions .block-afb-regions-block::after {
/*  display: block;
  content: '';
  clear: both;*/
}










/*NOS MISSIONS*/
#block-nosmissions {
/*  float: right;
  margin-top: 30px;*/
}

#block-nosmissions h2.block-title {
/*  color: #0087a5;
  font-family: "Nunito Sans";
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;*/
}

#block-nosmissions ul {
  /*padding: 0;*/
}

#block-nosmissions ul li {
/*  font-size: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #cbcbcb;
  margin-bottom: 14px;
  list-style: none;
  padding-left: 37px;*/
}

#block-nosmissions ul li:before {
/*  content: '\f00c';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #0087a5;
  font-size: 24px;
  line-height: 24px;*/
}




/*RESSOURCES THEMATIQUES*/
#block-ressourcesthematiques2 h2.block-title {
/*  font-family: "Nunito Sans";
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;*/
}

#block-ressourcesthematiques2 .field--name-field-lien-ressource .field--item {
/*  width: 49%;
  float: left;
  background: #96c11f;
  height: 120px;
  margin-right: 2px;
  margin-bottom: 2px;
  position: relative;
  text-align: center;
  padding: 30px 10px 20px 10px;*/
}

#block-ressourcesthematiques2 .field--name-field-lien-ressource .field--item a {
/*  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-family: "Nunito Sans";
  font-size: 17px;
  font-weight: 700;*/
}

#block-ressourcesthematiques2 .field--name-field-lien-ressource .field--item a:hover {
/*  color: #464e5a;
  text-decoration: none;*/
}

#block-ressourcesthematiques2 .field--name-field-lien-ressource .field--item:after {
/*  content: '\f178';
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 24px;
  float: left;
  clear: left;
  width: 100%;*/
}



/*********************************************************/
/** PAGE LISTING "ACTUALITES" + PAGE "PRESSE" **/
/*********************************************************/
.path-actualites h1.page-header,
.path-presse h1.page-header,
.path-le-projet-life-integre-artisan #block-titreactuslifeintegreartisan h1.page-header {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0px 15px;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-weight: 800;
  color: #0083CB;
  border: none;
}
.path-actualites .pagination .page-item .page-link,
.path-documentation .pagination .page-item .page-link,
.path-presse .pagination .page-item .page-link,
.path-agenda .pagination .page-item .page-link,
.path-recherche .pagination .page-item .page-link   {
  display:  none;
}

.path-le-projet-life-integre-artisan #block-titreactuslifeintegreartisan h1.page-header {
  color: #81b43c;
}
.path-presse h1.page-header{
  color: #8D7C41;
}


.path-actualites .view-filters,
.path-presse .view-filters {
  /*padding-left: 0px;*/
}

.path-actualites .view-content.no-padding,
.path-presse .view-content.no-padding{
  /*padding: 0px;*/
}

fieldset#edit-field-thematique-target-id--wrapper,
fieldset#edit-field-type-de-public-target-id--wrapper,
fieldset#edit-field-type-article-value--wrapper,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper,
fieldset#edit-field-type-de-document-target-id--wrapper,
fieldset#edit-field-type-de-rdv-target-id--wrapper,
fieldset#edit-field-type-evenements-target-id--wrapper,
fieldset#edit-field-milieux-target-id--wrapper {
  margin-bottom: 30px;
  width: 100%;

}

fieldset#edit-field-thematique-target-id--wrapper legend,
fieldset#edit-field-type-de-public-target-id--wrapper legend,
fieldset#edit-field-type-article-value--wrapper legend,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend,
fieldset#edit-field-type-de-document-target-id--wrapper legend,
fieldset#edit-field-type-de-rdv-target-id--wrapper legend,
fieldset#edit-field-type-evenements-target-id--wrapper legend,
fieldset#edit-field-milieux-target-id--wrapper legend {
  background: #0083cb;
  border: 2px solid #0083CB;
  color: #FFF;
  font-size: 13px;
  padding: 10px;
  font-weight: 600;
  margin-bottom: 0px;
  /*line-height: 15px;*/
  text-transform: uppercase;
  padding-top: 15px;
  /*display: flex;*/
  /*align-items: center;*/
  cursor: pointer;
  position: relative;
  padding-right: 30px;
}

#views-exposed-form-documentation-page-2 fieldset#edit-field-type-de-document-target-id--wrapper legend,
#views-exposed-form-documentation-page-2 fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend,
#views-exposed-form-documentation-page-2 fieldset#edit-field-milieux-target-id--wrapper legend,
#views-exposed-form-documentation-page-2 fieldset#edit-field-type-de-public-target-id--wrapper legend {
	border: 2px solid #475fa6;
	background: #475fa6;
}

.filters-actus-life-artisan fieldset#edit-field-thematique-target-id--wrapper legend,
.filters-actus-life-artisan fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend {
  border: 2px solid #81b43c;
  background: #81b43c;
}
.view-les-rendez-vous-biodiversite-entreprises-2020-agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend {
  background: #003365;
  border: 2px solid #003365;
}
.path-presse fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend,
.path-presse fieldset#edit-field-thematique-target-id--wrapper legend {
  background: #8D7C41;
  border: 2px solid #8D7C41;
}
.path-documentation fieldset#edit-field-type-de-document-target-id--wrapper legend,
.path-documentation fieldset#edit-field-thematique-target-id--wrapper legend,
.path-documentation fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend{
  background: #63BF7C;
  border: 2px solid #63BF7C;
}
.path-chiffres-cles fieldset#edit-field-thematique-target-id--wrapper legend{
  background: #cb9f71;
  border: 2px solid #cb9f71;
}


fieldset#edit-field-thematique-target-id--wrapper legend span.fieldset-legend,
fieldset#edit-field-type-de-public-target-id--wrapper legend span.fieldset-legend,
fieldset#edit-field-type-article-value--wrapper legend span.fieldset-legend,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend span.fieldset-legend,
fieldset#edit-field-type-de-document-target-id--wrapper legend span.fieldset-legend,
fieldset#edit-field-type-de-rdv-target-id--wrapper legend span.fieldset-legend,
fieldset#edit-field-type-evenements-target-id--wrapper legend span.fieldset-legend,
fieldset#edit-field-milieux-target-id--wrapper legend span.fieldset-legend {
  flex: 1 ;
}

fieldset#edit-field-thematique-target-id--wrapper legend:after,
fieldset#edit-field-type-de-public-target-id--wrapper legend:after,
fieldset#edit-field-type-article-value--wrapper legend:after,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend:after,
fieldset#edit-field-type-de-document-target-id--wrapper legend:after,
fieldset#edit-field-type-de-rdv-target-id--wrapper legend:after,
fieldset#edit-field-type-evenements-target-id--wrapper legend:after,
fieldset#edit-field-milieux-target-id--wrapper legend:after {
  content: '-';
  display: block;
  /*background-color: red;*/
  height: 20px;
  font-size: 19px;
  font-weight: 100;
  /*display: flex;
  align-items: center;
  justify-content: flex-end;*/
  position: absolute;
  right: 10px;
  top: 10px;

}

fieldset#edit-field-thematique-target-id--wrapper.closeFilter legend:after,
fieldset#edit-field-type-de-public-target-id--wrapper.closeFilter legend:after,
fieldset#edit-field-type-article-value--wrapper.closeFilter legend:after,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper.closeFilter legend:after,
fieldset#edit-field-type-de-document-target-id--wrapper.closeFilter legend:after,
fieldset#edit-field-type-de-rdv-target-id--wrapper.closeFilter legend:after,
fieldset#edit-field-type-evenements-target-id--wrapper.closeFilter legend:after,
fieldset#edit-field-milieux-target-id--wrapper.closeFilter legend:after   {
  content: '+';
}

fieldset#edit-field-thematique-target-id--wrapper legend + .fieldset-wrapper,
fieldset#edit-field-type-de-public-target-id--wrapper legend + .fieldset-wrapper,
fieldset#edit-field-type-article-value--wrapper legend + .fieldset-wrapper,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper,
fieldset#edit-field-type-de-document-target-id--wrapper legend + .fieldset-wrapper,
fieldset#edit-field-type-de-rdv-target-id--wrapper legend  + .fieldset-wrapper,
fieldset#edit-field-type-evenements-target-id--wrapper legend  + .fieldset-wrapper,
fieldset#edit-field-milieux-target-id--wrapper legend  + .fieldset-wrapper {
  border: 2px solid #0083CB;
  background: #FFF;
  padding: 10px;
}

#views-exposed-form-documentation-page-2 fieldset#edit-field-type-de-public-target-id--wrapper legend + .fieldset-wrapper,
#views-exposed-form-documentation-page-2 fieldset#edit-field-type-de-document-target-id--wrapper legend + .fieldset-wrapper,
#views-exposed-form-documentation-page-2 fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper,
#views-exposed-form-documentation-page-2 fieldset#edit-field-milieux-target-id--wrapper legend  + .fieldset-wrapper {
	border: 2px solid #475fa6;
}

.filters-actus-life-artisan fieldset#edit-field-thematique-target-id--wrapper legend + .fieldset-wrapper,
.filters-actus-life-artisan fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper {
  border: 2px solid #81b43c;
}
.view-les-rendez-vous-biodiversite-entreprises-2020-agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper {
  border: 2px solid #003365;
}
.path-presse fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper,
.path-presse fieldset#edit-field-thematique-target-id--wrapper legend + .fieldset-wrapper {
  border: 2px solid #8D7C41;
}

.path-documentation fieldset#edit-field-type-de-document-target-id--wrapper legend + .fieldset-wrapper,
.path-documentation fieldset#edit-field-thematique-target-id--wrapper legend + .fieldset-wrapper,
.path-documentation fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper{
  border: 2px solid #63BF7C;
}
.path-chiffres-cles fieldset#edit-field-thematique-target-id--wrapper legend + .fieldset-wrapper{
  border: 2px solid #cb9f71;
}


fieldset#edit-field-thematique-target-id--wrapper legend + .fieldset-wrapper #edit-field-thematique-target-id--wrapper,
fieldset#edit-field-type-de-public-target-id--wrapper legend + .fieldset-wrapper #edit-field-type-de-public-target-id--wrapper,
fieldset#edit-field-type-article-value--wrapper legend + .fieldset-wrapper #edit-field-type-article-value--wrapper,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper #edit-field-zone-geographique-associee-target-id--wrapper,
fieldset#edit-field-type-de-document-target-id--wrapper legend + .fieldset-wrapper #edit-field-type-de-document-target-id--wrapper,
fieldset#edit-field-milieux-target-id--wrapper legend + .fieldset-wrapper #edit-field-milieux-target-id--wrapper {
  display: flex;
  flex-direction: column;
}

/*Filter title checkbox to hide*/
.path-actualites .view-filters #edit-field-thematique-target-id .form-item-field-thematique-target-id-all,
.path-actualites .view-filters #edit-field-zone-geographique-associee-target-id .form-item-field-zone-geographique-associee-target-id-all,
.path-presse .view-filters #edit-field-zone-geographique-associee-target-id .form-item-field-zone-geographique-associee-target-id-all{
  display: none;
}

/* CHECKBOX TO CUSTOMIZE STYLE */
fieldset#edit-field-thematique-target-id--wrapper label,
fieldset#edit-field-type-article-value--wrapper label,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper label,
fieldset#edit-field-type-de-public-target-id--wrapper label,
fieldset#edit-field-type-de-document-target-id--wrapper label,
fieldset#edit-field-type-de-rdv-target-id--wrapper label,
#views-exposed-form-actualites-page-1 fieldset label,
#views-exposed-form-actualites-page-2 fieldset label,
#views-exposed-form-actualites-page-3 fieldset label,
fieldset#edit-field-type-evenements-target-id--wrapper label,
fieldset#edit-field-milieux-target-id--wrapper label {
  display: flex;
  align-items: flex-start;
  padding: 10px 0px;
}

fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox],
fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox],
fieldset#edit-field-type-article-value--wrapper label input[type=checkbox],
fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox],
fieldset#edit-field-type-de-document-target-id--wrapper label input[type=checkbox],
fieldset#edit-field-type-de-rdv-target-id--wrapper label input[type=checkbox],
#views-exposed-form-actualites-page-1 fieldset label input[type=checkbox],
#views-exposed-form-actualites-page-2 fieldset label input[type=checkbox],
#views-exposed-form-actualites-page-3 fieldset label input[type=checkbox],
fieldset#edit-field-type-evenements-target-id--wrapper label input[type=checkbox],
fieldset#edit-field-milieux-target-id--wrapper label input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  outline: none;

  flex: none;
  position: relative;
  cursor: pointer;
  width: 15px;
  height: 15px;
  border: 1px solid black;
  border-radius: 2px;
  margin: 0px;
  margin-right: 4px;
  margin-top: 2px;
}

fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked,
fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked,
fieldset#edit-field-type-article-value--wrapper label input[type=checkbox]:checked,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked,
fieldset#edit-field-type-de-document-target-id--wrapper label input[type=checkbox]:checked,
#views-exposed-form-actualites-page-1 fieldset label input[type=checkbox]:checked,
#views-exposed-form-actualites-page-3 fieldset label input[type=checkbox]:checked,
fieldset#edit-field-milieux-target-id--wrapper label input[type=checkbox]:checked {
  border: 1px solid #0083CB;
  background-color: #0083CB;
}

.filters-actus-life-artisan fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked,
.filters-actus-life-artisan fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked {
  border: 1px solid #81b43c;
  background-color: #81b43c;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-de-rdv-target-id--wrapper label input[type=checkbox]:checked,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked {
  background: #003365;
  border: 1px solid #003365;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked,
.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked,
.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-evenements-target-id--wrapper label input[type=checkbox]:checked {
  background: #63502d;
  border: 1px solid #63502d;
}

.view-agenda fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked,
.view-agenda fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked,
.view-agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked {
  background: #ed6953;
  border: 1px solid #ed6953;
}

#views-exposed-form-actualites-page-2 fieldset label input[type=checkbox]:checked{
  border: 1px solid #8D7C41;
  background-color: #8D7C41;
}

.view-documentation fieldset#edit-field-type-de-document-target-id--wrapper label input[type=checkbox]:checked,
.view-documentation fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked,
.view-documentation fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked{
  border: 1px solid #63BF7C;
  background-color: #63BF7C; 
}

#views-exposed-form-documentation-page-2 fieldset#edit-field-type-de-document-target-id--wrapper label input[type=checkbox]:checked,
#views-exposed-form-documentation-page-2 fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked,
#views-exposed-form-documentation-page-2 fieldset#edit-field-milieux-target-id--wrapper label input[type=checkbox]:checked,
#views-exposed-form-documentation-page-2 fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked{
  border: 1px solid #475fa6;
  background-color: #475fa6; 
}

.view-chiffres-cles fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked{
  border: 1px solid #cb9f71;
  background-color: #cb9f71; 
}


fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked + span,
fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked + span,
fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked + span,
fieldset#edit-field-type-de-document-target-id--wrapper label input[type=checkbox]:checked + span,
#views-exposed-form-actualites-page-1 fieldset label input[type=checkbox]:checked + span,
fieldset#edit-field-milieux-target-id--wrapper label input[type=checkbox]:checked + span {
  color: #0083CB;
  font-weight: bold;
}

.filters-actus-life-artisan fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked + span,
.filters-actus-life-artisan fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked + span {
  color: #81b43c;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-de-rdv-target-id--wrapper label input[type=checkbox]:checked + span,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked + span,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked + span,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-evenements-target-id--wrapper label input[type=checkbox]:checked + span {
  color: #003365;
  font-weight: bold;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked + span,
.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked + span,
.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda fieldset#edit-field-type-evenements-target-id--wrapper label input[type=checkbox]:checked + span {
  color: #63502d;
}

.view-ete-biodiversite-evenements fieldset#edit-field-type-de-rdv-target-id--wrapper label input[type=checkbox]:checked + span,
.view-ete-biodiversite-evenements fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked + span,
.view-ete-biodiversite-evenements fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked + span {
  color: #04a64b;
  font-weight: bold;
}

.view-agenda fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked + span,
.view-agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked + span,
.view-agenda fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked + span {
  color: #ed6953;
  font-weight: bold;
}

.view-ete-biodiversite-evenements fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked,
.view-ete-biodiversite-evenements fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked,
.view-ete-biodiversite-evenements fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked {
  background: #04a64b;
  border: 1px solid #04a64b;
}

#views-exposed-form-actualites-page-2 fieldset label input[type=checkbox]:checked + span{
  color: #8D7C41;
  font-weight: bold;
}

.view-documentation fieldset#edit-field-type-de-document-target-id--wrapper label input[type=checkbox]:checked + span,
.view-documentation fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked + span,
.view-documentation fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked + span{
  color: #63BF7C;
  font-weight: bold;
}

#views-exposed-form-documentation-page-2 fieldset#edit-field-type-de-document-target-id--wrapper label input[type=checkbox]:checked + span,
#views-exposed-form-documentation-page-2 fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked + span,
#views-exposed-form-documentation-page-2 fieldset#edit-field-zone-geographique-associee-target-id--wrapper label input[type=checkbox]:checked + span,
#views-exposed-form-documentation-page-2 fieldset#edit-field-milieux-target-id--wrapper label input[type=checkbox]:checked + span,
#views-exposed-form-documentation-page-2 fieldset#edit-field-type-de-public-target-id--wrapper label input[type=checkbox]:checked + span {
  color: #475fa6;
  font-weight: bold;
}


.view-chiffres-cles fieldset#edit-field-thematique-target-id--wrapper label input[type=checkbox]:checked + span{
  color: #cb9f71;
  font-weight: bold;
}


.path-actualites .reset-filters,
.path-presse .reset-filters,
.path-documentation .reset-filters,
.path-chiffres-cles .reset-filters,
.filters-actus-life-artisan .reset-filters,
.filters-agenda-life-artisan .reset-filters,
.view-id-documentation.view-display-id-page_2 .reset-filters {
  margin: auto;
  border: 2px solid #0083CB;
  padding: 5px 10px;
  border-radius: 40px;
  display: table;
  /* text-align: center; */
  align-items: center;
  color: #0083CB;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 60px;
  text-align: center;
  text-transform: uppercase;
}
.filters-agenda-life-artisan .reset-filters {
  border: 2px solid #63502d;
  color: #63502d;
}
.filters-actus-life-artisan .reset-filters {
  border: 2px solid #81b43c;
  color: #81b43c;
}
.path-actualites .reset-filters:hover,
.filters-actus-life-artisan .reset-filters:hover,
.filters-agenda-life-artisan .reset-filters:hover,
.view-id-documentation.view-display-id-page_2 .reset-filters:hover {
  background: #0083CB;
  color: #FFF;
}

.filters-actus-life-artisan .reset-filters:hover {
  background: #81b43c;
}

.filters-agenda-life-artisan .reset-filters:hover {
  background: #63502d;
}

.path-presse .reset-filters{
  border: 2px solid #8d7c41;
  color: #8d7c41;
}
.path-presse .reset-filters:hover{
  background: #8d7c41;
  color: #FFF;
}

.path-documentation .reset-filters{
  border: 2px solid #62bf7c;
  color: #62bf7c;
}
.path-documentation .reset-filters:hover{
  background: #62bf7c;
  color: #FFF;
}

.view-id-documentation.view-display-id-page_2 .reset-filters{
  border: 2px solid #475fa6;
  color: #475fa6;
}
.view-id-documentation.view-display-id-page_2 .reset-filters:hover{
  background: #475fa6;
  color: #FFF;
}

.path-chiffres-cles .reset-filters{
  border: 2px solid #cb9f71;
  color: #cb9f71;
}
.path-chiffres-cles .reset-filters:hover{
  background: #cb9f71;
  color: #FFF;
}

/**/
/*PAGE PRESSE*/
/*#8D7C41*/

#press-bloc-contact,
#press-bloc-info,
#press-bloc-links{
  margin-bottom: 20px;
  font-size: 13px;
}

#press-bloc-contact{
  border: 2px solid #535353;
  padding: 20px;
}
#press-bloc-contact h4{
  margin-top: 0px;r
}

#press-bloc-info{
}

#press-bloc-links{
}

#press-bloc-links a {
  color: #000000;
}

/*BANDEAU TWITTER ON PAGE PRESSE*/

#ban-twitter{
  background: #1d3c6e;
  border-radius: 5px;
  /*padding: 30px;*/
  padding: 10px;
  margin: 30px 0px;
  display: flex;
  /*display: block;*/
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;

  text-align: center;
  flex-direction: column;
}

#ban-twitter:before{
  content: '';
  display: block;
  background: url(../img/svg/twitter.svg) center center no-repeat;
  width: 250px;
  height: 250px;
  background-size: contain;
  position: absolute;
  z-index: 2;
  right: 0px;
  top: 10px;
  opacity: 0.2;
  transform: rotateZ(-15deg);
}

#ban-twitter #title-join-us{
  font-family: 'Nunito Sans';
  font-weight: 200;
  font-size: 25px;
  letter-spacing: 1px;
  color: #FFF;
 /* margin: 0px 30px;*/
  margin: 0px 10px;
  display: flex;
  align-items: center;
  
  justify-content: center;
  margin-bottom: 10px;
}



#ban-twitter a.btn-twitter{
  z-index: 3;
  text-decoration: none;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 50px;
  padding: 5px 10px;
  text-transform: uppercase;
  font-family: 'Nunito Sans';
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
  margin: 0px 5px;

  width: 100%;
  margin-bottom: 10px;
}

#ban-twitter a.btn-twitter:hover{
  background: #FFF;
  color: #1d3c6e;
}




/******//******//******//******//******/
.path-actualites .view-filters,
.path-presse .view-filters {
 /* padding: 20px;
  margin-bottom: 30px;
  background-color: #fff;*/
/*  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
}

.path-actualites .view-filters .btn-info,
.path-presse .view-filters .btn-info {
  /*color: #fff;
  background-color: #0088a5;
  border-color: #0088a5;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;*/
}

.path-actualites .view-filters .btn-info:hover,
.path-presse .view-filters .btn-info:hover {
  /*background-color: #464e5a;
  border-color: #464e5a;*/
}
/******//******//******//******//******/






/*PAGE*/
/*********************************************************/
/** CONTENU PAGE TYPE "ACTUALITES" + PAGE "PRESSE" **/
/*********************************************************/
.page-article-custom{
  display: flex;
  flex-wrap: wrap;
  margin: 50px auto;

  padding: 0px;
}

.page-article-custom > .region-content{
  padding: 0px;
}


.page-node-type-article .addtoany{
  padding: 0px;
}


.page-node-type-article .content_page{
  /*padding-right: 60px;*/
}

#block-retourauxactualites {
  margin-left: 1.333333%;
}

#block-retourauxevenementsagenda {
  margin-top: 10px;
  margin-left: 3.333333%;
}

.page-node-type-article #block-retourauxactualites .field--name-body a,
.page-node-type-evenement #block-retourauxevenementsagenda .field--name-body a,
.page-node-type-rdv-biodiversite-entreprises #block-retourauxrendezvousbiodiversiteentreprises2020 .field--name-body a,
.page-node-type-campagne-ete #block-retourauxrendezvousletedelabiodiversite .field--name-body a,
.page-node-type-actualite-life-artisan #block-retourauxactualiteslifeartisan .field--name-body a,
.page-node-type-agenda-life-artisan #block-retourauxevenementslifeartisan .field--name-body a,
.page-node-type-evenement-cmn #block-retouraucongresmondialdelanature .field--name-body a,
.page-node-type-evenement-upb #block-retouraluniversitepopulairedelabiodiversite .field--name-body a {
  text-decoration: none;
 }

.page-node-type-article #block-retourauxactualites .field--name-body .btn-primary,
.page-node-type-evenement #block-retourauxevenementsagenda .field--name-body .btn-primary,
.page-node-type-rdv-biodiversite-entreprises #block-retourauxrendezvousbiodiversiteentreprises2020 .field--name-body .btn-primary,
.page-node-type-campagne-ete #block-retourauxrendezvousletedelabiodiversite .field--name-body .btn-primary,
.path-agenda-biodiversite-entreprises #block-boutonspageevenementsencoursrdvbiodiv .btn-primary,
.page-node-type-actualite-life-artisan #block-retourauxactualiteslifeartisan .field--name-body .btn-primary,
.page-node-type-agenda-life-artisan #block-retourauxevenementslifeartisan .field--name-body .btn-primary,
.page-node-type-evenement-cmn #block-retouraucongresmondialdelanature .field--name-body .btn-primary,
.page-node-type-evenement-upb #block-retouraluniversitepopulairedelabiodiversite .field--name-body .btn-primary   {
  border: 1px solid #0083CB;
  background-color: transparent;
  color: #0083CB;
  border-radius: 30px;
  font-weight: 800;
  /*font-size: 12px;*/
  font-size: 14px;
  letter-spacing: .5px;
  padding: 10px 30px;
  text-shadow: none;
  box-shadow: none;
  outline: none;

  margin: auto;
  display: block;
}

.page-node-type-evenement-cmn #block-retouraucongresmondialdelanature .field--name-body .btn-primary {
  border: 1px solid #ef761f;
  color: #ef761f;
}

.page-node-type-evenement-upb #block-retouraluniversitepopulairedelabiodiversite .field--name-body .btn-primary  {
  border: 1px solid #0d80be;
  color: #0d80be;
}

.page-node-type-agenda-life-artisan #block-retourauxevenementslifeartisan .field--name-body .btn-primary {
  border: 1px solid #63502d;
  color: #63502d;
}

.page-node-type-actualite-life-artisan #block-retourauxactualiteslifeartisan .field--name-body .btn-primary {
  border: 1px solid #81b43c;
  color: #81b43c;
}

.page-node-type-article #block-retourauxactualites .field--name-body .btn-primary:hover,
.page-node-type-actualite-life-artisan #block-retourauxactualiteslifeartisan .field--name-body .btn-primary:hover,
.page-node-type-agenda-life-artisan #block-retourauxevenementslifeartisan .field--name-body .btn-primary:hover,
.page-node-type-evenement-cmn #block-retouraucongresmondialdelanature .field--name-body .btn-primary:hover,
.page-node-type-evenement-upb #block-retouraluniversitepopulairedelabiodiversite .field--name-body .btn-primary:hover {
  color: #FFFFFF;
  background-color: #0083CB;
}

.page-node-type-evenement-cmn #block-retouraucongresmondialdelanature .field--name-body .btn-primary:hover {
	background-color: #ef761f;
}

.page-node-type-evenement-upb #block-retouraluniversitepopulairedelabiodiversite .field--name-body .btn-primary:hover  {
  background-color: #0d80be;
}

.page-node-type-agenda-life-artisan #block-retourauxevenementslifeartisan .field--name-body .btn-primary:hover {
  background-color: #63502d;
}

.page-node-type-actualite-life-artisan #block-retourauxactualiteslifeartisan .field--name-body .btn-primary:hover {
  background-color: #81b43c;
}

.page-node-type-article.presse #block-retourauxactualites .field--name-body .btn-primary{
  border: 1px solid #8D7C41;
  color: #8D7C41;
}
.page-node-type-article.presse #block-retourauxactualites .field--name-body .btn-primary:hover{
  color: #FFFFFF;
  background-color: #8D7C41;
}

.page-node-type-evenement #block-retourauxevenementsagenda .field--name-body .btn-primary {
  border: 1px solid #ed6a53;
  color: #ed6a53;
}
.page-node-type-evenement #block-retourauxevenementsagenda .field--name-body .btn-primary:hover {
  color: #FFFFFF;
  background-color: #ed6a53;
}

.page-node-type-rdv-biodiversite-entreprises #block-retourauxrendezvousbiodiversiteentreprises2020 .field--name-body .btn-primary,
.path-agenda-biodiversite-entreprises #block-boutonspageevenementsencoursrdvbiodiv .btn-primary {
  border: 1px solid #003365;
  color: #003365;
  white-space: pre-wrap;
  margin-top: 10px;
  display: inline-block;
  margin-right: 10px;
}
.page-node-type-rdv-biodiversite-entreprises #block-retourauxrendezvousbiodiversiteentreprises2020 .field--name-body .btn-primary:hover,
.path-agenda-biodiversite-entreprises #block-boutonspageevenementsencoursrdvbiodiv .btn-primary:hover,
.path-agenda-biodiversite-entreprises #block-boutonspageevenementsencoursrdvbiodiv a .active {
  color: #FFFFFF;
  background-color: #003365;
}

.page-node-type-campagne-ete #block-retourauxrendezvousletedelabiodiversite .field--name-body .btn-primary {
  border: 1px solid #04a64b;
  color: #04a64b;
  white-space: pre-wrap;
  margin-top: 10px;
  display: inline-block;
}
.page-node-type-campagne-ete #block-retourauxrendezvousletedelabiodiversite .field--name-body .btn-primary:hover {
  color: #FFFFFF;
  background-color: #04a64b;
}

/*.page-article-custom{}*/
/* SIDEBAR / COLONNE DROITE*/
.page-article-custom aside{
  padding: 0px;
  border-left:  1px solid #40acdc;
  border: none;
}
.page-node-type-article.presse .page-article-custom aside{
  border-left:  1px solid #8D7C41;
  border: none;
}

.page-node-type-article #block-contenufield > .block-title,
.page-node-type-actualite-life-artisan #block-contenufield-4 > .block-title {
  color: #0083CB;
  /*font-size: 14px;*/
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  text-indent: 10px;
}

.page-node-type-actualite-life-artisan #block-contenufield-4 > .block-title {
  color: #81b43c;
}

.page-node-type-article.presse #block-contenufield > .block-title {
  color: #8D7C41;
}

.page-article-custom aside {
  position: relative;

  margin: 15px;
}

.page-article-custom aside::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 25px;
  background-color: #0083CB;
}

.page-node-type-actualite-life-artisan .page-article-custom aside::before {
  background-color: #81b43c;
}

.page-node-type-article.presse aside::before {
  background-color: #8D7C41;
}

.page-article-custom  #block-contenufield .field--name-field-autres-articles-conseilles > .field--item,
.page-article-custom  #block-contenufield-4 .field--name-field-autres-articles-conseilles > .field--item {
  margin-bottom: 20px;
}

.page-article-custom #block-contenufield,
.page-article-custom #block-contenufield-4 {
  padding: 0;
}

.page-article-custom #block-contenufield .node--view-mode-vignette-autres-articles-conseilles .field--name-node-title,
.page-article-custom #block-contenufield-4 .node--view-mode-vignette-autres-articles-conseilles .field--name-node-title {
  margin-top: 0;
}

.page-article-custom #block-contenufield .node--view-mode-vignette-autres-articles-conseilles .field--name-node-title h1,
.page-article-custom #block-contenufield-4 .node--view-mode-vignette-autres-articles-conseilles .field--name-node-title h1 {
  font-weight: 300;
  color: black;
  line-height: initial;
  margin-top: 0;
  font-size: 16px;
}

.page-article-custom #block-contenufield .node--view-mode-vignette-autres-articles-conseilles .field--name-field-zone-geographique-associee .field--item,
.page-article-custom #block-contenufield-4 .node--view-mode-vignette-autres-articles-conseilles .field--name-field-zone-geographique-associee .field--item {
  padding-left: 0;
}

.page-article-custom #block-contenufield .node--view-mode-vignette-autres-articles-conseilles .field-group,
.page-article-custom #block-contenufield-4 .node--view-mode-vignette-autres-articles-conseilles .field-group {
  border: 2px solid #f6f6f6;
  padding: 5px 10px 0;
  border-top: 0;
  border-radius: 3px;
}

.page-article-custom #block-contenufield .node--view-mode-vignette-autres-articles-conseilles .field-group .field--name-field-thematique,
.page-article-custom #block-contenufield-4 .node--view-mode-vignette-autres-articles-conseilles .field-group .field--name-field-thematique {
  margin-bottom: 5px;
}

.page-article-custom #block-contenufield .node--view-mode-vignette-autres-articles-conseilles h1 a,
.page-article-custom #block-contenufield-4 .node--view-mode-vignette-autres-articles-conseilles h1 a {
  color: black;
}

.page-article-custom aside .region-sidebar-second #block-autresarticlesconseilles h2.block-title{
  margin-top: 0px;
  font-size: 17px;
  font-weight: 600;
  color: #0083CB;
  padding: 10px 0px;
  position: relative;

  border-bottom: 1px solid #40acdc;
}
.page-article-custom aside .region-sidebar-second #block-autresarticlesconseilles h2.block-title{
  color: #8D7C41;
  border-bottom: 1px solid #8D7C41;
}

.page-node-type-article.presse .page-article-custom aside .region-sidebar-second #block-autresarticlesconseilles h2.block-title{
  color: #8D7C41;
  border-bottom: 1px solid #8D7C41;
}

.page-article-custom aside .region-sidebar-second #block-autresarticlesconseilles h2.block-title:before{
  content: '';
  position: absolute;
  background-color: #40acdc;

  /*top: 0px;
  left: -30px;
  width: 3px;
  height: 100%;*/
  
  bottom: 0px;
  left: 0px;
  width: auto;
  height: 2px;
  width: 200px;
}
.page-node-type-article.presse .page-article-custom aside .region-sidebar-second #block-autresarticlesconseilles h2.block-title:before{
  background-color: #8D7C41;
}





.content_page {
  /*background-color: #fff;*/
  /*-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1); */
  /*padding-bottom: 20px;
  width: 95%;
  margin-left: 35px;*/
}


/*Cartouche type actu*/
.page-node-type-article .div-contener-flex,
.page-node-type-actualite-life-artisan .div-contener-flex {
  display: flex;
  align-items: flex-start;
}

.page-node-type-article .field--name-field-type-article,
.page-node-type-actualite-life-artisan .field--name-field-type-article {
  background: #0083CB;
  border-radius: 2px;
  font-family: 'Nunito Sans';
  font-weight: 700;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 18px;
  display: inline-block;
  padding: 5px 10px;
  text-transform: uppercase;
  margin-right: 5px;
}
.page-node-type-article .field--name-field-type-article .field--item:nth-child(2) {
  display: none;
}
.page-node-type-actualite-life-artisan .field--name-field-type-article.actu, .page-node-type-article .field--name-field-type-article.actu {background: #0083CB;}
.page-node-type-article .field--name-field-type-article.press{background: #8D7C41;}

.page-node-type-actualite-life-artisan .field--name-field-type-article.actu {
	background: #81b43c;
}

/*Tag "régions"*/
.page-node-type-article .field--name-field-zone-geographique-associee,
.page-node-type-actualite-life-artisan .field--name-field-zone-geographique-associee {
  display: flex;
  flex-wrap: wrap;
}
.page-node-type-article .field--name-field-zone-geographique-associee .field--item,
.page-node-type-actualite-life-artisan .field--name-field-zone-geographique-associee .field--item {
  padding: 5px ;
  line-height: 18px;
  color: #0083CB;
  font-weight: 600;
}
.page-node-type-actualite-life-artisan .field--name-field-zone-geographique-associee .field--item {
  color: #81b43c;
}
.page-node-type-article .field--name-field-zone-geographique-associee .field--item a,
.page-node-type-actualite-life-artisan .field--name-field-zone-geographique-associee .field--item a {
  font-family: 'Nunito Sans';
  font-size: 15px;
  color: #0083CB;

  text-decoration: none;
}

.page-node-type-article.presse .field--name-field-zone-geographique-associee .field--item,
.page-node-type-article.presse .field--name-field-zone-geographique-associee .field--item a{
  color: #8D7C41;
}


.page-node-type-article .div-extras{
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end;
}

.page-node-type-article .div-extras .field--name-field-vignette-logo{
  display: inline-flex;
}

.page-node-type-page-liste .field--name-field-vignette-logo {
  display: flex;
  margin-top: 20px;
}

.page-node-type-article .div-extras .field--name-field-vignette-logo .field--item {
  margin-right: 10px;
  margin-top: auto;
  margin-bottom: auto;
}

.page-node-type-page-liste .field--name-field-vignette-logo .field--item {
  margin-left: auto;
  margin-right: auto;
}

.page-node-type-article .div-extras .field--name-field-vignette-logo img{
  max-width: 80px;
  height: auto;
}






/*Etiquette thémtique actu*/
.page-node-type-article .field--name-field-thematique,
.page-node-type-actualite-life-artisan .field--name-field-thematique {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.page-node-type-article .field--name-field-thematique .field--item,
.page-node-type-actualite-life-artisan .field--name-field-thematique .field--item {
  padding: 2px 5px;
  border: 1px solid #38a9db;
  color: #38a9db;
  margin: 0px 5px 5px 0px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
}
.page-node-type-actualite-life-artisan .field--name-field-thematique .field--item {
  border: 1px solid #81b43c;
  color: #81b43c;
}
.page-node-type-article.presse .field--name-field-thematique .field--item{
  border: 1px solid #8D7C41;
  color: #8D7C41;
}


/*Etiquette thémtique actu*/
.page-node-type-article .field--name-node-post-date,
.page-node-type-actualite-life-artisan .field--name-node-post-date {
  font-family: 'Nunito Sans';
  font-weight: 400;
  font-size: 12px;
  color: #909090;
  margin-bottom: 5px;
}



/*.page-node-type-article .node--type-article,*/
.page-node-type-page .node--type-page {
  /*background-color: #fff;*/
  /*margin: 0 66px;*/
  /*box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
  /*padding-top: 1px;*/
}








.content_page .paragraph {
  /*margin-top: 15px;*/
  /*margin-bottom: 15px;*/
  /*margin-top: 0px;*/
  /*margin-bottom: 15px;*/
}

.content_page .paragraph .field--type-image .field--item {
  margin-bottom: 5px;
}

.page-node-type-article .node--type-article .field--name-node-title h1,
.page-node-type-page .node--type-page .field--name-node-title h1,
.node--type-evenement .field--name-node-title h1,
.page-node-type-page-liste .field--name-node-title h1,
.page-node-type-action-phare .field--name-node-title h1,
.page-node-type-enjeu-du-territoire .field--name-node-title h1,
.page-node-type-rdv-biodiversite-entreprises .field--name-node-title h1,
.page-node-type-campagne-ete .field--name-node-title h1,
.page-node-type-actualite-life-artisan .node--type-actualite-life-artisan .field--name-node-title h1,
.page-node-type-agenda-life-artisan .node--type-agenda-life-artisan .field--name-node-title h1,
.page-node-type-evenement-cmn .node--type-evenement-cmn .field--name-node-title h1,
.page-node-type-evenement-upb .node--type-evenement-upb .field--name-node-title h1,
.page-node-type-fiche-pratique .node--type-fiche-pratique .field--name-node-title h1,
.page-node-type-document .content_page .field--name-node-title h1,
.page-node-type-document-life-artisan .content_page .field--name-node-title h1 {
  font-family: 'Nunito Sans';
  font-weight: 800;
  font-size: 40px;
  color: #000000;
  /*color: #535353;*/
  letter-spacing: 0.15px;
  line-height: 55px;
}

.page-node-type-page .node--type-page .field--name-node-title h1,{

}

.page-node-type-article .node--type-article .field--name-node-title,
.page-node-type-page .node--type-page .field--name-node-title,
.node--type-evenement .field--name-node-title,
.page-node-type-page-liste .field--name-node-title,
.page-node-type-actualite-life-artisan .node--type-actualite-life-artisan .field--name-node-title,
.page-node-type-agenda-life-artisan .node--type-agenda-life-artisan .field--name-node-title,
.page-node-type-fiche-pratique .node--type-fiche-pratique .field--name-node-title {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: 'Nunito Sans';
}

/*
.content_page .field--name-node-title h2 {
  color: #fff;
  font-family: "Nunito Sans";
  font-size: 30px;
  background: #96c11f;
  padding: 15px;
  font-weight: 600;
} */



/*Pour paragraphe classique page type ACTU + PRESSE*/
.content_page p,
.page-node-type-territoire p {
  font-size: 16px;
  font-family: "Nunito Sans";
  line-height: 24px;
  font-weight: 400; 
}

.content_page p.bloc_couleur,
.page-node-type-territoire p.bloc_couleur {
  color: #fff;
  font-weight: 800;
  font-size: 22px;
}

.page-node-type-territoire p.chapo {
  font-size: 18px;
  font-family: "Nunito Sans";
  line-height: 24px;
  font-weight: 600;
}

.page-node-type-document p.chapo {
  font-size: 18px !important;
  font-family: "Nunito Sans" !important;
  line-height: 24px !important;
  font-weight: 600 !important;
}

.content_page p.chapo{
  font-size: 18px;
  font-family: "Nunito Sans";
  line-height: 24px;
  font-weight: 600;
}

.content_page h2{
  font-family: "Nunito Sans";
  /*font-size: 22px;*/
  font-weight: 300;
  margin-top: 20px;
}

.content_page h3,
.page-node-type-territoire h3 {
  color: #003365;
  font-family: "Nunito Sans";
  font-size: 26px;
  font-weight: 800;
  margin-top: 20px;
  margin-bottom: 10px;
}

.content_page h4,
.page-node-type-territoire h4 {
  color: #03a64b;
  font-family: "Nunito Sans";
  font-size: 22px;
  font-weight: 600;
  margin-top: 20px;
}

.content_page h5,
.page-node-type-territoire h5 {
  color: black;
  font-family: "Nunito Sans";
  font-size: 20px;
  font-weight: 600;
  margin-top: 20px;
}

.content_page ul,
.page-node-type-territoire ul {
  padding-left: 40px;
  font-size: 16px;
  font-family: "Nunito Sans";
  line-height: 24px;
  font-weight: 400; 
}

.content_page li {
  /*list-style: none;*/
  font-size: 16px;
  font-family: "Nunito Sans";
  line-height: 24px;
  font-weight: 400;

  /*list-style: circle;*/
  list-style: disc;
  list-style-position: inside;
}

.content_page li li:before,
.content_page li:before {
  /*content: '\f054';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #003365;
  font-size: 10px;
  line-height: inherit;*/
}

.content_page li li:before {
  /*content: '\f10c';*/
  /*color: #96c11f;*/
}

.content_page a {
  color: #0083CB;
  text-decoration: underline;
}

.content_page a:hover {
  /*color: #81bd27;*/
  color: #003365;
}

/*Button custom main style*/
a.btn-ofb{
  font-size: 14px;
  font-weight: 600;
  color: #FFFFFF;
  padding: 10px 40px;
  border: 1px solid #FFFFFF;
  border-radius: 50px;
  text-decoration: none;
  margin: 10px 0px;
  display: inline-block;
}
a.btn-ofb:hover{
  text-decoration: none;
}

/*Button custom bleu*/
a.btn-ofb.blue{
  color: #003365;
  border: 1px solid #003365;
}
a.btn-ofb.blue:hover{
  background-color: #003365;
  color: #FFFFFF;
}

/*Button custom blanc*/
a.btn-ofb.white{
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
a.btn-ofb.white:hover{
  background-color: #FFFFFF;
  color: #003365 !important;
}

/*Button custom vert*/
a.btn-ofb.green{
  color: #03a64b;
  border: 1px solid #03a64b;
}
a.btn-ofb.green:hover{
  background-color: #03a64b;
  color: #FFFFFF;
}


.content_page .paragraph .paragraph{
    margin-top: 0px;
}

.content_page .bloc_right,
.bloc_right,
.page-node-type-territoire  .bloc_right {
  background-color: #03a64b;
  padding: 15px 25px;
  color: white;
}

.content_page .bloc_left,
.bloc_left,
.page-node-type-territoire .bloc_left {
  background-color: #003365;
/*  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
  padding: 15px 25px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #FFFFFF;
}

.content_page .bloc_left .field--type-text-long a:hover,
.bloc_left .field--type-text-long a:hover{
  color: #FFFFFF;
}

.content_page .bloc_left table,
.content_page .bloc_right table,
.content_page .bloc_left ul li,
.content_page .bloc_left ul li a,
.content_page .bloc_right ul li,
.content_page .bloc_right ul li a,
.content_page .bloc_right a,
.content_page .bloc_left a,
.content_page .bloc_left p a,
.content_page .bloc_right p a,
.content_page .bloc_left p,
.content_page .bloc_right p {
  color: #fff;
}

.paragraph--type-bloc-bleu-100-de-large .bloc_left p a {
  color: #fff;
  text-decoration: underline;
}


.paragraph--type-bloc-bleu-100-de-large .bloc_left p a:hover {
  font-weight: 800;
}

.content_page .bloc_left ul li a:hover,
.content_page .bloc_right ul li a:hover,
.content_page .bloc_left p a:hover,
.content_page .bloc_right p .white:hover,
.content_page .bloc_left a:hover {
  color: #003365;
  font-weight: 800;
}

.content_page .bloc_right p a:hover {
	color: #fff;
}

.paragraph {
  margin-top: 15px;
  margin-bottom: 15px;
}

.paragraph .field--type-image .field--item {
  margin-bottom: 5px;
}

.paragraph .slider__caption {
  position: absolute;
  top: 92%;
  left: 0;
  width: 100%;
  height: 10%;
  overflow: hidden;
}

.paragraph--type--grande-image-diaporama .slide__caption,
.territoire_full .territoire-modal .paragraph--type--image-bloc-actions-phares .field--name-field-legende,
.territoire_full .territoire-modal .paragraph--type--image-bloc-actions-phares .field--name-field-legende-longue {
	background: #036;
	font-family: "Nunito Sans", sans-serif;
	font-size: 12px;
	height: auto;
	color: #fff;
	padding: 0 0.5em;
	line-height: 1.42857143;
}

.paragraph .slider__caption--background {
  background-color: #003366;
}

.paragraph .slider__caption--title {
  font-family: "Nunito Sans", sans-serif;
  font-size: 1.2em;
  height: auto;
}





/*PAGE ACTUALITE*/
.page-node-type-article .infos_actu {
  /*border-bottom: 2px solid #f3f3f3;*/
  /*float: left;*/
  /*padding-bottom: 20px;*/
  margin-bottom: 20px;
  /*width: 100%;*/
}

.page-node-type-article .field--name-field-vignette-actu img,
.page-node-type-actualite-life-artisan .field--name-field-vignette-actu img {
  /*float: left;*/
  /*margin-right: 15px;*/
  width: 100%;
}

.page-node-type-article .date_them {
  /*float: left;*/
  flex: 1 ;
  margin-right: 10px;
}


.page-node-type-article .field--name-field-thematique .field--item {
  /*float: left;*/
  /*padding-right: 2px;*/
}

.page-node-type-article .field--name-field-thematique .field--item .field--name-taxonomy-term-title:after {
  /*content: ',';*/
}

.page-node-type-article .field--name-field-thematique .field--item:after {
  /*content: ',';*/
}

.page-node-type-article .field--name-field-thematique .field--item:last-child:after {
  content: '';
}

.page-node-type-evenement aside::before,
.page-node-type-agenda-life-artisan aside::before,
.page-node-type-evenement-cmn aside::before,
.page-node-type-evenement-upb aside::before  {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 25px;
  background-color: #ed6a53;
}

.page-node-type-evenement-cmn aside::before {
  background-color: #ef761f;
}

.page-node-type-evenement-upb aside::before {
  background-color: #0d80be;
}

.page-node-type-agenda-life-artisan aside::before {
  background-color: #63502d;
}

.page-node-type-rdv-biodiversite-entreprises aside::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 25px;
  background-color: #003365;
}

.page-node-type-campagne-ete aside::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 25px;
  background-color: #04a64b;
}

.page-node-type-evenement #block-contenufield-2,
.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3,
.page-node-type-campagne-ete #block-contenufield-3,
.page-node-type-agenda-life-artisan #block-contenufield-5,
.page-node-type-evenement-cmn #block-contenufield-6,
.page-node-type-evenement-upb #block-contenufield-7 {
  padding: 0;
}

.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .type_contenu,
.page-node-type-campagne-ete #block-contenufield-3 .type_contenu {
  display: none;
}

.page-node-type-evenement #block-contenufield-2 .field--name-field-autres-articles-conseilles > .field--item,
.page-node-type-agenda-life-artisan #block-contenufield-5 .field--name-field-autres-articles-conseilles > .field--item,
.page-node-type-evenement-cmn #block-contenufield-6 .field--name-field-autres-articles-conseilles > .field--item,
.page-node-type-evenement-upb #block-contenufield-7 .field--name-field-autres-articles-conseilles > .field--item  {
  margin-bottom: 20px;
  border: 2px solid #ed6a53;
  padding: 10px;
}

.page-node-type-evenement-cmn #block-contenufield-6 .field--name-field-autres-articles-conseilles > .field--item {
  border: 2px solid #ef761f;
}

.page-node-type-evenement-upb #block-contenufield-7 .field--name-field-autres-articles-conseilles > .field--item {
  border: 2px solid #0d80be;
}

.page-node-type-agenda-life-artisan #block-contenufield-5 .field--name-field-autres-articles-conseilles > .field--item {
  border: 2px solid #63502d;
}

.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .field--name-field-autres-articles-conseilles > .field--item{
  margin-bottom: 20px;
  border: 2px solid #003365;
  padding: 10px;
}

.page-node-type-campagne-ete #block-contenufield-3 .field--name-field-autres-articles-conseilles > .field--item{
  margin-bottom: 20px;
  border: 2px solid #04a64b;
  padding: 10px;
}

.page-node-type-evenement #block-contenufield-2 > .block-title,
.page-node-type-agenda-life-artisan #block-contenufield-5 > .block-title,
.page-node-type-evenement-cmn #block-contenufield-6 > .block-title,
.page-node-type-evenement-upb #block-contenufield-7 > .block-title {
  color: #ed6a53;
  /*font-size: 14px;*/
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 20px;
  text-indent: 10px;
}

.page-node-type-evenement-cmn #block-contenufield-6 > .block-title {
  color: #ef761f;
}

.page-node-type-evenement-upb #block-contenufield-7 > .block-title {
  color: #0d80be;
}

.page-node-type-agenda-life-artisan #block-contenufield-5 > .block-title {
  color: #63502d;
}

.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 > .block-title {
  color: #003365;
  /*font-size: 14px;*/
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 20px;
  text-indent: 10px;
}

.page-node-type-campagne-ete #block-contenufield-3 > .block-title {
  color: #04a64b;
  /*font-size: 14px;*/
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 20px;
  text-indent: 10px;
}

.page-node-type-evenement #block-contenufield-2 .node--type-evenement .field--name-node-title h1,
.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .field--name-node-title h1,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-campagne-ete .field--name-node-title h1,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .field--name-node-title h1,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-evenement .field--name-node-title h1,
.page-node-type-agenda-life-artisan #block-contenufield-5 .node--type-agenda-life-artisan .field--name-node-title h1,
.page-node-type-evenement-cmn #block-contenufield-6 .node--type-evenement-cmn .field--name-node-title h1,
.page-node-type-evenement-upb #block-contenufield-7 .node--type-evenement-upb .field--name-node-title h1  {
  font-weight: 300;
  color: black;
  line-height: initial;
  margin-top: 0;
  font-size: 16px;
}

.page-node-type-evenement #block-contenufield-2 .node--type-evenement .field--name-node-title h1 a,
.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .field--name-node-title h1 a,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-campagne-ete .field--name-node-title h1 a,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .field--name-node-title h1 a,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-evenement .field--name-node-title h1 a,
.page-node-type-agenda-life-artisan #block-contenufield-5 .node--type-agenda-life-artisan .field--name-node-title h1 a,
.page-node-type-evenement-cmn #block-contenufield-6 .node--type-evenement-cmn .field--name-node-title h1 a,
.page-node-type-evenement-upb #block-contenufield-7 .node--type-evenement-upb .field--name-node-title h1 a   {
  color: black;
}

.page-node-type-evenement #block-contenufield-2 .node--type-evenement  .date-debut,
.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .date-debut,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-campagne-ete .date-debut,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-evenement .date-debut,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .date-debut,
.page-node-type-agenda-life-artisan #block-contenufield-5 .node--type-agenda-life-artisan  .date-debut,
.page-node-type-evenement-cmn #block-contenufield-6 .node--type-evenement-cmn .date-debut,
.page-node-type-evenement-upb #block-contenufield-7 .node--type-evenement-upb .date-debut {
  display: block;
}

.page-node-type-evenement #block-contenufield-2 .node--type-evenement  .annee_evenement,
.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .annee_evenement,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-campagne-ete .annee_evenement,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-evenement  .annee_evenement,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .annee_evenement,
.page-node-type-agenda-life-artisan #block-contenufield-5 .node--type-agenda-life-artisan  .annee_evenement,
.page-node-type-evenement-cmn #block-contenufield-6 .node--type-evenement-cmn .annee_evenement,
.page-node-type-evenement-upb #block-contenufield-7 .node--type-evenement-upb .annee_evenement {
 padding-left: 6px;
}

.page-node-type-evenement #block-contenufield-2 .node--type-evenement .field--name-field-lieu,
.page-node-type-agenda-life-artisan #block-contenufield-5 .node--type-agenda-life-artisan .field--name-field-lieu {
  color: #ed6a53;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
}

.page-node-type-agenda-life-artisan #block-contenufield-5 .node--type-agenda-life-artisan .field--name-field-lieu {
  color: #63502d;
}

.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .field--name-field-lieu {
  color: #003365;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
}

.page-node-type-campagne-ete #block-contenufield-3 .node--type-campagne-ete .field--name-field-lieu,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .field--name-field-lieu,
.page-node-type-campagne-ete #block-contenufield-3 .node--type-evenement .field--name-field-lieu {
  color: #04a64b;
  font-size: 12px;
  font-weight: bold;
  margin-top: 5px;
}

.page-node-type-evenement #block-contenufield-2 .node--type-evenement .field--name-field-thematique,
.page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .field--name-field-thematique {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

 .page-node-type-evenement #block-contenufield-2 .node--type-evenement  .field--name-field-thematique .field--item,
 .page-node-type-rdv-biodiversite-entreprises #block-contenufield-3 .node--type-rdv-biodiversite-entreprises .field--name-field-thematique .field--item {
  padding: 2px 5px;
  border: 1px solid #ed6a53;
  color: #ed6a53;
  margin: 0 5px;
  border-radius: 3px;
  font-size: 12px;
}

/*********************************************************/
/** PAGE RECUEIL DES ACTES ADMINISTRATIFS **/
/*********************************************************/

/*.region-content.nid-2191 .node--type-page*/
.region-content.nid-565 .node--type-page,
.page-node-3442 .region-content .node--type-page-liste {
  /*background: #F6F8FA;*/
  background: rgba(145, 154, 165, 0.1);
  margin-bottom: 30px;
}

#block-afbtreeviewactesadministratifs {
  background: #fff;
  padding-bottom: 20px;
  /*margin-left: 66px;*/
  /*width: 1009px;*/
  /*-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.1);*/
  /*padding-left: 40px;*/
}

.jstree-anchor{
  white-space: normal;
  display: inline-table;
  line-height: 21px;
}

.jstree-default-large .jstree-node{
  margin-left: 10px;
}

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  background: url(../img/svg/more-blue.svg) center center no-repeat;
  background-size: 15px 15px;
}
.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
  background-position: 12px 2px;
}
.ie .jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
  background-position: 10px 7px;
}

.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl{
  background: url(../img/svg/less-blue.svg) center center no-repeat;
  background-size: 15px 15px;
  background-position: 10px 2px;
}
.ie .jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl{
  background: url(../img/svg/less-blue.svg) center center no-repeat;
  background-size: 15px 1px;
  background-position: 10px 16px;
}
.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl {
  background: url(../img/svg/less-blue.svg) center center no-repeat;
  background-size: 15px 15px;
  background-position: 10px 2px;
  opacity: 0;
}

.jstree-default>.jstree-no-dots .jstree-node.jstree-leaf.jstree-last>.jstree-ocl{
  /*display: none;*/
  /*background: #FFF;*/
  opacity: 0;
}

.jstree a.tree-root, 
.jstree a.tree-parent {
  color: #003976;
  height: auto;
  line-height: initial;
}

.jstree a.tree-node {
  color: #003976;

  white-space: initial;
  display: inline-grid;
  height: auto;
  line-height: initial;
  width: 90%;
}

.jstree a.tree-leaf{
  height: auto;
  width: 90%;
}

.jstree a.tree-leaf .jstree-icon{
  background-position: top center !important;
  position: absolute;
}

.jstree a.tree-leaf span.leaf-date{
  position: relative;
  top: -10px;
  margin-bottom: 3px;
  margin-left: 35px;
}

.jstree a.tree-leaf span.leaf-date, 
.jstree a.tree-leaf span.leaf-size {
  color: #003976;

  display: inline-grid;
  line-height: 16px;

}

.jstree a.tree-leaf:hover {
  text-decoration: underline;
  color: #003365;
}

.jstree-default .jstree-wholerow-clicked{
  background: none !important;
}
















/*PAGE EVENEMENT*/

#block-retouralagenda {
  /*margin-top: 20px;*/
}

#block-retouralagenda .btn-primary {
/*  color: #fff;
  background-color: #96c11f;
  border-color: #96c11f;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;*/
}

#block-retouralagenda .btn-primary:hover {
/*  background-color: #0087a5;
  border-color: #0087a5;*/
}

#block-retouralagenda .btn-primary:before {
/*  content: '\f060';
  font-family: 'FontAwesome';
  font-size: 12px;
  padding-right: 10px;*/
}

.page-node-type-evenement- .content_page .field--name-node-title h2 {
  /*background: #003365;*/
}

.page-node-type-evenement- .dates {
/*  background: #0087a5;
  color: #fff;
  width: 6%;
  position: absolute;
  left: 3.3%;
  top: 8%;
  padding: 15px 0;*/
}

.page-node-type-evenement- .infos_event {
/*  border-bottom: 2px solid #f3f3f3;
  float: left;
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 100%;*/
}

.page-node-type-evenement- .infos_event .infos,
.page-node-type-evenement- .infos_event .field--name-field-vignette-logo {
/*  float: left;
  margin-right: 15px;*/
}

.page-node-type-evenement- .infos_event .field--name-field-lieu {
/*  color: #81bd27;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;*/
}




/*LIST AGENDA*/
h1.page-header {
/*  color: #003365;
  font-family: "Nunito Sans";
  font-size: 20px;
  font-weight: 800;
  /*text-transform: uppercase;*/
/*  border: none;
  margin: 20px 0 0 0;*/
}

.view-id-agenda fieldset#edit-field-thematique-target-id--wrapper legend,
.view-id-agenda fieldset#edit-field-type-de-public-target-id--wrapper legend,
.view-id-agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend  {
  background: #ed6953;
  border: 2px solid #ed6953;
}

.view-les-rendez-vous-biodiversite-entreprises-2020-agenda  fieldset#edit-field-type-de-rdv-target-id--wrapper legend,
.view-les-rendez-vous-biodiversite-entreprises-2020-agenda  fieldset#edit-field-type-de-public-target-id--wrapper legend,
.view-les-rendez-vous-biodiversite-entreprises-2020-agenda  fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend  {
  background: #003365;
  border: 2px solid #003365;
}

.path-le-projet-life-integre-artisan .view-les-rendez-vous-biodiversite-entreprises-2020-agenda  fieldset#edit-field-type-de-public-target-id--wrapper legend,
.path-le-projet-life-integre-artisan .view-les-rendez-vous-biodiversite-entreprises-2020-agenda  fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend,
.path-le-projet-life-integre-artisan .view-les-rendez-vous-biodiversite-entreprises-2020-agenda  fieldset#edit-field-type-evenements-target-id--wrapper legend {
  background: #63502d;
  border: 2px solid #63502d;
}

.view-les-rendez-vous-biodiversite-entreprises-2020-agenda fieldset#edit-field-type-de-rdv-target-id--wrapper legend + .fieldset-wrapper,
.view-les-rendez-vous-biodiversite-entreprises-2020-agenda fieldset#edit-field-type-de-public-target-id--wrapper legend + .fieldset-wrapper,
.view-les-rendez-vous-biodiversite-entreprises-2020-agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper {
  border: 2px solid #003365;
}

.path-le-projet-life-integre-artisan .view-les-rendez-vous-biodiversite-entreprises-2020-agenda fieldset#edit-field-type-de-public-target-id--wrapper legend + .fieldset-wrapper,
.path-le-projet-life-integre-artisan .view-les-rendez-vous-biodiversite-entreprises-2020-agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper,
.path-le-projet-life-integre-artisan .view-les-rendez-vous-biodiversite-entreprises-2020-agenda fieldset#edit-field-type-evenements-target-id--wrapper legend + .fieldset-wrapper  {
  border: 2px solid #63502d;
}

.view-ete-biodiversite-evenements  fieldset#edit-field-type-de-rdv-target-id--wrapper legend,
.view-ete-biodiversite-evenements  fieldset#edit-field-type-de-public-target-id--wrapper legend,
.view-ete-biodiversite-evenements  fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend  {
  background: #04a64b;
  border: 2px solid #04a64b;
}

.view-ete-biodiversite-evenements fieldset#edit-field-type-de-rdv-target-id--wrapper legend + .fieldset-wrapper,
.view-ete-biodiversite-evenements fieldset#edit-field-type-de-public-target-id--wrapper legend + .fieldset-wrapper,
.view-ete-biodiversite-evenements fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper {
  border: 2px solid #04a64b;
}

.view-id-agenda fieldset#edit-field-thematique-target-id--wrapper legend + .fieldset-wrapper,
.view-id-agenda fieldset#edit-field-type-de-public-target-id--wrapper legend + .fieldset-wrapper,
.view-id-agenda fieldset#edit-field-zone-geographique-associee-target-id--wrapper legend + .fieldset-wrapper {
  border: 2px solid #ed6953;
}

.path-agenda .view-header {
/*  color: #464d59;
  font-family: "Nunito Sans";
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;*/
}

.path-agenda .views-row {
  /*width: 99%;*/
}

.path-agenda .node--type-evenement-.node--view-mode-teaser {
  /*position: relative;*/
}

.path-agenda .dates-img {
 /* background: #0087a5;
  padding-right: 0;
  padding-left: 0;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
}

.path-agenda .dates {
  /*background: #0087a5;
  color: #fff;
  width: 23%;
  float: left;
  position: relative;
  min-height: 195px;*/
}

.path-agenda .dates .wrapper {
 /* position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);*/
}

.page-node-type-evenement- .dates .au_evenement,
.page-node-type-evenement- .dates .jour_evenement,
.page-node-type-evenement- .dates .mois_evenement,
.page-node-type-evenement- .dates .annee_evenement,
.path-agenda .dates .au_evenement,
.path-agenda .dates .jour_evenement,
.path-agenda .dates .mois_evenement,
.path-agenda .dates .annee_evenement {
  /*font-family: "Nunito Sans";
  text-align: center;*/
}

.page-node-type-evenement- .dates .au_evenement,
.path-agenda .dates .au_evenement {
/*  font-size: 18px;
  font-weight: 800;*/
}

.page-node-type-evenement- .dates .jour_evenement,
.path-agenda .dates .jour_evenement {
/*  font-size: 32px;
  font-weight: 800;
  line-height: 28px;*/
}

.page-node-type-evenement- .dates .mois_evenement,
.path-agenda .dates .mois_evenement {
/*  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;*/
}

.page-node-type-evenement- .dates .annee_evenement,
.path-agenda .dates .annee_evenement {
/*  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.26em;*/
}

.path-agenda .field--name-field-vignette-evenement {
/*  width: 77%;
  float: right;
  position: relative;*/
}

.path-agenda .event {
/*  position: relative;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  margin-bottom: 30px;
  padding-bottom: 15px;*/
}

.path-agenda .share {
  /*position: absolute;
  top: 20px;
  right: -26px;
  width: 30px;*/
}

.path-agenda .share .label_share {
  /*transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  width: 45px;
  height: 20px;
  margin-bottom: 45px;
  color: #81bd27;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 700;*/
}

.path-agenda .infos_event {
  /*float: left;
  width: 100%;
  border-bottom: 2px solid #f4f4f4;
  margin-bottom: 15px;
  padding: 12px 0;*/
}

.path-agenda .infos {
  /*float: left;*/
}

.path-agenda .field--name-field-vignette-logo {
  /*float: right;*/
}

.path-agenda .field--name-node-title {
  /*clear: left;*/
}

.path-agenda .event .field--name-field-lieu {
  /*color: #81bd27;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;*/
}

.path-agenda .event .field--name-field-categorie-evenement .field--item {
 /* float: left;
  padding-right: 2px;*/
}

.path-agenda .event .field--name-field-categorie-evenement .field--item:after {
  /*content: ',';*/
}

.path-agenda .event .field--name-node-title h2 {
  /*line-height: 20px;
  margin-top: 0;*/
}

.path-agenda .event .field--name-node-title h2 a {
 /* color: #0087a5;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  font-family: "Nunito Sans";*/
}

.path-agenda .event .field--name-node-title h2 a:hover {
  /*color: #81bd27;*/
}



#block-formulaireexposeagendapage-1 .form-item-field-categorie-evenement-target-id label {
 /* color: #0087a5;
  font-family: "Nunito Sans";
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 10px;*/
}

#block-formulaireexposeagendapage-1 .form-group {
 /* clear: left;
  float: left;*/
}

#block-formulaireexposeagendapage-1 .form-group input {
  /*width: 100%;*/
}

#block-formulaireexposeagendapage-1 .form-item-field-categorie-evenement-target-id {
  /*margin-bottom: 30px;*/
}

#block-formulaireexposeagendapage-1 .form-item-field-categorie-evenement-target-id .form-group:before {
  /*content: '\f0a9';
  font-family: 'FontAwesome';
  color: #464e5a;
  font-size: 16px;
  padding-right: 10px;*/
}

#block-formulaireexposeagendapage-1 .form-item-field-categorie-evenement-target-id .form-group a {
 /* color: #464e5a*/;
}

#block-formulaireexposeagendapage-1 .form-item-field-categorie-evenement-target-id .form-group a:hover,
#block-formulaireexposeagendapage-1 .form-item-field-categorie-evenement-target-id .bef-link-active.form-group:before,
#block-formulaireexposeagendapage-1 .form-item-field-categorie-evenement-target-id .bef-link-active.form-group a {
  /*color: #0087a5;*/
}




/*********************************************************/
/*PAGINATION*/
/*********************************************************/
.pagination>li>a {
  /*color: #00a64b;*/
  margin: 2px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  padding: 4px 9px;
  border: none;
  background-color: #cce6f5;
  color: #0083c9;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  z-index: 2;
  color: #FFFFFF;
  cursor: default;
  background-color: #0083c9;
  /*border-color: #00a64b;*/
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #FFFFFF;
  background-color: #0083cb;
  border: none ;
}

/*Spécification couleurs paginatioon en fonction des pages*/

/*PAGE PRESS*/
.path-presse .pagination>li>a {
  background-color: #e8e6d9;
  color: #8b7c40;
}

.path-presse .pagination>.active>a,
.path-presse .pagination>.active>span,
.path-presse .pagination>.active>a:hover,
.path-presse .pagination>.active>span:hover,
.path-presse .pagination>.active>a:focus,
.path-presse .pagination>.active>span:focus,
.path-presse .pagination > li > a:hover,
.path-presse .pagination > li > span:hover,
.path-presse .pagination > li > a:focus,
.path-presse .pagination > li > span:focus {
  color: #FFF;
  background-color: #8b7c40;
}

/*PAGE DOCUMENT*/
.path-documentation .pagination>li>a {
  background-color: #dff1e7;
  color: #61be7a;
}

.path-documentation .pagination>.active>a,
.path-documentation .pagination>.active>span,
.path-documentation .pagination>.active>a:hover,
.path-documentation .pagination>.active>span:hover,
.path-documentation .pagination>.active>a:focus,
.path-documentation .pagination>.active>span:focus,
.path-documentation .pagination > li > a:hover,
.path-documentation .pagination > li > span:hover,
.path-documentation .pagination > li > a:focus,
.path-documentation .pagination > li > span:focus {
  color: #FFF;
  background-color: #61be7a;
}

/*PAGE AGENDA*/
.path-agenda .pagination>li>a {
  background-color: #fee2dd;
  color: #ed6a53;
}

.path-agenda .pagination>.active>a,
.path-agenda .pagination>.active>span,
.path-agenda .pagination>.active>a:hover,
.path-agenda .pagination>.active>span:hover,
.path-agenda .pagination>.active>a:focus,
.path-agenda .pagination>.active>span:focus,
.path-agenda .pagination > li > a:hover,
.path-agenda .pagination > li > span:hover,
.path-agenda .pagination > li > a:focus,
.path-agenda .pagination > li > span:focus {
  color: #FFF;
  background-color: #ed6a53;
}

/*PAGE AGENDA*/
.path-chiffres-cles .pagination>li>a {
  background-color: #f5ede4;
  color: #cb9f71;
}

.path-chiffres-cles .pagination>.active>a,
.path-chiffres-cles .pagination>.active>span,
.path-chiffres-cles .pagination>.active>a:hover,
.path-chiffres-cles .pagination>.active>span:hover,
.path-chiffres-cles .pagination>.active>a:focus,
.path-chiffres-cles .pagination>.active>span:focus,
.path-chiffres-cles .pagination > li > a:hover,
.path-chiffres-cles .pagination > li > span:hover,
.path-chiffres-cles .pagination > li > a:focus,
.path-chiffres-cles .pagination > li > span:focus {
  color: #FFF;
  background-color: #cb9f71;
}



/*PAGE CHIFFRES-CLES*/

.path-chiffres-cles h1.page-header {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0px 15px;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-weight: 800;
  color: #cb9f71;
  border: none;
}

.path-chiffres-cles .view-header{
  margin-bottom: 30px;
}

.path-chiffres-cles .actus-a-la-une li{
  margin-bottom: 30px;
  /*padding: 0px;*/
}

@media (min-width: 600px) and (max-width: 800px) {
  .path-chiffres-cles .actus-a-la-une li{
    width: 50%;
    /*padding: 0px 15px;*/
  }
}


/*POP IN DETAIL CHIFFRES CLES*/

.path-chiffres-cles .spv-right-popup,
.path-frontpage .spv-right-popup {
  
    border: none;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;

    position: fixed;
    left: 0px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    
    margin: auto;
    
    width: 90%;
    /*max-width: 800px;*/
    max-width: 500px;
    height: 95%;
    /*max-height: 500px;*/

    /*background: #FFF;*/
    background: none;

    /*overflow: hidden;*/
    overflow-y: scroll; /*hidden for btn next/previous ?*/
}

.path-chiffres-cles .spv-right-popup:before,
.path-frontpage .spv-right-popup:before {
  content: '';
  display: block;
  position: fixed;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0px;
  background: rgba(0,0,0,0.6);
  right: 0px;
  bottom: 0px;
}

.path-chiffres-cles .spv-right-popup .spv_close,
.path-frontpage .spv-right-popup .spv_close {
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 37px;
  text-align: center;
  background: #FFF;
  color: #1d3c6e;
  font-size: 19px;
  line-height: 17px;
  font-family: 'Montserrat';

  /*background: url(../img/svg/close-blue.svg) center center no-repeat;*/
  background: url(../img/svg/close-blue.svg) center center no-repeat #FFF;
  background-size: 8px;
  text-indent: -30px;
  overflow: hidden; 
}
.path-chiffres-cles .spv-right-popup .spv_close:hover,
.path-frontpage .spv-right-popup .spv_close:hover {
  /*background: #1d3c6e;*/
  color: #FFF;
  background: url(../img/svg/close-white.svg) center center no-repeat #1d3c6e;
  /*background: url(../img/svg/close-blue.svg) center center no-repeat #FFF;*/
  background-size: 8px;
}

.path-chiffres-cles .spv-right-popup .spv-inside-popup,
.path-frontpage .spv-right-popup .spv-inside-popup {
  background: #FFFFFF;
  display: flex;
  
  /*flex-direction: row;*/
  /*height: 500px;*/

  flex-direction: column;
}

@media (min-width: 650px) {

  /*CHIFFRE CLE => PREVIOUS*/
  .path-chiffres-cles .spv-right-popup .spv-inside-popup:before,
  .path-frontpage .spv-right-popup .spv-inside-popup:before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 40px;
    background: url(../img/svg/arrow-right-yellow.svg) left+12px center no-repeat #FFF;
    background-size: 7px;
    border: 1px solid #cb9f71;
    top: calc(50% - 15px);
    left: -50px;
    position: absolute;
    cursor: pointer;
    transform: rotate(180deg);

    display: none;
  }

  /*CHIFFRE CLE => NEXT*/
  .path-chiffres-cles .spv-right-popup .spv-inside-popup:after,
  .path-frontpage .spv-right-popup .spv-inside-popup:after {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 40px;
    background: url(../img/svg/arrow-right-yellow.svg) left+12px center no-repeat #FFF;
    background-size: 7px;
    border: 1px solid #cb9f71;
    top: calc(50% - 15px);
    right: -50px;
    position: absolute;
    cursor: pointer;

    display: none;
  }
}
@media (min-width: 650px) and (max-width: 900px) {
  .path-chiffres-cles .spv-right-popup .spv-inside-popup:before,
  .path-frontpage .spv-right-popup .spv-inside-popup:before {
    position: fixed;
    left: 10px;
  }
  .path-chiffres-cles .spv-right-popup .spv-inside-popup:after,
  .path-frontpage .spv-right-popup .spv-inside-popup:after {
    position: fixed;
    right: 10px;
  }
}
@media (min-width: 900px) {
  .path-chiffres-cles .spv-right-popup,
  .path-frontpage .spv-right-popup {
    overflow: visible;
  }
}



.path-chiffres-cles .spv-right-popup .spv-inside-popup .key-flex-left,
.path-frontpage .spv-right-popup .spv-inside-popup .key-flex-left {
  width: 100%;
  max-width: 500px;
}
.path-chiffres-cles .spv-right-popup .spv-inside-popup .key-flex-left img{}


.path-chiffres-cles .spv-right-popup .spv-inside-popup .key-flex-right,
.path-frontpage .spv-right-popup .spv-inside-popup .key-flex-right {
  width: 100%;
  /*max-width: 300px;*/
  overflow-y: scroll;
  padding: 15px;
}

.path-frontpage .spv-right-popup .spv-inside-popup .key-flex-right {
  line-height: 1.42857143;
}

.path-chiffres-cles .spv-right-popup .spv-inside-popup .key-flex-right .field_chiffre_cle,
.path-frontpage .spv-right-popup .spv-inside-popup .key-flex-right .field_chiffre_cle {
  color: #cb9f71;
  font-size: 40px;
  font-weight: 800;
  line-height: 40px;
  margin-bottom: 15px;
}

.path-chiffres-cles .spv-right-popup .spv-inside-popup .key-flex-right .body{}

.path-chiffres-cles .spv-right-popup .spv-inside-popup .key-flex-right .field_thematique,
.path-frontpage .spv-right-popup .spv-inside-popup .key-flex-right .field_thematique {
  margin-top: 15px;
  color: #FFF;
}

.path-chiffres-cles .spv-right-popup .spv-inside-popup .key-flex-right .field_thematique a,
.path-frontpage .spv-right-popup .spv-inside-popup .key-flex-right .field_thematique a {
  padding: 2px 5px;
  border: 1px solid #cb9f71;
  color: #cb9f71;
  margin: 0px 5px 5px 0px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  display: inline-block;
}


/*ESPACES PROTEGEES*/
#block-espacesproteges {
 /* background: #0088a5;
  padding-bottom: 45px;
  padding-top: 10px;*/
}

#block-espacesproteges h2.block-title {
  /*font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  text-align: center;*/
}

#block-espacesproteges .field--name-field-liens-et-images .field--label {
 /* display: none;*/
}

#block-espacesproteges .paragraph--type--liens-espaces-proteges>[class^="col-"],
#block-espacesproteges .paragraph--type--liens-espaces-proteges>[class*=" col-"] {
  /*padding-right: 0;
  padding-left: 0;*/
}

#block-espacesproteges .wrapper {
 /* height: auto;
  position: relative;*/
}

#block-espacesproteges .wrapper .field--name-field-image {
  /*width: 100%;*/
}

#block-espacesproteges .wrapper .field--name-field-lien {
  /*position: absolute;
  top: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, .15);*/
}

#block-espacesproteges .wrapper .field--name-field-lien:hover {
 /* background-color: rgba(0, 0, 0, .35);*/
}

#block-espacesproteges .wrapper .field--name-field-lien a {
 /* position: absolute;
  color: #fff;
  top: 60%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-shadow: -2px 0 5px rgba(0, 0, 0, .75);
  text-decoration: none;*/
}

#block-espacesproteges .wrapper .field--name-field-lien a:before {
 /* content: '\f0c1';
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: -230%;
  border: 3px solid #fff;
  border-radius: 50px;
  padding: 5px 10px;
  left: 42%;*/
}




/* RAA */

/*#block-hierarchicaltaxonomymenu .hierarchical-taxonomy-menu .menu-item--expanded .menu .menu-item--expanded .menu {
    visibility: visible !important;
    display: block !important;
}

#block-hierarchicaltaxonomymenu .hierarchical-taxonomy-menu .menu-item--expanded ul {
    visibility: visible !important;
    display: block !important;
    padding: 0;
}*/

/*#block-hierarchicaltaxonomymenu .hierarchical-taxonomy-menu li{
    display: none;
}
#block-hierarchicaltaxonomymenu .hierarchical-taxonomy-menu li.menu-item--expanded{
    display: block;
}*/




/*PRE FOOTER*/

.path-frontpage .pre-footer .bg {
  /*position: absolute;
  left: 0;
  background: #0088a5;
  height: 290px;
  width: 30%;*/
}

.pre-footer .pre-footer-title-youtube {
/*  position: relative;
  margin-bottom: 10px;*/
}

.pre-footer .pre-footer-title-youtube span,
.pre-footer .pre-footer-title-facebook span,
.pre-footer .pre-footer-title-socialwall span {
  /*font-size: 20px;
  color: #FFF;
  font-weight: lighter;*/
}

.pre-footer .pre-footer-title-youtube span::before {
  /*content: url('../img/pictoYT.png');
  font-family: 'FontAwesome';
  display: inline-block;
  vertical-align: middle;
  align-items: center;
  margin-right: 10px;
  font-size: 9px;
  background: blue;*/
}

.pre-footer #block-youtube {
  /*background-color: #39a9db;
  height: 440px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
}

.pre-footer #block-youtube .block-title {
  /*position: relative;
  color: #FFF;
  padding-left: 43px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Nunito Sans';
  font-size: 22px;
  margin-top: 31px;*/
}

.pre-footer #block-youtube .block-title::before {
  /*content: '';
  border-top: 3px solid #FFF;
  width: 7px;
  position: absolute;
  top: 12px;
  left: 26px;
  z-index: 2;*/
}

.pre-footer #block-youtube .field--name-body {
  /*position: relative;
  padding: 10px 25px;
  color: #FFF;*/
}

.pre-footer #block-youtube .field--name-body .pre-footer-social-wall {
  /*border-top: 1px solid #fff;
  padding-top: 10px;
  margin-top: 30px;*/
}

.pre-footer #block-youtube .field--name-body .pre-footer-social-wall a {
  /*position: absolute;
  bottom: -6px;
  right: 23px;
  color: #39a9db;
  background-color: #d7edf8;
  border-radius: 3px;
  font-size: 14px;
  padding: 7px 14px;*/
}

.pre-footer #block-youtube .field--name-body .pre-footer-social-wall a:hover {
  /*color: #FFF;
  background-color: #337ab7;
  text-decoration: none;*/
}

.pre-footer #block-restezconnectes {
  /*background-color: #464e5a;*/
  /*height: 440px;*/
  /*box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
}

.pre-footer #block-restezconnectes .block-title {
 /* position: relative;
  color: #FFF;
  padding-left: 43px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Nunito Sans';
  font-size: 22px;
  margin-top: 31px;*/
}

.pre-footer #block-restezconnectes .block-title::before {
  /*content: '';
  border-top: 3px solid #FFF;
  width: 7px;
  position: absolute;
  top: 12px;
  left: 26px;
  z-index: 2;*/
}

.pre-footer #block-restezconnectes .field--name-body {
  /*position: relative;
  padding: 10px 25px;
  color: #FFF;*/
}


.pre-footer #block-restezconnectes .field--name-body .pre-footer-social-wall {
  /*border-top: 1px solid #fff;
  padding-top: 10px;
  margin-top: 30px;*/
}

.pre-footer #block-restezconnectes .field--name-body .pre-footer-social-wall a {
  /*position: absolute;
  bottom: -6px;
  right: 23px;
  color: #39a9db;
  background-color: #d7edf8;
  border-radius: 3px;
  font-size: 14px;
  padding: 7px 14px;*/
}

.pre-footer #block-restezconnectes .field--name-body .pre-footer-social-wall a:hover {
  /*color: #FFF;
  background-color: #337ab7;
  text-decoration: none;*/
}


.pre-footer #block-retoursurlalistedesactesadministratifs {
  /*margin-bottom: 30px;*/
}

.pre-footer #block-retoursurlalistedesactesadministratifs a {
 /* font-size: 12.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  background: #96c11f;
  padding: 8px;
  text-decoration: none;*/
}

.pre-footer #block-retoursurlalistedesactesadministratifs a:before {
  /*content: '\f060';
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #fff;
  padding-right: 15px;*/
}

.pre-footer #block-retoursurlalistedesactesadministratifs a:hover {
  /*background: #0088a5;*/
}

.pre-footer .block-instawidget {
  /*height: 440px;
  background-color: #39a9db;
  margin-left: -10px;
  box-shadow: 5px 0 10px rgba(0, 0, 0, .1);*/
}

.pre-footer #block-instagramblock,
.pre-footer #block-instagramwithoutapi {
  /*height: 440px;*/
  /*background-color: #39a9db;*/
  /*margin-left: -10px;*/
  /*padding-top: 74px;*/
  /*padding-left: 36px;*/
  /*box-shadow: 5px 0 10px rgba(0, 0, 0, .1);*/

  /*overflow: hidden;/*add by jm*/
}

.pre-footer #block-instagramblock h2.block-title,
.pre-footer #block-instagramwithoutapi h2.block-title {
  /* display: inline-block;
  vertical-align: middle; */
  
  /*font-size: 20px;
  color: #FFF;
  font-weight: 590;
  margin: 0;
  margin-bottom: 10px;*/
}

.pre-footer #block-instagramblock h2.block-title::before,
.pre-footer #block-instagramwithoutapi h2.block-title::before {
  /*content: "\f16d";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  margin-right: 10px;*/
}





/*PRE-FOOTER OFB // RESEAUX SOCIAUX // BLOC HOMEPAGE*/

.pre-footer {
  /*margin-top: 40px;*/
  background: #EEECEC;
  padding-top: 40px;
}

.pre-footer h2.rub-title-rsx{
  display: inline-block;
  font-family: "Nunito Sans";
  font-size: 45px;
  line-height: 40px;
  font-weight: 800;
  color: #003976;
  /*margin: 0px;*/
  /* margin-left: 30px; */
  letter-spacing: 1px;
  margin: 0px 15px;
  margin-bottom: 40px;
  padding-left: 15px;
}

.region-pre-footer {
  /*display: grid;*/
  /*grid-template-columns: 1fr 1fr 1fr;*/
  /*grid-column-gap: 10px;*/
  /*margin: 0px 15px;*/
  display: flex;
  flex-wrap: wrap;
}

section.bg-rsx-white{
  display: flex;
  margin-bottom: 30px;
}

section.bg-rsx-white .bg-rsx-white-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  
  background: #FFF;
}

section.bg-rsx-white .bg-rsx-white-content h2.block-title{
  height: 30px;
  text-indent: -940px;
  overflow: hidden;
  text-align: center;
  width: auto;
  margin: 0;
  border-bottom: 1px solid #eeecec;
  position: relative;
  padding: 20px;
  box-sizing: content-box;
}


section.bg-rsx-white .bg-rsx-white-content h2.block-title:before{
  content: '\f054';
  font-family: 'FontAwesome';
  color: #003976;
  font-size: 30px;
  text-indent: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0px;
  /*background: red;*/
  left: calc(50% - 15px);
}

#block-twitter h2.block-title:before{content: '\f099';}
#block-facebook h2.block-title:before{content: '\f082';}
#block-simpleinstagramfeed h2.block-title:before{content: '\f16d';}
#block-youtube h2.block-title:before{content: '\f16a';}
#block-linkedin h2.block-title:before{content: '\f08c';}

section.bg-rsx-white .bg-rsx-white-content div.field--name-body{}


/*Twitter*/
#block-twitter{}

#block-twitter .twitter-timeline{
  width: 100% !important;
}



/*Facebook*/
#block-facebook{}



/*Instagram*/
#block-instagramwithoutapi{}

.pre-footer #block-instagramwithoutapi .iwa li {
  margin: 0;
  border: none;
}

.pre-footer #block-instagramwithoutapi .iwa {
  padding-left: 0;
}


/*Youtube*/

.pre-footer #block-youtube{
  align-items: flex-start;
}

.pre-footer #block-youtube .block-title{
  overflow: visible;
  text-indent: 0px;
  text-align: left;
  color: #003976;
  display: flex;
  align-items: center;
  font-size: 15px;
  padding: 0;
  border-bottom: 0px;

  padding-bottom: 20px;
  margin-top: -10px;
}

#block-youtube h2.block-title:before{
  position: relative;
  left: 0px;
  margin-right: 10px;
}

#block-youtube .field--name-body{
  padding: 30px;
  box-sizing: border-box;
}

#block-youtube .field--name-body .container-video{
  position: relative;
  padding-bottom: 56.3%;
  /* padding-top: 30px; */
  height: 0;
  overflow: hidden;
  /*margin-top: 22px;*/
}

#block-youtube .field--name-body .container-video iframe,
#block-youtube .field--name-body .container-video object,  
#block-youtube .field--name-body .container-video embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*LinkedIn*/
#block-linkedin{}










/*footer-afb // footer-ofb*/



#block-implantationscontacts h2.block-title {
  color: #036;
  font-size: 16px;
  font-weight: 700;
}

/*#block-twitter .timeline-Header-title {
  color: #96c11f;
  font-weight: 700;
}
*/


/*
#block-menuafb-2 ul {
  margin: 0 0 15px 0;
}

#block-menuafb-2 .nav>li {
  position: relative;
  display: block;
  padding: 10px 0;
}

#block-menuafb-2 .nav>li>a {
  position: relative;
  display: inline;
  padding: 10px 15px;
  background: #96c11f;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  font-family: 'Nunito Sans', Arial, sans-serif;
}

#block-menuafb-2 .nav>li>a:hover {
  background: #0088a5;
}
*/




/** Page Territoire **/
.carte_region.region_page {
  background-color: #fff;
  margin: 0 66px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  padding-top: 1px;
}

.carte_region .territoire_title {
  position: relative;
  border-left: 40px solid #81bd27;
  margin-top: 40px;
  margin-bottom: 0px;
  font-family: 'Nunito Sans';
}

.carte_region .territoire_title h1 {
  font-weight: bold;
  font-size: 22px;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 5px;
}

.carte_region .territoire_title::after {
  content: '';
  width: 25px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 10px;
  background-color: #81bd27;
}

.carte_region .territoire_intro {
  padding: 20px;
}

.carte_region .territoire_intro.content_page {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}


/**************************************************************/
/**************************************************************/
/*************** TERRITOIRES - START *********************/
/**************************************************************/
/**************************************************************/


/*Main Slider Territoires*/

#slider-territoire{
  position: relative;
}

.field--name-field-image-slider .owl-pagination{
  display: none;
}

.field--name-field-image-slider .owl-controls{
  position: absolute;
  bottom: 0px;
  right: 20px;
  top: 50%;
  left: 0;
  text-align: right;
  height: 0px;
  margin-top: 0px;
}
.field--name-field-image-slider .owl-controls .owl-buttons{
  position: absolute;
  right: 10px;
}

.owl-theme .owl-controls .owl-buttons div{
  background: none;
  color: #FFF;
  opacity: 1;
  border: 2px solid #FFF;
  border-radius: 50px;
  padding: 0px;
  text-align: center;
  
  width: 35px;
  height: 35px;
  line-height: 22px;
  font-size: 28px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev .fa{
  text-indent: 2px;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev .fa{
  text-indent: -2px;
}

.owl-theme .owl-controls .owl-buttons div:hover{
  background: #FFF;
  color: #04A64B;
}


.field--name-field-image-slider .owl-item .field--item:before{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  background: url(../img/svg/symbol-form-bg-green.svg) bottom right no-repeat;
  background-size: contain;
  
  height: 105%;
  width: 150%;

  bottom: 0px;
  right: -80%;

  height: 100%;
  width: 250%;
  bottom: -2px;
  right: -150%;

  /*top: -100%;*/
}

.field--name-field-image-slider .owl-item{
  /*height: 600px;*/
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.field--name-field-image-slider .owl-item .field--item{

}

.field--name-field-image-slider .owl-item .field--item img{
  /*height: 600px;*/
  height: 500px;
  max-width: none;
  width: auto;
}


#slider-territoire h1 {
  bottom: 0px;
  position: absolute;
  z-index: 2;
  left: 0px;
  right: 0px;
  text-align: right;
  color: #FFF;
  font-weight: 800;
  font-size: 80px;
  height: 0px;
  position: absolute;
  /* top: 0px; */
  margin-top: 0px;
  margin-bottom: 0px;
}

#slider-territoire h1 span.title {
  position: absolute;
  margin-right: 5px;
  right: 10px;
  
  bottom: 90px;
  font-size: 10vw;
}

#slider-territoire #desc-img{
  position: absolute;
  z-index: 5;
  bottom: 10px;
  text-align: right;
  color: #FFF;
  font-size: 11px;
  /*max-height: 30px;*/
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

/*ONGLETS*/
.territoire_onglets{
  /*margin-top: 10px;*/
  padding: 0px;

  /*background: #f5f6fc;*/
  border-bottom: 2px solid #000;
}

.territoire_onglets ul{
  padding-left: 0px;
  margin-bottom: 0px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.territoire_onglets ul:after{
  content: '';
  display: block;
  position: absolute;
  z-index: 4;
  right: 15px;
  top: 15px;

  width: 20px;
  height: 20px;

  transform: rotate(90deg) ;
  -webkit-transform: rotate(90deg) ;
  -moz-transform: rotate(90deg) ;
  -o-transform: rotate(90deg) ;
  -ms-transform: rotate(90deg) ;

  
  background: url(../img/svg/close-blue.svg) center center no-repeat;
  background-size: 15px;
}

.territoire_onglets ul.closed{
  height: 50px;
}
.territoire_onglets ul.closed:after{
  background: url(../img/svg/arrow-right-blue.svg) center center no-repeat;
  background-size: contain;
}

.territoire_onglets ul li{
  list-style: none;
  cursor: pointer;
  color: #003976 ;
  position: relative;
  transition: all 0.2s ease;
  /*margin-bottom: 10px;*/
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px 15px;

  background: #f5f6fc;
  width: 100%;
  height: 50px;
  line-height: 30px;

  order: 1;
}

.territoire_onglets ul li a{
  color: #003976 ;
  display: block;
  /*padding: 10px 15px;*/
}

.territoire_onglets ul li.active a{
  text-decoration: none;
}


/*.territoire_onglets ul li.active {
  color: #003976;
  cursor: pointer;
  font-weight: 700;
  /*padding-left: 20px;
}*/

.territoire_onglets ul li.active {
  /*position: absolute;*/
  /*top: 0px;*/
  /*z-index: 2;*/
  order: 0;
}

.territoire_onglets ul li:hover:before,
.territoire_onglets ul li.active:before{

}


/*CONTENT*/
/*CONTENT : Presentation*/

#bg-territoire{
  /*padding: 30px 0px;*/
  background: #FFFFFF;
  transition: all 0.050s ease;
}
#bg-territoire >.container.full-width{
  padding: 0px;
}

.territoire_contents{
  padding-top: 30px;
}

#bg-territoire #t_presentation{/*background: #FFFFFF;*/}
#bg-territoire #t_actu{/*background: #0083CB;*/}
#bg-territoire #t_enjeux{/*background: #04A64B;*/}
#bg-territoire #t_action{/*background: #FFFFFF;*/}
#bg-territoire #t_contact{/*background: #EEECEC;*/}

#bg-territoire.t_presentation{background: #FFFFFF;}
#bg-territoire.t_actu{background: #0083CB;}
#bg-territoire.t_enjeux, #bg-territoire.t_espaces{background: #04A64B;}
#bg-territoire.t_action{background: #FFFFFF;}
#bg-territoire.t_contact{background: #EEECEC;}

#bg-territoire #t_actu .territoire_contents,
#bg-territoire #t_enjeux .territoire_contents,
#bg-territoire #t_espaces .territoire_contents{
  color: #FFFFFF;
}

.tli{
  padding-top: 30px;
}

@media (max-width: 768px) {
  
  .territoire_contents{
    padding-left: 0px;
    padding-right: 0px;
  }

  #bg-territoire #t_presentation{background: #FFFFFF;}
  #bg-territoire #t_actu{background: #0083CB;}
  #bg-territoire #t_enjeux, , #bg-territoire #t_espaces{background: #04A64B;}
  #bg-territoire #t_action{background: #FFFFFF;}
  #bg-territoire #t_contact{background: #EEECEC;}
  
  #bg-territoire #t_presentation,
  #bg-territoire #t_actu,
  #bg-territoire #t_enjeux,
  #bg-territoire #t_agenda,
  #bg-territoire #t_action,
  #bg-territoire #t_contact,
  #bg-territoire #t_espaces{
    padding-left: 15px;
    padding-right: 15px;
  }


}


/*

.territoire_actualite,
.territoire_enjeux_du_territoire,
.territoire_action,
.territoire_contact{
  display: none;
} */


.mon-title,
#t_presentation .region-right h2,
#t_actu .block-views-blockterritoire-actualites-block-2 h2.block-title,
#t_enjeux .field--name-field-sous-titre,
#t_enjeux .view-id-territoire_enjeux .view-header h2,
#t_espaces .titre_espaces,
#t_action .view-id-territoire_actions .view-header h2,
#t_contact .field--name-field-texte-p h2,
#t_contact .field--name-field-contacts-et-implantations .field--label,
#t_agenda .block-views-blockterritoire-agenda-block-2 h2.block-title{
  font-family: 'Nunito Sans';
  /*font-weight: 700;*/
  font-weight: 800;
  font-size: 42px;
  color: #003976;
  line-height: 45px;
  margin-top: 0px;
  margin-bottom: 30px;
}
#t_actu .block-views-blockterritoire-actualites-block-2 h2.block-title,
#t_enjeux .field--name-field-sous-titre,
#t_enjeux .view-id-territoire_enjeux .view-header h2,
#t_espaces .titre_espaces{
  color: #FFFFFF;
}

/*PRESENTATION*/
#t_presentation{}

#t_presentation .region-left img{
  width: 100%;
}


/*ACTUALITES*/
#t_actu{}

#t_actu #views-exposed-form-territoire-actualites-block-2,
#t_actu .view-display-id-block_2 .count-result{
  display: none;
}

.view-id-territoire_actualites .view-footer{
  text-align: center;
}

/*AGENDA*/
#t_agenda .block-views-blockterritoire-agenda-block-2 h2.block-title{
  color: #ed6954;
}


.view-territoire-agenda{
  margin: 0px 30px;
  margin-bottom: 50px;
}

.view-territoire-agenda .news{
  /*min-height: 580px;*/
  min-height: 530px;

}

.view-territoire-agenda .owl-theme .owl-controls .owl-page span{
  opacity: 1;
  border: 1px solid #ed6954;
  background: #FFF;
}

.view-territoire-agenda .owl-theme .owl-controls .owl-page.active span{
  background: #ed6954;
  opacity: 1;
}

.view-territoire-agenda .news .news_img{}
.view-territoire-agenda .news .news_img .img_actu{
  width: 100%;
}


.view-territoire-agenda .news .content{
  position: relative;
}
.view-territoire-agenda .news .content .content-body{
  width: 80%;
  flex: 0; 
}
.view-territoire-agenda .news .content .content-body .calendrier{
  position: absolute;
  right: 0px;
  background: #ed6954;
  top: 0px;
  height: 50px;
  width: 50px;
}

.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue{
  width: 100%;
}

.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-link{
  background: #ef7864;
  align-items: center;
  text-align: center;
  border-radius: 0px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
  padding: 5px;
  justify-content: center;
  box-shadow: none;
  z-index: 12;
  position: relative;
}
.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-link:before{
  content: '';
  display: block;
  width: 25px;
  height: 40px;
  margin: auto;
  background: url(../img/svg/event.svg) center center no-repeat;
  background-size: contain;
}

.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-link .placeholder{
  display: none;
}
/*.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-link:active~ul.atcb-list,*/
.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-link:hover~ul.atcb-list{
  visibility: visible;
}

.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-list {
  padding-left: 0px;
  border-radius: 0px;
  /* border: none; */
  box-shadow: none;

  right: 0px;
  border: 1px solid #ed6a53;

  display: block;
  z-index: 300;


  position: absolute;
  z-index: 10;

  /*visibility: visible;*/

  width: 200px;
  left: -150px;
  top: 0px;
  padding: 0px;

  padding-right: 50px;
  background: #ef7864;
}

.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-list .atcb-item,
.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-list .atcb-item-link{
  list-style: none;
  background: #ed6a53;
  color: #FFF;
  font-size: 13px;
}

.view-territoire-agenda .news .content .content-body .calendrier .atc-style-blue .atcb-list .atcb-item-link:hover{
  color: #ed6a53;
  background: #FFF;
}




.view-territoire-agenda .news .content .content-body .partage{
  position: absolute;
  right: 0px;
  /*background: green;*/
  top: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.view-territoire-agenda .news .content .content-body .partage .a2a_kit{
  display: flex;
  flex-direction: column;
}
.view-territoire-agenda .news .content .content-body .partage .a2a_kit .label_share{
  display: none;
}




.view-territoire-agenda .news .content .content-body .dates_evenement{}
.view-territoire-agenda .news .content .content-body .title{}

.view-territoire-agenda .news .content .content-footer{
  width: 80%
}
.view-territoire-agenda .news .content .content-footer .footer-left{
  width: 100%
}
.view-territoire-agenda .news .content .content-footer .footer-left .type_public{}
.view-territoire-agenda .news .content .content-footer .footer-left .lieu_evenement{
  color: #ed6953;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}

.view-territoire-agenda .news .content .content-footer .footer-left .category{}
.view-territoire-agenda .news .content .content-footer .footer-left .category ul li{
  border: 1px solid #ed6954;
  color: #ed6954;
  margin-left: 0px;
  margin-right: 5px;
  line-height: 15px;
}


.view-territoire-agenda .owl-theme .owl-controls .owl-buttons div.owl-prev,
.view-territoire-agenda .owl-theme .owl-controls .owl-buttons div.owl-next{
  position: absolute;
  top: 35%;
}

.view-territoire-agenda .owl-theme .owl-controls .owl-buttons div.owl-next{
  padding: 0;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  font-size: 30px;
  line-height: 24px;
  color: #ED6A53;
  font-weight: lighter;
  padding-left: 2px;
  border-color: #ED6A53;
  background: url(../img/svg/arrow-right-orange.svg) left+13px center no-repeat;
  background-size: 9px;
}
.view-territoire-agenda .owl-theme .owl-controls .owl-buttons div.owl-next:hover{
  background: url(../img/svg/arrow-right-white.svg) left+13px center no-repeat #ED6A53;
  background-size: 9px;
}
.view-territoire-agenda .owl-theme .owl-controls .owl-buttons div.owl-next {
  overflow: hidden;
  text-indent: -900px;
  right: -45px;
}

.view-territoire-agenda .owl-theme .owl-controls .owl-buttons div.owl-prev{
  padding: 0;
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  font-size: 30px;
  line-height: 24px;
  color: #ED6A53;
  font-weight: lighter;
  padding-left: 2px;
  border-color: #ED6A53;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  background: url(../img/svg/arrow-right-orange.svg) left+13px center no-repeat;
  background-size: 9px;
}
.view-territoire-agenda .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{
  background: url(../img/svg/arrow-right-white.svg) left+13px center no-repeat #ED6A53;
  background-size: 9px;
}

.view-territoire-agenda .owl-theme .owl-controls .owl-buttons div.owl-prev {
  overflow: hidden;
  text-indent: -900px;
  left: -45px;
}

/*AYDEN*/



/*ENJEUX*/
.field--name-field-presentation-slider-images{
  width: 80%;
  margin: auto;

  width: 100%;
}
.field--name-field-presentation-slider-images img{
  width: 100%;
}

.field--name-field-presentation-slider-images .owl-buttons{
  display: none;
}

.field--name-field-presentation-slider-images .owl-pagination{
  /*display: none;*/
}

.field--name-field-presentation-slider-images.owl-theme .owl-controls .owl-page span{
  background: none;
  opacity: 1;
  border: 1px solid #FFF;
  width: 8px;
  height: 8px;
}

.field--name-field-presentation-slider-images.owl-theme .owl-controls .owl-page.active span,
.field--name-field-presentation-slider-images.owl-theme .owl-controls.clickable .owl-page:hover span{
  background: #FFFFFF;

}

#t_enjeux .field--name-field-chapo{
  margin-bottom: 30px;
}

.view-territoire-enjeux{
  color: #FFF;
}

.page-node-type-territoire .view-territoire-enjeux ul.actions-a-la-une,
.page-node-type-territoire .view-territoire-actualites ul.actus-a-la-une,
.page-node-type-territoire .view-territoire-espaces-proteges ul.actus-a-la-une{
  padding-left: 0px;
}


/*ACTIONS PHARES*/

.view-id-territoire_actions{}

.view-id-territoire_actions{}

#t_action .view-id-territoire_actions .view-header h2{
  margin-bottom: 10px;
}

#t_action .view-id-territoire_actions .view-header,
#t_enjeux .view-id-territoire_enjeux .view-header,
#t_espaces .field--name-field-texte-espaces-proteges {
  color: #003976;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
}
#t_enjeux .view-id-territoire_enjeux .view-header,
#t_espaces .field--name-field-texte-espaces-proteges {
  color: #FFF;
}

#t_action .view-id-territoire_actions .count-result{
  display: none;
}


.actions-a-la-une{
  padding: 0px;
}


.actions-a-la-une li{
  list-style: none;
  margin-bottom: 30px;
}

.actions-a-la-une li .actions_img img{
  width: 100%;
  height: auto;
}

.actions-a-la-une li .content-body h2{
  width: 100%;
  height: 20px;
  font-size: 14px;
  font-weight: 800;
  color: #003976;
  display: flex;
}
  .view-territoire-enjeux .actions-a-la-une li .content-body h2,
  .view-id-territoire_espaces_proteges .actions-a-la-une li .content-body h2{
    color: #FFFFFF !important;
  }

.actions-a-la-une li .content-body h2 a{
  color: #003976;
  /*text-decoration: none;*/
}
  .view-territoire-enjeux .actions-a-la-une li .content-body h2 a,
  .view-id-territoire_espaces_proteges .actions-a-la-une li .content-body h2 a{
    color: #FFFFFF;
  }

.actions-a-la-une li .content-body h2 .title{
  /*display: inline-block;*/
}
.actions-a-la-une li .content-body h2:before{
  content: "\e080";
  font-family: 'Glyphicons Halflings';
  display: inline-block;
  margin-right: 5px;
  font-size: 10px;
  line-height: 15px;
}

.actions-a-la-une li .content-body .body{

}


#block-retouralaregionactionphare{
  margin-top: 20px;
  margin-bottom: 50px;
  /*text-align: center;*/
}


#block-retouralaregionactionphare .btn-primary {
  color: #003976;
  background-color: #FFF;
  border: 1px solid #003976;
  font-family: "Nunito Sans";
  font-size: 13px;
  font-weight: 400;
  /*text-transform: uppercase;*/
  text-align: center;
  padding: 10px 40px;
  border-radius: 50px;
  outline: none;
  margin-left: 7px;
}

#block-retouralaregionactionphare .btn-primary:hover {
  background-color: #003976;
  color: #FFFFFF;
}

#block-retouralaregionactionphare .btn-primary::before {
  /*content: '\f060';
  font-family: 'FontAwesome';
  font-size: 12px;
  padding-right: 10px;*/
}


/*CONTACTS*/








/**************************************************************/
/**************************************************************/
/*************** TERRITOIRES - END *********************/
/**************************************************************/
/**************************************************************/


/**************************************************************/
/*********** PAGE NODE TYPE "ACTION PHARE" ********************/
/**************************************************************/


.page-node-type-action-phare .field--name-node-title h1{
  margin-bottom: 20px;
}

.node--type-action-phare .field--name-field-zone-geographique-associee{
  color: #003976;
  font-weight: 700;
  font-size: 18px;
}

.node--type-action-phare{
  margin-bottom: 50px;
}




/**************************************************************/
/*********** PAGE NODE TYPE "ENJEUX TERRITOIRE" ********************/
/**************************************************************/


.page-node-type-enjeu-du-territoire .field--name-node-title h1{
  margin-bottom: 20px;
}

.node--type-enjeu-du-territoire .field--name-field-zone-geographique-associee{
  color: #003976;
  font-weight: 700;
  font-size: 18px;
}

.node--type-enjeu-du-territoire{
  margin-bottom: 50px;
}


/* SITEMAP */

.sitemap .sitemap-box-menu .content ul li {
  padding: 5px;
}

.sitemap .sitemap-box-menu .content ul li a {
  color: #1d3c6d;
  font-size: 20px;
  font-family: "Nunito Sans";
  font-weight: 700;
}

.sitemap .sitemap-box-menu .content ul li ul li a {
  color: #03a64b;
  font-size: 18px;
  font-family: "Nunito Sans";
  font-weight: 700;
}

.sitemap .sitemap-box-menu .content ul li ul li ul li a {
  color: #464e5a;
  font-size: 14px;
  font-family: "Nunito Sans";
  font-weight: 700;
}



/* PAGE RECRUTEMENT */
/*********************************************************/
/** PAGE RECRUTEMENT **/
/*********************************************************/

/*.region-content.nid-2193 .node--type-page{
  background: #F6F8FA;
  margin-bottom: 30px;
}
*/

.view-page-recrutement {
  /*background: #F6F8FA;*/
  background: rgba(145, 154, 165, 0.1);
  margin-bottom: 30px;
}

.view-page-recrutement #header-page-recrutement{
  margin-bottom: 30px; 
}

.view-page-recrutement .views-element-container{
  background: #FFF;
}

.path-recrutement h1.page-header,
.page-node-3443 .field--name-node-title h1 {
  font-family: 'Nunito Sans';
  font-weight: 800;
  font-size: 46px;
  color: #535353;
  letter-spacing: 0.15px;
  line-height: 55px;
  border: none;
}


.path-recrutement #block-textepagerecrutement,
.page-node-3443 #block-textepagerecrutement {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 15px 0px;
  padding-right: 15px;
  font-size: 15px;
}

.page-node-3443 #block-textepagerecrutement p {
  font-size: 15px;
}

.page-node-3443 #block-textepagerecrutement {
  padding-left: 15px;
  padding-right: 15px;
}

.path-recrutement #block-blocateterecrutement,
.page-node-3443 #block-blocateterecrutement {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #fff;
  background-color: #003365;
  padding: 20px 25px;
  font-size: 15px;
}

.page-node-3443 #block-blocateterecrutement p {
  font-size: 15px;
  color: #fff;
}

.path-recrutement #block-blocateterecrutement .field--type-text-with-summary a,
.page-node-3443 #block-blocateterecrutement ul li a {
  color: #fff;
  text-decoration: underline;
}

.path-recrutement #block-blocateterecrutement .field--type-text-with-summary a:hover,
.page-node-3443 #block-blocateterecrutement ul li a:hover {
  color: #fff;
}

.path-recrutement .views-element-container .view-filters,
.page-node-3443 .views-element-container .view-filters {
  /*padding: 20px;*/
  margin: 30px 0px;
  background-color: #fff;
  /*box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
}

.page-node-3443 .views-element-container .view-filters,
.page-node-3443 .views-element-container .view-content {
  padding-left: 15px;
}	

.path-recrutement .views-element-container .view-filters.form-group:before,
.page-node-3443 .views-element-container .view-filters.form-group:before {
  content: 'Filtrer par :';
  display: block;
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 15px;
}

#views-exposed-form-recrutement-v2-page-1 .form-inline,
#views-exposed-form-recrutement-v2-block-1 .form-inline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  flex-direction: column;
}

#views-exposed-form-recrutement-v2-page-1 .form-control,
#views-exposed-form-recrutement-v2-block-1 .form-control {
  /*display: block;*/
  width: 100%;
  height: 34px;
  text-transform: uppercase;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #FFFFFF;
  background-color: #535353;
  background-image: none;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: inone;
  box-shadow: none;
  outline: none;
}
.has-glyphicons .select-wrapper:after{
  background: url(../img/svg/more-white.svg) center center no-repeat;
  background-size: 15px 15px;
  content: '';
  width: 15px;
  height: 15px;
  padding-right: 30px;
  margin-top: -8px;
}


.path-recrutement .form-inline .form-group#edit-actions,
.page-node-3443 .form-inline .form-group[id^="edit-actions"] {
  width: 100%;
  justify-content: center;
  display: flex;
  margin-right: 0px;
}
.path-recrutement .views-element-container .view-filters .btn-info,
.page-node-3443 .views-element-container .view-filters .btn-info {
  color: #fff;
  background-color: #003364;
  border: none;
  border-radius: 40px;
  padding: 8px 30px;
  font-weight: 400;
  margin-top: 10px;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  outline: none;
}

.path-recrutement .form-inline .form-group,
.page-node-3443 .form-inline .form-group {
  padding-right: 2%;
  margin-bottom: 15px;
  width: 25%;
  float: left;
  float: none;
  display: block;

  width: 100%;
  padding-right: 0%; 
}
.path-recrutement .form-inline .form-group.form-item-field-domaines-d-activites-target-id,
.page-node-3443 .form-inline .form-group.form-item-field-domaines-d-activites-target-id {
  padding-right: 0%;
}
.path-recrutement .bef-exposed-form .form--inline > .form-item,
.page-node-3443 .bef-exposed-form .form--inline > .form-item {
  flex: 1;
  float: none;
  margin-right:20px;
}
.path-recrutement .bef-exposed-form .form--inline > .form-item:nth-child(5n),
.page-node-3443 .bef-exposed-form .form--inline > .form-item:nth-child(5n) {
  margin-right:0px;
}

.form-inline .select-wrapper,
.form-inline .form-control{
  width: 100% !important;
}

.path-recrutement .form-inline .form-group .control-label,
.page-node-3443 .form-inline .form-group .control-label {
  margin-right: 10px;
}


.path-recrutement .table-striped>tbody>tr:nth-of-type(2n+1),
.page-node-3443 .table-striped>tbody>tr:nth-of-type(2n+1) {
  background-color: white;
}

.table > thead:first-child > tr:first-child > th{
  text-transform: uppercase;
  font-size: 12px;
  color: #003364;
  border-bottom: 1px solid #003976;
}

.path-recrutement .table > tbody > tr > td{
  /*width: 15%;*/
}

.path-recrutement .table > tbody > tr > td.views-field-title,
.page-node-3443 .table > tbody > tr > td.views-field-title{
  width: auto;
}

.path-recrutement .table > tbody > tr > td.views-field-field-classification,
.path-recrutement .table > tbody > tr > td.views-field-field-affectation,
.path-recrutement .table > tbody > tr > td.views-field-field-residence-administrative,
.path-recrutement .table > tbody > tr > td.views-field-field-date-limite-de-depot-des-c{
  width: 15%;
}

.page-node-3443 .table > tbody > tr > td.views-field-field-classification,
.page-node-3443 .table > tbody > tr > td.views-field-field-affectation,
.page-node-3443 .table > tbody > tr > td.views-field-field-residence-administrative,
.page-node-3443 .table > tbody > tr > td.views-field-field-date-limite-de-depot-des-c{
  width: 15%;
}

.path-recrutement .table > tbody > tr > td.views-field-field-fiche-de-poste,
.page-node-3443 .table > tbody > tr > td.views-field-field-fiche-de-poste {
  width: 5%;
  text-align: right;
}

.path-recrutement .table .views-field-nothing a,
.page-node-3443 .table .views-field-nothing a {
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url(../img/svg/picto-pdf.svg) center center no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  text-indent: 9000px;
}
/*/sites/default/files/1494514069_20.png*/
.path-recrutement .table .views-field-nothing,
.page-node-3443 .table .views-field-nothing {
  width: 8%;
}

.path-recrutement .table .views-field-nothing .icone_fiche_poste,
.page-node-3443 .table .views-field-nothing .icone_fiche_poste {
  text-align: center;
}

.path-recrutement .table .views-field-nothing .taille_fiche_poste,
.page-node-3443 .table .views-field-nothing .taille_fiche_poste {
  font-size: 9px;
  text-align: center;
  color: #003976;
}

.path-recrutement .table-responsive{
  /*border: none;*/
}

.path-recrutement .table .views-field-nothing-1 a.social-share-btn,
.page-node-3443 .table .views-field-nothing-1 a.social-share-btn {
  font-size: 25px;
  line-height: 0;
  color: #003976;
}







/* .ckeditor-tabber-tabs ul.ckeditor-tabs-holder li {
	width: 20%;
} */

.ckeditor-tabber-tabs ul.ckeditor-tabs-holder li::before {
  content: none;
}

.ckeditor-tabber-tabs ul.ckeditor-tabs-holder li a {
  text-align: center;
}









/* MODULE DOCUMENTATION */
/*********************************************************/
/** PAGE DOCUMENTATION (LISTING +  DETAILS) **/
/*********************************************************/

/*LISTING*/


.path-documentation h1.page-header,
#block-titredocumentationlifeartisan h1.page-header {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0px 15px;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-weight: 800;
  color: #63BF7C;
  border: none;
}

#block-titredocumentationlifeartisan h1.page-header {
	color: #475fa6;
}

.path-documentation .view-display-id-page_1 .view-header{
  font-size: 13px;
  margin-top: 0px;
}

.path-documentation .view-display-id-page_1 .view-header a{
  color: #62bf7c;
}

.path-documentation #views-exposed-form-documentation-page-1{
  /*border: 2px solid #62bf7c;*/
}

.path-documentation #views-exposed-form-documentation-page-1 #edit-actions{
  display: none;
}

.path-documentation #views-exposed-form-documentation-page-1 .form-item-field-type-de-document-target-id {
  width: 100%;
  margin-bottom: 30px;
}

.path-documentation #views-exposed-form-documentation-page-1 label{

}

.path-documentation #views-exposed-form-documentation-page-1 label + .select-wrapper{
  padding: 15px;
  border: 2px solid #62bf7c;
  border-top: 0px;
}

.path-documentation #views-exposed-form-documentation-page-1 label + .select-wrapper select{
  outline: none;
  background: #535353;
  color: #FFF;
  border: none;
  border-radius: 0px;
}
.path-documentation #views-exposed-form-documentation-page-1 label + .select-wrapper:after{
  background: url(../img/svg/more-white.svg) center center no-repeat;
  background-size: 15px 15px;
  content: '';
  width: 15px;
  height: 15px;
  margin-top: -8px;
  right: 22px;
  position: absolute;
}



.view-id-documentation .view-content .views-row .views-field-views-conditional-field .field-content .documentafb {
  border: 1px solid #EEECEC;
}

.view-id-documentation .view-content .views-row .views-field-views-conditional-field .field-content .titre_a_la_une {
  text-align: center;
  background: #62bf7c;
  border-radius: 1px;
  color: #fff;
  margin-bottom: 15px;
  margin-top: 0px;
}

.view-id-documentation .view-content .views-row .views-field-views-conditional-field .field-content .toute_la_documentation {
  text-align: center;
  background: #fff;
  border-radius: 1px;
  color: #62bf7c;
  margin-bottom: 15px;
  margin-top: 0px;
}

.view-id-documentation .view-content .views-row:not(:first-child) .views-field-views-conditional-field .field-content .titre_a_la_une,
.view-id-documentation .view-content .views-row:first-child .views-field-views-conditional-field .field-content .toute_la_documentation {
  display: none;
}

.view-id-documentation .view-content .views-row .views-field-views-conditional-field .field-content .titre_a_la_une h2,
.view-id-documentation .view-content .views-row .views-field-views-conditional-field .field-content .toute_la_documentation h2 {
  font-size: 22px;
  font-weight: 800;
  line-height: 36px;
  margin-top: 0px;
  border: 1px solid #62bf7c;
}



.path-documentation .view-content .views-row,
.view-id-documentation.view-display-id-page_2  .view-content .views-row {
  /*background: white;*/
  margin-bottom: 20px;
}


.path-documentation .documentafb,
.view-id-documentation.view-display-id-page_2  .documentafb {
  display: flex;
  flex-direction: column;
}

.path-documentation .documentafb .gauche_document,
.view-id-documentation.view-display-id-page_2  .documentafb .gauche_document {
  padding-right: 0;
  padding-left: 0;
}

.path-documentation .documentafb .droite_document,
.view-id-documentation.view-display-id-page_2  .documentafb .droite_document {
  position: relative;
  background-color: #fff;
  /*margin-bottom: 30px;*/
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
}


.path-documentation .documentafb .droite_document .field--name-field-type-de-document,
.view-id-documentation.view-display-id-page_2  .documentafb .droite_document .field--name-field-type-de-document {
  color: #62bf7c;
  font-weight: 600;
}

.view-id-documentation.view-display-id-page_2  .documentafb .droite_document .field--name-field-type-de-document{
	color: #475fa6;
}

.path-documentation .documentafb .droite_document .field--name-node-title h2 a,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-node-title h2 a {
  color: #000000;
  font-size: 18px;
  /*font-weight: 300;*/
  font-weight: 600;
  /*text-decoration: none;*/
  font-family: "Nunito Sans";
}

.path-documentation .documentafb .droite_document .field--name-node-title h2 a:hover {
  /*color: #81bd27;*/
}

.path-documentation .documentafb .droite_document .field--name-body,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-body {
  text-align: justify;
  flex: 1 ;
}

.path-documentation .documentafb .droite_document .field--name-body a,
.path-documentation .documentafb .droite_document .field--name-body a:hover,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-body a,
.view-id-documentation.view-display-id-page_2  .documentafb .droite_document .field--name-body a:hover {
  color: #000000;
}

.path-documentation .documentafb .droite_document .field--name-field-date-du-document,
.view-id-documentation.view-display-id-page_2  .documentafb .droite_document .field--name-field-date-du-document {
  margin-top: 15px;
  margin-bottom: 2px;
  border-top: 1px solid #62bf7c;
  color: #909090;
  font-size:12px;
  padding-top: 10px;
}

.view-id-documentation.view-display-id-page_2  .documentafb .droite_document .field--name-field-date-du-document {
	border-top: 1px solid #475fa6;
}

.path-documentation .documentafb .droite_document .field--name-field-date-du-document:first-letter,
.view-id-documentation.view-display-id-page_2  .documentafb .droite_document .field--name-field-date-du-document:first-letter {
  text-transform: uppercase;
}


.path-documentation .documentafb .droite_document .field--name-field-thematique{

}

.path-documentation .documentafb .droite_document .field--name-field-thematique .field--item,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique .field--item {
  padding: 2px;
  border: 1px solid #62bf7c;
  color: #62bf7c;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique .field--item{
	border: 1px solid #475fa6;
	color: #475fa6;
}

.path-documentation .documentafb .droite_document .field--name-field-thematique ul,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique ul {
  display: flex;
  padding: 0;
  flex-wrap: wrap;
}

.path-documentation .documentafb .droite_document .field--name-field-thematique ul li,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique ul li {
  padding: 2px;
  border: 1px solid #62bf7c;
  color: #62bf7c;
  margin: 2px;
  margin-left: 0px;
  margin-right: 5px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
  list-style: none;
  line-height: 14px;
}

.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique ul li{
	border: 1px solid #475fa6;
	color: #475fa6;
}


.path-documentation .view-header,
.view-id-documentation.view-display-id-page_2 .view-header {
  color: #000000;
  font-family: "Nunito Sans";
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: justify;
  margin-top: 15px;
}

.view-id-documentation.view-display-id-page_2 .view-header {
  display:  none;
}

.path-documentation .documentafb .gauche_document .field--name-field-vignette-du-document {
  float: left;
  position: relative;
  width: 100%;
  /*padding: 10px;*/
}

.path-documentation .documentafb .gauche_document .field--name-field-vignette-du-document img{
  width: 100%;
  max-width: none;
}

.path-documentation .documentafb .droite_document .field--name-node-title,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-node-title {
  margin-top: -19px;
}

.path-documentation .share {
/*  position: absolute;
  top: 20px;
  right: -2.2%;
  width: 30px;*/
}

.path-documentation .share .label_share {
/*  transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -o-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  -ms-transform: rotate(90deg) scale(1) skew(1deg) translate(0px);
  width: 45px;
  height: 20px;
  margin-bottom: 45px;
  color: #81bd27;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 700;
*/}



.path-documentation .documentafb .droite_document .field--name-field-thematique-du-document .field__items .field--item,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique-du-document .field__items .field--item {
  padding-right: 2px;
}

.path-documentation .documentafb .droite_document .field--name-field-thematique-du-document .field__items .field--item::before,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique-du-document .field__items .field--item::before {
  content: '> ';
}

.path-documentation .documentafb .droite_document .field--name-field-thematique-du-document .field__items .field--item:last-child::after,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique-du-document .field__items .field--item:last-child::after  {
  content: '';
}

.path-documentation .documentafb .droite_document .field--name-field-thematique-du-document .field--label,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique-du-document .field--label {
  width: 100%;
}

.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-territoire-s__target-id label,
.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id label,
.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-type-de-document-target-id label {
  width: 100%;
  margin-bottom: 5px;
}

.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id .select-wrapper {
  width: 100%;
}

.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id .select-wrapper select {
  width: 100%;
  padding-right: 18px !important;
}

.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-type-de-document-target-id .select-wrapper {
  width: 100%;
}

.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-type-de-document-target-id .select-wrapper select {
  width: 100%;
}

.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-territoire-s__target-id .select-wrapper {
  width: 100%;
}

.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-territoire-s__target-id .select-wrapper select {
  width: 100%;
  padding-right: 57px;
}


.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-territoire-s__target-id .select-wrapper,
.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id .select-wrapper,
.path-documentation .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-type-de-document-target-id .select-wrapper {
  margin-bottom: 20px;
}

.path-documentation .views-exposed-form-documentation-page-1 .form--inline #edit-field-thematique-du-document-target-id--wrapper {
  margin-bottom: 10px;
}

.path-documentation .views-exposed-form-documentation-page-1 .form--inline #edit-field-thematique-du-document-target-id--wrapper legend {
  border-bottom: none;
  margin-bottom: 0;
}

.path-documentation .views-exposed-form-documentation-page-1 .form--inline #edit-field-thematique-du-document-target-id--wrapper legend span {
  font-size: 14px;
  color: #464e5a;
  font-weight: bold;
  max-width: 100%;
}

.path-documentation .views-exposed-form-documentation-page-1 .form--inline #edit-field-thematique-du-document-target-id--wrapper .form-item-field-thematique-du-document-target-id label input {
  margin-right: 10px;
}

.path-documentation .views-exposed-form-documentation-page-1 {
  padding: 20px;
  background: white;
  margin-left: 20px;
  margin-right: 20px;
}

.path-documentation .documentafb .droite_document .field--name-field-territoire-s- .field--label::after,
.path-documentation .documentafb .droite_document .field--name-field-thematique-du-document .field--label::after,
.path-documentation .documentafb .droite_document .field--name-field-type-de-document .field--label::after,
.path-documentation .documentafb .droite_document .field--name-field-date-du-document .field--label::after,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-territoire-s- .field--label::after,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-thematique-du-document .field--label::after,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-type-de-document .field--label::after,
.view-id-documentation.view-display-id-page_2 .documentafb .droite_document .field--name-field-date-du-document .field--label::after {
  content: ' : ';
}

.path-documentation .views-exposed-form-documentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-actions {
  display: block;
}

.path-documentation #views-exposed-form-documentation-page-1 .form--inline .form-actions button {
/*  margin: auto;
  display: block;
  color: #fff;
  background-color: #0088a5;
  border-color: #0088a5;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;*/
}




/*PAGE TYPE "DOCUMENT"*/

.page-node-type-document .node--view-mode-full .addtoany_list{
  flex-direction: row;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-type-de-document,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .droite_document .field--name-field-type-de-document {
  margin-bottom: 20px;
  color: #62bf7c;
  font-weight: 700;
}

.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .droite_document .field--name-field-type-de-document {
  font-family:  'Nunito Sans';
  font-weight:  700;
  font-size:  12px;
  color:  #FFF;
  line-height:  18px;
  text-transform:  uppercase;
  background: #475fa6;
  padding:  5px 10px;
  display:  inline-block;
  margin-right:  5px;
}

.page-node-type-document .node--type-document .gauche_document .field--name-field-vignette-du-document img{
  max-width: none;
  width: 100%;
  margin: 0px;
}

.page-node-type-document .node--type-document .gauche_document .field--name-field-feuilletez-le-document{
  text-align: center;
  margin-top: 10px;
}

.page-node-type-document .node--type-document .gauche_document .field--name-field-feuilletez-le-document a{
  color: #63BF7C;
  background-color: #FFF;
  border: 2px solid #63BF7C;
  font-family: "Nunito Sans";
  font-weight: 700;
  text-align: center;
  padding: 2px 8px;
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 20px;
  letter-spacing: 1px;
}

.page-node-type-document .node--type-document .gauche_document .field--name-field-feuilletez-le-document a:hover{
  color: #FFFF;
  background-color: #63BF7C;
}

.page-node-type-document .content_page .field--name-node-title {
  /*position: relative;*/
  /*border-left: 40px solid #81bd27;*/
  /*margin-top: 40px;*/
  /*margin-bottom: 40px;*/
  /*font-family: 'Nunito Sans';*/
}
/*
.page-node-type-document .content_page .field--name-node-title h2,
.page-node-type-document-life-artisan .content_page .field--name-node-title h2 {
  font-family: 'Nunito Sans';
  font-weight: 800;
  font-size: 46px;
  color: #000000;
  letter-spacing: 0.15px;
  line-height: 55px;
}
*/

.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-date-du-document,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .droite_document .field--name-field-date-du-document {
  margin-top: 15px;
  margin-bottom: 2px;
  color: #909090;
  font-size: 12px;
  padding-top: 10px;
  text-transform: capitalize;
}

.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-thematique .field--item,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .droite_document .field--name-field-thematique .field--item {
  padding: 2px;
  border: 1px solid #62bf7c;
  color: #62bf7c;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .droite_document .field--name-field-thematique .field--item  {
	border: 1px solid #475fa6;
	color: #475fa6;
}

.node--type-document {
  /*background: #fff;*/
}

.node--type-document .content_page {
  box-shadow: none;
}

.page-node-type-document .node--type-document .content_page p{
  font-weight: 300;
  font-size: 15px;
}





.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id .select-wrapper {
  width: 100%;
}

.page-node-type-document .node--type-document .droite_document .field--name-field-thematique-du-document .field--label,
.page-node-type-document-life-artisan .node--type-document-life-artisan .droite_document .field--name-field-thematique-du-document .field--label {
  width: 100%;
}



.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id .select-wrapper select {
  width: 100%;
  padding-right: 40px !important;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-type-de-document-target-id .select-wrapper,
.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-territoire-s__target-id .select-wrapper {
  width: 100%;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-type-de-document-target-id .select-wrapper select,
.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-territoire-s__target-id .select-wrapper select {
  width: 100%;
  padding-right: 75px;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-territoire-s__target-id label,
.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id label,
.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-type-de-document-target-id label {
  width: 100%;
  margin-bottom: 5px;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline #edit-field-thematique-du-document-target-id--wrapper {
  margin-bottom: 10px;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline #edit-field-thematique-du-document-target-id--wrapper legend {
  border-bottom: none;
  margin-bottom: 0;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline #edit-field-thematique-du-document-target-id--wrapper legend span {
  font-size: 14px;
  color: #464e5a;
  font-weight: bold;
  max-width: 100%;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline #edit-field-thematique-du-document-target-id--wrapper .form-item-field-thematique-du-document-target-id label input {
  margin-right: 10px;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-territoire-s__target-id .select-wrapper,
.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id .select-wrapper,
.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-type-de-document-target-id .select-wrapper {
  margin-bottom: 20px;
}

.page-node-type-document .block-views-exposed-filter-blockdocumentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-item-field-thematique-du-document-target-id .select-wrapper select option {
  width: 100%;
}

.page-node-type-document .views-exposed-form-documentation-page-1 {
  padding: 20px;
  background: white;
}

.page-node-type-document .views-exposed-form-documentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-actions {
  display: block;
}


.page-node-type-document .views-exposed-form-documentation-page-1 #views-exposed-form-documentation-page-1 .form--inline .form-actions button {
  margin: auto;
  display: block;
  color: #fff;
  background-color: #0088a5;
  border-color: #0088a5;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.page-node-type-document .node--type-document .content_page,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.page-node-type-document .node--type-document .content_page .droite_document,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .droite_document {
  margin-bottom: 30px;
}

.page-node-type-document .node--type-document .content_page .droite_document .gauche_document{
  margin-top: 30px;
  padding: 0px;
  position: relative;
  z-index: 10;
}

.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-thematique-du-document .field__items .field--item,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .droite_document .field--name-field-thematique-du-document .field__items .field--item {
  padding-right: 2px;
}

.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-thematique-du-document .field__items .field--item::before {
  /*content: '> ';*/
}

.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-thematique-du-document .field__items .field--item:last-child::after {
  /*content: '';*/
}

.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-territoire-s- .field--label::after,
.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-thematique-du-document .field--label::after,
.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-type-de-document .field--label::after,
.page-node-type-document .node--type-document .content_page .droite_document .field--name-field-date-du-document .field--label::after {
  /*content: ' : ';*/
}

.page-node-type-document .node--type-document .content_page .droite_document .field--name-body,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .droite_document .field--name-body {
  text-align: justify;
  margin-bottom: 20px;
}

.page-node-type-document .node--type-document .content_page .field--name-node-title {
  /*padding-top: 1px;*/
  /*margin-bottom: 20px;*/
}

.page-node-type-document .node--type-document .content_page .download_afb,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb {
  padding: 20px 25px;
  background: #1d3c6e;
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field--label,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field--label {
  color: #FFF;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.page-node-type-document .node--type-document .content_page .download_afb .file-link,
.page-node-type-document .node--type-document .content_page .download_afb .file-size,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .file-link,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .file-size {
  font-size: 12px;
}

.page-node-type-document .node--type-document .content_page .download_afb .file > span,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .file > span {
  background: none;
  color: #FFF;
  border: none;
}
.page-node-type-document .node--type-document .content_page .download_afb .file > span a,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .file > span a {
  color: #FFF;
  text-decoration: none;
}
.page-node-type-document .node--type-document .content_page .download_afb .file > span:hover a,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .file > span:hover a {
  text-decoration: underline;
}
.page-node-type-document .node--type-document .content_page .download_afb .file .text-primary,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .file .text-primary {
  color: #FFF;
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field--items .field--item,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field--items .field--item {
  margin-left: -8px;
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-link,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-link {
  background: #0087a5;
  border: none;
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-link a,
.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-icon,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-link a,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-icon {
  color: #fff;
}


.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-link a {
  font-size: 14px;
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-size,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-size {
  font-size: 14px;
  color: #fff;
  background: #0087a5;
  border: none;
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-icon,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-icon {
  background: #0087a5;
  border: none;
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-icon .text-primary,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-icon .text-primary  {
  color: #fff;
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-icon .text-primary::before,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field__items .field--item .file .file-icon .text-primary::before {
  content: "\e080";
}

.page-node-type-document .node--type-document .content_page .download_afb .field--name-field-a-telecharger .field--label,
.page-node-type-document-life-artisan .node--type-document-life-artisan .content_page .download_afb .field--name-field-a-telecharger .field--label {
  margin-bottom: 15px;
}


/*Page type "Documentation" : Bloc CTA "Retour à la liste des documents */

#block-retouralalistedocumentation,
#block-retouraladocumentationlifeartisan {
  margin-top: 20px;
  margin-bottom: 50px;
  text-align: center;
}


#block-retouralalistedocumentation .btn-primary,
#block-retouraladocumentationlifeartisan .btn-primary  {
  color: #63BF7C;
  background-color: #FFF;
  border: 1px solid #63BF7C;
  font-family: "Nunito Sans";
  font-size: 14px;
  /*font-weight: 400;*/
  font-weight: 800;
  /*text-transform: uppercase;*/
  text-align: center;
  padding: 10px 40px;
  border-radius: 50px;
  outline: none;
  margin-left: 7px;
  text-shadow: none;
  box-shadow: none;
}

#block-retouraladocumentationlifeartisan .btn-primary {
	color: #475fa6;
	border: 1px solid #475fa6;
}

#block-retouralalistedocumentation .btn-primary:hover {
  background-color: #63BF7C;
  color: #FFFFFF;
}

#block-retouraladocumentationlifeartisan .btn-primary:hover {
	background-color: #475fa6;
    color: #fff;
}

#block-retouralalistedocumentation .btn-primary::before {
  /*content: '\f060';
  font-family: 'FontAwesome';
  font-size: 12px;
  padding-right: 10px;*/
}









/* FORMAT FAQ */

.field--name-field-faq-paragraph .ui-state-active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
}

.content_page .field--name-field-para-bt3367 .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item #faqfield_field_faq_paragraph_paragraph_588 .ui-corner-all {
  border-bottom-right-radius: 0%;
}

.content_page .field--name-field-para-bt3367 .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item #faqfield_field_faq_paragraph_paragraph_588 .ui-corner-all {
  border-bottom-left-radius: 0%;
}

.content_page .field--name-field-para-bt3367 .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item #faqfield_field_faq_paragraph_paragraph_588 .ui-corner-all {
  border-top-right-radius: 0%;
}

.content_page .field--name-field-para-bt3367 .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item #faqfield_field_faq_paragraph_paragraph_588 .ui-corner-all {
  border-top-left-radius: 0%;
}

.content_page .field--name-field-para-bt3367 .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item #faqfield_field_faq_paragraph_paragraph_588 .ui-state-default {
  border: 1px solid #ececec;
  background: #ececec 50% 50% repeat-x;
}

.content_page .field--name-field-para-bt3367 .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item #faqfield_field_faq_paragraph_paragraph_588 .ui-widget-content {
  border: 1px solid #ececec;
}

.main-container .row .col-sm-12 .region-content .node--type-article div .field--name-field-paragraphes .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item .ui-accordion .ui-accordion-header {
  border: 1px solid #ececec;
  background: #ececec 50% 50% repeat-x;
}

.main-container .row .col-sm-12 .region-content .node--type-article div .field--name-field-paragraphes .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item .ui-accordion .ui-widget-content {
  border: 1px solid #ececec;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 0%;
}


.main-container .row .col-sm-12 .region-content .node--type-article div .field--name-field-paragraphes .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item .ui-accordion .ui-corner-all,
.main-container .row .col-sm-12 .region-content .node--type-article div .field--name-field-paragraphes .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field__items .field--item .ui-accordion .ui-accordion-header-active {
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 0%;
}

.main-container .row .col-sm-12 .region-content .node--type-article div .content_page .field--name-field-paragraphes .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field--items .field--item .ui-accordion .ui-state-active {
  background: #f6f6f6;
  border: 1px solid #c5c5c5;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("https://www.afbiodiversite.fr/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png") !important;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("https://www.afbiodiversite.fr/core/assets/vendor/jquery.ui/themes/base/images/ui-icons_444444_256x240.png") !important;
}

.main-container .row .col-sm-12 .region-content .node--type-article div .content_page .field--name-field-paragraphes .field--item .paragraph--type--faq-paragraphe .field--name-field-faq-paragraph .field--items .field--item .ui-accordion .faqfield-answer p {
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-size: 14px;
}


#block-retouralacartedutdf {
  margin-top: 20px;
}

#block-retouralacartedutdf .field--name-body p .bouton_tdf {
  float: left;
  color: #fff;
  background-color: #96c11f;
  border-color: #96c11f;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 12px;
  margin-left: 94px;
  text-decoration: none;
}

#block-retouralacartedutdf .field--name-body p .bouton_tdf:hover {
  float: left;
  color: #fff;
  background-color: #0087a5;
  border-color: #0087a5;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 12px;
  margin-left: 94px;
  text-decoration: none;
}

#block-retouralacartedutdf .field--name-body p .bouton_tdf::before {
  content: '\f060';
  font-family: 'FontAwesome';
  font-size: 12px;
  padding-right: 10px;
}

#block-backtothetdfmap {
  margin-top: 20px;
}

#block-backtothetdfmap .field--name-body p .bouton_tdf {
  float: left;
  color: #fff;
  background-color: #96c11f;
  border-color: #96c11f;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 12px;
  margin-left: 94px;
  text-decoration: none;
}

#block-backtothetdfmap .field--name-body p .bouton_tdf:hover {
  float: left;
  color: #fff;
  background-color: #0087a5;
  border-color: #0087a5;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 6px 12px;
  margin-left: 94px;
  text-decoration: none;
}

#block-backtothetdfmap .field--name-body p .bouton_tdf::before {
  content: '\f060';
  font-family: 'FontAwesome';
  font-size: 12px;
  padding-right: 10px;
}


#block-simplenewssubscription {
  float: right;
}

#block-simplenewssubscription #simplenews-subscriptions-block-07105fc5-e950-496a-8b11-8a66bdd69d61 #edit-mail-wrapper .form-item label {
  display: none;
}

#edit-subscribe {
  float: right;
  border-style: outset;
}

.navbar-brand {
  display: none;
}

.tabs {
  margin-top: 20px;
}

.navbar-default {
  border-color: white;
  background-color: white;
}

#block-langue {
  float: right;
}

/*#block-menuafb li {
  float: left;
  text-align: center;
}*/

#block-afb-search {
  margin-left: 438px;
  margin-top: -122px;
}




/* FORMULAIRES WEBFORM */

.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-identification-de-l-ecole-ou-de-l-etablissement-scolaire section,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-identification-de-l-ecole-ou-de-l-etablissement-scolaire fieldset,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-identification-de-la-personne-referente section,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-financement section {
  margin-bottom: 20px;
}


.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-identification-de-l-ecole-ou-de-l-etablissement-scolaire #edit-nombre-et-contacts-des-enseignants-concernes .webform-section-wrapper .container-inline,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-identification-de-l-ecole-ou-de-l-etablissement-scolaire #edit-directeur-rice-et-autres-acteurs-de-l-education-nationale-impliq .webform-section-wrapper #edit-autres .container-inline,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-identification-de-la-personne-referente #edit-contact-de-la-ou-des-personnes-en-charge-de-l-accompagnement-de- .webform-section-wrapper #edit-autre-s-intervenant-e-s- .container-inline {
  visibility: hidden;
}

.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-contexte-de-votre-projet-ame #edit-l-ame-est-elle-integree-au-projet-d-ecole-ou-d-etablissement---wrapper,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-contexte-de-votre-projet-ame #edit-votre-ecole-ou-etablissement-est-il-inscrit-dans-d-autres-demarc--wrapper,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-contexte-de-votre-projet-ame #edit-avez-vous-deja-repere-ou-choisi-un-site-pour-l-ame---wrapper,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form #edit-contexte-de-votre-projet-ame #edit-le-site-se-situe-t-il-dans-le-perimetre-d-un-dispositif-de-gesti--wrapper {
  margin-top: 20px;
}

.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form .webform-button--next,
.path-webform #webform-submission-dossier-de-candidature-pour-l-in-add-form .webform-button--previous {
  background-color: #96c11f;
  color: #fff;
}





/** AGENDA **/
/*********************************************************/
/** PAGE AGENDA (LISTING +  DETAILS) **/
/*********************************************************/

/* LISTING */


.path-agenda h1.page-header{
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0px 15px;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-weight: 800;
  color: #ED6A53;
  border: none;
}

.path-agenda-biodiversite-entreprises h1.page-header,
.path-le-projet-life-integre-artisan #block-titrerdvlifeintegreartisan h1.page-header {
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0px 15px;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-weight: 800;
  color: #003365;
  border: none;
}

.path-le-projet-life-integre-artisan #block-titrerdvlifeintegreartisan h1.page-header {
  color: #63502d;
}

.path-agenda-ete-biodiversite h1.page-header{
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 0px 15px;
  font-family: "Nunito Sans";
  font-size: 40px;
  font-weight: 800;
  color: #04a64b;
  border: none;
}


.view-id-agenda.view-display-id-page_1{
  /*display: flex;*/
}


.view-id-agenda.view-display-id-page_1 .view-filters {
  /*float: right;*/
  /*width: 20%;*/
  /*width: 30%*/
}
.view-id-agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline .form-item {

  /*  float: none; */
}
.view-id-agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-documentation.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-documentation.view-display-id-page_2 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-actualites.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-actualites.view-display-id-page_2 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-actualites.view-display-id-page_3 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-ete_biodiversite_evenements.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda.view-display-id-page_3 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-chiffres_cles.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline .form-item,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda.view-display-id-page_2 .view-filters .bef-exposed-form .form--inline .form-item {

    display: block;
}
.view-id-agenda.view-display-id-page_1 .form-item-field-type-evenements-target-id {
 /* margin: 20px 0;
  float: none;*/
  border: 2px solid #ed6953;
  width: 100%;
  margin-bottom: 20px;
}


.view-id-agenda.view-display-id-page_1 .form-item-field-type-evenements-target-id label {
  background: #ed6953;
  /* border: 2px solid #ed6953; */
  color: #FFF;
  font-size: 13px;
  padding: 10px;
  font-weight: 600;
  margin-bottom: 0px;
  /* line-height: 15px; */
  text-transform: uppercase;
  /* padding-top: 15px; */
  display: flex;
  align-items: center;
  /*cursor: pointer;*/
}


.view-id-agenda.view-display-id-page_1 .form-item-field-type-evenements-target-id .form-group {
  display: block;
  padding: 10px;
}

.view-id-agenda.view-display-id-page_1 .form-item-field-type-evenements-target-id .form-group a {
  color: #000;
  text-decoration: none;
  display: block;
}

.view-id-agenda.view-display-id-page_1 .form-item-field-type-evenements-target-id .form-group:hover a,
.view-id-agenda.view-display-id-page_1 .form-item-field-type-evenements-target-id .form-group a.bef-link-active {
  font-weight: 700;
  color: #ed6953;
}


.view-id-agenda.view-display-id-page_1 .form-item-field-type-evenements-target-id .form-group:first-child {
  display: none;
}

.view-id-agenda.view-display-id-page_1 .form-item-field-type-evenements-target-id .form-group::before {
/*  content: '\f0a9';
  font-family: "FontAwesome";
  display: inline-block;
  margin-right: 10px;*/
}

/*Bouton "REINITIALISER FILTERS"*/
.view-id-agenda.view-display-id-page_1 .view-filters .reinit_filtre_agenda,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .reinit_filtre_agenda,
.view-ete-biodiversite-evenements .view-filters .reinit_filtre_agenda {

  /*display: flex;*/
  /*justify-content: center;*/
  text-align: center;
}

.view-id-agenda.view-display-id-page_1 .view-filters .reinit_filtre_agenda a {
  padding: 5px 10px;
  text-decoration: none;
  text-align: center;
  border: 2px solid #ed6953;
  background: none;
  outline: none;
  border-radius: 50px;
  text-transform: uppercase;
  color: #ed6953;
  font-size: 11px;
  font-weight: 700;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .reinit_filtre_agenda a,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda.view-display-id-page_2 .view-filters .reset-filters {
  padding: 5px 10px;
  text-decoration: none;
  text-align: center;
  border: 2px solid #003365;
  background: none;
  outline: none;
  border-radius: 50px;
  text-transform: uppercase;
  color: #003365;
  font-size: 11px;
  font-weight: 700;
}

.view-ete-biodiversite-evenements .view-filters .reinit_filtre_agenda a {
  padding: 5px 10px;
  text-decoration: none;
  text-align: center;
  border: 2px solid #04a64b;
  background: none;
  outline: none;
  border-radius: 50px;
  text-transform: uppercase;
  color: #04a64b;
  font-size: 11px;
  font-weight: 700;
}

.view-id-agenda.view-display-id-page_1 .view-filters .reinit_filtre_agenda a:hover {
  background-color: #ed6953;
  color: #FFF;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .reinit_filtre_agenda a:hover,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda.view-display-id-page_2 .view-filters .reset-filters:hover {
  background-color: #003365;
  color: #FFF;
}

.view-ete-biodiversite-evenements .view-filters .reinit_filtre_agenda a:hover {
  background-color: #04a64b;
  color: #FFF;
}

.view-id-agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value,
.view-id-agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value-1,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-end-value-1  {
  margin-bottom: 20px;
  border: 2px solid #ed6953;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value,
.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-end-value-1 {
  border: 2px solid #63502d;
}

.view-id-agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value label,
.view-id-agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value-1 label,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value label,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-end-value-1 label {
  background: #ed6953;
  color: #FFF;
  font-size: 13px;
  padding: 10px;
  font-weight: 600;
  margin-bottom: 0px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value label,
.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-end-value-1 label {
  background: #63502d;
}

.view-id-agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value input,
.view-id-agenda.view-display-id-page_1 .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value-1 input,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-value input,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-filters .bef-exposed-form .form--inline > .form-item.form-item-field-dates-evenement-end-value-1 input {
  
  margin: 5%;
  width: 90% !important;
}






.view-id-agenda.view-display-id-page_1 .view-content {
  /*width: 75%;*/
  /*width: 70%*/
}

.view-id-agenda.view-display-id-page_1 .view-content .views-row,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-content .views-row,
.view-ete-biodiversite-evenements .view-content .views-row {
/*  position: relative;
  height: 250px;*/
  /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);*/
  margin-bottom: 20px;
  /*border: 1px solid #EEECEC;*/
}

.view-id-agenda.view-display-id-page_1 .view-content .views-row .titre_a_la_une{
  text-align: center;
  background: #ed6953;
  border-radius: 1px;
  color: #ffffff;
  margin-bottom: 15px;
  margin-top: 40px;
  margin-top: 0px;
}
.view-id-agenda.view-display-id-page_1 .view-content .views-row .titre_a_la_une h2{
  font-size: 22px;
  font-weight: 800;
  line-height: 36px;
  margin-top: 0px;
}

.view-id-agenda.view-display-id-page_1 .view-content .views-row .timeline-month{
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  border: 1px solid #ed6953;
  border-radius: 2px;
  color: #ed6953;
  margin-bottom: 15px;
  margin-top: 40px;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-content .views-row .timeline-month{
  text-align: center;
  font-size: 22px;
  font-weight: 800;
  border: 1px solid #003365;
  border-radius: 2px;
  color: #003365;
  margin-bottom: 15px;
  margin-top: 40px;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-content .views-row .timeline-month {
  border: 1px solid #63502d;
  color: #63502d;
}

.view-id-agenda.view-display-id-page_1 .view-content .views-row .flex-row,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-content .views-row .flex-row,
.view-ete-biodiversite-evenements .view-content .views-row .flex-row,
.view-id-agenda.view-display-id-block_2 .view-content .views-row .evenement-a-la-une  {
  flex-wrap: wrap;
  border: 1px solid #EEECEC;
}

.view-id-agenda.view-display-id-page_1 .view-content .views-row .flex-row .event_vignette,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .view-content .views-row .flex-row .event_vignette,
.view-ete-biodiversite-evenements .view-content .views-row .flex-row .event_vignette,
.view-id-agenda.view-display-id-block_2 .view-content .views-row .evenement-a-la-une .event_vignette {
  padding: 0px;
}


.view-id-agenda.view-display-id-page_1 .views-row .event_content .event_content_header,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_content_header,
.view-ete-biodiversite-evenements .views-row .event_content .event_content_header,
.view-id-agenda.view-display-id-block_2 .views-row .evenement-a-la-une .event_content_header {
  flex: 1;
  width: 100%;
}

.view-ete-biodiversite-evenements .views-row .event_content .event_content_header {
  flex: none;
}

.view-ete-biodiversite-evenements .views-row .event_content .event_resume {
  margin-top: 20px;
}

.view-id-agenda.view-display-id-page_1 .view-content .views-row .flex-row .event_content,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content,
.view-ete-biodiversite-evenements .views-row .event_content,
.view-id-agenda.view-display-id-block_2 .view-content .views-row .evenement-a-la-une .event_content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.view-id-agenda.view-display-id-page_1 .views-row .event_vignette img,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_vignette img,
.view-ete-biodiversite-evenements .views-row .event_vignette img,
.view-id-agenda.view-display-id-block_2 .views-row .event_vignette img {
  width: 100%;
  max-width: none;
}

.view-id-agenda.view-display-id-page_1 .views-row .event_date,
.page-node-type-evenement .field--name-field-dates-evenement,
.view-id-territoire_agenda .owl-item .dates_evenement,
.page-node-type-campagne-ete .field--name-field-dates-evenement,
.view-id-agenda.view-display-id-block_2 .views-row .event_date {
  font-size: 26px;
  color: #ed6953;
  margin-bottom: 20px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.page-node-type-campagne-ete .field--name-field-dates-evenement {
  color: #04a64b;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_date {
  font-size: 26px;
  color: #003365;
  margin-bottom: 20px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_date {
  color: #63502d;
}

.view-ete-biodiversite-evenements .views-row .event_date {
  font-size: 26px;
  color: #04a64b;
  margin-bottom: 20px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.page-node-type-rdv-biodiversite-entreprises .content_header,
.page-node-type-campagne-ete .content_header,
.page-node-type-agenda-life-artisan .content_header {
  margin-top: 20px;
}

.page-node-type-rdv-biodiversite-entreprises .field--name-field-dates-evenement,
.page-node-type-agenda-life-artisan .field--name-field-dates-evenement,
.page-node-type-evenement-cmn .field--name-field-dates-evenement,
.page-node-type-evenement-upb .field--name-field-dates-evenement {
  font-size: 26px;
  color: #003365;
  margin-bottom: 20px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.page-node-type-agenda-life-artisan .field--name-field-dates-evenement {
  color: #63502d;
}

.page-node-type-evenement-cmn .field--name-field-dates-evenement {
  color: #ef761f;
}

.page-node-type-evenement-upb .field--name-field-dates-evenement {
  color: #0d80be;
}

.page-node-type-campagne-ete .field--name-field-dates-evenement {
  font-size: 26px;
  color: #04a64b;
  margin-bottom: 20px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
}

.page-node-type-evenement .node--type-evenement  .content_dates  .field--name-field-dates-evenement,
.page-node-type-rdv-biodiversite-entreprises .node--type-rdv-biodiversite-entreprises  .content_dates  .field--name-field-dates-evenement,
.page-node-type-campagne-ete .node--type-campagne-ete .content_dates  .field--name-field-dates-evenement,
.page-node-type-agenda-life-artisan .node--type-agenda-life-artisan  .content_dates  .field--name-field-dates-evenement,
.page-node-type-evenement-cmn .node--type-evenement-cmn  .content_dates  .field--name-field-dates-evenement,
.page-node-type-evenement-upb .node--type-evenement-upb  .content_dates  .field--name-field-dates-evenement  {
  color: #FFF;
  font-size: 27px;
  font-weight: 300;
  text-transform: lowercase;
  margin-bottom: 0px;
}

.page-node-type-rdv-biodiversite-entreprises .content_page .field--name-field-organisateurs,
.page-node-type-agenda-life-artisan .content_page .field--name-field-organisateurs {
  color: #0083c9;
  margin-bottom: 10px;
}

.page-node-type-agenda-life-artisan .content_page .field--name-field-organisateurs {
  color: #63502d;
}

.page-node-type-rdv-biodiversite-entreprises .content_page .field--name-field-organisateurs .field--label::after,
.page-node-type-agenda-life-artisan .content_page .field--name-field-organisateurs .field--label::after {
  content: ' :';
}

.page-node-type-evenement .content_dates  .field--name-field-dates-evenement {

}


.view-id-agenda.view-display-id-page_1 .views-row .event_date .du_evenement,
.view-id-agenda.view-display-id-page_1 .views-row .event_date .au_evenement,
.page-node-type-evenement .field--name-field-dates-evenement .du_evenement,
.page-node-type-evenement .field--name-field-dates-evenement .au_evenement,
.page-node-type-rdv-biodiversite-entreprises .field--name-field-dates-evenement .du_evenement,
.page-node-type-rdv-biodiversite-entreprises .field--name-field-dates-evenement .au_evenement,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_date .du_evenement,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_date .au_evenement,
.view-id-territoire_agenda .owl-item .dates_evenement .du_evenement,
.view-id-territoire_agenda .owl-item .dates_evenement .au_evenement,
.page-node-type-campagne-ete .field--name-field-dates-evenement .du_evenement,
.page-node-type-campagne-ete .field--name-field-dates-evenement .au_evenement,
.view-ete-biodiversite-evenements .views-row .event_date .du_evenement,
.view-ete-biodiversite-evenements .views-row .event_date .au_evenement,
.view-id-agenda.view-display-id-block_2 .views-row .event_date .du_evenement,
.view-id-agenda.view-display-id-block_2 .views-row .event_date .au_evenement,
.page-node-type-agenda-life-artisan .field--name-field-dates-evenement .du_evenement,
.page-node-type-agenda-life-artisan .field--name-field-dates-evenement .au_evenement,
.page-node-type-evenement-cmn .field--name-field-dates-evenement .du_evenement,
.page-node-type-evenement-cmn .field--name-field-dates-evenement .au_evenement,
.page-node-type-evenement-upb .field--name-field-dates-evenement .du_evenement,
.page-node-type-evenement-upb .field--name-field-dates-evenement .au_evenement {
  font-size: 16px;
  font-weight: 300;
  text-transform: uppercase;
}

.view-id-agenda.view-display-id-page_1 .views-row .event_date  .annee_evenement,
.page-node-type-evenement .field--name-field-dates-evenement .annee_evenement,
.page-node-type-rdv-biodiversite-entreprises .field--name-field-dates-evenement .annee_evenement,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_date  .annee_evenement,
.view-id-territoire_agenda .owl-item .dates_evenement .annee_evenement,
.page-node-type-campagne-ete .field--name-field-dates-evenement .annee_evenement,
.view-ete-biodiversite-evenements .views-row .event_date  .annee_evenement,
.view-id-agenda.view-display-id-block_2 .views-row .event_date .annee_evenement,
.page-node-type-agenda-life-artisan .field--name-field-dates-evenement .annee_evenement,
.page-node-type-evenement-cmn .field--name-field-dates-evenement .annee_evenement,
.page-node-type-evenement-upb .field--name-field-dates-evenement .annee_evenement {
  font-size: 12px;
  position: absolute;
  top: auto;
  font-weight: 300;
}



.view-id-agenda.view-display-id-page_1 .views-row .event_content,
.view-id-agenda.view-display-id-block_2 .views-row .event_content {
  background-color: #fff;
  padding: 20px;
  /*height: 250px;*/
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.view-id-agenda.view-display-id-page_1 .views-row .event_content .event_resume {
  display: none;
}

.view-id-agenda.view-display-id-block_2  .views-row .event_content .event_resume .chapo {
  margin-bottom: 100px;
}

.view-id-agenda.view-display-id-page_1 .views-row .event_content .event_lieu,
.view-id-agenda.view-display-id-block_2 .views-row .event_content .event_lieu {
  color: #ed6953;
  font-weight: 600;
  display: block;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_lieu {
  color: #003365;
  font-weight: 600;
  display: block;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_lieu {
  color: #63502d;
}

.view-ete-biodiversite-evenements .views-row .event_content .event_lieu {
  color: #04a64b;
  font-weight: 600;
  display: block;
  margin-top: 15px;
}

.view-id-agenda.view-display-id-page_1 .views-row .event_content .event_type {
  padding: 2px;
  border: 1px solid #ed6953;
  color: #ed6953;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_type {
  padding: 2px;
  border: 1px solid #003365;
  color: #003365;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_type {
  border: 1px solid #63502d;
  color: #63502d;
}

.view-id-agenda.view-display-id-page_1 .views-row .event_content .event_title,
.view-id-agenda.view-display-id-block_2 .views-row .event_content .event_title  {
  margin-bottom: 20px;
}

.view-id-agenda.view-display-id-page_1 .views-row .event_content .event_title a,
.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_title a,
.view-ete-biodiversite-evenements .views-row .event_content .event_title a,
.view-id-agenda.view-display-id-block_2 .views-row .event_content .event_title a {
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  font-family: "Nunito Sans";
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_title {
  margin-bottom: 20px;
}

.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_title a {
  color: #42977a;
}

.path-le-projet-life-integre-artisan .view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_title a {
  color: #000000;
}


.view-id-les_rendez_vous_biodiversite_entreprises_2020_agenda .views-row .event_content .event_organisateur {
  color: #0083c9;
}










/* PAGE DETAILS "AGENDA / EVENEMENT" */

.page-evenement-custom{
  display: flex;
  flex-wrap: wrap;
  margin: 50px auto;

  padding: 0px;
}

.page-evenement-custom > .region-content{
  padding: 0px;
}

.page-node-type-evenement .addtoany,
.page-node-type-evenement-cmn .addtoany,
.page-node-type-evenement-upb .addtoany {
  padding: 0px;
}

/*.page-evenement-custom{}*/
/* SIDEBAR / COLONNE DROITE*/
.page-evenement-custom aside{
  padding: 0px;
  border-left:  1px solid #ED6A53;
  border: none;
  margin: 15px;
}

.page-evenement-custom aside .region-sidebar-second #block-autresevenementsconseilles h2.block-title{
  margin-top: 0px;
  font-size: 17px;
  font-weight: 600;
  color: #ED6A53;
  padding: 10px 0px;
  position: relative;

  border-bottom: 1px solid #ED6A53;
}

.page-evenement-custom aside .region-sidebar-second #block-autresevenementsconseilles h2.block-title:before{
  content: '';
  position: absolute;
  background-color: #ED6A53;  
  bottom: 0px;
  left: 0px;
  width: auto;
  height: 2px;
  width: 240px;
}


.node--type-evenement .field--name-node-title {
  margin-top: 0px;
}

.node--type-evenement .field--name-node-title h1{
  margin-top: 0px;
}

.node--type-evenement .content_dates {
  background: #ed6a53;
  display: flex;
  /*align-items: center;*/
  align-items: stretch;
  justify-content: space-between;
  color: #FFF;

  flex-direction: column;
}

.node--type-evenement-cmn .content_dates {
  background: #ef761f;
  display: flex;
  /*align-items: center;*/
  align-items: stretch;
  justify-content: space-between;
  color: #FFF;

  flex-direction: column;
}

.node--type-evenement-upb .content_dates {
  background: #0d80be;
  display: flex;
  /*align-items: center;*/
  align-items: stretch;
  justify-content: space-between;
  color: #FFF;

  flex-direction: column;
}

.node--type-rdv-biodiversite-entreprises .content_dates,
.node--type-agenda-life-artisan .content_dates {
  background: #003365;
  display: flex;
  /*align-items: center;*/
  align-items: stretch;
  justify-content: space-between;
  color: #FFF;

  flex-direction: column;
}

.node--type-agenda-life-artisan .content_dates {
  background: #63502d;
}

.node--type-campagne-ete .content_dates {
  background: #04a64b;
  display: flex;
  /*align-items: center;*/
  align-items: stretch;
  justify-content: space-between;
  color: #FFF;

  flex-direction: column;
}

.node--type-evenement .content_dates .field--name-field-dates-evenement,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-dates-evenement,
.node--type-campagne-ete .content_dates .field--name-field-dates-evenement,
.node--type-agenda-life-artisan .content_dates .field--name-field-dates-evenement,
.node--type-evenement-cmn .content_dates .field--name-field-dates-evenement,
.node--type-evenement-upb .content_dates .field--name-field-dates-evenement  {
  padding: 20px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
}



.node--type-evenement .content_dates .public-lieu,
.node--type-rdv-biodiversite-entreprises .content_dates .public-lieu,
.node--type-campagne-ete .content_dates .public-lieu,
.node--type-agenda-life-artisan .content_dates .public-lieu {
  align-items: center;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  padding-top: 0px;
}

.node--type-evenement .content_dates .public-lieu .field--name-field-type-de-public{
  /*padding: 20px;*/
}

.node--type-evenement .content_dates .public-lieu .field--name-field-lieu,
.node--type-rdv-biodiversite-entreprises .content_dates .public-lieu .field--name-field-lieu,
.node--type-campagne-ete .content_dates .public-lieu .field--name-field-lieu,
.node--type-agenda-life-artisan .content_dates .public-lieu .field--name-field-lieu  {
  /*padding: 0 20px 20px;*/
  /*padding: 0 20px;*/
  /*font-weight: 600;*/
  font-weight: 700;
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier {
  /*background: #ef7864;*/
  /*border-left: 1px solid #FFF;*/
  display: flex;
  /*width: 120px;*/
  border-top: 1px solid #FFF;
  /*align-items: center;*/
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier.add-to-calendar-disabled,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier.add-to-calendar-disabled,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier.add-to-calendar-disabled,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier.add-to-calendar-disabled,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier.add-to-calendar-disabled,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier.add-to-calendar-disabled  {
  display: none;
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier span.addtocalendar,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier span.addtocalendar,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier span.addtocalendar,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier span.addtocalendar,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier span.addtocalendar,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier span.addtocalendar {
  display: flex;
  flex: 1;
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link,
.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover,
.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active,
.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus{
  background: #ef7864;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 0px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
  padding: 5px;
  justify-content: center;
  box-shadow: none;

  /*flex-direction: column;*/
  flex-direction: row;
  flex: 1;
}

.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus{
  background: #ef761f;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 0px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
  padding: 5px;
  justify-content: center;
  box-shadow: none;

  /*flex-direction: column;*/
  flex-direction: row;
  flex: 1;
}

.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus{
  background: #0d80be;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 0px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
  padding: 5px;
  justify-content: center;
  box-shadow: none;

  /*flex-direction: column;*/
  flex-direction: row;
  flex: 1;
}

.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus{
  background: #003365;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 0px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
  padding: 5px;
  justify-content: center;
  box-shadow: none;

  /*flex-direction: column;*/
  flex-direction: row;
  flex: 1;
}

.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus{
  background: #63502d;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 0px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
  padding: 5px;
  justify-content: center;
  box-shadow: none;

  /*flex-direction: column;*/
  flex-direction: row;
  flex: 1;
}

.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus{
  background: #04a64b;
  display: flex;
  align-items: center;
  text-align: center;
  border-radius: 0px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
  padding: 5px;
  justify-content: center;
  box-shadow: none;

  /*flex-direction: column;*/
  flex-direction: row;
  flex: 1;
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover{
  background: #ed6a53;
}

.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover{
  background: #ef761f;
}

.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover{
  background: #0d80be;
}

.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover{
  background: #003365;
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder:before,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder:before,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder:before,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder:before,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder:before,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder:before  {
  content: '';
  display: block;
  width: 25px;
  height: 25px;
  margin: auto;
  margin-right: 5px;
  background: url(../img/svg/event.svg) center center no-repeat;
  background-size: contain;
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder,
.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover .placeholder,
.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active .placeholder,
.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus .placeholder,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover .placeholder,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active .placeholder,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus .placeholder,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover .placeholder,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active .placeholder,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus .placeholder,
.node--type-agenda-life-artisan  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover .placeholder,
.node--type-agenda-life-artisan  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active .placeholder,
.node--type-agenda-life-artisan  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus .placeholder,
.node--type-evenement-cmn  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover .placeholder,
.node--type-evenement-cmn  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active .placeholder,
.node--type-evenement-cmn  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus .placeholder,
.node--type-evenement-upb  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link .placeholder,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:hover .placeholder,
.node--type-evenement-upb  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:active .placeholder,
.node--type-evenement-upb  .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-link:focus .placeholder   {
  font-style: normal;
  display: flex;
  align-items: center;

  /* display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  flex: 1;*/
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-list{
  padding-left: 0px;
  border-radius: 0px;
  /*border: none;*/
  box-shadow: none;
  left: inherit;
  right: 0px;
  border: 1px solid #ed6a53; 
}

.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-list{
  padding-left: 0px;
  border-radius: 0px;
  /*border: none;*/
  box-shadow: none;
  left: inherit;
  right: 0px;
  border: 1px solid #ef761f; 
}

.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-list{
  padding-left: 0px;
  border-radius: 0px;
  /*border: none;*/
  box-shadow: none;
  left: inherit;
  right: 0px;
  border: 1px solid #0d80be;
}

.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-list {
  padding-left: 0px;
  border-radius: 0px;
  /*border: none;*/
  box-shadow: none;
  left: inherit;
  right: 0px;
  border: 1px solid #003365; 
}

.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-list {
  padding-left: 0px;
  border-radius: 0px;
  /*border: none;*/
  box-shadow: none;
  left: inherit;
  right: 0px;
  border: 1px solid #003365; 
}

.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-list {
  padding-left: 0px;
  border-radius: 0px;
  /*border: none;*/
  box-shadow: none;
  left: inherit;
  right: 0px;
  border: 1px solid #04a64b; 
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item,
.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item-link{
  list-style: none;
  background: #ed6a53;
  color: #FFF;
  font-size: 13px;
}

.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item-link{
  list-style: none;
  background: #ef761f;
  color: #FFF;
  font-size: 13px;
}

.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item-link{
  list-style: none;
  background: #0d80be;
  color: #FFF;
  font-size: 13px;
}

.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item-link{
  list-style: none;
  background: #003365;
  color: #FFF;
  font-size: 13px;
}

.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item-link{
  list-style: none;
  background: #63502d;
  color: #FFF;
  font-size: 13px;
}

.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item-link{
  list-style: none;
  background: #04a64b;
  color: #FFF;
  font-size: 13px;
}

.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item.hover .atcb-item-link,
.node--type-evenement .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item:hover .atcb-item-link{
  background: #FFF;
  color: #ed6a53;
}

.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item.hover .atcb-item-link,
.node--type-evenement-cmn .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item:hover .atcb-item-link{
  background: #FFF;
  color: #ef761f;
}

.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item.hover .atcb-item-link,
.node--type-evenement-upb .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item:hover .atcb-item-link{
  background: #FFF;
  color: #0d80be;
}

.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item.hover .atcb-item-link,
.node--type-rdv-biodiversite-entreprises .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item:hover .atcb-item-link{
  background: #FFF;
  color: #003365;
}

.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item.hover .atcb-item-link,
.node--type-agenda-life-artisan .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item:hover .atcb-item-link{
  background: #FFF;
  color: #003365;
}


.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item.hover .atcb-item-link,
.node--type-campagne-ete .content_dates .field--name-field-ajouter-au-calendrier .atc-style-blue .atcb-item:hover .atcb-item-link{
  background: #FFF;
  color: #04a64b;
}

.node--type-evenement .content_header .header_left,
.node--type-rdv-biodiversite-entreprises .content_header .header_left,
.node--type-campagne-ete .content_header,
.node--type-agenda-life-artisan .content_header .header_left,
.node--type-evenement-cmn .content_header,
.node--type-evenement-upb .content_header {
  margin-top: 20px;
  margin-bottom: 20px;
}

.node--type-evenement .content_page .field--name-field-type-evenements,
.node--type-agenda-life-artisan .content_page .field--name-field-type-evenements {
  padding: 2px;
  border: 1px solid #ed6953;
  color: #ed6953;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.node--type-agenda-life-artisan .content_page .field--name-field-type-evenements {
  border: 1px solid #63502d;
  color: #63502d;
}

.node--type-rdv-biodiversite-entreprises .content_page .field--name-field-type-de-rdv {
  padding: 2px;
  border: 1px solid #003365;
  color: #003365;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.node--type-agenda-life-artisan .content_page .field--name-field-type-de-rdv {
  padding: 2px;
  border: 1px solid #003365;
  color: #003365;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.node--type-evenement .content_page .field--name-field-vignette-evenement{
  margin-top: 20px;
}

.node--type-evenement .content_page .field--name-field-vignette-evenement img{
  width: 100%;
}

.node--type-agenda-life-artisan .content_page .field--name-field-thematique {
  padding-bottom: 20px;
}

.node--type-evenement .content_page .field--name-field-thematique .field--item,
.node--type-agenda-life-artisan .content_page .field--name-field-thematique .field--item {
  padding: 2px;
  border: 1px solid #ed6953;
  color: #ed6953;
  margin: 2px;
  margin-left: 0px;
  border-radius: 3px;
  font-size: 10px;
  display: inline-block;
}

.node--type-agenda-life-artisan .content_page .field--name-field-thematique .field--item {
  border: 1px solid #63502d;
  color: #63502d;
}

.node--type-evenement .content_page .field--name-field-thematique a {
  color: #ed6953;
  text-decoration: none;
}


.node--type-evenement .content_dates .field--name-field-date-debut,
.node--type-evenement .content_dates .field--name-field-date-fin,
.node--type-evenement .content_dates .field--name-field-dates-evenement {
  /*color: #fff;*/
  /*padding: 5px;
  text-align: center;
  font-size: 23px;
  font-weight: bold;*/
}

.node--type-evenement .content_dates .field--name-field-date-fin {
  /*padding-top: 0;*/
}

.node--type-evenement .content_dates .field--name-field-date-fin::before {
/*  content: 'au';
  display: block;
  margin-bottom: 5px;
  font-size: 18px;*/
}








.view-id-agenda.view-display-id-page_1 .view-content .views-row .views-field-nothing .field-content {
/*  display: grid;
  grid-template-columns: .8fr 2fr 7fr;*/
}


.view-id-agenda.view-display-id-page_1 .views-row .event_date .event_date_day {
/*  display: block;
  font-size: 40px;
  font-weight: bold;
  margin-top: -4px;*/
}

.view-id-agenda.view-display-id-page_1 .views-row .event_date .event_date_month {
/*  display: block;
  font-weight: 500;
  font-size: 23px;
  margin-top: -17px;*/
}

.view-id-agenda.view-display-id-page_1 .views-row .event_date .event_date_years {
/*  display: block;
  font-size: 18px;
  font-weight: lighter;
  margin-top: -6px;*/
}




.view-id-agenda.view-display-id-page_1 .views-row .views-field-addtoany-share {
/*  position: absolute;
  top: 0;
  right: 0;*/
}

.view-id-agenda.view-display-id-page_1 .views-row .views-field-addtoany-share {
/*  position: absolute;
  top: 50px;
  right: -49px;*/
}

.view-id-agenda.view-display-id-page_1 .views-row .views-field-addtoany-share .label_share {
/*  transform: rotate(90deg);
  margin-bottom: 30px;
  margin-left: -16px;
  color: rgb(150, 193, 31);*/
}

.field--name-field-documents-utiles{
  background: #1d3c6d;
  padding: 10px;
}

.field--name-field-documents-utiles .file > span{
  border: none;
  background: none;
  color: #FFF;
} 

.field--name-field-documents-utiles .file > span .text-primary,
.field--name-field-documents-utiles .file > span a{
  color: #FFF;
  text-decoration: none;
}
.field--name-field-documents-utiles .file > span a:hover{
  text-decoration: underline;
}




/** Twitter **/
#block-twitter {
  /*margin-right: -15px;*/
  /*height: 440px;*/
  /*box-shadow: 0 0 10px rgba(0, 0, 0, .1);*/
}

#block-twitter p {
  margin: 0;
  padding: 0;
}

#block-twitter .twitter-timeline {
  /*height: 440px !important;*/
}

#block-twitter .twitter-timeline .timeline-Widget {
  /*border-radius: 0 !important;*/
}


.navbar-collapse #block-menumainnavigationafb-2 {
  /*display: none;*/
}


/** Page Event single **/
.node--type-evenement .content_header {
/*  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-column-gap: 10px;*/
}



.node--type-evenement .content_page {
  /*margin-left: 0;
  width: 91.3%;*/
}



/* .node--type-evenement .content_page .field--name-node-title h2 {
  background-color: #003366;
} */



.bloc-evenements-venir {
/*  margin-bottom: 20px;
  width: 77%;
  text-align: justify;*/
}

.bloc-evenements-venir h2{
/*  color: #ED6A53;
  font-size: 40px;
  font-weight: 700;*/
  /*text-transform: uppercase;*/
}








/* PAGE LISTE */
.node--type-page-liste {
  /*background-color: #fff;*/
  /*margin: 0 66px;*/
  /*box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
}

.node--type-page-liste .section_content_relativ,
.page-node-type-page-liste .section_content_relativ,
.page-node-type-fiche-pratique .section_content_relativ {
  float: left;
  width: 100%;
  background : #f6f7fb;
  overflow: hidden;
  position: relative;
}

.node--type-page-liste .section_content_relativ:before,
.page-node-type-page-liste .section_content_relativ:before,
.page-node-type-fiche-pratique .section_content_relativ:before {
  content: '';
  display: block;
  position: absolute;
  opacity: 0.2;
  background: url(../img/svg/symbol-form-bg-blue.svg) bottom+50px right no-repeat;
  background-size: contain;
  width: 100%;
  bottom: -50px;
  z-index: 0;
  top: 0px;
  right: -300px;
}
/*
body.page-node-565 .main-container{
  
  z-index: -10;
  right: -200px;
  top: -100px;
  
  background: url(../img/svg/symbol-form-bg-grey.svg) top right no-repeat;
  background-size: contain;
  
  box-shadow: 0px -150px 50px 0px rgb(255, 255, 255) inset;
}*/


.node--type-page-liste .content_relativ_page,
.page-node-type-page-liste .content_relativ_page,
.page-node-type-fiche-pratique .content_relativ_page {
  padding: 0px;
}


.node--type-page-liste .content_page,
.node--type-fiche-pratique .content_page {
  padding-left: 15px;
  padding-right: 15px;
}

.node--type-page-liste > .bs-region > .field--name-node-title,
.node--type-fiche-pratique > .bs-region > .field--name-node-title {
  position: relative;
  /*border-left: 40px solid #81bd27;*/
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: 'Nunito Sans';
}
.node--type-page-liste > .bs-region > .field--name-node-title h1,
.node--type-fiche-pratique > .bs-region > .field--name-node-title h1 {
  font-weight: bold;
  font-size: 22px;
  line-height: 35px;
  margin: 0;
  margin-left: 10px;
  margin-bottom: 5px;
}
.node--type-page-liste > .bs-region > .field--name-node-title h1::after,
.node--type-fiche-pratique > .bs-region > .field--name-node-title h1::after {
    content: '';
    width: 25px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 10px;
    /*background-color: #81bd27;*/
}
.node--type-page-liste > .bs-region > .field--name-body,
.node--type-fiche-pratique > .bs-region > .field--name-body {
  padding: 0 160px;
  margin-bottom: 30px;
}

.node--type-page-liste .field--name-field-liste-contenu,
.page-node-type-page-liste .field--name-field-liste-contenu,
.page-node-type-fiche-pratique .field--name-field-liste-contenu {
	margin-top: 15px;
}

.node--type-page-liste .field--name-field-liste-contenu > .field--item,
.page-node-type-page-liste .field--name-field-liste-contenu > .field--item,
.page-node-type-fiche-pratique .field--name-field-liste-contenu > .field--item {
  width: 33.33333333%;
  float: left;
  position: relative;
    min-height: 1px;
    padding-right: 25px;
    padding-left: 25px;
}

.node--type-page-liste .field--name-field-liste-contenu > .field--item .node--view-mode-page-liste,
.page-node-type-page-liste .field--name-field-liste-contenu > .field--item .node--view-mode-page-liste,
.page-node-type-fiche-pratique .field--name-field-liste-contenu > .field--item .node--view-mode-page-liste {
  position: relative;
  background-color: #fff;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
}

.node--type-page-liste .field--name-field-liste-contenu .field--label,
.page-node-type-page-liste .field--name-field-liste-contenu .field--label,
.page-node-type-fiche-pratique .field--name-field-liste-contenu .field--label  {
  /*border-top: solid 2px #95c11f;*/
  padding: 20px 0px;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  color: #254669;
}

.node--type-page-liste .field--name-field-liste-contenu .field--items,
.page-node-type-page-liste .field--name-field-liste-contenu .field--items,
.page-node-type-fiche-pratique .field--name-field-liste-contenu .field--items {
  display: flex;
  flex-wrap: wrap;
}

.node--type-page-liste .field--name-field-liste-contenu .field--items > .field--item {
/*  width: 33.33333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 25px;
  padding-left: 25px;*/
}
@media (min-width: 480px) and (max-width: 768px)  {
  .node--type-page-liste .field--name-field-liste-contenu .field--items > .field--item,
  .page-node-type-page-liste .field--name-field-liste-contenu .field--items > .field--item,
  .paragraph--type-contenu .field--name-field-contenu .field--items > .field--item,
  .page-node-type-fiche-pratique .field--name-field-liste-contenu .field--items > .field--item {
    width: 50%;
  }
}

.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-image img,
.page-node-type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-image img,
.paragraph--type-contenu .field--name-field-contenu .node--view-mode-page-liste .field--name-field-image img,
.page-node-type-fiche-pratique .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-image img {
  width: 100%;
}

.node--type-page-liste .field--name-field-liste-contenu .field--items > .field--item .node--view-mode-page-liste,
.page-node-type-page-liste .field--name-field-liste-contenu .field--items > .field--item .node--view-mode-page-liste,
.paragraph--type-contenu .field--name-field-contenu .field--items > .field--item .node--view-mode-page-liste,
.page-node-type-fiche-pratique .field--name-field-liste-contenu .field--items > .field--item .node--view-mode-page-liste {
  position: relative;
  /*background-color: #fff;*/
  /*-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);*/
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
}

.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-image,
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-vignette-actu,
.page-node-type-page-liste  .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-image,
.page-node-type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-vignette-actu,
.paragraph--type-contenu .field--name-field-contenu .node--view-mode-page-liste .field--name-field-image,
.page-node-type-fiche-pratique .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-image {
  position: relative;
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-image a:hover::before,
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-vignette-actu a:hover::before {
  /*content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .7);*/
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-image a:hover::after,
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-field-vignette-actu a:hover::after {
  /*content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 47px;
  height: 47px;
  color: #fff;
  font-size: 31px;
  border-radius: 50%;
  border: 1px solid #fff;
  padding: 0 14px;
  font-weight: 300;*/
}

.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title,
.page-node-type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title,
.paragraph--type-contenu .field--name-field-contenu .node--view-mode-page-liste .field--name-node-title,
.page-node-type-fiche-pratique .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Nunito Sans';
  border-left: none;
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .page-liste-content {
  /*padding: 20px;*/
  /*padding: 10px 0px;*/
  /*height: 200px;*/
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2::before {
	/*content: '';*/
	/*border-left: 20px solid #81bd27;*/
	/*margin-right: 10px;*/
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2,
.page-node-type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2,
.paragraph--type-contenu .field--name-field-contenu .node--view-mode-page-liste .field--name-node-title h2,
.page-node-type-fiche-pratique .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  /*margin: 0 0 20px;*/
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2 a,
.page-node-type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2 a,
.paragraph--type-contenu .field--name-field-contenu .node--view-mode-page-liste .field--name-node-title h2 a,
.page-node-type-fiche-pratique .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2 a  {
  color: #000000;
  /*font-weight: bold;*/
  text-decoration: none;
  display: block;
  padding: 10px 0px;
  line-height: 20px;
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2 a:hover,
.page-node-type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-title h2 a:hover {
  /*color: #39a9db;*/
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-link {
  /*margin: 16px 0;*/
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-link a{
  /*background-color: #d9eabd;*/
 /* padding: 10px 18px;
  border-radius: 5px;
  color: #373d31;
  font-family: 'Nunito Sans';
  font-size: 13px;*/
}
.node--type-page-liste .field--name-field-liste-contenu .node--view-mode-page-liste .field--name-node-link a:hover{
  /*color: #fff;
  background-color:#81bd27;
  text-decoration: none;*/
}



/* view-filters for mobile full screen */
/*********************************************************/
/** FILTERS **/
/*********************************************************/

/*@media (max-width: 350px) {*/
  
  #bloc-filters.mobileJS{
    position: fixed;
    z-index: 1000;
    top: 100%;
    background: #FFFFFF;
    height: 100%;
    width: 100%;
    left: 0px;
    padding: 10px;
    overflow-y: scroll;
    transition: all 0.2s ease;
  }

  #bloc-filters.mobileJS.openJS{
    top: 0%;
  }

  #area-button-fixed{
    position: fixed;
    z-index: 1001;
    width: 100%;
    background: #0083cb;
    left: 0px;
    bottom: 0px;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    color: #FFF;
  }

  .path-frontpage #area-button-fixed{
    display: none;
  }

  .path-presse #area-button-fixed{
    background: #8D7C41;
  }
  .path-agenda #area-button-fixed{
    background: #ED6A53;
  }
  .path-documentation #area-button-fixed{
    background: #62bf7c;
  }
  .path-chiffres-cles #area-button-fixed{
    background: #cb9f71;
  }
  .path-recherche #area-button-fixed{
    background: #003a76;
  }

  #area-button-fixed #button-filter-on-mobile{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #area-button-fixed #button-filter-on-mobile:before{
    content: '';
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
    margin-right: 5px;

    background: url(../img/svg/filters.svg) center center no-repeat;
    background-size: 15px;
  }

  #area-button-fixed #button-filter-on-mobile.fermer:before{
    background: url(../img/svg/close-white.svg) center center no-repeat;
    background-size: 15px;
  }

/*}*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #block-views-block-actualites-a-la-une-block-2 .news .news_img,
  .path-actualites .news .news_img,
  .path-presse .news .news_img,
  .news .news_img{
    flex: 1;
    display: flex;
  }
}

#block-coronavirus {
  margin-bottom: 50px;
}


#block-coronavirus img {
  padding-top: 50px;
  padding-bottom: 50px;
}


#block-coronavirus .closeblock {
  bottom: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

#block-coronavirus .closeblock .closeblock-button {
  color: #003365;
  border: 1px solid #003365;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 40px;
  border-radius: 50px;
  text-decoration: none;
  margin: 10px 0px;
}

#block-coronavirus .closeblock .closeblock-button:hover {
  background-color: #003365;
  color: #fff;
}

.page-node-type-territoire #backtotop {
  display: none !important;
}

#block-engagespourlanature {
  background-color: #FFF;
  color:  #04A64B;
}

#block-engagespourlanature .field--name-body h2 {
  margin-top:  30px;
  font-family:  'Nunito Sans';
  font-weight:  800;
  font-size: 40px;
  letter-spacing:  1px;
  line-height:  40px;
  padding-left:  45px;
}

#block-engagespourlanature .field--name-body .texte-engages-pour-la-nature {
  font-size:  18px;
  font-weight:  700;
  padding-left:  45px;
}

#block-engagespourlanature .field--name-body ul li {
  list-style:  none;
  text-align:  center;
  margin-bottom:  50px;
}

i.picto-item {
  position:  relative;
  cursor:  help;
  border-radius:  50%;
  text-decoration:  underline;
  text-decoration-style:  dotted;
}
/* i.picto-item:hover,
i.picto-item:focus {
  text-decoration:  underline;
  text-decoration-style:  dotted;
} */

i.picto-item:hover:after,
i.picto-item:focus:after {
  content:  attr(aria-label);
  position:  absolute;
  top:  -2.4em;
  left:  50%;
  transform:  translateX(-50%);
  z-index:  1;
  white-space:  nowrap;
  padding:  5px 14px;
  background:  #213d74;
  color:  #fff;
  border-radius:  4px;
  font-size:  14px;
  font-weight:  bold;
  font-family:  "Nunito Sans";
  white-space:  normal;
  width:  350px;
  margin-left:  50px;
}

i.picto-item[aria-label]:hover:before,
i.picto-item[aria-label]:focus:before {
  content: "▼";
  position:  absolute;
  top:  -1em;
  left:  50%;
  transform:  translateX(-50%);
  font-size:  20px;
  color:  #fff;
}

i.picto-item[aria-label]:focus {
  outline:  none;
}

/* NOUVEAUX STYLES UPB */

span.bloc_blanc {
  font-family:  "Nunito Sans";
  font-weight:  800;
  font-size:  20px;
  color:  #0d80be;
}

span.bloc_couleur {
  font-family:  "Nunito Sans";
  font-weight:  800;
  font-size:  20px;
  color:  #fff;
}

/* LEGENDES PHOTOS PARAGRAPHES */

div.legende_vignette,
.paragraph--type--grande-image-diaporama .slide__caption .slide__description {
  font-size: 11px;
  /*max-height: 30px;*/
  align-items: flex-end;
  justify-content: flex-end;
  line-height:  1.42857143;
}

/* OUVERTURE POPUP CONTENU */

#cboxWrapper .region-header,
#cboxWrapper .footer-ofb,
#cboxWrapper #main-header-OFB,
#cboxWrapper #toolbar-administration {
  display:  none;
}

/* .page-node-type-page-liste #colorbox,
.page-node-type-page-liste #cboxWrapper,
.page-node-type-page-liste #cboxLoadedContent {
  height:  400px !important;
}

.page-node-type-page-liste #cboxContent {
  height:  380px !important;
} */

/* ESPACE PRESSE CMN */

.path-presse .reset-filters.presse-cmn {
  border:  2px solid #ef761f !important;
  color:  #ef761f !important;
  margin-bottom:  0 !important;
}

.path-presse .reset-filters.presse-cmn:hover {
  background:  #ef761f !important;
  color:  #FFF !important;
}

/* PAGE LIFE ARTISAN DOCUMENTATION */

.page-node-2707 .documentation_life_artisan .view-header,
.page-node-4789 .documentation_life_artisan .view-header {
  margin:  40px 0px;
  padding:  0px 15px;
}

.page-node-2707 .documentation_life_artisan,
.page-node-4789 .documentation_life_artisan {
  background-color:  #475fa6;
  padding-bottom:  45px;
}

.page-node-2707 .view-id-actualites_a_la_une.view-display-id-block_4 h2.block-title,
.page-node-4789 .view-id-actualites_a_la_une.view-display-id-block_4 h2.block-title {
  display:  inline-block;
  font-family: "Nunito Sans";
  font-size:  45px;
  line-height:  40px;
  font-weight:  800;
  color:  #FFF;
  margin:  0px;
  letter-spacing:  1px;
  padding-left:  15px;
}

.page-node-2707 .documentation_life_artisan .more-link a:hover,
.page-node-4789 .documentation_life_artisan .more-link a:hover {
  color:  #475fa6;
  text-decoration:  none;
  background-color:  #fff;
}

.page-node-2707 .documentation_life_artisan .field-views-conditiional-field,
.page-node-4789 .documentation_life_artisan .field-views-conditiional-field {
  display:  flex;
  flex-direction:  column;
  flex: 1;
}

.page-node-2707 .documentation_life_artisan .documentafb .droite_document,
.page-node-4789 .documentation_life_artisan .documentafb .droite_document {
  background-color:  #fff;
  position:  relative;
  padding-top:  15px;
  padding-bottom:  15px;
  display:  flex;
  flex-direction:  column;
}

.page-node-2707 .documentation_life_artisan .view-content,
.page-node-4789 .documentation_life_artisan .view-content {
  padding-left:  20px;
  padding-right:  20px;
}

.page-node-2707 .documentation_life_artisan .droite_document .field--name-node-title,
.page-node-4789 .documentation_life_artisan .droite_document .field--name-node-title {
  margin-top:  -19px;
  display:  flex;
  flex: 1;
  flex-direction:  column;
}

.page-node-2707 .documentation_life_artisan .droite_document .field--name-node-title h2 a,
.page-node-4789 .documentation_life_artisan .droite_document .field--name-node-title h2 a {
  color: #000000;
  font-size:  18px;
  font-weight:  600;
  font-family:  "Nunito Sans";
}

.page-node-2707 .documentation_life_artisan .documentafb .droite_document .field--name-body,
.page-node-4789 .documentation_life_artisan .documentafb .droite_document .field--name-body {
  text-align:  justify;
  flex:  1;
  display:  flex;
  flex-direction:  column;
}

.page-node-2707 .documentation_life_artisan .content-footer,
.page-node-4789 .documentation_life_artisan .content-footer {
  border-top:  1px solid #475fa6;
  margin-top:  15px;
  margin-bottom:  2px;
}

.page-node-2707 .documentation_life_artisan .field--name-field-date-du-document,
.page-node-4789 .documentation_life_artisan .field--name-field-date-du-document {
  color:  #909090;
  font-size:  12px;
  padding-top:  10px;
  display:  flex;
  flex-direction:  column;
}

.page-node-2707 .documentation_life_artisan .field--name-field-date-du-document::first-letter,
.page-node-4789 .documentation_life_artisan .field--name-field-date-du-document::first-letter {
  text-transform:  uppercase;
}

.page-node-2707 .documentation_life_artisan .field--name-field-thematique ul,
.page-node-4789 .documentation_life_artisan .field--name-field-thematique ul {
  display:  flex;
  padding:  0;
  flex-wrap:  wrap;
}

.page-node-2707 .documentation_life_artisan .field--name-field-thematique ul li,
.page-node-4789 .documentation_life_artisan .field--name-field-thematique ul li {
  border:  1px solid #475fa6;
  color:  #475fa6;
  padding:  2px;
  margin:  2px;
  margin-left:  0px;
  margin-right:  5px;
  border-radius:  3px;
  font-size:  10px;
  display:  flex;
  list-style: none;
  line-height:  14px;
}

.page-node-2707 .documentation_life_artisan .field--name-field-type-de-document,
.page-node-4789 .documentation_life_artisan .field--name-field-type-de-document {
  color:  #475fa6;
  font-weight:  600;
}

.page-node-2707 .documentation_life_artisan .footer-left,
.page-node-4789 .documentation_life_artisan .footer-left {
  padding-top:  0 !important;
  width:  100%;
}

.view-id-actualites_a_la_une.view-display-id-block_4 {
  position: relative;
}