:root {
  --color-dark-greed: #008D3F;
  --color-text-light: #474646;
  --color-candidat: #AA5799;
  --color-salarie: #2D8CCB;
  --color-employeur: #F36B0F;
  --color-link: #DF942F;
  /*--color-air: #2CBDEB;*/
  /*--color-energie: #E00637;*/
}
.help.gav-help-region{
  display: none !important;
}
.navigation .gva_menu > li > a {
  color: var(--color-text-light)
}

h2 {
  color: var(--color-text-light)
}

h1,h2,h3,h4,h5,h6{
  font-family: "Arial", sans-serif;
}

body{
  font-family: "roboto", sans-serif;
  font-size: 12pt;
  font-weight: 400;
  line-height: 1.40;
  color: #3a3a3a;
}

blockquote {
  border-left: solid 3px var(--color-dark-greed);
  padding-left: 10px;
}

li::marker {
  color: var(--color-dark-greed);
}
a.gsc-button:hover{
  text-decoration: none;
}
/*Header*/
header.header-2 .main-menu{
  background: var(--color-dark-greed);
}
.header-title .hidden-title{
  display: none;
}
.site-branding__slogan{
  font-size: 30px;
}
.menu--connexion li a[gva_class="candidat_connexion"]:before{
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  color:#AA5799
}
.menu--connexion li a[gva_class="employeur_connexion"]:before{
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  color:#F36B0F
}
.menu--connexion li a[gva_class="salarie_connexion"]:before{
  content: "\f007";
  font-family: "Font Awesome 5 Free";
  color:#2D8CCB;
}
.menu--connexion .gva_menu > li > a{
  padding-left: 0;
  padding-right: 26px;
  font-weight: 500;
}
.site-branding__slogan{
  color: var(--color-text-light) ;
}
.site-branding__text{
  padding: 15px 20px;
}
header.header-2 .main-menu .navigation .gva_menu > li > a{
  border: solid 2px var(--color-dark-greed);
}
header.header-2 .main-menu .navigation .gva_menu > li > a:hover,
header.header-2 .main-menu .navigation .gva_menu > li > a:focus{
  background-color: white;
  color: var(--color-link) !important;
  border: solid 2px var(--color-link);
}
header.header-2 .main-menu .navigation .gva_menu > li > a{
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
/*.slog{*/
/*  padding: 0;*/

.header-2 .container{
  max-width: 1350px;
}

/*Body*/
.gsc-image-content.skin-v2 .box-content{
  background: var(--color-dark-greed);
  padding: 1px 0;
  color: white;
  height: 40px;
}
.gsc-image-content.skin-v2{
  max-width: 100%;
}
.gsc-image-content.skin-v2 .image{
  height: 16rem;
}
/*.gsc-button.medium{*/
/*  border-radius: 5px;*/
/*  padding: 6px 24px;*/
/*  background-color: #DF942F;*/
/*  border: 3px solid #DF942F;*/
/*  color: white;*/
/*  font-size: 1em;*/
/*  height: 32px;*/
/*  line-height: 1em;*/
/*  text-transform: uppercase;*/
/*  font-weight: 100;*/
/*}*/

.gsc-button.medium{background:#DF942F;color:black;padding:12px 18px;border-radius:999px;font-weight:500;cursor:pointer;
  font-size: 14px;
  border: 3px solid #DF942F;
  letter-spacing: 1px;
  text-transform: none;
  padding: 10px;
}
.header-je-suis{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#edit-message{
  min-height: 145px;
}
.webform-submission-form .form-item input{
  border-radius: 8px;
}
#qui-sommes-nous .skin-v2 .image{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#qui-sommes-nous .skin-v2 .box-content{
  display: flex;
  justify-content: center;
  align-items: center;
}
#qui-sommes-nous .skin-v2 .box-content .desc p {
  margin: 0;
}
#qui-sommes-nous .gsc-image-content.skin-v2 .box-content .desc{
  margin: 0;
}
.gsc-button.medium:hover{
  background-color: white;
  border: 3px solid #DF942F;
  color: #DF942F;
}
.candidat .gsc-button.medium{
  background-color: var(--color-candidat) !important;
  border: 3px solid var(--color-candidat) !important;
  color: white !important;
}
.employeur .gsc-button.medium{
  background-color: var(--color-employeur) !important;
  border: 3px solid var(--color-employeur) !important;
  color: white !important;
}
.salarie .gsc-button.medium{
  background-color: var(--color-salarie) !important;
  border: 3px solid var(--color-salarie) !important;
  color: white !important;
}
.candidat .gsc-button.medium:hover{
  background-color: white !important;
  border: 3px solid var(--color-candidat) !important;
  color: var(--color-candidat) !important;
}
.salarie .gsc-button.medium:hover{
  background-color: white !important;
  border: 3px solid var(--color-salarie) !important;
  color: var(--color-salarie) !important;
}
.employeur .gsc-button.medium:hover{
  background-color: white !important;
  border: 3px solid var(--color-employeur) !important;
  color: var(--color-employeur) !important;
}
.slider-actu .views-field-field-image img{
  width: 100%;
}
.slider-actu .views-field-title a{
  font-size: 22px;
  line-height: normal;
}
.slider-actu{
  background-color: white;
  border-radius: 5px;
}
.slider-actu .views-field-title,
.slider-actu .views-field-body{
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 6px 0 6px 0;
}
.map_canvas{
  height: 350px;
}


