@charset "UTF-8";
/* Webfont: AGBookPro-Light */
@font-face {
  font-family: "AGBookProLight";
  src: url("../fonts/AGBookPro-Light.eot"); /* IE9 Compat Modes */
  src: url("../fonts/AGBookPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/AGBookPro-Light.woff") format("woff"), url("../fonts/AGBookPro-Light.ttf") format("truetype"), url("../fonts/AGBookPro-Light.svg#AGBookPro-Light") format("svg"); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: AGBookPro-Regular */
@font-face {
  font-family: "AGBookProRegular";
  src: url("../fonts/AGBookPro-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/AGBookPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/AGBookPro-Regular.woff") format("woff"), url("../fonts/AGBookPro-Regular.ttf") format("truetype"), url("../fonts/AGBookPro-Regular.svg#AGBookPro-Regular") format("svg"); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: AGBookPro-Medium */
@font-face {
  font-family: "AGBookProMedium";
  src: url("../fonts/AGBookPro-Medium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/AGBookPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/AGBookPro-Medium.woff") format("woff"), url("../fonts/AGBookPro-Medium.ttf") format("truetype"), url("../fonts/AGBookPro-Medium.svg#AGBookPro-Medium") format("svg"); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: AGBookPro-Bold */
@font-face {
  font-family: "AGBookProBold";
  src: url("../fonts/AGBookPro-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/AGBookPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AGBookPro-Bold.woff") format("woff"), url("../fonts/AGBookPro-Bold.ttf") format("truetype"), url("../fonts/AGBookPro-Bold.svg#AGBookPro-Bold") format("svg"); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: CadranRegular */
@font-face {
  font-family: "Cadran";
  src: url("../fonts/CadranRegular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/CadranRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/CadranRegular.woff") format("woff"), url("../fonts/CadranRegular.ttf") format("truetype"), url("../fonts/CadranRegular.svg#CadranRegular") format("svg"); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: Fabrik-Regular */
@font-face {
  font-family: "Fabrik";
  src: url("../fonts/Fabrik-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Fabrik-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Fabrik-Regular.woff") format("woff"), url("../fonts/Fabrik-Regular.ttf") format("truetype"), url("../fonts/Fabrik-Regular.svg#Fabrik-Regular") format("svg"); /* Legacy iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
/* Webfont: Fabrik-Bold */
@font-face {
  font-family: "Fabrik";
  src: url("../fonts/Fabrik-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Fabrik-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Fabrik-Bold.woff") format("woff"), url("../fonts/Fabrik-Bold.ttf") format("truetype"), url("../fonts/Fabrik-Bold.svg#Fabrik-Bold") format("svg"); /* Legacy iOS */
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}
.agbookpro-l, #footer-col-2 p, .footer-bottom {
  font-family: "AGBookProLight", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.agbookpro-r {
  font-family: "AGBookProRegular", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.agbookpro-m {
  font-family: "AGBookProMedium", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.agbookpro-b {
  font-family: "AGBookProBold", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fabrik-b, #demarches-contenu-left h4, #demarches-contenu-left h3, #demarches-contenu-left h2, #demarches-contenu h2, #section-trombi-equipe #item-trombi-equipe #item-trombi-txt h3, #section-trombi-direction #item-trombi-direction #item-trombi-txt h3, #section-trombi-presidence #item-trombi-presidence #item-trombi-txt h3, #page-sitemap-contenu p, #page-sitemap-contenu h4, #page-sitemap-contenu h3, #page-sitemap-contenu h2, .btn-promoteur, #page-base-contenu h4, #page-base-contenu h3, #page-base-contenu h2, #contact-contenu-annonce h3, #contact-contenu-col-no-offre h2, #contact-contenu-col-offre h2, #contact-contenu-col h2, #contact-contenu h2, #contenu-pdf h3, #journal-contenu-left h4, #journal-contenu-left h3, #journal-contenu-left h2, #journal-contenu h2, .item-marches-contenu h3, .item-marches-contenu h2, #item-marches-menu h3, #item-marches-menu h2, #ligne-marches-contenu h3, #ligne-marches-header h3, #carte-menu-implant a.carte-menu-implant-local, #carte-menu-implant a.carte-menu-implant-terrain, .tab-ligne-capital h3, .capital-titre-col2 h3, .capital-titre-col3 h3, .capital-titre-col1 h3, .tab-ligne-assemblee h3, .assemblee-titre-col2 h3, .assemblee-titre-col1 h3, .tab-ligne-administrateur h3, .tab-ligne-titre h3, .activi, #contenu-programmes h2, #vocation-left h2, .styckers p, #projet-identite-item-b .projet-identite-contenu-item h3, #projet-identite-item .projet-identite-contenu-item h3, #ligne-ilot-2 h2, .btn-equipe-promoteur, #projet-equipe-col-right h4, #projet-equipe-col-right h2, .btn-images-chantier, #ligne-projet-images h2, .item-evenement-texte h4, #ligne-projet-calendrier h2, .lemotde-contenu h2, #actualites-item h4, #actualites-item h2, #situation-actualites-texte h4, #situation-actualites-texte h2, #situation-col-left h2, #bloc-programation-bottom, #projet-programation h2, #projet-identite-contenu h3, .ope-livre, #bloc-annonce-actu h3, #annonce-mission-menu a, #annonce-mission-texte h3, #bloc-annonce-marches-2022-item-texte h3, #bloc-annonce-actualites-2022-item-texte h3, #bloc-annonce-secondaire-item-texte h3, #footer-col-2 p strong, #footer-col-3 p, #footer-col-3 h4, .menu-small li a, .menu li a {
  font-family: "Fabrik", Helvetica, sans-serif;
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fabrik-r, #demarches-contenu-right a span, #demarches-contenu-left ol, #demarches-contenu-left ul, #demarches-contenu-left p, #demarches-contenu-left h4 a, #demarches-contenu p, #section-trombi-equipe #item-trombi-equipe #item-trombi-txt p, #section-trombi-equipe h2, #section-trombi-direction #item-trombi-direction #item-trombi-txt p, #section-trombi-direction h2, #section-trombi-presidence #item-trombi-presidence #item-trombi-txt p, #section-trombi-presidence h2, #page-sitemap-contenu p span, #page-sitemap-contenu h1, #credits-photo-realisation p, #credits-photo p, #div-gouv-presentation p, #page-base-contenu ul li, #page-base-contenu p, #page-base-contenu h3 a, #page-base-contenu h1, #contact-contenu-annonce p, .caldera-grid label, #contact-contenu-right p, #contact-contenu-left p, #contact-contenu-col-no-offre p, #contact-contenu p, #journal-contenu-right a span, #contenu-pdf .contenu-pdf-contenu .contenu-pdf-item h5, #journal-contenu-left ol, #journal-contenu-left ul, #journal-contenu-left p, #journal-contenu-left h4 a, #journal-contenu p, .item-marches-contenu h4, .item-marches-contenu p, #item-marches-menu h4, #item-marches-menu p, .caldera-grid .alert-success, .rgpd-form p, #ligne-marches-header h6, #ligne-marches-header h1, .implantation-description h4, .implantation-description ul li, .implantation-description p, #carte-menu-implant a.carte-menu-implant-ensemble, #implantation-formulaire h2, #implantation-titre h3, #implantation-titre h1, .tab-ligne-capital p span, .tab-ligne-capital p, .capital-tab-ligne-sous-titre h3, .tab-ligne-assemblee p span, .tab-ligne-assemblee p, .assemblee-tab-ligne-sous-titre h3, .tab-ligne-administrateur p, .tab-ligne-administrateur h3 span, .tab-ligne-sous-titre h3, #gouvernance-menu a, #programmes-full p, #programmes-left p, #vocation-left p, .menu-apropos-vert a, .menu-apropos a, #item-realisation-texte h2, #item-realisation-texte p, .btn-realisation a, #ligne-realisation-image-header h1, #projet-identite-item-b .projet-identite-contenu-item p, #projet-identite-item-b .projet-identite-contenu-item h3 span, #projet-identite-item .projet-identite-contenu-item p, #projet-identite-item .projet-identite-contenu-item h3 span, #carte-menu a.carte-menu-ensemble, #page-carte-left h4, #page-carte-left p, .projet-resume, #projet-resume h4, #projet-resume p, a.item-equipement p, a.item-ilot p, a.item-ilot h3, #legende-etude p, #legende-livre p, #legende-venir p, #legende-actif p, #ligne-ilot-2 p, #filariane p a, #filariane p, #ligne-projet-ilot h1, #ligne-projet-int h3, #ligne-projet-int h1, #projet-equipe-col-right p, #fancybox-title-over, .gal-legende span, .item-evenement-texte p, .lemotde-contenu p, #actualites-item p, #actualites-item h4 a, #actualites-item h2 span, .actualites-item-col-album a span, #situation-actualites-texte p, .menu-int-projet-vert a, .menu-int-projet-lier a, .menu-int-projet a, #bloc-chiffre-cle p, #bloc-chiffre-cle h3, #situation-col-left p, #bloc-programation-top, #projet-identite-contenu p, #projet-identite-contenu h3 span, #bloc-annonce-actu p, #bloc-annonce-actu h3 span, #annonce-actu h4, #annonce-mission-texte p, #bloc-annonce-marches-2022-item-texte p, #bloc-annonce-actualites-2022-item-texte p, #bloc-annonce-secondaire-item-texte p, #entreprendre-ligne-col-left-signe-txt p, #entreprendre-ligne-col-left p, #habiter-ligne-col-left-signe-txt p, #habiter-ligne-col-left p, .caldera-grid .envoyer, .cf-uploader-trigger, .caldera-grid .alert-warning, .pagination .page-numbers, body {
  font-family: "Fabrik", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cadran, #carte-menu a.carte-menu-aire, #carte-menu a.carte-menu-entreprendre, #carte-menu a.carte-menu-habiter, .menuope-small li a, .menuope li a, .header-menu-top-btn-small a, .header-menu-top-btn a {
  font-family: "Cadran", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bleudemi {
  background-color: rgb(78, 120, 162);
}

html {
  min-height: 100%;
}

body {
  min-height: 100%;
  font-size: 21px;
  line-height: 0.9523809524rem;
  background-color: rgb(255, 255, 255);
  margin: 0;
  padding: 0;
}

#smart {
  display: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

figure {
  margin: 0;
  padding: 0;
  display: block;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}

#fancybox-content {
  border-width: 0 !important;
}

.pagination {
  position: relative;
  width: calc(100% - 180px);
  margin: 40px auto;
}
.pagination .page-numbers {
  display: inline-block;
  text-align: center;
  font-size: 0.9523809524rem;
  line-height: 1.0476190476rem;
  margin: 0 5px 0 0;
  padding: 3px 12px 5px;
  color: rgb(2, 27, 75);
  border: 1px solid rgb(2, 27, 75);
}
.pagination .page-numbershover {
  color: rgb(255, 255, 255);
  background-color: rgb(78, 120, 162);
}
.pagination .current {
  color: rgb(255, 255, 255);
  background-color: rgb(38, 91, 144);
}

.wpgmza-infowindow span,
.wpgmza-infowindow p {
  color: rgba(255, 255, 255, 0) !important;
}

.caldera-grid .alert-warning {
  font-size: 0.0476190476rem !important;
  line-height: 0.0476190476rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0) !important;
  border-color: rgba(255, 255, 255, 0) !important;
  color: rgba(255, 255, 255, 0) !important;
}

.cf-uploader-trigger {
  display: inline-block !important;
  margin-bottom: 0 !important;
  text-align: center !important;
  vertical-align: middle !important;
  -ms-touch-action: manipulation !important;
      touch-action: manipulation !important;
  cursor: pointer !important;
  border: 1px solid rgba(78, 120, 162, 0.5) !important;
  background-color: rgba(78, 120, 162, 0.1);
  white-space: nowrap !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  border-radius: 2px !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.caldera-grid .form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid rgba(78, 120, 162, 0.5) !important;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.caldera-grid .envoyer {
  font-size: 1.0952380952rem !important;
  line-height: 1.0952380952rem !important;
  margin: 15px 0 0 0 !important;
  padding: 8px 15px !important;
  color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  border-radius: 3px;
  background-color: rgb(78, 120, 162);
  border-color: rgb(78, 120, 162);
}
.caldera-grid .envoyer:hover {
  background-color: rgb(38, 91, 144);
  border-color: rgb(38, 91, 144);
}

/*------------- Map Google ----------------*/
.gm-ui-hover-effect {
  display: none !important;
}

.gm-style .gm-style-iw-c {
  left: -7px !important;
  top: 98px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-radius: 0px !important;
  padding: 0 !important;
  background-color: rgba(255, 255, 255, 0) !important;
}

.gm-style .gm-style-iw-d {
  padding-top: 23px !important;
  background-color: rgba(255, 255, 255, 0) !important;
  overflow: hidden !important;
}

.gm-style .gm-style-iw-t::after {
  display: none !important;
}

#info-bulle {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 10px 20px;
  border-radius: 3px;
  background-color: #154677;
  text-align: center;
}

#info-bulle p {
  font-family: "Fabrik", Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #fff;
  margin: 0;
  padding: 0;
}

#info-bulle:before {
  content: url(../images/haut-bulle.svg);
  position: absolute;
  top: -22px;
  left: calc(50% - 9px);
  width: 18px;
  height: 23px;
}

.image10 {
  width: 10% !important;
  height: auto !important;
  padding: 12px 0;
}

.image15 {
  width: 15% !important;
  height: auto !important;
  padding: 12px 0;
}

.image20 {
  width: 20% !important;
  height: auto !important;
  padding: 12px 0;
}

.image25 {
  width: 25% !important;
  height: auto !important;
  padding: 12px 0;
}

.image30 {
  width: 30% !important;
  height: auto !important;
  padding: 12px 0;
}

.image32 {
  width: 32% !important;
  height: auto !important;
  padding: 12px 0;
}

.image35 {
  width: 35% !important;
  height: auto !important;
  padding: 12px 0;
}

.image40 {
  width: 40% !important;
  height: auto !important;
  padding: 12px 0;
}

.image45 {
  width: 45% !important;
  height: auto !important;
  padding: 12px 0;
}

.image50 {
  width: 50% !important;
  height: auto !important;
  padding: 12px 0;
}

.image48 {
  width: 48% !important;
  height: auto !important;
  padding: 12px 0;
}

.image55 {
  width: 55% !important;
  height: auto !important;
  padding: 12px 0;
}

.image60 {
  width: 60% !important;
  height: auto !important;
  padding: 12px 0;
}

.image65 {
  width: 65% !important;
  height: auto !important;
  padding: 12px 0;
}

.image70 {
  width: 70% !important;
  height: auto !important;
  padding: 12px 0;
}

.image75 {
  width: 75% !important;
  height: auto !important;
  padding: 12px 0;
}

.image80 {
  width: 80% !important;
  height: auto !important;
  padding: 12px 0;
}

.image85 {
  width: 85% !important;
  height: auto !important;
  padding: 12px 0;
}

.image90 {
  width: 90% !important;
  height: auto !important;
  padding: 12px 0;
}

.image95 {
  width: 95% !important;
  height: auto !important;
  padding: 12px 0;
}

.image100 {
  width: 100% !important;
  height: auto !important;
  padding-bottom: 20px;
}

.alignleft {
  float: left;
  padding: 0.380952381rem 1.9047619048rem 0.380952381rem 0;
}

.alignright {
  float: right;
  padding: 0.380952381rem 0 0.380952381rem 1.9047619048rem;
}

.aligncenter {
  padding: 12px 0 6px;
  margin: 0 auto;
  text-align: center;
  display: block;
}

a {
  text-decoration: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/*----- HEADER -------*/
.open {
  top: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#header {
  width: 1350px; /* 1350*/
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 30px 0 50px 0; /*7.7%*/
}

#header-small {
  width: 100%;
  top: -200px;
  margin: 0;
  position: fixed;
  background-color: rgb(21, 70, 119);
  padding: 20px 0;
  z-index: 999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#header-small-content {
  width: 1250px;
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header-menu {
  width: 62%;
  position: relative;
  margin: 0 4% 0 0;
}

.header-lafab {
  width: 17%;
  position: relative;
  margin: 0 2% 0 0;
}

.header-lafab-small {
  width: 96px;
  position: relative;
  margin: 0;
}

.header-bm {
  width: 14.2%;
  position: relative;
}

.header-lafab img, .header-bm img {
  width: 100%;
  height: auto;
}

.header-menu-top {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.header-menu-top-btn {
  width: 70%;
  position: relative;
  padding: 0 0 0 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header-menu-top-btn a {
  text-transform: uppercase;
  font-size: 2.0476190476rem;
  line-height: 2.0476190476rem;
  position: relative;
  padding: 10px 12px 1px;
  margin: 0 12px 0 0;
  color: rgb(21, 70, 119);
  border: 1px solid rgb(21, 70, 119);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header-menu-top-btn a:hover {
  background-color: rgb(21, 70, 119);
  color: rgb(255, 255, 255);
}

.header-menu-top-btn-small {
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.header-menu-top-btn-small a {
  text-transform: uppercase;
  font-size: 1.4285714286rem;
  line-height: 1.4285714286rem;
  position: relative;
  padding: 10px 15px 1px;
  margin: 0 12px 0 0;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.header-menu-top-btn-small a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(21, 70, 119);
}

.header-fixe-search {
  position: relative;
  width: 28%;
  padding: 0 0 13px 0;
}

#searchform {
  padding: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

#searchform label {
  padding: 0;
  margin: 0;
  font-family: "grotesk", Arial !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: rgb(0, 0, 0);
}

#searchform #s {
  width: calc(100% - 31px);
  font-family: "Fabrik", Helvetica, Arial;
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  height: 24px;
  line-height: 16px;
  padding: 6px 0 0 0;
  margin: 0 0 0 7px;
  background-color: rgb(255, 255, 255);
  color: rgb(21, 70, 119);
  letter-spacing: 0;
  border-bottom: 1px solid rgb(21, 70, 119);
  border-top: 1px solid rgba(255, 255, 255, 0);
  border-left: 1px solid rgba(255, 255, 255, 0);
  border-right: 1px solid rgba(255, 255, 255, 0);
}

#searchsubmit {
  padding: 0px;
  background-image: url(../images/loupe.svg);
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0);
  margin: 0px;
  height: 28px;
  width: 20px;
  background-position: center bottom;
  cursor: pointer;
  font-size: 1px;
  color: rgba(0, 0, 0, 0);
  line-height: 15px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  opacity: 1;
  float: left;
}

#page {
  width: 1350px; /*1350*/
  margin: 0 auto;
}

#page-full {
  width: 1480px;
  margin: 0 auto;
}

.nav {
  width: 100%;
  position: relative;
  padding: 28px 0 0 0;
}

.nav-small {
  position: relative;
  padding: 28px 0 0 0;
}

/*---------------------MENU--------------------*/
.menu {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menu ul {
  z-index: 200;
  margin: 0;
  padding: 0;
  text-indent: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  direction: row;
}

.menu li {
  display: inline-block;
  margin: 0;
  position: relative;
  padding: 0 4px 0 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.menu li a {
  /* text-transform: uppercase;*/
  font-size: 1.0952380952rem;
  line-height: 1.0476190476rem;
  padding: 0 0 1px 0;
  margin: 0;
  color: rgb(21, 70, 119);
  border-bottom: 1px solid rgb(255, 255, 255);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.menu li a:hover {
  border-bottom: 1px solid rgb(21, 70, 119);
}

.menu-dec-left {
  padding-left: 100px !important;
}

.menu .current-menu-item > a,
.menu li .current-menu-item > a #menu .current-menu-ancestor > a,
.menu li .current-menu-ancestor > a,
.menu .current_page_item > a,
.menu li .current_page_item > a,
.menu .current_page_ancestor > a,
.menu li .current_page_ancestor > a,
.menu .current-category-ancestor a,
.menu .current-post-ancestor a,
.menu li .current-post-ancestor a {
  border-bottom: 1px solid rgb(21, 70, 119);
}

/*--------------------MENU small--------------------*/
.menu-small {
  position: relative;
  z-index: 200;
  margin: 0;
  padding: 0 10px;
  text-indent: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  direction: row;
}

.menu-small li {
  display: inline-block;
  margin: 0;
  position: relative;
  padding: 0 1px 0 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.menu-small li a {
  /* text-transform: uppercase;*/
  font-size: 16px;
  line-height: 16px;
  padding: 0 0 1px 0;
  margin: 0 7px;
  color: rgb(255, 255, 255);
  border-bottom: 1px solid rgb(21, 70, 119);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.menu-small li a:hover {
  border-bottom: 1px solid rgb(255, 255, 255);
}

.menu-dec-left {
  padding-left: 100px !important;
}

.menu-small .current-menu-item > a,
.menu-small li .current-menu-item > a #menu .current-menu-ancestor > a,
.menu-small li .current-menu-ancestor > a,
.menu-small .current_page_item > a,
.menu-small li .current_page_item > a,
.menu-small .current_page_ancestor > a,
.menu-small li .current_page_ancestor > a,
.menu-small .current-category-ancestor a,
.menu-small .current-post-ancestor a,
.menu-small li .current-post-ancestor a {
  border-bottom: 1px solid rgb(255, 255, 255);
}

/*-------MENU operations--------------*/
.menuope {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
}

.menuope ul {
  z-index: 200;
  margin: 0;
  padding: 0;
  text-indent: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  direction: row;
}

.menuope li {
  display: inline-block;
  margin: 0;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.menuope li a {
  text-transform: uppercase;
  font-size: 2.0952380952rem;
  line-height: 2.0952380952rem;
  position: relative;
  padding: 8px 14px 1px;
  margin: 0 12px 0 0;
  color: rgb(21, 70, 119);
  border: 1px solid rgb(21, 70, 119);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.menuope li a:hover {
  background-color: rgb(21, 70, 119);
  color: rgb(255, 255, 255);
}
.menuope li .active {
  background-color: rgb(21, 70, 119);
  color: rgb(255, 255, 255);
}

.menuope .current-menu-item > a,
.menuope li .current-menu-item > a #menuope .current-menu-ancestor > a,
.menuope li .current-menu-ancestor > a,
.menuope .current_page_item > a,
.menuope li .current_page_item > a,
.menuope .current_page_ancestor > a,
.menuope li .current_page_ancestor > a,
.menuope .current-category-ancestor a,
.menuope .current-post-ancestor a,
.menuope li .current-post-ancestor a {
  background-color: rgb(21, 70, 119);
  color: rgb(255, 255, 255);
}

/*--------------------MENU operations small--------------------*/
.menuope-small {
  position: relative;
  margin: 0;
  padding: 0;
}

.menuope-small ul {
  z-index: 200;
  margin: 0;
  padding: 0;
  text-indent: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  direction: row;
}

.menuope-small li {
  display: inline-block;
  margin: 0;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.menuope-small li a {
  text-transform: uppercase;
  font-size: 1.5714285714rem;
  line-height: 1.5714285714rem;
  position: relative;
  padding: 8px 13px 1px;
  margin: 0 0.380952381rem 0 0;
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.menuope-small li a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(21, 70, 119);
}

.menuope-small .current-menu-item > a,
.menuope-small li .current-menu-item > a #menuope-small .current-menu-ancestor > a,
.menuope-small li .current-menu-ancestor > a,
.menuope-small .current_page_item > a,
.menuope-small li .current_page_item > a,
.menuope-small .current_page_ancestor > a,
.menuope-small li .current_page_ancestor > a,
.menuope-small .current-category-ancestor a,
.menuope-small .current-post-ancestor a,
.menuope-small li .current-post-ancestor a {
  background-color: rgb(255, 255, 255);
  color: rgb(21, 70, 119);
}

.active-small {
  background-color: rgb(255, 255, 255);
  color: rgb(21, 70, 119) !important;
}

/*-------------------- FOOTER --------------------*/
#footer {
  position: relative;
  width: 1290px;
  margin: 0 auto;
  padding: 0;
  background-color: rgb(78, 120, 162);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.footer-bottom {
  text-align: center;
  font-size: 0.9047619048rem;
  line-height: 1.1904761905rem;
  margin: 0;
  padding: 30px 0 0 0;
  color: rgb(255, 255, 255);
}

#footer-content {
  position: relative;
  width: 1050px;
  margin: 0;
  padding: 37px 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#footer-col-1 {
  position: relative;
  width: 300px;
  margin-left: 56px;
}

#footer-col-2 {
  position: relative;
  width: 280px;
  padding: 8px 0 0 20px;
  border-left: 1px solid rgb(255, 255, 255);
}

#footer-col-3 {
  position: relative;
  width: 400px;
  padding-left: 20px;
  border-left: 1px solid rgb(255, 255, 255);
}

#footer-col-3-menu {
  width: 170px;
  float: left;
}

#footer-col-3-reseau {
  width: 160px;
  padding: 0 0 0 20px;
  float: right;
}
#footer-col-3-reseau a {
  display: inline-block !important;
}
#footer-col-3-reseau img {
  padding-right: 10px;
  height: 36px;
  width: auto;
}

#footer-col-4 {
  position: relative;
  width: 230px;
  height: 230px;
}

#footer-col-3 h4 {
  font-size: 1rem;
  line-height: 1rem;
  margin: 0;
  padding: 10px 10px 12px 0;
  color: rgb(255, 255, 255);
  display: block;
}

#footer-col-3 p {
  font-size: 0.9523809524rem;
  line-height: 0.9523809524rem;
  margin: 0;
  padding: 8px 10px 9px 0;
  color: rgb(255, 255, 255);
  display: block;
  border-top: 1px solid rgb(255, 255, 255);
}

#footer-col-3 p a {
  color: rgb(255, 255, 255);
}

#footer-col-3 .filet {
  border-top: 1px solid rgb(255, 255, 255);
}

