/* Masque la toolbar drupal en responsive */
@media only screen and (max-width: 1201px) {
  #toolbar-item-administration-tray {
    display: none;
  }
  body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin: 0 !important;
  }
}
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: 'gotham_boldregular';
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Bold.otf') format('opentype'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg#Lato-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato-bold-webfont.eot');
  src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/*
.latoLight(){
  font-family: 'lato_light', Arial, sans-serif;
} 
.latoLightItalic(){
  font-family: 'lato_lightitalic', Arial, sans-serif;
} 
.latoBold(){
  font-family: 'lato_bold', Arial, sans-serif;
  font-weight: normal;
} 
.latoHailine(){
  font-family: 'lato_hairline', Arial, sans-serif;
} 
.gothamBook(){
  font-family: 'gotham_bookregular', Arial, sans-serif;
} 
.gothamLight(){
  font-family: 'gotham_light', Arial, sans-serif;
} 
.gothamMedium(){
  font-family: 'gotham_medium', Arial, sans-serif;
} 
*/
strong {
  font-weight: bold !important;
}
h1.page-title,
.page-node-type-offre-de-stage .job-apply h2,
.page-node-type-offre-de-job-emploi-alternance .job-apply h2,
.page-node-type-offre-de-stage .similar-offers h2,
.page-node-type-offre-de-job-emploi-alternance .similar-offers h2 {
  font-size: 36px;
  font-weight: bold;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
h2,
h3 {
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
a {
  color: #ee720e;
  text-decoration: none;
}
img {
  border: 0;
  display: block;
}
html {
  text-rendering: optimizeLegibility!important;
  -webkit-font-smoothing: antialiased!important;
}
i,
em {
  font-style: italic;
}
body {
  height: 100%;
  min-height: 100%;
  color: #525251;
  font-weight: normal;
  font-size: 100%;
  font-family: 'Lato', Arial;
  margin: 0px;
  line-height: normal;
  background-color: #faf9f9;
  zoom: 1;
}
main {
  background-color: #ffffff;
  width: 1200px;
  margin: 0 auto;
}
select,
label,
option,
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
button {
  cursor: pointer;
}
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  padding-left: 20px;
  position: relative;
}
input[type="radio"] + label:before {
  position: absolute;
  left: -10px;
  top: 3px;
  content: '';
  display: inline-block;
  height: 17px;
  width: 17px;
  border-radius: 10px;
  background-color: #ffffff;
}
input[type="radio"][checked="checked"] + label:after {
  position: absolute;
  left: -5px;
  top: 8px;
  content: '';
  display: inline-block;
  height: 7px;
  width: 7px;
  border-radius: 10px;
  background-color: #525251;
}
/* STYLE EDITEUR DE TEXTE TYPE (générique) */
.field--name-body table {
  margin: 20px 0;
  border: 1px solid #525251;
  border-bottom: none;
  border-right: none;
}
.field--name-body table caption {
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 5px 0;
}
.field--name-body table tbody tr {
  border-bottom: 1px solid #525251;
}
.field--name-body table tbody tr td {
  padding: 5px;
  border-right: 1px solid #525251;
}
.field--name-body ul,
.field--name-body ol {
  margin-top: 10px;
  margin-bottom: 10px;
  list-style: inside;
}
.field--name-body h1 {
  font-size: 30px;
  font-weight: bold;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.field--name-body h2,
.field--name-body h3 {
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.field--name-body h2 {
  font-size: 24px;
}
.field--name-body h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.field--name-body h4 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.field--name-body h5 {
  font-size: 18px;
  margin-bottom: 10px;
}
.field--name-body h6 {
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
/* / STYLE EDITEUR DE TEXTE TYPE */
.cf:after {
  content: "";
  display: block;
  clear: both;
}
.align-content {
  width: 1200px;
  margin: 0 auto;
}
.btn-action {
  background-color: #ee720e;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 25px;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  display: inline-block;
}
.btn-action a {
  color: white;
}
.arrow-list:before {
  content: "";
  border: solid #9990c5;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align: middle;
  padding: 3px;
  margin-right: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.entete-type-content {
  text-align: center;
  border-bottom: 3px solid #ee720e;
  margin: 0 auto;
  padding-bottom: 1px;
  display: inline-block;
  font-family: 'Lato', Arial;
  text-transform: uppercase;
}
#visite-virtuelle-container {
  width: 100%;
  height: 400px;
}
.advertising-block {
  background: url('../images/advertising-carre.jpg') no-repeat center;
  width: 306px;
  height: 252px;
}
.article-floating-ad {
  width: 300px;
  float: right;
  margin: 0 0 30px 30px;
}
@media screen and (max-width: 780px) {
  .article-floating-ad {
    margin: 0 auto !important;
    float: none !important;
  }
}
.content-type-label {
  font-size: 14px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  display: block;
  color: #00b4d5;
}
.orange-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.orange-tags li {
  margin: 0 5px 10px;
  background-color: #ee720e;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  border-radius: 6px;
  cursor: pointer;
}
.orange-tags li a {
  color: white;
  padding: 6px 15px;
  display: inline-block;
}
.orange-tags li:first-child {
  margin-left: 0;
}
.title-25 {
  font-family: 'Lato', Arial;
  font-weight: bold;
  color: #525251;
  font-size: 25px !important;
}
.page-node-type-evenement .footer-wrapper-content .col-left, .page-node-type-formation .footer-wrapper-content .col-left  {
  position: relative;
}
.page-node-type-evenement .footer-wrapper-content .col-left #map, .page-node-type-formation .footer-wrapper-content .col-left #map {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: inline-block;
}
.footer-wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  clear: both;
}
.footer-wrapper-content .col-left {
  padding: 30px 20px;
  width: 350px;
  background-color: #ed720e;
  color: #fff;
  text-align: center;
}
.footer-wrapper-content .col-left h2 {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 20px;
  font-family: "Lato", arial;
}
.footer-wrapper-content .col-left a {
  text-decoration: none;
  color: #fff;
  word-wrap: break-word;
}
.footer-wrapper-content .col-left a:hover {
  text-decoration: underline;
}
.footer-wrapper-content .col-left li:not(:first-child) {
  margin-top: 20px;
}
.footer-wrapper-content .col-left .know {
  border-bottom: 1px solid #f3bd86;
  padding-bottom: 40px;
  margin-bottom: 30px;
}
.footer-wrapper-content .col-left .know p:not(:first-child) {
  margin-top: 20px;
}
.footer-wrapper-content .col-left .know h3 {
  margin-bottom: 15px;
}
.footer-wrapper-content .col-left .sponso li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}
.footer-wrapper-content .col-left .sponso li img {
  margin-right: 15px;
}
.footer-wrapper-content .col-right {
  background: url('../images/footer-2col-cercle.png') no-repeat bottom right #ecebe8;
  padding: 30px 70px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 500px;
}
.footer-wrapper-content .col-right .col-right-bloc:not(:first-child) {
  margin-top: 50px;
}
.footer-wrapper-content .col-right h2 {
  font-family: 'Lato', Arial;
  font-weight: bold;
  color: #525251;
  font-size: 25px !important;
  margin-bottom: 15px;
}
.footer-2-wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-2-wrapper-content .col-left {
  background-color: #525251;
  width: 50%;
  padding: 45px;
  text-align: center;
}
.footer-2-wrapper-content .col-left span {
  text-align: center;
  color: white;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
  display: block;
}
.footer-2-wrapper-content .col-left p {
  color: white;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px;
}
.footer-2-wrapper-content .col-left .btn-action {
  text-transform: uppercase;
  font-size: 12px;
}
.footer-2-wrapper-content .col-right {
  width: 50%;
  overflow: hidden;
  position: relative;
}
.footer-2-wrapper-content .col-right img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.block-advertising {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}
.block-advertising img {
  margin: auto;
  position: relative;
}
.picture-advertising-container {
  position: relative;
  margin: auto;
}
@media screen and (max-width: 780px) {
  .picture-advertising-container iframe {
    min-width: 300px;
  }
}
.picture-advertising-container:before {
  content: "Publicité";
  position: absolute;
  left: 0;
  top: -18px;
  color: #a3a3a3;
  font-size: 12px;
}
#block-cidj-breadcrumbs {
  padding: 30px 35px 0 20px;
  margin: 0 auto;
  width: 100%;
  background: white;
  pointer-events: none;
}
#block-cidj-breadcrumbs .breadcrumb {
  padding-bottom: 0;
  width: 78%;
  pointer-events: auto;
}
#block-publicitebottom {
  margin: 2em auto;
}
#block-publicitebottom .picture-advertising-container {
  padding-top: 30px;
}
#path-user #block-cidj-local-tasks {
  display: none;
}
/* CATEGORIES ENFANTS GENERIQUE */
.view-pages-enfants.view-display-id-block_1 .view-content,
.view-metiers-par-secteur.view-display-id-block_1 .view-content,
.view-type-d-ecole.view-display-id-block_1 .view-content,
.view-type-de-diplome.view-display-id-block_1 .view-content,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content,
.view-centres-d-interet.view-display-id-block_1 .view-content,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content,
.view-pages-enfants .field--name-body .view-content,
.view-metiers-par-secteur .field--name-body .view-content,
.view-type-d-ecole .field--name-body .view-content,
.view-type-de-diplome .field--name-body .view-content,
.view-diplome-par-secteur-d-activite .field--name-body .view-content,
.view-centres-d-interet .field--name-body .view-content,
#block-creeruneoffredemploistage .field--name-body .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.view-pages-enfants.view-display-id-block_1 .view-content .views-row,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row,
.view-type-d-ecole.view-display-id-block_1 .view-content .views-row,
.view-type-de-diplome.view-display-id-block_1 .view-content .views-row,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .views-row,
.view-centres-d-interet.view-display-id-block_1 .view-content .views-row,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row,
.view-pages-enfants .field--name-body .view-content .views-row,
.view-metiers-par-secteur .field--name-body .view-content .views-row,
.view-type-d-ecole .field--name-body .view-content .views-row,
.view-type-de-diplome .field--name-body .view-content .views-row,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .views-row,
.view-centres-d-interet .field--name-body .view-content .views-row,
#block-creeruneoffredemploistage .field--name-body .view-content .views-row,
.view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field,
.view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field,
.view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .list-item .views-field,
.view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field,
.view-pages-enfants .field--name-body .view-content .list-item .views-field,
.view-metiers-par-secteur .field--name-body .view-content .list-item .views-field,
.view-type-d-ecole .field--name-body .view-content .list-item .views-field,
.view-type-de-diplome .field--name-body .view-content .list-item .views-field,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .list-item .views-field,
.view-centres-d-interet .field--name-body .view-content .list-item .views-field,
#block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field {
  width: 250px;
  height: 196px;
  padding: 30px;
  border-radius: 4px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 15px;
  position: relative;
  overflow: hidden;
  background: black;
}
.view-pages-enfants.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+4)),
.view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+4)),
.view-type-d-ecole.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+4)),
.view-type-de-diplome.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+4)),
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+4)),
.view-centres-d-interet.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+4)),
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row:not( :nth-child(-n+4)),
.view-pages-enfants .field--name-body .view-content .views-row:not( :nth-child(-n+4)),
.view-metiers-par-secteur .field--name-body .view-content .views-row:not( :nth-child(-n+4)),
.view-type-d-ecole .field--name-body .view-content .views-row:not( :nth-child(-n+4)),
.view-type-de-diplome .field--name-body .view-content .views-row:not( :nth-child(-n+4)),
.view-diplome-par-secteur-d-activite .field--name-body .view-content .views-row:not( :nth-child(-n+4)),
.view-centres-d-interet .field--name-body .view-content .views-row:not( :nth-child(-n+4)),
#block-creeruneoffredemploistage .field--name-body .view-content .views-row:not( :nth-child(-n+4)),
.view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+4)),
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-pages-enfants .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-metiers-par-secteur .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-type-d-ecole .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-type-de-diplome .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-diplome-par-secteur-d-activite .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+4)),
.view-centres-d-interet .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+4)),
#block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field:not( :nth-child(-n+4)) {
  margin-top: 30px;
}
.view-pages-enfants.view-display-id-block_1 .view-content .views-row img,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row img,
.view-type-d-ecole.view-display-id-block_1 .view-content .views-row img,
.view-type-de-diplome.view-display-id-block_1 .view-content .views-row img,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .views-row img,
.view-centres-d-interet.view-display-id-block_1 .view-content .views-row img,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row img,
.view-pages-enfants .field--name-body .view-content .views-row img,
.view-metiers-par-secteur .field--name-body .view-content .views-row img,
.view-type-d-ecole .field--name-body .view-content .views-row img,
.view-type-de-diplome .field--name-body .view-content .views-row img,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .views-row img,
.view-centres-d-interet .field--name-body .view-content .views-row img,
#block-creeruneoffredemploistage .field--name-body .view-content .views-row img,
.view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field img,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field img,
.view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field img,
.view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field img,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .list-item .views-field img,
.view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field img,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field img,
.view-pages-enfants .field--name-body .view-content .list-item .views-field img,
.view-metiers-par-secteur .field--name-body .view-content .list-item .views-field img,
.view-type-d-ecole .field--name-body .view-content .list-item .views-field img,
.view-type-de-diplome .field--name-body .view-content .list-item .views-field img,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .list-item .views-field img,
.view-centres-d-interet .field--name-body .view-content .list-item .views-field img,
#block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  min-width: 100%;
  opacity: .4;
}
.view-pages-enfants.view-display-id-block_1 .view-content .views-row a,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row a,
.view-type-d-ecole.view-display-id-block_1 .view-content .views-row a,
.view-type-de-diplome.view-display-id-block_1 .view-content .views-row a,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .views-row a,
.view-centres-d-interet.view-display-id-block_1 .view-content .views-row a,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row a,
.view-pages-enfants .field--name-body .view-content .views-row a,
.view-metiers-par-secteur .field--name-body .view-content .views-row a,
.view-type-d-ecole .field--name-body .view-content .views-row a,
.view-type-de-diplome .field--name-body .view-content .views-row a,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .views-row a,
.view-centres-d-interet .field--name-body .view-content .views-row a,
#block-creeruneoffredemploistage .field--name-body .view-content .views-row a,
.view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field a,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field a,
.view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field a,
.view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field a,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .list-item .views-field a,
.view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field a,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field a,
.view-pages-enfants .field--name-body .view-content .list-item .views-field a,
.view-metiers-par-secteur .field--name-body .view-content .list-item .views-field a,
.view-type-d-ecole .field--name-body .view-content .list-item .views-field a,
.view-type-de-diplome .field--name-body .view-content .list-item .views-field a,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .list-item .views-field a,
.view-centres-d-interet .field--name-body .view-content .list-item .views-field a,
#block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field a {
  color: white;
  font-size: 16px;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  z-index: 1;
  position: relative;
}
.view-pages-enfants.view-display-id-block_1 .view-content .views-row a:after,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row a:after,
.view-type-d-ecole.view-display-id-block_1 .view-content .views-row a:after,
.view-type-de-diplome.view-display-id-block_1 .view-content .views-row a:after,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .views-row a:after,
.view-centres-d-interet.view-display-id-block_1 .view-content .views-row a:after,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row a:after,
.view-pages-enfants .field--name-body .view-content .views-row a:after,
.view-metiers-par-secteur .field--name-body .view-content .views-row a:after,
.view-type-d-ecole .field--name-body .view-content .views-row a:after,
.view-type-de-diplome .field--name-body .view-content .views-row a:after,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .views-row a:after,
.view-centres-d-interet .field--name-body .view-content .views-row a:after,
#block-creeruneoffredemploistage .field--name-body .view-content .views-row a:after,
.view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field a:after,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field a:after,
.view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field a:after,
.view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field a:after,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .list-item .views-field a:after,
.view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field a:after,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field a:after,
.view-pages-enfants .field--name-body .view-content .list-item .views-field a:after,
.view-metiers-par-secteur .field--name-body .view-content .list-item .views-field a:after,
.view-type-d-ecole .field--name-body .view-content .list-item .views-field a:after,
.view-type-de-diplome .field--name-body .view-content .list-item .views-field a:after,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .list-item .views-field a:after,
.view-centres-d-interet .field--name-body .view-content .list-item .views-field a:after,
#block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field a:after {
  content: "";
  display: block;
  width: 36px;
  height: 37px;
  margin: 15px auto 0;
  background: url('../images/svg/circle-arrow-orange.svg') no-repeat bottom center;
}
.view-pages-enfants.view-display-id-block_1 .view-content .views-row h2,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .views-row h2,
.view-type-d-ecole.view-display-id-block_1 .view-content .views-row h2,
.view-type-de-diplome.view-display-id-block_1 .view-content .views-row h2,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .views-row h2,
.view-centres-d-interet.view-display-id-block_1 .view-content .views-row h2,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .views-row h2,
.view-pages-enfants .field--name-body .view-content .views-row h2,
.view-metiers-par-secteur .field--name-body .view-content .views-row h2,
.view-type-d-ecole .field--name-body .view-content .views-row h2,
.view-type-de-diplome .field--name-body .view-content .views-row h2,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .views-row h2,
.view-centres-d-interet .field--name-body .view-content .views-row h2,
#block-creeruneoffredemploistage .field--name-body .view-content .views-row h2,
.view-pages-enfants.view-display-id-block_1 .view-content .list-item .views-field h2,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item .views-field h2,
.view-type-d-ecole.view-display-id-block_1 .view-content .list-item .views-field h2,
.view-type-de-diplome.view-display-id-block_1 .view-content .list-item .views-field h2,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .list-item .views-field h2,
.view-centres-d-interet.view-display-id-block_1 .view-content .list-item .views-field h2,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item .views-field h2,
.view-pages-enfants .field--name-body .view-content .list-item .views-field h2,
.view-metiers-par-secteur .field--name-body .view-content .list-item .views-field h2,
.view-type-d-ecole .field--name-body .view-content .list-item .views-field h2,
.view-type-de-diplome .field--name-body .view-content .list-item .views-field h2,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .list-item .views-field h2,
.view-centres-d-interet .field--name-body .view-content .list-item .views-field h2,
#block-creeruneoffredemploistage .field--name-body .view-content .list-item .views-field h2 {
  color: white !important;
  font-size: 16px !important;
  display: block !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  z-index: 1;
  position: relative;
  font-weight: normal !important;
}
.view-pages-enfants.view-display-id-block_1 .view-content .list-item,
.view-metiers-par-secteur.view-display-id-block_1 .view-content .list-item,
.view-type-d-ecole.view-display-id-block_1 .view-content .list-item,
.view-type-de-diplome.view-display-id-block_1 .view-content .list-item,
.view-diplome-par-secteur-d-activite.view-display-id-block_1 .view-content .list-item,
.view-centres-d-interet.view-display-id-block_1 .view-content .list-item,
#block-creeruneoffredemploistage.view-display-id-block_1 .view-content .list-item,
.view-pages-enfants .field--name-body .view-content .list-item,
.view-metiers-par-secteur .field--name-body .view-content .list-item,
.view-type-d-ecole .field--name-body .view-content .list-item,
.view-type-de-diplome .field--name-body .view-content .list-item,
.view-diplome-par-secteur-d-activite .field--name-body .view-content .list-item,
.view-centres-d-interet .field--name-body .view-content .list-item,
#block-creeruneoffredemploistage .field--name-body .view-content .list-item {
  width: 100%;
}
.view-pages-enfants.view-display-id-block_1 .view-content .views-row h2 {
  font-size: 16px !important;
}
.page-node-24657 .view-pages-enfants.view-display-id-block_1 .view-content .views-row h2 {
  color: #525251 !important;
}
.page--node--id-24657 .view-content {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.page--node--id-24657 .view-content .views-row {
  background: #ecebe8 !important;
}
.page--node--id-24657 .view-content .views-row a {
  color: #525251 !important;
}
.page--node--id-24657 .view-content .views-row a:after {
  background: url('../images/svg/circle-arrow-hollow.svg') no-repeat bottom center !important;
}
/* END CATEGORIES ENFANTS GENERIQUE */
/* CATEGORIES ENFANTS ESPACE PRO */
.view-pages-enfants.view-display-id-block_2 .view-content,
.view-pages-enfants.view-display-id-block_3 .view-content {
  width: 790px;
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 50px;
          column-gap: 50px;
  position: relative;
  padding-bottom: 20px;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row {
  border-radius: 4px;
  margin-bottom: 75px;
  display: inline-block;
  width: 100%;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row img,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row img {
  width: 100%;
  height: auto;
  border-radius: 6px 6px 0 0;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row .item-content,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row .item-content {
  background: #ecebe9;
  padding: 35px 40px 45px;
  color: #525251;
  border-radius: 0 0 6px 6px;
  position: relative;
  display: inline-block;
  width: 100%;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row .item-content:after,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row .item-content:after {
  content: "+";
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 30px;
  display: block;
  position: absolute;
  bottom: -17px;
  left: 50%;
  text-align: center;
  border-radius: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #36b2c4;
  color: white;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  -webkit-box-shadow: 0 0 0 10px #ecebe9;
          box-shadow: 0 0 0 10px #ecebe9;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row .item-content h4,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row .item-content h4 {
  font-size: 22px;
  font-weight: bold;
  font-family: "Lato", arial;
  line-height: 1.4;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row .item-content h4 + *,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row .item-content h4 + * {
  margin-top: 25px;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row .item-content ul,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row .item-content ul {
  font-size: 16px;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row .item-content ul li:before,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row .item-content ul li:before {
  content: "";
  border: solid #9990c5;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align: middle;
  padding: 3px;
  margin-right: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row .item-content ul li:not(:first-child),
.view-pages-enfants.view-display-id-block_3 .view-content .views-row .item-content ul li:not(:first-child) {
  margin-top: 10px;
}
.view-pages-enfants.view-display-id-block_2 .view-content .views-row .item-content p,
.view-pages-enfants.view-display-id-block_3 .view-content .views-row .item-content p {
  line-height: 1.5;
}
/* END CATEGORIES ENFANTS ESPACE PRO */
.more-like-contents {
  text-align: center;
}
.more-like-contents .more-like-contents-title {
  color: #525251;
  text-transform: uppercase;
  text-align: center;
  padding: 50px 0;
  font-size: 36px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.more-like-contents ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px 65px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.more-like-contents ul li {
  width: 320px;
  height: 250px;
  text-align: center;
  color: #fff;
  position: relative;
  margin-bottom: 70px;
  padding: 50px 20px;
}
.more-like-contents ul li:after {
  content: "+";
  font-size: 30px;
  color: #ee720e;
  width: 60px;
  height: 60px;
  line-height: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  display: block;
  bottom: -30px;
  background: #ecebe9;
  border-radius: 100%;
}
.more-like-contents ul li article {
  text-align: center;
}
.more-like-contents ul li article .type-content {
  border-bottom: 4px solid #ee720e;
  padding-bottom: 2px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-bottom: 15px;
}
.more-like-contents ul li article .content-title {
  font-size: 18px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}
.more-like-contents ul li article img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}
.actions-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 0;
  position: absolute;
  z-index: 2;
}
.actions-content.dark li.print a:before {
  background: url('../images/actions-print-black.png') no-repeat center;
}
.actions-content.dark li.save a:before {
  background: url('../images/actions-save-black.png') no-repeat center;
}
.actions-content.dark li.share a:before {
  background: url('../images/actions-share-black.png') no-repeat center;
}
.actions-content.dark li a {
  color: #525251;
}
.actions-content li {
  position: relative;
  width: 90px;
}
.actions-content li.print a:before {
  content: "";
  width: 35px;
  height: 35px;
  background: url('../images/actions-print.png') no-repeat center;
  left: 50%;
  top: 20px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.actions-content li.save a:before {
  content: "";
  width: 35px;
  height: 35px;
  background: url('../images/actions-save.png') no-repeat center;
  left: 50%;
  position: absolute;
  top: 20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.actions-content li.share a:before {
  content: "";
  width: 35px;
  height: 35px;
  background: url('../images/actions-share.png') no-repeat center;
  left: 50%;
  top: 20px;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.actions-content li.share > a {
  position: relative;
  z-index: 1;
}
.actions-content li.share > a.addtoany_share {
  z-index: 2;
}
.actions-content li.share > a.addtoany_share:before {
  display: none;
}
.actions-content li a {
  text-decoration: none;
  color: #ffffff;
  padding-top: 40px;
  display: block;
  text-align: center;
}
/* Habillage pub */
.relooking-background * {
  background-position: top center;
}
.relooking-background .relooking-background-left {
  display: inline-block;
  width: 100%;
  height: 1096px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  background: url('../images/bg-left-default.png') no-repeat top left;
}
.relooking-background .relooking-background-right {
  display: inline-block;
  width: 100%;
  height: 1096px;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  background: url('../images/bg-right-default.png') no-repeat top right;
}
nav.pager {
  width: 100%;
  margin: 30px 0;
}
nav.pager .pager__items li a {
  text-decoration: none;
  color: #a8a7a6;
  font-weight: bold;
}
nav.pager .pager__items li.is-active a {
  color: orange;
}
nav.pager .pager__items li.pager__item--previous {
  position: relative;
}
nav.pager .pager__items li.pager__item--previous a:before {
  content: "";
  width: 36px;
  height: 36px;
  background: url('../images/arrow-pager.jpg') no-repeat center;
  position: absolute;
  left: -30px;
  top: 5%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
nav.pager .pager__items li.pager__item--next {
  position: relative;
}
nav.pager .pager__items li.pager__item--next a:after {
  content: "";
  width: 36px;
  height: 36px;
  background: url('../images/arrow-pager.jpg') no-repeat center;
  position: absolute;
  right: -35px;
  top: 5%;
}
.layout-content {
  padding: 0 35px 35px 35px;
}
.region-breadcrumb {
  width: 100%;
}
.region-breadcrumb .breadcrumb li a {
  color: #525251;
  text-decoration: none;
}
.page-title {
  padding: 30px 0;
}
.cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.col1 .col {
  width: 100%;
}
.col2 .col {
  width: 50%;
}
.col3 .col {
  width: 33%;
}
.col4 .col {
  width: 25%;
}
.col5 .col {
  width: 20%;
}
.layout-container {
  pointer-events: none;
  position: relative;
}
.layout-container > * {
  pointer-events: none;
}
.layout-container > * > * {
  pointer-events: auto;
}
.region-header {
  background-color: #f9f9f9;
  padding: 22px 37px;
  margin-top: 145px;
}
.region-header #block-socialheader {
  text-align: right;
  display: inline-block;
  float: right;
}
.region-header #block-socialheader a {
  color: #000000;
}
.region-header #block-socialheader ul:not(.contextual-links) {
  display: inline-block;
}
.region-header #block-socialheader ul:not(.contextual-links)#handijeunes li {
  display: inline-block;
  vertical-align: middle;
}
.region-header #block-socialheader ul:not(.contextual-links)#handijeunes li:first-child img {
  width: 172px;
  height: 35px;
}

.region-header #block-socialheader ul:not(.contextual-links)#Faire-un-don li {
  display: inline-block;
  vertical-align: middle;
}
.region-header #block-socialheader ul:not(.contextual-links)#Faire-un-don li img {
  width: 256px;
  height: 50px;
}

.region-header #block-socialheader ul:not(.contextual-links)#Faire-un-don {
    text-align: center;
	margin-left: 15px;
}

.region-header #block-socialheader ul:not(.contextual-links)#sep{
    border-left: 1px solid #525251;
    margin-left: 15px;
    text-align: center;
}

.region-header #block-socialheader ul:not(.contextual-links)#sep li {
  display: inline-block;
  vertical-align: middle;
}

.region-header #block-socialheader ul:not(.contextual-links)#zoom {
  width: 72px;
  border-left: 1px solid #525251;
  border-right: 1px solid #525251;
  margin-left: 15px;
  text-align: center;
  display: none;
}
.region-header #block-socialheader ul:not(.contextual-links)#zoom li {
  display: inline-block;
  vertical-align: middle;
}
.region-header #block-socialheader ul:not(.contextual-links)#zoom li a {
  text-decoration: none;
}
.region-header #block-socialheader ul:not(.contextual-links)#social li {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}
.region-header #block-socialheader ul:not(.contextual-links)#social li:not(:first-child) {
  margin-left: 15px;
}
.region-header #block-logoheader {
  float: left;
  margin-top: 50px;
}
.region-header #block-logoheader img {
  width: 150px;
  height: auto;
}
.region-header [id^=block-cidj-search] {
  width: 600px;
  display: inline-block;
  position: relative;
}
.region-header [id^=block-cidj-search] input[type="search"] {
  width: 400px;
  height: 38px;
  margin-top: 40px;
  padding: 10px;
  padding-left: 50px;
  padding-right: 170px;
  border-radius: 5px;
  border: 1px solid #efefef;
}
.region-header [id^=block-cidj-search] #search-block-form:before {
  background: url('../images/search-picto.jpg') no-repeat center;
  content: "";
  position: absolute;
  margin: 0 6px 0 0;
  height: 32px;
  width: 32px;
  top: 70px;
  left: 15px;
}
.region-header [id^=block-cidj-search] #edit-actions,
.region-header [id^=block-cidj-search] #edit-actions--2 {
  position: absolute;
  right: -14px;
  bottom: 7px;
}
.region-header [id^=block-cidj-search] #edit-actions input#edit-submit,
.region-header [id^=block-cidj-search] #edit-actions--2 input#edit-submit,
.region-header [id^=block-cidj-search] #edit-actions input#edit-submit--2,
.region-header [id^=block-cidj-search] #edit-actions--2 input#edit-submit--2 {
  background: #EE720E;
  border: 0;
  border-radius: 5px;
  color: #ffffff;
  height: 45px;
  width: 145px;
  font-size: 1.2em;
}
.region-header #block-faqnewsletterlogin {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-top: 40px;
}
.region-header #block-faqnewsletterlogin ul li {
  display: inline-block;
}
.region-header #block-faqnewsletterlogin ul li:not(:first-child) {
  margin-left: 25px;
}
.region-header #block-faqnewsletterlogin ul li a {
  text-align: center;
  color: #525251;
}
.region-header #block-faqnewsletterlogin ul li a img {
  display: block;
  margin: 0 auto;
}
.region-header #block-faqnewsletterlogin ul li a span {
  display: block;
  margin: 0 auto;
}
.region-header .menu--main {
  text-transform: uppercase;
  margin-top: 35px;
  margin-bottom: 13px;
}
.region-header .menu--main ul:not(.contextual-links) {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.region-header .menu--main ul:not(.contextual-links) li {
  list-style: none;
  list-style-image: none;
}
.region-header .menu--main ul:not(.contextual-links) li ul {
  width: 1118px;
  margin-left: 3px;
  padding-right: 370px !important;
  position: absolute;
  left: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #ee720e;
  list-style: none;
  display: none;
  z-index: 1;
}
.region-header .menu--main ul:not(.contextual-links) li ul li {
  z-index: 1;
  width: 215px;
  color: #FFFFFF;
  font-weight: bold;
  position: relative;
  background-color: initial !important;
  margin: 15px !important;
  overflow: hidden;
}
.region-header .menu--main ul:not(.contextual-links) li ul li:last-child {
  display: none;
}
.region-header .menu--main ul:not(.contextual-links) li ul li a {
  text-align: left !important;
  display: block !important;
  width: 130px;
  text-decoration: none;
  color: #ffffff;
}
.region-header .menu--main ul:not(.contextual-links) li ul li:after {
  content: "";
  width: 36px;
  height: 36px;
  background: url('../images/arrow.png') no-repeat center;
  position: absolute;
  right: 15px;
  top: 35%;
}
.region-header .menu--main ul:not(.contextual-links) li ul li:before {
  content: "";
  color: #e5ab91;
  width: 1px;
  height: 46px;
  background: url('../images/pipe.jpg') no-repeat center;
  position: absolute;
  right: 0;
  top: 30%;
}
.region-header .menu--main ul:not(.contextual-links) li:nth-child(2) ul {
  background-color: #f8a724;
}
.region-header .menu--main ul:not(.contextual-links) li:nth-child(3) ul {
  background-color: #9990c5;
}
.region-header .menu--main ul:not(.contextual-links) li:nth-child(4) ul {
  background-color: #00b4d5;
}
.region-header .menu--main ul:not(.contextual-links) li:nth-child(5) ul {
  background-color: #aecc46;
}
.region-header .menu--main ul > li {
  width: 155px;
  max-height: 80px;
  background-color: #ee720e;
  margin: 0 3px;
}
.region-header .menu--main ul > li a {
  padding: 16px 0 16px 0;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  text-align: center;
  height: 100%;
}
.region-header .menu--main ul > li.menu-item--active-trail {
  border-bottom: 6px solid #bf5e0f;
}
.region-header .menu--main ul > li:nth-child(2) {
  background-color: #f8a724;
}
.region-header .menu--main ul > li:nth-child(2).menu-item--active-trail {
  border-bottom: 6px solid #dd8a00;
}
.region-header .menu--main ul > li:nth-child(3) {
  background-color: #9990c5;
}
.region-header .menu--main ul > li:nth-child(3).menu-item--active-trail {
  border-bottom: 6px solid #79729c;
}
.region-header .menu--main ul > li:nth-child(4) {
  background-color: #00b4d5;
}
.region-header .menu--main ul > li:nth-child(4).menu-item--active-trail {
  border-bottom: 6px solid #058ca0;
}
.region-header .menu--main ul > li:nth-child(5) {
  background-color: #aecc46;
}
.region-header .menu--main ul > li:nth-child(5).menu-item--active-trail {
  border-bottom: 6px solid #89a52a;
}
.region-header .menu--main ul > li:nth-child(6) {
  background-color: #ffffff;
}
.region-header .menu--main ul > li:nth-child(6) a {
  color: #525251;
}
.region-header .menu--main ul > li:nth-child(6).menu-item--active-trail {
  border-bottom: 6px solid #525251;
}
.region-header .menu--main ul > li:nth-child(7) {
  background-color: #ecebe9;
}
.region-header .menu--main ul > li:nth-child(7) a {
  color: #5f2885;
}
.region-header .menu--main ul > li:nth-child(7).menu-item--active-trail {
  border-bottom: 6px solid #5f2885;
}
/* HOME PAGE */
.titre-strate {
  font-size: 52px;
  text-transform: uppercase;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-advertising-top #block-publicitetop {
  width: 1200px;
  margin: 0 auto;
  background-color: #ecebe9;
}
.region-advertising-top #block-publicitetop img {
  display: block;
  margin: 0 auto;
  padding-top: 0;
}
.region-homepageslider #block-slider {
  margin: 0 auto;
  position: relative;
}
.region-homepageslider #block-slider .slider-hp-wrapper {
  height: 682px;
  overflow: hidden;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  height: 682px;
  width: auto;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li {
  position: relative;
  display: inline-block;
  width: 1200px;
  height: 682px;
  float: left;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li article {
  display: block;
  height: 682px;
  width: 80%;
  margin: 4em auto;
  text-align: center;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li h3 {
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-size: 3em;
  line-height: 1.1em;
  font-weight: bold;
  text-shadow: 0px 0px 10px #000000;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li h4 {
  text-align: center;
  border-bottom: 3px solid #ee720e;
  margin: 0 auto;
  padding-bottom: 1px;
  display: inline-block;
  font-family: 'Lato', Arial;
  text-transform: uppercase;
  margin-bottom: 1em;
  text-shadow: 0px 0px 10px #000000;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li p {
  color: #ffffff;
  text-align: center;
  text-shadow: 0px 0px 10px #000000;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li div.field--name-body a {
  text-shadow: 0px 0px 10px #000000;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li span.btn-action {
  width: 200px;
  background-color: #ee720e;
  border-radius: 5px;
  color: #ffffff;
  font-size: 18px;
  padding: 0.7em;
  margin: 1em auto 0;
  text-align: center;
  display: block;
}
.region-homepageslider #block-slider .slider-hp-wrapper .big-list-slider li a {
  color: #ffffff;
  text-decoration: none;
}
.region-homepageslider .small-list-slider {
  position: absolute;
  top: 400px;
}
.region-homepageslider .small-list-slider li {
  background-color: #ffffff;
  width: 340px;
  float: left;
  padding: 30px;
  margin: 0 25px;
  border-radius: 5px;
  height: 180px;
  cursor: pointer;
  text-align: center;
  position: relative;
}
.region-homepageslider .small-list-slider li:first-child {
  margin-left: 38px;
}
.region-homepageslider .small-list-slider li.active {
  background-color: #dad9d5;
}
.region-homepageslider .small-list-slider h3 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding-top: 1em;
  color: #525251;
}
.region-homepageslider .small-list-slider h4 {
  text-align: center;
  border-bottom: 3px solid #ee720e;
  margin: 0 auto;
  padding-bottom: 1px;
  display: inline-block;
  font-family: 'Lato', Arial;
  text-transform: uppercase;
  color: #525251;
}
.region-homepageslider .small-list-slider h3:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url('../images/hp-plus-blanc.png') center no-repeat;
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepageslider span.prev {
  position: absolute;
  top: 480px;
  left: 10px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  z-index: 1;
  display: none;
}
.region-homepageslider span.next {
  position: absolute;
  right: 15px;
  top: 480px;
  height: 15px;
  width: 15px;
  cursor: pointer;
  z-index: 1;
}
.view-id-liste_actus .view-content ul li .field-content .contenu-actu .title-list-col-3-actus,
.view-id-videos .view-content ul li .field-content .title-list-col-3-actus {
  text-align: center;
  border-bottom: 3px solid #EE720E;
  margin: 0 auto;
  padding-bottom: 1px;
  display: inline-block;
  font-family: 'Lato', Arial;
  text-transform: uppercase;
  margin-bottom: 1em;
  color: #FFFFFF;
}
.view-id-liste_actus .view-content ul li .field-content .contenu-actu h2 a {
  color: #FFFFFF;
}
.region-homepagecometocidj {
  clear: both;
  overflow: hidden;
  padding-bottom: 40px;
}
.region-homepagecometocidj #left-block {
  float: left;
  width: 50%;
  padding-top: 130px;
}
.region-homepagecometocidj #left-block .image {
  float: right;
}
.region-homepagecometocidj #left-block li {
  float: left;
  background-color: #ee720e;
  padding: 10px;
  margin: 5px 15px;
  border-radius: 5px;
}
.region-homepagecometocidj #left-block li a {
  color: #ffffff;
}
.region-homepagecometocidj #left-block .tags {
  float: right;
  width: 540px;
}
.region-homepagecometocidj #right-block {
  float: left;
  width: 500px;
  margin-top: 150px;
  padding-left: 55px;
}
.region-homepagecometocidj #right-block h2 {
  font-size: 36px;
  text-transform: uppercase;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  color: #525251;
  margin-bottom: 50px;
}
.region-homepagecometocidj #right-block ul img {
  float: left;
  margin-right: 20px;
}
.region-homepagecometocidj #right-block ul li {
  margin-bottom: 30px;
  min-height: 45px;
}
.region-homepagecometocidj #right-block ul li ul {
  list-style: none;
}
.region-homepagecometocidj #right-block ul li ul li {
  margin-bottom: 0px;
  min-height: 10px;
}
.region-homepagecometocidj #right-block ul li ul li:before {
  background: url('../images/hp-picto-list.png') no-repeat center;
  content: "";
  display: block;
  float: left;
  margin: 0 6px 0 0;
  height: 15px;
  width: 10px;
}
.region-homepagecometocidj #right-block ul li a {
  text-decoration: none;
  color: #525251;
  display: block;
  padding-top: 15px;
}
.region-homepagecometocidj #right-block p {
  line-height: 25px;
}
.region-homepagecometocidj #right-block .texte-right {
  margin-bottom: 20px;
}
.region-homepagecometocidj #right-block .btn-action {
  padding: 15px 39px;
}
.region-homepagehappensincidj {
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  background: #ffffff url('../images/hp-happens-bg.jpg') no-repeat center center;
  background-size: cover;
}
.region-homepagehappensincidj h2.titre-strate {
  margin-top: 130px;
  width: 100%;
  text-align: center;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock {
  width: 1200px;
  margin: 0 auto;
  min-height: 700px;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block {
  float: left;
  width: 39%;
  margin-top: 60px;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events {
  overflow: hidden;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events li,
.page-node-27007 .view-id-evenements .view-content li,
.page-node-26999 .view-id-evenements .view-content li,
.page-node-26989 .view-id-evenements .view-content li {
  float: left;
  margin: 0 14px 60px;
  width: 200px;
  background-color: #00b4d5;
  color: #ffffff;
  text-align: center;
  border-radius: 8px;
  position: relative;
  height: 160px;
  text-transform: none;
  padding: 20px 15px 30px 15px;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events li .date-event,
.page-node-27007 .view-id-evenements .view-content li .datetime,
.page-node-26999 .view-id-evenements .view-content li .datetime,
.page-node-26989 .view-id-evenements .view-content li .datetime {
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 2px;
  display: block;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events li .lieu-event {
  font-weight: bold;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events li h4 {
  font-size: 15px;
  font-weight: normal;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block .list-events li a:after,
.page-node-27007 .view-id-evenements .view-content li .views-field-nothing a:after,
.page-node-26999 .view-id-evenements .view-content li .views-field-nothing a:after,
.page-node-26989 .view-id-evenements .view-content li .views-field-nothing a:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url('../images/hp-plus.png') no-repeat center;
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block a {
  display: block;
  margin: 0 auto;
  width: 170px;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #left-block a span.btn-action {
  clear: both;
  font-weight: bold;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #right-block {
  float: left;
  width: 60%;
  margin-top: 60px;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #right-block .list-items {
  width: 500px;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #right-block .list-items li {
  float: left;
  width: 215px;
  height: 197px;
  background-color: #9ec864;
  margin: 2px;
  text-align: center;
  padding-top: 7%;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #right-block .list-items li h3 {
  width: 180px;
  margin: 0 auto;
  padding-top: 10px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #right-block .list-items li img {
  display: inline-block;
}
.region-homepagehappensincidj #block-cidjutilshphappensblock #right-block .map {
  margin-top: 3px;
}
.region-homepagevideos {
  clear: both;
  overflow: hidden;
  background: #ffffff url('../images/hp-videos-bg.jpg') no-repeat center;
}
.region-homepagevideos #block-nosvideos {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 40px;
}
.region-homepagevideos #block-nosvideos h2 {
  font-size: 52px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  margin: 2em 0 0.5em;
  font-weight: bold;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagevideos #block-nosvideos .slider-videos {
  width: 928px;
  height: 500px;
  margin: 0 auto;
}
.region-homepagevideos #block-nosvideos .video-item-slide {
  margin: 0 auto;
  height: 500px;
}
.region-homepagevideos #block-nosvideos article {
  margin: 0 auto;
  margin-top: 60px;
  position: relative;
  margin-bottom: 60px;
}
.region-homepagevideos #block-nosvideos article .contenu-video {
  position: absolute;
  top: 3em;
  width: 100%;
  padding: 0 2em;
  text-align: center;
}
.region-homepagevideos #block-nosvideos article .contenu-video .player {
  display: block;
  margin: 0 auto;
}
.region-homepagevideos #block-nosvideos article .contenu-video h3 {
  font-size: 2.4em;
  text-align: center;
  color: #ffffff;
  width: 100%;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  line-height: 1.1em;
  margin: 0.3em 0 0.2em;
}
.region-homepagevideos #block-nosvideos article .contenu-video p {
  color: #ffffff;
  text-align: center;
}
.region-homepagevideos #block-nosvideos article .contenu-video span.btn-action {
  margin: 1.4em auto 0;
  font-weight: bold;
}
.region-homepagevideos #block-nosvideos span.prev {
  position: absolute;
  top: 320px;
  left: 30px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  display: none;
}
.region-homepagevideos #block-nosvideos span.next {
  position: absolute;
  top: 320px;
  right: 80px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.region-homepagevideos #block-nosvideos .slick-prev,
