/* CSS commun site & éditeur */
.mon_champ {
  display:none!important;
}
.spacer {
  clear: both;
  margin: 0;
  padding: 0;
}

ul {
    padding: 0 0 0 20px;
}

img {
	max-width: 100%;
    
}
.netc-editor img {
    height: auto;
}
iframe {
	/*width: 100%;*/
    max-width: 100%;
    border:0;
    margin:auto;
    display:block;
}

.btn-link-contener {
    display: flex;
    justify-content: center;
    width:fit-content;
    margin:auto;
        
}

.btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    line-height: 1.6rem;
    color: #FFFFFF;
    padding: 12px 20px;
    background-color: #22977E;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #2C2B3B;
    margin: 1em 0;
    padding: 0;
}

h2 {
  font-weight: 600;
  /*font-size: 2.8rem;*/ /* non géré par éditeur*/
  font-size: clamp(1.8rem, 1.5vw, 2.8rem);
  font-size: 26px;
  line-height: 2.6rem;
  color: #9063A7;
}

h3 {
    font-weight: 400;
    /*font-size: 2.0rem;*/ /* non géré par éditeur*/
    font-size: 20px;
    color: #00A9CE;
    margin: 0 0 10px 0;
}

h4 {
    font-weight: 400;
    /*font-size: 1.8rem;*/ /* non géré par éditeur*/
    font-size: 16px;
    color: #9063A7;
    float: left;
    margin: 0 10px 0 0;
}


/* ---- DEBUT / Encadré bon à savoir ---- */
.bonsavoir {
  width: 100%;
  max-width: 600px;
  margin: auto;
}

.titre-bonsavoir {
  position: relative;
  z-index: 12;
  display: inline-block;
  padding: 4px 10px 4px 50px;
  margin: 0;
  background-color: #DB5D7E;
  font-weight:700;
  color: #FFF;
  font-size: 20px;
  line-height: 1;
  letter-spacing:-0.5px;
}
.titre-bonsavoir::before {
  content: '';
  position: absolute;
  top: 0;
  left: 2px;
  bottom: 0;
  width: 40px;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 11h-4v4h-4v4h4v4h4v-4h4v-4h-4v-4ZM8 11H4v4H0v4h4v4h4v-4h4v-4H8v-4ZM22 0h-4v4h-4v4h4v4h4V8h4V4h-4V0ZM22 21h-4v4h-4v4h4v4h4v-4h4v-4h-4v-4Z' fill='%23FDC947'/%3E%3C/svg%3E");
  background-position: center;
  background-size: 40px;
  background-repeat: no-repeat;
}

.texte-bonsavoir {
  position: relative;
  z-index: 11;
  top: -10px;
  left: 10px;
  padding: 20px 10px 10px 10px;
  margin: 0;
  border: 2px solid #DB5D7E;
  font-weight: 600;
  font-style: italic;
}

/* ---- FIN / Encadré bon à savoir ---- */

/* ---- DEBUT / Accordéon ---- */

.accordion-item .details-styling {
  padding: 12px;
}

.accordion-item .details-styling > * {
  margin: 0;
}

.accordion-item .details-styling > * + * {
  margin-top: 10px;
}

details.accordion-item, div.accordion-item {
  background-color: #fff;
  border: 1px solid #E0E0EB;
  /*border-bottom: 0;*/
  list-style: none;
}

.accordion-item:first-of-type,
.accordion-item:first-of-type summary, .accordion-item:first-of-type .accordion-summary {
  border-radius: 5px 5px 0 0;
}

.accordion-item:last-of-type {
  border-bottom: 1px solid #E0E0EB;
  border-radius: 0 0 5px 5px;
}

.accordion-item summary, .accordion-item .accordion-summary {
  position: relative;
  display: block;
  transition: 0.2s;
  color: #00A9CE;
  font-weight: 600;
  padding: 12px 30px 12px 12px;
  cursor: pointer;
}