.footer-col-1-logo {
  width: 145px;
  padding-top: 24px;
  float: left;
}
.footer-col-1-logo img {
  width: 100%;
  height: auto;
}

.footer-col-1-ico {
  position: relative;
  float: right;
  width: 66px;
  margin: 23px 20px 0 0;
  text-align: right;
}
.footer-col-1-ico img {
  height: 28px;
  width: auto;
  margin: 4px 0;
}

#footer-col-2 p {
  font-size: 0.9047619048rem;
  line-height: 1.0952380952rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

#footer-col-2 a {
  color: rgb(255, 255, 255);
}

#footer-col-2 p strong {
  font-size: 1.0476190476rem;
  line-height: 1.4285714286rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

#ligne-accueil {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 20px;
}

#habiter-ligne-col-left p {
  font-size: 1.7619047619rem;
  line-height: 2.0952380952rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

#habiter-ligne-col-left {
  position: relative;
  width: 50%;
  padding: 65px 190px 0 60px;
  background-color: rgb(21, 70, 119);
}
#habiter-ligne-col-left a {
  padding: 65px 190px 0 60px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#habiter-ligne-col-right {
  position: relative;
  width: 50%;
  padding: 0;
  background-color: rgb(255, 255, 255);
}
#habiter-ligne-col-right a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#habiter-ligne-col-right::before {
  content: "";
  padding-top: 72%;
  float: left;
}