.region-homepagevideos #block-nosvideos .slick-next {
  position: absolute;
  top: 50%;
  width: 80px;
  height: 80px;
  cursor: pointer;
  background: none;
  border: 0;
  z-index: 999;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.region-homepagevideos #block-nosvideos .slick-prev {
  left: -100px;
}
.region-homepagevideos #block-nosvideos .slick-next {
  right: -100px;
}
.region-homepageorientation {
  clear: both;
  background: #ffffff url('../images/hp-metiers-orientations-bg.jpg') no-repeat center center;
  background-size: cover;
}
.region-homepageorientation #block-cidjutilshporientationblock {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.region-homepageorientation #block-cidjutilshporientationblock h2 {
  color: #ffffff;
  text-align: center;
  font-size: 52px;
  margin-top: 115px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by {
  height: 798px;
  position: relative;
  background: transparent url('../images/hp-metiers-orientations-boussole.png') no-repeat center center;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  width: 210px;
  text-align: center;
  position: absolute;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li a {
  text-decoration: none;
  color: #ffffff;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li a:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url('../images/hp-plus.png') center no-repeat;
  position: absolute;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:first-child {
  top: 92px;
  left: 50%;
  margin-left: -112px;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:first-child a:after {
  bottom: -101px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(2) {
  top: 379px;
  left: 166px;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(2) a:after {
  right: -41px;
  top: -3px;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(3) {
  top: 657px;
  left: 50%;
  margin-left: -112px;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(3) a:after {
  top: -45px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(4) {
  top: 366px;
  right: 167px;
}
.region-homepageorientation #block-cidjutilshporientationblock #jobs-by li:nth-child(4) a:after {
  left: -41px;
  top: 10px;
}
.region-homepageformations {
  clear: both;
  background: #ffffff url('../images/hp-etudes-formations-bg.jpg') no-repeat center center;
  background-size: cover;
}
.region-homepageformations #block-cidjutilshpformationblock {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  height: 950px;
}
.region-homepageformations #block-cidjutilshpformationblock h2.titre-strate {
  text-align: center;
  padding-top: 140px;
  width: 100%;
  margin: 0 auto;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepageformations #block-cidjutilshpformationblock ul {
  position: relative;
}
.region-homepageformations #block-cidjutilshpformationblock ul li {
  position: absolute;
  background-color: #ffffff;
  border-radius: 110px;
  text-transform: uppercase;
  text-align: center;
}
.region-homepageformations #block-cidjutilshpformationblock ul li a {
  text-decoration: none;
  color: black;
  position: absolute;
  top: 70px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: bold;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:first-child {
  top: 30px;
  left: 190px;
  border: 40px solid #00b4d5;
  height: 220px;
  width: 220px;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(2) {
  border: 30px solid #ee720e;
  border-radius: 100px;
  height: 175px;
  width: 175px;
  font-size: 13px;
  top: 80px;
  left: 460px;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(2) a {
  top: 60px;
  left: 50%;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(3) {
  border: 40px solid #f8a724;
  border-radius: 110px;
  height: 220px;
  width: 220px;
  top: 150px;
  left: 650px;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(3) a {
  top: 70px;
  left: 50%;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(4) {
  border: 30px solid #9990c5;
  border-radius: 110px;
  height: 170px;
  width: 170px;
  top: 120px;
  right: 120px;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(4) a {
  top: 55px;
  left: 50%;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(5) {
  border: 30px solid #f7a723;
  border-radius: 110px;
  height: 170px;
  width: 170px;
  top: 260px;
  left: 100px;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(5) a {
  top: 55px;
  left: 50%;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(6) {
  border: 38px solid #9990c5;
  border-radius: 110px;
  height: 210px;
  width: 210px;
  top: 250px;
  left: 324px;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(6) a {
  top: 70px;
  left: 50%;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(7) {
  border: 38px solid #5f2885;
  border-radius: 110px;
  height: 210px;
  width: 210px;
  top: 370px;
  left: 540px;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(7) a {
  top: 70px;
  left: 50%;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(8) {
  border: 35px solid #aecc46;
  border-radius: 110px;
  height: 190px;
  width: 190px;
  font-size: 13px;
  top: 340px;
  right: 180px;
}
.region-homepageformations #block-cidjutilshpformationblock ul li:nth-child(8) a {
  top: 60px;
  left: 50%;
}
.region-homepagejobs {
  background-color: #9990c5;
  position: relative;
}
.region-homepagejobs #block-cidjutilshpadvicesblock {
  width: 1200px;
  min-height: 600px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.region-homepagejobs #block-cidjutilshpadvicesblock h2 {
  color: #ffffff;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  line-height: 1em;
}
.region-homepagejobs #block-cidjutilshpadvicesblock h3 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 50px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagejobs #block-cidjutilshpadvicesblock a {
  color: #ffffff;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block {
  width: 50%;
  margin-top: 4em;
  text-align: center;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block form {
  color: #ffffff;
  border-right: 1px solid #afa8d2;
  margin-top: 20px;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block p {
  margin: 20px 0;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block p label {
  margin-right: 45px;
  color: #ffffff;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block select {
  overflow: hidden;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  background-image: none;
  appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block select {
  margin-left: 8px;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  background-image: none;
  border: 1px solid #ffffff;
  padding: 11px 15px;
  width: 300px;
  margin-bottom: 8px;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block select {
  background: #9990c5 url("../images/fleche-arrow-select-blanc.png") no-repeat 90% 50%;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block select:focus {
  outline: none;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #left-block input[type="submit"] {
  color: #ffffff;
  background-color: #ee720e;
  border: 0;
  border-radius: 5px;
  padding: 15px;
  font-weight: bold;
  width: 315px;
  margin-bottom: 15px;
  font-size: 18px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block {
  width: 50%;
  text-align: center;
  margin-top: 4em;
  color: #ffffff;
  padding-left: 3em;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block p {
  width: 330px;
  margin: 0 auto;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul li {
  width: 165px;
  height: 165px;
  background-color: #ffffff;
  color: #525251;
  font-weight: bold;
  margin: auto;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul li a {
  margin: auto;
  text-decoration: none;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul li a.link-more {
  color: #000 !important;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul li h4 {
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul li article {
  width: 165px;
  height: 165px;
  line-height: 165px;
}
.region-homepagejobs #block-cidjutilshpadvicesblock #right-block ul a:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url('../images/hp-plus.png') no-repeat center;
  position: absolute;
  bottom: -36%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepagejobs #block-cidjutilshpadvicesblock a {
  color: #ffffff;
  text-decoration: underline;
}
.region-homepagejobs #block-cidjutilshpadvicesblock img.bg-bottom-emplois {
  position: absolute;
  bottom: -59px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepageforeignformation {
  clear: both;
  background: #ffffff url('../images/hp-foreign-bg.jpg') no-repeat center bottom;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock {
  width: 1200px;
  min-height: 890px;
  margin: 0 auto;
  overflow: hidden;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock h2.titre-strate {
  text-align: center;
  padding-top: 140px;
  width: 100%;
  margin: 0 auto;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock ul {
  position: relative;
  width: 960px;
  margin: 0 auto;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li {
  height: 230px;
  width: 230px;
  background-color: #FFFFFF;
  border-radius: 120px;
  border: 40px solid #99b54d;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li a {
  text-decoration: none;
  color: #525251;
  position: absolute;
  top: 75px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:first-child {
  top: 0px;
  left: -60px;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(2) {
  top: 250px;
  left: 45px;
  border: 40px solid #00A6C6;
  border-radius: 120px;
  height: 230px;
  width: 230px;
  font-size: 13px;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(2) a {
  top: 75px;
  left: 50%;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(3) {
  top: 90px;
  left: 290px;
  border: 40px solid #5f2885;
  border-radius: 120px;
  height: 230px;
  width: 230px;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(3) a {
  top: 75px;
  left: 50%;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(4) {
  top: 248px;
  right: 210px;
  border: 40px solid #F86B2D;
  border-radius: 120px;
  height: 230px;
  width: 230px;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(4) a {
  top: 75px;
  left: 50%;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(5) {
  top: 10px;
  right: 120px;
  border: 40px solid #f7a723;
  border-radius: 120px;
  height: 230px;
  width: 230px;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(5) a {
  top: 75px;
  left: 50%;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(6) {
  top: 100px;
  right: -120px;
  border: 40px solid #9791C2;
  border-radius: 120px;
  height: 230px;
  width: 230px;
}
.region-homepageforeignformation #block-cidjutilshpforeignformationblock li:nth-child(6) a {
  top: 75px;
  left: 50%;
}
.region-homepagedailylife {
  clear: both;
  background: #ffffff url('../images/hp-daily-bg.jpg') no-repeat center;
  background-size: cover;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  min-height: 910px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock h2.titre-strate {
  color: #ffffff;
  text-align: center;
  padding-top: 135px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock ul {
  position: relative;
  width: 1060px;
  margin: 0 auto;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li {
  height: 200px;
  width: 200px;
  border-radius: 120px;
  text-transform: uppercase;
  position: absolute;
  text-align: center;
  background: #ffffff url('../images/bg-bulle-logement.jpg') no-repeat center;
  background-size: cover;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li a {
  text-decoration: none;
  color: #ffffff;
  position: absolute;
  top: 95px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li a:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url('../images/hp-plus-violet.png') no-repeat center;
  position: absolute;
  bottom: -135px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:first-child {
  top: -52px;
  left: 20px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(2) {
  background: #ffffff url('../images/bg-bulle-vacances.jpg') no-repeat center;
  background-size: cover;
  top: 128px;
  left: 230px;
  border-radius: 120px;
  height: 250px;
  width: 250px;
  font-size: 18px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(2) a {
  top: 130px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(3) {
  background: #ffffff url('../images/bg-bulle-citoyennete.jpg') no-repeat center;
  background-size: cover;
  left: 512px;
  top: 58px;
  border-radius: 160px;
  height: 315px;
  width: 315px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(3) a {
  top: 155px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(4) {
  background: #ffffff url('../images/bg-bulle-psycho.jpg') no-repeat center;
  background-size: cover;
  top: -47px;
  left: 836px;
  border-radius: 120px;
  height: 230px;
  width: 230px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(4) a {
  top: 115px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(5) {
  background: #ffffff url('../images/bg-bulle-justice.jpg') no-repeat center;
  background-size: cover;
  left: 174px;
  top: 386px;
  border-radius: 120px;
  height: 175px;
  width: 175px;
  font-size: 13px;
  clear: both;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(5) a {
  top: 95px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(6) {
  background: #ffffff url('../images/bg-bulle-transports.jpg') no-repeat center;
  background-size: cover;
  top: 428px;
  left: 452px;
  border-radius: 120px;
  height: 200px;
  width: 200px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(6) a {
  top: 95px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(7) {
  background: #ffffff url('../images/bg-bulle-conso.jpg') no-repeat center;
  background-size: cover;
  top: 378px;
  left: 802px;
  border-radius: 120px;
  height: 200px;
  width: 200px;
}
.region-homepagedailylife #block-cidjutilshpdailylifeblock li:nth-child(7) a {
  top: 95px;
}
.region-homepagemeetus {
  clear: both;
}
.region-homepagemeetus h2.titre-strate {
  text-align: center;
  margin-top: 80px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagemeetus h3 {
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: bold;
  width: 900px;
  margin: 0 auto;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagemeetus p {
  width: 770px;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}
.region-homepagemeetus .map-meet-us {
  position: relative;
}
.region-homepagemeetus .map-meet-us .legend-map {
  background: url('../images/hp-meet-us-legend.png') no-repeat center;
  height: auto;
  position: absolute;
  z-index: 401;
  overflow: hidden;
  max-width: 217px;
}
.region-homepagemeetus .map-meet-us .legend-map ul {
  overflow: hidden auto;
}
.region-homepagemeetus .map-meet-us .legend-map ul li img {
  width: 100%;
  height: auto;
}

.region-homepagemeetus .map-meet-us .legend-map,
.region-homepagemeetus .map-meet-us .legend-map ul,
.region-homepagemeetus .map-meet-us #map {
  height: 560px !important;
}
.region-homepagemeetus .map-meet-us #map {
  width: 100% !important;
}

.region-homepagemeetus .map-meet-us .arrow-map {
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  z-index: 401;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper {
  position: absolute;
  left: 0;
  top: 55px;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper legend {
  display: none;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item {
  position: absolute;
  left: 30px;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item label {
  font-weight: bold;
  float: left;
  width: 110px !important;
  font-size: 16px;
  line-height: 110%;
  margin-top: 5px;
  text-align: initial;
  position: relative;
  z-index: 501;
  cursor: pointer;
  color: #292929;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item label span {
  font-size: 70%;
  font-weight: lighter;
  line-height: 150%;
  display: inline-block;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item input {
  display: none;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:first-child {
  display: none;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:nth-child(2) {
  top: -25px;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:nth-child(3) {
  left: 130px;
  top: 55px;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:nth-child(3) label {
  width: 69px !important;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:nth-child(4) {
  left: 155px;
  top: 150px;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:nth-child(4) label {
  width: 69px !important;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:nth-child(5) {
  left: 150px;
  top: 235px;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:nth-child(6) {
  left: 110px;
  top: 305px;
}
.region-homepagemeetus .map-meet-us .form-item.form-wrapper .form-item:nth-child(7) {
  left: 20px;
  top: 355px;
}
.region-homepageevents {
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  background: #ffffff url('../images/hp-agenda-bg.jpg') no-repeat center center;
  background-size: cover;
}
.region-homepageevents .logo-information-jeunesse {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 100px;
}
.region-homepageevents h2 {
  width: 100%;
  text-align: center;
  padding-top: 200px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepageevents h3 {
  text-align: center;
  font-size: 32px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepageevents #block-cidjutilshplasteventsblock {
  width: 1200px;
  margin: 0 auto;
  min-height: 700px;
  margin-top: 60px;
  position: relative;
}
.region-homepageevents #block-cidjutilshplasteventsblock .list-events {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.region-homepageevents #block-cidjutilshplasteventsblock .list-events li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 30px 15px;
  width: 200px;
  margin-bottom: 60px;
  padding: 15px 10px;
  background-color: #00b4d5;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  position: relative;
  height: 160px;
}
.region-homepageevents #block-cidjutilshplasteventsblock .list-events li .date-event {
  font-weight: bold;
  font-size: 19px;
  margin-bottom: 2px;
  display: block;
}
.region-homepageevents #block-cidjutilshplasteventsblock .list-events li .lieu-event {
  font-weight: bold;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
.region-homepageevents #block-cidjutilshplasteventsblock .list-events li h4 {
  font-size: 14px;
}
.region-homepageevents #block-cidjutilshplasteventsblock .list-events li:first-child {
  margin-left: 30px;
}
.region-homepageevents #block-cidjutilshplasteventsblock .list-events a:after {
  content: "";
  width: 60px;
  height: 60px;
  background: url('../images/hp-plus.png') no-repeat center;
  position: absolute;
  bottom: -45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepageevents #block-cidjutilshplasteventsblock .btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.region-homepageevents #block-cidjutilshplasteventsblock .btn-more .btn-action {
  display: block;
  width: 170px;
  clear: both;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.region-homepagesocialnetworks {
  clear: both;
  background: #ecebe9 url('../images/hp-socials-bg.png') no-repeat center;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock {
  width: 1200px;
  padding-top: 170px;
  margin: 0 auto;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock h2.titre-strate {
  width: 550px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 80px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 100px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li {
  margin: 5px 22px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article {
  background-color: #ffffff;
  width: 335px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 25px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article img {
  width: 235px;
  height: 235px;
  border-radius: 125px;
  margin: auto;
  display: block;
  position: relative;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article .image-post {
  position: relative;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article .image-post:before {
  content: "";
  display: block;
  position: absolute;
  margin: 0 6px 0 0;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article .image-post:after {
  background: url('../images/hp-socials-picto.png') no-repeat center;
  content: "";
  display: block;
  position: absolute;
  height: 30px;
  width: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -12px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article p.title-post {
  margin: auto;
  font-weight: bold;
  padding-top: 15px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article p.date-post {
  margin: auto;
  font-weight: bold;
  padding: 5px 0;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article p.description-post {
  margin: auto;
  text-align: center;
  font-size: 14px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article.fb-post img {
  border: 35px solid #39559f;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article.fb-post .image-post:before {
  background: url('../images/hp-socials-fb.png') no-repeat center;
  height: 26px;
  width: 15px;
  left: 50%;
  z-index: 1;
  top: 18px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article.youtube-post img {
  border: 35px solid #d30202;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article.youtube-post .image-post:before {
  background: url('../images/hp-socials-youtube.png') no-repeat center;
  height: 18px;
  width: 25px;
  left: 50%;
  z-index: 1;
  top: 18px;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article.insta-post img {
  border: 35px solid #9c22bf;
}
.region-homepagesocialnetworks #block-cidjutilshpsocialnetworksblock .list-social-posts li article.insta-post .image-post:before {
  background: url('../images/hp-socials-insta.png') no-repeat center;
  height: 26px;
  width: 26px;
  left: 50%;
  z-index: 1;
  top: 18px;
}
/* END HOME PAGE */
/* Filtres */
.watched-term,
#views-exposed-form-prochains-evenements-block-1,
#views-exposed-form-videos-page-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  vertical-align: top;
}
.watched-term > div,
#views-exposed-form-prochains-evenements-block-1 > div,
#views-exposed-form-videos-page-1 > div {
  width: 100%;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"],
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"],
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"],
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"],
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"],
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"],
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id {
  margin-top: 5px;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"] p,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] p,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] p,
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] p,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] p,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] p,
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id p,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id p,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id p {
  width: 300px;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"] > legend,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] > legend,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] > legend,
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > legend,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > legend,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > legend,
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > legend,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > legend,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > legend {
  float: left;
  clear: none;
  margin-right: 15px;
  position: relative;
  top: 5px;
  font-size: 105%;
  font-weight: lighter;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"] > .fieldset-wrapper,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] > .fieldset-wrapper,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] > .fieldset-wrapper,
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > .fieldset-wrapper,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > .fieldset-wrapper,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > .fieldset-wrapper,
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > .fieldset-wrapper,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > .fieldset-wrapper,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > .fieldset-wrapper {
  float: left;
  clear: none;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"] > .fieldset-wrapper .js-form-item,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] > .fieldset-wrapper .js-form-item,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] > .fieldset-wrapper .js-form-item,
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > .fieldset-wrapper .js-form-item,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > .fieldset-wrapper .js-form-item,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] > .fieldset-wrapper .js-form-item,
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > .fieldset-wrapper .js-form-item,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > .fieldset-wrapper .js-form-item,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id > .fieldset-wrapper .js-form-item {
  display: inline-block;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item,
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item,
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item {
  margin-right: 5px;
  margin-bottom: 10px;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item label,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item label,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item label,
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item label,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item label,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item label,
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item label,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item label,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item label {
  color: #fff;
  background-color: #525251;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  position: relative;
  cursor: pointer;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item input,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item input,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item input,
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item input,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item input,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item input,
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item input,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item input,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.watched-term fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item input[checked="checked"] + label,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item input[checked="checked"] + label,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item input[checked="checked"] + label,
.watched-term fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item input[checked="checked"] + label,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item input[checked="checked"] + label,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-theme-de-l-evenement-target-id"] .form-item input[checked="checked"] + label,
.watched-term fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item input[checked="checked"] + label,
#views-exposed-form-prochains-evenements-block-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item input[checked="checked"] + label,
#views-exposed-form-videos-page-1 fieldset[data-drupal-selector="edit-field-thematique-target-id"] field_thematique_target_id .form-item input[checked="checked"] + label {
  background-color: #ed720e;
}
.watched-term.all-checked fieldset[data-drupal-selector="edit-term-node-tid-depth"] .form-item label {
  background-color: #ed720e;
}
/* LISTE */
#tpl-list-submenu h2 {
  font-size: 36px;
  font-weight: bold;
}
#tpl-list-submenu .layout-content {
  background: url('../images/job-grey-circle.png') no-repeat bottom left;
}
#tpl-list-submenu .layout-content .view-content {
  clear: both;
}
#tpl-list-submenu ul.list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#tpl-list-submenu ul.list-item li {
  width: 250px;
  height: 196px;
  margin: 0 15px;
  position: relative;
  background-color: #ecebe9;
}
#tpl-list-submenu ul.list-item li:not( :nth-child(-n+4)) {
  margin-top: 30px;
}
#tpl-list-submenu ul.list-item li h3 a {
  position: absolute;
  top: 4em;
  left: 50%;
  width: 80%;
  color: #ffffff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  z-index: 1;
}
#tpl-list-submenu ul.list-item li h3 a:after {
  background: url('../images/list-arrow-orange.png') no-repeat center;
  height: 36px;
  width: 36px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  bottom: -65px;
  content: "";
  position: absolute;
}
#tpl-list-submenu ul.list-item li img {
  -webkit-filter: brightness(0.2);
  filter: brightness(0.2);
  border-radius: 5px;
}
.node--type-video-embedded .need-help {
  width: 100%;
}
#tpl-list-3col h2 {
  font-size: 36px;
  color: #525251;
  font-weight: bold;
  margin-bottom: 40px;
  margin-top: 15px;
}
#tpl-list-3col .actions-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#tpl-list-3col .actions-content ul li a {
  color: #525251;
}
#tpl-list-3col .actions-content ul li.print a:before {
  background: url('../images/actions-print-black.png') no-repeat center;
}
#tpl-list-3col .actions-content ul li.save a:before {
  background: url('../images/actions-save-black.png') no-repeat center;
}
#tpl-list-3col .actions-content ul li.share a:before {
  background: url('../images/actions-share-black.png') no-repeat center;
}
#tpl-list-3col .views-exposed-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#tpl-list-3col .views-exposed-form p {
  width: 300px;
}
#tpl-list-3col .views-exposed-form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#tpl-list-3col .views-exposed-form ul li {
  margin-right: 10px;
}
#tpl-list-3col .views-exposed-form ul li label {
  color: #fff;
  background-color: #ed720e;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  position: relative;
  cursor: pointer;
}
#tpl-list-3col .views-exposed-form ul li input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#tpl-list-3col .view-content,
.page-node-24626 .view-avant-le-bac .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#tpl-list-3col .view-content article,
.page-node-24626 .view-avant-le-bac .view-content article {
  width: 350px;
  border: 1px solid #e2e2e2;
  height: 450px;
  margin-bottom: 75px;
  position: relative;
  background-color: #ffffff;
}
#tpl-list-3col .view-content article a h3,
.page-node-24626 .view-avant-le-bac .view-content article a h3 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 35px;
  margin-top: 25px;
  padding: 0 20px;
  color: #525251;
}
#tpl-list-3col .view-content article a h2,
.page-node-24626 .view-avant-le-bac .view-content article a h2 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 35px;
  margin-top: 25px;
  padding: 0 20px;
  color: #525251;
}
#tpl-list-3col .view-content article a .field--name-body,
.page-node-24626 .view-avant-le-bac .view-content article a .field--name-body {
  font-size: 16px;
  padding: 0 20px;
  line-height: 24px;
  color: #525251;
}
#tpl-list-3col .view-content article a:after,
.page-node-24626 .view-avant-le-bac .view-content article a:after {
  content: "";
  background: url('../images/plus-grey.png') no-repeat center;
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  bottom: -60px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#tpl-list-3col .sejours-linguistiques {
  background-color: #525251;
  height: 460px;
  position: relative;
}
#tpl-list-3col .sejours-linguistiques h3 {
  color: #fff;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 75px 0;
}
#tpl-list-3col .sejours-linguistiques ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
}
#tpl-list-3col .sejours-linguistiques ul li {
  width: 300px;
  margin: 0 60px;
}
#tpl-list-3col .sejours-linguistiques ul li p {
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
#tpl-list-3col .sejours-linguistiques span {
  border: 2px solid white;
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 240px;
  z-index: 1;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#tpl-list-3col .sejours-linguistiques span.prev {
  left: 35px;
}
#tpl-list-3col .sejours-linguistiques span.next {
  right: 35px;
}
#tpl-list-3col .sejours-linguistiques.slideshow-cidj.clearfix.align-content {
  height: 460px;
}
.need-help {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ecebe9;
  padding: 50px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.need-help .advertising-block {
  margin-right: 70px;
}
.need-help .need-block {
  background-color: #f7a824;
  padding: 0 85px;
  border-radius: 5px;
  height: 120px;
  position: relative;
}
.need-help .need-block .title-need-block {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
}
.need-help .need-block .content-need-block {
  color: #ffffff;
}
.need-help .need-block img {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
}
.field--name-field-webform .field__label {
  display: none;
}
.webform-submission-form .webform-progress-tracker.progress-tracker,
.views-exposed-form .webform-progress-tracker.progress-tracker,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker {
  padding-top: 40px;
  text-align: center;
  display: block;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step {
  display: inline-block;
  width: 50px;
  margin-left: 80px;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step:hover,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step:hover,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step:hover {
  background-color: transparent !important;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step:hover .progress-marker,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step:hover .progress-marker,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step:hover .progress-marker {
  background-color: transparent !important;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step:not(:first-child):before,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step:not(:first-child):before,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step:not(:first-child):before {
  content: '';
  border-top: 6px dashed #EC6F12;
  color: #EC6F12;
  display: inline-block;
  width: 80px;
  position: absolute;
  top: 45%;
  right: 100%;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step .progress-marker,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step .progress-marker,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step .progress-marker {
  position: relative;
  color: #505050;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 2;
  background-color: #ffffff;
  font-size: 24px;
  border: 10px solid #EC6F12;
  border-radius: 25px;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step .progress-marker:hover,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step .progress-marker:hover,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step .progress-marker:hover {
  background-color: #ffffff !important;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step.is-active ~ .progress-step:before,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step.is-active ~ .progress-step:before,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step.is-active ~ .progress-step:before {
  border-top: 6px dashed #ECEBE9;
  color: #ECEBE9;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step.is-active ~ .progress-step .progress-marker,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step.is-active ~ .progress-step .progress-marker,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step.is-active ~ .progress-step .progress-marker {
  border: 10px solid #ECEBE9;
}
.webform-submission-form .webform-progress-tracker.progress-tracker .progress-step .progress-text,
.views-exposed-form .webform-progress-tracker.progress-tracker .progress-step .progress-text,
.role-compte_entreprise .node-form .webform-progress-tracker.progress-tracker .progress-step .progress-text {
  display: none;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions),
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions),
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) {
  padding: 20px 50px;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-wrapper,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-wrapper,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-wrapper {
  background-color: transparent;
  padding: 0;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) .fieldset-legend,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) .fieldset-legend,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) .fieldset-legend {
  font-size: 20px;
  margin-bottom: 5px;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-item,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-item,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-item,
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-actions,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-actions,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) .form-actions {
  margin-top: 6px;
  margin-bottom: 6px;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) select[multiple],
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) select[multiple],
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) select[multiple] {
  overflow-y: auto;
  background: transparent;
}

.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) select[multiple] > *,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) select[multiple] > *,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) select[multiple] > * {
  white-space: break-spaces;
  margin-bottom: 10px;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) select,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) select,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) select {
  overflow: hidden;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  background-image: none;
  appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) select,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) select,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) select,
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) input,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) input,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) input {
  margin-left: 8px;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  background-image: none;
  font-style: italic;
  border: 1px solid #AEAEAE;
  width: 300px;
  padding: 11px 15px;
  font-size: 15px;
  margin-bottom: 8px;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) select,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) select,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) select {
  background: transparent url("../images/fleche-arrow-select.png") no-repeat 90% 50%;
}
.webform-submission-form .js-form-wrapper.form-wrapper:not(.form-actions) select:focus,
.views-exposed-form .js-form-wrapper.form-wrapper:not(.form-actions) select:focus,
.role-compte_entreprise .node-form .js-form-wrapper.form-wrapper:not(.form-actions) select:focus {
  outline: none;
}
.webform-submission-form div[data-drupal-selector="edit-actions"],
.views-exposed-form div[data-drupal-selector="edit-actions"],
.role-compte_entreprise .node-form div[data-drupal-selector="edit-actions"],
.webform-submission-form .form-actions,
.views-exposed-form .form-actions,
.role-compte_entreprise .node-form .form-actions {
  text-align: center;
}
.webform-submission-form div[data-drupal-selector="edit-actions"] input[type="submit"],
.views-exposed-form div[data-drupal-selector="edit-actions"] input[type="submit"],
.role-compte_entreprise .node-form div[data-drupal-selector="edit-actions"] input[type="submit"],
.webform-submission-form .form-actions input[type="submit"],
.views-exposed-form .form-actions input[type="submit"],
.role-compte_entreprise .node-form .form-actions input[type="submit"] {
  background-color: #F0720E;
  color: #ffffff;
  margin-top: 10px;
  padding: 12px 45px;
  font-weight: bold;
  font-size: 18px;
  border: none;
  border-radius: 5px;
}
.view-offres-d-emplois .view-header,
.view-offres-de-stages .view-header {
  float: right;
  margin-top: -213px;
}
.view-offres-d-emplois .view-filters,
.view-offres-de-stages .view-filters {
  float: left;
}
.view-offres-d-emplois .view-content,
.view-offres-de-stages .view-content {
  clear: both;
  padding-top: 45px;
}
.view-offres-de-stages div[data-drupal-selector="edit-actions"],
.view-offres-de-stages .form-actions {
  float: left !important;
  clear: none !important;
}
.view-offres-de-stages div[data-drupal-selector="edit-actions"] input[type="submit"],
.view-offres-de-stages .form-actions input[type="submit"] {
  position: relative;
  top: 12px;
}
.view-id-glossary,
.view-contenus-par-term,
.view-id-metiers_qui_recrutent,
.view-communiques-de-presse {
  margin-top: 45px;
  margin-bottom: 70px;
}
.view-id-glossary .views-row,
.view-contenus-par-term .views-row,
.view-id-metiers_qui_recrutent .views-row,
.view-communiques-de-presse .views-row {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e7e6e5;
}
.view-id-glossary .view-display-id-attachment_1 .views-summary:not(:first-child),
.view-contenus-par-term .view-display-id-attachment_1 .views-summary:not(:first-child),
.view-id-metiers_qui_recrutent .view-display-id-attachment_1 .views-summary:not(:first-child),
.view-communiques-de-presse .view-display-id-attachment_1 .views-summary:not(:first-child) {
  margin-left: 20px;
}
.view-id-glossary .view-display-id-attachment_1 a,
.view-contenus-par-term .view-display-id-attachment_1 a,
.view-id-metiers_qui_recrutent .view-display-id-attachment_1 a,
.view-communiques-de-presse .view-display-id-attachment_1 a {
  color: #a8a7a6;
  font-size: 25px;
  text-decoration: none;
  text-align: center;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
.view-id-glossary .view-display-id-attachment_1 a.is-active,
.view-contenus-par-term .view-display-id-attachment_1 a.is-active,
.view-id-metiers_qui_recrutent .view-display-id-attachment_1 a.is-active,
.view-communiques-de-presse .view-display-id-attachment_1 a.is-active {
  color: #ee720e;
  -webkit-box-shadow: 0 0 0 10px #ee720e;
          box-shadow: 0 0 0 10px #ee720e;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.view-id-glossary article,
.view-contenus-par-term article,
.view-id-metiers_qui_recrutent article,
.view-communiques-de-presse article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.view-id-glossary article .image-content-list,
.view-contenus-par-term article .image-content-list,
.view-id-metiers_qui_recrutent article .image-content-list,
.view-communiques-de-presse article .image-content-list {
  margin-right: 40px;
  width: 300px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.view-id-glossary article .image-content-list img,
.view-contenus-par-term article .image-content-list img,
.view-id-metiers_qui_recrutent article .image-content-list img,
.view-communiques-de-presse article .image-content-list img {
  width: 100%;
  height: auto;
}
.view-id-glossary article h2,
.view-contenus-par-term article h2,
.view-id-metiers_qui_recrutent article h2,
.view-communiques-de-presse article h2 {
  font-family: 'Lato', Arial;
  font-weight: bold;
  color: #525251;
  font-size: 25px !important;
  margin-bottom: 15px;
}
.view-id-glossary article .btn-action,
.view-contenus-par-term article .btn-action,
.view-id-metiers_qui_recrutent article .btn-action,
.view-communiques-de-presse article .btn-action {
  font-size: 14px;
  padding: 13px 25px;
  margin-top: 20px;
}
#block-views-block-vue-thematique-block-vue-thematique h2,
#block-views-block-prochains-evenements-block-1 h2,
#block-views-block-prochains-evenements-block-2 h2,
.view-id-videos h2 {
  font-size: 36px;
  color: #525251;
  font-weight: bold;
  margin-bottom: 40px;
  margin-top: 15px;
}
#block-views-block-vue-thematique-block-vue-thematique .actions-content ul,
#block-views-block-prochains-evenements-block-1 .actions-content ul,
#block-views-block-prochains-evenements-block-2 .actions-content ul,
.view-id-videos .actions-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#block-views-block-vue-thematique-block-vue-thematique .actions-content ul li a,
#block-views-block-prochains-evenements-block-1 .actions-content ul li a,
#block-views-block-prochains-evenements-block-2 .actions-content ul li a,
.view-id-videos .actions-content ul li a {
  color: #525251;
}
#block-views-block-vue-thematique-block-vue-thematique .actions-content ul li.print a:before,
#block-views-block-prochains-evenements-block-1 .actions-content ul li.print a:before,
#block-views-block-prochains-evenements-block-2 .actions-content ul li.print a:before,
.view-id-videos .actions-content ul li.print a:before {
  background: url('../images/actions-print-black.png') no-repeat center;
}
#block-views-block-vue-thematique-block-vue-thematique .actions-content ul li.save a:before,
#block-views-block-prochains-evenements-block-1 .actions-content ul li.save a:before,
#block-views-block-prochains-evenements-block-2 .actions-content ul li.save a:before,
.view-id-videos .actions-content ul li.save a:before {
  background: url('../images/actions-save-black.png') no-repeat center;
}
#block-views-block-vue-thematique-block-vue-thematique .actions-content ul li.share a:before,
#block-views-block-prochains-evenements-block-1 .actions-content ul li.share a:before,
#block-views-block-prochains-evenements-block-2 .actions-content ul li.share a:before,
.view-id-videos .actions-content ul li.share a:before {
  background: url('../images/actions-share-black.png') no-repeat center;
}
#block-views-block-vue-thematique-block-vue-thematique .views-exposed-form,
#block-views-block-prochains-evenements-block-1 .views-exposed-form,
#block-views-block-prochains-evenements-block-2 .views-exposed-form,
.view-id-videos .views-exposed-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#block-views-block-vue-thematique-block-vue-thematique .views-exposed-form p,
#block-views-block-prochains-evenements-block-1 .views-exposed-form p,
#block-views-block-prochains-evenements-block-2 .views-exposed-form p,
.view-id-videos .views-exposed-form p {
  width: 300px;
}
#block-views-block-vue-thematique-block-vue-thematique .views-exposed-form ul,
#block-views-block-prochains-evenements-block-1 .views-exposed-form ul,
#block-views-block-prochains-evenements-block-2 .views-exposed-form ul,
.view-id-videos .views-exposed-form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#block-views-block-vue-thematique-block-vue-thematique .views-exposed-form ul li,
#block-views-block-prochains-evenements-block-1 .views-exposed-form ul li,
#block-views-block-prochains-evenements-block-2 .views-exposed-form ul li,
.view-id-videos .views-exposed-form ul li {
  margin-right: 10px;
}
#block-views-block-vue-thematique-block-vue-thematique .views-exposed-form ul li label,
#block-views-block-prochains-evenements-block-1 .views-exposed-form ul li label,
#block-views-block-prochains-evenements-block-2 .views-exposed-form ul li label,
.view-id-videos .views-exposed-form ul li label {
  color: #fff;
  background-color: #ed720e;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  position: relative;
  cursor: pointer;
}
#block-views-block-vue-thematique-block-vue-thematique .views-exposed-form ul li input,
#block-views-block-prochains-evenements-block-1 .views-exposed-form ul li input,
#block-views-block-prochains-evenements-block-2 .views-exposed-form ul li input,
.view-id-videos .views-exposed-form ul li input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#block-views-block-vue-thematique-block-vue-thematique .view-content,
#block-views-block-prochains-evenements-block-1 .view-content,
#block-views-block-prochains-evenements-block-2 .view-content,
.view-id-videos .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#block-views-block-vue-thematique-block-vue-thematique .view-content article,
#block-views-block-prochains-evenements-block-1 .view-content article,
#block-views-block-prochains-evenements-block-2 .view-content article,
.view-id-videos .view-content article {
  width: 350px;
  border: 1px solid #e2e2e2;
  height: 450px;
  margin-bottom: 75px;
  position: relative;
  background-color: #ffffff;
}
#block-views-block-vue-thematique-block-vue-thematique .view-content article a h3,
#block-views-block-prochains-evenements-block-1 .view-content article a h3,
#block-views-block-prochains-evenements-block-2 .view-content article a h3,
.view-id-videos .view-content article a h3 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 35px;
  margin-top: 25px;
  padding: 0 20px;
  color: #525251;
}
#block-views-block-vue-thematique-block-vue-thematique .view-content article a h2,
#block-views-block-prochains-evenements-block-1 .view-content article a h2,
#block-views-block-prochains-evenements-block-2 .view-content article a h2,
.view-id-videos .view-content article a h2 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 35px;
  margin-top: 25px;
  padding: 0 20px;
  color: #525251;
}
#block-views-block-vue-thematique-block-vue-thematique .view-content article a .field--name-body,
#block-views-block-prochains-evenements-block-1 .view-content article a .field--name-body,
#block-views-block-prochains-evenements-block-2 .view-content article a .field--name-body,
.view-id-videos .view-content article a .field--name-body {
  font-size: 16px;
  padding: 0 20px;
  line-height: 24px;
  color: #525251;
}
#block-views-block-vue-thematique-block-vue-thematique .view-content article a:after,
#block-views-block-prochains-evenements-block-1 .view-content article a:after,
#block-views-block-prochains-evenements-block-2 .view-content article a:after,
.view-id-videos .view-content article a:after {
  content: "";
  background: url('../images/plus-grey.png') no-repeat center;
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  bottom: -60px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques,
.view-id-videos .sejours-linguistiques {
  background-color: #525251;
  height: 460px;
  position: relative;
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques h3,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques h3,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques h3,
.view-id-videos .sejours-linguistiques h3 {
  color: #fff;
  font-size: 36px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 75px 0;
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques ul,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques ul,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques ul,
.view-id-videos .sejours-linguistiques ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques ul li,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques ul li,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques ul li,
.view-id-videos .sejours-linguistiques ul li {
  width: 300px;
  margin: 0 60px;
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques ul li p,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques ul li p,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques ul li p,
.view-id-videos .sejours-linguistiques ul li p {
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques span,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques span,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques span,
.view-id-videos .sejours-linguistiques span {
  border: 2px solid white;
  width: 60px;
  height: 60px;
  display: block;
  border-radius: 100%;
  position: absolute;
  top: 240px;
  z-index: 1;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques span.prev,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques span.prev,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques span.prev,
.view-id-videos .sejours-linguistiques span.prev {
  left: 35px;
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques span.next,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques span.next,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques span.next,
.view-id-videos .sejours-linguistiques span.next {
  right: 35px;
}
#block-views-block-vue-thematique-block-vue-thematique .sejours-linguistiques.slideshow-cidj.clearfix.align-content,
#block-views-block-prochains-evenements-block-1 .sejours-linguistiques.slideshow-cidj.clearfix.align-content,
#block-views-block-prochains-evenements-block-2 .sejours-linguistiques.slideshow-cidj.clearfix.align-content,
.view-id-videos .sejours-linguistiques.slideshow-cidj.clearfix.align-content {
  height: 460px;
}
#block-views-block-prochains-evenements-block-1 .view-filters fieldset,
#block-views-block-prochains-evenements-block-2 .view-filters fieldset,
.view-id-videos .view-filters fieldset {
  background-color: transparent !important;
  padding: 0 !important;
}
#block-views-block-prochains-evenements-block-1 .view-filters fieldset .fieldset-legend,
#block-views-block-prochains-evenements-block-2 .view-filters fieldset .fieldset-legend,
.view-id-videos .view-filters fieldset .fieldset-legend {
  padding-bottom: 20px !important;
  font-size: 100% !important;
  display: block;
}
#block-views-block-prochains-evenements-block-1 .view-filters fieldset .form-item input,
#block-views-block-prochains-evenements-block-2 .view-filters fieldset .form-item input,
.view-id-videos .view-filters fieldset .form-item input {
  display: none;
}
#block-views-block-prochains-evenements-block-1 a .date,
#block-views-block-prochains-evenements-block-2 a .date,
.view-id-videos a .date {
  margin-top: 25px;
  padding: 0 20px;
  display: block;
  color: #AECC46 !important;
  margin-bottom: 0 !important;
  text-align: center;
  font-size: 18px;
}
#block-views-block-prochains-evenements-block-1 a .date h3,
#block-views-block-prochains-evenements-block-2 a .date h3,
.view-id-videos a .date h3 {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #aecc46 !important;
  margin-bottom: 0 !important;
}
#block-views-block-prochains-evenements-block-1 a .title h3,
#block-views-block-prochains-evenements-block-2 a .title h3,
.view-id-videos a .title h3 {
  margin-top: 0 !important;
}
/* END LISTE */
/* PAGE SEULE */
.node--type-page .field--type-image {
  float: left;
  margin-right: 4%;
  margin-bottom: 30px;
}
.node--type-page .field--type-image .field__label {
  display: none;
}
.node--type-page .field--name-body {
  padding-right: 2%;
}
.node--type-page .field--name-body:after {
  clear: both;
}
/* END PAGE SEULE */
/* PAGE FICHE METIER */
.page-node-type-fiche-metier .layout-content {
  padding: 0;
}
.page-node-type-fiche-metier .page-title {
  display: none;
}
.page-node-type-fiche-metier #block-cidj-breadcrumbs {
  background: none;
}
.page-node-type-fiche-metier .job-label-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.page-node-type-fiche-metier .job-label-list li {
  margin: 0 5px 10px;
  background-color: #ee720e;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  border-radius: 6px;
  cursor: pointer;
}
.page-node-type-fiche-metier .job-label-list li a {
  color: white;
  padding: 6px 15px;
  display: inline-block;
}
.page-node-type-fiche-metier .job-label-list li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 780px) {
  .page-node-type-fiche-metier .job-label-list {
    margin-top: 1em !important;
  }
}
.page-node-type-fiche-metier .job-label-list li {
  cursor: default;
  padding: 6px 15px;
}
@media screen and (max-width: 780px) {
  .page-node-type-fiche-metier .job-label-list li {
    margin-left: 0 !important;
  }
}
.page-node-type-fiche-metier .header-wrapper-content {
  height: 340px;
  margin-top: -50px;
  position: relative;
  z-index: 0;
  padding: 70px 35px 25px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 780px) {
  .page-node-type-fiche-metier .header-wrapper-content {
    height: auto !important;
    background-size: cover !important;
  }
}
.page-node-type-fiche-metier .header-wrapper-content:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  z-index: 1;
  opacity: .4;
}
.page-node-type-fiche-metier .header-wrapper-content > * {
  position: relative;
  z-index: 2;
}
.page-node-type-fiche-metier .header-wrapper-content .job-title {
  color: white;
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  padding-right: 290px;
}
@media screen and (max-width: 780px) {
  .page-node-type-fiche-metier .header-wrapper-content .job-title {
    padding-right: 0px;
    margin-bottom: 1em;
  }
}
.page-node-type-fiche-metier .header-wrapper-content .field-synonyme {
  margin-top: auto;
}
.page-node-type-fiche-metier .header-wrapper-content .field-synonyme p {
  color: white;
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.page-node-type-fiche-metier .header-wrapper-content .actions-content {
  position: absolute;
  top: 30px;
  right: 30px;
}
@media screen and (max-width: 780px) {
  .page-node-type-fiche-metier .footer-2-wrapper-content + .views-element-container {
    padding-right: 4%;
    padding-left: 4%;
  }
}
.page-node-type-fiche-metier .body-wrapper-content {
  padding: 40px 35px 35px 35px;
}
@media screen and (max-width: 780px) {
  .page-node-type-fiche-metier .body-wrapper-content {
    padding: 40px 0 35px 0;
  }
  .page-node-type-fiche-metier .body-wrapper-content .summary,
  .page-node-type-fiche-metier .body-wrapper-content .job-single-blocs,
  .page-node-type-fiche-metier .body-wrapper-content .article-bloc,
  .page-node-type-fiche-metier .body-wrapper-content .field_copyright_credit,
  .page-node-type-fiche-metier .body-wrapper-content .legendeCopyright {
    padding-right: 4%;
    padding-left: 4%;
  }
}
.page-node-type-fiche-metier .body-wrapper-content .summary {
  font-weight: bold;
  line-height: 1.7;
  font-size: 19px;
  margin-bottom: 60px;
}
.page-node-type-fiche-metier .body-wrapper-content .job-single-blocs .job-single-bloc:not(:first-child) {
  margin-top: 70px;
}
.page-node-type-fiche-metier .body-wrapper-content .job-single-blocs .job-title {
  font-family: 'Lato', Arial;
  font-weight: bold;
  color: #525251;
  font-size: 25px !important;
  margin-bottom: 15px;
}
.page-node-type-fiche-metier .body-wrapper-content .job-single-blocs p {
  line-height: 1.5;
}
.page-node-type-fiche-metier .body-wrapper-content .job-single-blocs p:not(:first-child) {
  margin-top: 10px;
}
.page-node-type-fiche-metier .body-wrapper-content .btn-folder-metier {
  width: 100%;
  display: block;
  text-align: left;
  margin-top: 60px;
  font-size: 12px;
}
.page-node-type-fiche-metier .body-wrapper-content .btn-folder-metier a {
  display: inline-block;
  text-decoration: none;
  color: white;
  background-color: #edb10e;
  margin: 0 auto;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
}
.page-node-type-fiche-metier .body-wrapper-content .field--name-body,
.page-node-type-fiche-metier .body-wrapper-content .field--name-field-etudes-formation,
.page-node-type-fiche-metier .body-wrapper-content .field--name-field-salaires,
.page-node-type-fiche-metier .body-wrapper-content .field--name-field-evolutions {
  margin: 0 35px;
}
.page-node-type-fiche-metier .body-wrapper-content .field--name-body p,
.page-node-type-fiche-metier .body-wrapper-content .field--name-field-etudes-formation p,
.page-node-type-fiche-metier .body-wrapper-content .field--name-field-salaires p,
.page-node-type-fiche-metier .body-wrapper-content .field--name-field-evolutions p {
  margin: 20px 0;
}
.page-node-type-fiche-metier .field.field--name-field-secteur-d-activite-metier {
  position: absolute;
  top: 290px;
  left: 35px;
  color: #ffffff;
}
.page-node-type-fiche-metier .field.field--name-field-secteur-d-activite-metier a {
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #ee720e;
  padding: 5px 10px;
  border-radius: 5px;
}
.page-node-type-fiche-metier .field--name-field-copyright-partenaire {
  margin-left: 35px;
  margin-top: 30px;
}
.page-node-type-fiche-metier .field--name-field-credit-photo {
  margin-left: 35px;
}
.page-node-type-fiche-metier .more-contents {
  background-color: #ecebe8;
  padding-bottom: 20px;
}
.page-node-type-fiche-metier .more-contents h2 {
  position: relative !important;
  color: #525251 !important;
  text-align: center;
  padding: 40px;
  text-transform: uppercase;
  margin-top: 0;
}
.page-node-type-fiche-metier .more-contents ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-node-type-fiche-metier .more-contents ul li {
  margin: 20px 30px;
  width: 340px;
}
.page-node-type-fiche-metier .more-contents ul li article {
  position: relative;
}
.page-node-type-fiche-metier .more-contents ul li article p {
  position: absolute;
  width: 200px;
  top: 145px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 25px;
}
.page-node-type-fiche-metier .more-contents ul li article .type-content {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  border-bottom: 4px solid #ed720e;
  padding-bottom: 7px;
}
/* END FICHE METIER */
/* PAGE AVANT LE BAC*/
/* END PAGE AVANT LE BAC*/
/* ARTICLE FULL */
#tpl-article-full h1 {
  color: #525251;
  font-size: 36px;
  padding: 20px 0;
  width: 700px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
}
#tpl-article-full .content {
  margin-top: 50px;
}
#tpl-article-full .header-wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#tpl-article-full .header-wrapper-content .field-summary {
  background-color: #faf9f9;
  padding: 25px 35px;
  font-size: 19px;
  line-height: 26px;
  color: #525251;
  width: 650px;
  font-weight: bold;
  margin-left: -70px;
  margin-top: 35px;
  text-align: center;
  display: inline-table;
}
#tpl-article-full .header-wrapper-content .full-size {
  width: 100% !important;
  margin-left: 0;
}
#tpl-article-full .filter-keywords {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#tpl-article-full .filter-keywords p {
  width: 300px;
}
#tpl-article-full .filter-keywords ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#tpl-article-full .filter-keywords ul li {
  margin-right: 10px;
}
#tpl-article-full .filter-keywords ul li a {
  color: #fff;
  background-color: #ed720e;
  padding: 5px 15px;
  text-decoration: none;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  position: relative;
}
#tpl-article-full .expression-content {
  color: #ed720e;
  text-transform: uppercase;
}
#tpl-article-full .body-wrapper-content {
  color: #525251;
  font-size: 16px;
  padding: 0 35px;
  line-height: 22px;
  padding-top: 30px;
}
#tpl-article-full .body-wrapper-content h2 {
  font-size: 25px;
  color: #525251;
  font-weight: bold;
  padding: 25px 0;
}
#tpl-article-full .more-like-contents {
  background-color: #fff;
  height: 950px;
}
#tpl-article-full .more-like-contents h3 {
  color: #525251;
  text-transform: uppercase;
  text-align: center;
  padding: 50px 0;
  font-size: 36px;
  font-weight: bold;
}
#tpl-article-full .more-like-contents ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px 65px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#tpl-article-full .more-like-contents ul li {
  width: 320px;
  height: 250px;
  text-align: center;
  color: #fff;
  margin-bottom: 75px;
}
#tpl-article-full .more-like-contents ul li article {
  position: relative;
}
#tpl-article-full .more-like-contents ul li article h5 {
  position: absolute;
  top: 60px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-bottom: 2px solid #ed720e;
  padding-bottom: 2px;
  text-transform: uppercase;
}
#tpl-article-full .more-like-contents ul li article h4 {
  position: absolute;
  left: 50%;
  top: 120px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-weight: bold;
  line-height: 20px;
}
#tpl-article-full .more-like-contents ul li article:after {
  content: "";
  background: url('../images/plus-grey.png') no-repeat center;
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  bottom: -60px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#tpl-article-full .more-like-contents .btn-action {
  margin: 0 auto;
  width: 140px;
}
/* END ARTICLE FULL */
/* LISTE OFFRES DEMPLOIS */
#tpl-list-jobs .infos-offer-wrapper {
  width: 830px;
  padding-right: 30px;
}
#tpl-list-jobs .infos-offer-wrapper p {
  font-size: 16px;
  line-height: 1.5;
}
#tpl-list-jobs .bloc-right-offer-wrapper {
  width: 300px;
}
#tpl-list-jobs .bloc-right-offer {
  background-color: #9990c5;
  color: #ffffff;
  text-align: center;
  padding: 30px 0 40px 0;
}
#tpl-list-jobs .bloc-right-offer .title-bloc {
  font-weight: bold;
  font-size: 25px;
  padding-bottom: 25px;
}
#tpl-list-jobs .bloc-right-offer p {
  padding: 0 30px;
  margin-bottom: 20px;
}
#tpl-list-jobs span.row-gray {
  height: 1px;
  width: 230px;
  background-color: #b7b7b7;
  display: block;
  margin: 30px auto;
}
#tpl-list-jobs h1 {
  font-size: 36px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  color: #525251;
  margin: 10px 0 15px;
}
#tpl-list-jobs form {
  background-color: #ecebe8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px 55px;
  margin: 20px 0;
}
#tpl-list-jobs form select {
  cursor: pointer;
  background-color: #ecebe8;
  width: 220px;
  height: 45px;
  display: block;
}
#tpl-list-jobs form select {
  overflow: hidden;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  background-image: none;
  appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  border: 1px solid #b7b6b4;
}
#tpl-list-jobs form select,
#tpl-list-jobs form input {
  margin-left: 8px;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  background-image: none;
  padding: 11px 15px;
  font-size: 15px;
  margin-bottom: 8px;
}
#tpl-list-jobs form select {
  background: #ecebe8 url("../images/fleche-arrow-select.png") no-repeat 90% 50%;
}
#tpl-list-jobs form select:focus {
  outline: none;
}
#tpl-list-jobs form input[type="submit"] {
  background-color: #ed720e;
  color: #fff;
  width: 220px;
  font-size: 75% !important;
  font-weight: bold;
  text-transform: uppercase !important;
}
#tpl-list-jobs .content-1col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#tpl-list-jobs .content-1col li:not(:first-child) {
  border-top: 1px solid #e8e7e6;
  margin-top: 25px;
  padding-top: 25px;
}
#tpl-list-jobs .content-1col .col {
  font-size: 14px;
  width: auto;
}
#tpl-list-jobs .content-1col .col:first-child {
  width: 125px;
}
#tpl-list-jobs .content-1col .col:nth-child(2) {
  padding: 0 30px;
}
#tpl-list-jobs .content-1col .col:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
#tpl-list-jobs .content-1col .col h3 {
  font-weight: bold;
  font-family: 'Lato', Arial;
  font-size: 20px;
  margin-bottom: 4px;
}
#tpl-list-jobs .content-1col .col h3 a {
  color: #525251;
}
#tpl-list-jobs .content-1col .col .nombre-de-poste-a-pourvoir,
#tpl-list-jobs .content-1col .col .type-de-mission-stages,
.page-node-type-offre-de-stage .company-infos-desc .company-type-labels span,
.page-node-type-offre-de-job-emploi-alternance .company-infos-desc .company-type-labels span,
.page-node-type-offre-de-stage .similar-offers .similar-offers-list .offer .similar-labels span,
.page-node-type-offre-de-job-emploi-alternance .similar-offers .similar-offers-list .offer .similar-labels span {
  background-color: #9990c5;
  display: inline;
  color: #fff;
  margin-right: 4px;
  border-radius: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 15px;
}
#tpl-list-jobs .content-1col .col .created {
  margin-top: 10px;
}
#tpl-list-jobs .content-1col .col .ville,
#tpl-list-jobs .content-1col .col .code-postal {
  display: inline;
}
#tpl-list-jobs .content-1col .col .nom-du-contact {
  margin-top: 10px;
}
/* END OFFRES DEMPLOIS */
.page-node-26989 .layout-content,
.page-node-26999 .layout-content {
  background: url('../images/pro-child-blue-circle.png') no-repeat bottom left;
}
.page-node-26989 .layout-content:after,
.page-node-26999 .layout-content:after {
  content: "";
  display: block;
  clear: both;
}
.page-node-26989 .views-element-container,
.page-node-26999 .views-element-container {
  float: left;
  max-width: 740px;
}
.page-node-26989 .sidebar-advertising,
.page-node-26999 .sidebar-advertising {
  float: right;
  max-width: 300px;
  margin-right: 35px;
}
.page-node-26989 .sidebar-advertising .ad:not(:first-child),
.page-node-26999 .sidebar-advertising .ad:not(:first-child) {
  margin-top: 25px;
}
/* PRO ESPACE PRESSE */
.page-node-27007 .layout-content,
.page-node-26999 .layout-content,
.page-node-26989 .layout-content {
  background: url('../images/pro-child-blue-circle.png') no-repeat -90px 90px;
}
.page-node-27007 .view-pages-enfants .view-content,
.page-node-26999 .view-pages-enfants .view-content,
.page-node-26989 .view-pages-enfants .view-content {
  width: 100%;
  -webkit-column-count: auto;
          column-count: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.page-node-27007 .view-pages-enfants .view-content .views-row,
.page-node-26999 .view-pages-enfants .view-content .views-row,
.page-node-26989 .view-pages-enfants .view-content .views-row {
  width: calc(100% / 2 - 50px);
}
.page-node-27007 .view-id-evenements,
.page-node-26999 .view-id-evenements,
.page-node-26989 .view-id-evenements {
  background: #ecebe9;
  padding: 40px 105px;
  margin: 0 35px 40px;
}
.page-node-27007 .view-id-evenements h2,
.page-node-26999 .view-id-evenements h2,
.page-node-26989 .view-id-evenements h2 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 36px;
}
.page-node-27007 .view-id-evenements .view-content:after,
.page-node-26999 .view-id-evenements .view-content:after,
.page-node-26989 .view-id-evenements .view-content:after {
  content: "";
  display: block;
  clear: both;
}
.page-node-27007 .view-id-evenements .view-content li .views-field-nothing,
.page-node-26999 .view-id-evenements .view-content li .views-field-nothing,
.page-node-26989 .view-id-evenements .view-content li .views-field-nothing {
  font-size: 14px;
}
.page-node-27007 .view-id-evenements .view-content li .views-field-nothing a,
.page-node-26999 .view-id-evenements .view-content li .views-field-nothing a,
.page-node-26989 .view-id-evenements .view-content li .views-field-nothing a {
  color: white;
}
.page-node-27007 .view-id-evenements .view-footer,
.page-node-26999 .view-id-evenements .view-footer,
.page-node-26989 .view-id-evenements .view-footer {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.page-node-27007 #block-socialstreampagesinterieures h2,
.page-node-26999 #block-socialstreampagesinterieures h2,
.page-node-26989 #block-socialstreampagesinterieures h2 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 36px;
}
.page-node-27007 .view-pages-enfants .view-content .views-row {
  width: calc(100% / 3 - 50px);
  margin: 0 2% 75px;
}
.page-node-26999 .view-pages-enfants .view-content .views-row {
  margin: 0 3% 75px;
}
.page-node-26989 .view-pages-enfants .view-content .views-row:not(:first-child) {
  margin: 0 3% 55px;
}
/* END PRO ESPASSE PRESSE */
/* PRO DE L'INFO */
.page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type {
  width: 100%;
  margin-bottom: 3em;
}
.page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type img {
  max-width: 390px;
  height: auto;
  border-radius: 6px 0 0 6px;
  background-color: #ffffff;
}
.page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type .item-content {
  border-radius: 0 6px 6px 0;
}
.page-node-26989 .view-pages-enfants .view-content .views-row:first-of-type .item-content:after {
  bottom: auto;
  left: auto;
  -webkit-transform: none;
          transform: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -17px;
}
.page-node-26989 #block-vousavezuneautredemande {
  clear: both;
}
/* FIN PRO DE L'INFO */
/* LISTE 1 COL */
#tpl-list-1col h1 {
  font-size: 36px;
  font-weight: bold;
  color: #525251;
  margin: 10px 0 15px;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  padding-bottom: 20px;
}
#tpl-list-1col form {
  background-color: #ecebe8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px 55px;
  margin: 20px 0;
}
#tpl-list-1col form select {
  border: 1px solid #b7b6b4;
  background-color: #ecebe8;
  width: 220px;
  height: 45px;
  display: block;
}
#tpl-list-1col .infos-content-wrapper p:not(:first-of-type) {
  margin-top: 30px;
}
#tpl-list-1col .content-1col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
}
#tpl-list-1col .content-1col li {
  border-bottom: 1px solid #e8e7e6;
  padding-bottom: 30px;
  padding-top: 30px;
}
#tpl-list-1col .content-1col .col:first-child {
  width: 125px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