/*Footer*/
.footer-four .menu--menu-footer .gva_menu{
  display: flex;
}
#footer{
  background: var(--color-dark-greed);
  color: white;
}
#footer .footer-center{
  padding: 0;
}
#footer a{
  color: white;
}
#footer .navigation .gva_menu > li > a{
  padding: 20px 10px;
}
#footer p{
  padding: 20px 20px;
  margin: 0;
}
.logo-header{
  border-right:solid 1px #cecece;
}
.gva-navigation .custom-item.candidat .fa-user{
  color: var(--color-candidat);
}

.custom-item.instagram,
.custom-item.facebook,
.custom-item.linkedin {
padding-right: 0 !important;

}
.gva-navigation .custom-item.salarie .fa-user{
  color: var(--color-salarie);
}
.gva-navigation .custom-item.employeur .fa-user{
  color: var(--color-employeur);
}
.navigation .gva_menu > li > a:hover,
.navigation .gva_menu > li > a:after,
.navigation .gva_menu > li > a:active
{
  text-decoration: none;
  color: var(--color-link);
}
a:hover,
a:focus,
a:active
{
  color: var(--color-link);
  text-decoration: underline;
}
a[href]{
  color: var(--color-link);
}
.node--type-article.content.content-full{
  margin-top: 1rem;
}
.sidebar-right{
  margin-top: 6rem;
}
/*.menu--connexion .gva_menu li.menu-item{*/
/*  display: flex;*/
/*}*/
/*.menu--connexion .menu-item .fas.fa-user{*/
/*  padding: 35px 20px;*/
/*}*/
.card-je-suis{
  margin:0 5px 0 5px;
  text-align: center;
}
.navigation .gva_menu > li .custom-item.candidat,
.navigation .gva_menu > li .custom-item.salarie,
.navigation .gva_menu > li .custom-item.employeur,
.navigation .gva_menu > li .custom-item.facebook,
.navigation .gva_menu > li .custom-item.instagram,
.navigation .gva_menu > li .custom-item.linkedin{
  display: flex;
}
.custom-item.facebook p,
.custom-item.instagram p,
.custom-item.linkedin p{
  display: none;
}
.custom-item.facebook .fab.fa-facebook-f,
.custom-item.instagram .fab.fa-instagram,
.custom-item.linkedin .fab.fa-linkedin
{
  border-radius: 100%;
  background-color: #404040;
  height: 35px;
  width: 35px;
  padding-top: 9px;
  color: white;
}
.owl-carousel .owl-nav{
  opacity: initial;
}
.owl-carousel .owl-nav > div.owl-prev{
  left: -4rem !important;
}
.owl-carousel .owl-nav > div.owl-next{
  right: -4rem !important;
}
.owl-carousel .owl-nav > div {
  background-color: white;
  border-radius: 100%;
  border: solid 2px #FAB673;
}
.owl-carousel .owl-nav > div i{
  color: #FAB673;
  bottom: 2px;
  position: relative;
  font-size: 3em;
}
.owl-carousel .owl-nav > div i.fas.fa-caret-left{
  bottom: 2px;
  position: relative;
  right: 3px;
}
.owl-carousel .owl-nav > div i.fas.fa-caret-right{
  bottom: 2px;
  position: relative;
  left: 3px;
}
.owl-carousel .owl-nav > div:hover {
  background: #FAB673;
  border: solid 2px white;
}
.slider-actu .views-field.views-field-body{
  height: 7rem;
}
.slider-actu-accueil .gsc-button.medium{
  float: right;
  position: relative;
  top: 2rem;
  border: solid 2px #DF942F !important;
  background-color: white;
  color: #DF942F !important;
}
.field--name-field-tags.field--type-entity-reference{
  height: 3rem;
}
.block-views-blockpost-other-block-1 .block-title{
  background-color: #008D3F;
  color: white;
  padding: 30px;
  text-align: center;
  margin-bottom: 0;
}
.post-list-small-3{
  padding: 20px;
}
.sidebar .block-views-blockpost-other-block-1{
  padding: 0;
}
.block-views-blockpost-other-block-1 .item-list ul li.view-list-item{
  margin: 0;
}
.info-contact-accueil{

  background-color: var(--color-dark-greed);
  border-radius: 0 0px 10px 10px;
  /*width: 27rem;*/
  /*bottom: 6rem;*/
  position: relative;
  z-index: 99;
  min-height: 3rem;
}
.node-detail .field--name-field-tags .field__item a:hover,
.node-detail .field--name-field-tags .field__item a:focus,
.node-detail .field--name-field-tags .field__item a:active{
  background: white;
  color: var(--color-link);
  border: solid 1px;
}
.info-contact-accueil .row{
  margin: 0;
}
.adresse,.num,.email{
  display: flex;
  margin-top: 13px;
}
.adresse p,.num p,.email p{
  margin: 0;
  margin-left: 5px;
  color: white;
  font-size: 15px;
}
.webform-submission-form .form-item label{
  font-size: 15px;
}
.adresse .fas.fa-map-marker-alt{
  margin-top: 4px;
}
.email .fas.fa-envelope{
  margin-top: 4px;
}
/*Offres */
/*
  Elements de styles des blocs d'offres affichés en page d'accueil
*/
#types-contrats .form-item.form-type-checkbox{
  display: flex;
}
#types-contrats .form-item.form-type-checkbox input{
  margin-right: 10px;
}
#types-contrats .form-item.form-type-checkbox label {
  font-weight: 300;
}
#types-contrats span {
  font-weight: 600;
}

