/* TITRES */
h1,h2,h3,h4{line-height: var(--wp--custom--line-height--heading);}
h1 {font-size: var(--wp--preset--font-size--huge); font-weight: 700; color: var(--wp--preset--color--brandcolor);text-transform: uppercase;}
h2 {font-size: var(--wp--preset--font-size--x-large); font-weight: 700; color: var(--wp--preset--color--brandcolor); margin-top:20px !important; margin-bottom: 20px !important; }
h3 {font-size: var(--wp--preset--font-size--large); font-weight:600; }
h4 {font-size: var(--wp--preset--font-size--medium); font-weight:600; }



body.home .wp-block-video{ max-width: 1300px !important;}
body.home .wp-block-heading + .wp-block-video{ margin-top: -20px;}




.wp-block-button__link{ transition:all 0.1s linear; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
.wp-block-button__link:hover{ border-color:var(--wp--preset--color--brandcolor) !important; background:var(--wp--preset--color--brandcolor) !important; color: #ffffff !important;  }

footer .wp-block-button__link:hover{ border-color:#ffffff !important; background:#ffffff !important; color:var(--wp--preset--color--brandcolor) !important;  }

/* LISTE PUCE */
.wp-block-list{ list-style: square;}
.wp-block-list .wp-block-list{ list-style:circle; margin-top:3px !important; padding-left:30px;  }
.wp-block-list ::marker{ color:var(--wp--preset--color--brandcolor) !important; }

.centered-list{ text-align: center;}


/* FONT AWES ICON */
.wp-block-font-awesome-icon{ border:1px dotted red; aspect-ratio:1/1; width:4em; background: #ffffff; border:3px solid var(--wp--preset--color--brandcolor); border-radius:999px; display: flex; align-items: center; justify-content: center;}


/* ACCORDEON */
.wp-block-accordion{ margin-top:20px; margin-bottom:20px; }
.wp-block-accordion-item{ background:var(--wp--preset--color--light-gray) !important; border-radius:30px; overflow: hidden;}
.has-light-gray-background-color .wp-block-accordion-item{ background:#ffffff !important;}

.wp-block-accordion-heading{  font-size:var(--wp--preset--font-size--medium) !important; }
.wp-block-accordion-heading__toggle-icon{ color:var(--wp--preset--color--brandcolor); font-size: 1.4em; margin-right: 10px; }
.wp-block-accordion-heading__toggle{ padding:15px;  }
.wp-block-accordion-panel{ padding:0 30px 30px 30px; }




/*=============================================================*/
/*===== FRISE =================================================*/
/*=============================================================*/
#frise{display: flex; flex-direction: column; gap:50px; max-width:900px !important; /* border:10px solid #f5f5f5; border-radius: 30px; padding:70px 50px; */}
#frise .line{ position: relative; z-index: 50; display: flex; align-items: center; gap:50px;}
#frise .line>*{ flex:1;  }
#frise .line>*:nth-child(2){ flex:none; width:100px; order: 2; text-align: center; font-family:var(--wp--preset--font-family--titre); font-size:var(--wp--preset--font-size--normalplus);  }

#frise .line:not(:last-child):after{ content: ""; position: absolute; left:calc(50% - 2px); top:15px; z-index: -1; background:#d4d4d4; width:4px; height:calc(100% + 50px); }
#frise .line:first-child:after{ top:50%; }

#frise .line:last-child:after{ content: ""; position: absolute; left:calc(50% - 2px); bottom:50%; z-index: -1; background:#d4d4d4; width:4px; height:50%; }



#frise .annee{ display: flex; align-items: center; justify-content: center; flex-direction: column; gap:20px;}
#frise .annee span{ position: relative;  background:#ffffff; border:4px solid #d4d4d4; font-size: 1.1em; line-height:1.2; font-weight: 600;  aspect-ratio:1/1; display:flex; justify-content: center; align-items: center; border-radius:999px;  padding:10px; }

/*
#frise .annee span{ background:var(--wp--preset--color--blue); }
*/


#frise .line.mea .annee span{ background: var(--wp--preset--color--brandcolor); border-color:var(--wp--preset--color--brandcolor); color: #ffffff; }



#frise .annee span:empty{ display: none;}
#frise .annee span:nth-child(2):before{ content: ""; position: absolute; left:calc(50% - 2px); bottom:90%; background:var(--wp--preset--color--black); width:4px; height:40px; }

#frise .line strong{ font-size:1.4em; color:var(--wp--preset--color--brandcolor); display: block;}


#frise .line>*:nth-child(1){ order:1; text-align: right; position: relative;}
#frise .line>*:nth-child(1):not(:empty):before{ content: ""; position:absolute; top:calc(50% - 1px); left:calc(100% + 10px); width:80px; z-index: -1; border-top:2px dotted #d4d4d4;   }
#frise .line.mea>*:nth-child(1):before{ border-color:var(--wp--preset--color--brandcolor); }

#frise .line .vignette{ display: block; max-width:300px; margin:0 0 0 auto;  }
#frise .line .vignette img{ display: block; max-width:100%; height: auto; border-radius:10px; margin:0 0 0 auto; }


#frise .line>*:nth-child(3){ position: relative;order:3; text-align: left; line-height:1.4;  }

#frise .line>*:nth-child(3):before{ content: ""; position:absolute; top:calc(50% - 1px); right:calc(100% + 10px); width:80px; z-index: -1; border-top:2px dotted #d4d4d4;   }
#frise .line.mea>*:nth-child(3):before{ border-color:var(--wp--preset--color--brandcolor); }



#frise .line:nth-child(2n + 0)>*:nth-child(1){ order:3; text-align: left; }
#frise .line:nth-child(2n + 0)>*:nth-child(1):before{ left:auto; right:calc(100% + 10px);  }
#frise .line:nth-child(2n + 0)>*:nth-child(3){ order:1; text-align: right;}
#frise .line:nth-child(2n + 0)>*:nth-child(3):before{ right:auto; left:calc(100% + 10px);  }


#frise .line:nth-child(2n + 0) .vignette{ margin:0 auto 0 0; }
#frise .line:nth-child(2n + 0) .vignette img{ margin:0 auto 0 0; }



#frise .detail p{ margin:0; }
#frise .detail p:first-child{ margin:0; }

#frise .titre{ display: block; font-family:var(--wp--preset--font-family--titre); font-size: 1.6em; line-height:1.1em;  color:var(--wp--preset--color--black); }
/*
#frise .titre{ color:var(--wp--preset--color--blue); }
*/

@media screen and (max-width:700px){
    #frise .line{ gap:20px; }
    #frise .line>*:nth-child(1){ display: none;}
    #frise .line>*:nth-child(3):before{ width:60px; }

    #frise .line:nth-child(2n + 0)>*:nth-child(3){ order:3; text-align:left; }
    #frise .line:nth-child(2n + 0)>*:nth-child(3):before{ left: auto;right:calc(100% + 10px);}
    #frise .line:not(:last-child):after{ left:48px; }

}