#tpl-list-1col .content-1col .col:first-child img {
  width: 100%;
  height: auto;
}
#tpl-list-1col .content-1col .col:nth-child(2) {
  width: 855px;
  padding-left: 30px;
  padding-right: 85px;
}
#tpl-list-1col .content-1col .col:nth-child(3) {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#tpl-list-1col .content-1col .col h2 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 12px;
}
/* END LISTE 1 COL */
/* MEET US */
#tpl-meet-us {
  position: relative;
}
#tpl-meet-us .page-title {
  padding: 35px;
}
#tpl-meet-us .actions-content {
  top: 60px;
  right: 35px;
}
#tpl-meet-us .region-homepagecometocidj {
  overflow: initial;
  padding-bottom: 0;
}
#tpl-meet-us #block-cidjutilshphappensblock {
  padding: 0 35px;
  background-color: #faf9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: auto;
  padding-bottom: 90px;
}
#tpl-meet-us #block-cidjutilshphappensblock h3 {
  margin-top: 0;
  margin-bottom: 35px;
}
#tpl-meet-us #block-cidjutilshphappensblock #left-block {
  padding-top: 0;
  margin-top: 0;
  float: initial;
  width: 500px;
  text-align: center;
}
#tpl-meet-us #block-cidjutilshphappensblock #right-block {
  float: initial;
  width: 570px;
  padding-left: 0;
  margin-top: 90px;
}
#tpl-meet-us #block-cidjutilshphappensblock #right-block .item-happens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#tpl-meet-us #block-cidjutilshphappensblock #right-block .item-happens span {
  width: 68px;
  margin: 0 auto;
  display: block;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock {
  height: 850px;
  width: 1140px;
  background-color: #faf9f9;
  margin: 0 auto;
  margin-top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock #left-block {
  width: 30%;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock #left-block img {
  width: 320px;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock h2 {
  font-size: 36px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 70px;
  margin-bottom: 40px;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock .right-block ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  width: 415px;
  height: 65px;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock .right-block ul li img {
  margin-right: 20px;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock .right-block ul li a {
  text-decoration: none;
  color: #525251;
  margin-top: 20px;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock .right-block ul li ul li {
  margin: 0;
  height: initial;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock .right-block ul li ul li:before {
  background: url('../images/hp-picto-list.png') no-repeat center;
  content: "";
  display: block;
  float: left;
  margin: 0 6px 0 0;
  height: 15px;
  width: 10px;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock .texte-right {
  margin-bottom: 30px;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock #left-block {
  padding-top: 0;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock #left-block .btn-action {
  margin: 0 auto;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock #right-block {
  padding-left: 40px;
  margin-top: 0;
}
#tpl-meet-us #block-cidjutilshpcomecidjblock #right-block p {
  line-height: 24px;
}
#tpl-meet-us .region-homepagehappensincidj {
  background: none !important;
}
#tpl-meet-us + #bg-region-hp--meet-us {
  background: white;
}
#tpl-meet-us + #bg-region-hp--meet-us h2 {
  margin-top: 0;
  padding-top: 80px;
}
/* END MEET US */
/* POINT CIDJ FULL */
#tpl-cij-full #block-cidj-content {
  padding: 0 35px;
}

#tpl-cij-full .container {
  padding: 20px 10px;
  margin: 0px 10px;
}
#tpl-cij-full .container.actions {
  position: absolute;
  width: 100%;
  top: -75px;
}
#tpl-cij-full .row:before {
  display: table;
  content: " ";
}
#tpl-cij-full .row::after {
  clear: both;
}
#tpl-cij-full .row {
  display: flex;
  padding: 15px 0px 0px;
  margin: 0px -15px;
}

