.search-results{width:70%;}
.search-results h4{font-size:1.0rem; padding-right:20px;    padding-left: 25px; }
span.page-count {min-width: 50px;}
 span.row-count {min-width: 100px;}


 .search-results h3 {display:none; }

.search-facets h2{font-size:1.8rem; }
.search-facet > h3{font-size:1.4rem;}

.search-results-sort label {display:inline;  vertical-align: -webkit-baseline-middle; padding:7px;}
 

.search-pagination-per-page.as-url{display:contents;}





.search-results .resource-list.grid .resource {
    width: 30%;
    display: initial;
    padding-top: 20px;
    padding-right: 10px;
}



#form-search{
  display: flex;
  flex-wrap: wrap; 
}
#form-search.form-search div.field:nth-child(1){
flex: 90%;
margin-bottom: 0 !important;
padding-right: 10px;
}
#form-search.form-search div.field:nth-child(2){
flex: 10%;
margin-bottom: 0 !important;
}
.search-submit {
 width: 100%;
margin-top: 22px;
}


.media-embeds{width: 48% !important;}
#resource-values{width: 48% !important;}




#resource-values.stack{width:50% !important;}
div.media-embeds{width:45% !important;}


.resource-title h2 {font-size: 2rem;   padding-right: 1rem;  padding-left: 1.5rem;}
dl.value { margin-bottom: 0rem;}
dl dt { margin-top: 1rem; margin-bottom: .0rem;  color:#a90808}
.resource.show .property dd {padding-left:20px;}

.button:hover   {color:#fff;}


/* visionneuse PDF */
.toolbarField.pageNumber {min-width: 16px; text-align: right;  width: 0px;}
div#toolbarMiddle.innerCenter {
    right:  -100% !important; }



.tutoriel .accordion-title{ font-size: 1.9375rem; margin-block-start: 1em;
margin-block-end: 1em; margin-inline-start: 40px; margin-inline-end: 40px;
line-height: 1.6; color: #8a8a8a;
border:none;     border-left: 1px solid #cacaca;} 

.tutoriel .is-active>.accordion-title::before {content: "";}
 :last-child:not(.is-active)> .tutoriel .accordion-title{border-bottom:0px;}

.cardfooter{border:0px;}

footer h5 {    color: rgb(170, 170, 170);    font-style: italic;    text-align: center;}


.grid-margin-x>.large-2{margin:auto;}
.grid-margin-x>.large-1{margin:auto;}


/* Page Résult search standard */


span.resource-name{display: block; margin-top: 8px;}

.results>ul>li {width: 28%;}
.index.search .results ul li{padding: 1rem 1rem;}


/* on cache la recherche barre de menu 
div.top-bar div.search {display: none;}  */
.top-bar-right .search {
    margin-left: 5rem;
}


/* Css pour Universal Viewer */
.universal-viewer {margin-top: 50px; margin-bottom: 50px;}


@media screen and (max-width: 640px) {
div.media-embeds{width:50% !important;}
}

/* vignette en Mode LIST sur FOUNDATION  */

.resource-list .resource-link img {
    width: 100%;
}
    .search-results .resource-list.list .resource-thumbnail {
    flex-basis: 150px;
    margin-right: 15px; }

.search-results .resource-list.list .resource-heading {
    flex-basis: calc(100% - 175px);   
}

/* couleurs de DataCup sur le thème FOUNDATION  */

/* couleurs des liens */
a {
    color: #F28B25; /* Orange */
}
a:hover {
    color: #c82333; /* Rouge au survol */
}

/* couleurs des boutons */
.button {
    background-color: #F28B25; /* orange */
    color: #fff;
    border-color: #F28B25;
}
.button:hover {
    background-color: #c82333;
    border-color: #c82333;/* Rouge au survol */
}

/* couleurs de la barre de navigation */
.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px;
    width:100%;
    box-sizing: border-box;
    background-color: #E5D5B8; 
}

/* couleurs de la barre latérale avec les facettes */
#search-facets {
    background-color: #E5D5B8;
    padding: 1em; 
    border-radius: 5px; /*coins arrondis */
}

/* couleurs des boutons sur la barre latérale avec les facettes */
.facet-button {
    background-color: #E5D5B8;  /* beige */
    color: #333333;             /* texte gris foncé */
    border: 1px solid #c2b280;  /* bordure beige*/
     padding: 0.5em 1em;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
}

