/* ================= Page d'accueil ========================*/
.feature__item--center .archive__item .archive__item-body {
    width: 95%;
}

.page__hero--overlay {
    display: flex;
    flex-direction: column;
    height: 90vh;
    margin-bottom: 0px;
    padding-bottom: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* === Alignement et centre titre et excerpt ===*/
.wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

h1#page-title.page__title {
    align-self: center;
}





/*=============== Couleur des éléments du menu et toggle menu ==========*/
.navicon, .navicon::before, .navicon::after {
    background-color: white;
}

.greedy-nav__toggle:hover .navicon, .greedy-nav__toggle:hover .navicon::before,.greedy-nav__toggle:hover .navicon::after {
    background-color: #f9aa0c;
}

a.site-title {
    color: #f9aa0c;
}

.greedy-nav .visible-links a::before {
    background-color: #f9aa0c;
}



/* ================  barre de navigation sticky ======================= */

.masthead {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    padding-bottom: 5px;
    margin-bottom: 20px;

}

.greedy-nav {
    background-color: rgba(0, 0, 0, 0);
}

a.site-title {
    color: rgb(249, 170, 12);
}

.greedy-nav a:hover {
    color: rgba(249, 170, 12, 0.8);
}

.fa, .fas {
    color: white;
}



/* =========================  Barre de navigation non sticky =================== */

.masthead2 {
    background-color: rgba(0, 0, 0, 0);
    padding-bottom: 5px;
    margin-bottom: 5px;
}


/* ================   barre de navigation secondaire : Actualités, Nous rejoindre... ============= */
.masthead__inner-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    align-content: flex-end;
    
}
nav#site-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
   
}

/*================================================================================================================================*/
/* =========  Barre de navigation organisée en 3 éléments : logo / barre secondaire / barre principale dans le bloc nav ========== */

.logo2 {
    z-index: -1;
    margin-top: -20px;
 }

.menu3 {
    display: flex;
    align-self: flex-end;
}

.masthead__menu2 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.site-nav {
    flex-grow: 1;  /* donne toute la place restante à la div */
}

.visible-links ::hover {
    display: flex;
    justify-content: flex-end;
}

.site-nav2 {
    font-size: 0.7em;
}

#site-nav2 {
    margin-bottom: 0px;
    height: 25px;
}

.greedy-nav .visible-links a {
    color: white;
}

/* ================================ Menu deroulant ================================== */
.child-link {
    font-size: 0.8em;
}

.dropdownmenu ul {
	display: none;
}
.dropdownmenu a {
	display: block;
   }


.dropdownmenu li:hover ul {
  display: block ;
  position: absolute; 
  box-shadow: 0 0 10px white ;
}

.dropdownmenu ul li {
  background-color: rgba(249, 170, 12, 0.9); /* Couleur d'arriere-plan des sous-menu */
  padding: 8px 0;
}

li.child-link a:hover {
    color: #292f6b;
}

.navigation-fixe {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    margin-bottom: 10px;
    z-index: 10;             /* profondeur de la div */
}

#wsweet1 {
    display: flex;
}
.wsweet12 {
    margin: 50px;
}


/*=================================== page__hero2 pour les entêtes des pages single =======================*/



.page__hero2--overlay {
    display: flex;
    flex-direction: column;
    height: 50vh;
    margin-top: -20px;
    margin-bottom: 0px;
    padding-bottom: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* === Alignement et centre titre et excerpt ===*/

.page__hero2--overlay .wrapper1 {
    display: flex;
    margin-top: 30vh;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}


.page__hero2--overlay .wrapper1 h1#page-title.page__title {
    align-self: center;
}



.archive__item-title a {
    text-decoration: none;
}

.page__title {
    margin-top: -2%;
}

p.page__lead {
    text-align: center;
    font-size: large;
    background-color: rgba(100, 100, 100, 0.7);
    margin-top: 5px ;
    margin-bottom: 5px;
    margin-left: 30px;
    margin-right: 30px;
}

.page__meta-readtime {
    margin-left: 20px;
}

/* ========================== Footer ==========================*/
/* ========== footer ============== */

.citation {
    display: flex;
    justify-content: center;
        
}

.citation p {
    color:#292f6b;
    margin-bottom: 10px;
    margin-top: 0px;
    padding-top: 0px;
    font-size: medium;
    font-weight: bold;
}

.partenaire {
    display: flex;
    justify-content: center;
    
    
}

.partenaire p {
    color:#292f6b;
    margin: 3px;
    padding: 3px;
    font-size: medium;
    font-weight: bold;
}


.pied {
    color:#292f6b;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    
}
 

.pied2 {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.pied3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.pied1 {
    font-size: small;
    padding-left: 20px;
}

.page__footer-copyright {
    display: flex;
    justify-content: center;
}

.page__footer-follow {
    display: flex;
    justify-content: space-evenly;
}


.social-icons .fas, .social-icons .fab, .social-icons .far, .social-icons .fal {
    color: white;
}


.pied5 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    
 }

 .pied5 img {
    height: 60px;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;

}

.page__footer-copyright a {
    margin-left: 3px;
}