#tpl-cij-full .row.row-title {
  padding-bottom: 7.5px;
}

#tpl-cij-full .col-12 {
  width: 100%;
  padding: 0px 15px;
  position: relative;
}
#tpl-cij-full .col-6 {
  width: 50%;
  padding: 0px 15px;
  position: relative;
}
#tpl-cij-full #evenements-list li {
  margin-bottom: 15px;
  min-height: 50px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tpl-cij-full #evenements-list li a {
  text-decoration: underline;
  font-size: 14px;
  font-style: italic;
}

#tpl-cij-full .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#tpl-cij-full .title img {
  width: auto;
  height: 90px;
}
#tpl-cij-full h1 {
  color: #EE7220;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 10px;
}
#tpl-cij-full h2 {
  color: #EE7220;
  font-size: 19px;
  margin-bottom: 30px;
}
#tpl-cij-full h4 {
  color: #EE7220;
  font-size: 28px;
  font-weight: bold;
  width: 480px;
  margin-bottom: 2px;
  float: left;
}
#tpl-cij-full .infos-point-cij {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#tpl-cij-full .infos-point-cij li {
  width: 50%;
  display: flex;
}
#tpl-cij-full .infos-point-cij img {
  float: left;
  margin-right: 15px;
}
#tpl-cij-full .infos-point-cij a {
  text-decoration: none;
  color: #525251;
}
#tpl-cij-full .infos-point-cij h2 {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  margin-bottom: 2px;
  float: left;
}
#tpl-cij-full .horaires-point-cij,
#tpl-cij-full .siteweb-point-cij,
#tpl-cij-full .label-point-cij {
  margin: 20px 0;
}
#tpl-cij-full .label-point-cij#web_address a {
  color: #525251;
}
#tpl-cij-full .label-point-cij.evenements{
  margin-top: 0px;
}
#tpl-cij-full .label-point-cij.evenements h2{
  font-size: 2em !important;
}

