:root {
  --bleuclair: #009cb8;
  --bleucanard: #1c7f93;
  --bleumarine: #062a77;
  --orange: #fd7e14;
  --blanc:#fff;
}


.color-orange {
  color: #fd7e14;
}

.color-bleu,
.bleuclair{
    color: var(--bleuclair);
}
.bleucanard{
    color: var(--bleucanard);
}
.bleumarine{
    color: var(--bleumarine);
}
.bold{
    font-weight: 500;
}


.mb-10 {
    margin-bottom: 100px;
}

.small {
    font-size: 14px;
}

/**************************/
/* Nice Select  - début  */
/*************************/

/* nice-select -> Masque l'option vide dans la liste */
.nice-select .list .option[data-value=""] {
    display: none;
}



/* nice-select -> Mettre en gras les thématiques principales */
.nice-select .list .option[data-value*="th"]:not([data-value*="sth"]) {
    font-weight: 700;
}


/* nice-select -> Supprime la limite de hauteur et le scroll */
.nice-select.select-thematique-sous-thematique .list { /*dans la liste thematique_sous_thematique*/
    max-height: none !important;
    overflow-y: visible !important;
}

/**************************/
/* Nice Select  - fin    */
/*************************/





/*****************************/
/* recherche croisee - début */
/*****************************/




ul{
    list-style:none;
}

#form_thematique h4,
#form_zone_geographique h4{
    margin: 0;
}

#form_thematique ul.niveau-deux,
#form_zone_geographique ul.niveau-deux,
#form_thematique ul.niveau-trois,
#form_zone_geographique ul.niveau-trois{
    padding-left:0;
}

h4 label {
    color: var(--bleucanard);
    padding-bottom: 3px;
    font-size: 18px;
    font-weight: bold;
}
#form_zone_geographique ul.niveau-deux li,
#form_thematique ul.niveau-deux li  {
    color: var(--bleumarine);
    padding-bottom: 2px;
    font-size: 16px;
    font-weight:600;
}

#form_thematique ul.niveau-trois li  {
    color: var(--bleumarine);
    font-size: 14px;
    font-weight: normal;
}
#form_zone_geographique ul.niveau-deux li{
    font-weight:normal;
    font-size: 14px;
}

.h-560{
    height: 600px;
    display: block;
    background: #F7F7F5;
    overflow: hidden;
}

.h-560 h3{
    font-size:20px;
    color: var(--blanc);
    padding: 3px;
    margin: 0px;
}
.h-560 h3.h3_thematique{
    background: var(--bleucanard)
}
.h-560 h3.h3_zone{
    background: var(--bleuclair)
}
        
.h-560 h4{
    font-size:18px;
    color:var(--bleuclair);
    margin-left: 5px;
}
.h-560 label{
    display: inline;
}

h4.selection{
    color:var(--bleumarine);
    background: #e0e0e0;
    padding: 3px;
}

.iframe_thematique,
.iframe_zone {
    width: 416px;
    height: 570px;
    margin: 0px;
}

.ifra_contenu_selection,
.ifra_x_publications {
    width: 100%;
    height: 85px;
    border: 1px solid var(--bleuclair);
}

.ifra_contenu_selection { 
    height: 510px;
    padding: 0;
    margin: 0;   
}

#envoyer_les_x_publications,
#reinitialiser_recherche,
#telecharger_la_selection,
#vider_la_selection,
#supprimmer_de_la_selection {
    cursor: pointer;
}

.vignettes-selectionnees {
    width: 100%;
    height: 400px;
    padding: 5px;
    overflow: auto;
    overflow-y: no-display;
}

.operation-sur-selection {
    width: 100%;
    height: 85px;
    padding-top: 10px;
}

.vignettes-selectionnees a {
    color: var(--bleumarine);
}

.vignettes-selectionnees .zone {
    color: var(--bleucanard);
}
.affichage-vignette{
    padding: 8px;
    border-bottom:1px solid var(--bleuclair);
    position: relative;
}
.affichage-vignette a{
    text-decoration: none;
}
.affichage-vignette a:hover,
.affichage-vignette a:focus{
    text-decoration: underline;
}
.affichage-vignette img{
    position: absolute;
    right: 0;
    bottom: 10px;
}



.page-wrapper :focus{
    outline: var(--blanc) !important;
    box-shadow: none !important;
}


/* Empêche le clic et change l'apparence quand la classe est présente */
.operation-sur-selection .is-loading {
    pointer-events: none; /* Désactive le clic */
    cursor: not-allowed;
}



/*****************************/
/* recherche croisee -   fin */
/*****************************/

@media (max-width: 1399px) {
    
    .ifra_contenu_selection { 
        height: 490px;  
    }
    .ifra_x_publications {
        height: 107px;
    }
    .vignettes-selectionnees {
	height: 378px;
    }
    .h-560 h3 {
	font-size: 18px;
    }
    .operation-sur-selection {
	padding-top: 2px;
    }
}