@import url('https://fonts.googleapis.com/css?family=Exo+2:400,400i,700');



html {

  height: 100%;

  font-size: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  line-height: 1.4;

}

html, body {

  position: relative;

  font-family: 'Outfit';

  color: #000000;

  font-size: 16px;

}

body {

  overflow-x: hidden;

  /* padding-top: 163px; */

  transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;

}

/* body.sticky {padding-top: 100px;} */

body.user-logged-in {

  padding-top: 118px!important;

}
body.user-logged-in.toolbar-fixed .toolbar-oriented .toolbar-bar {
  z-index: 99999999999999999999999;
}

body * {

  box-sizing: border-box;

}

p, h1, h2, h3 {

  position: relative;

}

p {margin-top: 0;}


@media all and (min-width: 1000px) {
  body {
    padding-top: 39px;
  }

}


/**

 * Generic

 */

a {color: #00A8AC;text-decoration: none; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; border: 0;}

button, .button {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.button {padding: 0.7em 3em 0.85em; background: #00A5A8; color: white; line-height: 1; border: 0; border-radius: 10px;}

.button:hover {background: #DEE7EC; color: black;}

a:hover, a:active, a:focus {text-decoration: none; color: black;}

a.noir {color: black; font-weight: 700;}

a.noir:hover {color: #00A8AC!important;}

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

.col-md-50 {float: left; width: 50%;}

.col-md-100 {float: left; width: 100%;}

.container, .field--name-webform, .path-search .region-content {max-width: 1400px; padding: 0 15px; margin: 0 auto; width: 100%;}

.page-node-type-webform .field--name-body {max-width: 800px; padding: 0 15px; margin: 0 auto; width: 100%;}

.layout-sidebar-first {width: 20%; float: left;}

.layout-content {width: 100%; float: left;}

.has-sidebar-first .layout-content {width:80%;}

.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}

h2 {font-size: 1.5em; font-weight: 700; margin-top: 0;}

.region-content {font-size: 18px;}

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}

.video-container iframe,

.video-container object,

.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.paragraph a img {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; position: relative; z-index: 10;}

.paragraph a img:hover {-moz-box-shadow: 0px 0px 10px 0px #656565;

-webkit-box-shadow: 0px 0px 10px 0px #656565;

-o-box-shadow: 0px 0px 10px 0px #656565;

box-shadow: 0px 0px 10px 0px #656565;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);}




/*Go top*/

#go-top {position: fixed; bottom: 3em; right: -50px; background: #00A5A8; width: 50px; height: 50px;}

#go-top:hover {background: #3E8AAE;}

#go-top:after {content: ""; border-top: 2px solid white;  border-left: 2px solid white; position: absolute; width: 20px; height: 20px; top: 19px; left: 14px; transform: rotate(45deg);}

#top-page {position: absolute; top: 0; left: 0;}



/*Block top home*/

.region-top-large {position: relative; overflow: hidden;}

.region-top-large .container {height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.region-top-large .container .views-row {width: 50%; position: absolute; left: 0; bottom: 0; padding: 1em 1em 0; background: #fdbf12; z-index: 10;}

.region-top-large .container .views-row h1 {margin-top: 0;}

.region-top-large .container .views-row a {color: white;}

.region-top-large .container .views-row a:hover {color: #3E8AAE;}



#block-views-block-top-home-block-1 {position: relative; z-index: 5;}

#block-views-block-top-home-block-1:after {content: ""; width:140%; position: absolute; height: 100%; left: -20%; top: 90%; background: white; transform: rotate(3deg);}

#block-views-block-top-home-block-2 {position: relative; z-index: 10;}





/*Search*/

#block-triphyl-search {position: relative;}

#block-triphyl-search form {display: inline-block; width: 355px;}

#block-triphyl-search #edit-keys {width: 100%; height: 48px; background: #F0F0F0; border: 0; border-radius: 25px; color: #B3B3B3; padding: 0 1em; box-sizing: border-box;}

#block-triphyl-search .button {position: absolute; top: 0; right: 0; width: 70px; height: 48px; border:0; background: url(../images/search.png) no-repeat center; text-indent: -9999px; overflow: hidden;}

#block-triphyl-search > div {position: absolute; top: 50%; right: 240px; color: #B3B3B3; transform: translateY(-50%);}






/*Actu accueil*/

.view-id-actualites.view-display-id-block_1 {display: flex; flex-wrap: wrap; margin: 3em auto;}

.view-id-actualites.view-display-id-block_1 .view-header, .view-id-actualites.view-display-id-block_1 .view-footer {width: 20%;}

.view-id-actualites.view-display-id-block_1 .view-content {width: 60%; display: flex; flex-wrap: wrap;}

.view-id-actualites.view-display-id-block_1 .views-row {width: 33.33333%;}

.view-id-actualites.view-display-id-block_1 .views-row img {width: 100%;}

.view-id-actualites.view-display-id-block_1 .view-header a {display: block; width: 100%; height: 100%; color: white; background: #3E8AAE; padding: 1em 6.5em 1em 1.5em;}

.view-id-actualites.view-display-id-block_1 .view-header a:hover {background: #00A5A8;}

.view-id-actualites.view-display-id-block_1 .view-content .views-row:nth-child(odd) {background: #DEE7EC;}

.view-id-actualites.view-display-id-block_1 .views-field-title a {color: black; font-size: 1.3em; font-weight: 700; display: block; margin: 1rem 1rem 0.5rem; line-height: 1;}

.view-id-actualites.view-display-id-block_1 .views-field-field-sous-titre-bleu {margin: 0.3rem 1rem 0.4rem; color: #00A5A8; padding-left: 0.5rem; border-left: 5px solid #00A5A8; line-height: 1; text-transform: uppercase; font-weight: 700;}

.view-id-actualites.view-display-id-block_1 .views-field-body {margin: 0.3rem 1rem 0.4rem;}

.view-id-actualites.view-display-id-block_1 .view-header p {font-size: 1.15em;}

.view-id-actualites.view-display-id-block_1 .view-header h2 {position: relative; display: inline-block; padding-bottom: 0.5em; margin-bottom: 0.5em;}

.view-id-actualites.view-display-id-block_1 .view-header h2:after {content: ""; width: 75%; height: 1px; position: absolute; left: 0; bottom: 0; background: white;}

.view-id-actualites.view-display-id-block_1 .view-footer h2 {margin-bottom: 0; color: #3E8AAE;}

.view-id-actualites.view-display-id-block_1 .view-header h2 a {color: white;}

.view-id-actualites.view-display-id-block_1 .view-header h2 a:hover {color: black;}



/*Liste des actus*/

.path-actualites .region-breadcrumb, .path-actualites .view-header {display: inline-block; width: 100%; color: white; background: #3E8AAE; position: relative;}

.path-actualites .region-breadcrumb:before {content:""; width: 2000px; height: 100%; position: absolute; right: 100%; top: 0; background: #3E8AAE;}

.path-actualites .view-header:before {content:""; width: 5000px; height: calc(100% + 1em); position: absolute; left: 50%; top: -1em; background: #3E8AAE; transform: translateX(-50%);}

.path-actualites .region-breadcrumb:after {content:""; width: 2000px; height: 100%; position: absolute; left: 100%; top: 0; background: #3E8AAE;}

.path-actualites .region-breadcrumb h1 {border-bottom: 1px solid white; padding-bottom: 0.3em; margin-top: 0.85em;}

.path-actualites .view-header p {margin-bottom: 3rem;}

.path-actualites #block-triphyl-page-title {width: 100%;}

.path-actualites .view-footer {width: 340px; float: right; background: white; position: relative; top: -40px; padding: 0.5em;}

.path-actualites .view-footer h2 {margin: 0 0 0.2em; color: #3E8AAE; line-height: 1;}

.path-actualites .view-content {width: calc(100% - 340px); float: left; padding: 3rem 1.5rem 0 0;}

.path-actualites .views-field-title a {color: black; font-size: 1.1em; font-weight: 700; display: block; margin: 0 0 0.5rem; line-height: 1;}

.path-actualites .views-field-field-sous-titre-bleu {margin: 0.3rem 0 0.8rem; color: #00A5A8; padding-left: 0.5rem; border-left: 5px solid #00A5A8; line-height: 1; text-transform: uppercase; font-weight: 700;}

.content-actu {display: flex; flex-wrap: wrap;}

.list-actu-left {width: 28%;}

.list-actu-right {width: 72%; padding-left: 1.5em;}

.path-actualites .views-row {margin-bottom: 2.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #C7C7C7;}

.path-actualites .view-content > .views-row:last-child {border: 0;}



/*Actu détail*/

.actu-wrapper {display: flex; flex-wrap: wrap; }

.actu-wrapper-left {width: 50%; padding-right: 1em;}

.actu-wrapper-right {width: 50%; padding-left: 1em;}

.field--name-field-sous-titre-bleu {margin: 0.3rem 0 0.8rem; color: #00A5A8; padding-left: 0.5rem; border-left: 5px solid #00A5A8; line-height: 1; text-transform: uppercase; font-weight: 700;}

.field--name-field-legende-de-l-image {margin: 1em 0; color: #818181; font-style: italic;}

#block-boutonactu a {margin: 1em 0; display: inline-block;}



/*Facebook accueil*/

.lk-fb, .lk-twitter {display: block; width: 44px; height: 44px; float: left; margin-bottom: 1em;}

.lk-fb {background: #3E8AAE url(../images/fb.png) no-repeat center;}

.lk-twitter {background: #91B9CF url(../images/twitter.png) no-repeat center;}

.lk-fb:hover, .lk-twitter:hover {background-color: #00A5A8;}



/*paragraphe imbriqué*/

.paragraph--type--blocs-imbriques-larges {display: flex; position: relative; margin-bottom: 3em;}

.imbr-col-right {min-width: 60%; max-width: 80%; margin-left: auto;}

.imbr-col-left {display: flex; flex-direction: column; justify-content: center;}

.imbr-col-left .imbr-content-to-center {position: absolute; background: #F6F6F6; min-height: 80%; padding: 1.5em 3em 1.5em 1.5em; margin-left: auto; width: 45%; display: flex; flex-direction: column; justify-content: center; z-index: 20; top: 50%; transform: translateY(-50%);}

.imbr-col-left.has-3-blocs .imbr-content-to-center {padding-right: 23%;}

.field--name-field-bloc-texte- h2 {font-size: 2.5em; display: inline-block; border-bottom: 1px solid black; padding-bottom: 0.3em; margin: 0 0 0.5em;}

.field--name-field-bloc-texte- a {color: #000000; position: relative; padding-left: 1.2em; display: inline-block;}

.field--name-field-bloc-texte- a:before {content: ""; width: 15px; height: 12px; position: absolute; left: 0; top: 6px; background: url(../images/puce-black.png) no-repeat center;}

.field--name-field-bloc-texte- a:hover {color: #00A5A8;}

.imbr-content-3-to-center {position: absolute; top: 50%; z-index: 25; background: #00A5A8; width: 30%; transform: translateY(-50%); left: 25%; color: white; min-height: 60%; padding: 1.5em; display: flex; flex-direction: column; justify-content: center;

-moz-box-shadow: 0px 0px 15px -3px #000000;

-webkit-box-shadow: 0px 0px 15px -3px #000000;

-o-box-shadow: 0px 0px 15px -3px #000000;

box-shadow: 0px 0px 15px -3px #000000;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=15);}

.field--name-field-bloc-affiche-par-dessus a, .imbr-straight-col-right a {color: white; display: inline-block; position: relative; width: 100%;}

.field--name-field-bloc-affiche-par-dessus a:not(.simple), .imbr-straight-col-right a:not(.simple) {padding-left: 1.2em;}

.field--name-field-bloc-affiche-par-dessus a:not(.simple):before, .imbr-straight-col-right a:not(.simple):before {content: ""; width: 15px; height: 12px; position: absolute; left: 0; top: 6px; background: url(../images/puce.png) no-repeat center;}

.field--name-field-bloc-affiche-par-dessus a:not(.simple):hover, .imbr-straight-col-right a:not(.simple):hover {color: black;}

.menu-item--collapsed {list-style: none;}



/*paragraphe mosaique*/

.paragraph--type--mosaique-d-images {display: flex; flex-wrap: wrap; max-width: 2500px; margin: 0 auto 3em;}

.paragraph--type--mosaique-d-images .mos-col-left img, .paragraph--type--bloc-image-carree img {width: 100%;}

.paragraph--type--mosaique-d-images > div {width: 50%; height: 100%;}

.mos-col-left {position: relative;}

.mos-col-left .field--name-field-titre-de-l-image {z-index: 10; position: absolute; bottom: 0; left: 0; width: 100%;font-weight: 700; font-size: 2em; text-align: center; color: white; padding: 0.7em; line-height: 1; background: rgba(0, 0, 0, 0.4); transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.mos-col-left a {display: block; width: 100%; height: 100%; position: relative;}

.mos-col-left a:hover .field--name-field-titre-de-l-image {padding-bottom: 2em;}

.mos-col-right .field--name-field-bloc-mosaique {display: flex; flex-wrap: wrap;}

.mos-col-right .field--name-field-bloc-mosaique > .field__item {width: 33.33333%}

.paragraph--type--bloc-colore, .color-bloc {height: 100%;}

.color-bloc, .color-bloc a {display: flex; flex-direction: column; justify-content: center; height: 100%; color: white;}

.color-bloc a:hover {background: #3E8AAE;}

.color-bloc-content {padding: 1em; text-align: center;}

.color-bloc-content img {margin: 1em auto 0;}

.color-bloc-content .field--name-field-titre-bloc {font-weight: 700; font-size: 2em;}



/*paragraphe imbriqué étroit*/

.field--name-field-bloc-imbrique-etroit {display: flex; flex-wrap: wrap;}

.field--name-field-bloc-imbrique-etroit > div {width: 50%; margin: 3em 0 5em;}

.field--name-field-bloc-imbrique-etroit > div:nth-child(odd) {padding-right: 1.5em;}

.field--name-field-bloc-imbrique-etroit > div:nth-child(even) {padding-left: 1.5em;}



.paragraph--type--bloc-imbrique-etroit {display: flex; flex-wrap: wrap; height: 100%;}

.imbr-straight-col-left {width: 45%; background: #F6F6F6; position: relative; padding: 1.5em;}

.imbr-straight-col-left:before {content: ""; width: 180%; height: 3em; position: absolute; left: 0; bottom: 100%; background: #F6F6F6;}

.imbr-straight-col-left:after {content: ""; width: 180%; height: 3em; position: absolute; left: 0; top: 100%; background: #F6F6F6;}

.imbr-straight-col-right {width: 55%; display: flex; flex-direction: column; justify-content: center; padding: 1em; position: relative; z-index: 5;

-moz-box-shadow: 0px 0px 15px -3px #000000;

-webkit-box-shadow: 0px 0px 15px -3px #000000;

-o-box-shadow: 0px 0px 15px -3px #000000;

box-shadow: 0px 0px 15px -3px #000000;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=15);}

.imbr-straight-col-right a {margin: 0.5em 0;}





/*Bloc matériaux*/

#block-views-block-materiaux-block-1 {background: #DFE8ED; position: relative; padding-top: 2em;}

#block-views-block-materiaux-block-1:before {content: ""; width: 2000px; height: 100%; position: absolute; right: 100%; top: 0; background: white; background: #DFE8ED;}

#block-views-block-materiaux-block-1:after {content: ""; width: 2000px; height: 100%; position: absolute; left: 100%; top: 0; background: white; background: #DFE8ED;}

#block-views-block-materiaux-block-1 .view-content {display: flex; flex-wrap: wrap; margin: 0 -1em 3em;}

#block-views-block-materiaux-block-1 .views-row {width: 16.66666%; padding: 0 1em 2em;}

.content-row, .lien-img-bloc-content {text-align: center; background: white; padding: 1em; height: 100%; border-radius: 10px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; position: relative; z-index: 5;}

.slick-list .lien-img-bloc-content {margin: 0.5em;}

.content-row:hover, .lien-img-bloc-content:hover {-moz-box-shadow: 0px 0px 15px -3px #000000;

-webkit-box-shadow: 0px 0px 15px -3px #000000;

-o-box-shadow: 0px 0px 15px -3px #000000;

box-shadow: 0px 0px 15px -3px #000000;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=15);}

.content-row img {margin: 0 auto;}

#block-views-block-materiaux-block-1 .views-field-title {color: #585858; font-weight: 700;}

.lien-img-bloc-content .field--name-field-titre-de-l-image {color: #585858; font-weight: 700; margin: 0.3rem 0 0.7rem; font-size: 1.1em;}

.lien-img-bloc-content .field--name-field-sous-titre-de-l-image {color: #585858;}



/*paragraphe illustré*/

.paragraph-wrapper {display: inline-block; width: 100%;}

.has-background.paragraph-wrapper {display: flex;}

.paragraph-wrapper:not(.has-background) {margin-bottom: 1.5em;}

.paragraph-wrapper.paragraph-titre {margin-bottom: 0;}

.img-right .field--name-field-image-du-paragraphe {float: right; margin-left: 1.5em; max-width: 70%;}

.img-left .field--name-field-image-du-paragraphe {float: left; margin-right: 1.5em; max-width: 70%;}

.field--name-field-chiffre-mis-en-valeur {font-size: 2.6em; font-weight: 700; padding-top: 0.5em;}



/*breadcrumb*/

.breadcrumb {color: #818181; padding: 1rem 0; border-bottom: 1px solid #C5C5C5; margin-bottom: 2rem;}

.breadcrumb a {color: #818181;}

.breadcrumb li:before {content: ">";}

.breadcrumb li:first-child a {text-indent: -9999px; overflow: hidden; width: 22px; height: 20px; background: url(../images/home.png) no-repeat center; display: inline-block; position: relative; top: 3px;}



/*paragraphe blocs libres en colonne*/

.paragraph--type--blocs-libres-en-colonne .field--name-field-bloc-libre, .paragraph--type--blocs-libres-en-colonne .field--name-field-blocs-images-et-lien {display: flex; flex-wrap: wrap;}

.field--name-field-bloc-libre > .field__item, .field--name-field-blocs-images-et-lien > .field__item {padding: 1em;}

.col-2 .field--name-field-bloc-libre > .field__item, .col-2 .field--name-field-blocs-images-et-lien > .field__item {width: 50%;}

.col-3 .field--name-field-bloc-libre > .field__item, .col-3 .field--name-field-blocs-images-et-lien > .field__item {width: 33.33333%;}

.col-4 .field--name-field-bloc-libre > .field__item, .col-4 .field--name-field-blocs-images-et-lien > .field__item {width: 25%;}

.col-5 .field--name-field-bloc-libre > .field__item, .col-5 .field--name-field-blocs-images-et-lien > .field__item {width: 20%;}

.paragraph--type--blocs-libres-en-colonne h2, .paragraph--type--texte-large h2 {margin-top: 0; line-height: 1;}

.paragraph--type--blocs-libres-en-colonne img:not(.align-center), .paragraph--type--texte-large img:not(.align-center) {margin-right: 1.5em;}

.paragraph--type--blocs-libres-en-colonne a:not(.simple), .field--type-text-long a:not(.simple) {padding-left: 1.2em; position: relative;}

.paragraph--type--blocs-libres-en-colonne a:not(.simple):before, .field--type-text-long a:not(.simple):not(.bouton-plus):before {content: ""; width: 15px; height: 12px; position: absolute; left: 0; top: 6px; background: url(../images/puce-blue.png) no-repeat center;}

.imbr-content-3-to-center .field--type-text-long a:not(.simple):not(.bouton-plus):before {background: url(../images/puce.png) no-repeat center;}

.paragraph--type--blocs-libres-en-colonne a.bouton-plus:not(.simple):before, .paragraph--type--texte-large a.bouton-plus:not(.simple):before {content:"+"; background: none; border-radius: 50%; border: 2px solid #00A5A8; color: #00A5A8; height: 22px; width: 22px; top: -1px; left: -10px; font-size: 30px; line-height: 15px; font-weight: 700; text-align: center;}





.paragraph--type--blocs-libres-en-colonne a:not(.simple):hover, .field--type-text-long a:not(.simple):hover {color: black;}

.paragraph--type--bloc-image-et-lien a {padding-left: 0;}

.paragraph--type--bloc-image-et-lien a:before {display: none;}

.paragraph--type--bloc-image-et-lien img {margin: 0 auto;}

.paragraph--type--bloc-image-et-lien, .bloc-lien-img {height: 100%;}

.bloc-lien-img > a {display: block; width: 100%; height: 100%;}



.paragraph .field--name-field-texte-large ul {overflow: hidden;}



/*Image seule*/

.disable-zoom-1 a {pointer-events: none; cursor: default;}

.paragraph--type--image-seule a {display: block; width: 100%; height: 100%;}

.paragraph--type--image-seule img {margin: 0 auto;}

.paragraph--type--image-seule {text-align: center;}

a.more-link {display: inline-block;}

.field--type-text-long .bouton-plus, a.more-link {padding-left: 1.2em; position: relative;  color: #00A5A8; cursor: pointer; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.field--type-text-long .bouton-plus.noir {color: black;}

.field--type-text-long .bouton-plus.noir:hover {color: #00A5A8;}

.field--type-text-long .bouton-plus:before, a.more-link:before {content:"+"; background: none; border-radius: 50%; border: 2px solid #00A5A8; color: #00A5A8; height: 22px; width: 22px; top: -1px; left: -10px; font-size: 30px; line-height: 15px; font-weight: 700; position: absolute; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; text-align: center;}

.field--type-text-long .bouton-plus.zoom-img {display: inline-block; margin: 0.5em 0 1.5em;}

.field--type-text-long .bouton-plus:hover, .field--type-text-long .bouton-plus:hover:before, a.more-link:hover, a.more-link:hover:before {color: black; border-color: black;}

.paragraph--type--image-seule .has-background {padding: 1em; position: relative;}

.paragraph--type--image-seule .has-background:before {content: ""; width: 4000px; height: 100%; top: 0; left: 50%; transform: translateX(-50%); position: absolute;}

.paragraph--type--image-seule #bg-color-F6F6F6:before {background: #F6F6F6;}



/*Option Slider*/

.container.slider-1 {padding: 0 2em; position: relative;}

.slick-arrow {background: none; border: 0; width: 25px; height: 25px; overflow: hidden; text-indent: -99999px; white-space: nowrap; border-top: 2px solid #00A5A8; border-left: 2px solid #00A5A8; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.slick-arrow:hover {border-color: #B3B3B3;}

.slick-prev {left: -1.5em;}

.slick-next {right: -1.5em; transform: translateY(-50%) rotate(135deg);}

.container.slider-1 .bloc-lien-img img {margin: 0 auto;}

.slick-track {height: calc(100% - 2em);}



/*Timeline*/

.paragraph--type--evenement-timeline {display: flex; flex-wrap: wrap; overflow: hidden; margin-bottom: 1em;}

.paragraph--type--evenement-timeline > div {width: 50%; margin: 1rem 0; padding: 0 1.5rem;}

.timeline-one {text-align: right; display: flex; flex-direction: column; justify-content: center;}



.field--name-field-evenement {position: relative; margin: 2em 0;}

.field--name-field-evenement:before {content: ""; width: 1px; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #C4C4C4;}

.field--name-field-evenement > .field__item:nth-child(even) .timeline-one {text-align: left;}

.field--name-field-evenement > .field__item:nth-child(even) .paragraph--type--evenement-timeline {flex-direction: row-reverse;}



.field--name-field-an {font-size: 2.7em; color: white; padding: 0.5em 0.7em; background: #00A5A8; border-radius: 10px; font-weight: 700; display: inline-block; position: relative; line-height: 1; margin-bottom: 0.3em;}

.field--name-field-an:after {content:""; width: 24px; height: 24px; border-radius: 50%; background: #00A5A8; position: absolute; top: 50%;}

.field--name-field-evenement > .field__item:nth-child(odd) .field--name-field-an:after {right: -1.5rem; transform: translate(50%, -50%);}

.field--name-field-evenement > .field__item:nth-child(even) .field--name-field-an:after {left: -1.5rem; transform: translate(-50%, -50%);}

.field--name-field-evenement > .field__item:first-child .field--name-field-an:before {content: ""; width: 20px; height: 500px; background: white; bottom: 50%; right: -1.5rem; position: absolute; transform: translate(50%, -12px);}

.field--name-field-evenement > .field__item:last-child .field--name-field-an:before {content: ""; width: 20px; height: 500px; background: white; top: 50%; position: absolute;}

.field--name-field-evenement > .field__item:last-child:nth-child(odd) .field--name-field-an:before {transform: translate(50%, 12px); right: -1.5rem;}

.field--name-field-evenement > .field__item:last-child:nth-child(even) .field--name-field-an:before {transform: translate(-50%, 12px); left: -1.5rem;}

.field--name-field-evenement > .field__item:nth-child(even) .timeline-two img {float: right;}



/*Contact*/

.page-node-21 .field--name-field-paragraphe-en-haut {padding-top: 3em; position: relative;}

.page-node-21 .field--name-field-paragraphe-en-haut:before {content:""; width: 100%; height: 80%; position: absolute; left: 0; top: 0; background: #DEE7EC;}

.field--name-field-paragraphe-en-haut h1 {position: relative; display: inline-block; padding-bottom: 0.5em; margin: 0 0 0.5em; font-size: 2.5rem; line-height: 1;}

.field--name-field-paragraphe-en-haut h1:after {content: ""; width: 75%; height: 1px; position: absolute; left: 0; bottom: 0; background: black;}

.field--name-webform {max-width: 941px; margin: 0 auto;}

.field--name-webform form {display: inline-block; margin-bottom: 3em; width: 100%;}

.field--name-webform input:not(.button):not([type="radio"]):not([type="checkbox"]) {width: 100%; height: 50px; border-radius: 10px; border: 1px solid #C2C2C2; padding: 1rem;}

.field--name-webform textarea {width: 100%; border-radius: 10px; border: 1px solid #C2C2C2; min-height: 250px;}

.field--name-webform .form-item:not(#edit-markup) {padding: 0 1em; margin-bottom: 2rem;}

.field--name-webform #edit-markup {font-size: 1.12em; margin: 1em 0 1.5em;}

.field--name-webform .button {margin-right: 1.5rem; float: right;}

.captcha {text-align: center;}

.g-recaptcha {display: inline-block;}

.field--name-webform input

/*.form-radio{display: none;}*/






/*Footer*/

footer{text-align: center;}

.region-footer {text-align: center; display: inline-block; width: 100%; overflow: hidden;}

.logo-footer {display: inline-block; position: relative;}

.logo-footer:before {content:""; width: 1000px; height: 1px; position: absolute; left: -1030px; top: 50%; transform: translateY(-50%); background: black;}

.logo-footer:after {content:""; width: 1000px; height: 1px; position: absolute; right: -1030px; top: 50%; transform: translateY(-50%); background: black;}



.links-footer-wrapper {display: inline-block; margin: 1.5em 0;}

.links-footer-wrapper a {display: block; float: left; width: 60px; height: 60px; background-color: #00A5A8; margin: 0 50px; border-radius: 50%;}

.links-footer-wrapper a:hover {background-color: #3E8AAE;}

.lk-bottom-fb {background: #00A5A8 url(../images/fb.png) no-repeat center;}

.lk-bottom-contact {background: #00A5A8 url(../images/mail.png) no-repeat center;}

.lk-bottom-twitter {background: #00A5A8 url(../images/twitter.png) no-repeat center;}



.bottom-footer a {color: black;}

.bottom-footer a:hover {color: #00A8AC;}



/*Titres*/

.field--name-field-icone-de-titre {float: left; margin-right: 0.5em;}

div.par-title {color: #00A5A8; font-weight: 700; border-bottom: 1px solid #C5C5C5; padding: 1em 0 0.5em; margin-bottom: 0.5em; max-width: 400px;}





/*Bloc social*/

#block-blocsocialsfixed {position: fixed; right: 0; top: 600px; background: black; color: white; z-index: 100; width: 110px; padding: 0 1em 0 0.5em;}

.links-fixed > a:nth-child(-n+2) {display: block; width: 100%; height: 60px; border-bottom: 1px solid #707070;}

.links-fixed .lk-bottom-fb, .links-fixed .lk-bottom-twitter {background-color: black;}

.lk-bottom-question {color: white; padding: 50px 0 0.5em; display: block; background: url(../images/question.png) no-repeat center 10px;}

.links-fixed .lk-bottom-fb:hover, .links-fixed .lk-bottom-twitter:hover, .lk-bottom-question:hover {background-color: #3E8AAE;}



/*Bloc autres matériaux*/

#block-lienautresmateriaux a {display: block; width: 100%; padding: 3em; background: #DFE8ED; color: black; margin: 1em 0 2em; text-align: center;}

#block-lienautresmateriaux a:hover {background: #F6F6F6;}

.lk-dech-content {display: inline-flex; text-align: left;}

.lk-dech-content-img {margin-right: 1.5em;}

.lk-dech-content-text-blue {color: #00A5A8; font-weight: 700; border-bottom: 1px solid #C5C5C5; padding: 0 0 0.5em; margin-bottom: 0.5em; max-width: 250px;}

.lk-dech-content-text-title {max-width: 750px; font-weight: 700; font-size: 2em; line-height: 1.1;}



/*Image top*/

.views-field-field-image-large-fond img {width: 100%;}



.decline-button.eu-cookie-compliance-default-button {color: white; background: none; font-size: 1rem; font-weight: 400; border: 0; text-shadow: none; padding: 0; box-shadow: none;}

.agree-button.eu-cookie-compliance-secondary-button {background: #19AEB2; padding: 0.5em; margin-right: 1em;}

.agree-button.eu-cookie-compliance-secondary-button:hover {background: black;}





@media (max-width: 1650px) {

	.color-bloc-content .field--name-field-titre-bloc {font-size: 1.5em;}

	.mos-col-left .field--name-field-titre-de-l-image {font-size: 1.5em;}

	.paragraph--type--blocs-libres-en-colonne .field--name-field-bloc-libre img:not(.align-center), .paragraph--type--texte-large img:not(.align-center) {max-width: 47%; margin-right: 3%;}

}

@media (max-width: 1430px) {
	.paragraph--type--image-seule .has-background:before {display: none;}
	.region-top-large .container .views-row {left: 2em;}
	#block-views-block-top-home-block-1 {padding-bottom: 2em;}
}



@media (max-width: 1350px) {

	.img-right .field--name-field-image-du-paragraphe {max-width: 50%;}

	.paragraph--type--paragraphe-illustre span {font-size: 18px!important;}

	.field--name-field-bloc-texte- h2, h1.page-title {font-size: 1.8em;}
	.views-field-field-encadre-jaune img {max-width: 450px;}

}

@media (max-width: 1250px) {

	.region-top-large .container .views-row {width: 60%;}

	.region-content {font-size: 16px;}

	.view-id-actualites.view-display-id-block_1 .view-header {padding: 0 1.5em 1em; width: 100%;}

	.view-id-actualites.view-display-id-block_1 .view-content {width: 75%;}

	.view-id-actualites.view-display-id-block_1 .view-footer {width: 25%;}

	.view-id-actualites.view-display-id-block_1 {margin-top: 0;}

	.field--name-field-chiffre-mis-en-valeur {font-size: 2.2em;}

}



@media (max-width: 1150px) {

	.color-bloc-content img {width: auto; max-height: 55px;}

	.color-bloc-content {padding: 0.5em;}

	#block-views-block-materiaux-block-1 .views-row {width: 20%;}

}



@media (max-width: 1030px) {

	.region-top-large .container .views-row {position: relative; width: 100%; padding-bottom: 1em; left: 0;}

	.region-top-large .container {height: 100%; position: relative; top: 0; left: 0; transform: none;}

	#block-blocsocialsfixed {top: 260px;}

	#superfish-main li > .sf-depth-1 {padding: 1em 0.7em 1.5em;}


}



@media (max-width: 930px) {

	.paragraph--type--mosaique-d-images > div {width: 100%;}

	#block-views-block-materiaux-block-1 .views-row {width: 25%; padding: 0 0.5em 1em;}

	.col-5 .field--name-field-bloc-libre > .field__item, .col-5 .field--name-field-blocs-images-et-lien > .field__item {width: 33.33333%;}

}



@media (max-width: 850px) {

	#block-blocsocialsfixed {width: 70px; padding: 0 0.5em; font-size: 12px;}

	#superfish-main li > .sf-depth-1 {padding: 1em 0.7em 1.5em; font-size: 0.75em;}

	#block-topnav li a {font-size: 0.75em;}

	#block-triphyl-search form {width: 205px;}

	#block-triphyl-search > div {right: 105px;}

	#block-triphyl-search #edit-keys {height: 36px;}

	#block-triphyl-search .button {width: 40px; height: 36px; padding: 0; background-size: 45%;}

	body {padding-top: 155px;}

	ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 42px;}

	#superfish-main li.sf-depth-1:after {height: 0.8em;}

	ul.sf-menu ul li > .sf-depth-2 {font-size: 0.9em;}

	.view-id-actualites.view-display-id-block_1 .views-field-title a {font-size: 1.1em;}

	h1.page-title {font-size: 2em;}

}



@media (max-width: 767px) {

	.lk-open {top: 0!important; position: relative!important; display: block; height: auto!important; width: 100%!important;}

	.region-primary-menu {width: 100%;}

	#superfish-main-accordion {background: #3E8AAE;}

	#superfish-main-toggle {display: block; background: #88ADC0; color: white; width: 100%; padding: 0.8em; text-align: center; font-weight: 700; margin-top: 10px;}

	#superfish-main-accordion li > .sf-depth-1 {padding: 1em 1.5em; color: white; border-bottom: 1px solid white; display: block; width: 100%;}

	#superfish-main-accordion li > .sf-depth-2 {padding-left: 3.5em; background: #DEE7EC; color: black;}

	.view-id-actualites.view-display-id-block_1 .view-content {width: 100%;}

	.view-id-actualites.view-display-id-block_1 .view-footer {max-width: 300px; margin: 0 auto; width: 100%;}

	.paragraph--type--blocs-imbriques-larges {flex-wrap: wrap;}

	.imbr-content-3-to-center {position: relative; top: 0; width: 100%; left: 0; transform: none;}

	.imbr-col-left.has-3-blocs .imbr-content-to-center {padding-right: 1.5em;}

	.imbr-col-left .imbr-content-to-center {min-height: 0;}

	.field--name-field-bloc-imbrique-etroit > div {width: 100%;}

	.imbr-col-left .imbr-content-to-center {position: relative; width: 100%;}

	.imbr-col-right {width: 100%; max-width: 100%;}

	.img-right .field--name-field-image-du-paragraphe, .img-left .field--name-field-image-du-paragraphe {width: 100%; max-width: 100%;}

	.col-3 .field--name-field-bloc-libre > .field__item {width: 50%;}

	.field--name-field-evenement > .field__item:nth-child(even) .timeline-one {padding-right: 0;}

	.field--name-field-evenement > .field__item:nth-child(odd) .timeline-one {padding-left: 0; font-size: 0.9em;}

	.paragraph--type--evenement-timeline > div {margin-bottom: 0;}

	.paragraph--type--evenement-timeline {margin-bottom: 0.5em;}

	.col-4 .field--name-field-bloc-libre > .field__item, .col-4 .field--name-field-blocs-images-et-lien > .field__item {width: 33.33333%;}

	.field--name-field-chiffre-mis-en-valeur {font-size: 1.5em;}

	ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded > ul {position: absolute;}
	.views-field-field-encadre-jaune img {max-width: 100%;}
}



@media (max-width: 660px) {

	.content-row {padding: 0.5em;}

	#block-views-block-materiaux-block-1 .views-row {width: 33.333333%;}

	.col-2 .field--name-field-bloc-libre > .field__item {width: 100%;}

	.col-3 .field--name-field-bloc-libre > .field__item {width: 100%; padding: 0 0.5em;}

	.paragraph--type--blocs-libres-en-colonne img:not(.align-center), .paragraph--type--texte-large img:not(.align-center) {width: 100%; max-width: 100%;}

	.paragraph-wrapper:not(.has-background) {margin-bottom: 0;}

	.page-node-20 .col-2 .field--name-field-bloc-libre > .field__item:first-child p {margin: 0; line-height: 0;}

}



@media (max-width: 550px) {

	.color-bloc-content .field--name-field-titre-bloc {font-size: 1em;}

	.color-bloc-content img {margin-top: 0.5em; max-height: 45px;}

	.view-id-actualites.view-display-id-block_1 .views-row {width: 100%;}

	.mos-col-left .field--name-field-titre-de-l-image {font-size: 1em;}

	.field--name-field-bloc-texte- h2, h2, h1, h1.page-title, .lk-dech-content-text-title {font-size: 1.3em;}

	.imbr-straight-col-left {width: 100%; padding: 1em;}

	.imbr-straight-col-right {width: 70%;}

	.imbr-straight-col-left:before {display: none;}

	.imbr-straight-col-left:after {width: 100%;}

	.field--name-field-bloc-imbrique-etroit > div:nth-child(odd), .field--name-field-bloc-imbrique-etroit > div:nth-child(even) {padding: 0;}

	.field--name-field-bloc-imbrique-etroit > div {margin: 0 0 1.5em;}

	.paragraph--type--mosaique-d-images, .paragraph--type--blocs-imbriques-larges {margin-bottom: 1.5em;}

	.links-footer-wrapper a {margin: 0 20px;}

	.view-id-actualites.view-display-id-block_1 .views-field-field-sous-titre-bleu {font-size: 0.9em;}

	#block-topnav li {width: 100%; text-align: right;}

	#block-topnav li a {border: 0;}

	ul.menu {margin: 0.5em 0 0;}


	.region-header-right {width: calc(100% - 100px);}

	#toggle-display {width: 40px; height: 40px; background: black url(../images/share.png) no-repeat center; position: absolute; left: -40px; top: 0; cursor: pointer;}

	#block-blocsocialsfixed {right: -70px; top: 165px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

	#block-blocsocialsfixed.bc-open {right: 0;}

	.field--name-field-an {font-size: 1.8em;}

	.col-3 .field--name-field-bloc-libre > .field__item, .col-3 .field--name-field-blocs-images-et-lien > .field__item,

	.col-4 .field--name-field-bloc-libre > .field__item, .col-4 .field--name-field-blocs-images-et-lien > .field__item,

	.col-5 .field--name-field-bloc-libre > .field__item, .col-5 .field--name-field-blocs-images-et-lien > .field__item {width: 50%;}



}



@media (max-width: 450px) {

	.color-bloc-content .field--name-field-titre-bloc {font-size: 0.7em; font-weight: 400;}

	.color-bloc-content img {max-height: 35px;}

	#block-views-block-materiaux-block-1 .views-row {width: 50%; font-size: 0.9em;}

	.col-2 .field--name-field-bloc-libre > .field__item, .col-2 .field--name-field-blocs-images-et-lien > .field__item,

	.col-3 .field--name-field-bloc-libre > .field__item, .col-3 .field--name-field-blocs-images-et-lien > .field__item,

	.col-4 .field--name-field-bloc-libre > .field__item, .col-4 .field--name-field-blocs-images-et-lien > .field__item,

	.col-5 .field--name-field-bloc-libre > .field__item, .col-5 .field--name-field-blocs-images-et-lien > .field__item {width: 100%;}

	.field--name-field-chiffre-mis-en-valeur {font-size: 1.3em;}

}



.deliberation-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.deliberation-list li{
  padding: 0;
  margin: 1rem 0;
}
.deliberation {
  padding-left: 1.2em;
  position: relative;
  color: #00A8AC;
}
.deliberation:before {
  content: "";
  width: 15px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 6px;
  background: url(../images/puce-blue.png) no-repeat center;
}
.deliberation__desc {
  padding-left: 1.2em;
	font-size: 16px;
}
.deliberation__desc p{
  margin: 0;
}


/*
Formulaire 2023
*/

/* button blue */

.button-blue {
  display: inline-block;
  padding: 1rem 3.5rem!important;
  background: #00A5A8;
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding-left: none;
}

.button-blue:hover {
  background: #3E8AAE;
  color: #fff!important;
}

.button-blue::before {
  display: none;
}

.page-node-275 .paragraph--type--blocs-imbriques-larges {
  display: none;
}
.page-node-275 .field--name-webform{
  max-width: 1430px;
}

.webform-submission-formulaire-de-candidature--form,
.webform-submission-formulaire-de-candidature-form{
  max-width: 941px;
}

.webform-submission-formulaire-de-candidature-form .js-form-item-markup {
  font-size: 1.25rem;
  padding-left: 1rem!important;
}

.webform-submission-formulaire-de-candidature--form #edit-markup,
.webform-submission-formulaire-de-candidature-form #edit-markup{
  color: #343434;
  /* font-size: 14px!important; */
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  /* padding: 0!important; */
}

.webform-submission-formulaire-de-candidature-form .form-item-markup-01,
.webform-submission-formulaire-de-candidature-form .js-form-item-markup-01{
  color: #343434;
  font-size: 14px!important;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0!important;
}


.form-item-type-of-candidature {
  display: flex;
  flex-direction: column;
}

.form-item-type-of-candidature select{
  display: flex;
  width: 446px;
  height: 56px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #CDCDCD;
  margin-top: 0.5rem;
}

.form-item-type-of-candidature select {
    background-color: #00A5A8;
    background-position: calc(100% - 20px) calc(1em + -2px), calc(100% - 15px) calc(1em + 5px), 100% 0;
    background-repeat: no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 1rem;
}

.form-item-votre-cv,
.form-item-votre-lettre-de-motivation {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 10px;
  background: #F0F0F0;
  padding: 1rem 0;
  padding-top: 1.5rem!important;
  padding-bottom: 1.5rem!important;
}


/* textfields - mail */
.webform-submission-formulaire-de-candidature--form .js-form-type-textfield,
.webform-submission-formulaire-de-candidature--form .js-form-type-email,
.webform-submission-formulaire-de-candidature-form .js-form-type-textfield,
.webform-submission-formulaire-de-candidature-form .js-form-type-email{
  max-width: 480px;
}

/* input upload */

.webform-submission-formulaire-de-candidature--form .js-form-file,
.webform-submission-formulaire-de-candidature-form .js-form-file {
  border: none!important;
  height: inherit!important;
  padding: 0!important;
}

.webform-submission-formulaire-de-candidature--form .js-form-type-webform-document-file input::file-selector-button,
.webform-submission-formulaire-de-candidature-form .js-form-type-webform-document-file input::file-selector-button {
  display: inline-block;
  padding: 1rem 2rem;
  background: #00A5A8;
  color: #fff;
  text-decoration: none;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding-left: none;
  font-size: 18px;
}
.webform-submission-formulaire-de-candidature--form .js-form-type-webform-document-file input::file-selector-button:hover,
.webform-submission-formulaire-de-candidature-form .js-form-type-webform-document-file input::file-selector-button:hover {
  background: #3E8AAE;
}
.webform-submission-formulaire-de-candidature--form .js-form-type-webform-document-file,
.webform-submission-formulaire-de-candidature-form .js-form-type-webform-document-file {
  color: #818181;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px;
}

.webform-submission-formulaire-de-candidature--form #edit-votre-cv--label,
.webform-submission-formulaire-de-candidature--form #edit-votre-lettre-de-motivation--label,
.webform-submission-formulaire-de-candidature-form #edit-votre-cv--label,
.webform-submission-formulaire-de-candidature-form #edit-votre-lettre-de-motivation--label {
  color:black;
  font-size: 1.125rem;
}

#edit-votre-cv--description,
#edit-votre-lettre-de-motivation--description {
  color: #828282;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 25.2px;
}

.form-type-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0.8rem 40px 0.8rem 1rem;
  margin: 0;
  width: 100%;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
  font-weight: 300;
  border-radius: 10px;
  border: 1px solid #CDCDCD;
}
.form-type-select select::-ms-expand {
  display: none;
}
.select {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  max-width: 446px;
  cursor: pointer;
  border: 1px solid var(--color-neutral--4);
  background: var(--color-neutral--6);
  margin-top: 0.5rem;
}
.select select, .select::after {
  grid-area: select;
}
.select::after {
  content: "";
  justify-self: end;
  width: 54px;
  height: 100%;
  background-image: url(../images/icon-arrow-down.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #00A5A8;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* Captcha */
.webform-submission-formulaire-de-candidature--form .captcha,
.webform-submission-formulaire-de-candidature-form .captcha {
  text-align: inherit;
}

/* Submit button */
.webform-submission-formulaire-de-candidature--form input#edit-actions-submit,
.webform-submission-formulaire-de-candidature-form input#edit-actions-submit {
  float: inherit!important;
}