/*rechercher qui est sur le navbar*/
input#edit-submit {
    background-color: black;
}


/*formulaire de recherche*/
div#block-b5subtheme-formulairederecherche h2 {
text-align: center;
    font-size: 50px;
    padding-top: 50PX;
    padding-bottom: 50px;
  	font-weight: bold;
  	font-family: "Exo";
}


.js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label {
    margin-left: 120PX;
    width: 70%;
    margin-right: 20px;
}


input#edit-keys--2 {
    box-sizing: border-box;
    HEIGHT: 50px;
    
}
/*augementer la hauteur de rechercher*/
input#edit-submit--2 {
    height: 50px;
  	background-color: black;
}



/*centrer "Nos derniers guides"*/
h2, .h2 {
        font-size: 3rem;
        text-align: center;
  		padding-top: 50px;
  		font-weight: bold;
  		font-family: "Exo";
    }

.views-view-responsive-grid.views-view-responsive-grid--horizontal {
    padding-top: 30px;
}

/*descentre le bloc "Nos derniers guides"*/
img.img-fluid.image-style-categorie-carte {
    padding-block: 50px;
}

/*barre de recherche"*/
.region.region-breadcrumb input#edit-keys {
    height: 50px;
    box-sizing: border-box;
}

/*bouton rechercher"*/
.region.region-breadcrumb input#edit-submit {
    height: 50px;
  
}



/* Personnalisation du bloc de Nos Guides*/
/* Carte (cellule de la grille responsive) */
.bloc-guides .views-view-responsive-grid__item {
  background: #ffffff;
  border: 2px solid #f8f8f8;    /* 👈 bordure visible */
  border-radius: 10px;
  padding: 36px;
  text-align: center;
}
.bloc-guides .views-view-responsive-grid__item:hover {
   border-color: #f8f9fc;
  box-shadow: 0 18px 36px rgba(13,110,253,0.18);
}

/* Image */
.bloc-guides img {
  max-width: 160px;
  margin: 0 auto 20px;
  display: block;
}

/* Titre */
.bloc-guides h2,
.bloc-guides h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}

.bloc-guides a {
  color: #000 ! important;
    text-decoration: none ! important;
}

.bloc-guides a:hover {
  color: #1f99cc ! important;
}

/* Catégorie }*/
.bloc-guides .field--name-field-categorie {
  font-size: 14px;
  color: #0d6efd;
  margin-top: 10px;
}


.guide-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.guide-excerpt {
  color: #6b7280;
  margin-bottom: 12px;
}

.guide-link {
  font-weight: 500;
  color: #2563eb;
  text-decoration: none;
}

.guide-link:hover {
  text-decoration: underline;
}


img.img-fluid.image-style-guides {
    padding-top: 50px;
}

/*catégorie et image de nos guides*/
.views-field.views-field-field-categorie a {
    background-color: #f0f3f6;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    padding: Opx;
    border-radius: 10px;
    padding: 10px 10px 10px 10px;
}
.views-field.views-field-field-image-guide {
    padding-top: 25px;
}


/*Boutton accéder aux guides*/
a.btn\.btn-outline-secondary {
    background-color: #1f99cc;
    color: #FFFF;
    font-size: 18px;
    padding: 10px 20px;
    text-decoration: none;
  	border-radius: 10px;
}
 a.btn\.btn-outline-secondary:hover {background: none !important;
    color: #1f99cc !important;
  	border: solid 2px #1f99cc !important;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-top: 20px;
}

/*Personnalisation de la page guides*/
/*Bloc*/
.views-row {
    border: 2px solid #f8f8f8;
    border-radius: 10px;
    border-color: #f8f9fc;
    box-shadow: 13px -14px 36px rgb(77 135 220 / 10%);
  	margin-bottom: 50px;
}

/* bouton en savoir plus*/
a.btn.btn-outline-secondary {
    background-color: #1f99cc;
    color: #FFFF;
    font-size: 18px;
    padding: 10px 20px;
}

a.btn.btn-outline-secondary:hover {
    background: none !important;
    color: #1f99cc !important;
  	border: solid 2px #1f99cc !important;
   
}


h3.guide-title {
    font-size: 30px;
    
}

/*titre des blocs*/
.guide-title a {
    color: #000 ! important;
    text-decoration: none ! important;
}
.guide-title a:hover {
    color: #1f99cc ! important;
    
}

/*Les termes de la taxonomie*/
a.btn {
    background-color: #f0f3f6;
    font-size: 14px;
    font-weight: 600;
}
a.btn:hover {
    background-color: #f0f3f6;
    color: #1f99cc !important;
}

/*couleur du navbar*/
.bg-dark {
    --bs-bg-opacity: 1;
    background-color: #1f99cc !important;
}

/*Personnalisation de la page des contenus*/
.block.block-layout-builder.block-field-blocknodeguidecreated{
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: baseline;
}	
.block.block-layout-builder.block-field-blocknodeguidecreated h2 {
    font-size: 16px;
    text-align: center;
    padding-top: 50px;
  	font-weight: 700;
}
.block.block-core.block-page-title-block h1 {
        font-size: 2.5rem;
        padding: 20PX 0PX 30PX;
}

/*Personnalisation du sidebar-second*/
.region.region-sidebar-second {
    background: #f0f3f6;
}
.region.region-sidebar-second h2 {
    font-size: 1.5rem;
    text-align: center;
    padding-top: 30px;
}
.views-field.views-field-title a {
    
    text-decoration: none;
    color: #000 ! important;
}
.views-field.views-field-title a:hover {
    color: #1f99cc ! important;
    
}
.views-field.views-field-title {
    padding: 20px;
}
.views-field.views-field-name a {
    
    text-decoration: none;
    color: #1f99cc! important;
}
.views-field.views-field-name a:hover {
    color: #000 ! important; 
}
.views-field.views-field-name {
    padding: 20px;
}

footer {
    padding: 0px;
}

/*Mettre tout en majuscule le menu*/
li.nav-item {
    text-transform: uppercase;
}

/*Formulaire de recherche page guides*/
.form--inline.clearfix {
    display: flex;
    padding-bottom: 50px;
}

.form--inline.clearfix label {
    display: none;
}