.facet-button:hover {
    background-color: #E5D5B8;  /* beige */
    color: #000000;
}

.centrertexte{text-align: center;}
.titreorangegras{font-weight: bold; color: rgb(242, 139, 37);}

/* --- Style pour les LI des boutons principaux barre navigation --- */
ul.dropdown.menu > li {
    margin-right: 5px; /*espacement horizontal entre les boutons de la barre de navigation */
}

ul.dropdown.menu > li:last-child {
    margin-right: 0; /* Supprime espace à droite du dernier bouton */
}

ul.dropdown.menu > li > a.nav-header {
    background-color: #F28B25; /* orange clair */
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    display: block;
}

ul.dropdown.menu > li > a.nav-header:hover {
    background-color: #E06100; /* orange vif */
    color: white;
}

ul.dropdown.menu > li.active > a.nav-header {
    background-color: #859191; /* élément actif en gris */
    color: white;
}

/* --- Styles pour les boutons qui ouvrent les menus déroulants--- */
.dropdown.menu > li.dropdown.is-dropdown-submenu-parent > a.dropdown-toggle {
    background-color: #F28B25; /* orange clair */
    color: white;
    padding: 10px 15px;
    padding-right: 30px;
    border-radius: 5px;
    text-decoration: none;
    display: block;
}

.dropdown.menu > li.dropdown.is-dropdown-submenu-parent > a.dropdown-toggle:hover {
    background-color: #E06100; /* orange vif */
    color: white;
}

.dropdown.menu > li.dropdown.is-dropdown-submenu-parent.active > a.dropdown-toggle {
    background-color: #859191; /* même gris pour l'élément actif */
    color: white;
}

/* --- Styles pour les éléments à l'intérieur des sous-menus déroulants --- */
.dropdown.menu .menu.vertical.nested a {
    background-color: #F28B25; /* orange clair */
    color: white;
    padding: 8px 15px; 
    border-radius: 5px;
    text-decoration: none;
    display: block;
    margin-bottom: 5px; /* espace vertical entre les sous-éléments */
}

.dropdown.menu .menu.vertical.nested a:hover {
    background-color: #E06100; /* orange vif au survol */
    color: white;
}

.dropdown.menu .menu.vertical.nested li.active a {
    background-color: #859191; /* gris pour l'élément actif */
    color: white;
}

/* --- Styles pour le conteneur du sous-menu lui-même --- */
.dropdown.menu .menu.vertical.nested {
    background-color: #E5D5B8; 
    border-radius: 5px;
    padding: 5px; 
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    position: absolute;
    z-index: 1000;
}

/* Nettoyage des styles de liste par défaut pour les éléments du sous-menu */
.dropdown.menu .menu.vertical.nested li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* --- Style pour les LI des boutons principaux pour les espacer --- */
ul.dropdown.menu > li:last-child {
    margin-right: 0;
}

/* --- Style pour les boutons principaux barre navigation --- */
/* Cible le a.nav-header, son parent est le li qui est dans ul.dropdown.menu */
nav.flex ul.dropdown.menu > li > a.nav-header {
    background-color: #F28B25; /* orange clair */
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    text-decoration: none;
    display: block;
}

nav.flex ul.dropdown.menu > li > a.nav-header:hover {
    background-color: #E06100; /* orange vif */
    color: white;
}

nav.flex ul.dropdown.menu > li.active > a.nav-header {
    background-color: #859191; /* élément actif en gris */
    color: white;
}

.lienODD{
    flex: 0 0 calc(20% - 25px); 
    text-align: center; 
    box-sizing: border-box; 
    min-width: 150px;
}

.blocODD{
    display: flex; 
    flex-wrap: wrap; 
    justify-content: center; 
    gap: 25px; 
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 20px;
}

.imgODD{
    width: 100%; 
    max-width: 150px; 
    height: 150px; 
    object-fit: contain; 
    display: block; 
    margin: 0 auto;
}

.titresODD{
    display: block; 
    margin-top: 5px; 
    font-size: 0.9em;
}

.top-bar, .top-bar ul {
    background-color: #E5D5B8;
    padding : 15px;
}



a.resource-link {
    display: inline-block; /* ou block, selon l'effet désiré */
    margin-top: 10px;
}