#formations ,
#localisation ,
#zone-recherche ,
#reference ,
#secteurs-production{
  margin-top: 1rem;
}

#page-en-cours {

}
#types-contrats label{
  margin-top: 0px;
}
#form-search-offre input[type=checkbox]{
  font-family: system-ui, sans-serif;
  /* font-size: 2rem; */
  font-weight: bold;
  line-height: 1.1;
  display: grid
;
  grid-template-columns: 1em auto;
  gap: 0.1em;
}

#types-contrats .form-type-checkbox{
  margin-top: 5px;
}
#form-search-offre{
  background-color: #FCFCFC;
  padding-top: 1rem;
}
/*#form-search-offre input[type=checkbox]:hover{*/
/*  border: 3px solid #ccc;*/
/*}*/
#formations label,
#localisation label,
#zone-recherche label,
#reference label,
#secteurs-production label


{
  padding-left: 0;
}
#localisation input{
  width: 100%;
}
#latest-job-offers-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.container-results{
  background-color: #FCFCFC;
  padding: 15px;
}
#nb-results{
  font-weight: bold;
}
.offer-card {
  display: flex;
  min-height: 200px;
}
.container-liste-tri-offres,
.container-liste-pagination-offres{
  display: flex;
  padding: 0;
  flex-direction: column;
}
.container-liste-tri-pagination{
  justify-content: space-between;
}
.pagination .disabled

{
display: none;
}
.btn-pagination-offre{
  margin-right: 2rem;
  margin-left: 2rem;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  padding: 9px 12px;
  background-color: var(--color-link);
  color: white;
  position: relative;
  /* text-align: center; */
  display: flex;
  align-items: center;
  border: 3px solid var(--color-link);

}
#page-suivante{
  margin-right: 1rem;
}
#page-precedente{
  margin-left: 1rem;
}
.pagination{
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}
.pagination .fa{
  font: normal normal normal 32px / 1 FontAwesome;
}
.offer-link {
  background-color: #FCFCFC;
  width: 370px;
  box-sizing: border-box;
  padding: 15px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 3%;
  display: flex;
  transition: background-color 0.3s ease;
  text-decoration: none;
}
/*.offer-link * {*/
/*  color: #0b0b0b;*/
/*}*/