#tpl-cij-full .horaires-point-cij h2,
#tpl-cij-full .siteweb-point-cij h2,
#tpl-cij-full .label-point-cij h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
#tpl-cij-full .infos-more-point-cij {
  text-align: center;
}
#tpl-cij-full .actions-content {
  width: 200px;
  margin-top: 0;
  position: relative;
  right: 0;
  margin-left: auto;
}
#tpl-cij-full .actions-content ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* margin-top: -165px;
  margin-right: 20px; */
}
#tpl-cij-full .actions-content ul li a {
  color: #525251 !important;
}
#tpl-cij-full .actions-content ul li.print a:before {
  background: url('../images/actions-print-black.png') no-repeat center;
}
#tpl-cij-full .actions-content ul li.save a:before {
  background: url('../images/actions-save-black.png') no-repeat center;
}
#tpl-cij-full .actions-content ul li.share a:before {
  background: url('../images/actions-share-black.png') no-repeat center;
}
/* END POINT CIDJ FULL */
/* SINGLE OFFRE D'EMPLOI */
.page-node-type-offre-de-stage .actions-content,
.page-node-type-offre-de-job-emploi-alternance .actions-content {
  top: 0;
  right: 35px;
}
.page-node-type-offre-de-stage .content-type-label,
.page-node-type-offre-de-job-emploi-alternance .content-type-label {
  color: #ee720e;
}
.page-node-type-offre-de-stage .layout-content,
.page-node-type-offre-de-job-emploi-alternance .layout-content {
  padding: 0;
}
.page-node-type-offre-de-stage .layout-content > .region-content,
.page-node-type-offre-de-job-emploi-alternance .layout-content > .region-content {
  position: relative;
}
.page-node-type-offre-de-stage .node--type-offre-de-stage,
.page-node-type-offre-de-job-emploi-alternance .node--type-offre-de-stage,
.page-node-type-offre-de-stage .node--type-offre-de-job-emploi-alternance,
.page-node-type-offre-de-job-emploi-alternance .node--type-offre-de-job-emploi-alternance {
  position: static;
}
.page-node-type-offre-de-stage .node--type-offre-de-stage h1,
.page-node-type-offre-de-job-emploi-alternance .node--type-offre-de-stage h1,
.page-node-type-offre-de-stage .node--type-offre-de-job-emploi-alternance h1,
.page-node-type-offre-de-job-emploi-alternance .node--type-offre-de-job-emploi-alternance h1 {
  padding-bottom: 0px;
}
.page-node-type-offre-de-stage #block-cidj-page-title .page-title,
.page-node-type-offre-de-job-emploi-alternance #block-cidj-page-title .page-title {
  padding-right: 290px;
  padding-left: 35px;
}
.page-node-type-offre-de-stage .job-ad-content,
.page-node-type-offre-de-job-emploi-alternance .job-ad-content {
  min-height: 544px;
  padding: 0 35px 40px;
}
.page-node-type-offre-de-stage .job-ad-content ul,
.page-node-type-offre-de-job-emploi-alternance .job-ad-content ul {
  margin-bottom: 20px;
  margin-top: 15px;
}
.page-node-type-offre-de-stage .job-ad-content ul li,
.page-node-type-offre-de-job-emploi-alternance .job-ad-content ul li {
  padding-left: 20px;
  margin-top: 15px;
}
.page-node-type-offre-de-stage .job-ad-content ul li:before,
.page-node-type-offre-de-job-emploi-alternance .job-ad-content ul li:before {
  content: "";
  border: solid #9990c5;
  border-width: 0 2px 2px 0;
  display: inline-block;
  vertical-align: middle;
  padding: 3px;
  margin-right: 10px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.page-node-type-offre-de-stage .job-ad-content p,
.page-node-type-offre-de-job-emploi-alternance .job-ad-content p {
  line-height: 1.6;
}
.page-node-type-offre-de-stage .job-ad-content .jbloc:not(:first-child),
.page-node-type-offre-de-job-emploi-alternance .job-ad-content .jbloc:not(:first-child) {
  margin-top: 40px;
}
.page-node-type-offre-de-stage .job-ad-title,
.page-node-type-offre-de-job-emploi-alternance .job-ad-title {
  font-family: 'Lato', Arial;
  font-weight: bold;
  color: #525251;
  font-size: 25px !important;
  margin-bottom: 8px;
}
.page-node-type-offre-de-stage .job-ad-sub,
.page-node-type-offre-de-job-emploi-alternance .job-ad-sub {
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
  margin-top: 30px;
}
.page-node-type-offre-de-stage .jbloc p:first-letter,
.page-node-type-offre-de-job-emploi-alternance .jbloc p:first-letter {
  text-transform: uppercase;
}
.page-node-type-offre-de-stage .job-ad-dl,
.page-node-type-offre-de-job-emploi-alternance .job-ad-dl {
  font-size: 100%;
}
.page-node-type-offre-de-stage .job-ad-dl dt,
.page-node-type-offre-de-job-emploi-alternance .job-ad-dl dt {
  font-weight: bold;
  float: left;
  clear: left;
  line-height: 1.9;
  margin-right: 5px;
}
.page-node-type-offre-de-stage .job-ad-dl dt:after,
.page-node-type-offre-de-job-emploi-alternance .job-ad-dl dt:after {
  content: " :";
}
.page-node-type-offre-de-stage .job-ad-dl dd,
.page-node-type-offre-de-job-emploi-alternance .job-ad-dl dd {
  line-height: 1.9;
}
.page-node-type-offre-de-stage .job-ad-dl dd.presentation,
.page-node-type-offre-de-job-emploi-alternance .job-ad-dl dd.presentation {
  display: block;
  line-height: 1.5;
  clear: left;
}
.page-node-type-offre-de-stage .location,
.page-node-type-offre-de-job-emploi-alternance .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-node-type-offre-de-stage .location-left,
.page-node-type-offre-de-job-emploi-alternance .location-left {
  background: #ecebe9;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 35px;
}
.page-node-type-offre-de-stage .location-right,
.page-node-type-offre-de-job-emploi-alternance .location-right {
  width: 50%;
  height: 280px;
}
.page-node-type-offre-de-stage .company-infos,
.page-node-type-offre-de-job-emploi-alternance .company-infos {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
}
.page-node-type-offre-de-stage .company-infos-image,
.page-node-type-offre-de-job-emploi-alternance .company-infos-image {
  width: 120px;
  margin-right: 25px;
}
.page-node-type-offre-de-stage .company-infos-image img,
.page-node-type-offre-de-job-emploi-alternance .company-infos-image img {
  width: 100%;
  height: auto;
}
.page-node-type-offre-de-stage .company-infos-desc,
.page-node-type-offre-de-job-emploi-alternance .company-infos-desc {
  font-size: 14px;
}
.page-node-type-offre-de-stage .company-infos-desc .company-type-labels,
.page-node-type-offre-de-job-emploi-alternance .company-infos-desc .company-type-labels {
  margin-bottom: 15px;
}
.page-node-type-offre-de-stage .company-infos-desc p,
.page-node-type-offre-de-job-emploi-alternance .company-infos-desc p {
  line-height: 1.4;
}
.page-node-type-offre-de-stage .company-infos-desc .date,
.page-node-type-offre-de-job-emploi-alternance .company-infos-desc .date {
  background: #ecebe9;
  padding: 5px 10px;
  display: inline-block;
  margin-top: 15px;
  border-radius: 4px;
}
.page-node-type-offre-de-stage .job-apply,
.page-node-type-offre-de-job-emploi-alternance .job-apply {
  background: url('../images/job-apply-circle.png') no-repeat bottom right #9990c5;
  padding: 70px 30px;
  text-align: center;
}
.page-node-type-offre-de-stage .job-apply h2,
.page-node-type-offre-de-job-emploi-alternance .job-apply h2 {
  text-transform: uppercase;
  color: white;
}
.page-node-type-offre-de-stage .job-apply .btn-action,
.page-node-type-offre-de-job-emploi-alternance .job-apply .btn-action {
  font-size: 20px;
  padding: 17px 93px;
}
.page-node-type-offre-de-stage .similar-offers,
.page-node-type-offre-de-job-emploi-alternance .similar-offers {
  text-align: center;
  padding-top: 40px;
  padding: 35px 35px 35px;
}
.page-node-type-offre-de-stage .similar-offers h2,
.page-node-type-offre-de-job-emploi-alternance .similar-offers h2 {
  text-transform: uppercase;
}
.page-node-type-offre-de-stage .similar-offers img,
.page-node-type-offre-de-job-emploi-alternance .similar-offers img {
  margin: 0 auto 15px;
}
.page-node-type-offre-de-stage .similar-offers .similar-offers-list,
.page-node-type-offre-de-job-emploi-alternance .similar-offers .similar-offers-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 70px;
}
.page-node-type-offre-de-stage .similar-offers .similar-offers-list .offer,
.page-node-type-offre-de-job-emploi-alternance .similar-offers .similar-offers-list .offer {
  width: calc(100% / 3 - 40px);
  margin: 0 20px;
}
.page-node-type-offre-de-stage .similar-offers .similar-offers-list .offer .similar-labels,
.page-node-type-offre-de-job-emploi-alternance .similar-offers .similar-offers-list .offer .similar-labels {
  margin-bottom: 10px;
}
.page-node-type-offre-de-stage .similar-offers .similar-offers-list .offer p,
.page-node-type-offre-de-job-emploi-alternance .similar-offers .similar-offers-list .offer p {
  line-height: 1.4;
}
.page-node-type-offre-de-stage .similar-offers .similar-offers-list .offer .date,
.page-node-type-offre-de-job-emploi-alternance .similar-offers .similar-offers-list .offer .date {
  margin: 8px 0 14px;
}
.page-node-type-offre-de-stage .similar-offers .similar-offers-list .offer .similar-title,
.page-node-type-offre-de-job-emploi-alternance .similar-offers .similar-offers-list .offer .similar-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.page-node-type-offre-de-stage .similar-offers .other-offers,
.page-node-type-offre-de-job-emploi-alternance .similar-offers .other-offers {
  font-size: 20px;
  padding: 14px 88px;
}
/* END SINGLE OFFRE D'EMPLOI */
/* ARTICLE LAYOUT */
.page-node-type-fiche-diplome #block-cidj-page-title,
.page-node-type-article #block-cidj-page-title,
.page-node-type-evenement #block-cidj-page-title,
.page-node-type-formation #block-cidj-page-title,
.page-node-type-article-les-ecoles-se-presentent #block-cidj-page-title,
.page-node-type-article-les-sejours-linguistique #block-cidj-page-title {
  padding-right: 290px;
  padding-left: 30px;
}
.page-node-type-fiche-diplome .actions-content,
.page-node-type-article .actions-content,
.page-node-type-evenement .actions-content,
.page-node-type-formation .actions-content,
.page-node-type-article-les-ecoles-se-presentent .actions-content,
.page-node-type-article-les-sejours-linguistique .actions-content {
  top: 0;
  right: 35px;
}
.page-node-type-fiche-diplome .node--type-article,
.page-node-type-article .node--type-article,
.page-node-type-evenement .node--type-article,
.page-node-type-formation .node--type-article,
.page-node-type-article-les-ecoles-se-presentent .node--type-article,
.page-node-type-article-les-sejours-linguistique .node--type-article {
  position: static;
}
.page-node-type-fiche-diplome .layout-content,
.page-node-type-article .layout-content,
.page-node-type-evenement .layout-content,
.page-node-type-formation .layout-content,
.page-node-type-article-les-ecoles-se-presentent .layout-content,
.page-node-type-article-les-sejours-linguistique .layout-content {
  padding: 0;
}
.page-node-type-fiche-diplome .layout-content > .region-content,
.page-node-type-article .layout-content > .region-content,
.page-node-type-evenement .layout-content > .region-content,
.page-node-type-formation .layout-content > .region-content,
.page-node-type-article-les-ecoles-se-presentent .layout-content > .region-content,
.page-node-type-article-les-sejours-linguistique .layout-content > .region-content {
  position: relative;
}
.page-node-type-fiche-diplome .article-tags,
.page-node-type-article .article-tags,
.page-node-type-evenement .article-tags,
.page-node-type-formation .article-tags,
.page-node-type-article-les-ecoles-se-presentent .article-tags,
.page-node-type-article-les-sejours-linguistique .article-tags {
  margin-top: -20px;
  margin-bottom: 30px;
  padding-left: 35px;
}
.page-node-type-fiche-diplome .body-wrapper-content,
.page-node-type-article .body-wrapper-content,
.page-node-type-evenement .body-wrapper-content,
.page-node-type-formation .body-wrapper-content,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content {
  padding: 0 35px 35px 35px;
  clear: both;
}
.page-node-type-fiche-diplome .body-wrapper-content .summary,
.page-node-type-article .body-wrapper-content .summary,
.page-node-type-evenement .body-wrapper-content .summary,
.page-node-type-formation .body-wrapper-content .summary,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .summary,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .summary {
  position: relative;
  margin-bottom: 30px;
}
.page-node-type-fiche-diplome .body-wrapper-content .summary .summary-text,
.page-node-type-article .body-wrapper-content .summary .summary-text,
.page-node-type-evenement .body-wrapper-content .summary .summary-text,
.page-node-type-formation .body-wrapper-content .summary .summary-text,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .summary .summary-text,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .summary .summary-text {
  background: #ecebe9;
  padding: 25px 40px;
  width: 650px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.page-node-type-fiche-diplome .body-wrapper-content .summary .summary-text.full-size,
.page-node-type-article .body-wrapper-content .summary .summary-text.full-size,
.page-node-type-evenement .body-wrapper-content .summary .summary-text.full-size,
.page-node-type-formation .body-wrapper-content .summary .summary-text.full-size,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .summary .summary-text.full-size,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .summary .summary-text.full-size {
  -webkit-transform: none;
          transform: none;
  position: relative;
  width: 100%;
}
.page-node-type-fiche-diplome .body-wrapper-content .summary .summary-text p,
.page-node-type-article .body-wrapper-content .summary .summary-text p,
.page-node-type-evenement .body-wrapper-content .summary .summary-text p,
.page-node-type-formation .body-wrapper-content .summary .summary-text p,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .summary .summary-text p,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .summary .summary-text p {
  font-size: 19px;
  line-height: 1.5;
  color: #525251;
  font-weight: bold;
}
.page-node-type-fiche-diplome .body-wrapper-content .summary .summary-text p:not(:first-of-type),
.page-node-type-article .body-wrapper-content .summary .summary-text p:not(:first-of-type),
.page-node-type-evenement .body-wrapper-content .summary .summary-text p:not(:first-of-type),
.page-node-type-formation .body-wrapper-content .summary .summary-text p:not(:first-of-type),
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .summary .summary-text p:not(:first-of-type),
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .summary .summary-text p:not(:first-of-type) {
  margin-top: 15px;
}
.page-node-type-fiche-diplome .body-wrapper-content .article-bloc:not(:first-child),
.page-node-type-article .body-wrapper-content .article-bloc:not(:first-child),
.page-node-type-evenement .body-wrapper-content .article-bloc:not(:first-child),
.page-node-type-formation .body-wrapper-content .article-bloc:not(:first-child),
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .article-bloc:not(:first-child),
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .article-bloc:not(:first-child) {
  margin-top: 40px;
}
.page-node-type-fiche-diplome .body-wrapper-content .article-title,
.page-node-type-article .body-wrapper-content .article-title,
.page-node-type-evenement .body-wrapper-content .article-title,
.page-node-type-formation .body-wrapper-content .article-title,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .article-title,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .article-title {
  font-family: 'Lato', Arial;
  font-weight: bold;
  color: #525251;
  font-size: 25px !important;
  margin-bottom: 15px;
}
.page-node-type-fiche-diplome .body-wrapper-content .video,
.page-node-type-article .body-wrapper-content .video,
.page-node-type-evenement .body-wrapper-content .video,
.page-node-type-formation .body-wrapper-content .video,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .video,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .video {
  padding: 20px 0;
  display: block;
  background: #525251;
  width: 1200px;
  margin-left: -35px;
}
.page-node-type-fiche-diplome .body-wrapper-content .video iframe,
.page-node-type-article .body-wrapper-content .video iframe,
.page-node-type-evenement .body-wrapper-content .video iframe,
.page-node-type-formation .body-wrapper-content .video iframe,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .video iframe,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .video iframe {
  margin: 0 auto;
  display: block;
}
.page-node-type-fiche-diplome .body-wrapper-content .more-infos,
.page-node-type-article .body-wrapper-content .more-infos,
.page-node-type-evenement .body-wrapper-content .more-infos,
.page-node-type-formation .body-wrapper-content .more-infos,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .more-infos,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .more-infos {
  background: #ee720e;
  width: 1200px;
  margin-left: -35px;
  padding: 50px 60px;
}
.page-node-type-fiche-diplome .body-wrapper-content .more-infos h2,
.page-node-type-article .body-wrapper-content .more-infos h2,
.page-node-type-evenement .body-wrapper-content .more-infos h2,
.page-node-type-formation .body-wrapper-content .more-infos h2,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .more-infos h2,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .more-infos h2 {
  color: white;
  font-size: 20px;
  margin-bottom: 15px;
  font-family: "Lato", arial;
  font-weight: bold;
}
.page-node-type-fiche-diplome .body-wrapper-content .more-infos p,
.page-node-type-article .body-wrapper-content .more-infos p,
.page-node-type-evenement .body-wrapper-content .more-infos p,
.page-node-type-formation .body-wrapper-content .more-infos p,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .more-infos p,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .more-infos p {
  color: white;
}
.page-node-type-fiche-diplome .body-wrapper-content .more-infos p:not(:first-of-type),
.page-node-type-article .body-wrapper-content .more-infos p:not(:first-of-type),
.page-node-type-evenement .body-wrapper-content .more-infos p:not(:first-of-type),
.page-node-type-formation .body-wrapper-content .more-infos p:not(:first-of-type),
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .more-infos p:not(:first-of-type),
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .more-infos p:not(:first-of-type) {
  margin-top: 5px;
}
.page-node-type-fiche-diplome .body-wrapper-content .credits,
.page-node-type-article .body-wrapper-content .credits,
.page-node-type-evenement .body-wrapper-content .credits,
.page-node-type-formation .body-wrapper-content .credits,
.page-node-type-article-les-ecoles-se-presentent .body-wrapper-content .credits,
.page-node-type-article-les-sejours-linguistique .body-wrapper-content .credits {
  font-size: 12px;
  margin: 30px 0 20px;
}
/* END ARTICLE LAYOUT */
/* FOOTER */
.footer_first {
  background-color: #ffffff;
}
.footer_first .region-footer-first {
  padding: 60px 0 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.footer_first .region-footer-first #block-blocklogofooter {
  margin-right: 35px;
}
.footer_first .region-footer-first #block-reseauxsociauxfooter {
  border-left: 1px solid #ecebe9;
  height: 25px;
  position: absolute;
  bottom: 8px;
}
.footer_first .region-footer-first #block-reseauxsociauxfooter ul:not(.contextual-links) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer_first .region-footer-first #block-reseauxsociauxfooter ul:not(.contextual-links) li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer_first .region-footer-first #block-logosfooter {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) li:nth-child(2) img {
  width: 65px;
  height: 112px;
}
.footer_first .region-footer-first #block-logosfooter ul:not(.contextual-links) li img {
  max-width: 140px;
  max-height: 110px;
  height: auto;
}