#habiter-ligne-col-right::after {
  content: "";
  display: block;
  clear: both;
}

#habiter-ligne-col-left-signe {
  width: 80px;
  position: absolute;
  bottom: 10%;
  left: 40%;
  z-index: 555;
}
#habiter-ligne-col-left-signe img {
  width: 100%;
  height: auto;
}

#habiter-ligne-col-left-signe-txt {
  width: 100px;
  position: absolute;
  bottom: 7%;
  left: 49%;
  z-index: 555;
}
#habiter-ligne-col-left-signe-txt p {
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

#habiter-ligne-accueil-ico-habiter {
  width: 210px;
  position: relative;
  position: absolute;
  top: 30%;
  left: 40%;
  z-index: 555;
}
#habiter-ligne-accueil-ico-habiter a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#habiter-ligne-accueil-ico-habiter img {
  width: 100%;
  height: auto;
}

#entreprendre-ligne-col-left {
  position: relative;
  width: 50%;
  background-color: rgb(2, 27, 75);
}
#entreprendre-ligne-col-left p {
  font-size: 1.7619047619rem;
  line-height: 2.0952380952rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}
#entreprendre-ligne-col-left a {
  padding: 65px 190px 0 60px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#entreprendre-ligne-col-left figure {
  padding: 14px 0 0 0;
}

#entreprendre-ligne-col-left-texte {
  position: absolute;
  top: 70px;
  right: 60px;
  left: 180px;
}

#entreprendre-ligne-col-right {
  position: relative;
  width: 50%;
  padding: 0;
  background-color: rgb(255, 255, 255);
}
#entreprendre-ligne-col-right a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#entreprendre-ligne-col-right::before {
  content: "";
  padding-top: 72%;
  float: left;
}

#entreprendre-ligne-col-right::after {
  content: "";
  display: block;
  clear: both;
}

#entreprendre-ligne-col-left-signe {
  width: 80px;
  position: absolute;
  bottom: 10%;
  right: 18%;
  z-index: 555;
}
#entreprendre-ligne-col-left-signe a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#entreprendre-ligne-col-left-signe img {
  width: 100%;
  height: auto;
}

#entreprendre-ligne-col-left-signe-txt {
  width: 100px;
  position: absolute;
  bottom: 7%;
  right: 5%;
  z-index: 555;
}
#entreprendre-ligne-col-left-signe-txt p {
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

#entreprendre-ligne-accueil-ico-habiter {
  width: 210px;
  position: relative;
  position: absolute;
  top: 9%;
  left: 45%;
  z-index: 555;
}
#entreprendre-ligne-accueil-ico-habiter img {
  width: 100%;
  height: auto;
}

.inter0 {
  line-height: 0;
}

#ligne-annonce-secondaire {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#bloc-annonce-secondaire {
  width: 33.3333%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#bloc-annonce-secondaire-item {
  position: relative;
  width: 50%;
}

#bloc-annonce-secondaire-item-signe {
  position: absolute;
  width: 31px;
  right: 20px;
  bottom: 15px;
}
#bloc-annonce-secondaire-item-signe img {
  width: 100%;
  height: auto;
}

#bloc-annonce-secondaire-item-texte {
  position: relative;
  padding: 35px;
}
#bloc-annonce-secondaire-item-texte h3 {
  font-size: 1.5714285714rem;
  line-height: 1.7142857143rem;
  margin: 0;
  padding: 0 0 10px;
  color: rgb(255, 255, 255);
}
#bloc-annonce-secondaire-item-texte p {
  font-size: 0.9523809524rem;
  line-height: 1.2857142857rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

.fond-bleu-fonce {
  background-color: rgb(2, 27, 75);
}

.fond-bleu {
  background-color: rgb(38, 91, 144);
}

.fond-bleu-clair {
  background-color: rgb(78, 120, 162);
}

#ligne-annonce-secondaire-2022 {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#bloc-annonce-actualites-2022 {
  width: 65.375%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#bloc-annonce-actualites-2022-item-img {
  position: relative;
  width: 46%;
}

#bloc-annonce-actualites-2022-item {
  position: relative;
  width: 54%;
  background-color: #760743;
}

#bloc-annonce-actualites-2022-item-signe {
  position: absolute;
  width: 31px;
  right: 20px;
  bottom: 15px;
}
#bloc-annonce-actualites-2022-item-signe img {
  width: 100%;
  height: auto;
}

#bloc-annonce-actualites-2022-item-texte {
  position: relative;
  padding: 20px 120px 25px 25px;
}
#bloc-annonce-actualites-2022-item-texte h3 {
  font-size: 1.5714285714rem;
  line-height: 1.7142857143rem;
  margin: 0;
  padding: 0 0 10px;
  color: rgb(255, 255, 255);
}
#bloc-annonce-actualites-2022-item-texte p {
  font-size: 0.9523809524rem;
  line-height: 1.2857142857rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

#bloc-annonce-marches-2022 {
  width: 33.333%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#bloc-annonce-marches-2022-item-img {
  position: relative;
  width: 50%;
}

#bloc-annonce-marches-2022-item {
  position: relative;
  width: 50%;
  background-color: #aa8f42;
}

#bloc-annonce-marches-2022-item-signe {
  position: absolute;
  width: 31px;
  right: 20px;
  bottom: 15px;
}
#bloc-annonce-marches-2022-item-signe img {
  width: 100%;
  height: auto;
}

#bloc-annonce-marches-2022-item-texte {
  position: relative;
  padding: 20px 25px 25px;
}
#bloc-annonce-marches-2022-item-texte h3 {
  font-size: 1.5714285714rem;
  line-height: 1.7142857143rem;
  margin: 0;
  padding: 0 0 10px;
  color: rgb(255, 255, 255);
}
#bloc-annonce-marches-2022-item-texte p {
  font-size: 0.9523809524rem;
  line-height: 1.2857142857rem;
  margin: 0;
  padding: 0;
  color: rgb(255, 255, 255);
}

#annonce-mission {
  width: 53%;
  position: relative;
  background-color: rgb(170, 143, 66);
  margin-right: 1%;
}

#annonce-mission-texte {
  margin: 0;
  padding: 2.380952381rem 10rem 6.1904761905rem 2.380952381rem;
  color: rgb(255, 255, 255);
}
#annonce-mission-texte p {
  font-size: 1.3333333333rem;
  line-height: 1.6666666667rem;
  padding: 0;
  margin: 0;
}
#annonce-mission-texte h3 {
  font-size: 2.619047619rem;
  line-height: 2.8571428571rem;
  padding: 0 0 30px;
  margin: 0;
}

#annonce-mission-menu {
  position: absolute;
  right: 28px;
  bottom: 28px;
}
#annonce-mission-menu a {
  color: rgb(255, 255, 255);
  font-size: 1.3333333333rem;
  line-height: 1.4285714286rem;
  background-image: url(../images/cible-small.svg);
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: right center;
  padding: 0 40px 8px 20px;
  display: inline-block;
}

#annonce-actu {
  width: 23%;
  position: relative;
  padding: 12px 0 0 2.5%;
}
#annonce-actu h4 {
  color: rgb(2, 27, 75);
  font-size: 1.2380952381rem;
  line-height: 1.4285714286rem;
  padding: 4px 30px 4px 12px;
  margin: 0;
  border: 1px solid rgb(2, 27, 75);
  display: inline-block;
}
#annonce-actu h4 a {
  color: rgb(2, 27, 75);
}
#annonce-actu h4:hover {
  background-color: rgb(2, 27, 75);
}
#annonce-actu h4:hover a {
  color: rgb(255, 255, 255);
}

#bloc-annonce-actu {
  position: relative;
  width: 100%;
  padding: 8px 0;
}
#bloc-annonce-actu h3 {
  color: rgb(2, 27, 75);
  font-size: 1.2857142857rem;
  line-height: 1.4285714286rem;
  padding: 14px 0 10px;
  margin: 0;
  border-bottom: 1px solid rgb(2, 27, 75);
}
#bloc-annonce-actu p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 1.1904761905rem;
  padding: 4px 0;
}

.carousel,
.carouselhabiter,
.carouselentreprendre,
.owl-stage-outer,
.owl-stage,
.owl-item {
  height: 100%;
}

.carouselhabiter,
.carouselentreprendre {
  position: relative;
}

.item,
.item-div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#ligne-projet {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
}

#ligne-projet-lier {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 20px;
}

/* --------------------Projets identités-------------------- */
#projet-identite {
  width: 450px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: 100px;
}

#projet-identite:hover {
  background-color: rgba(78, 120, 162, 0.1);
}

#projet-identite-image {
  width: 120px;
  height: 120px;
  position: relative;
}

.ope-livre {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  color: #FFFFFF;
  background-color: #E94E1B;
  font-size: 0.9523809524rem;
  line-height: 1.0476190476rem;
  padding: 6px 10px;
  margin: 0;
}

.ope-non-livre,
h6 {
  display: none;
}

#projet-identite-contenu {
  width: 320px;
  position: relative;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#projet-identite-contenu h3 {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.3333333333rem;
  padding: 0 0 0 13px;
  margin: 0;
}
#projet-identite-contenu p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 0.9523809524rem;
  padding: 6px 0 0 10px;
  margin: 0;
}

/* --------------------Projets programmation-------------------- */
#projet-programation {
  width: 800px;
  position: relative;
  margin: 30px 0 0 47px;
}
#projet-programation h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 0 0 24px 0;
  margin: 0;
}

#projet-programation-contenu {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#bloc-programation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
}

.filet-debut-programation {
  border-left: 1px solid rgb(2, 27, 75);
}

.no-filet-debut-programation {
  border-left: 1px solid rgb(255, 255, 255);
}

#bloc-programation-top {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 0.9523809524rem;
  padding: 7px 15px;
  margin: 0;
}

#bloc-programation-bottom {
  color: rgb(2, 27, 75);
  font-size: 1.3333333333rem;
  line-height: 1.4761904762rem;
  padding: 7px 15px;
  margin: 0;
}
#bloc-programation-bottom span {
  font-size: 0.7142857143rem;
  line-height: 0;
}

