#content{background-color: white;}
.search-results{width:70%;}
.search-results h4{font-size:1.0rem; padding-right:20px;}
span.page-count {min-width: 50px;}
 span.row-count {min-width: 100px;}

.search-results-count, .search-results-sort {display:none; }
 .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;}

#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;
}

#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;}

.button:hover   {color:#fff;}





.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;}



@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);   
}



/* Couleur Verte - changement en !!!! */
body.vertical-menu header {   background-color: #EB9B28;}
body.vertical-menu {  background-color: #EB9B28;}



/* Couleur Verte - changement en !!!! */