/* STYLES GUTENBERG styles partagés public-privé */


:where(.wp-block-columns.has-background),
:where(.wp-block-group.has-background)
 {
     padding: 15px;
}


 a{
    color: var(--wp--preset--color--bleu-fonce);
}
a:hover{
   color: var(--wp--preset--color--bleu-pale);
}
a:hover{
   text-decoration: none;
}
h1 a,h2 a,h3 a,h4 a, h5 a, h6 a,.navbar a,#colophon a{
  text-decoration:none;
}

#colophon a:hover{
   /* text-decoration: underline; */
}

body{
      color:#555;
}
.is-root-container{
    color:#333;
    font-weight:500;
}



h1, h2, h3, h4, h5, h6 {
  clear: both;

}
h1 {
  font-size: 3.35em;
}
h2 {
  font-size: 2em;
}
h3 {
  font-size: 1.6em;
  font-family: var(--wp--preset--font-family--policetitre);
}
h4 {
  font-size: 1.25em;
}



.is-root-container  ol,
.is-root-container  ul{
  line-height:1.36em;
  /* padding:0.75em 0 0.25em 1.5em; */
  padding:revert;
}
.is-root-container  li{
  margin-bottom:0.4em;
  margin-top:0.4em;
}

/* h1.entry-title{
  font-size:2em;
} */

.wp-block-button{
  position:relative;
  z-index:1;
}

.wp-block-file:not(.wp-element-button) {
  font-size: .9em;
}


.wp-block-button.btn-alt{
 background: none;
}
.wp-block-button.btn-alt .wp-element-button{
 background-color: #fff ;
 color: var(--wp--preset--color--orange);
}
.wp-block-button.btn-alt .wp-element-button:hover{
 background-color: var(--wp--preset--color--orange-ultra-pale);
  color: var(--wp--preset--color--orange-fonce);
}



.wp-block-quote p{
  display:block;
  line-height: 1.36rem;

}
.wp-block-quote cite{
  display:block;
  line-height: 1.36rem;
}

.wp-block-details summary{
  font-size:1.1em;
  font-weight:600;
  text-decoration: underline;
}
.wp-block-details > div{
  margin-left:1.25em;
}



/* ACCUEIL */

.cercles{
  background: linear-gradient(180deg, rgba(0,0,0,0) 64%, #fff 36%);
}

.cercle-conteneur{
  display:flex;
  justify-content:center;
  align-items: center;
}
.cercle{
   height:230px;
   width:230px;
   max-height:100%;
   max-width:100%;
   border-radius:50%;
   box-shadow: 0px 6px 3px 0px rgba(0,0,0,0.08);
}
@media (max-width: 781px){
  .cercles{
    background:none;
  }
  .cercle{
    height:190px;
    width:190px;
  }

}