#bloc-programation-center {
  border-top: 1px solid rgb(2, 27, 75);
  height: 1px;
  margin: 3px;
}

/* --------------------Situation enjeux------------------ */
#ligne-projet-situation {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 105px 0 20px;
}

#ligne-projet-situation-no-menu {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 20px 0 20px;
}

#situation-col-left {
  position: relative;
  width: 770px;
  padding: 25px 52px 180px 150px;
}
#situation-col-left h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 40px 0 10px 0;
  margin: 0;
}
#situation-col-left p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 6px 0 0 0;
  margin: 0;
}

#situation-col-right {
  position: relative;
  width: 700px;
  line-height: 0;
}

#mip, #mip-int, #mip-p {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#chiffre-cle {
  position: absolute;
  bottom: 0;
  left: 225px;
  width: 630px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  z-index: 100;
}

#bloc-chiffre-cle {
  width: 150px;
  padding: 12px 17px 18px;
  text-align: center;
  margin: 0 3px;
}
#bloc-chiffre-cle h3 {
  color: rgb(255, 255, 255);
  font-size: 1.8095238095rem;
  line-height: 1.9047619048rem;
  padding: 0 0 16px 0;
  border-bottom: 1px solid rgb(255, 255, 255);
  margin: 0;
  display: inline-block;
}
#bloc-chiffre-cle p {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  padding: 14px 0 0 0;
  margin: 0;
}

.menu-int-projet {
  z-index: 666;
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.menu-int-projet a {
  width: 112px;
  height: 60px;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 0.9523809524rem;
  padding: 4px 0 0 8px;
  margin: 0;
  background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;
}

.menu-int-projet-lier {
  z-index: 666;
  padding: 0 0 0 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.menu-int-projet-lier a {
  width: 112px;
  height: 60px;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 0.9523809524rem;
  padding: 4px 0 0 8px;
  margin: 0;
  background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;
}

.bleucdemi {
  background-color: rgb(78, 120, 162);
}

.bleuc {
  background-color: rgb(38, 91, 144);
}

.bleufdemi {
  background-color: rgb(21, 70, 119);
}

.bleuf {
  background-color: rgb(2, 27, 75);
}

.menu-int-projet-vert {
  z-index: 666;
  position: fixed;
  top: 250px;
  right: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.menu-int-projet-vert a {
  width: 112px;
  height: 60px;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 0.9523809524rem;
  padding: 4px 0 0 8px;
  margin: 0;
  background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;
}

/* ------------------ Bloc actualites projet -------------------*/
#situation-actualites {
  position: absolute;
  top: -130px;
  left: 940px;
  width: 350px;
  padding: 0;
  margin: 0;
}

.situation-actualites-cible {
  width: 38px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.situation-actualites-cible img {
  width: 100%;
  height: auto;
  opacity: 0.5;
}

#situation-actualites-texte {
  position: relative;
  width: 100%;
  padding: 18px 75px 50px 20px;
  margin: 0;
  background-color: rgb(78, 120, 162);
}
#situation-actualites-texte h2 {
  color: rgb(255, 255, 255);
  font-size: 1.619047619rem;
  line-height: 1.7619047619rem;
  padding: 0 0 19px 0;
  margin: 0;
}
#situation-actualites-texte hr {
  width: 18px;
  position: relative;
  margin: 0;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 0px solid rgb(255, 255, 255);
  border-bottom: 0px solid rgb(255, 255, 255);
  border-left: 0px solid rgb(255, 255, 255);
}
#situation-actualites-texte h4 {
  color: rgb(255, 255, 255);
  font-size: 0.9047619048rem;
  line-height: 1.0476190476rem;
  padding: 0 0 10px 0;
  margin: 0;
}
#situation-actualites-texte p {
  color: rgb(255, 255, 255);
  font-size: 0.9047619048rem;
  line-height: 1.1904761905rem;
  padding: 10px 0 0 0;
  margin: 0;
}

#situation-actualites-image {
  width: 100%;
  height: 230px;
  position: relative;
}

#ligne-actualites {
  position: relative;
  width: 100%;
  padding: 10px 220px 50px 150px;
}

#actualites-item-col {
  position: relative;
  width: 50%;
}

/*.actualites-item-col-album {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  img {
    height:150px; width: auto;
    padding: 3px;
  }
}*/
.actualites-item-col-album {
  position: relative;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.actualites-item-col-album a {
  position: relative;
  width: 48%;
}
.actualites-item-col-album a span {
  position: absolute;
  color: rgb(255, 255, 255);
  font-size: 0.7619047619rem;
  line-height: 0.7619047619rem;
  padding: 0;
  margin: 0;
  bottom: 8px;
  left: 7px;
}
.actualites-item-col-album img {
  width: 100%;
  height: auto;
  padding: 0 0 1% 0;
}

#actualites-item {
  position: relative;
  width: 100%; /*42%*/
  padding: 30px 0 20px 80px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid rgb(2, 27, 75);
}
#actualites-item h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 0 0 1px 0;
  margin: 0;
}
#actualites-item h4 {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 0 0 5px 0;
  margin: 0;
}
#actualites-item h4 a {
  display: inline-block;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 6px 14px;
  margin: 0;
  background-color: rgb(38, 91, 144);
  /*background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;*/
}
#actualites-item h4 a:hover {
  background-color: rgb(21, 62, 119);
}
#actualites-item p {
  /*.agbookpro-r;*/
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 6px 50px 14px 0;
  margin: 0;
}
#actualites-item p a {
  color: rgb(38, 91, 144);
  border-bottom: rgb(78, 120, 162) 1px solid;
}
#actualites-item p a:hover {
  color: rgb(2, 27, 75);
  border-bottom: rgb(2, 27, 75) 1px solid;
}
#actualites-item .actualites-item-image {
  position: relative;
  width: 100%;
}
#actualites-item .actualites-item-image::before {
  content: "";
  padding-top: 55%;
  float: left;
}
#actualites-item .actualites-item-image::after {
  content: "";
  display: block;
  clear: both;
}

/*-------------------Le Mot de... -------------------- */
#ligne-projet-lemot {
  width: 100%;
  position: relative;
  margin: 10px 0 20px;
}

#lemotde {
  position: relative;
  width: 980px;
  padding: 45px 0 80px 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.lemotde-chevron {
  width: 55px;
  position: relative;
  padding: 50px 15px 0 0;
  border-right: 1px solid rgb(38, 91, 144);
}
.lemotde-chevron img {
  width: 44px;
  height: auto;
}

.lemotde-contenu {
  position: relative;
  width: 670px;
  padding: 0 0 0 40px;
}
.lemotde-contenu h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 0 0 10px 0;
  margin: 0;
}
.lemotde-contenu p {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.619047619rem;
  padding: 6px 0 0 0;
  margin: 0;
}

/*-------------------Le calendrier -------------------- */
#ligne-projet-calendrier {
  width: 100%;
  position: relative;
  margin: 10px 0 20px;
}
#ligne-projet-calendrier h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 0 0 20px 12%;
  margin: 0;
}

#calendrier-slider {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

#calendrier-slider .owl-stage-outer {
  width: 80%;
  margin: 0 14% 0 6%;
}

#calendrier-slider .owl-prev {
  font-size: 1;
  color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  width: 50px;
  background-image: url(../images/btn-prev.svg);
  background-repeat: no-repeat;
  background-size: 51px 100px;
  background-position: center center;
}

#calendrier-slider .owl-next {
  font-size: 1;
  color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 150px;
  width: 50px;
  background-image: url(../images/btn-next.svg);
  background-repeat: no-repeat;
  background-size: 51px 100px;
  background-position: center center;
}

.item-colonne {
  width: 100%;
  position: relative;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.item-colonne-filet {
  position: absolute;
  width: 20px;
  border-right: 1px solid rgb(2, 27, 75);
  top: 0;
  bottom: 0;
  left: 0;
}

.item-evenement {
  position: relative;
  width: 100%;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.item-evenement-pastille {
  position: relative;
  width: 38px;
  height: 38px;
  padding: 20px 0 0 10px;
  border-radius: 19px;
}

.item-evenement-texte {
  width: calc(100% - 44px);
  position: relative;
  padding: 0 8px;
}
.item-evenement-texte hr {
  width: 18px;
  position: relative;
  margin: 4px 0;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 0px solid rgb(2, 27, 75);
  border-bottom: 0px solid rgb(2, 27, 75);
  border-left: 0px solid rgb(2, 27, 75);
}
.item-evenement-texte h4 {
  color: rgb(2, 27, 75);
  font-size: 0.9047619048rem;
  line-height: 1.0476190476rem;
  padding: 0 0 2px 0;
  margin: 0;
}
.item-evenement-texte p {
  color: rgb(2, 27, 75);
  font-size: 0.9047619048rem;
  line-height: 1.0476190476rem;
  padding: 0;
  margin: 0;
}

/* -----------------projet image ---------------------- */
#ligne-projet-images {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 40px 0 50px;
}
#ligne-projet-images h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 20px 0 0 12%;
  margin: 0;
}

#images-galerie {
  position: relative;
  width: 80%;
  margin: 20px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#images-galerie img {
  padding: 10px;
}
#images-galerie figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#images-galerie figure img {
  padding: 15px;
}

.wp-caption {
  width: inherit !important;
  display: inline;
}

.item-contenu {
  position: relative;
  /*display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;*/
  padding: 0 0 35px 0;
}

.gal-legende {
  position: relative;
  padding: 0 10px 8px 0;
}
.gal-legende span {
  position: absolute;
  bottom: 18px;
  left: 12px;
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 18px;
}

#fancybox-title-over {
  color: rgb(255, 255, 255);
  font-size: 16px;
  line-height: 18px;
}

.btn-images-chantier {
  position: absolute;
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 5px 8px;
  margin: 0;
  border: 1px solid rgb(2, 27, 75);
  bottom: 0;
  left: 20%;
  background-color: rgb(255, 255, 255);
}
.btn-images-chantier:hover {
  background-color: rgb(2, 27, 75);
  color: rgb(255, 255, 255);
}

/*-------------------equipe projet -------------------- */
#ligne-projet-equipe {
  width: 940px;
  position: relative;
  margin: 60px 0 20px 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#projet-equipe-col-left {
  position: relative;
  width: 450px;
}

#projet-equipe-col-right {
  position: relative;
  width: 490px;
  background-color: rgb(21, 70, 119);
  padding: 30px 60px 40px;
}
#projet-equipe-col-right hr {
  width: 18px;
  position: relative;
  margin: 4px 0;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 0px solid rgb(255, 255, 255);
  border-bottom: 0px solid rgb(255, 255, 255);
  border-left: 0px solid rgb(255, 255, 255);
}
#projet-equipe-col-right h2 {
  color: rgb(255, 255, 255);
  font-size: 1.5238095238rem;
  line-height: 1.619047619rem;
  padding: 0 0 10px 0;
  margin: 0;
}
#projet-equipe-col-right h4 {
  color: rgb(255, 255, 255);
  font-size: 0.9047619048rem;
  line-height: 1.1904761905rem;
  padding: 18px 0 2px 0;
  margin: 0;
}
#projet-equipe-col-right p {
  color: rgb(255, 255, 255);
  font-size: 0.9047619048rem;
  line-height: 1.1904761905rem;
  padding: 0;
  margin: 0;
}

.btn-equipe-promoteur {
  position: absolute;
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 5px 8px;
  margin: 0;
  border: 1px solid rgb(2, 27, 75);
  bottom: -26px;
  right: 50px;
  background-color: rgb(255, 255, 255);
}
.btn-equipe-promoteur:hover {
  background-color: rgb(2, 27, 75);
  color: rgb(255, 255, 255);
}

/* --------------------ilots------------------ */
#ligne-projet-int {
  width: 100%;
  position: relative;
  padding: 60px 5px 20px 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#ligne-projet-int h1 {
  color: rgb(2, 27, 75);
  font-size: 1.9047619048rem;
  line-height: 2.0476190476rem;
  padding: 5px 15px;
  margin: 0;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: inline-block;
}
#ligne-projet-int h3 {
  position: relative;
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 2.0476190476rem;
  padding: 5px 36px 5px 15px;
  margin: 0 0 0 20px;
  display: inline-block;
  background-image: url(../images/croix.svg);
  background-repeat: no-repeat;
  background-size: 27px;
  background-position: center right;
}
#ligne-projet-int a h3:hover > span {
  padding-bottom: 3px;
  border-bottom: 1px solid rgb(2, 27, 75);
}

