/* Couleur background de tout le site */
.pique-panel {
	background-color: #f1f2e5;
}
/* Couleur barre menu */
.main-navigation ul {
	background-color: #AB5152;
	margin: 0;
	padding: 5px;
}
/* Pied de page - Mise en forme 1 */
.textwidget {
	font-family: "Open Sans", sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #000;
}
/* Pied de page - Mise en forme 2 */
.wf-active .site-branding .site-title, .wf-active .widget-title, .wf-active h3 {
	color: #000;
}
/* Pied de page - Mise en forme 3 couleur background */
.site-footer::before {
	background-color: #f1f2e5;
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
/* Actualités - Ajout filtre noir sur image */
.pique-panel-background {
	background-attachment: scroll;
	opacity: initial;
}
/* Barre menu - Suppression animation */
.main-navigation a:hover {
font-size: 0.8rem;
font-family: "PT Sans", sans-serif;
}
/* Supprimer animation dates articles*/
.entry-meta a:hover{
	color: darkgray;
	font-family: "PT Sans", sans-serif;
	font-size: 0.85rem;
}
/* Accueil - Images rondes */
.image-ronde {
  border-radius: 50%;
}
/* remove bottom border from links */
.entry-content a:not(.button):hover {
    border: none;
}
/* Accueil - Suppression ombre sur les titres */
.entry-content span,p {
        text-shadow: 0px 0px;
}
/* Accueil - Supprimer ligne sur Contact */
.pique-panel-content form {
  border: 0;
}
/* Actualités - Texte d'aperçu en blanc */
@media {
.blog .pique-panel-content .entry-content {
    color: white;
		text-align:justify;
}
/* Accueil - Mise en forme ligne autour des titres*/
.home .pique-panel-content h2 {
	border: 2px solid #272725;
	border-bottom: 0;
}
.home .pique-panel-content h2::before,
.home .pique-panel-content h2::after {
	border-bottom: 2px solid #272725;
}

/* Accueil - Mise en forme boutons Lire la suite*/
.home input[type=submit] {
    background: #aa9f7b;
}
.home a.button {
    background: #aa9f7b;
}
.blog .read-more a {
    background: #aa9f7b;
}

/* Accueil - Enlever filtre sur image en en-tête */
.home .pique-panel-background:before {
    background: rgba(0, 0, 0, 0);
}
/* Accueil - Mise en forme ligne de séparation */
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

/* En-tête - Ajouter logo TAF sur toutes les pages */
 #masthead {
    min-height: 180px;
    margin-top: 90px;
  }
#masthead::before {
    position: absolute;
    width: 600px;
    height: 90px;
    max-width: 100%;
    content: "";
    background-image: url(https://timeaeon.org/wp-content/uploads/2019/08/Logo_Timeaeon_Foundation.png);
    background-size: 80% auto;
    background-position: center top;
    background-repeat: no-repeat;
    left: 50%;
    top: -40px;
    transform: translate(-50%, -50%);
    display: block;
  }
}
/* Actualités - Animation bouton Lire la suite */
.blog .entry-content a:not(.button):hover {
    border: solid 2px transparent;
    color: white;
}
/* Accueil - Mise en forme texte */
.texte-accueil {
	color: #272725;
	text-shadow: 0px 0px;
	font-size: 10px
}
/* Accueil - Mise en page Responsive images section projets */
.groupe-image-rond {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-template-rows: repeat(2, 300px);
}
/* Projets - Mise en page Responsive images et texte */
.groupe-image-rond-projet {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
/* remove theme's footer text and add custom footer content DA hc-12455527 */

.site-footer .site-info {
	font-size: 0;
}

.site-footer .site-info:before {
	content: "© 2019 by Time Æon Foundation © Photo(s) Musée international d'horlogerie";
	font-size: 0.9rem;
	color: #000;
}