.accordion-item summary::after, .accordion-item .accordion-summary::after {
  content: "";
  border-right: 2px solid;
  border-bottom: 2px solid;
  position: absolute;
  top: 16px;
  right: 12px;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  transition: inherit;
}

.accordion-item[open] summary, .accordion-item[open] .accordion-summary {
  background-color: #00A9CE;
  color: #FFF;
}

.accordion-item[open] summary::after, .accordion-item[open] accordion-summary::after {
  top: 20px;
  transform: rotate(225deg);
}

/* exergue */
.exergue {
    font-weight: 600;
    font-size: 1.8rem;
    font-size: clamp(1.6rem, 1.1vw, 1.8rem);
    line-height: 1.4;
    color: #9063A7;
    background-color: #E8DEED;
    border-left: solid 5px #B99DC8;
    border-radius: 5px;
    padding: 20px;
    max-width: 470px;
    margin: 20px auto;
}

.exergue::before {
    content: '';
    display: block;
    width: 24px;
    height: 20px;
    margin-bottom: 10px;
    background-image: url('../images/assets/icon-citation.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.exergue span {
    display: block;
    text-align: right;
    color: #403F56;
}
.exergue span::before {
    content: '- ';
} 

/* galerie intégrée */
.embed_galerie {
    width:1160px;
    max-width:100%;
    margin:20px auto;
    
    border:0;
    
}

/* tableau */
.table_liste,
.tableau-style {
    border-bottom: 2px solid #F3F3F7;
}

.table_liste thead,
.tableau-style thead {
    text-align: left;
    color: #FFF;
    background-color: #403f55;
}

.table_liste th,
.tableau-style th {
    font-weight: 600;
    padding: 10px;
}

.table_liste th:first-child,
.tableau-style th:first-child {
    border-top-left-radius: 5px;
    padding-left: 15px;
}

.table_liste th:last-child,
.tableau-style th:last-child {
    border-top-right-radius: 5px;
    padding-right: 15px;
}

.table_liste tbody tr:nth-child(odd),
.tableau-style tbody tr:nth-child(odd) {
    background-color: #F3F3F7;
}

.table_liste td,
.tableau-style td {
    padding: 10px;
}

@media (max-width: 801px) {


  .table_liste,
  .tableau-style {
    max-width:100%;
    overflow-y:auto;
    overflow-x: auto;
    display:block;
  }
    
  .table_liste th,
    .tableau-style th, .table_liste td,
  .tableau-style td {
      padding: 5px;
  }  
  
}

@media (max-width: 501px) {
  .table_liste,
  .tableau-style {
    overflow-x:scroll;
    
  }

}

/* bouton */
.btn-editor-cta {
    align-items: center;
    line-height: 1;
    color: #FFF!important;
    background-color: #00A9CE;
    padding: 7px 11px 7px 40px;
    text-decoration: none!important;
    border-radius: 5px;
    font-weight: 600;
    background-image: url('../images/assets/cta-left-part.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    transition: all 0.2s ease;
    display:inline-block;
}
.btn-editor-cta:hover {
    filter: brightness(90%);
}

.btn-editor-telecharger {
  cursor: pointer;
  line-height: 1;
  padding: 10px 15px 10px 35px;
  border-radius: 5px;
  width: auto;
  border: none;
  color: #FFF!important;
  font-weight: 600;
  background-color: #9063A7;
  text-decoration: none!important;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12.1667v3.5556c0 .4715-.1873.9237-.5207 1.2571-.3334.3334-.7856.5207-1.2571.5207H2.77778c-.4715 0-.92368-.1873-1.25708-.5207C1.1873 16.646 1 16.1938 1 15.7223v-3.5556M4.55664 7.72217l4.44444 4.44443 4.44442-4.44443M9 12.1667V1.5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 18px;
  transition: all 0.2s ease;
}
.btn-editor-telecharger:hover {
  background-color: #7D5393;
}


@media (max-width: 801px) {
    .btn-editor-telecharger {
        display:inline-block;
    }
}