.ligne-projet-int-actif {
  padding-bottom: 3px;
  border-bottom: 1px solid rgb(2, 27, 75);
}

#ligne-projet-ilot {
  width: 100%;
  position: relative;
  padding: 60px 5px 20px 150px;
}
#ligne-projet-ilot h1 {
  color: rgb(2, 27, 75);
  font-size: 1.9047619048rem;
  line-height: 2.0476190476rem;
  padding: 5px 15px;
  margin: 0;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: inline-block;
}

#filariane {
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0 0 15px 0;
}
#filariane p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 1rem;
  padding: 0;
  margin: 0;
}
#filariane p a {
  color: rgb(2, 27, 75);
}

#ligne-ilot-2 {
  position: relative;
  padding: 10px 220px 50px 50px;
}
#ligne-ilot-2 h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 20px 0 10px 0;
  margin: 0;
}
#ligne-ilot-2 p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 6px 0 8px 0;
  margin: 0;
}

#ligne-content-ilot {
  width: 100%;
  position: relative;
  padding: 40px 190px 20px 190px;
}

#ligne-ilot-image {
  position: relative;
}
#ligne-ilot-image img {
  width: 100%;
  height: auto;
}

#menu-ilot-scroll-contenu {
  width: 1480px;
  position: relative;
  margin: 0 auto;
}

#menu-ilot-scroll {
  position: fixed;
  z-index: 900;
  right: 0;
  left: 0;
  background-color: rgb(255, 255, 255);
}

.menu-ilot-scroll {
  top: -200px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.ilotfix {
  top: 90px !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#ligne-ilot-menu-scroll {
  width: 100%;
  position: relative;
  padding: 20px 190px 20px 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#ligne-ilot-menu {
  width: 100%;
  position: relative;
  padding: 20px 10px 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#ligne-ilot-menu-right {
  width: 13%;
  position: relative;
}

#legende-actif {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  height: 18px;
  margin: 0;
}
#legende-actif span {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: rgb(78, 120, 162);
  border: 2px solid rgb(78, 120, 162);
}
#legende-actif p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 0.8571428571rem;
  padding: 0 0 0 6px;
  margin: 0;
}

#legende-venir {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  height: 18px;
  margin: 0;
}
#legende-venir span {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: rgb(21, 70, 119);
  border: 2px solid rgb(21, 70, 119);
}
#legende-venir p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 0.8571428571rem;
  padding: 0 0 0 6px;
  margin: 0;
}

#legende-livre {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  height: 18px;
  margin: 0;
}
#legende-livre span {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: rgb(2, 27, 75);
  border: 2px solid rgb(2, 27, 75);
}
#legende-livre p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 0.8571428571rem;
  padding: 0 0 0 6px;
  margin: 0;
}

#legende-etude {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  height: 18px;
  margin: 0;
}
#legende-etude span {
  position: relative;
  width: 14px;
  height: 14px;
  background-color: rgb(255, 255, 255);
  border: 2px solid rgb(78, 120, 162);
}
#legende-etude p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 0.8571428571rem;
  padding: 0 0 0 6px;
  margin: 0;
}

#ligne-ilot-menu-left {
  width: 85%;
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.referenceilot {
  position: absolute;
  top: 100px;
}

a.item-ilot {
  cursor: pointer;
  position: relative;
  width: 15%;
  padding: 6px 6px 10px;
  margin-right: 5px;
  text-align: center;
}
a.item-ilot h3 {
  font-size: 20px;
  line-height: 25px;
  padding: 0 0 4px 0;
  margin: 0;
}
a.item-ilot p {
  font-size: 14px;
  line-height: 17px;
  padding: 3px 0 0 0;
  margin: 0;
}

a.item-equipement {
  cursor: pointer;
  position: relative;
  width: 12%;
  padding: 6px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
}
a.item-equipement p {
  font-size: 14px;
  line-height: 17px;
  padding: 3px 0 4px 0;
  margin: 0;
}

.actif {
  background-color: rgb(78, 120, 162);
  border: 5px solid rgb(78, 120, 162);
  color: rgb(255, 255, 255);
}
.actif hr {
  width: 70%;
  position: relative;
  margin: 0 15%;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 0px solid rgb(255, 255, 255);
  border-bottom: 0px solid rgb(255, 255, 255);
  border-left: 0px solid rgb(255, 255, 255);
}

.venir {
  background-color: rgb(21, 70, 119);
  border: 5px solid rgb(21, 70, 119);
  color: rgb(255, 255, 255);
}
.venir hr {
  width: 70%;
  position: relative;
  margin: 0 15%;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 0px solid rgb(255, 255, 255);
  border-bottom: 0px solid rgb(255, 255, 255);
  border-left: 0px solid rgb(255, 255, 255);
}

.livre {
  background-color: rgb(2, 27, 75);
  border: 5px solid rgb(2, 27, 75);
  color: rgb(255, 255, 255);
}
.livre hr {
  width: 70%;
  position: relative;
  margin: 0 15%;
  border-top: 1px solid rgb(255, 255, 255);
  border-right: 0px solid rgb(255, 255, 255);
  border-bottom: 0px solid rgb(255, 255, 255);
  border-left: 0px solid rgb(255, 255, 255);
}

.etude {
  background-color: rgb(255, 255, 255);
  border: 5px solid rgb(78, 120, 162);
  color: rgb(78, 120, 162);
}
.etude hr {
  width: 70%;
  position: relative;
  margin: 0 15%;
  border-top: 1px solid rgb(78, 120, 162);
  border-right: 0px solid rgb(78, 120, 162);
  border-bottom: 0px solid rgb(78, 120, 162);
  border-left: 0px solid rgb(78, 120, 162);
}

#map {
  width: 100%;
  height: 720px !important;
}

#page-carte-int {
  position: relative;
  width: 90%;
  padding: 60px 0 0;
  margin: 60px auto 55px;
  border-top: 14px solid rgb(2, 27, 75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#page-carte {
  position: relative;
  width: 1350px;
  margin: 10px auto 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#projet-resume {
  position: relative;
  width: 100%;
  padding: 40px 23% 0 8%;
}
#projet-resume p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.5238095238rem;
  padding: 0;
  margin: 0 0 15px 0;
}
#projet-resume h4 {
  color: rgb(2, 27, 75);
  font-size: 1.3333333333rem;
  line-height: 1.5238095238rem;
  padding: 0;
  margin: 70px 8px 15px 10%;
}
#projet-resume h4 a {
  padding: 6px 10px 8px;
  color: rgb(2, 27, 75);
  border: 1px solid rgb(2, 27, 75);
}
#projet-resume h4 a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(2, 27, 75);
}

.projet-resume {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.5238095238rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#page-carte-left-logo {
  position: relative;
  width: 100%;
  padding: 0 0 14px 0;
}
#page-carte-left-logo img {
  width: 35%;
  height: auto;
  margin: 0 auto;
}

.clf {
  width: 30% !important;
  padding: 18px 0;
}

#page-carte-left {
  position: relative;
  width: 39.5%;
  padding: 0 2% 0 0;
}
#page-carte-left p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.3333333333rem;
  padding: 0;
  margin: 0 0 10px 0;
}
#page-carte-left img {
  text-align: center;
  margin: 0 auto;
  display: block;
}
#page-carte-left h4 {
  color: rgb(2, 27, 75);
  font-size: 1.3333333333rem;
  line-height: 1.5238095238rem;
  padding: 0;
  margin: 50px 8px 15px;
}
#page-carte-left h4 a {
  padding: 6px 10px 8px;
  color: rgb(2, 27, 75);
  border: 1px solid rgb(2, 27, 75);
}
#page-carte-left h4 a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(2, 27, 75);
}

#page-carte-right {
  position: relative;
  width: 60.5%;
  padding: 0;
}

#carte-menu {
  width: 100%;
  position: relative;
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#carte-menu a.carte-menu-ensemble {
  position: relative;
  color: rgb(2, 27, 75);
  font-size: 1.2380952381rem;
  line-height: 1.2380952381rem;
  padding: 8px 0 4px 46px;
  margin: 0 15px;
  background-image: url(../images/btn-map-ensemble.svg);
  background-repeat: no-repeat;
  background-size: 39.4px 24px;
  background-position: center left;
}
#carte-menu a.carte-menu-habiter {
  position: relative;
  text-transform: uppercase;
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.4285714286rem;
  padding: 7px 0 4px 31px;
  margin: 0 15px;
  background-image: url(../images/btn-map-habiter.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center left;
}
#carte-menu a.carte-menu-entreprendre {
  position: relative;
  text-transform: uppercase;
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.4285714286rem;
  padding: 7px 0 4px 31px;
  margin: 0 15px;
  background-image: url(../images/btn-map-entreprendre.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center left;
}
#carte-menu a.carte-menu-aire {
  height: 24px;
  position: relative;
  text-transform: uppercase;
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.4285714286rem;
  padding: 4px 0 0 0;
  margin: 0 0 0 15px;
}
#carte-menu a.carte-menu-aire img {
  height: 24px;
  width: auto;
}

#page-carte-left-projet {
  position: relative;
  width: 39.5%;
  padding: 0 2% 0 1%;
  overflow-y: scroll;
  scroll-behavior: auto;
  height: 720px;
}

#projet-identite-item {
  width: 450px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 20px;
}

#projet-identite-item:hover {
  background-color: rgba(78, 120, 162, 0.1);
}

#projet-identite-item .projet-identite-image-item {
  width: 120px;
  height: 120px;
  position: relative;
}

#projet-identite-item .projet-identite-contenu-item {
  width: 320px;
  position: relative;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#projet-identite-item .projet-identite-contenu-item h3 {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.3333333333rem;
  padding: 0 6px 0 7px;
  margin: 0;
}
#projet-identite-item .projet-identite-contenu-item p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 0.9523809524rem;
  padding: 6px 6px 0 7px;
  margin: 0;
}

#projet-identite-item-b {
  width: 450px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 20px;
}

#projet-identite-item-b:hover {
  background-color: rgba(78, 120, 162, 0.1);
}

#projet-identite-item-b .projet-identite-image-item {
  width: 120px;
  height: 120px;
  position: relative;
}

#projet-identite-item-b .projet-identite-contenu-item {
  width: 320px;
  position: relative;
  border-top: 1px solid rgb(2, 27, 75);
  border-left: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#projet-identite-item-b .projet-identite-contenu-item h3 {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.3333333333rem;
  padding: 0 0 0 19px;
  margin: 0;
}
#projet-identite-item-b .projet-identite-contenu-item p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 0.9523809524rem;
  padding: 6px 0 0 19px;
  margin: 0;
}

#ligne-documentation {
  position: relative;
  width: 100%;
  padding: 30px 210px 30px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#ligne-documentation a {
  padding: 12px;
}
#ligne-documentation img {
  width: 100%;
  height: auto;
}

#ligne-realisation-image-header {
  width: 100%;
  position: relative;
  padding: 60px 5px 20px 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#ligne-realisation-image-header h1 {
  color: rgb(2, 27, 75);
  font-size: 1.9047619048rem;
  line-height: 2.0476190476rem;
  padding: 5px 15px;
  margin: 0;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: inline-block;
}

.btn-realisation {
  position: relative;
  padding-left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.btn-realisation a {
  width: 120px;
  height: 76px;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0476190476rem;
  padding: 8px 0 0 12px;
  margin: 0;
  background-color: rgb(2, 27, 75);
  background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 8px right 14px;
}

#item-realisation-image-single {
  position: relative;
  height: 550px;
  border: 8px solid rgb(255, 255, 255);
}
#item-realisation-image-single a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#ligne-realisation-image {
  position: relative;
  width: 100%;
  padding: 30px 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#item-realisation-image {
  position: relative;
  height: 550px;
  border: 8px solid rgb(255, 255, 255);
}
.rea-une {
  display: block;
}

.rea-une-no {
  display: none;
}

.image33 {
  width: 33.333%;
}

.image66 {
  width: 66.666%;
}

#item-realisation-texte {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 275px;
  height: 240px;
  padding: 35px;
  background-color: rgb(21, 62, 119);
  color: rgb(255, 255, 255);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#item-realisation-texte p {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.380952381rem;
  padding: 0;
  margin: 0;
}
#item-realisation-texte img {
  text-align: center;
  margin: 0 auto;
  display: block;
}
#item-realisation-texte h2 {
  color: rgb(255, 255, 255);
  font-size: 1.5238095238rem;
  line-height: 1.619047619rem;
  padding: 0 0 10px 0;
  margin: 0;
}

