/*
 Theme Name:     Twenty Seventeen Child Theme
 Theme URI:       
 Description:    Child theme for use with WordPress Twenty Seventeen Theme.
 Author:         Stephane
 Author URI:     https://stephane-barbreau.fr/
 Template:       twentyseventeen
 Version:        1.0.0
*/


/* Add Custom CSS after this line */

@media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap {
        max-width: 1300px;
    }
}
@media (min-width:768px) {
.bloc-1 {
  border: 1px solid #f2f2f2;
  border-radius:10px;
  background: linear-gradient(to bottom right, 
        rgba(255, 255, 255, 0.8), /* Rouge avec 80% d'opacité (début) */
        rgba(0, 0, 255, 0.02)  /* Bleu avec 50% d'opacité (fin) */
    );
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
  }}
.balign {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px; 
}
.balign4 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px; 
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}
.h4-page {
  font-size:0.8em;
  background:#f2f2f2;
  border-radius:4px;
}
.h4-page.plus {
	font-size:0.7em;
}
.wp-block-column:nth-child(odd) 
,  .wp-block-column:not(:last-child) {
  margin-right: 2px;
  margin-left: 2px;
    }
.page-id-271 .pied-sl {
  display:none;
}
.bloca-2 {
  flex-basis: 40%;
}
.bloca-2 figcaption {
  text-align:center !important;
}

.page-id-271 #wp-custom-header {

    background-image: url('https://stephane-barbreau.fr/next-site/wp-content/uploads/2025/10/Mediumnite-768x163.jpg') !important;
    background-size: cover; 
    background-position: center center; 
  display: list-item;
    height: 183px;
}

.page-id-271 #wp-custom-header img {
    
    display: none !important;
}
/* Cette règle cible l'image dans l'en-tête, en excluant les pages d'accueil et d'accueil */
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    /* Écrase le positionnement vertical pour ancrer à 10px du haut */
   object-position: 50% -80px !important;
}

@media screen and (min-width: 48em) {
    .panel-content .wrap {
        padding-bottom: 4.5em;
        padding-top: 1em;
    }
}
@media screen and (min-width: 48em) {
    .site-content {
        padding: 1em 0 0;
    }
}
    .page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
        margin-bottom: 1.5em;
    }
}