/**
 * Please note that these styles will be loaded before editor styles.
 * If a theme's editor style specifies the same classname, these may be overwritten.
 */

/*** intro ***/
.is-style-intro-paragraph { color: rgba(35, 25, 75); font-family: 'Montserrat', sans-serif; font-weight: 900; }
.txt .is-style-intro-paragraph:first-child { margin-top: 0; }

@media (min-width: 520px) {

    .is-style-intro-paragraph { font-size: 1.1em; }

}

/*** a lire ***/
.is-style-a-lire-list, .txt .is-style-a-lire-list { margin: 65px 0 35px; position: relative; font-size: 0.9em; }
.is-style-a-lire-paragraph, .txt .is-style-a-lire-paragraph { margin: 35px 0 35px; position: relative; font-size: 0.9em; }
.is-style-a-lire-paragraph a, .txt .is-style-a-lire-paragraph a { color: #23234b;  display: block; padding: 20px 20px 20px 70px; border: 1px solid #e5e5e5; border-left: 0; border-right: 0; }
.is-style-a-lire-paragraph a:hover { color: rgba(35, 35, 75, 1); }

.is-style-a-lire-list, .txt .is-style-a-lire-list { border: 1px solid #e5e5e5; border-left: 0; border-right: 0; padding: 25px 20px 25px 0; }
.is-style-a-lire-list li a, .txt .is-style-a-lire-list li a { display: block; border: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.is-style-a-lire-list li, .txt .is-style-a-lire-list li { position:relative; list-style: none; padding-left: 20px; margin: 7px 0; }
.is-style-a-lire-list li:before, .txt .is-style-a-lire-list li:before { content: '\f054'; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #f0825f; font-size:0.7em; display: inline-block; margin-top:0.45em; top: 0; left: 5px; border: 0; }
.txt .is-style-a-lire-paragraph:before { display: none; }




@media (min-width: 768px) {
  .is-style-a-lire-list, .txt .is-style-a-lire-list { padding-left: 40px; }
  .is-style-a-lire-list li:before, .txt .is-style-a-lire-list li:before {  }
}

.is-style-a-lire-list:before { content: 'À lire'; background-color: #f0825f; color: #fff; display: block; position: absolute; top: -21px; left: 0; padding: 2px 10px; font-size: 11px; text-transform: uppercase; }
.is-style-a-lire-paragraph a:before { content: 'À lire'; background-color: #f0825f; color: #fff; display: block; position: absolute; top: 50%; margin-top: -10px; left: 0; padding: 2px 10px; font-size: 11px; text-transform: uppercase; }


/*** en bref ***/
.is-style-enbref-group { background: #f9f9f9; border: 1px solid #e5e5e5; padding: 15px 15px 15px; border-radius: 10px; color: #323232; }
.is-style-enbref-group > div > h2:first-child, .is-style-enbref-group > div > h3:first-child { margin-top: 0; margin-bottom: 30px; }
.is-style-enbref-group > div > h2:before { display: none; }

.is-style-enbref-group > div > p { position: relative;   }
.is-style-enbref-group > div > ul {  }
.is-style-enbref-group > div li:before, .txt .is-style-enbref-group > div li:before { border: 0; content: '\f054'; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #f0825f; font-size:0.7em; display: inline-block; margin-top:0.45em; top: 0; left: -17px; }


@media (min-width: 768px) {
    .is-style-enbref-group { padding-left: 50px; padding-right: 50px; padding-top: 25px; }
    .is-style-enbref-group > div li:before, .txt .is-style-enbref-group > div li:before { left: -24px; }
}


/*** legende ***/

.is-style-legende-paragraph, .txt .is-style-legende-paragraph {  font-size: 0.65em; color: #7f7f7f; margin: 0; }


/*** action ***/
.is-style-action-group { border: 1px solid #f0825f; padding: 40px 0 50px; margin: 40px 0; border-radius: 10px; text-align: center; }
.is-style-action-group > div > *, .txt .is-style-action-group > div > * { margin-left: 10%; margin-right: 10%; }
.is-style-action-group > div > .wp-block-image { margin: -41px 0 0; position: relative; left: -1px; }
.is-style-action-group > div > .wp-block-image figcaption { display: none; }
.is-style-action-group > div > .wp-block-image img { border-bottom-left-radius: 0; border-bottom-right-radius: 0; max-width: calc(100% + 2px); width: calc(100% + 2px); }
.is-style-action-group > div > p {margin: 25px 0 35px 0;}
.is-style-action-group > div > .is-style-legende-paragraph { margin-top: 5%; margin-bottom: 0; }

@media (min-width: 768px) {
    .is-style-action-group > div > .is-style-legende-paragraph { margin-top: 1% }
}


.txt .is-style-action-group h2, .txt .is-style-action-group h3, .txt .is-style-action-group h4, .txt .is-style-action-group h5, .txt .is-style-action-group h6 { font-size: 1.3em; color: #f0825f; padding: 0; text-transform: none; }

/*** encadré ***/

.is-style-highlight-group { background: #f9f9f9; border: 1px solid #e5e5e5; color: #7f7f7f; padding: 25px 25px; margin: 40px 0; border-radius: 10px; }
.is-style-highlight-group > div > h2, .is-style-highlight-group > div > h3, .is-style-highlight-group > div > h4, .txt .is-style-action-group h5, .txt .is-style-action-group h6 { font-size: 1.1em; padding-top:0; text-transform: none; }


/*** accordeon ***/
.is-style-accordeon-group { color: #323232; }


/*** separator points ***/
.wp-block-separator.is-style-dots { margin: 40px 0 0; }
.wp-block-separator.is-style-dots:before { letter-spacing: 2px; font-size: 60px; line-height: 10px; color: #f0825f; padding-left: 0; margin-top: 10px;}


/*** tableaux ***/

.is-style-ligne-mobile-table {}
.is-style-colonne-mobile-table {}