#item-realisation-texte-signe {
  width: 34px;
  position: absolute;
  bottom: 10%;
  right: 10%;
  z-index: 555;
}
#item-realisation-texte-signe img {
  width: 100%;
  height: auto;
}

.afficher {
  display: block;
}

.no-afficher {
  display: none;
}

#item-realisation-texte:hover {
  background-color: rgb(38, 91, 144);
}

.menu-int-projet {
  z-index: 666;
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.menu-int-projet a {
  width: 112px;
  height: 60px;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 0.9523809524rem;
  padding: 4px 0 0 8px;
  margin: 0;
  background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;
}

/*-------------A PROPOS -----------------*/
#programmes {
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 20px;
}

#gouvernance {
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 70px;
}

#equipe {
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: 10px;
}

.menu-apropos {
  z-index: 666;
  position: absolute;
  top: -35px;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.menu-apropos a {
  width: 112px;
  height: 60px;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 0.9523809524rem;
  padding: 4px 0 0 8px;
  margin: 0;
  background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;
}

.menu-apropos-vert {
  z-index: 666;
  position: fixed;
  top: 250px;
  right: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}

.menu-apropos-vert a {
  width: 112px;
  height: 60px;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 0.9523809524rem;
  padding: 4px 0 0 8px;
  margin: 0;
  background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;
}

#page-apropos {
  width: 1494px;
  margin: 0 auto;
  position: relative;
}

#apropos-contenu {
  width: 100%;
  padding: 100px 0 0 7%;
  position: relative;
}

#apropos-contenu-equipe {
  width: 100%;
  padding: 0 0 0 7%;
  position: relative;
}
#apropos-contenu-equipe img {
  width: 90%;
  height: auto;
  padding: 0 0 40px 0;
  margin: 0 auto;
}

#apropos-header {
  width: 100%;
  position: relative;
}
#apropos-header img {
  width: 100%;
  height: auto;
}

#apropos-header-styckers {
  position: absolute;
  width: 100%;
  height: 190px;
  bottom: -80px;
  padding-left: 6%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 100;
}

.styckers {
  position: relative;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  margin: 0 18px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.styckers p {
  color: rgb(255, 255, 255);
  font-size: 1.0476190476rem;
  line-height: 1.2380952381rem;
  padding: 10px;
  margin: 0;
}

.styckers-icone {
  position: relative;
  width: 76px;
  margin: 0 auto;
  padding: 0 0 11px;
  border-bottom: 1px solid rgb(255, 255, 255);
}
.styckers-icone img {
  height: 48px !important;
}

#section-1 {
  width: 100%;
  padding: 0 0 50px 6%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#vocation-left {
  position: relative;
  width: 39%;
  padding: 110px 0 0 0;
}
#vocation-left h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 20px 0 10px 0;
  margin: 0;
}
#vocation-left p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 6px 0 8px 0;
  margin: 0;
}

#vocation-right {
  position: relative;
  width: 60%;
}
#vocation-right img {
  width: 100%;
  height: auto;
}

#section-2 {
  width: 89%;
  padding: 0 0 50px;
  position: relative;
  margin: 0 9% 0 2%;
}

#section-3 {
  width: 89%;
  padding: 0 0 0;
  position: relative;
  margin: 0 9% 0 2%;
}

#contenu-programmes {
  width: 100%;
  padding: 0;
  position: relative;
  border-top: 1px solid rgb(2, 27, 75);
}
#contenu-programmes h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 40px 0 10px 4%;
  margin: 0;
}

#ligne-programmes {
  width: 100%;
  padding: 0 2% 40px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#programmes-left {
  position: relative;
  width: 50%;
  padding: 20px 0 0 0;
}
#programmes-left p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 6px 15px 8px 8%;
  margin: 0;
}

.programmes-left-logo {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: 15px 15px 15px 0;
  float: left;
  shape-outside: ellipse(100px 100px at 50% 50%);
  background-size: 95%;
  background-repeat: no-repeat;
}

#programmes-full {
  position: relative;
  width: 100%;
  padding: 20px 0 0 4%;
}
#programmes-full p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 6px 10% 8px 0;
  margin: 0;
}

#contenu-gouvernance {
  width: 100%;
  padding: 0;
  position: relative;
}

#gouvernance-menu {
  position: relative;
  width: 100%;
  padding: 0 0 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#gouvernance-menu a {
  color: rgb(2, 27, 75);
  font-size: 1.2857142857rem;
  line-height: 1.4285714286rem;
  padding: 6px 40px 18px 0;
  margin: 0 10px 0 0;
  /*cursor: pointer;*/
  background-image: url(../images/btn-gouv-off.svg);
  background-repeat: no-repeat;
  background-size: 34px auto;
  background-position: bottom 14px right 1px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#gouvernance-menu a:hover {
  background-image: url(../images/btn-gouv-on.svg);
  background-repeat: no-repeat;
  background-size: 34px auto;
  background-position: bottom 2px right 1px;
}

.activi {
  background-image: url(../images/btn-gouv-on.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 34px auto !important;
  background-position: bottom 1px right 1px !important;
}

.gouvernance-contenu {
  position: relative;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  background-color: #aa8f42;
}

#gouvernance-contenu-tab {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 50px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.tableau-left {
  width: 50%;
  padding: 0 3% 0 1%;
  position: relative;
}

.tableau-right {
  width: 50%;
  padding: 0 1% 0 3%;
  position: relative;
}

.col-dim {
  width: 70%;
  padding: 0 5px 0 0;
}

.col-dim2 {
  width: 30%;
  padding: 0 0 0 5px;
}

.tab-ligne-titre {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 15px 0;
}
.tab-ligne-titre h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  padding: 0;
  margin: 0;
}

.tab-ligne-sous-titre {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tab-ligne-sous-titre h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  padding: 14px 0 3px 0;
  margin: 0;
  border-bottom: 1px solid rgb(255, 255, 255);
}

.fil, .administrateur-col1 {
  border-right: 1px solid rgb(255, 255, 255);
}

.nofil {
  border-right: 0px solid rgb(255, 255, 255);
}

.tab-ligne-administrateur {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tab-ligne-administrateur h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  padding: 8px 0 0 0;
  margin: 0;
}
.tab-ligne-administrateur h3 span {
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 1.0952380952rem;
}
.tab-ligne-administrateur p {
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 1.0952380952rem;
  padding: 8px 0 0 5px;
  margin: 0;
}

.titre-col2 {
  padding: 0 0 0 10px !important;
}

.assemblee-contenu {
  position: relative;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  background-color: #bc2554;
}

#assemblee-contenu-tab {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 50px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.assemblee-tableau-left {
  width: 50%;
  padding: 0 3% 0 1%;
  position: relative;
}

.assemblee-tableau-right {
  width: 50%;
  padding: 0 1% 0 3%;
  position: relative;
}

.assemblee-col-dim {
  width: 43%;
  padding: 0 5px 0 0;
}

.assemblee-col-dim2 {
  width: 57%;
  padding: 0 0 0 5px;
}

.assemblee-tab-ligne-titre {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 5px 0;
}

.assemblee-titre-col1 h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  margin: 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid rgb(255, 255, 255);
}

.assemblee-titre-col2 h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  margin: 0;
  padding: 0 0 15px 5px;
  border-bottom: 1px solid rgb(255, 255, 255);
}

.assemblee-tab-ligne-sous-titre {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.assemblee-tab-ligne-sous-titre h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  padding: 14px 0 3px 0;
  margin: 0;
  border-bottom: 1px solid rgb(255, 255, 255);
}

.fil, .assemblee-col1 {
  border-right: 1px solid rgb(255, 255, 255);
}

.nofil {
  border-right: 0px solid rgb(255, 255, 255);
}

.tab-ligne-assemblee {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tab-ligne-assemblee h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9047619048rem;
  line-height: 1.0952380952rem;
  padding: 8px 0 0 0;
  margin: 0;
}
.tab-ligne-assemblee p {
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 1.0952380952rem;
  padding: 8px 0 0 5px;
  margin: 0;
}
.tab-ligne-assemblee p span {
  color: rgb(255, 255, 255);
  font-size: 0.6666666667rem;
  line-height: 1.0952380952rem;
}

/*CAPITAL SOCIAK */
.ligne-echelle {
  position: absolute;
  bottom: 3px;
  height: 1px;
  border: 4px solid rgb(2, 27, 75);
  border-radius: 5px;
}

.capital-contenu {
  position: relative;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  background-color: #337F96;
}

#capital-contenu-tab {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 50px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.capital-tableau-left {
  width: 50%;
  padding: 0 3% 0 1%;
  position: relative;
}

.capital-tableau-right {
  width: 50%;
  padding: 0 1% 0 3%;
  position: relative;
}

.capital-col-dim {
  width: 50%;
  padding: 0 5px 0 0;
}

.capital-col-dim2 {
  width: 10%;
  padding: 0 0 0 5px;
}

.capital-col-dim3 {
  width: 40%;
  padding: 0 0 0 5px;
  position: relative;
}

.capital-tab-ligne-titre {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 5px 0;
}

.capital-titre-col1 h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  margin: 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid rgb(255, 255, 255);
}

.capital-titre-col3 h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  margin: 0;
  padding: 0 0 15px 0;
}

.capital-titre-col2 h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  margin: 0;
  padding: 0 0 15px 5px;
  border-bottom: 1px solid rgb(255, 255, 255);
}

.capital-tab-ligne-sous-titre {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.capital-tab-ligne-sous-titre h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.0952380952rem;
  padding: 14px 0 3px 0;
  margin: 0;
  border-bottom: 1px solid rgb(255, 255, 255);
}

.fil, .capital-col1 {
  border-right: 1px solid rgb(255, 255, 255);
}

.nofil {
  border-right: 0px solid rgb(255, 255, 255);
}

.tab-ligne-capital {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tab-ligne-capital h3 {
  color: rgb(255, 255, 255);
  font-size: 0.9047619048rem;
  line-height: 1.0952380952rem;
  padding: 8px 0 0 0;
  margin: 0;
}
.tab-ligne-capital p {
  color: rgb(255, 255, 255);
  font-size: 0.8095238095rem;
  line-height: 1.0952380952rem;
  padding: 8px 0 0 5px;
  margin: 0;
}
.tab-ligne-capital p span {
  color: rgb(255, 255, 255);
  font-size: 0.6666666667rem;
  line-height: 1.0952380952rem;
}

#implantation-titre {
  width: 1400px;
  position: relative;
  padding: 40px 5px 50px 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#implantation-titre h1 {
  color: rgb(2, 27, 75);
  font-size: 1.9047619048rem;
  line-height: 2.0476190476rem;
  padding: 5px 15px;
  margin: 0;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: inline-block;
}
#implantation-titre #implant-form {
  position: relative;
  min-height: 45px;
  margin: 0 0 0 20px;
  cursor: pointer;
}
#implantation-titre h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 160px;
  height: 43px;
  color: rgb(255, 255, 255);
  font-size: 0.9047619048rem;
  line-height: 0.9523809524rem;
  padding: 6px 0 0 11px;
  margin: 0;
  background-color: rgb(21, 62, 119);
  background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 25px 28px;
  background-position: bottom 7px right 11px;
}

#implantation-formulaire {
  position: absolute;
  left: 180px;
  top: -50px;
  width: 380px;
  min-height: 400px;
  background-color: rgb(255, 255, 255);
  z-index: 200;
  padding: 45px 10px 10px 24px;
  box-shadow: 0px 0px 10px 0px #D5D5D5;
  -moz-box-shadow: 0px 0px 10px 0px #D5D5D5;
  -webkit-box-shadow: 0px 0px 10px 0px #D5D5D5;
}
#implantation-formulaire h2 {
  position: relative;
  color: rgb(2, 27, 75);
  font-size: 1.0952380952rem;
  line-height: 1.2380952381rem;
  padding: 0 0px 8px 0;
  margin: 0;
}

.caldera-grid .checkbox input[type=checkbox], .caldera-grid .checkbox-inline input[type=checkbox], .caldera-grid .radio input[type=radio], .caldera-grid .radio-inline input[type=radio] {
  margin-left: 0 !important;
}

.fermer-form-pro {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 27px;
  cursor: pointer;
}
.fermer-form-pro img {
  width: 100%;
  height: auto;
}

