/*
Theme Name: Illicoweb
Theme URI: https://www.illicoweb.com
Description: Hello Elementor Child Theme
Author: Studio illicoweb
Author URL: https://www.illicoweb.com
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Placer votre CSS ci-dessous */


/* accessibilité */
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{color: #fff !important; background-color: #33733A !important; border-radius: 5px 0px 0px 5px; padding: 6px}
.pojo-a11y-toolbar-toggle{border-radius: 10px;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{background-color: #33733A!important; border-color: #33733A!important; border-radius: 0px 0px 0px 5px;}
.pojo-a11y-toolbar-title{line-height: 1.2em !important; font-size: 20px;}
.pojo-a11y-toolbar-title{color: #fff !important;}
.pojo-a11y-toolbar-text{color: #fff;}
.pojo-a11y-toolbar-icon {color: #fff !important;}

/* GENERAL */
.elementor-video{border-radius:20px;}

/* ---------- HEADER ----------*/
/* Boutons acces */
#BtnInfoevg .elementor-button-icon{margin: auto; margin-right: 10px;}
#BtnInfoevg .elementor-button-icon svg{width: auto;}
#BtnInfoevg:hover .elementor-button-icon svg{fill: #EC9479;}
#BtnInfoevg .elementor-button-text{text-align: left; font-weight: 400; margin: auto;}
.BtnHeaderContact span{font-size: 14px;}

@media screen and (max-width: 1024px) {#SecIntBtnAccHed{background-color:#fff;}}

/* Slider Accueil */
#SliderAccueil .elementor-slide-button{text-shadow: none;}

/*chiffres-clés*/
#CodCrtChfCls .case_compteur{text-align:center;}
#CodCrtChfCls .content_compteur{width:100%; display:inline-table; text-align:center; border: 3px solid #33733A; border-radius: 30px; padding: 15px; margin:5px; background-color:#fff; max-width:160px; min-height:160px; }
#CodCrtChfCls .content_compteur img{border-radius: 0!important; height:50px; width:50px; object-fit:contain; }
#CodCrtChfCls .content_compteur p{margin: 0; font-family: "Nunito", Sans-serif; color:black; line-height:1.2; color:#000;}
#CodCrtChfCls .content_compteur .text_compteur{font-weight:800;}
#CodCrtChfCls .content_compteur .int_compteur{margin-top:10px; font-size:18px;}
#CodCrtChfCls .content_compteur:hover{background-color:#fff;}


/* Boucle des offres - page d'accueil */
#CodCrtChfCls{width:100%;}
#BCL_Emploi .job_listings{list-style: none; padding: 0px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
#BCL_Emploi .job_listings li{padding: 22px; width: 100%; display: inline-block; border:2px solid #88bb21; border-radius: 10px; min-height:200px; margin-bottom:20px;}
#BCL_Emploi .job_listings li:hover{background-color:#fff;}
#BCL_Emploi .job_listings a:hover{background-color:transparent;}
#BCL_Emploi .job_listings>li a{padding: 0px;}
#BCL_Emploi .position{padding:0px; width:100%; line-height:1.2;}
#BCL_Emploi .position p{margin:0px; margin-top:10px;}
#BCL_Emploi .job_listings>li p,h3{color: #000;}
#BCL_Emploi .job_listings>li h3{font-weight:800; font-size: 24px;}
#BCL_Emploi .meta{display:none;}
@media screen and (max-width: 856px) {#BCL_Emploi .job_listings{list-style: none; padding: 0px; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}}

/* JOB FICHE DETAILS */
.job_listing a{font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;}
.job_listing p{font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;}
.job_listing h2{font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;}
.job_listing h3{font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;}
.job_listing h1{font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important;}
.job_listing{ min-width: 100% !important;}
.job_listing .page-content{max-width: 1200px; margin: auto;}
.job_listing .page-header{background-color: #33733a;}
.job_listing .entry-title{color: #fff;text-align: center; font-weight: 700; padding: 30px 0px 50px 0px; }
.job_listing .entry-title::before{content: "Poste à pourvoir : \A"; font-weight: 400; text-transform: uppercase; font-size: 16px; white-space:pre;}
.single_job_listing{padding: 40px;}
.job_position_featured{max-width: 1500px !important;}
.job_position_featured header{display: none;}
.job_title{color: white; font-size: 45px; text-align: center; font-weight: 700;}
.job-listing-meta{padding: 20px !important; margin-bottom: 0px !important;}
.job-listing-meta .job-type{background-color: #202020 !important;border-radius: 10px; padding: 20px !important;}
.location{padding: 20px !important; color: #202020 !important;}
.location a{color: #202020 !important;}
.date-posted{padding: 20px !important; color: #202020 !important;}
.date-posted::before{margin-right: 7px !important;}
.single_job_listing .company{border: none !important; box-shadow: none !important; background-color: #e6f1d0; border-radius: 10px;}
.single_job_listing .website{display: none;}
.company p{color: #202020 !important;}
.application_button{border: 3px solid #88bb21; background-color: #88bb21 !important; color: #fff !important;}
.application_button:focus{border: 3px solid #33733a; background-color: #33733a !important; color: #fff !important;}
.application_button:hover{border: 3px solid #33733a; background-color: #33733a !important; color: #fff !important;}
.application_details{border: none !important; background-color: #f5f9ed; border-radius: 20px; padding: 40px !important; box-shadow: none;}
.application_details::before{display: none !important;   }
.wpcf7-form input, .wpcf7-textarea{border: 2px solid #33733a; background-color: #f5f9ed !important; padding: 15px; border-radius: 15px;}
.wpcf7-form label{margin-bottom: 10px;}
.wpcf7-form input{margin-top: 5px;}
input.wpcf7-submit{color: white !important; background-color: #33733a !important; border: 2px solid #33733a !important;}
input.wpcf7-submit:hover{background-color: #202020 !important; border-color: #202020 !important;}
.wpcf7-form {display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
.wpcf7-response-output{background-color: #202020; border: none !important; padding: 20px !important; color: white !important; border-radius: 15px;}

.single_job_listing .date-posted{display:none !important;}
.single_job_listing .location{background-color:#e6f1d0; color: #33733a; padding:15px; border-radius:10px;}

@media screen and (max-width: 840px) {
.wpcf7-form{display: block !important;}	
.single_job_listing{padding: 10px;}
.headpartjob{height: 320px;}
.jobh1{font-size: 30px !important;}
}
/* bouton retour job - template php */
.returnjob{position: relative; float: right; padding-right: 20px; padding-top: 35px;}
.alljobbtn{background-color: #88bb21; padding: 20px; border-radius: 15px; color: white !important; font-weight: 600; text-decoration: none !important;}
.alljobbtn:hover{background-color: #202020;}


/* Modèles caroussel */
.elementor-image-carousel-wrapper img{width: 100%; height: 300px; object-fit: cover;}
.elementor-image-carousel-wrapper .eicon-chevron-left{background: #fff; border-radius: 200px; padding: 15px; color: #33733a;}
.elementor-image-carousel-wrapper .eicon-chevron-right{background: #fff; border-radius: 200px; padding: 15px; color: #33733a;}
.elementor-image-carousel-wrapper .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; background: #33733a;}

/* ARTICLES - détails */
#MdActuContent a{color: #33733a; font-weight:700;}
#MdActuContent a:hover{color: #202020; text-decoration: underline;}
#MdActuContent img{ width: 100%;}
#MdActuContent h2{ color: #33733a;}
#MdActuContent h3{ color: #33733a;}

/* Slider accueil - chiffres */
#SliderHistoire img{ height: 450px; object-fit: cover;}
@media screen and (max-width: 856px) {#SliderHistoire img{ height: 350px; object-fit: cover;}}

/* MENU POP */
#MenuPop .menu{ list-style: none; padding: 0px; -webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2; /* Firefox */column-count: 2;}
#MenuPop .menu>li{ padding: 10px; width: 100%; display: inline-block;}
#MenuPop .menu .sub-menu{list-style: none; line-height: 25px;}
#MenuPop .menu a{color: #fff; font-weight:800; font-family: "Nunito", Sans-serif;}
#MenuPop .menu a:hover{color: #fff; text-decoration:underline;}
#MenuPop .menu .menu-item>a{font-size: 23px;}
#MenuPop .menu .sub-menu .menu-item>a{font-size: 18px; font-weight:700;}
@media screen and (max-width: 856px) {#MenuPop .menu{list-style: none; padding: 0px; -webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1; /* Firefox */column-count: 1;}}

/* FORMULAIRE CONTACT */
#FormEvergreenCt .elementor-field{padding:20px;}
#FormEvergreenCt .elementor-field-type-select .elementor-field{padding:0px;}
#FormEvergreenCt .elementor-field-type-select .elementor-field select{padding:20px;}
#BlocCarto #mapid{border-radius:15px;}
#BlocCarto .trajet{background-color: #fff; margin-top:20px; border-radius: 15px; padding: 15px; }
#BlocCarto .trajet label{margin-bottom:10px;}
#BlocCarto .trajet input[type=text] {width: 70%; padding: 15px; border: 1px solid #88bb21; border-radius: 10px 0px 0px 10px; margin-left: -6px;}
#BlocCarto .trajet input[type=submit] {width: 30%; padding: 16px; border: none; border-radius: 0px 10px 10px 0px; margin-left: -6px;}

/* SEARCH AJAX */
.probox{padding: 20px !important; border-radius: 15px !important; border: none !important;}
.orig{font-weight: 700 !important; color: #000000;}
.asl_image{border-radius: 10px !important;}
#ajaxsearchliteres1{border-radius: 20px;}
.asl_res_url{color:#000000 !important; font-family:"Montserrat" !important; font-size:20px; font-weight: 700 !important;}
.orig{font-size:22px !important; font-weight: 700 !important; font-family:"Montserrat" !important;}
#ajaxsearchlite1 .proinput input{font-size:17px !important;}


/* Landings Pages */
.landings{padding: 0px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
.landing{padding: 5px; margin-bottom: 20px; width: 100%; display: inline-block; background-color:#e7f2e8; border-radius:20px; min-height:330px;}
.landings .landing-img{width: 100%; height: 200px; object-fit: cover;}
.landings .landing-title{color:#000; font-weight:800; font-size:22px; margin:0px; padding: 10px 10px 0px 10px;}
.landing:hover .landing-sp{color:#88bb21;}
.landings .landing-sp{color:#33733a; text-transform:uppercase; font-size:13px; padding: 0px 10px; font-weight:500;}

@media screen and (max-width: 1200px) {.landings{list-style: none; padding: 0px; -webkit-column-count: 2; /* Chrome, Safari, Opera */-moz-column-count: 2; /* Firefox */column-count: 2;}}
@media screen and (max-width: 650px) {.landings{list-style: none; padding: 0px; -webkit-column-count: 1; /* Chrome, Safari, Opera */-moz-column-count: 1; /* Firefox */column-count: 1;}}


/* Quiz */
#QuizEvergreen .fca_qc_start_button{background-color:#33733A !important; box-shadow: 3px 3px 0 0 #DAE6DB !important;}
.fca_qc_question{font-weight:700 !important;}
.fca_qc_answer_div{border:none !important; background-color:#DAE6DB !important;}
.fca_qc_answer_span{color:#33733A !important; font-weight:700 !important;}
.fca_qc_rectancle{border-radius: 4px !important;}
.fca_qc_question_count{background-color: #88BB21 !important; padding: 10px !important; border-radius: 10px !important; color: #fff !important;}
div.fca_qc_quiz .fca_qc_answer_span.fakehover svg.fca_qc_rectancle rect { fill: #33733A !important; stroke: #33733A !important; stroke-width: 0 !important;}
#QuizEvergreen .wrong-answer{background-color:#DAE6DB !important;}
#QuizEvergreen .correct-answer{background-color:#DAE6DB !important;}
#fca_qc_question_right_or_wrong{background-color:#fff !important; color:#33733A !important; font-weight: 700 !important; margin: 5px 5px 30px 5px !important; padding: 15px !important; border-radius: 7px !important;}
#fca_qc_question_back{color: #33733A !important; font-weight: 700 !important;}
#fca_qc_back_response_p{color: #33733A !important; margin: 0px !important;}
.fca_qc_back_response{color: #33733A !important;}
.fca_qc_next_question{border: 2px solid #33733A !important; color: #FFF !important; background-color: #33733A !important;}
.fca_qc_next_question:hover{background-color:#000 !important; border: 2px solid #000 !important;}
.fca_qc_score_text{background-color: #88BB21; border-radius: 10px; padding: 15px !important; color: #fff !important; font-size: 20px !important; font-weight: 700 !important;}
.fca_qc_score_title{margin: 30px 0px 0px 0px !important;}
.fca_qc_score_desc{padding: 5px !important; background-color: #E6F1D0 !important; border-radius: 10px !important;}
.fca_qc_score_desc p{background-color: #fff !important; border-radius: 5px !important; padding: 25px !important; text-align:left !important;}
.fca_qc_quiz_question_img{width:100% !important;}
.fca_qc_score_img{width:100% !important;}

/* illicojob */
.bcl_offres a{display: inline-block; width:100%; margin-bottom:20px;}
.bcl_offre{ border: 5px solid #88BB21; border-radius:15px; padding:15px;}
.bcl_offre h3{font-weight:700;}
.bcl_offre p{color:#000;}
.job_info{display: inline-block; margin: 0px; background-color: #88BB21; color: #fff !important; font-weight:600; padding: 10px; border-radius: 7px;}

.bcl_offre:hover{border:5px solid #000;}
.bcl_offre:hover .job_info{background-color:#000;}

.bcl_offres{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
@media screen and (max-width: 900px) {
  .bcl_offres{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}

/* illicojob accueil */
.jobs_accueil a{display: inline-block; width:100%; margin-bottom:20px;}
.bouclesjobs_accueil{ border: 3px solid #88BB21; border-radius:15px; padding:15px;}
.bouclesjobs_accueil h3{font-weight:700;}
.bouclesjobs_accueil p{color:#000;}
.bouclesjobs_accueil{display: inline-block; margin: 0px; color: #fff !important; font-weight:600; padding: 10px; border-radius: 15px;}

.bouclesjobs_accueil:hover{border:3px solid #000;}
.bouclesjobs_accueil:hover .job_info{background-color:#000;}

.jobs_accueil{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
@media screen and (max-width: 900px) {
  .jobs_accueil{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
}


div.tableausuivi {  max-width: 100%;  max-height: 82vh;  overflow: scroll;  position: relative;}
div.tableausuivi table {  position: relative;  border-collapse: collapse;}
div.tableausuivi thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;  top: 0;  background: #000;  color: #FFF;}
div.tableausuivi thead th:first-child {  left: 0;  z-index: 1;}
div.tableausuivi tbody th {  position: -webkit-sticky; /* for Safari */
  position: sticky;  left: 0;  border-right: 1px solid #fff; }