.offer-link h5{
  font-size: 1.3em;
  color: var(--color-dark-greed);
}
.offer-link span {
  color: black;
}
.offer-link .fas.fa-map-marker-alt{
  color: var(--color-dark-greed);
}
.offer-link:hover {
  background-color: #e0e0e0;
  cursor: pointer;
  text-decoration: none;
}

.flash-active:hover {
  background-color: #f14950;
  cursor: pointer;
  text-decoration: none;
}

.flash-active:hover * {
  color: white;
}

.date-publication {
  display: flex;
  justify-content: flex-end;
}

.date-publication span{
  font-style: italic;
}

.item-offer{
  width: 100%;
}

.item-flash-offer{
  /*width: 20%;*/
  /*display: flex;*/
  justify-content: right;
  position: relative;
  display: none;
}
.flash-active .item-flash-offer{
  display: flex;
}

.item-flash-offer i {
  color: #f14950;
  display: block;
  width: 100%;
  font-size: 5vh;
  text-align: center;
}

.warning-offres-not-found{
  color: dimgrey;
  font-weight: bold;
}
/*
  Elements de styles pour l'affichage des détails d'une offre
*/
#titre-offre-secteur{
  font-weight: bold;
}

.disabled {
  pointer-events: none;
  color: grey;
  opacity: 0.5;
}

.bloc-offre{
  display: flex;
}

.offre{
  display: flex;
  flex-wrap: wrap;
  background-color: #F3F3F3;
  padding: 2%;
  margin-top: 3%;
}

.bloc-candidature{
  background-color: #F3F3F3;
  padding: 2%;
}

/*#lien-candidature, #navigation a, #btn-voir-offres{*/
/*  background-color: var(--color-link);*/
/*  color: white;*/
/*  border: 2px solid transparent;*/
/*  border-radius: 5px;*/
/*  height: 25px;*/

/*  display: inline-flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  text-align: center;*/
/*  text-transform: uppercase;*/
/*  font-weight: 100;*/
/*  padding: 14px;*/
/*}*/
#btn-voir-offres{
  float: right;
}

#retour a{
  background-color: dimgrey;
  color: white;
  border: 2px solid transparent;
  padding: 10px 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
}

/*#lien-candidature:hover, #navigation a:hover, #btn-voir-offres:hover{*/
/*  background-color: white;*/
/*  border-color: var(--color-dark-greed);*/
/*  color: var(--color-dark-greed);*/
/*  text-decoration: none;*/
/*  text-transform: uppercase;*/
/*}*/

#retour a:hover{
  background-color: white;
  border-color: dimgrey;
  color: dimgrey;
  text-decoration: none;
  text-transform: uppercase;
}


#description{
  margin-top: 3%;
}

#header-descriptif-offre, #header-formation-offre, #header-competences, #header-autres-infos{
  font-weight: bold;
}

#date-publication-content {
  text-align: right;
}

#redirection{
  display: flex;
}

/*
  Elements de styles pour l'affichage de la liste complète des offres
 */
.container-liste-tri-pagination{
  display: flex;
}

#liste-offres-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.offer-card-filtered {
  display: flex;
}

.offer-link-filtered {
  background-color: #F3F3F3;
  width: calc(50% - 10px);
  box-sizing: border-box;
  padding: 2%;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  margin-bottom: 3%;
  display: flex;
  transition: background-color 0.3s ease;
  text-decoration: none;
}

.offer-link-filtered * {
  color: #0b0b0b;
}

.offer-link-filtered:hover {
  background-color: #e0e0e0;
  cursor: pointer;
  text-decoration: none;
}

.flash-active-filtered:hover {
  background-color: #f14950;
  cursor: pointer;
  text-decoration: none;
}

.flash-active-filtered:hover * {
  color: white;
}

.date-publication-filtered {
  display: flex;
  justify-content: flex-end;
}

.date-publication-filtered span{
  font-style: italic;
}

.item-offer-filtered{
  width: 80%;
}

.item-flash-offer-filtered{
  width: 20%;
  display: flex;
  justify-content: center;
  position: relative;
}