#carte-menu-implant {
  width: 100%;
  position: relative;
  padding: 20px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#carte-menu-implant a.carte-menu-implant-ensemble {
  position: relative;
  color: rgb(2, 27, 75);
  font-size: 1.2380952381rem;
  line-height: 1.2380952381rem;
  padding: 8px 0 4px 46px;
  margin: 0 15px;
  background-image: url(../images/btn-map-ensemble.svg);
  background-repeat: no-repeat;
  background-size: 39.4px 24px;
  background-position: center left;
}
#carte-menu-implant a.carte-menu-implant-terrain {
  position: relative;
  text-transform: uppercase;
  color: rgb(2, 27, 75);
  font-size: 1.2380952381rem;
  line-height: 1.2380952381rem;
  padding: 8px 0 4px 31px;
  margin: 0 15px;
  background-image: url(../images/btn-map-habiter.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center left;
}
#carte-menu-implant a.carte-menu-implant-local {
  position: relative;
  text-transform: uppercase;
  color: rgb(2, 27, 75);
  font-size: 1.2380952381rem;
  line-height: 1.2380952381rem;
  padding: 8px 0 4px 31px;
  margin: 0 15px;
  background-image: url(../images/btn-map-entreprendre.svg);
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center left;
}

.implantation-description {
  position: relative;
  width: 400px;
  padding: 10px 20px;
  margin: 8px 0 35px 25px;
  -webkit-box-shadow: 0px 0px 14px 1px #cfcfcf;
          box-shadow: 0px 0px 14px 1px #cfcfcf;
}
.implantation-description p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 8px 0 0 5px;
  margin: 0;
}
.implantation-description ul {
  padding: 0;
  margin: 0;
  list-style: inside;
}
.implantation-description ul li {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 3px 0 0 5px;
  margin: 0;
}
.implantation-description h4 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem;
  line-height: 1.2380952381rem;
  padding: 0;
  margin: 30px 8px 15px;
  text-align: right;
  /*float: right;*/
}
.implantation-description h4 a {
  padding: 4px 10px 6px;
  color: rgb(2, 27, 75);
  border: 1px solid rgb(2, 27, 75);
}
.implantation-description h4 a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(2, 27, 75);
}

/* -------------------- MARCHES ------------------ */
#ligne-marches-header {
  width: 100%;
  position: relative;
  padding: 60px 5px 50px 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#ligne-marches-header h1 {
  color: rgb(2, 27, 75);
  font-size: 1.9047619048rem;
  line-height: 2.0476190476rem;
  padding: 5px 15px;
  margin: 0;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: inline-block;
}
#ligne-marches-header h3 {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.0476190476rem;
  padding: 0 0 15px 21px;
  margin: 0;
  display: inline-block;
}
#ligne-marches-header h6 {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.8571428571rem;
  line-height: 1.0476190476rem;
  padding: 12px 0 0 23px;
  margin: 0;
}
#ligne-marches-header h6 a {
  color: rgb(2, 27, 75);
}

.rgpd-form p {
  color: rgba(0, 0, 0, 0.7) !important;
  font-size: 0.8571428571rem !important;
  line-height: 1.0476190476rem !important;
  padding: 0 0 15px 0 !important;
  margin: 0 !important;
}
.rgpd-form p a {
  color: rgb(2, 27, 75) !important;
}

#formulaire-marches {
  width: 60%;
  position: relative;
}

#formulaire-marches .caldera-grid form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#formulaire-marches .caldera-grid .row {
  width: 50% !important;
  position: relative;
  display: inline-block;
}

#formulaire-marches .caldera-grid .form-group {
  margin: 0 !important;
}

#formulaire-marches .caldera-grid .form-mail {
  margin: 0 0 0 23px !important;
}
#formulaire-marches .caldera-grid .form-mail input {
  color: rgb(2, 27, 75) !important;
  background-color: #fff;
  border-color: rgb(2, 27, 75) !important;
  border: 1px solid transparent;
}

#formulaire-marches .caldera-grid .btn-marches {
  display: inline-block;
  margin: 0 0 0 12px !important;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgb(2, 27, 75) !important;
  background-color: #fff;
  border-color: rgb(2, 27, 75) !important;
}
#formulaire-marches .caldera-grid .btn-marches:hover {
  color: rgb(255, 255, 255) !important;
  background-color: rgb(2, 27, 75) !important;
}

.caldera-grid .alert-success {
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  background-color: rgb(78, 120, 162) !important;
  border-color: rgb(255, 255, 255) !important;
  color: rgb(255, 255, 255) !important;
}

.caldera-grid .alert {
  padding: 5px !important;
  margin-bottom: 0 !important;
  margin-left: 23px !important;
  border-radius: 2px !important;
}

#ligne-marches-contenu {
  position: relative;
  width: 100%;
  padding: 10px 65px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#ligne-marches-contenu h3 {
  color: rgb(2, 27, 75);
  font-size: 1.3333333333rem;
  line-height: 1.4761904762rem;
  padding: 0 0 20px 21px;
  margin: 0;
}

#marches-contenu-left {
  width: 50%;
  position: relative;
  padding: 0 0 0 11%;
}

#item-marches-menu {
  padding-bottom: 45px;
  position: relative;
}
#item-marches-menu p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 0 0 0 21px;
  margin: 0;
}
#item-marches-menu h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.619047619rem;
  padding: 12px 0 0 21px;
  margin: 0;
  background-image: url(../images/fleche-marche.svg);
  background-repeat: no-repeat;
  background-size: 15px 34px;
  background-position: top 8px left 0px;
}
#item-marches-menu h3 {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 8px 0 0 21px;
  margin: 0;
}
#item-marches-menu h4 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem;
  line-height: 1.2380952381rem;
  padding: 0;
  margin: 30px 0 0 0;
  text-align: left;
}
#item-marches-menu h4 a {
  padding: 4px 10px 6px;
  color: rgb(2, 27, 75);
  border: 1px solid rgb(2, 27, 75);
}
#item-marches-menu h4 a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(2, 27, 75);
}

#marches-contenu-right {
  width: 48%;
  position: relative;
}

.item-marches-contenu {
  width: 100%;
  position: relative;
  padding: 35px;
  margin: 0 0 50px 0;
  border: 1px solid rgb(2, 27, 75);
}
.item-marches-contenu p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 0 0 12px 0;
  margin: 0;
}
.item-marches-contenu h2 {
  color: rgb(2, 27, 75);
  font-size: 1.5714285714rem;
  line-height: 1.7619047619rem;
  padding: 0 0 20px 0;
  margin: 0;
}
.item-marches-contenu h3 {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 8px 0 0 21px;
  margin: 0;
}
.item-marches-contenu h4 {
  position: absolute;
  bottom: -10px;
  left: 35px;
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem;
  line-height: 1.2380952381rem;
  padding: 0;
  margin: 30px 0 0 0;
  text-align: left;
  background-color: rgb(255, 255, 255);
}
.item-marches-contenu h4 a {
  padding: 4px 10px 6px;
  color: rgb(2, 27, 75);
  border: 1px solid rgb(2, 27, 75);
}
.item-marches-contenu h4 a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(2, 27, 75);
}

/*----- Journa de la fab ---------*/
.ancrage-actu {
  position: relative;
  width: 100%;
  height: 90px;
}

#ligne-journal-contenu {
  position: relative;
  width: 100%;
  padding: 0 65px 60px;
}

#journal-contenu {
  position: relative;
  width: calc(100% - 180px);
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid rgb(2, 27, 75);
}
#journal-contenu h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 0 0 12px 80px;
  margin: 0;
}
#journal-contenu p {
  color: rgb(2, 27, 75);
  font-size: 1.1428571429rem;
  line-height: 1.1904761905rem;
  padding: 0 0 20px 80px;
  margin: 0;
}

#journal-contenu-col {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#journal-contenu-left {
  width: 50%;
  position: relative;
  padding: 0;
}
#journal-contenu-left h2 {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.2857142857rem;
  padding: 0;
  margin: 0;
}
#journal-contenu-left h3 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem;
  line-height: 1.1904761905rem;
  padding: 23px 0 8px;
  margin: 0;
}
#journal-contenu-left h4 {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 0 0 5px 0;
  margin: 0;
}
#journal-contenu-left h4 a {
  display: inline-block;
  position: relative;
  color: rgb(255, 255, 255);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 6px 14px;
  margin: 0;
  background-color: rgb(38, 91, 144);
  /*background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;*/
}
#journal-contenu-left h4 a:hover {
  background-color: rgb(21, 62, 119);
}
#journal-contenu-left p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 3px 70px 8px 0;
  margin: 0;
}
#journal-contenu-left p a {
  color: rgb(38, 91, 144);
  border-bottom: rgb(78, 120, 162) 1px solid;
}
#journal-contenu-left p a:hover {
  color: rgb(2, 27, 75);
  border-bottom: rgb(2, 27, 75) 1px solid;
}
#journal-contenu-left ul {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 3px 70px 8px 20px;
  margin: 0;
  list-style-type: disc;
  list-style-position: outside;
}
#journal-contenu-left ol {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 3px 70px 8px 20px;
  margin: 0;
  list-style-position: outside;
}
#journal-contenu-left a {
  color: rgb(2, 27, 75);
}

#contenu-pdf {
  position: relative;
  width: 100%;
  padding: 20px 0;
}
#contenu-pdf h3 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem;
  line-height: 1.1904761905rem;
  padding: 10px 0 15px;
  margin: 0;
}
#contenu-pdf .contenu-pdf-contenu {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#contenu-pdf .contenu-pdf-contenu .contenu-pdf-item {
  position: relative;
  width: 25%;
  padding: 10px 1%;
}
#contenu-pdf .contenu-pdf-contenu .contenu-pdf-item a {
  width: 100%;
}
#contenu-pdf .contenu-pdf-contenu .contenu-pdf-item a img {
  width: 40%;
  height: auto;
}
#contenu-pdf .contenu-pdf-contenu .contenu-pdf-item h5 {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 3px 0 8px 0;
  margin: 0;
}

#journal-contenu-right {
  width: 47%;
  position: relative;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#journal-contenu-right a {
  position: relative;
  width: 48%;
}
#journal-contenu-right a span {
  position: absolute;
  color: rgb(255, 255, 255);
  font-size: 0.7619047619rem;
  line-height: 0.7619047619rem;
  padding: 0;
  margin: 0;
  bottom: 8px;
  left: 7px;
}
#journal-contenu-right img {
  width: 100%;
  height: auto;
  padding: 0 0 1% 0;
}

/*----- contact ---------*/
#ligne-contact-contenu {
  position: relative;
  width: 100%;
  padding: 0 65px 60px;
}

#contact-contenu {
  position: relative;
  width: calc(100% - 180px);
  margin: 0 auto;
  padding: 40px 0 30px 0;
}
#contact-contenu h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 0 0 12px 80px;
  margin: 0;
}
#contact-contenu p {
  color: rgb(2, 27, 75);
  font-size: 1.1428571429rem;
  line-height: 1.1904761905rem;
  padding: 0 0 20px 80px;
  margin: 0;
}

#contact-contenu-col {
  position: relative;
  width: 88%;
  margin: 0;
  padding: 0 0 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#contact-contenu-col h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 50px 0 5px 0;
  margin: 0;
}
#contact-contenu-col h2 .annonce-affiche {
  display: block;
}
#contact-contenu-col h2 .annonce-masque {
  display: none;
}

#contact-contenu-col-offre {
  position: relative;
  width: 88%;
  margin: 0;
  padding: 0 0 0 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#contact-contenu-col-offre h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 50px 0 5px 0;
  margin: 0;
}
#contact-contenu-col-offre .annonce-affiche {
  display: block;
}
#contact-contenu-col-offre .annonce-masque {
  display: none;
}

#contact-contenu-col-no-offre {
  position: relative;
  width: 88%;
  margin: 0;
  padding: 0 0 0 60px;
}
#contact-contenu-col-no-offre h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 50px 0 5px 0;
  margin: 0;
}
#contact-contenu-col-no-offre .annonce-affiche {
  display: none;
}
#contact-contenu-col-no-offre .annonce-masque {
  display: block;
}
#contact-contenu-col-no-offre p {
  color: rgb(2, 27, 75);
  font-size: 0.8571428571rem;
  line-height: 1rem;
  padding: 2px 0 5px 0;
  margin: 0;
}
#contact-contenu-col-no-offre p a {
  color: rgb(2, 27, 75);
}

#contact-contenu-left {
  width: 48%;
  position: relative;
  padding: 0;
}
#contact-contenu-left p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 20px 70px 5px 0;
  margin: 0;
}

