/*
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 */


div.fca_qc_quiz {  max-width: 94% !important;}

#fca_qc_quiz_1976.fca_qc_quiz button.fca_qc_button {  background-color: #C09654 !important;  box-shadow: 0 2px 0 0 #9F793C !important; width:260px}
#fca_qc_quiz_1976.fca_qc_quiz button.fca_qc_button:hover {  background-color: #9F793C !important;}

#fca_qc_quiz_1976.fca_qc_quiz div.fca_qc_answer_div {  background-color: #EBD0A4 !important;  }

#fca_qc_quiz_1976.fca_qc_quiz div.fca-qc-back.correct-answer, #fca_qc_quiz_1976.fca_qc_quiz div.fca_qc_question_response_item.correct-answer {
  background-color: #bcddc1cc !important; padding: 5px}
#fca_qc_quiz_1976.fca_qc_quiz div.fca-qc-back.wrong-answer, #fca_qc_quiz_1976.fca_qc_quiz div.fca_qc_question_response_item.wrong-answer {
  background-color: #ff667999 !important; padding: 5px}

.fca_qc_score_container .fca_qc_score_text{ font-size:140%; background: #C09654; padding: 10px; color:#ffffff !important; font-weight:700}


label [type="button"], label [type="submit"], label button{ border:none}

/* Cachons la case à cocher */
label [type="checkbox"]:not(:checked),
label [type="checkbox"]:checked {  position: absolute;  left: -9999px;}
 
/* on prépare le label */
label [type="checkbox"]:not(:checked) + label, 
label [type="checkbox"]:not(:checked) + span,
label [type="checkbox"]:checked + label,
label [type="checkbox"]:checked + span,
.searchandfilter li[data-sf-field-input-type="checkbox"] label, .searchandfilter li[data-sf-field-input-type="checkbox"] span{  position: relative;   padding-left: 22px !important;  cursor: pointer; }
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
label [type="checkbox"]:not(:checked) + label:before, 
label [type="checkbox"]:not(:checked) + span:before,
label [type="checkbox"]:checked + label:before, 
label [type="checkbox"]:checked + span:before {  content: '';  position: absolute;  left:0; bottom: 3px;
  width: 17px; height: 17px;  border: 1px solid #672776; background: rgba(255,255,255,1);  border-radius: 4px; ; z-index: 1;}
 
/* Aspect général de la coche */
label [type="checkbox"]:not(:checked) + label:after,
label [type="checkbox"]:checked + label:after, 
label [type="checkbox"]:not(:checked) + span:after,
label [type="checkbox"]:checked + span:after {  content: '✔';  position: absolute;  bottom: 2px; left: 1px;  font-size: 22px;  color: #000000;  
    transition: all .2s; z-index:2}
/* Aspect si "pas cochée" */
label [type="checkbox"]:not(:checked) + label:after, 
label [type="checkbox"]:not(:checked) + span:after {  opacity: 0;  transform: scale(0); }
/* Aspect si "cochée" */
label [type="checkbox"]:checked + label:after, 
label [type="checkbox"]:checked + span:after {  opacity: 1;   transform: scale(1); }

/* aspect désactivée */
label [type="checkbox"]:disabled:not(:checked) + label:before,
label [type="checkbox"]:disabled:checked + label:before, 
label [type="checkbox"]:disabled:not(:checked) + span:before,
label [type="checkbox"]:disabled:checked + span:before {  box-shadow: none;  border-color: #bbb;  background-color: #ddd;}
/* styles de la coche (si cochée/désactivée) */
label [type="checkbox"]:disabled:checked + label:after, 
label [type="checkbox"]:disabled:checked + span:after {  color: #999;}
/* on style aussi le label quand désactivé */
label [type="checkbox"]:disabled + label, 
label [type="checkbox"]:disabled + span {  color: #aaa;}
 
/* aspect au focus de l'élément */
label [type="checkbox"]:checked:focus + label:before,
label [type="checkbox"]:not(:checked):focus + label:before,
label [type="checkbox"]:checked:focus + span:before,
label [type="checkbox"]:not(:checked):focus + span:before{  border: 1px dotted blue;}

label [type="text"]{ border: 1px solid #c1964f; background: #ffffff; }

label > img, .cartographie_legende{ margin-left:-12px; position: relative; z-index: 0; width:36px; margin-right:4px}


.leaflet-control-layers-expanded .leaflet-control-layers-list{ text-align: left}
#clearAll{margin-top:10px}