@media only screen and (max-width: 1200px) {

  .intercom-lightweight-app-launcher {
    bottom: 72px !important;
  }

  #sd-cmp{
    position: absolute;
    bottom: 64px;
    z-index: 502;
  }
  .footer_mobile {
    position: fixed;
    width: 100%;
    height: 60px;
    background: #FFFFFFEA;
    z-index: 601;
    transition: all 1s;
    border-radius: 25px 25px 0 0;
    box-shadow: 0px -3px 6px #0000001A;
  }

  .hide {
    opacity:0;
    bottom: -100%;
  }
  .show {
    opacity:1;
    bottom:-1px;
  }

  ul.menu.footer_mobile_display {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex: 1 1 0%;
    overflow: hidden;
    height: 60px;
    color: #000;
    margin-left: 0px;
  }

  li.menu-item.footer_item_mobile a{
    color: #000000;
  }

  li.menu-item.footer_item_mobile {
    text-align: -webkit-center;
    font-size: 10px;
    margin: 10px 0 0 0;
    width: 58px;
  }
}

@media only screen and (min-width: 1200px) {

  .footer_mobile {
    display: none;
  }
}

.footer-more-info {
  position: relative;
  background-color: #ecebe9;
}
.footer-more-info .region-footer-secondary {
  width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-more-info .region-footer-secondary .region-footer-second {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-more-info .region-footer-secondary .region-footer-second .copyright-cidj {
  margin: auto;
}
.footer-more-info .region-footer-secondary .region-footer-second #block-cidj-footer {
  padding: 20px 0 25px 0;
}
.footer-more-info .region-footer-secondary .region-footer-second #block-cidj-footer ul {
  text-align: center;
}
.footer-more-info .region-footer-secondary .region-footer-second #block-cidj-footer ul li {
  display: inline-block;
}
.footer-more-info .region-footer-secondary .region-footer-second #block-cidj-footer ul li a {
  text-decoration: none;
  font-size: 90%;
  color: #191919;
}
.footer-more-info .region-footer-secondary .region-footer-second #block-cidj-footer ul li:not(:first-child) {
  margin-left: 25px;
}
.footer-more-info .region-footer-secondary .region.region-footer-copyright {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-more-info .region-footer-secondary .region.region-footer-copyright .copyright-cidj {
  margin: auto;
  color: #191919;
}
/* Home */
body.path-frontpage main {
  padding: initial;
  width: auto;
  margin: auto;
}
body.path-frontpage .layout-content {
  padding: 0;
}
body.page-node-type-fiche-metier #block-cidj-breadcrumbs {
  z-index: 1;
}
body.page-node-type-fiche-metier #block-cidj-breadcrumbs li,
body.page-node-type-fiche-metier #block-cidj-breadcrumbs a {
  color: #fff;
}
.more-link-videos {
  margin: 0 auto;
  width: 190px;
}
/* Liste actus / evenements Home page + page listing */
#block-views-block-liste-actus-block-1,
.view-id-liste_actus,
.view-id-videos {
  position: relative;
}
#block-views-block-liste-actus-block-1 .view-content ul li,
.view-id-liste_actus .view-content ul li,
.view-id-videos .view-content ul li {
  margin: 0;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  width: 335px;
  margin: 0 1.4% 3em;
  background-color: #ffffff;
  text-align: center;
  height: 240px;
  position: relative;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content:before,
.view-id-liste_actus .view-content ul li .field-content:before,
.view-id-videos .view-content ul li .field-content:before {
  content: '';
  background: linear-gradient(0deg, rgba(255,255,255,0.25), rgba(255,255,255,0.1)),
    url('../images/mask-actu-accueil.png') bottom center repeat-x;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 5px;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content img,
.view-id-liste_actus .view-content ul li .field-content img,
.view-id-videos .view-content ul li .field-content img {
  width: 100%;
  border-radius: 5px;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content .contenu-actu,
.view-id-liste_actus .view-content ul li .field-content .contenu-actu,
.view-id-videos .view-content ul li .field-content .contenu-actu {
  padding: 1em;
  position: absolute;
  top: 20px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  left: 50%;
  width: 100%;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content .contenu-actu h4,
.view-id-liste_actus .view-content ul li .field-content .contenu-actu h4,
.view-id-videos .view-content ul li .field-content .contenu-actu h4 {
  text-align: center;
  border-bottom: 3px solid #ee720e;
  margin: 0 auto;
  padding-bottom: 1px;
  display: inline-block;
  font-family: 'Lato', Arial;
  text-transform: uppercase;
  margin-bottom: 1em;
  color: #ffffff;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content .contenu-actu .date,
.view-id-liste_actus .view-content ul li .field-content .contenu-actu .date,
.view-id-videos .view-content ul li .field-content .contenu-actu .date {
  display: block;
  margin-bottom: 0.7em;
  color: #ffffff;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content .contenu-actu h3,
.view-id-liste_actus .view-content ul li .field-content .contenu-actu h3,
.view-id-videos .view-content ul li .field-content .contenu-actu h3 {
  font-size: 1.2em;
  line-height: 1.2em;
  color: #ffffff;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content .contenu-actu h3 a,
.view-id-liste_actus .view-content ul li .field-content .contenu-actu h3 a,
.view-id-videos .view-content ul li .field-content .contenu-actu h3 a {
  color: #ffffff;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content > a,
.view-id-liste_actus .view-content ul li .field-content > a,
.view-id-videos .view-content ul li .field-content > a {
  content: "";
  width: 60px;
  height: 60px;
  background: url('../images/hp-plus.png') center no-repeat;
  position: absolute;
  bottom: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: -1000px;
  overflow: hidden;
}
#block-views-block-liste-actus-block-1 .view-content ul li .field-content .views-field-type span,
.view-id-liste_actus .view-content ul li .field-content .views-field-type span,
.view-id-videos .view-content ul li .field-content .views-field-type span {
  border-bottom: 3px solid #ee720e;
  text-transform: uppercase;
}
.more-like-contents ul li img {
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -o-filter: brightness(50%);
  -ms-filter: brightness(50%);
}
.node--view-mode-full .body-wrapper-content ul {
  list-style: initial;
  padding-left: 1em;
}
/* Particularités Homepage */
#block-views-block-liste-actus-block-1 {
  background: url('../images/bg-gris-cercles.png') no-repeat scroll top center #ecebe9;
  padding: 4em 3em;
  /* Encard pub */
  /* Lien tout afficher */
}
#block-views-block-liste-actus-block-1 .view-content .item-list ul li:nth-child(2) {
  margin-right: 200px;
}
#block-views-block-liste-actus-block-1 .view-content .item-list ul li:nth-child(5) {
  margin-right: 0;
}
#block-views-block-liste-actus-block-1 .view-header {
  position: absolute;
  top: 0;
  right: 0.7em;
  background-color: #ee720e;
}
#block-views-block-liste-actus-block-1 .more-link {
  text-align: center;
}
#block-views-block-liste-actus-block-1 .more-link a {
  background-color: #ee720e;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 25px;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  display: inline-block;
}
#block-views-block-liste-actus-block-1 .more-link a a {
  color: white;
}
/* Particularités Liste actus */
.view-id-liste_actus .view-content .item-list ul li {
  background-color: #ecebe9;
}
.menu-mobile,
.region-header .menu--main ul > li:last-child, .region-header .menu--main ul > li:nth-last-child(2) {
  display: none;
}

#block-cidj-content {
  position: relative;
}
.field--name-field-video-youtube {
  margin: 2em 0;
}
.page--node--id-46693 input[type="search"] {
  width: 400px;
  height: 38px;
  margin-top: 40px;
  padding: 10px;
  padding-left: 50px;
  padding-right: 170px;
  border-radius: 5px;
  border: 1px solid #efefef;
}
.page--node--id-46693 #search-block-form:before {
  background: url('../images/search-picto.jpg') no-repeat center;
  content: "";
  position: absolute;
  margin: 0 6px 0 0;
  height: 32px;
  width: 32px;
  top: 75px;
  left: 15px;
}
.page--node--id-46693 #edit-actions input#edit-submit,
.page--node--id-46693 #edit-actions--2 input#edit-submit,
.page--node--id-46693 #edit-actions input#edit-submit--2,
.page--node--id-46693 #edit-actions--2 input#edit-submit--2 {
  background: #EE720E;
  border: 0;
  border-radius: 5px;
  color: #ffffff;
  height: 45px;
  width: 145px;
  font-size: 1.2em;
}
.page-node-type-evenement .footer-wrapper-content .col-right,
.page-node-type-formation .footer-wrapper-content .col-right  {
  width: 780px;
  background-color: #ecebe8;
}
.page-node-type-evenement .footer-wrapper-content .col-right .clean-date-event span,
.page-node-type-formation .footer-wrapper-content .col-right .clean-date-event span {
  background-color: #ee720e;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 25px;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'gotham_boldregular', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  display: inline-block;
}
.page-node-type-evenement .footer-wrapper-content .col-right .clean-date-event span a, 
.page-node-type-formation .footer-wrapper-content .col-right .clean-date-event span a {
  color: white;
}
.page-node-type-page .actions-content {
  top: -140px;
  right: 35px;
}
.infos-offers-count {
  margin: 20px 0;
}
.a2a_dd.addtoany_share_save .a2a_s__default,
article .node__content span.addtoany_list {
  display: none;
}
.infos-result-search {
  padding: 35px 0 10px 0;
}
.view-id-moteur_de_recherche_solr .views-row {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e7e6e5;
  min-height: 340px;
}
.view-id-moteur_de_recherche_solr .btn-more-link {
  margin-top: 20px;
  position: absolute;
  right: 0;
}
.view-id-moteur_de_recherche_solr .sr .sr-image {
  min-height: 280px;
}
.view-id-moteur_de_recherche_solr .text-orange {
  margin-bottom: 10px;
}
.article-blocs ul {
  list-style: inherit;
  margin-left: 18px;
}
#tpl-list-jobs .content-1col .col h2 a {
  color: #525251;
}
#tpl-list-jobs .content-1col .col h2 {
  font-weight: bold;
  font-family: 'Lato', Arial;
  font-size: 20px;
  margin-bottom: 4px;
}
.view-id-videos h2 a {
  font-size: 1.2em !important;
  line-height: 1.2em !important;
  color: #FFFFFF !important;
}
.view-id-videos h2 {
  font-size: 1.2em !important;
}
.node--view-mode-full .body-wrapper-content .col-left .field-liens-externes {
  list-style: none;
}
.more-like-contents ul li article > a {
  height: 60px;
  width: 60px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: -30px;
  z-index: 1;
  text-indent: -555555px;
}
/* start faq page */
.view-id-faq .views-row {
  background-color: #ecebe9;
  margin-bottom: 25px;
  padding: 30px 160px 30px 30px;
  position: relative;
  cursor: pointer;
}
.view-id-faq .views-row span.not-active-faq {
  width: 0px;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #525251;
  position: absolute;
  right: 25px;
  top: 30px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.view-id-faq .views-row span.active-faq {
  width: 0px;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #525251;
  position: absolute;
  right: 25px;
  top: 30px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.view-id-faq .views-row .content-faq {
  display: none;
}
.view-id-faq .views-row h2 {
  font-size: 18px;
  margin-bottom: 10px;
}
/* end start faq page */
/* v2 page nous rencontrer */
#list-reseau-nous-rencontrer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#list-reseau-nous-rencontrer img {
  opacity: .4;
  border-radius: 10px;
}
#list-reseau-nous-rencontrer .left-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#list-reseau-nous-rencontrer .left-col a {
  color: #fff;
  position: absolute;
  -webkit-transform: translateX(-58%);
          transform: translateX(-58%);
  left: 50%;
  top: 32%;
  font-size: 24px;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  z-index: 1;
}
#list-reseau-nous-rencontrer .left-col li .views-row {
  position: relative;
  margin-bottom: 18px;
  margin-right: 18px;
  margin-left: 18px;
  background: black;
  border-radius: 10px;
}
#list-reseau-nous-rencontrer .left-col a:after {
  content: "";
  display: block;
  width: 36px;
  height: 37px;
  background: url(../images/svg/circle-arrow-orange.svg) no-repeat;
  float: right;
  top: 0;
  position: absolute;
  right: 3%;
}
#list-reseau-nous-rencontrer .left-col a h2 {
  margin-top: 3px;
}
#list-reseau-nous-rencontrer .right-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#list-reseau-nous-rencontrer .right-col a {
  color: #fff;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  top: 30%;
  font-size: 24px;
  text-transform: uppercase;
  width: 60%;
  text-align: center;
  z-index: 1;
}
#list-reseau-nous-rencontrer .right-col .views-row {
  position: relative;
  margin-right: 18px;
  background: black;
  border-radius: 10px;
}
#list-reseau-nous-rencontrer .right-col a:after {
  content: "";
  display: block;
  width: 36px;
  height: 37px;
  background: url(../images/svg/circle-arrow-orange.svg) no-repeat;
  margin: 15px auto 0;
}
.map-meet-us .legend-map {
  background: none !important;
  right: 0px !important;
  bottom: 0px;
}
.map-meet-us .arrow-map {
  background-color: #f1f1f1;
  width: 100%;
}
.map-meet-us .arrow-map form {
  margin: 0 auto;
  position: relative;
  width: 440px;
}
.map-meet-us .arrow-map form .form-item-field-code-postal-value {
  width: 665px;
}
.map-meet-us .arrow-map form label {
  font-weight: bold !important;
  width: 260px !important;
  font-size: 18px;
  text-transform: uppercase;
  text-align: right;
  display: inline-block;
  position: relative;
  margin-top: -17px;
  top: 18px;
}
.map-meet-us .description {
  text-align: left;
  margin-left: 66px;
  margin-left: 12px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  margin-top: -15px;
}
.map-meet-us form input[type="text"] {
  width: 150px !important;
  border: 1px solid #525251 !important;
  height: 50px !important;
  margin-bottom: -8px !important;
  padding-top: 7px !important;
  padding: 11px 15px;
  font-size: 15px;
  background: 0 0;
  font-style: italic;
  margin-left: 8px;
  border-radius: 5px;
}
.map-meet-us form .form-submit {
  margin-top: 0 !important;
  padding: 13px 15px !important;
  margin-left: -8px !important;
  position: relative;
  right: 3%;
  bottom: 1px;
}
.map-meet-us .form-item-field-code-postal-value {
  position: relative;
}
.map-meet-us .cidj-filter {
  padding: 45px 0;
  margin-left: 100px;
}
.map-meet-us .arrow-map img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 401;
}
.map-meet-us .wrapper-filters-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 1200px;
  margin: 0 auto;
  padding: 0 35px;
}
.map-meet-us .separator-filter {
  margin-top: 75px;
  font-weight: bold;
  font-size: 18px;
}
.map-meet-us .geolocalize-filter {
  margin-top: 60px;
  margin-left: 20px;
  z-index: 1;
}
.map-meet-us .geolocalize-filter .btn-action {
  height: 50px;
  padding: 15px 40px;
  cursor: pointer;
}
.map-meet-us .form-actions {
  position: absolute;
  right: 15px;
}
.map-meet-us .wrapper-header-map {
  margin-bottom: 110px;
}
.map-meet-us .filter-country {
  cursor: pointer;
}
.leaflet-container .btn-action {
  color: #fff !important;
  margin-top: 5px;
}
.region-homepagemeetus .map-meet-us .leaflet-top,
.region-homepagemeetus .map-meet-us .leaflet-bottom {
  z-index: 501;
}
.leaflet-bottom .leaflet-control.leaflet-control-info {
  margin-bottom: 0px;
}