#contact-contenu-right {
  width: 47%;
  position: relative;
  padding: 0;
  margin: 0;
}
#contact-contenu-right img {
  width: 50%;
  height: auto;
  padding: 0 0 20px 0;
}
#contact-contenu-right p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 30px 0 5px 0;
  margin: 0;
}
#contact-contenu-right p a {
  color: rgb(2, 27, 75);
}

.caldera-grid label {
  color: rgb(2, 27, 75) !important;
  font-size: 0.9523809524rem !important;
  line-height: 1.1904761905rem !important;
  padding: 5px 0 5px 0 !important;
  margin: 0 !important;
}

#contact-contenu-col-annonce {
  position: relative;
  width: 75%;
  margin: 0;
  padding: 0 0 0 60px;
}

#annonce-liste {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#contact-contenu-annonce {
  width: 48%;
  position: relative;
  padding: 8px 15px;
  margin: 0;
}
#contact-contenu-annonce h3 {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 20px 0 2px 0;
  margin: 0;
}
#contact-contenu-annonce p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 0 0 5px 0;
  margin: 0;
}

#page-base-contenu {
  position: relative;
  width: 1090px;
  padding: 0 0 50px 0;
  margin: 0 auto;
}
#page-base-contenu h1 {
  color: rgb(2, 27, 75);
  font-size: 1.9047619048rem;
  line-height: 2.0476190476rem;
  padding: 5px 15px;
  margin: 0 0 40px 0;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: inline-block;
}
#page-base-contenu h1 a {
  color: rgb(2, 27, 75);
}
#page-base-contenu h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 20px 0 10px 0;
  margin: 0;
}
#page-base-contenu h3 {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.380952381rem;
  padding: 15px 0 7px 0;
  margin: 0;
}
#page-base-contenu h3 a {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.380952381rem;
  padding: 15px 0 7px 0;
  margin: 0;
}
#page-base-contenu h4 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem;
  line-height: 1.1904761905rem;
  padding: 10px 0 4px 0;
  margin: 0;
}
#page-base-contenu p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 0 0 9px 0;
  margin: 0;
}
#page-base-contenu a {
  color: rgb(2, 27, 75);
}
#page-base-contenu ul {
  padding: 0 0 10px 0;
  margin: 0;
  list-style: inside;
}
#page-base-contenu ul li {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 3px 0 0 5px;
  margin: 0;
}

#div-gouv-presentation {
  position: relative;
  width: 100%;
  padding: 10px 0 0 0;
}
#div-gouv-presentation p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 6px 15px 8px 4%;
  margin: 0;
}

#btn-promoteur {
  position: relative;
  padding: 15px 0 48px 0;
}

.btn-promoteur {
  position: relative;
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 5px 8px;
  margin: 0 0 0 20%;
  border: 1px solid rgb(2, 27, 75);
  background-color: rgb(255, 255, 255);
}
.btn-promoteur:hover {
  background-color: rgb(2, 27, 75);
  color: rgb(255, 255, 255);
}

#credits-photo {
  position: relative;
  width: 100%;
  padding: 25px 52px 25px 160px;
}
#credits-photo p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 6px 0 0 0;
  margin: 0;
}

#credits-photo-realisation {
  position: relative;
  width: 100%;
  padding: 0 73px 50px;
}
#credits-photo-realisation p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 6px 0 0 0;
  margin: 0;
}

#page-sitemap-contenu {
  position: relative;
  width: 100%;
  padding: 0 0 50px 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
#page-sitemap-contenu #col-sitemap {
  width: 45%;
  position: relative;
  padding: 10px 0;
}
#page-sitemap-contenu h1 {
  color: rgb(2, 27, 75);
  font-size: 1.9047619048rem;
  line-height: 2.0476190476rem;
  padding: 5px 15px;
  margin: 0 0 40px 0;
  border-top: 1px solid rgb(2, 27, 75);
  border-right: 1px solid rgb(2, 27, 75);
  border-bottom: 1px solid rgb(2, 27, 75);
  display: inline-block;
}
#page-sitemap-contenu h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 20px 0 10px 0;
  margin: 0;
}
#page-sitemap-contenu h3 {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.380952381rem;
  padding: 15px 0 7px 0;
  margin: 0;
}
#page-sitemap-contenu h3 a {
  color: rgb(2, 27, 75);
}
#page-sitemap-contenu h4 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem;
  line-height: 1.1904761905rem;
  padding: 10px 0 4px 0;
  margin: 0;
}
#page-sitemap-contenu p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 0 0 4px 0;
  margin: 0;
}
/* --------Trombi équipe ----------------*/
#trombi-equipe {
  position: relative;
  width: 100%;
  padding: 0 0 0 7%;
}

#section-trombi-top {
  position: relative;
  width: 89%;
  margin: 0 9% 0 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

#section-trombi-presidence {
  position: relative;
  width: 42%;
}
#section-trombi-presidence h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem; /*rem-calc(25)*/
  line-height: 27px;
  padding: 30px 0 25px 0;
  margin: 0;
}
#section-trombi-presidence #bloc-trombi-presidence {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
#section-trombi-presidence #item-trombi-presidence {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#section-trombi-presidence #item-trombi-presidence #item-trombi-img {
  position: relative;
  width: 23%;
}
#section-trombi-presidence #item-trombi-presidence #item-trombi-img img {
  width: 100%;
  height: auto;
}
#section-trombi-presidence #item-trombi-presidence #item-trombi-txt {
  position: relative;
  width: 45%;
  margin: 0 0 0 3%;
  padding: 20px 0 0 0;
}
#section-trombi-presidence #item-trombi-presidence #item-trombi-txt h3 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem; /*rem-calc(25)*/
  line-height: 1.380952381rem;
  padding: 0;
  margin: 0;
}
#section-trombi-presidence #item-trombi-presidence #item-trombi-txt p {
  color: rgb(2, 27, 75);
  font-size: 0.9047619048rem; /*rem-calc(25)*/
  line-height: 1.0952380952rem;
  padding: 0;
  margin: 0;
}

#section-trombi-direction {
  position: relative;
  width: 58%;
}
#section-trombi-direction h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem; /*rem-calc(25)*/
  line-height: 27px;
  padding: 30px 0 25px 0;
  margin: 0;
}
#section-trombi-direction #bloc-trombi-direction {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
#section-trombi-direction #item-trombi-direction {
  width: 50%;
  position: relative;
  padding: 0 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#section-trombi-direction #item-trombi-direction #item-trombi-img {
  position: relative;
  width: 33.8%;
}
#section-trombi-direction #item-trombi-direction #item-trombi-img img {
  width: 100%;
  height: auto;
}
#section-trombi-direction #item-trombi-direction #item-trombi-txt {
  position: relative;
  width: 40%;
  margin: 0 0 0 4%;
  padding: 20px 0 0 0;
}
#section-trombi-direction #item-trombi-direction #item-trombi-txt h3 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem; /*rem-calc(25)*/
  line-height: 1.380952381rem;
  padding: 0;
  margin: 0;
}
#section-trombi-direction #item-trombi-direction #item-trombi-txt p {
  color: rgb(2, 27, 75);
  font-size: 0.9047619048rem; /*rem-calc(25)*/
  line-height: 1.0952380952rem;
  padding: 0;
  margin: 0;
}

#section-trombi-bottom {
  position: relative;
  width: 89%;
  margin: 0 9% 50px 2%;
}

#section-trombi-equipe {
  position: relative;
  width: 100%;
}
#section-trombi-equipe h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem; /*rem-calc(25)*/
  line-height: 27px;
  padding: 30px 0 25px 0;
  margin: 0;
}
#section-trombi-equipe #bloc-trombi-equipe {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#section-trombi-equipe #item-trombi-equipe {
  width: 19%;
  position: relative;
  padding: 0 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
#section-trombi-equipe #item-trombi-equipe #item-trombi-img {
  position: relative;
  width: 52%;
}
#section-trombi-equipe #item-trombi-equipe #item-trombi-img img {
  width: 100%;
  height: auto;
}
#section-trombi-equipe #item-trombi-equipe #item-trombi-txt {
  position: relative;
  width: 80%;
  margin: 0 0 0 1%;
  padding: 10px 0 0 0;
}
#section-trombi-equipe #item-trombi-equipe #item-trombi-txt h3 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem; /*rem-calc(25)*/
  line-height: 1.380952381rem;
  padding: 0;
  margin: 0;
}
#section-trombi-equipe #item-trombi-equipe #item-trombi-txt p {
  color: rgb(2, 27, 75);
  font-size: 0.9047619048rem; /*rem-calc(25)*/
  line-height: 1.0952380952rem;
  padding: 0;
  margin: 0;
}

/*----- Démarches ---------*/
.ancrage-actu {
  position: relative;
  width: 100%;
  height: 90px;
}

#ligne-demarches-contenu {
  position: relative;
  width: 100%;
  padding: 30px 65px 60px;
}

#demarches-contenu {
  position: relative;
  width: calc(100% - 180px);
  margin: 0 auto;
  padding: 30px 0 0 0;
  border-bottom: 1px solid rgb(2, 27, 75);
}
#demarches-contenu h2 {
  color: rgb(2, 27, 75);
  font-size: 1.4285714286rem;
  line-height: 1.5714285714rem;
  padding: 0 0 12px 80px;
  margin: 0;
}
#demarches-contenu p {
  color: rgb(2, 27, 75);
  font-size: 1.1428571429rem;
  line-height: 1.1904761905rem;
  padding: 0 0 20px 80px;
  margin: 0;
}

#demarches-contenu-col {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

#demarches-contenu-left {
  width: 50%;
  position: relative;
  padding: 0;
}
#demarches-contenu-left h2 {
  color: rgb(2, 27, 75);
  font-size: 1.1904761905rem;
  line-height: 1.2857142857rem;
  padding: 0 0 15px 0;
  margin: 0;
}
#demarches-contenu-left h3 {
  color: rgb(2, 27, 75);
  font-size: 1.0476190476rem;
  line-height: 1.1904761905rem;
  padding: 23px 0 8px;
  margin: 0;
}
#demarches-contenu-left h4 {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 0 0 5px 0;
  margin: 0;
}
#demarches-contenu-left h4 a {
  display: inline-block;
  position: relative;
  color: rgb(38, 91, 144);
  font-size: 0.9523809524rem;
  line-height: 1.1428571429rem;
  padding: 6px 14px;
  margin: 30px 0 0 35px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(38, 91, 144);
  /*background-image: url(../images/fleche-small.svg);
  background-repeat: no-repeat;
  background-size: 24px 28px;
  background-position: bottom 6px right 11px;*/
}
#demarches-contenu-left h4 a:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(38, 91, 144);
}
#demarches-contenu-left p {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 3px 70px 8px 0;
  margin: 0;
}
#demarches-contenu-left p a {
  color: rgb(38, 91, 144);
  border-bottom: rgb(78, 120, 162) 1px solid;
}
#demarches-contenu-left p a:hover {
  color: rgb(2, 27, 75);
  border-bottom: rgb(2, 27, 75) 1px solid;
}
#demarches-contenu-left ul {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 3px 70px 8px 20px;
  margin: 0;
  list-style-type: disc;
  list-style-position: outside;
}
#demarches-contenu-left ol {
  color: rgb(2, 27, 75);
  font-size: 0.9523809524rem;
  line-height: 1.1904761905rem;
  padding: 3px 70px 8px 20px;
  margin: 0;
  list-style-position: outside;
}
#demarches-contenu-left a {
  color: rgb(2, 27, 75);
}

#demarches-contenu-right {
  width: 47%;
  position: relative;
  padding: 0 0 30px 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#demarches-contenu-right a {
  position: relative;
  display: inline-block;
}
#demarches-contenu-right a span {
  position: absolute;
  color: rgb(255, 255, 255);
  font-size: 0.7619047619rem;
  line-height: 0.7619047619rem;
  padding: 0;
  margin: 0;
  bottom: 8px;
  left: 7px;
}
#demarches-contenu-right .img-full {
  width: 100%;
  padding: 1%;
}
#demarches-contenu-right .img-demi {
  width: 50%;
  padding: 1%;
}
#demarches-contenu-right .img-demi img,
#demarches-contenu-right .img-full img {
  width: 100%;
  height: auto;
}

.demarches-picto {
  position: relative;
  width: 100%;
  height: 90px;
}

.demarches-picto-item {
  position: absolute;
  width: 100%;
  top: -55px;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.demarches-picto-item img {
  width: 114px;
  height: auto;
  margin: 0 15px;
}/*# sourceMappingURL=style-desktop.css.map */