/* Modifier la largeur du logo dans l'entête*/
.mod-header-logo {
    max-width:150px;
}
/* logo un peu plus petit pour mobile et tablette */
@media (max-width: 767px) {
  .mod-header-logo {
    max-width:110px;
  }
}

/*COULEUR DES LIENS HYPERTEXT
a, a:focus, a:hover {
    color: #062778;
}
*/
a
{
    color: #a16a28;
    /*font-weight:bold;*/
    text-decoration:none;
}
.news-content a{
    text-decoration:underline;
}
.footer-classic a{
    color:#ffffff;
    text-decoration:underline;
}

/* Cible tous les titres de niveau 3, 4 et 6 */
h3, h4, h6 {
    text-transform: none; /* Annule la transformation en majuscules */
}
h3 {
    text-transform: none;
    font-size: 20px; /* Change la taille de la police en pixels, ajustez selon vos besoins */
    /* Ajoutez d'autres propriétés CSS au besoin */
}
/* Cible tous les titres de niveau H5 */
h5 {
    text-transform: none; /* Annule la transformation en majuscules */
    font-size: 16px; /* Modifie la taille de la police, ajustez selon vos besoins */
    /* Ajoutez d'autres propriétés CSS au besoin */
}
/* Cible tous les titres de niveau H6 */
h6 {
    text-transform: none; /* Annule la transformation en majuscules */
    font-size: 14px; /* Modifie la taille de la police, ajustez selon vos besoins */
    /* Ajoutez d'autres propriétés CSS au besoin */
}
/* Cible les paragraphes */
p{
    margin: 0px 0 2rem; /* espacement des paragraphes */
}
/* Taille des en-têtes pour mobile et tablette */
@media (max-width: 767px) {
  h1{
    font-size: 3.2rem;
    line-height: 3.6rem;
  }
}

/* Listes à puces */
ul li{
    margin-top:5px;
    margin-bottom:5px;
}

/* Modifier les couleurs barre navigation et taille du texte*/
.navbar-default .navbar-nav .dropdown-menu li a, .navbar-default .navbar-nav li a {
  color:floralwhite;
  font-size: 1.3rem;
}
.navbar-default .navbar-nav > li, .navbar-default .navbar-nav .dropdown-menu li{
  margin-top: 0;
  margin-bottom: 0; 
}
/* Modifier les couleurs barre navigation pour mobile et tablette*/
@media (max-width: 767px) {
  .navbar-default .navbar-nav .dropdown-menu li a, .navbar-default .navbar-nav li a,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a{
  color:floralwhite;
  }
  .navbar-default .navbar-toggle .icon-bar{
    background-color: floralwhite;    
  }
}

#Q4GP3vHT2cynocI7h6VtLe2C {
color:white;
}

/* Aérer les listes à puces dans les articles */
div.news-text ul li{
    margin-top:10px;
    margin-bottom:10px;
}
/* Aérer les titres dans les articles */
div.news-text h3, div.news-content h3{
    margin-top: 4rem;
} 
div.news-text h4{
    margin-top: 2rem;
}

/* Ajout d'espace au-dessus du bouton Retourner à la page X et aspect d'un bouton */
.news-detail a.back-to-list{
    margin-top: 15px;
    background: #f7ecdf;
    display: inline-block;
    padding: 5px 10px;
}
.news-detail a.back-to-list:hover, .news-detail a.back-to-list:active{
   text-decoration:none;
}

/* Ajout d'espace dans le haut du titre de la page des coordonnées pour le décoler de la barre de menu */
.pageid-92343 #news-title-1793568{
    padding-top: 40px;
}

/* Personnalisation de la page d'acceuil */
/* Taille des h2 */
body.pageid-92287 h2{
  font-size: 3.5rem;
}
/* bas de la page avec arriere-plan gris */
body.pageid-92287 .line-secondary{
  background: #f7f7f7;
  margin-top: 40px;
}

/* Personnalisation des boutons */
a.btn{
  text-decoration:none;
}
.btn-success{
  background-color: #468f13;
  border-color: #468f13;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success{
  background-color: #67b034;
  border-color: #468f13; 
}

.btn-success-pastel{
  color: #3f403f;
  background-color: #d5ecc5;
  border-color: #d5ecc5;    
}
.btn-success-pastel:hover, .btn-success-pastel:focus, .btn-success-pastel:active, .btn-success-pastel.active, .open > .dropdown-toggle.btn-success-pastel{
  color: #3f403f;
  background-color: #a8d08c;
  border-color: #a8d08c; 
}

.btn-primary-pastel{
  color: #3f403f;
  background-color: #f7ecdf;
  border-color: #f7ecdf;
}
.btn-primary-pastel.active, .btn-primary-pastel:active, .btn-primary-pastel:focus, .btn-primary-pastel:hover, .open > .dropdown-toggle.btn-primary-pastel{
  color: #3f403f;
  background-color: #dbc5ab;
  border-color: #dbc5ab; 
}

.btn-default-pastel{
  color: #a16a28;
  background-color: #f7ecdf;
  border-color: #e8d5be;
}
.btn-default-pastel.active, .btn-default-pastel:active, .btn-default-pastel:focus, .btn-default-pastel:hover, .open > .dropdown-toggle.btn-default-pastel{
  color: #a16a28;
  background-color: #f7ecdf;
  border-color: #a16a28;
}
@media (max-width: 767px) {
    /* permet aux long boutons de tomber sur plusieurs lignes */
    a.btn{
        white-space: normal;
    }
}

/* STYLES D'IMAGES ET GALERIE PHOTO */

/* Image divisée en deux */
.twopart-image{
    display: block;
    margin:0;
    padding:0;
}
.twopart-image li{
    display: block;
    float:left;
    width: 50%;
    margin:0 !important;
    padding:0;
}
@media (max-width: 767px) {
    .twopart-image li{
        width: 100%;
        float: none;
    }
}
.twopart-image img{
    display: block;
    width: 100%;
    max-width: 100%;    
    height: auto;
}

/* Transforme une liste à puce en un "tableau" sur deux colonnes de colonne équivalente avec un espace entre chaque item.
Pratique pour disposer des images sur deux colonnes sur un grand écran. 
Ajouter la classe "galerie50-50" sur le <ul> (liste à puce) pour obtenir cet effet */
ul.galerie50-50{
    padding:0;
}
ul.galerie50-50::after{
    clear:both;
    content: "";  
    display: table;
}
ul.galerie50-50 li{
    list-style: none;
    width: 45%;
    float: left;
    margin: 15px 30px 15px 0;
}
ul.galerie50-50 li img{
    max-width: 100%;
    width: 100%;
}
@media (max-width: 767px) {
    ul.galerie50-50 li{
       width:100%; 
    }
}

/* MENU FLOTTANT BAS DE PAGE SUR MOBILE */
@media (max-width: 767px) {
    .mod-header .header-ext-login{
        background-color: #f7ecdf;
        box-shadow: none;
        margin-bottom: 0;
    }
}