@charset "utf-8";

/* CSS Document */

@font-face {
  font-family: 'Matrix'; /*a name to be used later*/
  src: url(../fonts/Emigre-MatrixIIOT-Reg.otf); /*URL to font*/
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Matrix'; /*a name to be used later*/
  src: url(../fonts/Emigre-MatrixIIOT-ExtraBold.otf); /*URL to font*/
  font-weight: 600;
}

@font-face {
  font-family: 'Proxima-Nova'; /*a name to be used later*/
  src: url(../fonts/MarkSimonson-ProximaNovaA.otf); /*URL to font*/
  font-weight: 200;
}

@font-face {
  font-family: 'Proxima-Nova'; /*a name to be used later*/
  src: url(../fonts/MarkSimonson-ProximaNovaABold.otf); /*URL to font*/
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Proxima-Nova'; /*a name to be used later*/
  src: url(../fonts/MarkSimonson-ProximaNovaAExtrabold.otf); /*URL to font*/
  font-weight: 600;
}

* { margin: 0; padding: 0; border: 0;}

/* AFFICHAGE SI TU RESTAIS */

#bloc-party {display: none;}


html {scroll-behavior: smooth;}

body { font-family: 'Proxima-Nova', 'Montserrat', sans-serif; color: #0b392c;}

#page, .dialog-off-canvas-main-canvas { overflow: hidden;}

.layout-container { width: 100%; max-width: 100%;}
.layout-main-wrapper.layout-container {}
.main-content .section { padding: 0;}
/* .page-node-type-temoignage .contextual-region { position: relative; z-index: 0;} */

.paragraph--type--ligne-de-ronds, .paragraph--type--titre-et-texte, .paragraph--type--carte-accueil, .path-frontpage .paragraph--type--bloc-lien, .path-frontpage .paragraph--type--bloc-lien, #header .paragraph--type--image-et-texte, .site-footer .layout-container, .paragraph--type--accordeon, .paragraph--type--sous-menu, .paragraph--type--titre-lien, .paragraph--type--phrase-punch, .inner-div, .page-node-type-temoignage #content .section, .paragraph--type--titre-carte, .paragraph--type--titre-fichier, #joindre, .paragraph--type--deux-colonnes, .paragraph--type--video, .path-user #main-wrapper, .view-communiques, .paragraph--type--evenements, .paragraph--type--trois-colonnes, .section-formulaire-benevolat .region-content { width: 1250px; margin: 0 auto; overflow: hidden; position: relative;}

.node--type-evenement { background-color: #fbf5f0; }

.col-moitie { width: 50%; float: left;}
.col-inner { padding: 0 60px; position: relative; z-index: 1;}

#header { background: url(../images/bg-header.jpg) center -180px repeat-x #0b392c !important; position: relative; z-index: 999; width: 100%; font-family: 'Proxima-Nova', 'Montserrat', sans-serif;}
#header:after { background: url(../images/bg-header2.png) top center repeat-x; position: absolute; width: 100%; content: ""; height: 312px; bottom: 0; z-index: 0;}
.site-branding__text { display: none;}
.region-header { padding-top: 1px;}
.region-header .block:not(.site-branding) { margin: 0;}
#header .field--type-text-long { margin-bottom: 0;}

.highlighted { display: none;}

#block-lislet2018-branding { position: absolute; top: 40px; left: 50%; margin-left: -125px; z-index: 6;}
#block-lislet2018-branding img { width: 250px; height: 111px;}
#block-lislet2018-branding:hover { top: 30px;}

#carte { color: #fdb825; font-size: 16px; text-transform: uppercase; line-height: 50px; display: block; text-decoration: none; letter-spacing: 2px; padding-left: 60px; background: url(../images/icons/map.png) left center no-repeat; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; margin-top: 20px; font-weight: 400;}
#carte:hover {color: #fff;}

.site-footer #social { list-style: none; position: absolute; top: 50px;}
.site-footer #social li { float: left; margin-right: 12px;}
.site-footer #social a { text-indent: -9999px; display: block; width: 46px; height: 45px; opacity: 1;}
.site-footer #social a:hover { opacity: 0.7; margin-top: -5px;}
.site-footer #social #facebook { background: url(../images/icons/fb.png) center center no-repeat;}
.site-footer #social #instagram { background: url(../images/icons/instagram.png) center center no-repeat;}
.site-footer #social #youtube { background: url(../images/icons/yt.png) center center no-repeat;}
.site-footer #social:after { content: ""; clear: both;}
*
/

.site-footer { background-color: #eee; position: relative;}
.site-footer a { text-decoration: none;}
.site-footer .footer-copy { font-size: 13px !important; letter-spacing: 1px; padding-bottom: 8px; margin: 0; line-height: 15px !important;}
.site-footer #social { position: relative; top: 0;}
.site-footer #social a { border-bottom: 0; padding: 0;}
.site-footer #carte { border-bottom: 0; color: #0b392c; }

.site-footer__top h2 { border-bottom: 0;}
.site-footer__bottom { border-top: 0;}

#call-to-action { height: 450px; background: url(../images/bg-call-to-action.png) top center no-repeat; position: relative; z-index: 0; overflow: hidden; background-color: #fff;}
#call-to-action-phrase { text-align: center; font-size: 35px; color: #0b392c; position: relative; margin-top: 200px; letter-spacing: 5px; text-transform: uppercase; padding-bottom: 20px; font-weight: 400;}
#call-to-action-phrase:after {content: ""; position: absolute; left: 50%; margin-left: -200px; bottom: 0; width: 400px; border-bottom: 5px solid #0b392c;}
#call-to-action-btn {transform: rotate(-90deg); position: absolute; right: 0; top: 50%; margin-top: -135px; height: 300px; font-size: 25px; letter-spacing: 3px; text-transform: uppercase; color: #0b392c; z-index: 2; font-weight: 400;}
#call-to-action-btn:before { height: 29px; width: 91px; content: ""; background: url(../images/par-ici-fleche.png) no-repeat; position: absolute; transform: rotate(90deg); top: 80px; z-index: 1;}
#call-to-action-btn:after { width: 230px; height: 230px; background-color: #fdb825; border-radius: 115px; position: absolute; content: ""; top: 80px; left: 0; z-index: 0; margin-left: -70px; z-index: 0;}
#call-to-action:hover #call-to-action-btn:after { border-radius: 135px 135px 0 0; top: -10px;}
#call-to-action:hover #call-to-action-btn:before { top: 100px;}
#call-to-action:hover #call-to-action-phrase:after { margin-left: -250px; width: 500px;}


#call-to-action-nouveau { text-align: center; background: url(../images/bg-montagnes.png) bottom center no-repeat #fbf5f0; padding-top: 120px; margin-bottom: 120px; line-height: 1.2;}
#call-to-action-nouveau #lien-cta { border-bottom: 0; text-decoration: underline;}
#call-to-action-nouveau #savoir-plus-titre { font-family: 'Matrix', 'Vollkorn', serif; font-size: 50px; margin: 0; font-weight: bold; color: #02261c;}
#call-to-action-nouveau #lien-cta { font-size: 34px; color: #02261c; margin-bottom: 80px; font-family: 'Matrix', 'Vollkorn', serif; display: block; font-weight: bold;}
#call-to-action-nouveau #savoir-plus-partage { font-family: 'Matrix', 'Vollkorn', serif; text-transform: uppercase; margin: 0 0 10px 0; font-weight: bold; color: #02261c;}
#call-to-action-nouveau p { margin-bottom: 20px; font-size: 16px; font-family: 'Matrix', 'Vollkorn', serif; width: 400px; left: 50%; margin-left: -200px; position: relative;}


.site-footer__top { position: relative; overflow: hidden; padding-top: 80px;}
.colonne-tier { width: 33%; float: left; position: relative;}
.colonne-tier-inner { padding: 0 30px;}

.site-footer__top .menu { list-style: none; width: 270px;}
.site-footer__top .content li a { color: #0b392c; border-bottom: 1px solid rgba(11, 57, 44, 0.2); display: block; font-size: 18px; padding: 10px; text-indent: 0;}
.site-footer__top .content li a:hover { background-color: #fdb825;}

.site-footer__top .content h2 { font-family: 'Matrix', 'Vollkorn', serif; font-size: 20px; margin-bottom: 20px; font-weight: bold; color: #0b392c;}
.site-footer__top .content p { line-height: 25px; font-size: 16px;}

#footer-copy { width: 100%; padding: 0 0 100px 0; position: relative;}
#footer-copy a { color: #999;}
#footer-copy a:hover { color: #000;}
#footer-copy span { color: #9f9f9f; font-weight: 200; text-align: center; display: inline-block; width: 400px; background-color: #eee; position: relative; left: 50%; margin-left: -200px; z-index: 1; font-size: 14px; letter-spacing: 1px;}
#footer-copy:after { content: ""; border-bottom: 3px solid #dbdbdb; position: absolute; width: 100%; left: 0; top: 10px; z-index: 0;}

#footer #carte { color: #0b392c; background: url(../images/icons/map-footer.png) left center no-repeat;}
#footer #carte:hover {color: #000;}

.region-footer-third { display: inline-block; text-align: right;}
.region-footer-third a { border: 0; display: inline-block;}
.region-footer-third img { margin-bottom: 40px; opacity: 0.7;}
.region-footer-third a:hover img { opacity: 1;}

.site-footer #social { position: relative; padding-top: 20px; margin-bottom: 80px; display: inline-block; overflow: hidden;}
.site-footer #social a {text-indent: 0; line-height: 0; font-size: 0; overflow: hidden}
.site-footer { padding: 0; background-color: #eee !important; font-family: 'Proxima-Nova', 'Montserrat', sans-serif;}
.site-footer .block { margin: 0; border: 0; padding: 0;}
.site-footer__bottom {}
.site-footer__top .region { width: 32%;}
.site-footer .layout-container { padding: 0;}
#block-lislet2018-account-menu { display: none;}


#footer { position: relative; line-height: 1.2;}
#footer-quadra { overflow: hidden; border-top: 1px solid #02261c; padding: 100px 0;}

#footer a { border-bottom: 0;}

.colonne-quart { float: left;}
.colonne-quart-inner { padding: 0 25px;}
.colonne-demi { width: 50%; float: left;}

#footer #carte { color: #0b392c; font-weight: bold; font-size: 16px; text-transform: uppercase; height: 50px; display: block; text-decoration: none; letter-spacing: 2px; padding-left: 60px; background: url(../images/icons/map.png) left center no-repeat; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; margin-top: 20px; display: table-cell; vertical-align: middle;}
#footer #carte:hover {color: #000;}

.footer-partenaires { width: 40%;}
.footer-menu { width: 35%;}
.footer-adresse { width: 25%;}

.footer-partenaires #footer-url-rl { font-family: 'Matrix', 'Vollkorn', serif; letter-spacing: 3px; font-size: 25px; margin: 0 0 40px 0; font-weight: bold; color: #02261c;}
.footer-partenaires a { opacity: 0.4; margin-bottom: 40px; display: block;}
.footer-partenaires a:hover { opacity: 0.8;}

.footer-menu ul, .footer-social ul { list-style: none; margin-bottom: 30px;}
.footer-menu a, .footer-social a, #footer p a { text-decoration: none; color: #02261c;}
.footer-menu a { font-weight: 200;}
.footer-menu a:hover, .footer-social a:hover, #footer p a:hover { padding-left: 10px; color: #fcbd31;}

#footer, #footer p { font-size: 18px;}
#footer p.copy { font-size: 11px; margin-top: 30px;}


#content { padding: 40px 0 60px 0;}

.layout-main { margin: 0;}

h1 { font-family: 'Matrix', 'Vollkorn', serif; font-size: 45px; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-top: 220px; position: relative; z-index: 2; color: #0b392c; font-weight: bold;}
.paragraph--type--titre-et-texte h1 { margin-top: 40px; margin-bottom: 0;}
h1 span { background-color: #fdb825; padding: 15px 30px;}
h4 { font-family: 'Matrix', 'Vollkorn', serif; font-size: 22px; margin-bottom: 15px; font-weight: bold; color: #0b392c;}
p { font-weight: 200; margin-bottom: 40px; color: #0b392c;}
.site-footer .content a, .site-footer .content a.is-active { color: #000;}
#content p a, .site-footer p a, #content ul a, #content h4 a, .page-node-type-evenement .colonne-gauche a { text-decoration: none; border-bottom: 1px dotted #000; color: #000;}
#content p a:hover, .site-footer p a:hover, #content ul a:hover, #content h4 a:hover, .page-node-type-evenement .colonne-gauche a:hover, .blogue-accueil .more-link a:hover { border: 0; background-color: #fdb825; color: #000 !important;}

#content ul { font-size: 18px; margin-bottom: 40px; list-style: none;}
#content ul li { padding-left: 30px; margin-bottom: 8px; font-weight: 200; background: url(../images/dot-li.png) 15px 7px no-repeat;}

#page .ui-widget { font-family: 'Proxima-Nova', 'Montserrat', sans-serif;}

#retour-carte, #retour-even { position: fixed; z-index: 999; bottom: 60px; left: 0;}
#retour-carte a, #retour-even a { background-color: #282828; color: #fff; border-radius: 0 30px 30px 0; font-size: 20px; font-weight: bold; letter-spacing: 4px; text-transform: uppercase; padding: 25px 30px 25px 100px; text-decoration: none; position: relative; box-shadow: -20px 6px 0 rgba(0, 0, 0, 0.3); border-bottom: 0px;}
#retour-carte a:before { content: ""; background: url(../images/icons/map.png) center center no-repeat; width: 50px; height: 50px; position: absolute; left: 30px; top: 50%; margin-top: -25px;}
#retour-even a:before { content: ""; width: 25px; height: 25px; background-color: #fdb825; position: absolute; left: 30px; top: 50%; margin-top: -13px; border-radius: 20px;}
#retour-carte a:hover, #retour-even a:hover { background-color: #000; color: #fdb825; padding-left: 120px;}


/* ACCUEIL */

.path-frontpage { background-color: #fff;}
.path-frontpage #block-lislet2018-branding { visibility: hidden;}

.path-frontpage #header {}
.path-frontpage .hero-list-container { position: relative; z-index: 1;}

.region-header .block { float: none;}

/*.path-frontpage .page-title { display: none;}

.path-frontpage #header { background: url(../images/bg-header.jpg) top center repeat-x #0b392c !important; position: relative; width: 100%; min-height: 800px;}
.path-frontpage #header:after { background:url(../images/bg-top-blanc.png) top center repeat-x; position: absolute; width: 100%; content: ""; height: 150px; bottom: 0;}
.path-frontpage #block-lislet2018-branding { position: absolute; top: 70px; left: 50%; margin-left: -208px; z-index: 2;}
.path-frontpage #block-lislet2018-branding img { width: 416px; height: 186px;}
.path-frontpage #block-lislet2018-branding:hover { top: 60px;}*/

.paragraph--type--ligne-de-ronds { overflow: hidden; padding-top: 400px; position: relative; z-index: 1; overflow: hidden;}
.paragraph--type--ligne-de-ronds a { text-decoration: none; color: #0b392c;}
.paragraph--type--ligne-de-ronds .field__item { width: 350px; height: 350px; margin: 0 30px; float: left; overflow: hidden; border-radius: 175px; text-align: center; font-family: 'Matrix', 'Vollkorn', serif; z-index: 1; position: relative; color: #0b392c;}
.paragraph--type--ligne-de-ronds .field__item .field__item {height: auto; margin: 0; float: none; overflow: auto; border-radius: 0;}
.paragraph--type--ligne-de-ronds .field--name-field-titre { position: absolute; z-index: 2; width: 350px; font-size: 40px; text-transform: uppercase; font-weight: bold; top: 140px; letter-spacing: 1px;}
.paragraph--type--ligne-de-ronds .field--name-field-description { position: absolute; z-index: 2; width: 280px; opacity: 0; top: 180px; left: 50%; margin-left: -140px !important; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; font-size: 20px; font-weight: bold;}
.accueil-triptique-fleche { position: absolute; z-index: 2; background: url(../images/accueil/fleche-accueil.png) center center no-repeat; width: 92px; height: 22px; bottom: 70px; left: 0px; text-indent: -9999px; opacity: 0;}
.accueil-triptique-opaque { position: absolute; z-index: 0; background: rgba(0, 0, 0, 0.4); width: 350px; height: 350px;}
.accueil-triptique-opaque:before {content: ""; position: absolute; background: #fdb825; width: 350px; height: 350px; z-index: 1; top: 0; left: 0; opacity: 1;}
.paragraph--type--ligne-de-ronds a:hover .accueil-triptique-opaque:before { opacity: 0;}
.paragraph--type--ligne-de-ronds a:hover .field--name-field-titre { top: 120px; color: #fff;}
.paragraph--type--ligne-de-ronds a:hover .field--name-field-description { opacity: 1; top: 180px; color: #fff;}
.paragraph--type--ligne-de-ronds a:hover .accueil-triptique-fleche { left: 50%; margin-left: -50px; opacity: 1;}

.field--name-field-ronds > .field__item:nth-child(1) {background: url(../images/accueil/triptique1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.field--name-field-ronds > .field__item:nth-child(2) {background: url(../images/accueil/triptique2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.field--name-field-ronds > .field__item:nth-child(3) {background: url(../images/accueil/triptique3.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.path-frontpage .field--type-text-long { margin-bottom: 130px;}
.path-frontpage .field--type-text-long p { font-size: 30px; text-align: center; padding: 0 100px 0 100px;}
.path-frontpage .field--type-text-long .gros-jaune { font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; font-size: 50px; color: #fdb825; text-transform: none;}

.path-frontpage .field--name-field-paragraphes > .field__item:nth-child(2) { background-color: #191919; margin-bottom: 40px;}
.path-frontpage .field--name-field-paragraphes > .field__item:nth-child(2):before { width: 150px; height: 75px; background: url(../images/accueil/fleche-map.png) bottom center no-repeat #191919; content: ""; position: absolute; left: 50%; margin-left: -75px; margin-top: -75px; border-radius: 75px 75px 0 0;}

.paragraph--type--carte-accueil {color: #fdb825; font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold;}
.paragraph--type--carte-accueil .field--name-field-titre { position: absolute; top: 150px; left: 100px; font-size: 80px; margin-bottom: 30px;}
.paragraph--type--carte-accueil .field--name-field-texte ul {list-style: none; font-size: 25px; width: 310px; position: absolute; left: 100px; top: 300px; margin: 0; padding: 0;}
.paragraph--type--carte-accueil .field--name-field-texte li { margin-bottom: 15px !important; line-height: 30px; background: none !important; padding-left: 0 !important; font-size: 25px; font-weight: bold !important;}
.paragraph--type--carte-accueil .carte { float: right; padding: 90px 150px 90px 0;}
.paragraph--type--carte-accueil .carte a { width: 60px; height: 60px; position: absolute; background: #fdb825; border-radius: 30px; bottom: 210px; right: 320px; text-indent: -9999px; border: 0; text-decoration: none;}

.paragraph--type--carte-accueil .field--type-text-long { margin-bottom: 0;}


.path-frontpage .field--name-field-paragraphes > .field__item:nth-child(3), .path-frontpage .field--name-field-paragraphes > .field__item:nth-child(4) { height: 600px; overflow: hidden; margin-bottom: 40px;}
.path-frontpage .paragraph--type--bloc-lien .jeunes, .path-frontpage .paragraph--type--bloc-lien .arrivants { width: 50%; padding-top: 200px;}
.path-frontpage .paragraph--type--bloc-lien .arrivants { float: right;}
.path-frontpage .paragraph--type--bloc-lien div {font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; color: #fff; text-align: center; display: block; font-size: 50px;}
.path-frontpage .paragraph--type--bloc-lien a { font-family: 'Proxima-Nova', 'Montserrat', sans-serif; font-weight: 400; text-align: left; background-color: #fdb825; border-radius: 20px; display: block; width: 200px; font-size: 25px; letter-spacing: 3px; color: #0b392c; text-transform: uppercase; text-decoration: none; position: relative; padding: 20px 30px; overflow: hidden; left: 50%; margin-left: -130px; margin-top: 30px; text-decoration: none; border: 0;}
.path-frontpage .paragraph--type--bloc-lien a:before, .path-frontpage .paragraph--type--bloc-lien a:after { content: ""; width: 62px; height: 22px; position: absolute; top: 50%; margin-top: -11px; background: url(../images/accueil/fleche-bloc.png) no-repeat;}
.path-frontpage .paragraph--type--bloc-lien a:before { right: 30px; }
.path-frontpage .paragraph--type--bloc-lien a:after { left: -62px;}
.path-frontpage .paragraph--type--bloc-lien a:hover:before { right: -62px; }
.path-frontpage .paragraph--type--bloc-lien a:hover:after { left: 30px;}
.path-frontpage .paragraph--type--bloc-lien a:hover { padding-left: 120px; width: 110px;}

.path-frontpage .field--name-field-paragraphes > .field__item:nth-child(3) {background: url(../images/accueil/bloc2.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.path-frontpage .field--name-field-paragraphes > .field__item:nth-child(4) {background: url(../images/accueil/bloc1.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

#accueil-even { background: url(../images/accueil/bg-even.png) bottom center repeat-x #53bbe3; padding: 100px 0; margin-bottom: 80px;}
#accueil-even a { color: #0b392c; text-decoration: none; display: block;}
#accueil-even-gauche-titre {font-family: 'Matrix', 'Vollkorn', serif; font-size: 45px; font-weight: bold; margin-bottom: 20px; color: #0b392c;}
#accueil-even-gauche-texte .field--type-text-long { margin-bottom: 0;}
#accueil-even-gauche-texte p { font-size: 20px; font-weight: 200; margin-bottom: 40px; text-align: left; padding: 0 100px 0 0;}
#accueil-even-tous { color: #0b392c; text-decoration: none; border: 1px solid #0b392c; border-radius: 15px; display: inline-block !important; padding: 10px 20px; font-size: 16px; letter-spacing: 3px; text-transform: uppercase;}
#accueil-even-tous:hover { background-color: #fdb825; border-color: #fdb825;}

.accueil-even-element { position: relative; overflow: hidden; height: 130px; margin-bottom: 40px;}
.accueil-even-date { width: 130px; height: 130px; float: left; margin-right: 40px; position: relative; z-index: 1; text-align: center; margin-top: 10px;}
.accueil-even-jour { font-family: 'Matrix', 'Vollkorn', serif; font-size: 45px; line-height: 50px; font-weight: bold;}
.accueil-even-mois { font-size: 20px;}
.accueil-even-année { font-size: 15px; font-weight: 200;}
.accueil-even-texte { position: relative; z-index: 1; width: auto; padding-top: 10px; font-weight: 200; font-size: 16px; position: relative; margin-left: 170px;}
.accueil-even-texte span { font-size: 23px; font-weight: bold; font-family: 'Matrix', 'Vollkorn', serif; display: block; margin-bottom: 6px;}
.accueil-even-texte:after { content: ""; width: 40px; height: 16px; background: url(../images/accueil/fleche-even-accueil.png) no-repeat; position: absolute; bottom: -30px; left: 0;}
#accueil-even .view-id-evenements .views-row:after { content: ""; width: 130px; height: 130px; background-color: #fdb825; position: absolute; top: 0; left: 0; border-radius: 65px; z-index: 0;}
#accueil-even .view-id-evenements .views-row:hover:after {width: 500px; border-radius: 65px 20px 20px 65px;}
#accueil-even .view-id-evenements .views-row:hover .accueil-even-texte:after { left: 50px;}


#accueil-even .view-id-evenements .views-row a { border: 0;}
#accueil-even .view-id-evenements .views-row { overflow: hidden; position: relative; margin-bottom: 30px;}


/* ACCUEIL 2 */

#logo-top { position: fixed; top: 25px; left: 25px; z-index: 99; height: 45px; width: 45px; border-radius: 100px; background-color: #fcbd31; text-indent: -9999px; border-bottom: 0; opacity: 1;}

#btn-defiler { z-index: 99; position: absolute; width: 83px; height: 39px; background: url(../images/fleche-accueil.png) center center no-repeat; background-size: cover; text-indent: -9999px; bottom: 40px; left: 50%; transform: translateX(-50%); border-bottom: 0;}

.path-frontpage #logo-top { opacity: 0;}

.path-frontpage .logo-top-visible {-webkit-animation: 8s ease 0s normal forwards 1 fadein;
  animation: 8s ease 0s normal forwards 1 fadein;}
#logo-top:hover { height: 55px; width: 55px;}

#logo-top-accueil { position: absolute; top: 40%; width: 400px; height: 188px; left: 50%; z-index: 99; margin: -94px 0 0 -200px; opacity: 1; border-bottom: 0;}
.path-frontpage .logo-top-invisible {
  -webkit-animation: 7s ease 0s normal forwards 1 fadeout;
  animation: 7s ease 0s normal forwards 1 fadeout;}

@keyframes fadein {
  0% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadein {
  0% { opacity: 0; }
  80% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeout {
  0% { opacity: 0; }
  10% { opacity: 0; }
  70% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadeout {
  0% { opacity: 0; }
  10% { opacity: 0; }
  70% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

#logo-top-accueil img { width: 100%;}

.home-banner.loading .video-background {
  opacity: 0; }

.video-background {
  position: absolute;
  top: 50%;
  left: 0;
  padding-top: 56.25%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 2s opacity ease;
  transition: 2s opacity ease;
  opacity: 1;}

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }


#myVideo {
  position: absolute;
  height: 100%;
  width: 177.77777778vh; /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw; /* 100 * 9 / 16 */
  left: 50%; /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%); /* % of current element */
}

/*.home-banner.loading .video-background { opacity: 1 !important;}*/


#top-accueil { height: 100vh; overflow: hidden; position: relative; z-index: 1;}
/* #top-accueil a { position: absolute; z-index: 2; left: 50%; margin-left: -100px; bottom: 100px;} */


#zone-map { background: #efebe5; height: 100vh; line-height: 1.2; overflow: hidden;}
#zone-map h2, #zone-map h3 { color: #fcbd31; margin: 0 0 30px 0;}
#zone-map h2 { font-size: 65px; font-weight: bold;}
#zone-map h3 { font-size: 33px; font-weight: 200;}
#zone-map ul { font-family: 'Matrix', 'Vollkorn', serif; font-size: 16px; font-weight: 200; margin-bottom: 60px; list-style: none; padding-left: 20px; line-height: 22px;}

#zone-map .map-info { float: left; width: 40%; padding: 100px 0;}
#accueil-map { float: right; width: 60%;}
#accueil-map a { border-bottom: 0;}
#accueil-map img { width: 100%;}

.cycle-slideshow { overflow: hidden; width: 100%; z-index: 0; line-height: 1.2;}
#carrousel-accueil { position: relative; margin-bottom: 0; z-index: 100;}
.slide-contenu { padding: 300px 0 0 160px; width: 30%; position: relative;}
.cycle-slideshow h2 { font-size: 65px; color: #fff; margin: 0 0 30px 0; font-weight: bold;}
.cycle-slideshow p { color: #fff; font-family: 'Matrix', 'Vollkorn', serif;}
.cycle-categorie { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 200; margin-bottom: 15px;}
.slide-bg-cover { min-height: 100vh; width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#slide-foret { background-image: url(../images/slides/foret.jpg);}
#slide-culture { background-image: url(../images/slides/culture.jpg);}
#slide-accueil { background-image: url(../images/slides/accueil.jpg);}
#slide-projets { background-image: url(../images/slides/projets.jpg);}
#slide-famille { background-image: url(../images/slides/famille.jpg);}
.cycle-next { width: 50px; height: 100px; background: url(../images/slides/arrow.png) no-repeat 25px center rgba(0, 0, 0, 0.6); border-radius: 50px 0 0 50px; text-indent: -9999px; position: absolute; top: 50%; right: 0; z-index: 999; margin-top: -50px;}
.cycle-next:hover { background-color: #fcbd31; cursor: pointer; border-radius: 0;}

.cycle-pager { position: absolute; z-index: 99; top: 50%; margin: -50px 0 0 50px;}
.cycle-pager span { text-indent: -9999px; width: 7px; height: 7px; background-color: #fff; display: block; border-radius: 5px; margin-bottom: 7px;}
.cycle-pager .cycle-pager-active { opacity: 0.4;}


#zone-emploi { height: 100vh; background: url(../images/bg-emploi.jpg) no-repeat center center fixed; overflow: hidden;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#zone-emploi-contenu { width: 30%; margin: 300px 0 100px 160px; line-height: 1.2;}
#zone-emploi-hashtag, #zone-emploi h2, #zone-emploi-titre { color: #fcbd31; font-family: 'Matrix', 'Vollkorn', serif;}
#zone-emploi-hashtag { font-size: 25px; margin-bottom: 15px;}
#zone-emploi h2 { font-size: 50px; margin-bottom: 30px;}
#zone-emploi-titre { font-size: 16px; text-align: right; display: none !important;}

.blogue-accueil .view-content { overflow: hidden;}

#zone-siturestais { background: url("../images/bg-vert.jpg"); text-align: center; padding: 5vw 30px; width: calc(100% - 60px);}
#zone-siturestais p {color: #fff; font-size: 22px; margin-bottom: 30px;}
#zone-siturestais h2 {font-size: 50px; font-weight: bold; font-family: 'Matrix', 'Vollkorn', serif; color: #fdb825; margin-bottom: 30px; margin-top: 0;}
#zone-siturestais a {color: #fff; padding: 10px 20px; font-size: 22px; border: 1px solid #fff; border-radius: 40px; font-weight: 200; display: inline-block; margin-top: 20px;}
#zone-siturestais a:hover {border-color: #fdb825; background-color: #fdb825; color: #000;}

@media all and (max-width: 1024px) {
#zone-siturestais { padding: 60px 30px;}
#zone-siturestais p {font-size: 20px; margin-bottom: 20px;}
#zone-siturestais h2 {font-size: 40px; margin-bottom: 20px;}
#zone-siturestais a {font-size: 20px;}
}



/* PARENT */

#header .paragraph--type--image-et-texte { overflow: visible;}
#header .field--name-field-image { position: relative; z-index: 1; margin-top: -50px; padding-bottom: 30px; margin-left: 20px;}
#header .field--name-field-image img { position: relative; z-index: 1;}
#header .field--name-field-image:before { content: ""; width: 754px; height: 532px; background: url(../images/parent-img-fade.png) right repeat-y; position: absolute; z-index: 2; left: 0; opacity: 0.8;}
#header .field--name-field-image:after { content: ""; width: 754px; height: 532px; border: 3px solid #fdb825; position: absolute; top: 13px; left: 0; margin-left: -20px; z-index: 0;}
#header .paragraph--type--image-et-texte .field--name-field-texte { position: absolute; z-index: 5; font-family: 'Matrix', 'Vollkorn', serif; width: 530px; padding-right: 100px; top: 180px; right: 0;}
#header .field--name-field-texte p { color: #fff; font-weight: bold; letter-spacing: 1px; font-size: 26px; text-align: left; padding: 0; line-height: 33px; margin-bottom: 15px;}
#header .paragraph--type--image-et-texte .field--name-field-texte:before { content: ""; position: absolute; width: 22px; height: 62px; background: url(../images/parent/fleche-haut.png) no-repeat; top: 0; left: 40px; margin-top: -100px;}

.paragraph--type--sous-menu ul {list-style: none; text-align: center;}
.paragraph--type--sous-menu li {display: inline; background: none !important; padding-left: 0 !important;}
.paragraph--type--sous-menu li a {padding: 10px; color: #0b392c !important; font-size: 24px; text-transform: uppercase; letter-spacing: 3px; text-decoration: none; width: 280px; height: 150px; display: inline-block; position: relative; font-weight: 400; border: 0 !important;}
.paragraph--type--sous-menu li a span { display: table-cell; vertical-align: middle; height: 120px; min-width: 280px; position: relative; z-index: 1;}
.paragraph--type--sous-menu li a:before { content: ""; position: absolute; z-index: 0; width: 120px; height: 120px; border-radius: 60px; background-color: #fff; border: 1px solid #ccc; left: 50%; margin-left: -60px; top: 10px;}
.paragraph--type--sous-menu li a:hover { background-color: transparent !important;}
.paragraph--type--sous-menu li a:hover:before {width: 100px; height: 100px; border-radius: 50px; background-color: #fdb825; border: 1px solid #fff; left: 50%; margin-left: -50px; top: 20px;}


/* ENFANT */

#cboxClose.cbox-close-plain { font-size: 60px; font-weight: bold; width: 40px; height: 40px;}

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

.field--name-field-media-oembed-video iframe,
.field--name-field-media-oembed-video object,
.field--name-field-media-oembed-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lightbox-carte {
  height: 100%;
  text-align: center;
}

.lightbox-carte img {
  max-height: 100%;
}

.paragraph--type--deux-colonnes > div > div {
  width: 50%;
  float: left;
}

.page-node-type-page #header { margin-bottom: 60px;}

.page-node-type-page .paragraph--type--titre-et-texte p { margin-bottom: 0;}

.paragraph--type--titre-et-texte .field--name-field-titre, #titre-ajouter-even { font-family: 'Proxima-Nova', 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; text-align: center; color: #0b392c; letter-spacing: 2px; position: relative; margin-bottom: 20px; padding-bottom: 20px;}
.paragraph--type--titre-et-texte .field--name-field-titre:after, #titre-ajouter-even:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -100px;
  bottom: 0;
  width: 200px;
  border-bottom: 3px solid #fdb825;
}

.paragraph--type--deux-colonnes .paragraph { width: 90%; margin: 0 5%;}
.paragraph--type--deux-colonnes .paragraph p { padding: 0 20px;}

.field--type-text-long { margin-bottom: 80px;}
.field--type-text-long p { font-size: 26px; text-align: center; padding: 0 100px;}

.paragraph--type--titre-lien, .paragraph--type--titre-carte, .paragraph--type--titre-fichier { overflow: visible;}
.paragraph--type--titre-lien:before, .page-node-type-temoignage #header:before, .paragraph--type--titre-carte:before, .paragraph--type--titre-fichier:before { content: ""; background: url(../images/enfant-top-fleche.png) bottom center no-repeat; width: 38px; height: 212px; position: absolute; bottom: 0; left: 50%; margin-left: -19px; margin-bottom: -240px; z-index: 10;}
.paragraph--type--titre-fichier .file { background: none; padding-left: 0;}

#enfant-top-titre { position: relative; z-index: 1; width: 400px; height: 400px; border-radius: 200px; border: 4px solid #fdb825; margin: 90px 0 160px 50px; display: table;}
#enfant-top-titre h2 { color: #fdb825; font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; text-transform: uppercase; font-size: 35px; display: table-cell; vertical-align: middle; text-align: center; letter-spacing: 1px; padding: 0 15px;}
#enfant-top-photo img { position: relative; z-index: 1;}
#enfant-top-photo:after { content: ""; width: 754px; height: 532px; border: 3px solid #fdb825; position: absolute; top: 13px; left: 0; margin-left: -20px; z-index: 0;}
#enfant-top-texte { position: absolute; z-index: 5; color: #fff; font-weight: bold; width: 600px; padding-right: 50px; top: 50px; right: 0; letter-spacing: 1px; font-size: 28px;}
#enfant-top-texte p { font-weight: bold; margin-bottom: 15px;}
#enfant-top-texte a { background: url(../images/icon-map1.png) 25px center no-repeat rgba(255, 255, 255, 0.05); display: inline-block; padding: 30px 30px 30px 90px; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; font-size: 25px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #fff; letter-spacing: 5px; margin-top: 40px;}
#enfant-top-texte a:hover { background: url(../images/icon-map1.png) 25px center no-repeat rgba(255, 255, 255, 0.2); }

.phrase-punch { font-size: 50px; font-family: 'Matrix', 'Vollkorn', serif; text-align: center; font-weight: bold; padding: 60px 150px; position: relative; z-index: 0; color: #0b392c; line-height: 60px; margin-bottom: 100px;}
.phrase-punch:after { content: "#monlislet"; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; color: #fdb825; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; font-size: 25px; letter-spacing: 6px; text-transform: uppercase;}

.paragraph--type--accordeon .ui-accordion { padding: 0 200px 100px 200px;}
.paragraph--type--accordeon .field--type-text-long { margin-bottom: 0;}
.paragraph--type--accordeon .field--type-text-long img { margin: 0 40px 30px 0;}
.paragraph--type--accordeon .field--type-text-long p { font-size: 18px; margin-bottom: 20px; text-align: left; padding: 0;}
.paragraph--type--accordeon .field--type-text-long ul { margin-bottom: 20px !important;}
.paragraph--type--accordeon .ui-accordion h3 {font-weight: bold; cursor: pointer; font-family: 'Matrix', 'Vollkorn', serif; font-size: 30px; padding: 15px 60px 15px 15px; border: 0; border-bottom: 2px solid rgba(11, 57, 44, 0.3); border-radius: 0; background: transparent;}
.paragraph--type--accordeon .ui-accordion h3::after {
  position: absolute;
  right: 15px;
  top: 15px;
  display: block;
  text-align: center;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  color: #fdb825;
}
.ui-widget-content { color: #0b392c;}
.paragraph--type--accordeon .ui-accordion h3.ui-state-active { border-bottom: 0; background: #f7f7f7;}
.paragraph--type--accordeon .ui-accordion h3.ui-state-active::after {
  content: "-";
}
.paragraph--type--accordeon .ui-accordion h3.ui-accordion-header-collapsed::after {
  content: "+";
}

.paragraph--type--accordeon .ui-accordion h3 span { display: none;}
.paragraph--type--accordeon .ui-accordion h3 a { border-bottom: 0;}

.ui-widget-content {border: 0; border-bottom: 2px solid rgba(11, 57, 44, 0.3); border-radius: 0; background: #f7f7f7;}

.ui-dialog {background-color: #fff !important;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #0b392c;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active a:hover { color: #fdb825;}
.accord {
  position: relative;
  overflow: hidden;
  padding: 0 20px;
}

.paragraph--type--accordeon .ui-accordion .liste-cols { margin: 0 0 20px 0; padding: 0; list-style: none;}
.paragraph--type--accordeon .ui-accordion .liste-cols li {margin-bottom: 0 !important; padding-left: 0 !important; background: none !important;}
.paragraph--type--accordeon .ui-accordion .liste-cols li span { float: left;}
.paragraph--type--accordeon .ui-accordion .liste-cols li span:first-child { font-weight: bold; letter-spacing: 1px; width: 60%;}
.paragraph--type--accordeon .ui-accordion .liste-cols li span:last-child { font-weight: 200; width: 30%; padding: 0 6% 0 4%; }
.paragraph--type--accordeon .ui-accordion .liste-cols li a { overflow: hidden; background: url(../images/fleche-liste.png) right 15px center no-repeat; display: block; color: #0b392c !important; text-decoration: none; padding: 10px 15px; border-bottom: 1px solid rgba(11, 57, 44, 0.3) !important;}
.paragraph--type--accordeon .ui-accordion .liste-cols a:hover { background-color: #0b392c !important;}
.paragraph--type--accordeon .ui-accordion .liste-cols a:hover span { color: #fff !important;}
.paragraph--type--accordeon .ui-accordion .liste-cols li:last-child a { border: 0 !important;}

.paragraph--type--accordeon .ui-accordion ul li { margin-bottom: 5px !important;}

.p-plus { font-size: 18px; letter-spacing: 1px; font-weight: 400;}

.cest-ici { margin-bottom: 50px; position: relative; height: 750px;}
.cest-ici .inner-div { position: relative; overflow: visible;}
.cest-ici .inner-div:before { content: ""; width: 411px; height: 555px; background: url(../images/cest-ici-fleche.png); position: absolute; top: 0; left: 50%; margin: -60px 0 0 -400px; z-index: 2;}

.cest-ici-contenu { background-color: #282828; position: absolute; z-index: 1; top: 440px; left: 0; width: 500px; height: 280px; overflow: hidden; padding-top: 70px;}
.cest-ici-contenu p { font-size: 20px; padding: 0 40px 0 100px; margin-bottom: 15px; position: relative; z-index: 1; font-weight: 200; color: #fff; text-align: left; line-height: 27px;}
.cest-ici-contenu p strong { font-size: 32px;}
.cest-ici-contenu:before { content: "c'est ici"; position: absolute; top: 120px; text-transform: uppercase; color: #fdb825; letter-spacing: 3px; font-size: 20px; transform: rotate(-90deg); z-index: 1;}
.cest-ici-contenu:after { content: ""; width: 400px; height: 400px; position: absolute; border: 30px solid #202020; top: 0; left: 0; border-radius: 250px; z-index: 0; margin: -170px 0 0 -100px;}

.cest-ici-bg { height: 750px; position: relative; z-index: 0; background-position: center center; background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.cest-ici-bg img { display: none;}

.cest-ici-na-un { background-image: url(../images/cest-ici/na1.jpg);}
.cest-ici-na-deux { background-image: url(../images/cest-ici/na1.jpg);}
.cest-ici-na-trois { background-image: url(../images/cest-ici/na1.jpg);}
.cest-ici-na-quatre { background-image: url(../images/cest-ici/na1.jpg);}
.cest-ici-na-cinq { background-image: url(../images/cest-ici/na1.jpg);}

.cest-ici-emplois-un { background-image: url(../images/cest-ici/emplois1.jpg);}
.cest-ici-emplois-deux { background-image: url(../images/cest-ici/emplois2.jpg);}
.cest-ici-emplois-trois { background-image: url(../images/cest-ici/emplois3.jpg);}
.cest-ici-emplois-quatre { background-image: url(../images/cest-ici/emplois4.jpg);}
.cest-ici-emplois-cinq { background-image: url(../images/cest-ici/emplois5.jpg);}

.cest-ici-maisons-un { background-image: url(../images/cest-ici/maisons1.jpg);}
.cest-ici-maisons-deux { background-image: url(../images/cest-ici/maisons2.jpg);}
.cest-ici-maisons-trois { background-image: url(../images/cest-ici/maisons3.jpg);}
.cest-ici-maisons-quatre { background-image: url(../images/cest-ici/maisons4.jpg);}
.cest-ici-maisons-cinq { background-image: url(../images/cest-ici/maisons5.jpg);}

.cest-ici-mdv-un { background-image: url(../images/cest-ici/mdv1.jpg);}
.cest-ici-mdv-deux { background-image: url(../images/cest-ici/mdv2.jpg);}
.cest-ici-mdv-trois { background-image: url(../images/cest-ici/mdv3.jpg);}
.cest-ici-mdv-quatre { background-image: url(../images/cest-ici/mdv4.jpg);}
.cest-ici-mdv-cinq { background-image: url(../images/cest-ici/mdv5.jpg);}
.cest-ici-mdv-six { background-image: url(../images/cest-ici/mdv6.jpg);}
.cest-ici-mdv-sept { background-image: url(../images/cest-ici/mdv7.jpg);}
.cest-ici-mdv-huit { background-image: url(../images/cest-ici/mdv8.jpg);}
.cest-ici-mdv-neuf { background-image: url(../images/cest-ici/mdv9.jpg);}
.cest-ici-mdv-dix { background-image: url(../images/cest-ici/mdv10.jpg);}

.cest-ici-jeunesse-un { background-image: url(../images/cest-ici/jeunesse1.jpg);}
.cest-ici-jeunesse-deux { background-image: url(../images/cest-ici/jeunesse2.jpg);}
.cest-ici-jeunesse-trois { background-image: url(../images/cest-ici/jeunesse3.jpg);}
.cest-ici-jeunesse-quatre { background-image: url(../images/cest-ici/jeunesse4.jpg);}
.cest-ici-jeunesse-cinq { background-image: url(../images/cest-ici/jeunesse5.jpg);}

.cest-ici-quoi-un { background-image: url(../images/cest-ici/quoi1.jpg);}
.cest-ici-quoi-deux { background-image: url(../images/cest-ici/quoi2.jpg);}
.cest-ici-quoi-trois { background-image: url(../images/cest-ici/quoi3.jpg);}
.cest-ici-quoi-quatre { background-image: url(../images/cest-ici/quoi4.jpg);}
.cest-ici-quoi-cinq { background-image: url(../images/cest-ici/quoi5.jpg);}


.paragraph--type--top-10 { background: url(../images/top-bg.png) top center no-repeat; margin-top: 80px; position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.paragraph--type--top-10:after { content: ""; width: 280px; height: 280px; background-color: #fdb825; border-radius: 140px; position: absolute; top: 10px; left: 50%; margin-left: -500px; z-index: 0;}

.top-chiffre-top { margin-left: 150px; position: absolute; z-index: 0;}
.top-chiffre { width: 280px; height: 280px; border: 2px solid #0b392c; text-align: center; font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; text-transform: uppercase; border-radius: 145px; position: absolute; z-index: 1; float: left; margin-left: 140px;}
.top-chiffre span { display: block; position: relative; z-index: 1;}
.top-chiffre-titre { font-size: 40px; padding-top: 40px; color: #0b392c;}
.top-chiffre-chiffre { font-size: 150px; line-height: 80px; color: #0b392c;}
.top-titre { font-family: 'Matrix', 'Vollkorn', serif; font-size: 60px; line-height: 60px; font-weight: bold; width: auto; padding: 160px 0 40px 460px; color: #0b392c;}


.paragraph--type--top-10 ol { list-style-type: decimal; padding-left: 50px; counter-reset: item; list-style-type: none; margin: -20px 100px 100px 100px; position: relative; z-index: 2; }
.paragraph--type--top-10 li { display: block; position: relative; background: #0b392c; border-radius: 10px; color: #fff; margin: 10px 50px; padding: 15px 25px 15px 80px; font-size: 25px;}
.paragraph--type--top-10 li:before { content: counter(item) "  "; counter-increment: item; margin-right: 10px; position: absolute; left: 15px; top: 10px; text-align: center; width: 45px; height: 42px; color: #fdb825; font-weight: bold; font-size: 27px; border-radius: 25px; padding-top: 0; border: 2px solid #fdb825;}
.paragraph--type--top-10 li:nth-child(odd):after { content: ""; background: url(../images/fleche-top.png) no-repeat; width: 40px; height: 95px; position: absolute; top: bottom; right: 0; margin-right: -40px; margin-top: 20px;}
.paragraph--type--top-10 li:nth-child(even):after { content: ""; background: url(../images/fleche-top-odd.png) no-repeat; width: 40px; height: 95px; position: absolute; top: bottom; left: 0; margin-left: -40px; margin-top: 20px;}
.paragraph--type--top-10 li:last-child:nth-child(odd):after { display: none;}
.paragraph--type--top-10 li:last-child:nth-child(even):after { display: none;}

.btn-telecharger { margin: 60px auto; width: 610px; text-align: center; display: block; background: url(../images/btn-telecharger.png) center 0px no-repeat; padding-top: 80px; text-decoration: none; border-bottom: 0;}
.telecherger-titre { color: #0b392c; font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; font-size: 33px; line-height: 36px; margin-bottom: 10px; position: relative;}
.telecherger-sous-titre { position: relative; z-index: 1;}
.telecherger-sous-titre span { font-weight: 400; color: #fdb825; letter-spacing: 5px; text-transform: uppercase; font-size: 25px; background: #fff; padding: 0 30px;}
.telecherger-titre:after { content: ""; width: 100%; height: 6px; position: absolute; bottom: 0; left: 0; margin-bottom: -30px; background: #fdb825; z-index: 0;}
.btn-telecharger:hover { background-position: center 15px;}
.btn-telecharger:hover .telecherger-titre:after { width: 80%; margin-left: 10%;}

#cboxPrevious, #cboxNext { position: absolute; z-index: 99; bottom: 80px; text-indent: -9999px;}
#cboxPrevious { left: 0;}
#cboxNext { right: 100px;}
#cboxPrevious:before, #cboxNext:before { position: absolute; font-size: 60px; font-weight: 200; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.6); top: 0; left: 0; width: 100px; height: 100px; z-index: 999; text-indent: 0;}
#cboxPrevious:before { content: "<";}
#cboxNext:before { content: ">";}

.paragraph--type--carrousel .slick--field-images .media--switch .media__image {width: 100%;}
.paragraph--type--carrousel .slick--field-images .slick-dots {display: none !important;}


.path-frontpage #zone-blogue {padding-top: 80px;}

/* NOUVEAUX ARRIVANTS */


#temoign-liste { overflow: hidden; margin-bottom: 60px;}
#temoign-liste h2 { letter-spacing: 1px; color: #0b392c; font-family: 'Matrix', 'Vollkorn', serif; font-size: 40px; text-align: center; background: url(../images/immigration/bulle.png) right 250px top no-repeat; height: 132px; padding-top: 50px; font-weight: bold;}

a.bloc-lien { display: block }
.view-temoignages .temoign-liste-nom { color: #0b392c; text-decoration: none; border-bottom: 0;}
.view-temoignages .views-row { width: 29%; float: left; position: relative; z-index: 0; margin: 0 2% 40px 2%; }
.page-node-type-temoignage .view-temoignages .views-row { width: 100%; float: none; position: relative;}
.temoign-liste-nom, .temoign-liste-lieu { position: absolute; background-color: #0b392c; padding: 3px 18px 8px 13px; z-index: 2; margin-left: 5px;}
.temoign-liste-nom:after, .temoign-liste-lieu:after { height: 100%; width: 100%; background-color: #fdb825; content: ""; position: absolute; top: -5px; left: -5px; z-index: -3;}
.temoign-liste-nom { top: 235px; font-family: 'Matrix', 'Vollkorn', serif; font-size: 38px; font-weight: bold; padding-bottom: 20px;}
.temoign-liste-lieu { top: 295px; font-size: 18px; letter-spacing: 1px; z-index: 3; color: #0b392c;}
.temoign-liste-photo { width: 330px; border-radius: 200px; overflow: hidden; position: relative; z-index: 0; margin-bottom: 20px;}
.temoign-liste-photo img { width: 100%;}
.view-id-temoignages .views-field-body { padding: 0 20px; margin-bottom: 50px; color: #0b392c; font-weight: 200;}
.view-id-temoignages .views-field-body:after { content: ""; width: 40px; height: 15px; background: url(../images/immigration/fleche-puce.png) no-repeat; position: absolute; bottom: 10px; left: 20px;}
.view-temoignages a:hover .temoign-liste-nom, .view-temoignages a:hover .temoign-liste-lieu {color: #fdb825;}
.view-temoignages a:hover .temoign-liste-nom:after, .view-temoignages a:hover .temoign-liste-lieu:after { background-color: #0b392c;}
.view-temoignages a:hover .views-field-body::after { left: 100px;}


.page-node-type-temoignage .header .layout-container { z-index: 1; line-height: 1;}
.page-node-type-temoignage #header:before { margin-left: 300px; margin-bottom: -60px;}

.page-node-type-temoignage .field--name-field-photo { width: 100%; border-radius: 400px; overflow: hidden; position: relative; z-index: -2; margin: 180px 0;}
.page-node-type-temoignage .field--name-field-photo img { width: 100%; margin: 0;}
.page-node-type-temoignage h1, .page-node-type-temoignage .field--name-field-sous-titre { position: absolute; background-color: #fdb825; padding: 12px 25px;}
.page-node-type-temoignage h1:after, .page-node-type-temoignage .field--name-field-sous-titre:after { height: 100%; width: 100%; background-color: #0b392c; content: ""; position: absolute; top: 7px; left: 7px; z-index: -1;}
.page-node-type-temoignage h1 { top: 615px; font-family: 'Matrix', 'Vollkorn', serif; font-size: 60px; font-weight: bold; text-align: left; text-transform: none; margin: 0; z-index: auto;}
.page-node-type-temoignage h1 span { padding: 0; background-color: transparent;}
.page-node-type-temoignage .field--name-field-sous-titre { top: 690px; font-size: 33px; letter-spacing: 1px; line-height: 1; color: #0b392c; margin-bottom: 40px;}

.temoign-droit { text-align: center; color: #fff;}
#temoign-top-titre { margin-top: 440px; font-size: 40px; letter-spacing: 3px; background: url(../images/immigration/gps.png) top center no-repeat; padding-top: 150px;}
#temoign-top-titre span { text-transform: uppercase;}
#temoign-top-coup { color: #fdb825; margin-top: 80px; font-size: 30px; letter-spacing: 2px;}

/* .page-node-type-temoignage #content .field--type-text-with-summary, .page-node-type-temoignage .field--name-field-coups-coeur { width: 50%; float: left;} */


.page-node-type-temoignage #content .field--type-text-with-summary p { font-size: 20px; line-height: 26px; padding: 0 60px; margin-bottom: 25px; text-align: justify;}
.page-node-type-temoignage #content .field--type-text-with-summary p strong { font-size: 22px;}

.page-node-type-temoignage .field--name-field-coups-coeur ul { padding-left: 0; counter-reset: item; list-style-type: none; position: relative; z-index: 1; margin: 50px 40px 100px 40px;}
.page-node-type-temoignage .field--name-field-coups-coeur li { display: block; position: relative; background: #0b392c !important; border-radius: 10px; color: #fff; margin: 10px 50px; padding: 20px 25px; text-align: center; font-size: 25px;}
.page-node-type-temoignage .field--name-field-coups-coeur li:nth-child(odd):after { content: ""; background: url(../images/fleche-top.png) no-repeat; width: 40px; height: 95px; position: absolute; top: bottom; right: 0; margin-right: -40px; margin-top: 20px;}
.page-node-type-temoignage .field--name-field-coups-coeur li:nth-child(even):after { content: ""; background: url(../images/fleche-top-odd.png) no-repeat; width: 40px; height: 95px; position: absolute; top: bottom; left: 0; margin-left: -40px; margin-top: 20px;}
.page-node-type-temoignage .field--name-field-coups-coeur li:last-child:nth-child(odd):after { display: none;}
.page-node-type-temoignage .field--name-field-coups-coeur li:last-child:nth-child(even):after { display: none;}

.autres-temoignages a { display: block; margin-bottom: 30px; margin-left: 170px; color: #0b392c; text-decoration: none; font-size: 18px; border-bottom: 0;}
.autres-temoignages a:hover { padding-left: 10px; color: #000;}
.autres-temoignages a span span { font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; font-size: 22px;}
.autres-temoignages a:before { background-image: url(../images/immigration/bulle-small.png); background-size: 50px 38px; width: 50px; height: 38px; display: inline-block; content: ""; position: absolute; left: 100px;}

.temoign #contenu .col-moitie { position: relative; z-index: 0;}


/* MAP */

#municipalites { position: relative;}
#municipalites ul { position: absolute; list-style: none; margin: 0; padding: 0;}
#municipalites li { list-style: none; background: none !important; padding: 0 !important;}
#municipalites li a {background: #fdb825; padding: 10px 15px; border: 0; font-weight: bold; color: #0b392c; letter-spacing: 2px; font-size: 16px; position: absolute; display: block; text-align: center;}
#municipalites li a:hover { background: #0b392c; color: #fff !important;}
#municipalites li a:hover:after {background-color: #0b392c;}
#municipalites li a:after { content: ""; width: 15px; height: 15px; background-color: #fdb825; position: absolute; bottom: -7px; left: 50%; margin-left: -10px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)}

#map-srda { top: 320px; left: 740px; width: 150px;}
#map-sjpj { top: 290px; left: 490px; width: 200px;}
#map-i { top: 460px; left: 255px; width: 60px;}
#map-sa { top: 500px; left: 485px; width: 130px;}
#map-sl { top: 430px; left: 935px; width: 140px;}
#map-scdl { top: 670px; left: 230px; width: 150px;}
#map-sd { top: 650px; left: 585px; width: 260px;}
#map-t { top: 750px; left: 655px; width: 105px;}
#map-sp { top: 890px; left: 625px; width: 170px;}
#map-sm { top: 940px; left: 220px; width: 135px;}
#map-sf { top: 1000px; left: 430px; width: 150px;}
#map-so { top: 1060px; left: 910px; width: 120px;}
#map-sad { top: 1145px; left: 230px; width: 170px;}
#map-spa { top: 1185px; left: 585px; width: 160px;}


/* COMMUNIQUÉS */

/* .view-communiques .views-row,  .paragraph--type--evenements .views-row { overflow: hidden;} */
.view-communiques a, .paragraph--type--evenements a { border: 0 !important;}
.communique-element { width: 33%; float: left; margin-bottom: 60px; height: 380px;}
.communique-element-inner { margin: 0 25px;}
.communique-element .communique-photo { overflow: hidden; position: relative;}
.communique-element .communique-photo::before { content: ""; position: absolute; width: 250px; height: 250px; border: 3px solid #fdb825; border-radius: 150px; right: 100%; top: 100%;}
.communique-element img { width: 100%; border-bottom: 5px solid #fdb825;}
.communique-element .communique-date { position: absolute; z-index: 2; background-color: #fdb825; color: #0b392c; font-size: 17px; letter-spacing: 2px; margin-left: 15px; padding: 5px 10px; margin-top: -18px;}
.communique-element .communique-date a { color: #0b392c;}
.communique-element .communique-contenu { padding: 30px 20px 15px 20px; position: relative; z-index: 1;}
.communique-element .communique-contenu::before { content: ""; position: absolute; background-color: #0b392c; height: 0; width: 100%; top: 0; left: 0;}
.communique-element h3 { font-size: 24px; color: #0b392c; font-weight: bold; margin: 0 0 5px 0 !important; position: relative; z-index: 1; line-height: 24px;}
.communique-element h3 a { color: #0b392c;}
.communique-element h4 { font-size: 18px; color: #fdb825; font-weight: bold; position: relative; z-index: 1; margin: 0;}
.communique-element h4 a {color: #fdb825 !important;}
.communique-element:hover .communique-contenu::before { height: 100%;}
.communique-element:hover .communique-photo::before { top: 50%; right: 50%;}
.communique-element:hover h3 { color: #fff;}
.communique-element:hover h3 a { color: #fff;}

.pager__items { list-style: none;}
.pager__items .pager__item { padding: 0;}
.pager__items li { background: none !important; padding: 0 !important; margin-right: 10px;}
.pager__items li a { border: 1px solid #e2e2e2 !important; border-radius: 20px; padding: 8px 12px; color: #0b392c !important; font-size: 14px; letter-spacing: 1px; font-family: 'Proxima-Nova', 'Montserrat', sans-serif;}


/* ÉVÉNEMENTS */

#formulaire-ajout-evenement { width: 800px; margin: 0 auto;}

#formulaire-ajout-evenement .node-form label, #formulaire-ajout-evenement .node-form .description, #formulaire-ajout-evenement .node-form .form-wrapper .label, #formulaire-ajout-evenement input, #formulaire-ajout-evenement textarea, #formulaire-ajout-evenement select, #formulaire-ajout-evenement .fieldset-legend { font-family: 'Proxima-Nova', 'Montserrat', sans-serif; color: #0b392c;}
#formulaire-ajout-evenement .filter-wrapper { display: none;}
#formulaire-ajout-evenement #edit-preview { display: none;}
#edit-field-image-0-upload--description, #formulaire-ajout-evenement .description { font-weight: 200; font-size: 13px; line-height: 16px;}
#edit-field-dates-0 { width: 150px; float: left;}
#formulaire-ajout-evenement .field--type-image { width: 200px; margin-left: 120px;}
#formulaire-ajout-evenement .field--name-field-municipalite { float: right;}
#formulaire-ajout-evenement .field--name-field-municipalite select { border: 1px solid #ccc;}
.form-item-field-adresse-0-value { clear: both;}
#edit-field-dates-0-value-date:hover, #edit-field-dates-0-end-value-date:hover { cursor: pointer !important; background-color: #ebebeb;}
#edit-submit, .edit-submit { border: 0; background: none #fdb825; font-size: 18px; letter-spacing: 1px;}
#edit-submit:hover, .edit-submit:hover { color: #fff; background: #0b392c !important;}
#edit-title-wrapper input { width: 100%;}

#block-enteteevenement { display: inline-block; text-align: center; width: 100%;}
#block-enteteevenement h1 { font-family: 'Matrix', 'Vollkorn', serif; font-size: 45px; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-top: 215px; position: relative; z-index: 2; color: #0b392c; font-weight: bold; background-color: #fdb825; padding: 10px 25px; display: inline-block;}

#formulaire-ajout-evenement #field-adresses-values th, #formulaire-ajout-evenement #field-adresses-values tr, #formulaire-ajout-evenement #field-adresses-values td, #formulaire-ajout-evenement .field-multiple-table th, #formulaire-ajout-evenement .field-multiple-table tr, #formulaire-ajout-evenement .field-multiple-table td { border: 0; background-color: transparent;}
#formulaire-ajout-evenement .tabledrag-toggle-weight, #formulaire-ajout-evenement .delta-order, #formulaire-ajout-evenement .tabledrag-hide {display: none;}

.page-node-type-evenement .div-inner {overflow: hidden;}

.page-node-type-evenement .field--name-field-image { width: 1250px; margin: -60px auto 0 auto !important;}
.page-node-type-evenement .field--name-field-image img { position: relative; left: 50%; margin-left: -550px;}
.page-node-type-evenement .field--name-field-image:before { display: none;}
.page-node-type-evenement #header .field--name-field-image:after { content: ""; width: 1100px; height: 500px; border: 3px solid #fdb825; position: absolute; top: 13px; left: 75px; margin-left: -20px; z-index: 0;}

.page-node-type-evenement .page-title { margin: 0 0 150px 0; color: #fff; text-transform: none; font-size: 35px;}
.page-node-type-evenement .page-title span { background-color: transparent;}

.page-node-type-evenement .colonne { width: 40%; float: left; color: #02261c;}
.page-node-type-evenement .colonne:first-child { margin-right: 10%;}
.page-node-type-evenement .colonne:last-child { margin-left: 10%;}
.page-node-type-evenement .colonne .field--type-entity-reference { margin: 0;}
.page-node-type-evenement .colonne .field--name-field-municipalite { float: none; font-family: 'Proxima-Nova', 'Montserrat', sans-serif;}
.page-node-type-evenement .field--name-field-adresses a {font-weight: bold;}
.page-node-type-evenement .colonne-gauche > .field > .field__items > .field__item,
.page-node-type-evenement .colonne-gauche > .field > .field__item, .page-node-type-evenement .colonne-gauche #ligne-facebook
{ padding: 25px 0; font-size: 18px; line-height: 1.2; border-bottom: 1px solid #02261c; padding-left: 60px;}
.page-node-type-evenement .colonne-gauche #ligne-facebook {border: 0; text-align: left;}
.page-node-type-evenement .colonne-gauche #ligne-facebook a {display: inline-block;}
.page-node-type-evenement .colonne-gauche #ligne-facebook .field--name-field-reseaux-sociaux, .page-node-type-evenement .colonne-gauche #ligne-facebook .addtoany_list {display: inline-block;}
.page-node-type-evenement .colonne-gauche #ligne-facebook .field--name-field-reseaux-sociaux {margin-right: 20px; padding-right: 20px; border-right: 1px solid #02261c;}
.page-node-type-evenement .colonne-gauche #ligne-facebook .addtoany_list {font-size: 18px; line-height: 1.2 !important; vertical-align:inherit !important;}
.page-node-type-evenement .colonne-gauche #ligne-facebook .addtoany_list a {font-size: 18px; display: inline-block; padding: 0; vertical-align:inherit !important;}
.page-node-type-evenement .colonne-gauche #ligne-facebook .addtoany_list .a2a_label {display: none;}
.page-node-type-evenement .colonne-gauche #ligne-facebook .addtoany_list .label {width: auto; line-height: 1.2; height: auto; font-weight: 400; vertical-align:inherit !important;}

.page-node-type-evenement .colonne-gauche .field--name-field-dates .field__item {background: url("../images/icons/even/date.png") left center no-repeat; background-size: 30px 30px;}
.page-node-type-evenement .colonne-gauche .field--name-field-adresses .field__item {background: url("../images/icons/even/adresse.png") left center no-repeat; background-size: 30px 30px;}
.page-node-type-evenement .colonne-gauche .field--name-field-adresses .field__item .field__item {background: none;}
.page-node-type-evenement .colonne-gauche .field--name-field-site-web .field__item {background: url("../images/icons/even/web.png") left center no-repeat; background-size: 30px 30px;}
.page-node-type-evenement .colonne-gauche #ligne-facebook {background: url("../images/icons/even/fb.png") left center no-repeat; background-size: 30px 30px;}

.page-node-type-evenement .colonne-droite { margin-top: 15px;}
.page-node-type-evenement .colonne-droite p { font-size: 18px; line-height: 1.3;}
.page-node-type-evenement .colonne-droite h2 { margin-left: 50px; margin-bottom: 10px;}
.page-node-type-evenement .colonne-gauche p a {font-weight: bold;}
.page-node-type-evenement .colonne ul, .page-node-type-evenement .colonne p {}
.page-node-type-evenement #header::before { margin-bottom: -60px;}

.page-node-type-evenement .colonne-gauche .btn-arrondi {border-bottom-style: solid; margin-top: 80px;}
/*.page-node-type-evenement .a2a_button_facebook { background: url(../images/fb-share.png) center center no-repeat #fdb825; border: 1px solid #fdb825; width: 230px; height: 60px; margin-left: 50px; border-radius: 30px;}*/
/*.a2a_kit { clear: both;}*/
/*.page-node-type-evenement .a2a_button_facebook:hover { background-color: #fff; border-color: #0b392c;}*/
/*.page-node-type-evenement .a2a_button_facebook .a2a_svg { display: none;}*/

/* .page-node-type-evenement .date-display-range, .page-node-type-evenement .field--name-field-dates { font-family: 'Matrix', 'Vollkorn', serif; font-size: 30px; font-weight: bold;} */

.field--name-field-reseaux-sociaux .field__item { border: 0 !important;}
.field--name-field-reseaux-sociaux a { visibility: hidden; font-size: 0px;}
.field--name-field-reseaux-sociaux a:before { content: "Page Facebook"; visibility: visible; font-size: 18px; text-decoration: none; border-bottom: 1px dotted #000; color: #000; font-size: 18px;}
.field--name-field-reseaux-sociaux a:hover:before { border: 0; background-color: #fdb825; color: #000 !important;}

#edit-field-personne-responsable-wrapper, #edit-field-courriel-wrapper, #edit-field-telephone-wrapper { width: 33%; float: left;}
#edit-field-personne-responsable-wrapper > div, #edit-field-courriel-wrapper > div, #edit-field-telephone-wrapper > div { margin-right: 40px;}

.page-node-type-evenement .field--name-field-courriel, .page-node-type-evenement .field--name-field-personne-responsable, .page-node-type-evenement .field--name-field-telephone { display: none;}

.paragraph--type--evenements .lien-bloc h3 {text-align: left;}

.section-evenements .field--name-field-paragraphes .field__item:last-child {background-color: rgba(255,255,255,0.6); border-radius: 20px; padding-bottom: 40px; padding-top: 20px; margin-top: 40px;}
.section-evenements .view-filters fieldset, .section-evenements .view-filters .form-item-municipalite {background-color: #02261c; color: #fff; padding: 10px 20px; margin-right: 10px; border-radius: 10px;}
.section-evenements .view-filters fieldset legend, .section-evenements .view-filters .form-item-municipalite label {display: none;}
.section-evenements .view-filters fieldset label {font-size: 18px; font-weight: normal;}
.section-evenements .view-filters fieldset .form-item {margin-right: 20px;}
.section-evenements .view-filters fieldset .form-item:last-child {margin-right: 0;}
.section-evenements .view-filters .form-item-municipalite select {padding: 5px 10px; font-size: 18px; background-color: #02261c; color: #fff;}

.field--name-field-categories-evenement {margin-bottom: 50px !important;}
.field--name-field-categories-evenement .field__label {letter-spacing: 2px;}
.field--name-field-categories-evenement .field__items {font-weight: bold;}




/* JOINDRE */

.triptique { width: 33%; float: left;}
.triptique-inner { padding: 0 20px; margin-bottom: 40px;}

.contact-message-feedback-form { padding: 0 40px;}
.contact-message-feedback-form #edit-preview { display: none;}

.paragraph--type--trois-colonnes { margin-bottom: 80px;}
.paragraph--type--trois-colonnes .field--type-text-long p { font-size: 20px;}

.paragraph--type--trois-colonnes > div > div {
  width: 33%;
  float: left;
}

.paragraph--type--trois-colonnes .paragraph--type--titre-et-texte { width: 100%;}
.paragraph--type--trois-colonnes .paragraph--type--titre-et-texte p { padding: 0 40px;}


/* FORMULAIRE BÉNÉVOLAT */

.section-formulaire-benevolat form { width: 70%; margin: 0 15%;}
.section-formulaire-benevolat label, .section-formulaire-benevolat .fieldset-legend, .section-formulaire-benevolat legend { font-size: 17px;}
.section-formulaire-benevolat #edit-adresse legend, .section-formulaire-benevolat #edit-disponibilites > legend { font-weight: bold; padding: 0 10px;}
.section-formulaire-benevolat label.option { font-size: 14px; font-weight: 200;}

.section-formulaire-benevolat #header { min-height: 300px;}
#edit-titre-formulaire h2 { text-align: center; font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; font-size: 50px; color: #0b392c; margin-top: 0;}

#edit-autre-s-langue-s- { margin-left: 33%; position: relative; top: -60px;}

.section-formulaire-benevolat .form-item-nom, .section-formulaire-benevolat .form-item-age, .section-formulaire-benevolat .form-item-telephone-domicile-, .section-formulaire-benevolat .form-item-telephone-portable- { float: left; width: 23%; margin-right: 2%;}

.section-formulaire-benevolat .form-item-courriel, .section-formulaire-benevolat .form-adresse, .section-formulaire-benevolat #edit-langues-parlees--wrapper, .section-formulaire-benevolat #edit-je-possede-une-auto--wrapper, .section-formulaire-benevolat #edit-adresse .js-form-item { width: 29%; float: left; margin-right: 4%;}

.section-formulaire-benevolat .form-item-educations-formations-competences-particulieres, .section-formulaire-benevolat #edit-types-d-implications-souhaitees--wrapper { float: left; width: 45%; margin-right: 5%;}

.section-formulaire-benevolat #edit-disponibilites, .section-formulaire-benevolat #edit-adresse { padding: 0 20px;}
#edit-disponibilites .jour-semaine { float: left; width: 14%;}

.section-formulaire-benevolat .form-item-age:after, .section-formulaire-benevolat #edit-je-possede-une-auto--wrapper:after { clear: both; content: ""; height: 60px; display: table;}
.section-formulaire-benevolat #edit-disponibilites:after, .section-formulaire-benevolat #edit-adresse {clear: both; content: ""; display: table;}

.section-formulaire-benevolat fieldset { border-color: #f0f0f0;}

.section-formulaire-benevolat #edit-adresse, .section-formulaire-benevolat #edit-disponibilites { margin-bottom: 50px;}


/* CARROUSEL */

.paragraph--type--carrousel { margin-bottom: 80px;}
.slick--optionset--carrousel { position: relative;}
.paragraph--type--carrousel .slick__arrow { position: absolute; bottom: -25px; left: 50%; margin-left: -60px;}
.paragraph--type--carrousel .slick__arrow .slick-arrow { width: 60px; height: 50px; text-indent: -9999px; position: relative;}
.paragraph--type--carrousel .slick__arrow .slick-prev { background: url(../images/slick-arrow-gauche.png) center center no-repeat #fdb825; border-radius: 20px 0 0 20px; transform: none !important;}
.paragraph--type--carrousel .slick__arrow .slick-next { background: url(../images/slick-arrow-droit.png) center center no-repeat #fdb825; border-radius: 0 20px 20px 0;}
.paragraph--type--carrousel .slick__arrow .slick-prev:hover, .slick__arrow .slick-next:hover { background-color: #dc9600;}
.paragraph--type--carrousel .media__icon--litebox:hover::before, .media__icon--litebox:hover::after { background: #fdb825;}

.page-node-type-page .slick--optionset--petit-carrousel {position: relative;}

/* .slick-slide { opacity: 0.4;}
.slick-slide.slick-active { opacity: 1;} */


/* FORMULAIRE PIED DE PAGE */

.ui-dialog { background-color: #fff;}

.ui-dialog .ui-dialog-titlebar { background-color: #fff; border: 0; height: 50px;}
.ui-dialog .ui-dialog-titlebar-close { width: 40px; height: 40px; margin: 0; top: 10px; right: 30px;}
.ui-button .ui-icon { background: url(../images/form-close.png) center center no-repeat !important; width: 30px; height: 30px;}
.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon { background: url(../images/form-close.png) center center no-repeat; width: 30px; height: 30px;}
.ui-dialog-title { display: none;}

.ui-dialog .ui-dialog-content, .paragraph--type--contact .webform-submission-form { font-family: 'Proxima-Nova', 'Montserrat', sans-serif;}
.landing-formulaire .paragraph--type--contact .webform-submission-form { padding: 0; width: 500px; margin: 0 auto;}
.landing-formulaire #edit-choisis-l-option-qui-s-applique-le-mieux-a-ta-situation---wrapper { display: none;}
.ui-dialog .ui-dialog-content h2, .paragraph--type--contact .webform-submission-form h2 { font-weight: bold; font-size: 25px !important;}
.ui-dialog .ui-dialog-content h2 { display: none;}
.ui-dialog .ui-dialog-content .js-form-type-processed-text:first-child h2 { display: block;}

.ui-dialog .ui-dialog-content legend, .ui-dialog .ui-dialog-content label, .paragraph--type--contact .webform-submission-form legend, .paragraph--type--contact .webform-submission-form label { font-weight: 200;}
.ui-dialog .ui-dialog-content input, .paragraph--type--contact .webform-submission-form input { border: 0; border-bottom: 1px solid #e2e2e2;}
.ui-dialog .ui-dialog-content textarea, .paragraph--type--contact .webform-submission-form textarea {}
.ui-dialog .ui-dialog-buttonpane { background-color: #fff; padding: 0 0 30px 20px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none;}
.ui-dialog .ui-dialog-buttonpane button, .paragraph--type--contact .webform-submission-form button, .nouveau-theme .webform-button--submit { background-color: #fff; border: 1px solid #003729; color: #003729; padding: 8px 20px; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 1px; border-radius: 30px; background-image: none; font-weight: 200;}
.ui-dialog .ui-dialog-buttonpane button:hover, .paragraph--type--contact .webform-submission-form button:hover, .nouveau-theme .webform-button--submit:hover { color: #fff; background-color: #003729;}

#edit-titre-alternatif { display: none;}
.landing-formulaire #edit-titre-alternatif { display: block;}
/*.landing-formulaire h1 { display: none;}*/
.landing-formulaire #header { height: 310px; margin-bottom: 0;}
.landing-formulaire #content { padding-top: 0;}

.landing-formulaire #edit-titre-formulaire { display: none;}


.mailchimp-newsletter-mergefields input { width: 100%;}


/* VIDÉOS

.video { position: relative; overflow: hidden;}
.video-play, .video-sous-titre, .video-titre, .video-over { position: absolute;}
.video-sous-titre, .video-titre { text-align: center; z-index: 2; width: 100%;}
.video-titre { color: #fff; font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; font-size: 28px; bottom: 40px;}
.video-sous-titre { color: #fdb825; letter-spacing: 5px; font-size: 22px; text-transform: uppercase; bottom: 80px;}
.video-play { left: 50%; margin-left: -72px; top: 20%; z-index: 2;}
.video-image { z-index: 0; position: relative;}
.video-image img { width: 100%; margin-bottom: 0;}
.video-over { background:url(../images/vid/bg-vid.png) bottom repeat-x; height: 100%; width: 100%; z-index: 1; opacity: 0.5;}
*/

.video-titre { display: none;}


/* BLOCS 16-35 */

#type-islet-titre { font-size: 100px; text-align: center; color: #0b392c; font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; margin-bottom: 20px;}
#type-islet-titre span { color: #fdb825;}
#type-islet-texte { font-size: 27px; text-align: center; color: #0b392c; font-weight: 200; padding-bottom: 210px; background: url(../images/enfant-top-fleche.png) bottom center no-repeat; margin-bottom: -60px; z-index: 2; position: relative;}

#type-islet-liens { overflow: hidden;}
#type-islet-liens p { text-align: center; font-size: 27px; font-weight: bold; margin-bottom: 15px;}
#type-islet-liens #social { position: relative; top: 0; left: 50%; margin-left: -70px;}
#type-islet-liens #social li { padding-left: 0; background: none;}
#type-islet-liens #social a { border: 0;}

.bloc-16-35 { width: 100%; height: 500px; margin-bottom: 40px; position: relative;}
.bloc-16-35-droit:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 100%; z-index: 1; background: url(../images/16-35/gradient-noir.png) right repeat-y;}
.bloc-16-35-gauche:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background: url(../images/16-35/gradient-noir-l.png) left repeat-y;}
.bloc-16-35-1 { background: url(../images/16-35/bg1.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bloc-16-35-2 { background: url(../images/16-35/bg2.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bloc-16-35-3 { background: url(../images/16-35/bg3.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bloc-16-35-4 { background: url(../images/16-35/bg4.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bloc-16-35-5 { background: url(../images/16-35/bg5.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bloc-16-35-6 { background: url(../images/16-35/bg6.jpg) top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bloc-16-53-contenu {position: relative; z-index: 2; color: #fff;}
.bloc-16-35-droit .bloc-16-53-contenu { margin-left: 60%; margin-right: 10%;}
.bloc-16-35-gauche .bloc-16-53-contenu { margin-right: 60%; margin-left: 10%}
.bloc-16-53-contenu-titre {font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; color: #fdb825; font-size: 60px; text-transform: uppercase; letter-spacing: 2px; padding-top: 50px;}
.bloc-16-53-contenu-sous-titre { font-size: 30px; padding-bottom: 10px;}
.bloc-16-53-contenu-texte { font-size: 16px; font-weight: 200; padding-bottom: 40px;}
.bloc-16-53-contenu a { font-family: 'Proxima-Nova', 'Montserrat', sans-serif; background-color: #fff; padding: 20px 25px; border-radius: 10px; text-transform: uppercase; letter-spacing: 3px; color: #0b392c; text-decoration: none; font-size: 22px; border-bottom: 0;}
.bloc-16-53-contenu a:hover { cursor: pointer; background-color: #fdb825; color: #0b392c;}

.bloc-16-53-contenu-avenir { text-transform: uppercase; padding: 10px 20px; border: 1px solid #fff; border-radius: 10px; display: inline-block; letter-spacing: 2px;}

.section-16-35 .paragraph--type--ligne-de-ronds { padding-top: 0; margin-bottom: 80px;}
.section-16-35 .field--name-field-ronds { margin-left: 220px;}
.section-16-35 .paragraph--type--ligne-de-ronds .field--name-field-titre {font-size: 36px; top: 150px;}

.section-16-35 .field--name-field-ronds > .field__item:nth-child(1) {background: url(../images/16-35/triptique1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

.section-16-35 .field--name-field-ronds > .field__item:nth-child(2) {background: url(../images/16-35/triptique2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}


/* EMPLOI */

.page-node-type-entreprise, .path-entreprises, .page-node-type-offre-emploi, .path-portailemploi { color: #02261c;}
.page-node-type-entreprise #content, .path-entreprises #content, .page-node-type-offre-emploi #content, .path-portailemploi #content { padding: 0;}
.page-node-type-entreprise .blogue-main, .path-entreprises .blogue-main, .page-node-type-offre-emploi .blogue-main, .path-portailemploi .blogue-main { margin-bottom: 0;}
.page-node-type-entreprise .block .content, .path-entreprises .block .content, .page-node-type-offre-emploi .block .content, .path-portailemploi .block .content { margin-top: 0;}

.emploi-main .parallax-img {
  background-image: url(../images/emploi/bg-1.jpg);
}

.emploi-main-info {z-index: 2; color: #fcbd31; text-align: center; width: 1200px; left: 50%; margin-left: -600px; position: absolute; top: 50%; transform: translateY(-50%);}
.emploi-main-info .div-inner { padding-bottom: 100px;}
.emploi-main-info h2 { color: #fcbd31; font-size: 50px; font-weight: normal; margin-bottom: 50px;}
.emploi-main-info h1 { color: #fcbd31; font-size: 50px; font-weight: normal; margin-bottom: 50px; letter-spacing: 0; text-transform: none; margin-top: 0;}
.emploi-main-info h1 span { background-color: transparent; padding: 0;}

#job-filtres { background-color: #fbf5f0; border-bottom: 2px solid #001c12; padding-top: 30px;}
#job-filtres select, #job-filtres .prettydropdown, #job-filtres input { float: left; margin-right: 20px;}
#job-filtres .prettydropdown { width: 300px;}
#job-filtres input { border: 0; border-bottom: 1px solid #001c12; background-color: transparent; padding: 5px 10px; width: 250px;}

#content .prettydropdown ul li { font-size: 12px; padding-left: 0; background: none; padding-bottom: 0; margin-bottom: 0;}
#content .prettydropdown li:first-child { font-weight: bold; font-size: 14px;}


#zone-job { padding: 40px 0 0 0; background-color: #fbf5f0;}
#zone-job:after {content: ""; display: table; clear: both;}

#emplois-liste { margin-bottom: 30px; overflow: hidden;}
#emplois-liste .btn-underline {}
.views-infinite-scroll-content-wrapper { padding-top: 50px;}


.emploi-element { text-decoration: none; color: #003729; width: 31%; height: 270px; float: left; background-color: #fff; margin: 1%; position: relative; border-radius: 5px; border: 0;}
.emploi-element-inner { padding: 40px;}
.emploi-element-icons { margin-bottom: 30px;}
.emploi-element-icons .field__item { position: relative; display: inline-block; margin: 0 4px;}
.emploi-element-icons .field__item img { width: 40px; height: 40px;}

.emploi-element .field--type-text-with-summary { display: none;}

.emploi-element-lieu, .employeur-element-lieu { font-size: 13px; text-transform: uppercase; font-weight: bold;}
.emploi-element-lieu .field--type-entity-reference, .employeur-element-lieu .field--type-entity-reference { margin: 0;}
.emploi-element-titre, .employeur-element-titre { font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; font-size: 30px;}
.emploi-element p, .employeur-element p { font-family: 'Matrix', 'Vollkorn', serif; font-size: 15px; font-weight: 100; line-height: 1.4; margin-bottom: 0;}
.emploi-element:after { position: absolute; content: "+"; top: 10px; right: 5px; width: 40px; height: 40px; font-size: 30px; font-weight: bold;}

.emploi-element:hover { background-color: #001c12; color: #fff;}
.emploi-element:hover p, .employeur-element:hover p { color: #fff;}
.page-emploi-accueil .employeur-element:hover p, .portail-emploi-page .employeur-element:hover p { color: #001c12;}
.emploi-element:hover.emploi-element:after { font-size: 50px; right: 25px;}

.emploi-element-icons-icon .tooltiptext {
  visibility: hidden;
  width: 125px;
  background-color: #fcbd31;
  color: #001c12;
  text-align: center;
  border-radius: 6px;
  padding: 10px 15px;
  position: absolute;
  z-index: 1;
  bottom: 90%;
  left: 50%;
  margin-left: -78px;
  opacity: 0;
  transition: opacity 0.3s;
  line-height: 1.2;
}

.emploi-element-icons-icon .tooltiptext p { font-size: 13px !important; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; color: #001c12; margin: 0 !important; padding: 0 !important; font-weight: 200; line-height: 1.1; }
#commerce-fiche .emploi-element-icons-icon .tooltiptext p {text-align: center !important;}

.emploi-element-icons-icon .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fcbd31 transparent transparent transparent;
}

.emploi-element-icons-icon:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


#employeurs-liste { margin: 0 0 30px 0;}
.portail-emploi-page #employeurs-liste { margin-bottom: 0;}
#employeurs-liste:after, #employeurs-liste-slider:after { clear: both; content: ""; height: 60px; display: table;}
.page-emploi-accueil #employeurs-liste, .portail-emploi-page #employeurs-liste, #employeurs-liste-slider, .view-partenaires { background-color: #fcbd31; padding: 60px 0;}
.page-emploi-accueil #employeurs-liste h2, .portail-emploi-page #employeurs-liste h2, .offres-vedette h2, #employeurs-liste-slider h2 { font-size: 50px; margin-bottom: 40px; padding: 0 150px; font-weight: bold; margin-top: 0;}
.page-emploi-accueil #employeurs-liste h2, .portail-emploi-page #employeurs-liste h2, #employeurs-liste-slider h2 {text-align: center !important;}
#employeurs-liste .div-inner, #employeurs-liste-slider .div-inner {margin-bottom: 30px;}

/*.view-id-entreprises .view-content { overflow: hidden;}*/

.employeur-element { text-decoration: none; color: #003729; width: 31%; height: 400px; float: left; background-color: #fff; margin: 1%; position: relative; border-radius: 5px; border: 0;}
.path-achatlocal .employeur-element {height: 420px;}
.path-achatlocal .emploi-element-icons {margin-bottom: 10px !important;}
.employeur-element p { margin-bottom: 0;}
.page-emploi-accueil #employeurs-liste .employeur-element, .portail-emploi-page #employeurs-liste .employeur-element, #employeurs-liste-slider .employeur-element { background-color: rgba(255, 255, 255, 0.2);}
.employeur-element-inner { padding: 40px;}
.employeur-element-photo { height: 200px; width: 100%; background-color: #003729; background-size: cover; background-position: center center;}

.page-emploi-accueil #employeurs-liste .employeur-element:hover, .portail-emploi-page #employeurs-liste .employeur-element:hover, #employeurs-liste-slider .employeur-element:hover { background-color: rgba(255, 255, 255, 1); color: #003729;}
.employeur-element:hover { background-color: #003729; color: #fff;}
#employeurs-liste-slider .employeur-element:hover p { color: #0b392c;}

.view-entreprises .more-link a { margin-top: 40px !important;}

.img-fiche-employeur:after { display: none;}
#employeurs-fiche { padding-bottom: 80px;}
#employeurs-fiche:after {content: ""; display: table; clear: both;}
#employeurs-fiche a, #commerce-fiche a { color: #003729;}
#employeurs-fiche a:hover, #commerce-fiche a:hover { text-decoration: none;}
#employeurs-fiche p, #employeurs-fiche-gauche ul, #commerce-fiche p, #commerce-fiche ul { font-size: 16px;}
#employeurs-fiche-gauche { float: left; width: 75%;}
#employeurs-fiche-gauche p {margin-bottom: 10px;}
.employeurs-fiche-gauche-inner { padding: 0 100px;}
#retour-liste-emplois { margin-bottom: 30px; display: inline-block; font-weight: 200;}
.employeurs-liste-sous-titre { font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 40px;}
.nouveau-theme #employeurs-fiche-gauche h2, #commerce-fiche h2 { font-size: 45px; margin-bottom: 15px; margin-top: 0; font-weight: bold;}
.nouveau-theme #employeurs-fiche-gauche h3, #commerce-fiche h3 {font-size: 20px; text-transform: uppercase; margin: 30px 0 10px 0; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; letter-spacing: 1px; text-align: left;}
.nouveau-theme #employeurs-fiche-gauche h3 span, #commerce-fiche h3 span { font-weight: 400;}
#employeurs-fiche-gauche .employeurs-infos-chiffres { margin-bottom: 60px;}
#employeurs-fiche-gauche ul, #commerce-fiche ul {list-style-type: none;}

#employeurs-fiche-gauche ul, #commerce-fiche ul {padding-left: 22px !important; position: relative; margin-left: 0; margin-bottom: 30px !important; list-style: none !important;}
#employeurs-fiche-gauche ul li, #commerce-fiche ul li {padding-left: 0; margin-bottom: 0;}
#employeurs-fiche-gauche ul li::before, #commerce-fiche ul li:before {content: "—" !important; position: absolute !important; left: 0 !important; display: inline-block !important;}

.field--name-field-nombre-employes .field__item:last-child, .field--name-field-nombre-postes .field__item:last-child, .field--name-field-date-limite .field__item:last-child { font-weight: 200;}


#employeurs-fiche-droit { width: 25%; float: right; font-weight: 200; font-size: 16px; font-family: 'Proxima-Nova', 'Montserrat', sans-serif;}
#employeurs-fiche-droit .field--type-entity-reference { font-family: 'Proxima-Nova', 'Montserrat', sans-serif; padding: 20px 60px 0 0;}
#employeurs-fiche-droit .field--name-field-site-web { margin-bottom: 20px;}
.employeurs-fiche-droit-inner { padding: 20px 60px 0 0;}
#employeurs-fiche-droit p { margin-bottom: 20px;}
#employeurs-fiche-logo { margin-bottom: 60px;}
#employeurs-fiche-droit .field--name-field-logo { float: none;}
#employeurs-fiche-logo img { width: 100%; height: auto;}
#employeurs-fiche-social { overflow: hidden; margin-bottom: 60px;}
#employeurs-fiche-social a { width: 30px; height: 30px; border: 1px solid #001c12; border-radius: 30px; float: left; margin-right: 8px; line-height: 30px; text-align: center; text-decoration: none;}
#employeurs-fiche-social a:hover { background-color: #003729; color: #fff;}

#employeurs-fiche .btn-arrondi { margin-top: 40px;}

.employeur-element-lieu div {
  display: inline;
}

#employeurs-fiche .field--type-entity-reference .field__label {
  font-weight: bold;
}

.emploi-element-icons-icon {
  position: relative;
}

.employeurs-infos-chiffres div {
  display: inline-block;
}

.employeurs-infos-chiffres span.slash {
  margin: 0 20px;
}

#content .node--type-offre-emploi ul li,
#content .node--type-entreprise ul li {
  background: none;
}

#formulaire-postuler-wrapper { padding-top: 80px;}
#formulaire-postuler-wrapper .div-inner { overflow: hidden; border-top: 1px solid #02261c; padding: 80px 0;}
#form-emploi-col { width: 50%; float: left;}
.form-emploi-col-inner { padding: 0 80px;}

#formulaire-postuler-wrapper h1 { font-family: 'Matrix', 'Vollkorn', serif; font-size: 60px; margin: 0 0 30px 0; text-transform: none; line-height: 1; text-align: left;}
#formulaire-postuler-wrapper h2 { font-family: 'Matrix', 'Vollkorn', serif; font-size: 30px; font-weight: 200;}

#formulaire-postuler-wrapper form { font-size: 16px;}
#formulaire-postuler-wrapper form input[type=text], #form-emploi form textarea { width: 100%; display: block; font-family: 'Open Sans', sans-serif; font-size: 16px; padding: 5px; margin-bottom: 20px;}
#formulaire-postuler-wrapper form input[type=text], #formulaire-postuler-wrapper form .form-email, #formulaire-postuler-wrapper form .form-tel { background-color: transparent; border: 0; border-bottom: 1px solid #003728; width: 100%;}
#formulaire-postuler-wrapper form textarea { border: 0; background-color: rgba(0, 0, 0, 0.05); min-height: 150px;}
#formulaire-postuler-wrapper form input[type=file] { display: block; margin-bottom: 20px;}
#formulaire-postuler-wrapper form #emploi-envoyer { font-weight: 200; font-size: 14px; letter-spacing: 1px;}

.page-node-type-offre-emploi .block .content { background: url(../images/bg-montagnes.png) bottom center no-repeat #fbf5f0;}
.menu .block .content { background: none;}

.webform-element-description { font-weight: 200; font-size: 12px;}

body.nouveau-theme .views-exposed-form .form-submit { background: none transparent; border: 1px solid #0b392c !important; border-radius: 20px; color: #0b392c; margin-bottom: 40px;}

#emplois-liste .view-empty { margin-top: 80px;}


.carrousel-hero .slick__slider, .carrousel-hero .slick__slider .slick-initialized, .carrousel-hero .slick__slider .slick-track { height: 90vh; overflow: hidden;}
.carrousel-hero .slick__slider .slick-slide, .carrousel-hero .slick__slider .slick-slide > div, .carrousel-hero .slick__slider .slick__slide, .carrousel-hero .slick__slider .slide__content, .carrousel-hero .slick__slider .slide__media, .carrousel-hero .slick__slider .slide__media div, .carrousel-hero .slick__slider .slick__slide .paragraph--type--hero, .carrousel-hero .slick__slider .slick__slide .paragraph--type--hero .field--name-field-image { height: 100%;}
.carrousel-hero .slick__slider { background-color: #02261c;}

.carrousel-hero .slick__slider img { opacity: 0.3; object-fit: cover; height: 100%; width: 100%;}
/*div.view.carrousel-hero .slick__slider::after {
    position: absolute;
    content: "";
    background-color: #02261c;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    opacity: 0.7;
}*/

body.nouveau-theme .slick__arrow { z-index: 1000;}
body.nouveau-theme .carrousel-hero .slick-arrow { width: 50px; height: 100px; background: url(../images/slides/arrow.png) no-repeat 25px center rgba(0, 0, 0, 0.6); border-radius: 50px 0 0 50px; z-index: 1000; margin-top: -50px;}
body.nouveau-theme .slick-arrow:before { display: none;}
body.nouveau-theme .slick-arrow:hover .slick-arrow:hover { background-color: #fcbd31; cursor: pointer; border-radius: 0;}

body.nouveau-theme .slide__constrained { padding-top: 0;}
body.nouveau-theme .slide__caption { top: 50%; transform: translateY(-50%); padding: 0; text-align: center; padding: 0 100px; position: absolute !important;}

body.nouveau-theme .slide__description .views-field-title { color: #fcbd30; margin: 40px 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 200;}

.carrousel-hero h1 { margin: 0; text-transform: none; color: #fcbd30;}

.nouveau-theme .carrousel-hero .slick-dots {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.nouveau-theme .path-achatlocal .carrousel-hero .slick__slider .slick-dots li button::before {font-size: 20px !important;}



body.nouveau-theme .slide__description .views-field-view-node a, .paragraph--type--hero .slide__caption a {display: inline-block; color: #fff; border: 1px solid #fff; border-radius: 30px; text-decoration: none; font-size: 13px; padding: 10px 20px; text-transform: uppercase; font-weight: bold; overflow: hidden; position: relative; position: relative; z-index: 2; letter-spacing: 1px; font-weight: 200;}
body.nouveau-theme .slide__description .views-field-view-node a:hover, .paragraph--type--hero .slide__caption a:hover { border-color: #fcbd31; color: #000; background-color: #fcbd31;}

.paragraph--type--hero .slide__caption a {margin-top: 30px;}

.slick-prev { transform: rotate(180deg);}
.slide-hero-contenu, .slide-hero-contenu .slide__caption {width: 1000px;}
.slide-hero-contenu {margin: 0 auto;}
.slide-hero-contenu .slide__caption { padding: 0 !important;}
.slide-hero-contenu h2 { font-family: 'Proxima-Nova', 'Montserrat', sans-serif; color: #fcbd31; font-weight: 200;}


/*.page-node-type-entreprise li {display: inline-block;}*/
.page-node-type-entreprise li:before {display: none;}

body.nouveau-theme .slick__slider {z-index: 1;}
body.nouveau-theme .slick {position: relative;}
body.nouveau-theme .slick-dots {overflow: hidden; text-align: center; position: relative; padding: 0;}
body.nouveau-theme .slick-dots li {position: relative; display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  margin-bottom: 0px;
  padding: 0;
  padding-left: 0px;
  cursor: pointer;}
body.nouveau-theme .slick-dots .slick-active button::before {opacity: 1;}
body.nouveau-theme .slick-dots button {text-indent: -9999px;}
body.nouveau-theme .slick-dots li button::before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}

body.nouveau-theme .slick__arrow {
  bottom: auto;
  height: 2px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: calc(50% - 15px);
  transform: translateY(-50%);
  width: 100%;
}

body.nouveau-theme .slick-arrow {position: absolute; text-indent: -9999px;}
body.nouveau-theme .slick-prev {left: 0;}
body.nouveau-theme .slick-next {right: 0;}


.page-emploi-accueil #zone-job { padding-top: 0;}

.offres-vedette { background-color: #02261c; padding: 7vh 0;}

.titre-hashtag, .offres-vedette h2 { color: #fcbd30; font-family: 'Matrix', 'Vollkorn', serif; text-align: left; padding: 0;}
.offres-vedette h2 { margin-bottom: 0;}

.titre-hashtag { font-size: 24px; margin-bottom: 20px;}

#employeurs-liste-slider .paragraph--type--partenaire.employeur-element,
.offres-vedette .emploi-element,
#employeurs-liste .slick--view--entreprises .employeur-element,
#employeurs-liste-slider .slick--view--entreprises .employeur-element { width: 94%; margin: 3%;}

.offres-vedette .emploi-element { background-color: #001c12; color: #fff;}
.offres-vedette .emploi-element:hover { background-color: #000;}
.offres-vedette .emploi-element > p { color: #fff;}

.offres-vedette .slick-list { padding-top: 50px;}
.offres-vedette .tooltiptext { box-sizing: content-box; -webkit-box-sizing: content-box;}
.offres-vedette .slick-dots, #employeurs-liste .slick-dots, #employeurs-liste-slider .slick-dots { bottom: auto;}
.offres-vedette .slick-dots li, #employeurs-liste .slick-dots li, .carrousel-hero .slick__slider .slick-dots li, #employeurs-liste-slider .slick-dots li { background: none !important;}
.offres-vedette .slick-dots li button::before, #employeurs-liste .slick-dots li button::before, .carrousel-hero .slick__slider .slick-dots li button::before, #employeurs-liste-slider .slick-dots li button::before { font-size: 8px !important;}
.offres-vedette .slick-dots li button::before, .carrousel-hero .slick__slider .slick-dots li button::before { color: #fff;}

.offres-vedette .slick-arrow, #employeurs-liste .slick-arrow, #employeurs-liste-slider .slick-arrow { width: 15px; height: 40px;}
.offres-vedette .slick-arrow { background: url(../images/slides/arrow.png) center center no-repeat;}
#employeurs-liste .slick-arrow, #employeurs-liste-slider .slick-arrow { background: url(../images/slides/arrow-noir.png) center center no-repeat;}
.offres-vedette .slick-prev, #employeurs-liste .slick-prev, #employeurs-liste-slider .slick-prev { margin-left: -50px;}
.offres-vedette .slick-next, #employeurs-liste .slick-next, #employeurs-liste-slider .slick-next { margin-right: -50px; margin-top: 20px;}
.offres-vedette .slick-arrow:before, #employeurs-liste .slick-arrow:before, #employeurs-liste-slider .slick-arrow:before { display: none;}
.offres-vedette .slick-arrow:hover, #employeurs-liste .slick-arrow:hover, #employeurs-liste-slider .slick-arrow:hover { background-color: transparent;}

.badge-reseau {margin: 0 40px 50px 40px;}
.badge-reseau a {border: 0;}


.page-node-type-entreprise .field--name-field-en-photos {float: none;}
.page-node-type-entreprise .field--name-field-en-photos .field__items, .page-node-type-entreprise .field--name-field-en-videos .field__items {text-align: left;}
.page-node-type-entreprise .field--name-field-en-photos .field__item, .page-node-type-entreprise .field--name-field-en-videos .field__item {display: inline-block;}
.page-node-type-entreprise .field--name-field-en-photos .field__item a, .page-node-type-entreprise .field--name-field-en-videos .field__item a {display: block; background-color: #f9b61f;}
.page-node-type-entreprise .field--name-field-en-photos .field__item img {object-fit: cover; width: 220px; height: 147px; margin: 0; display: block;}
.page-node-type-entreprise .field--name-field-en-photos .field__item a:hover img, .page-node-type-entreprise .field--name-field-en-videos .field__item a:hover img { opacity: 0.7;}

.page-node-type-entreprise .field--name-field-en-videos .field__item a {border-bottom: 0; position: relative;}
.page-node-type-entreprise .field--name-field-en-videos .field__item a:after { width: 60px; height: 60px; position: absolute; content: ""; z-index: 1; background: url("../images/play1.png") center center no-repeat rgba(0, 0, 0, 0.5); top: 50%; left: 50%; margin: -30px 0 0 -30px; border-radius: 50%;}
.page-node-type-entreprise .field--name-field-en-videos .field__item img {display: block;}

.page-emploi-accueil .slick-dotted.slick-slider {margin-bottom: 0;}


/* ADMIN */

.path-user #header { min-height: 300px;}
.block-local-tasks-block ul li { padding-left: 0 !important; background: none !important;}

#block-views-block-entreprises-dashbord-block-1 a,
#block-views-block-acteurs-locaux-dashboard-block-1 a,
#block-lislet2018-views-block-acteurs-culturels-dashboard-block-1 a { color: #02261c;}
#block-views-block-entreprises-dashbord-block-1 a:hover,
#block-views-block-acteurs-locaux-dashboard-block-1 a:hover,
#block-lislet2018-views-block-acteurs-culturels-dashboard-block-1 a:hover { background-color: #fdb924}

#block-views-block-entreprises-dashbord-block-1 h2,
#block-views-block-acteurs-locaux-dashboard-block-1 h2,
#block-lislet2018-views-block-acteurs-culturels-dashboard-block-1 h2 { font-weight: bold; font-size: 40px; color: #02261c; margin-bottom: 30px;}
#block-views-block-entreprises-dashbord-block-1 .view-grouping,
#block-lislet2018-views-block-acteurs-culturels-dashboard-block-1 .view-grouping,
#block-views-block-acteurs-locaux-dashboard-block-1 .view-grouping { margin-bottom: 40px;}

.view-entreprises-dashbord .view-grouping > .view-grouping-header {}
.view-entreprises-dashbord .is-disabled { opacity: 0.5; }

#block-views-block-entreprises-dashbord-block-1 .view-footer .button,
#block-views-block-acteurs-locaux-dashboard-block-1 .view-footer .button,
#block-lislet2018-views-block-acteurs-culturels-dashboard-block-1 .view-footer .button { background: none #02261c; color: #fff; font-weight: bold; border: 0; margin-bottom: 10px;}

#block-views-block-entreprises-dashbord-block-1 .view-footer,
#block-views-block-acteurs-locaux-dashboard-block-1 .view-footer,
#block-lislet2018-views-block-acteurs-culturels-dashboard-block-1 .view-footer {margin-top: 40px;}

.block-views-blockentreprises-dashbord-block-1 .view-content > .view-grouping {
  padding: 5px 2px;
  border-bottom: black solid 2px;
}

/* .view-entreprises-dashbord .view-content, .view-acteurs-locaux-dashboard .view-content { border-bottom: 3px solid #02261c; margin-bottom: 50px; padding-bottom: 40px;} */
.view-entreprises-dashbord .views-field-nothing, .view-acteurs-locaux-dashboard .views-field-nothing { display: none;}

.view-entreprises-dashbord h3, .view-acteurs-locaux-dashboard h3 { font-size: 25px; margin-bottom: 30px;}
.view-entreprises-dashbord h3 a:last-child, .view-entreprises-dashbord .view-content .views-row .views-field-edit-node-1 a, .view-acteurs-locaux-dashboard h3 a:last-child, .view-acteurs-locaux-dashboard .view-content .views-row .views-field-edit-node-1 a { border: 1px solid #02261c; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; padding: 8px 12px; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; font-weight: 200; margin-left: 30px;}
.view-entreprises-dashbord a, .view-acteurs-locaux-dashbord a { border-bottom: 0; font-weight: 200;}

.view-entreprises-dashbord .view-content .views-row, .view-acteurs-locaux-dashboard .view-content .views-row { padding: 12px 0 12px 20px; position: relative; margin-left: 20px;}
.view-entreprises-dashbord .view-content .views-row:before, .view-acteurs-locaux-dashboard .view-content .views-row:before { content: "—"; position: absolute; left: 0;}

.form-composite > .fieldset-wrapper > .description, .form-item .description { font-weight: 200;}
.tabs ul.primary { background: none;}
#content .tabs ul.primary li a { font-family: 'Proxima-Nova', 'Montserrat', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #fff; background-color: #092e23; border: 1px solid #092e23; padding: 5px 10px; border-radius: 0;}
#content .tabs ul.primary li .is-active { background-color: #fff; color: #092e23;}
#content .tabs ul.primary li a:hover { text-shadow: none; background-color: #fdb924;}
#content .tabs ul.primary li .is-active:hover { background-color: #fff; color: #092e23; cursor: default;}

#node-offre-emploi-form #edit-field-categories .js-form-item { position: relative; background-color: #f00;}
#node-offre-emploi-form #edit-field-categories .js-form-item:after { content: "Test"; position: absolute; left: 0; top: 0;}

.portail-emploi-page #header, .portail-emploi-page .blogue-main { margin-bottom: 0;}
.portail-emploi-page #content { padding: 0;}
/*.portail-emploi-page #employeurs-liste { display: none;}*/

.portail-emploi-page #zone-job h2, .portail-emploi-page #zone-job h3, .portail-emploi-page #zone-job p { text-align: left; color: #02261c;}
.portail-emploi-page #zone-job h2 { font-size: 50px; font-weight: bold;}
.portail-emploi-page #zone-job h3 { text-transform: uppercase; font-size: 22px; font-family: 'Proxima-Nova', 'Montserrat', sans-serif; font-weight: bold;}
.portail-emploi-page #zone-job p { font-size: 20px; padding: 0 0 30px 0;}


/*.view-entreprises-dashbord .view-content .views-row { border-bottom: 1px solid #96afa8; padding: 10px 0;}
.view-entreprises-dashbord .view-content .views-row:last-child { border: 0;}*/


/* POP-UP SI TU RESTAIS... */

.bloc-question-out {opacity: 1 !important; visibility: visible !important;}
.bloc-question-close {width: 30px; height: 30px; background: url("../images/form-close.png") center center no-repeat; background-size: cover; text-indent: -9999px; position: absolute; top: 30px; right: 30px;}
.bloc-question-close:hover {opacity: 0.5; cursor: pointer;}

#bloc-party {position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 100; opacity: 0; visibility: hidden;}
#bloc-party-bloc {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 914px; height: 624px; z-index: 1; text-align: center; background: url("../images/pop-up-str/bg-party.jpg") center center no-repeat; background-size: cover; border-radius: 20px; overflow: hidden;}
#bloc-party-contenu {padding: 120px 0 0 0px;}
#bloc-party h2 {margin: 0 !important; font-weight: bolder; color: #0e4132; font-size: 30px;}
#bloc-party p {font-size: 18px; padding: 30px 270px 0 270px; margin-bottom: 0;}
#bloc-party .bloc-question-close {background-image: url("../images/pop-up-str/form-close-fonce.png");}

#bloc-party .btn-arrondi { display: inline-block; color: #013728; background-color: #fcbd31; letter-spacing: 3px; border: 0; border-radius: 30px; text-decoration: none; font-size: 13px; padding: 15px 20px; text-transform: uppercase; overflow: hidden; position: relative; z-index: 2; margin-top: 40px;}
#bloc-party .btn-arrondi:hover {border-color: #fff; background-color: #fff; color: #013728;}
#bloc-party .btn-arrondi:before {display: none;}

@media all and (max-width: 1600px), all and (max-height: 630px) {
  #bloc-party-bloc {width: 660px; height: 450px;}
  #bloc-party-contenu {padding: 80px 0 0 0px;}
  #bloc-party h2 {font-size: 25px;}
  #bloc-party p {font-size: 13px; padding: 20px 180px 0 180px;}
  #bloc-party .btn-arrondi {margin-top: 20px; font-size: 11px;}
}

@media all and (max-width: 660px), all and (max-height: 450px) {
  #bloc-party {position: absolute;}
  #bloc-party-bloc {width: 90%; height: auto; background: none #96d6ce; top: 5%; left: 5%; transform: none;}
  #bloc-party-contenu {padding: 80px 40px 40px 40px;}
  #bloc-party h2 {font-size: 25px;}
  #bloc-party p {font-size: 13px; padding: 20px 0 0 0;}
  #bloc-party .btn-arrondi {margin-top: 20px; font-size: 11px;}
}


/* FORMULAIRE ÉVÉNEMENT */

#node-evenement-form {max-width: 1200px; margin: 80px auto 0 auto; padding: 0 20px;}
#node-evenement-form .js-filter-wrapper {display: none;}

.landing-formulaire .page-title {margin-top: 0;}


/* NOUVEAUX STYLES DE PAGE 2022 */

.nouveau-theme #header {margin-bottom: 0 !important;}
.nouveau-theme #content {padding-top: 0; padding-bottom: 0;}
.nouveau-theme .block .content {margin-top: 0;}

.nouveau-theme .blogue-main-info h1 {font-size: 70px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px;}
.nouveau-theme .blog-titre-bas {font-size: 35px;}

.nouveau-theme .blogue-main {margin-bottom: 0;}
.nouveau-theme #zone-blogue-texte .div-inner {padding-top: 5vw;}

/* .nouveau-theme #zone-blogue-texte .intro p, .page-node-type-page .field--name-body p, .nouveau-theme #zone-blogue-texte .field--type-text-long p {text-align: center;} */

.nouveau-theme .paragraph--type--titre-et-texte-bande p, .nouveau-theme .field--name-body p {text-align: center !important;}
.nouveau-theme .node--type-evenement .field--name-body p {text-align: initial !important;}
.nouveau-theme #employeurs-fiche .field--name-body p {text-align: left !important;}

.nouveau-theme .paragraph--type--deux-colonnes, .paragraph--type--titre-et-texte-bande {position: relative; width: 100vw; margin: 5vw 0 5vw -50vw; left: 50%; background: url("../images/bg-vert.jpg");}
.nouveau-theme .paragraph--type--deux-colonnes .field__items {overflow: hidden; margin: 0 20%; padding: 4vw 0;}
.nouveau-theme .paragraph--type--deux-colonnes .field__items .field__item:last-child {height: 100%;}
.nouveau-theme .paragraph--type--deux-colonnes .field__items .field__item:first-child {height: 100% !important; overflow: hidden !important;}
.nouveau-theme .paragraph--type--deux-colonnes .field__items .blogue-zone-photo {padding: 0;}

.nouveau-theme .paragraph--type--deux-colonnes .paragraph--type--titre-et-texte {position: relative; display: block;}
.nouveau-theme .paragraph--type--deux-colonnes .paragraph--type--titre-et-texte p, .nouveau-theme .paragraph--type--deux-colonnes .paragraph--type--titre-et-texte h3 {color: #fff !important; text-align: left !important;}
.nouveau-theme .paragraph--type--deux-colonnes .paragraph--type--titre-et-texte p a {color: #fff !important; border-bottom-color: #fff !important;}
.nouveau-theme .paragraph--type--deux-colonnes .paragraph--type--titre-et-texte p a:hover {color: #fdb823; border: 0;}
.nouveau-theme h3 {font-weight: bold; text-transform: none; font-size: 25px; font-family: 'Matrix', 'Vollkorn', serif; text-align: center;}
.nouveau-theme .paragraph--type--deux-colonnes .paragraph--type--titre-et-texte h3 {text-align: left !important;}

.nouveau-theme .paragraph--type--carrousel .slick-arrow { width: 50px !important; height: 100px !important; background: url(../images/slides/arrow.png) no-repeat 25px center rgba(0, 0, 0, 0.6) !important; border-radius: 50px 0 0 50px !important; z-index: 1000; position: absolute;}
.nouveau-theme .paragraph--type--carrousel .slick__arrow { margin-top: -50px; bottom: auto !important; top: 50% !important; transform: translateY(-50%) !important; left: 0; margin-left: 0; width: 100%;}
.nouveau-theme .slick-arrow:before { display: none !important;}
.nouveau-theme .slick-arrow:hover { background-color: #fcbd31 !important; cursor: pointer; border-radius: 0 !important;}

.nouveau-theme .paragraph--type--carrousel .slick__arrow .slick-prev { transform: rotate(180deg) !important;}
.nouveau-theme .paragraph--type--carrousel .slick__arrow .slick-next {right: 0;}

.nouveau-theme .paragraph--type--carrousel .slick__slide {position: relative;}
.nouveau-theme .paragraph--type--carrousel .slide__caption {position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0;}
.nouveau-theme .paragraph--type--carrousel .slick__slide:hover .slide__caption {opacity: 1;}
.nouveau-theme .paragraph--type--carrousel .slide__caption h2 {text-align: center; color: #fff; margin: 0;}
.nouveau-theme .paragraph--type--carrousel .slide__caption p { color: #fff !important; padding: 5px 10px; margin-bottom: 0; text-align: center; font-size: 14px;}

.nouveau-theme .paragraph--type--video {width: auto; margin-bottom: 5vw;}
.page-node-type-article .paragraph--type--video {padding-top: 2vw; padding-bottom: 2vw;}

.nouveau-theme .blogue-element-lien {position: relative; border: 0;}
.nouveau-theme .blogue-element-lien .field--name-field-image {width: 100%;}
.nouveau-theme .blogue-element-lien .blogue-liste-titre-article {position: absolute; bottom: 0; height: 100%; width: 100%; background: url("../images/nouveau-gradient-blog.png") bottom repeat-x;}
.nouveau-theme .blogue-element-lien .blogue-liste-titre-article .field--name-title {color: #fff; font-family: 'Matrix', 'Vollkorn', serif !important; font-size: 30px; position: absolute; bottom: 50px; padding: 0 30px;}
.nouveau-theme .blogue-element-grand .blogue-liste-categorie {bottom: 30px; position: absolute; color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: 2px; font-weight: 200; padding: 0 30px;}


.nouveau-theme .paragraph--type--galerie-d-images .field--name-field-images {float: none; overflow: hidden; text-align: center;}
.nouveau-theme .paragraph--type--galerie-d-images .field__item {width: 200px; height: 200px; margin: 10px; display: inline-block;}
.nouveau-theme .paragraph--type--galerie-d-images .field__item img {width: 100%; height: 100%; object-fit: cover; margin: 0; display: block;}
.nouveau-theme .paragraph--type--galerie-d-images .field__item a {background-color: #fdb823;}
.nouveau-theme .paragraph--type--galerie-d-images .field__item a:hover img { opacity: 0.5;}

.nouveau-theme .paragraph--type--accordeon .ui-accordion h3.ui-state-active, .nouveau-theme .ui-widget-content {background-color: transparent;}
.nouveau-theme .paragraph--type--accordeon .ui-accordion h3, .nouveau-theme .paragraph--type--accordeon .ui-accordion p { text-align: left !important;}
.nouveau-theme .ui-accordion .ui-accordion-content {padding-left: 15px; padding-right: 15px;}

.nouveau-theme .paragraph--type--titre-et-texte-bande {padding: 4vw 0;}
.nouveau-theme .paragraph--type--titre-et-texte-bande .field--name-field-titre {color: #fff; font-size: 25px; text-align: center; font-family: 'Matrix', 'Vollkorn', serif !important; font-weight: bold; margin-bottom: 20px;}
.nouveau-theme .paragraph--type--titre-et-texte-bande p {color: #fff !important;}

.nouveau-theme .paragraph--type--liste-de-fiches {overflow: hidden; text-align: center;}
.nouveau-theme .paragraph--type--liste-de-fiches > .field__items > .field__item {display: inline-block; width: 350px; height: 250px; overflow: hidden; margin: 5px; position: relative;}
.nouveau-theme .paragraph--type--liste-de-fiches .paragraph--type--fiche a {display: block; width: 100%; height: 100%; text-decoration: none; border: 0;}
.nouveau-theme .paragraph--type--liste-de-fiches .paragraph--type--fiche a:after {position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: 0; opacity: 0;}
.nouveau-theme .paragraph--type--liste-de-fiches .paragraph--type--fiche img { width: 100%; height: 100%; object-fit: cover;}
.nouveau-theme .paragraph--type--liste-de-fiches .field--name-field-image {float: none; margin: 0;}
.nouveau-theme .paragraph--type--liste-de-fiches .paragraph--type--fiche .field--name-field-titre { font-family: 'Matrix', 'Vollkorn', serif !important; color: #fff; font-size: 26px; position: absolute; bottom: 35px; left: 15px; text-align: left; opacity: 0; z-index: 1;}
.nouveau-theme .paragraph--type--liste-de-fiches .paragraph--type--fiche .field--name-field-sous-titre { color: #fff; font-size: 16px; position: absolute; bottom: 10px; left: 15px; text-align: left; opacity: 0; font-weight: 200; letter-spacing: 1px; z-index: 1;}

.nouveau-theme .paragraph--type--liste-de-fiches .paragraph--type--fiche a:hover .field--name-field-titre, .paragraph--type--liste-de-fiches .paragraph--type--fiche a:hover .field--name-field-sous-titre, .paragraph--type--liste-de-fiches .paragraph--type--fiche a:hover:after {opacity: 1;}


.nouveau-theme .fiche-popup {padding: 3vw; background-color: #fff;}
.nouveau-theme #cboxClose.cbox-close-plain {background-color: transparent; color: #082b20; top: 20px; right: 30px; overflow: hidden;}
.nouveau-theme .fiche-popup .field--name-field-image {float: right; width: 30%; margin-top: -2vw;}
.nouveau-theme .fiche-popup .field--name-field-image img {width: 100%; height: auto;}
.nouveau-theme .fiche-popup .field--name-field-titre {font-size: 40px; font-family: 'Matrix', 'Vollkorn', serif; color: #0b392c;}
.nouveau-theme .fiche-popup .field--name-field-sous-titre {font-size: 24px; font-weight: 200; color: #0b392c; margin-bottom: 2vw;}
.nouveau-theme .fiche-popup .field--type-text-long p {font-size: 20px; padding: 0; text-align: left; width: 50%;}


.nouveau-theme #zone-tout-savoir {position: relative; width: 100vw; left: 50%; margin-left: -50vw;}
.nouveau-theme #zone-tout-savoir .div-inner {text-align: center; color: #082b20; margin: 0 10%;}
.nouveau-theme #zone-tout-savoir h2 { font-size: 45px; font-weight: bold;}
.nouveau-theme #zone-tout-savoir p {font-size: 20px;}
.nouveau-theme #savoir-boutons {padding-top: 100px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap;}

.nouveau-theme #savoir-boutons a { display: block; width: calc(50% - 4px); background-color: #fcb839; color: #013728; text-decoration: none; border: 0;}
.nouveau-theme #savoir-boutons a:first-child {margin-right: 4px;}
.nouveau-theme #savoir-boutons a:last-child {margin-left: 4px;}
.nouveau-theme .btn-savoir-inner { padding: 80px;}
.nouveau-theme .btn-savoir-icon { width: 125px; height: 92px; background-size: cover; background-position: center center; background-repeat: no-repeat; left: 50%; transform: translateX(-50%); position: relative; margin-bottom: 40px;}
.nouveau-theme #savoir-boutons a:last-child .btn-savoir-icon { background-image: url("../images/icon-lettre-vert.png");}
.nouveau-theme #savoir-boutons a:first-child .btn-savoir-icon { background-image: url("../images/icon-even-vert.png");}
.nouveau-theme #savoir-boutons a:hover { background-color: #013728; color: #fcb839;}
.nouveau-theme #savoir-boutons a:hover:last-child .btn-savoir-icon { background-image: url("../images/icon-lettre-jaune.png");}
.nouveau-theme #savoir-boutons a:hover:first-child .btn-savoir-icon { background-image: url("../images/icon-even-jaune.png");}
.nouveau-theme #savoir-boutons a:hover p {color: #fcb839;}

.nouveau-theme .btn-savoir-titre {font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; font-size: 50px; line-height: 1.1; margin-bottom: 40px;}
.nouveau-theme #savoir-boutons a p {font-size: 20px; margin-bottom: 0;}

.nouveau-theme .node__content, .nouveau-theme .field--type-entity-reference, .field--type-image img, .field--name-user-picture img, .node .field--type-image {margin: 0;}
.nouveau-theme #zone-blogue-texte .field--name-field-categorie {display: block;}
.nouveau-theme .blogue-element-grand img {display: block;}

.nouveau-theme .blogue-element-image {z-index: 0;}
.nouveau-theme #zone-blogue .blogue-reste article .blogue-liste-categorie { position: absolute; bottom: 20px; left: 0; z-index: 2; color: #fff;}
.nouveau-theme #zone-blogue .blogue-reste article .blogue-liste-titre-article {z-index: 2; width: 100%;}


/* SECTION ACHAT LOCAL */

.nouveau-theme .slick-dotted.slick-slider {margin-bottom: 0;}
.nouveau-theme #zone-job {padding-top: 0;}
.nouveau-theme .offres-vedette .employeur-element {width: 94%; margin: 3%;}
.nouveau-theme .view-filters .js-form-item-categorie {display: none;}
.nouveau-theme .view-filters .js-form-item-categorie label {display: none;}
.nouveau-theme .view-filters .js-form-item-caracteristiques label {display: none;}

.nouveau-theme #zone-carte {z-index: 100; position: relative; margin-bottom: 5vw;}
.nouveau-theme #zone-carte iframe {width: 100%; height: 90vh; border: 0;}

@media all and (max-width: 1024px) {
  .nouveau-theme #zone-carte iframe {height: 600px;}
}

#zone-tout-savoir-inner {padding: 0 10vw 5vw 10vw;}

.nouveau-theme.page-node-type-commerce .nouveau-theme .slick-slide img {width: 100%;}

#commerce-fiche {color: #02261c;}
#commerce-fiche ul li {background: none;}
#commerce-fiche p {margin-bottom: 20px; text-align: left !important;}
#commerce-fiche #commerce-fiche-coordonnees {overflow: hidden; padding: 3vw 0; font-weight: 200;}
#commerce-fiche #commerce-fiche-coordonnees .field--name-field-site-web {margin-bottom: 20px;}
#commerce-fiche .field--name-field-logo img {margin-right: 50px;}

#commerce-fiche .slick-slide img {width: 100%;}
#commerce-fiche .slick-dots {display: none !important;}

#commerce-fiche .field--name-field-en-videos a {border: 0;}

#employeurs-liste-slider h2 {color: #02261c;}
#employeurs-liste-slider .view-partenaires {padding: 0;}

.view-id-partenaires .slick__slide a {width: 98%;}
.view-id-partenaires .employeur-element {height: auto;}
.view-id-partenaires .slick-dots {}

.nouveau-theme #employeurs-liste-slider:after {height: 0;}
.nouveau-theme #header {z-index: 999;}

.nouveau-theme ul.menu a {font-size: 16px !important; font-weight: 200; color: #fff; text-transform: uppercase;}

.page-node-type-commerce .parallaxParent {height: 50vh;}
.page-node-type-commerce #retour-liste-emplois {margin-top: 30px;}

.path-achatlocal .slick--field-partenaires .employeur-element {height: auto; vertical-align: top;}
.path-achatlocal .slick--field-partenaires .employeur-element-photo {position: relative; height: auto; padding-top: 56.25%; /* 16:9 Aspect Ratio */}
.path-achatlocal .node--view-mode-teaser {padding-bottom: 0;}
.path-achatlocal .slick--field-partenaires .employeur-element-titre {height: 90px;}

.path-achatlocal #employeurs-liste-slider .slick-dots li button::before {font-size: 25px !important;}

.path-achatlocal .view-filters {background: url(../images/achat-local-rond.png) left top no-repeat; padding: 60px 0 0 330px; background-size: 300px 300px; min-height: 240px;}

.tout-savoir-achatlocal h2 {margin-bottom: 10px;}
.tout-savoir-achatlocal-p {padding: 0 30%;}
.nouveau-theme .tout-savoir-achatlocal #savoir-boutons a:last-child .btn-savoir-icon { background-image: url("../images/icons/achatlocal/achatlocal-icon.png");}
.nouveau-theme .tout-savoir-achatlocal #savoir-boutons a:first-child .btn-savoir-icon { background-image: url("../images/icons/achatlocal/ampoule-vert.png");}
.nouveau-theme .tout-savoir-achatlocal #savoir-boutons a:hover:last-child .btn-savoir-icon { background-image: url("../images/icons/achatlocal/achatlocal-icon.png");}
.nouveau-theme .tout-savoir-achatlocal #savoir-boutons a:hover:first-child .btn-savoir-icon { background-image: url("../images/icons/achatlocal/ampoule-jaune.png");}

.nouveau-theme .view-id-commerces .pager__item {background: none !important;}

.nouveau-theme .slick--view--commerces--liste-partielle-slider-en-vedette .slick-dots li button::before {color: #fff; font-size: 20px !important;}

.field--name-field-trois-paragraphes
  /* MENU */
.menu #carte { display: none;}
#header .checked { margin-right: 0 !important;}

.menu-bg { background-color: #0b392c; padding: 0 0 50px 50px; border-radius: 0 0 0 200px;}

#header .menu:first-child { position: fixed; width: 380px; color: #fff; font-size: 14px; z-index: 9999; right: 0; height: 100%; margin-right: -300px;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -ms-transition: 0.6s;
  transition: 0.6s;
}

#menu-titre { font-size: 20px; font-weight: bold; letter-spacing: 1px;}

#menu-titre, .hamburger { position: relative; z-index: 99;}

.hamburger {
  list-style: none;
  float: left;
  margin: 0;
  cursor: pointer;
  padding: 25px 25px;
}

.hamburger-off {background: rgba(0, 0, 0, 0);}
.hamburger-on {background: rgba(0, 0, 0, 0.85);}

.hamburger li {
  width: 30px;
  height: 3px;
  background: #fff;
  margin: 4px 0 0;
  padding: 0;
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  -o-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  -webkit-transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
  transition: all 333ms cubic-bezier(0.5, 0, 0, 1);
}

.checked .hamburger li.first {
  -moz-transform: rotate(-135deg) translateY(-10px);
  -ms-transform: rotate(-135deg) translateY(-10px);
  -webkit-transform: rotate(-135deg) translateY(-10px);
  transform: rotate(-135deg) translateY(-10px);
  margin-left: 10px;
}
.checked .hamburger li.second {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.checked .hamburger li.third {
  -moz-transform: rotate(135deg) translateY(10px);
  -ms-transform: rotate(135deg) translateY(10px);
  -webkit-transform: rotate(135deg) translateY(10px);
  transform: rotate(135deg) translateY(10px);
  margin-left: 10px;
}

.empty-tab a, .tab label, #block-navigationprincipalesectionentreprises .menu a { font-size: 16px; text-transform: uppercase; text-decoration: none; color: #fff; letter-spacing: 1px; display: block; margin-bottom: 10px; font-weight: 200;}
.empty-tab a, #block-navigationprincipalesectionentreprises .menu a { font-size: 16px !important; font-weight: 200;}
.lien-main, #block-navigationprincipalesectionentreprises .menu a {display: block; padding: 0;}
.lien-main:hover, #block-navigationprincipalesectionentreprises .menu a:hover { color: #fdb825;}

#sub { list-style: none; z-index: 0; padding: 0 30px; overflow: hidden; background: rgba(0, 0, 0, 0.85); height: 100%;}
.checked #sub { opacity: 1; visibility: visible; max-height: 2000px;}

#header .menu .tab {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#header .menu .tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
#header .menu .tab label {
  position: relative;
  display: block;
}

#header .menu .tab label:hover {}

#header .menu .tab-content {
  max-height: 350px;
  overflow: hidden;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
}

/* :checked */
#header .menu .tab input:checked ~ .tab-content {
  max-height: 350px;
}

#header .menu .tab input:checked + label { color: #fdb825;}

#header ul.menu { padding: 0;}
#header .menu .tab ul { margin-bottom: 20px; list-style: none; padding-left: 0;}
#header .menu .tab ul a { font-size: 14px; text-transform: none; color: #9a9a9a; letter-spacing: 0; margin-bottom: 0; font-weight: 200; text-decoration: none;}
#header .menu .tab a:hover { color: #fdb825;}

#menu-phrase {font-family: 'Matrix', 'Vollkorn', serif; font-weight: bold; line-height: 1.2; font-size: 35px; margin-bottom: 40px; margin-top: 30px;}
#menu-phrase a { color: #fcbd31;}
#menu-phrase a:hover { color: #fff;}

#header #social { list-style: none; bottom: 80px; left: 20px; margin-top: 30px; padding: 0; overflow: hidden;}
#header #social li { float: left; margin: 0 5px;}
#header #social li:first-child { display: none;}
#header #social a { display: block; border: 1px solid #fff; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; color: #fff; text-decoration: none; text-align: center; font-weight: 200; margin-bottom: 5px;}
#header #social a:hover { border-color: #fcbd31; background: #fcbd31;}
#header #social #share { text-indent: -9999px; background: url(../images/menu/share-bg.png) center center no-repeat; width: 40px; height: 40px; margin-left: -5px; margin-bottom: 15px;}
#header #social #share:hover { background-color: #fcbd31;}

ul.menu a.is-active { color: #fcbd31;}
ul.menu .empty-tab a span span { font-size: 12px; line-height: 16px !important; display: block; text-transform: none;}


/* TRANSITIONS */

#block-lislet2018-branding, #sub, #social a, .tab label, .tab a, .lien-main, #carte, #call-to-action-btn:after, #call-to-action-btn:before, #call-to-action-phrase:after, #footer-menu a, p a, .footer-infolettre button, .accueil-triptique-opaque:before, .field--name-field-description, .field--name-field-titre, .accueil-triptique-fleche, .path-frontpage .paragraph--type--bloc-lien a, .path-frontpage .paragraph--type--bloc-lien a:before, .path-frontpage .paragraph--type--bloc-lien a:after, #accueil-even-tous, .accueil-even-element:after, .paragraph--type--sous-menu li a:before, #enfant-top-texte a, .accord label, .accord, .accord .liste-liens a, ul a, .btn-telecharger, .telecherger-titre:after, .temoign-liste-nom, .temoign-liste-lieu, .temoign-liste-nom:after, .temoign-liste-lieu:after, .view-id-temoignages .views-field-body:after, .autres-temoignages a, #content h4 a, #municipalites li a, #municipalites li a:after, .slick__arrow .slick-prev, .slick__arrow .slick-next, .slick-slide, #retour-carte a, #retour-even a, .menu-bg, .communique-contenu::before, .communique-element h3, .communique-element .communique-photo::before, .communique-element h3 a, #edit-submit, .page-node-type-evenement .colonne-gauche a,
/*.page-node-type-evenement .a2a_button_facebook, */.view-id-evenements .views-row:after, .accueil-even-texte:after, .field--name-field-reseaux-sociaux a:before, .region-footer-third img, .edit-submit, .bloc-16-53-contenu a, #menu-phrase a, .ui-dialog .ui-dialog-buttonpane button, .emploi-element, .emploi-element p, .emploi-element:after, .employeur-element, #employeurs-fiche-social a, #form-emploi, .blogue-cta, .blogue-cta .blogue-cta-icon, .carrousel-hero .slick__slider .slide__description .views-field-view-node a, .page-node-type-entreprise .field--name-field-en-photos .field__item img, .page-node-type-entreprise .field--name-field-en-videos .field__item img, .nouveau-theme .paragraph--type--carrousel .slide__caption, .nouveau-theme .paragraph--type--galerie-d-images .field__item img, .paragraph--type--liste-de-fiches .paragraph--type--fiche a:after, .paragraph--type--liste-de-fiches .paragraph--type--fiche .field--name-field-sous-titre, .nouveau-theme #savoir-boutons a, .nouveau-theme #savoir-boutons a p, .nouveau-theme #savoir-boutons .btn-savoir-titre, .paragraph--type--hero .slide__caption a, .nouveau-theme .webform-button--submit, #zone-siturestais a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;}


/* Semble un bogue dans blazy/slick qui arrive sur la page /portailemploi */
.blazy .media {
  padding-bottom: 0 !important;
}


/* RESPONSIVE */

@media all and (max-width: 2000px) {
  .emploi-element-titre, .employeur-element-titre { font-size: 26px; line-height: 1.2;}
  .nouveau-theme .paragraph--type--deux-colonnes .field__items {margin: 0 10%; padding: 4vw 0;}
  .nouveau-theme .paragraph--type--galerie-d-images .field__item {width: 150px; height: 150px; margin: 10px;}


  .nouveau-theme .btn-savoir-inner { padding: 60px;}
  .nouveau-theme .btn-savoir-titre {font-size: 40px; margin-bottom: 35px;}
  .nouveau-theme #savoir-boutons a p {font-size: 18px;}

  .tout-savoir-achatlocal-p {padding: 0 20%;}

	.nouveau-theme .paragraph--type--ligne-de-ronds,.nouveau-theme .paragraph--type--titre-et-texte,.nouveau-theme .paragraph--type--carte-accueil,.nouveau-theme .path-frontpage .paragraph--type--bloc-lien,.nouveau-theme .path-frontpage .paragraph--type--bloc-lien,.nouveau-theme #header .paragraph--type--image-et-texte,.nouveau-theme .site-footer .layout-container,.nouveau-theme .paragraph--type--accordeon,.nouveau-theme .paragraph--type--sous-menu,.nouveau-theme .paragraph--type--titre-lien,.nouveau-theme .paragraph--type--phrase-punch,.nouveau-theme .inner-div,.nouveau-theme .page-node-type-temoignage #content .section,.nouveau-theme .paragraph--type--titre-carte,.nouveau-theme .paragraph--type--titre-fichier,.nouveau-theme #joindre,.nouveau-theme .paragraph--type--deux-colonnes,.nouveau-theme .paragraph--type--video,.nouveau-theme .path-user #main-wrapper,.nouveau-theme .view-communiques,.nouveau-theme .paragraph--type--evenements,.nouveau-theme .node--type-evenement,.nouveau-theme .paragraph--type--trois-colonnes,.nouveau-theme .section-formulaire-benevolat .region-content { width: 100%; }
}

@media all and (max-width: 1800px) {
  .bloc-16-35-droit .bloc-16-53-contenu { margin-left: 40%; margin-right: 5%;}
  .bloc-16-35-gauche .bloc-16-53-contenu { margin-right: 40%; margin-left: 5%}
}

@media all and (max-width: 1600px) {
  #btn-defiler { z-index: 99; width: 60px; height: 28px; bottom: 20px;}
  .page-emploi-accueil #employeurs-liste h2, .portail-emploi-page #employeurs-liste h2, #employeurs-liste-slider h2 { font-size: 40px;}
  .nouveau-theme .blogue-main-info h1 {font-size: 60px;}
  .nouveau-theme .blog-titre-bas {font-size: 30px;}

  .nouveau-theme .btn-savoir-inner { padding: 50px;}
  .nouveau-theme .btn-savoir-titre {font-size: 35px; margin-bottom: 30px;}
  .nouveau-theme #savoir-boutons a p {font-size: 16px;}

  .tout-savoir-achatlocal-p {padding: 0 10%;}
}


@media all and (max-width: 1450px) {
  #top-accueil { height: 700px;}
  #logo-top { top: 25px; left: 40px;}
  .div-inner { margin: 0 80px;}
  .slide-contenu { padding: 150px 0 0 80px; width: 50%;}
  #zone-emploi-contenu { width: 50%; padding: 120px 0 120px 80px; margin: 0;}
  #footer #carte {line-height: normal; min-height: 50px; margin-bottom: 30px;}

  p { font-size: 18px;}
  #footer, #footer p { font-size: 14px;}
  #zone-map h2 { font-size: 50px;}
  #zone-map h3 { font-size: 28px;}
  .cycle-slideshow h2 { font-size: 60px;}
  #zone-emploi-hashtag { font-size: 22px;}
  #zone-emploi h2 { font-size: 45px;}
  #zone-blogue h2 { font-size: 34px;}
  #zone-blogue h3 { font-size: 18px;}
  #zone-blogue h5 { font-size: 10px;}
  #zone-blogue h4 { font-size: 28px;}
  #call-to-action h2 { font-size: 45px;}
  #call-to-action #lien-cta { font-size: 30px;}
  #call-to-action p {font-size: 14px;}

  #call-to-action-nouveau { padding-top: 100px; margin-bottom: 100px;}

  #employeurs-fiche-gauche .employeurs-infos-chiffres .slash { display: none;}
  #employeurs-fiche-gauche .employeurs-infos-chiffres .field--label-above { display: block; width: 100%;}
  .employeurs-fiche-gauche-inner { padding: 0 60px 0 0;}
  .employeurs-fiche-droit-inner { padding-right: 0;}


  .nouveau-theme .paragraph--type--galerie-d-images .field__item {width: 120px; height: 120px; margin: 5px;}

  .nouveau-theme #savoir-boutons a p {font-size: 14px;}

  .nouveau-theme #zone-tout-savoir .div-inner {margin: 0 80px;}
}


@media all and (max-width: 1300px) {
  #zone-map .map-info {width: 50%; padding: 80px 0;}
  #accueil-map { width: 50%;}
}


@media all and (max-width: 1280px) {
  .paragraph--type--ligne-de-ronds, .paragraph--type--titre-et-texte, .paragraph--type--carte-accueil, .path-frontpage .paragraph--type--bloc-lien, .path-frontpage .paragraph--type--bloc-lien, #header .paragraph--type--image-et-texte, .site-footer .layout-container, .paragraph--type--accordeon, .paragraph--type--sous-menu, .paragraph--type--titre-lien, .paragraph--type--phrase-punch, .inner-div, .page-node-type-temoignage #content .section, .paragraph--type--titre-carte, .paragraph--type--titre-fichier, .paragraph--type--deux-colonnes, .paragraph--type--video, .path-user #main-wrapper, .view-communiques, .paragraph--type--evenements, .node--type-evenement, .paragraph--type--trois-colonnes, .section-formulaire-benevolat .region-content { width: 100%; margin: 0 auto; overflow: hidden; position: relative;}

  .path-frontpage #block-lislet2018-branding { top: 40px; margin-left: -125px;}
  .path-frontpage #block-lislet2018-branding img { width: 250px; height: 111px;}
  .path-frontpage #block-lislet2018-branding:hover { top: 30px;}

  .path-frontpage #header { background-position: center -180px !important; min-height: auto;}
  .path-frontpage #header:after { background: url(../images/bg-top-blanc.png) top center repeat-x; position: absolute; width: 100%; content: ""; height: 150px; bottom: 0;}

  .section-16-35 .field--name-field-ronds { margin-left: 0;}

  .paragraph--type--ligne-de-ronds {padding-top: 250px; display: inline-block; text-align: center;}
  .paragraph--type--ligne-de-ronds .field__item { width: 250px; height: 250px; margin: 0 20px; display: inline-block; float: none; margin-bottom: 40px;}
  .paragraph--type--ligne-de-ronds .field__item .field__item {height: auto; margin: 0; float: none; overflow: auto; border-radius: 0;}
  .paragraph--type--ligne-de-ronds .field--name-field-titre, .section-16-35 .paragraph--type--ligne-de-ronds .field--name-field-titre { width: 100%; font-size: 27px; top: 42%; display: block; letter-spacing: 0;}
  .paragraph--type--ligne-de-ronds .field--name-field-description {width: 200px; top: 180px; left: 50%; margin-left: -100px !important; font-size: 18px; display: block;}
  .accueil-triptique-fleche {bottom: 40px;}

  .paragraph--type--ligne-de-ronds a:hover .field--name-field-titre { top: 60px; color: #fff;}
  .paragraph--type--ligne-de-ronds a:hover .field--name-field-description { opacity: 1; top: 100px; color: #fff;}
  .paragraph--type--ligne-de-ronds a:hover .accueil-triptique-fleche { left: 50%; margin-left: -50px; opacity: 1;}

  .paragraph--type--image-et-texte { margin-top: -50px !important;}
  #header .field--name-field-image { width: 60%; margin-top: 0; padding-bottom: 0;}
  #header .field--name-field-image img { margin: 0; padding: 0;}
  #header .field--name-field-image:before { width: 100%; height: 100%;}
  #header .field--name-field-image:after { display: none;}
  #header .paragraph--type--image-et-texte .field--name-field-texte { width: 40%; padding-right: 10%;}
  #header .field--name-field-texte p { font-size: 20px; line-height: 28px;}

  #enfant-top-titre { width: 300px; height: 300px; margin: 60px 0 120px 50px;}
  #enfant-top-titre h2 { font-size: 28px;}
  #enfant-top-texte { right: auto; left: 400px; width: auto; margin-top: 70px;}
  #enfant-top-texte a { font-size: 18px; letter-spacing: 2px; margin-top: 20px;}

  #call-to-action-btn { display: none;}

  .paragraph--type--carte-accueil .field--name-field-texte ul {text-shadow: 0 0 10px #000;}

  .top-chiffre { margin-left: 80px;}
  .paragraph--type--top-10:after { left: 0; margin-left: 70px;}
  .top-titre { padding-left: 380px;}
  .paragraph--type--top-10 ol { margin: -20px 30px 60px 30px;}

  #enfant-top-texte a { background-color: #092e23;}

  .view-temoignages .views-row { width: 40%; margin: 0 5% 40px 5%;}

  #municipalites { width: 900px; position: relative; left: 50%; margin-left: -450px;}
  #municipalites img { width: 900px;}
  #municipalites li a {font-size: 15px;}

  #map-srda { top: 220px; left: 520px; width: 150px;}
  #map-sjpj { top: 210px; left: 270px; width: 200px;}
  #map-i { top: 330px; left: 180px; width: 60px;}
  #map-sa { top: 350px; left: 335px; width: 130px;}
  #map-sl { top: 300px; left: 655px; width: 140px;}
  #map-scdl { top: 480px; left: 140px; width: 150px;}
  #map-sd { top: 460px; left: 385px; width: 260px;}
  #map-t { top: 540px; left: 455px; width: 105px;}
  #map-sp { top: 640px; left: 435px; width: 170px;}
  #map-sm { top: 670px; left: 140px; width: 135px;}
  #map-sf { top: 710px; left: 330px; width: 150px;}
  #map-so { top: 765px; left: 610px; width: 120px;}
  #map-sad { top: 800px; left: 130px; width: 170px;}
  #map-spa { top: 845px; left: 405px; width: 160px;}

  .communique-element { width: 50%; height: auto;}

  .page-node-type-temoignage h1 { font-size: 40px; top: 500px;}
  .page-node-type-temoignage .field--name-field-sous-titre { font-size: 25px; top: 564px;}
  .page-node-type-temoignage .field--name-field-photo { width: 400px;}
  .page-node-type-temoignage .header .layout-container { padding: 0 30px;}
  #temoign-top-titre { margin-top: 300px; font-size: 25px;}
  .page-node-type-temoignage #header:before { margin-left: 0; left: auto; right: 25%;}

  .video-play { display: none;}
  .video-titre {font-size: 20px; bottom: 40px;}
  .video-sous-titre {bottom: auto; top: 20px; font-size: 18px;}

  .cest-ici-bg { background-attachment: scroll;}

  .page-node-type-evenement .field--name-field-image { margin: 10px auto !important;}
  .page-node-type-evenement .field--name-field-image img { position: relative; left: auto; margin-left: 0; width: 100%;}

  #top-accueil { height: 500px;}

  #zone-job { padding-top: 30px;}

  .emploi-main-info { width: 100%; left: 0; margin-left: 0;}
  .emploi-main-info h2 { font-size: 30px; margin-bottom: 0;}
  .emploi-main-info h1 { font-size: 30px; margin-bottom: 0;}

  .emploi-element, .employeur-element { width: 48%;}
  .emploi-element {height: 200px;}
  .employeur-element {height: 350px;}
  .emploi-element-inner, .employeur-element-inner { padding: 20px;}
  .emploi-element-icons { margin-bottom: 15px;}

  .page-emploi-accueil #employeurs-liste h2, .portail-emploi-page #employeurs-liste h2, #employeurs-liste-slider h2 { font-size: 40px; padding: 0 100px;}

  #formulaire-postuler-wrapper h1 {font-size: 40px;}
  #formulaire-postuler-wrapper h2 {font-size: 20px;}


  .nouveau-theme .btn-savoir-inner { padding: 40px;}
  .nouveau-theme .btn-savoir-titre {font-size: 30px; margin-bottom: 20px;}
  .nouveau-theme .btn-savoir-icon { width: 100px; height: 74px; margin-bottom: 30px;}

  .nouveau-theme #savoir-boutons a p {font-size: 12px;}

  .slide-hero-contenu, .slide-hero-contenu .slide__caption {width: 600px;}

  .page-emploi-accueil #employeurs-liste h2, .portail-emploi-page #employeurs-liste h2, .offres-vedette h2, #employeurs-liste-slider h2 {font-size: 40px;}

    .path-frontpage #zone-blogue {padding-top: 60px;}
}


@media all and (max-width: 1024px) {
  .footer-partenaires, .footer-menu, .footer-social, .footer-adresse { width: 50%; min-height: 300px;}

  #zone-map .map-info { float: none; width: 100%;}
  #accueil-map { float: none; width: 100%;}

  .hero-story, .scrollTo {
    height: auto;}

  .blogue-main-info {width: 100%; left: auto; margin-left: 0; position: absolute; top: 50%; transform: translateY(-50%);}
  .blogue-main-info h2 { font-size: 40px;}
  #blog-titre-bas-infos { width: 500px; left: 50%; margin-left: -250px; position: relative;}
  .blog-titre-bas { width: 100%; float: none;}

  .slide-contenu { padding: 100px 0 0 80px; width: 50%;}

  #zone-map h2 { font-size: 40px !important;}
  .cycle-slideshow h2 { font-size: 40px !important;}
  #zone-emploi h2 { font-size: 35px !important;}

  #call-to-action-nouveau { padding-top: 80px; margin-bottom: 80px;}

  .nouveau-theme .blogue-main-info h1 {font-size: 50px;}
  .nouveau-theme .blog-titre-bas {font-size: 25px;}
  .nouveau-theme .paragraph--type--deux-colonnes .field__items {margin: 0 5%; height: auto; padding: 6vw 0;}
  .nouveau-theme .paragraph--type--deux-colonnes .paragraph--type--titre-et-texte {top: 0; transform: none;}
  .nouveau-theme .paragraph--type--galerie-d-images .field__item {width: 100px; height: 100px;}

  .nouveau-theme #zone-tout-savoir h2 { font-size: 35px;}
  .nouveau-theme #zone-tout-savoir p {font-size: 18px;}

  .nouveau-theme .btn-savoir-inner { padding: 30px;}
  .nouveau-theme .btn-savoir-titre {font-size: 25px; margin-bottom: 15px;}

  .tout-savoir-achatlocal-p {padding: 0;}
}


@media all and (max-width: 1000px) {
  #header { background-position: center -280px !important;}

  #content { padding: 30px 0;}

  #header .menu:first-child { position: absolute; right: 0; height: auto;}
  #sub { padding-bottom: 20px;}
  .site-footer__top .region { width: 40%; margin: 0 3%;}
  .site-footer .menu-item { list-style: none;}
  .site-footer #carte { line-height: 25px; min-height: 50px;}

  .paragraph--type--ligne-de-ronds .field--name-field-titre, .section-16-35 .paragraph--type--ligne-de-ronds .field--name-field-titre { top: 60px; color: #fff;}
  .paragraph--type--ligne-de-ronds .field--name-field-description { opacity: 1; top: 100px; color: #fff;}
  .paragraph--type--ligne-de-ronds .accueil-triptique-fleche { left: 50%; margin-left: -50px; opacity: 1;}
  .paragraph--type--ligne-de-ronds .accueil-triptique-opaque:before { opacity: 0;}

  h1 {font-size: 38px; margin-top: 220px;}
  #block-enteteevenement h1 { font-size: 38px; padding: 5px 20px;}
  .paragraph--type--titre-et-texte h1 { margin-top: 40px; margin-bottom: 0;}
  h1 span { background-color: #fdb825; padding: 10px 20px;}

  #header .paragraph--type--image-et-texte .field--name-field-texte { position: relative; width: 90%; padding: 0 5%; top: auto; margin-bottom: 120px;}
  #header .paragraph--type--image-et-texte .field--name-field-texte p { text-align: center;}
  #header .paragraph--type--image-et-texte .field--name-field-texte:before { display: none;}
  #header .field--name-field-image:before { display: none;}
  #header .field--name-field-image { width: 90%; margin: 0 5% 30px 5%;}

  .page-node-type-page #header { margin-bottom: 20px;}

  #enfant-top-titre {margin: -110px 0 0 -150px; position: absolute; top: 0; left: 50%; border-width: 1px;}
  #enfant-top-titre h2 { font-size: 25px;}
  #enfant-top-texte { right: auto; left: auto; position: relative; width: 90%; margin: 45px 5% 200px 5%; padding: 0;}
  #enfant-top-texte p { text-align: center !important;}

  .field--name-field-lien, .field--name-field-fichier, .field--name-field-carte { text-align: center;}

  #call-to-action { height: 300px;}
  #call-to-action-phrase { font-size: 28px; letter-spacing: 3px; margin-top: 100px;}

  .field--type-text-long { margin-bottom: 20px;}

  .path-frontpage .field--type-text-long p { font-size: 20px; padding: 0 5%;}
  .paragraph--type--carte-accueil .field--name-field-titre, .paragraph--type--carte-accueil .field--name-field-texte ul { position: relative; top: auto; left: auto; margin: 0 5%;}
  .paragraph--type--carte-accueil .field--name-field-titre { margin-top: 40px; font-size: 60px;}
  .paragraph--type--carte-accueil .field--name-field-texte ul { text-shadow: none;}
  .path-frontpage .paragraph--type--carte-accueil .field--type-text-long { margin-bottom: 0;}
  .paragraph--type--carte-accueil .carte { float: none; padding: 0 5% 60px 5%; width: 100%; height: 100%; position: relative;}
  .paragraph--type--carte-accueil .carte .field--name-field-image { width: 90%; float: none;}
  .paragraph--type--carte-accueil .carte img { width: 100%; }
  .paragraph--type--carte-accueil .carte a { width: 30px; height: 30px; bottom: 28.5%; right: 35.5%;}

  .path-frontpage .field--name-field-paragraphes > .field__item:nth-child(3), .path-frontpage .field--name-field-paragraphes > .field__item:nth-child(4) { height: 450px;}
  .path-frontpage .paragraph--type--bloc-lien div { font-size: 40px; line-height: 50px;}
  .path-frontpage .paragraph--type--bloc-lien .jeunes, .path-frontpage .paragraph--type--bloc-lien .arrivants { padding-top: 150px; width: 60%;}

  .field--type-text-long p { font-size: 20px; padding: 0 5% 20px 5%; margin: 0;}

  .paragraph--type--accordeon .ui-accordion { padding: 0 5% 50px 5%;}
  .paragraph--type--accordeon .ui-accordion h3 { font-size: 25px; padding: 10px 40px 10px 10px;}

  .phrase-punch { font-size: 45px; line-height: 50px; margin-bottom: 20px; padding: 20px 5% 60px 5%; margin-bottom: 60px;}

  .cest-ici { margin-top: 60px;}
  .cest-ici-contenu p { padding-left: 80px;}

  .paragraph--type--top-10 { margin-top: 20px;}
  .paragraph--type--top-10 li { font-size: 20px; padding-left: 60px;}
  .paragraph--type--top-10 li:before { width: 30px; height: 30px; font-size: 20px;}

  .paragraph--type--titre-et-texte .field--name-field-titre { padding: 0 5% 20px 5%; line-height: 35px;}


  #edit-field-dates-0, #formulaire-ajout-evenement .field--type-image, #formulaire-ajout-evenement .field--name-field-municipalite { width: 27%; margin: 0 2.5%; float: left;}

  .page-node-type-evenement .page-title { font-size: 30px;}

  .region-footer-third {text-align: left;}

  .paragraph--type--trois-colonnes > div > div { width: 100%;}

  .section-formulaire-benevolat form { width: 90%; margin: 0 5%;}

  .bloc-16-35 { height: auto; padding-bottom: 60px;}
  .bloc-16-53-contenu-titre {font-size: 50px; padding-top: 50px;}
  .bloc-16-53-contenu-sous-titre { font-size: 24px; padding-bottom: 10px;}
  .bloc-16-53-contenu-texte { font-size: 16px; padding-bottom: 40px;}

  #type-islet-titre { font-size: 70px;}
  #type-islet-texte { font-size: 20px; padding-bottom: 210px; background: url(../images/enfant-top-fleche.png) bottom center no-repeat; margin-bottom: 20px; z-index: 2; position: relative;}

  #call-to-action-nouveau #savoir-plus-titre { font-size: 30px !important;}

  #form-emploi-col { width: 100%; float: none;}

  .emploi-element { height: 240px;}
  .employeur-element { height: 350px;}
  #employeurs-fiche-gauche, #employeurs-fiche-droit { width: 100%; float: none;}

  .page-emploi-accueil #employeurs-liste h2, .portail-emploi-page #employeurs-liste h2, .offres-vedette h2, #employeurs-liste-slider h2 {font-size: 30px;}
}

@media all and (max-width: 900px) {
  .cest-ici .inner-div:before { display: none;}
  .cest-ici-contenu { padding-top: 30px; height: 310px;}

  .paragraph--type--top-10 ol { padding-left: 0;}

  .top-chiffre, .paragraph--type--top-10:after { width: 200px; height: 200px;}
  .paragraph--type--top-10:after {}
  .top-chiffre-titre { font-size: 30px; padding-top: 40px;}
  .top-chiffre-chiffre { font-size: 100px; line-height: 60px;}
  .top-titre { font-size: 45px; padding: 110px 40px 20px 300px;}
  #call-to-action-phrase { padding: 20px 5%;}

  .view-temoignages .views-row { width: 96%;}

  #municipalites { width: 90%; position: relative; left: auto; margin: 0 5%;}
  #municipalites img { display: none;}
  #municipalites ul { position: relative;}
  #municipalites li a {font-size: 15px; position: relative; top: auto !important; left: auto !important; width: auto !important; background-color: transparent; border: 1px solid #fdb826;}
  #municipalites li a:after { display: none;}

  .btn-telecharger { width: 90%; margin: 30px 5%;}
  .telecherger-titre { font-size: 25px; line-height: 30px;}
  .telecherger-sous-titre { padding-top: 10px;}
  .telecherger-titre:after { display: none;}

  .page-node-type-temoignage .col-moitie { width: 100%; float: none;}
  .page-node-type-temoignage .field--name-field-photo { left: 50%; margin-left: -200px;}

  .page-node-type-temoignage h1 { font-size: 40px; left: 50%; margin-left: -200px; top: 450px;}
  .page-node-type-temoignage .field--name-field-sous-titre { font-size: 20px; left: 50%; margin-left: -200px; top: 514px;}
  #temoign-top-titre { margin-top: 0; font-size: 25px;}
  .page-node-type-temoignage #header:before { margin-left: 0; left: auto; right: 25%;}
  .page-node-type-temoignage .field--name-field-photo { margin-bottom: 30px;}
  #temoign-top-coup { margin-top: 20px; margin-bottom: 140px;}
  .page-node-type-temoignage #header:before { right: 50%; margin-right: -20px;}
  .content .node--type-temoignage { margin-top: 50px;}

  .paragraph--type--deux-colonnes > div > div { width: 100%; float: none;}
  .video-play { display: block;}
  .video-titre { font-size: 28px; bottom: 40px;}
  .video-sous-titre {font-size: 22px; bottom: 80px; top: auto;}

  #formulaire-ajout-evenement { width: 90%; margin: 0 5%;}



.page-node-type-evenement .colonne:first-child { margin-right: 0;}
.page-node-type-evenement .colonne:last-child { margin-left: 0;}
    .page-node-type-evenement .colonne { width: 90%; float: none; margin: 30px 5%;}

  #accueil-even .col-moitie { width: 100%; float: none;}
  #accueil-even-tous { margin-bottom: 60px;}
  #accueil-even-gauche-texte p { padding-right: 30px;}

  .path-frontpage .field--type-text-long .gros-jaune { font-size: 35px;}


  #top-accueil { height: 350px;}
  #video iframe { width: 560px; height: 315px;}

  .div-inner { margin: 0 40px;}

  #zone-map h2 { font-size: 45px;}
  #zone-map h3 { font-size: 28px;}

  #zone-emploi-contenu { width: 70%; padding: 80px 20% 80px 10%;}
  #zone-emploi h2 { font-size: 35px;}

  #zone-blogue { padding: 40px 0;}
  #zone-blogue h4 { font-size: 25px;}

  .blogue-element-grand { float: none; width: 98%; margin: 0 1% 50px 1%;}
  .blogue-element-petit { width: 48%;}
  .footer-adresse { margin-top: 30px;}
  .footer-partenaires, .footer-menu, .footer-social, .footer-adresse { width: 100%; min-height: 0;}

  #zone-map h2, #zone-map h3, #zone-map ul, .cycle-slideshow h2, .cycle-categorie, #zone-emploi-hashtag, #zone-blogue h2, #zone-blogue h3, #zone-blogue h5, .btn-underline, .blogue-accueil .more-link a, .view-entreprises .more-link a { width: auto !important;}

  .nouveau-theme #zone-tout-savoir .div-inner {margin: 0 40px;}
}


@media all and (max-width: 800px) {
  #edit-field-dates-0, #formulaire-ajout-evenement .field--type-image, #formulaire-ajout-evenement .field--name-field-municipalite { width: 44%; float: left;}
  .col-inner { padding: 0 30px;}
  #edit-field-personne-responsable-wrapper, #edit-field-courriel-wrapper, #edit-field-telephone-wrapper { width: 100%; float: none;}

  .section-formulaire-benevolat .form-item-nom, .section-formulaire-benevolat .form-item-age, .section-formulaire-benevolat .form-item-telephone-domicile-, .section-formulaire-benevolat .form-item-telephone-portable- { float: none; width: 100%; margin-right: 0;}

  .section-formulaire-benevolat .form-item-courriel, .section-formulaire-benevolat .form-adresse, .section-formulaire-benevolat #edit-langues-parlees--wrapper, .section-formulaire-benevolat #edit-je-possede-une-auto--wrapper, .section-formulaire-benevolat #edit-adresse .js-form-item { width: 100%; float: none; margin-right: 0;}

  .section-formulaire-benevolat .form-item-educations-formations-competences-particulieres, .section-formulaire-benevolat #edit-types-d-implications-souhaitees--wrapper { float: none; width: 100%; margin-right: 0;}

  .section-formulaire-benevolat #edit-disponibilites, .section-formulaire-benevolat #edit-adresse { padding: 0 20px;}
  #edit-disponibilites .jour-semaine { float: left; width: 25%;}

  .section-formulaire-benevolat .form-item-age:after, .section-formulaire-benevolat #edit-je-possede-une-auto--wrapper:after { clear: both; content: ""; height: 60px; display: table;}
  .section-formulaire-benevolat #edit-disponibilites:after, .section-formulaire-benevolat #edit-adresse {clear: both; content: ""; display: table;}
  #edit-autre-s-langue-s- { margin-left: 0;}

  .bloc-16-35-droit .bloc-16-53-contenu { margin-left: 5%; margin-right: 5%;}
  .bloc-16-35-gauche .bloc-16-53-contenu { margin-right: 5%; margin-left: 5%}

  .emploi-element, .employeur-element { width: 98%; float: none; display: block; height: auto; margin-bottom: 20px;}
  .page-emploi-accueil #employeurs-liste h2, .portail-emploi-page #employeurs-liste h2, #employeurs-liste-slider h2 { font-size: 30px; padding: 0;}


  .nouveau-theme #savoir-boutons a {float: none; width: 100%; margin-bottom: 8px;}
  .nouveau-theme #savoir-boutons a:first-child {margin-right: 0;}
  .nouveau-theme #savoir-boutons a:last-child {margin-right: 0;}

  .nouveau-theme .btn-savoir-icon { width: 80px; height: 59px; margin-bottom: 15px;}
    
    .paragraphs-carousel__arrows {display: none;}
}


@media all and (max-width: 640px) {
  #top-accueil #top-accueil-titre { padding: 15px 0;}
  #home-banner-box { display: none;}
  #top-accueil {background: url(../images/bg-accueil.jpg);
    background-attachment: scroll;
    background-size: auto;
    overflow: hidden;
    position: relative;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}

  #logo-top { top: 15px; left: 15px; position: absolute; opacity: 1 !important; width: 30px; height: 30px;}
  #logo-top-accueil { display: none;}

  #call-to-action-nouveau .aos-init { opacity: 1 !important; transform: none !important;}

  .colonne-demi { float: none; width: 100%;}

  .slide-contenu { padding: 50px 0 0 50px; width: 60%;}
  .slide-contenu p { font-size: 16px;}
  .slide-bg-cover { min-height: 400px;}

  .blogue-element-petit { width: 98%;}

  #zone-map h2 { font-size: 30px !important;}

  .cycle-pager { display: none;}
  .cycle-slideshow h2 { font-size: 30px !important;}

  #call-to-action-nouveau { padding-top: 60px; margin-bottom: 60px;}

  .ui-dialog .ui-dialog-buttonpane { padding: 0 0 30px 0; width: 60%; margin: 0 20%;}

  #zone-map, #zone-emploi { height: auto;}
  #zone-emploi { background-attachment: scroll;}

  .colonne-quart-inner h2 { letter-spacing: 0; font-size: 20px;}

  .landing-formulaire .paragraph--type--contact .webform-submission-form { width: 94%; margin: 0 3%;}


  .carrousel-hero .slick__slider, .carrousel-hero .slick__slider .slick-initialized { height: 600px;}
  .carrousel-hero .slick__slider .slide__caption { top: 150px; transform: none; padding: 0 5px;}
  .slick__arrow { display: none;}


  .nouveau-theme #zone-tout-savoir h2 { font-size: 30px;}
  .nouveau-theme #zone-tout-savoir p {font-size: 16px;}
  .nouveau-theme #savoir-boutons a p span {display: none;}

  .slide-hero-contenu, .slide-hero-contenu .slide__caption {width: 400px;}
  .slide-hero-contenu .slide__caption h1 {font-size: 25px;}
  .slide-hero-contenu .slide__caption h2 {font-size: 20px;}

  .path-achatlocal .view-filters { background-position: top center; padding: 330px 0 0 0; background-size: 300px 300px; min-height: 0;}

  .nouveau-theme #zone-tout-savoir .div-inner {margin: 0 20px;}

    .path-frontpage #zone-blogue {padding-top: 40px;}
}


@media all and (max-width: 600px) {
  h1 {font-size: 34px; margin-top: 180px;}
  #block-enteteevenement h1 { font-size: 34px; margin-top: 180px;}

  .path-frontpage #block-lislet2018-branding { top: 30px; left: 30px; margin-left: 0;}
  .path-frontpage #block-lislet2018-branding img { width: 160px; height: 72px;}
  #block-lislet2018-branding { top: 30px; left: 30px; margin-left: 0;}
  #block-lislet2018-branding img { width: 160px; height: 72px;}

  #header .menu:first-child { position: absolute; right: 0; margin-right: 0; width: 100%;}
  #sub { width: calc(100% - 60px); max-height: 0; padding-bottom: 0;}
  #header .menu .tab a { font-size: 14px;line-height: 30px;}
  .hamburger { position: absolute; right: 0;}
  .checked #sub { max-height: 2000px; padding-bottom: 20px; padding-top: 40px;}
  #header .menu .tab-content { max-height: 0;}

  .site-footer__top .region { width: 90%; margin: 0 5%;}

  .paragraph--type--ligne-de-ronds {padding-top: 190px;}

  .paragraph--type--carte-accueil .carte a { width: 30px; height: 30px; bottom: 30%; right: 35%;}

  .path-frontpage .paragraph--type--bloc-lien .jeunes, .path-frontpage .paragraph--type--bloc-lien .arrivants { padding-top: 150px; width: 90%; margin: 0 5%;}

  .cest-ici-contenu { width: 90%; margin: 0 5%;}

  .top-chiffre { position: relative; float: none; margin: 0; left: 50%; margin-left: -100px;}
  .paragraph--type--top-10:after { margin: 0; left: 50%; margin-left: -110px;}
  .top-titre { padding: 20px 40px 20px 40px; text-align: center;}

  .site-footer__top .menu { width: 100%;}
  .site-footer__top .menu a { text-align: center;}
  .site-footer__top .content h2 { text-align: center;}
  .site-footer__top .content p { text-align: center;}
  .site-footer #carte { padding-left: 0; padding-top: 60px; background-position: top center;}

  #retour-carte { display: none;}

  .communique-element { width: 100%;}

  .paragraph--type--accordeon .field--type-text-long img { width: 100%; margin: 0 0 40px 0;}
  .video-play { display: none;}
  .video-titre {font-size: 20px; bottom: 40px;}
  .video-sous-titre {bottom: auto; top: 20px; font-size: 18px;}

  .cest-ici-contenu p { padding: 0 30px;}
  .cest-ici-contenu::before { display: none;}

  .paragraph--type--top-10 li:after { display: none;}
  .paragraph--type--top-10 li { margin: 10px 0;}

  .phrase-punch { font-size: 40px; line-height: 40px;}

  .paragraph--type--accordeon .ui-accordion .liste-cols li span { float: none;}
  .paragraph--type--accordeon .ui-accordion .liste-cols li a { padding-right: 40px;}

  #sub #carte { line-height: 25px;}

  .communique-element .communique-date { font-size: 14px; letter-spacing: 1px;}

  #edit-field-dates-0, #formulaire-ajout-evenement .field--type-image, #formulaire-ajout-evenement .field--name-field-municipalite { width: 94%; float: none;}
  .page-node-type-evenement .page-title { font-size: 25px;}

  #accueil-even-gauche-titre {font-size: 30px;}
  .accueil-even-date { width: 100%; height: auto; float: none; margin: 0;}
  #accueil-even .view-id-evenements .views-row:after {left: 50%; margin-left: -65px;}
  .accueil-even-texte { margin-left: 0; text-align: center;}

  .slick__arrow { bottom: -60px; left: 50%; margin-left: -60px;}
  #cboxPrevious:before, #cboxNext:before { font-size: 50px;}
  #cboxPrevious, #cboxNext {bottom: 50px;}

  .region-footer-third {text-align: center;}

  #edit-disponibilites .jour-semaine { width: 50%;}

  .bloc-16-53-contenu-titre {font-size: 30px; padding-top: 40px;}
  .bloc-16-53-contenu-sous-titre { font-size: 20px;}
  .bloc-16-53-contenu-texte { font-size: 14px;}

  /* Icon */
  #header .menu .tab label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    color: #fdb825;
  }
  #header .menu .tab input + label::after {
    content: "+";
  }
  #header .menu .tab input:checked + label::after {
    content: "-";
  }

  #call-to-action-nouveau p { width: 250px; margin-left: -125px;}

	.communique-element-inner {margin: 0;}
}

@media all and (max-width: 450px) {
  .slide-hero-contenu, .slide-hero-contenu .slide__caption {width: 300px;}
}

@media all and (max-width: 350px) {
  .slide-hero-contenu, .slide-hero-contenu .slide__caption {width: 250px;}
}

@media all and (max-height: 650px) {
  #header .menu .tab-content { max-height: 0;}
  #header .menu:first-child { position: absolute; right: 0;}
  #sub {height: auto;}
  .checked #sub { padding-bottom: 40px;}

  /* Icon */
  #header .menu .tab label::after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    color: #fdb825;
  }
  #header .menu .tab input + label::after {
    content: "+";
  }
  #header .menu .tab input:checked + label::after {
    content: "-";
  }

  #zone-map, #zone-emploi { height: auto;}
}