.leaflet-control-info .container {
  padding: 20px 10px;
  margin: 0px 10px;
  height: 80%;
  overflow: hidden auto;
}
.leaflet-control-info .row {
  margin: 10px -10px;
  display: flex;
}
.leaflet-control-info .row:before {
  display: table;
  content: " ";
}
.leaflet-control-info .row::after {
  clear: both;
}
.leaflet-control-info .col-6 {
  position: relative;
  float: left;
  width: 48%;
  padding: 10px;
  margin: 0px 1%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #0000001A;
  flex-direction: column;
  display: flex;
}

.leaflet-control-info .text-title {
  font-size: 18px;
  font-weight: 900;
  text-align: left;
  color: #EE7220;
}
.leaflet-control-info .text-telephone,
.leaflet-control-info .text-locality {
  font-size: 14px;
  text-align: left;
}

.leaflet-control-info .info-container {
  height: 100%;
  overflow: hidden auto;
}

.leaflet-control-info .divSearch {
  width: 85%;
  margin: 10px auto !important;
}

.leaflet-control-info .spanSearch {
  font-size: 14px;
  font-weight: 300;
  display: block;
  text-align: left;
  padding: 0px 5px;
  font-weight: normal;
  font-style: italic;
}

.leaflet-control-info div {
  margin: 5px 10px;
  color: #000000;
}
.leaflet-control-info div#button-close {
  width: 100%;
  font-size: 16px;
  font-weight: 900;
  margin: 0px;
}
.leaflet-control-info div#button-close button {
  width: 100%;
  border: none;
  height: 60px;
}
.leaflet-control-info div#button-close button i {
  margin-left: 15px;
  color: #EE7220;
}