.item-flash-offer-filtered i {
  color: #f14950;
  display: block;
  width: 100%;
  font-size: 5vh;
  text-align: center;
}
.header-title{
  margin-top: 1rem;
}
.custom-mobile .right-header,
.custom-mobile .branding-mobile{
  display: none;
}
.container.bloc-offre .gsc-button.medium{
  padding: 4px 10px;
}
.header-2 .logo-header{
  text-align: left;
}
.post-block .post-title a{
  color: var(--color-link);
}
.btn-inline,
.btn-inline:hover,
#footer a:hover, #footer a:focus,
.navigation .gva_menu .sub-menu > li > a:hover, .navigation .gva_menu .sub-menu > li > a:focus, .navigation .gva_menu .sub-menu > li > a:active
{
  color: var(--color-link) !important;
}
.body-page .form-type-textfield input:active,
.body-page .form-textarea input:active,
.body-page .form-type-select select:active,

.body-page .form-type-textfield input:focus,
.body-page .form-textarea input:focus,
.body-page .form-type-select select:focus{
  border: solid 1px var(--color-link);
}
/*.body .form-text, .body .form-textarea, .body .form-select{*/
/*  border: solid 1px*/
/*}*/
.location-item .email{
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
}

.tag{font-size:13px;background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563;border-radius:999px;padding:4px 8px; margin-right: 1rem;}
@media (max-width: 991.98px) {

  .header-main.desktop .gva_menu.gva_menu_main{
    justify-content: right;
  }
  .header-main.desktop .gva_menu.gva_menu_main li{
    list-style: none;
  }
  .header-main.desktop .menu--connexion .gva_menu.gva_menu_main{
    display: flex;
  }

  .gva-offcanvas-mobile .block-title{
    border-left: solid;
    padding-bottom: 0;
  }
  .gva-offcanvas-mobile .block .block-title:after{
    display: none;
  }
  .gva-offcanvas-mobile .menu--connexion .menu-item:nth-last-child(-n + 2) {
    display: none;
  }
  .gva-offcanvas-mobile .block-title{
    color: white;
  }
  .gva-offcanvas-mobile .custom-item{
    align-items: center;
  }
  .gva-offcanvas-mobile .custom-item p{
    margin: 0;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a p{
    color: white;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li.menu-item--expanded.menu-item--active-trail > a{
    color: var(--color-link) !important;
  }
  .gva-offcanvas-mobile .block {
    border-bottom: none;
    padding: 15px;
  }
  .gva_menu_main .menu-item{
    text-align: left;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu .sub-menu{
    background-color: white;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li ul.menu.sub-menu li a{
    color: var(--color-link) !important;
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu li a .icaret{
    background:none;
    color: white;
    border: none;
  }
  .gva-offcanvas-mobile .close-offcanvas i{
    color: white;
  }
  .gva-offcanvas-mobile.show-view{
    background-color: var(--color-dark-greed);
  }
  .gva-offcanvas-mobile .gva-navigation .gva_menu > li > a{
    color: white !important;
  }

}
@media screen and (max-width: 575px) {
  .custom-mobile .menu-bar {
    top: 28px;
  }
  .custom-mobile .area-main-menu{
    min-height: 0;
  }
  .custom-mobile.stuck .menu-bar{
    top: 40%;
  }
  .custom-mobile .right-header,
  .custom-mobile .branding-mobile{
    display: block;
  }
  .header-2 .sticky-wrapper{
    float: right;
    bottom: 7rem;
    position: relative;
  }
  .right-header{
    display: none;
  }
  header.header-2 .main-menu{
    background: white;
  }
  .header-main.desktop{
    padding-bottom: 0;
  }
  /*.gva-navigation .custom-item i{*/
  /*  font-size: 23px;*/
  /*}*/
  /*.gva-navigation .custom-item{}*/
  /*.navigation .gva_menu > li .custom-item.facebook, .navigation .gva_menu > li .custom-item.instagram*/
  /*{*/
  /*  display: none;*/
  /*}*/
  /*.gva-navigation a.custom-item  {*/
  /*  background-color: white;*/
  /*  border-radius: 50px;*/
  /*  justify-content: center;*/
  /*  width: 60px;*/
  /*}*/
  /*.gva-navigation .custom-item p{*/
  /*  display: none;*/
  /*}*/
  .desktop .gva_menu.gva_menu_main{
    display: none;
  }
  .main-menu.gv-sticky-menu .logo-header{
    display: none;
  }
  .main-menu.gv-sticky-menu.stuck .logo-header{
    display: block;
  }
  .logo-site{
    width: 10rem;
  }
.slog{
  display: none;
}
  .gva_menu_main li {
    list-style: none;
  }
  .gva_menu_main{
    display: flex;
    flex-direction: row;
    padding: 0;
    flex-wrap: wrap;
  }
  .menu--connexion .gva_menu > li > a{
    padding: 0;
  }
}