.leaflet-control-info div#button-close .open,
.leaflet-control-info div#button-close .close {
  position: relative;
}

.leaflet-control-info {
  width: 476px;
  text-align: center;
}

.leaflet-control-info,
.leaflet-control-info div#button-close,
.leaflet-control-info div#button-close button {
  border-radius: 10px 10px 0px 0px;
}

.leaflet-control-info,
.leaflet-control-info div#button-close button {
  background-color: #ffffff;
}

/* end v2 page nous rencontrer */
/* list partenaire */
#block-cidjutilslistpartenairesblock {
  background-color: #ecebe9;
  margin: 20px 0;
}
#block-cidjutilslistpartenairesblock #list-partenaires {
  padding: 30px 60px;
}
#block-cidjutilslistpartenairesblock #list-partenaires h4 {
  text-align: center;
  color: #525251;
  font-size: 25px;
  font-weight: bold;
  font-family: gotham;
  margin-bottom: 15px;
}
#block-cidjutilslistpartenairesblock #list-partenaires ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 89%;
  margin: 0 auto;
  list-style: none;
  padding-left: 0;
}
#block-cidjutilslistpartenairesblock #list-partenaires ul li {
  margin: 20px;
}
/* end list partenaire */
.page-node-type-fiche-partenaire-evenement .article-bloc {
  margin: 30px 0px;
  line-height: 1.5;
  width: 80%;
}
.page-node-type-fiche-partenaire-evenement .image-logo-content img {
  float: left;
  margin-right: 20px;
}
/* bloc list item vert page nous rencontrer */
#list-picto-vert .list-items {
  margin-top: 115px;
  margin-left: 25px;
}
#list-picto-vert .list-items li {
  width: 215px;
  height: 160px;
  background-color: #9ec864;
  margin: 2px;
  text-align: center;
  padding-top: 7%;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  min-height: 45px;
  margin-bottom: 30px;
}
#list-picto-vert .list-items li .item-happens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#list-picto-vert .list-items li .item-happens a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding-top: 15px;
}
#list-picto-vert .list-items li .item-happens a h3 {
  padding-top: 10px !important;
}
#list-picto-vert .list-items li .item-happens a img {
  margin: 0 auto;
}
.page-node-24346 #block-cidjutilshpcomecidjblock .btn-more-link {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
/* liens sponsorise bloc orange */
.sponso ul {
  padding-left: 0 !important;
  margin-top: 28px;
}
.sponso ul h5 {
  font-weight: bold;
}
.sponso ul p {
  margin-top: 0px !important;
}
.more-like-contents {
  clear: both;
}
.advertising-wrapper {
  display: none;
}
.disabled, .btn-action.disabled:hover {
  background-color: #cccccc !important;
  color: #666666 !important;
  cursor: default;
}

@media only screen and (max-width: 800px) {
  [class*="node--type"] .field--type-image {
    float: none !important;
  }

  [class*="page-node"] .node__content .field--name-field-chapeau,
  [class*="page-node-type"] .body-wrapper-content .summary .summary-text,
  [class*="node--type"] .node__content .affichage_chapeau .field--name-field-chapeau {
    position: relative !important;
    width: 100% !important;
    top: 15px !important;
    -webkit-transform: none !important;
    transform: none !important;
    margin-bottom: 30px !important;
  }
}

a#button-participer {
    padding: 15px 36px;
    display: inline-block;
    font-family: 'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #dd2c00;
    text-decoration: none;
    background-color: #fff;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
}

iframe.iframe-mailjet {
  min-height: 100vh;
}