/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 17 2026 | 15:12:41 */
/*
 ******************************************************
   Guide d'utilsation :

    - ajouter une étoile de décoration sur une div :
        <div class="
            has-star-before        => (required) ajoute le ::before contenant le svg de l'étoile, le before est supprimé en format mobile
            gold-star              => (required) ajoute une couleur au svg (sans cela, il sera transparent), on peut en ajouter facilement
            star-position-center   => (required) détermine la position du svg (on peut facilement en ajouter, par exemple en positionnant depuis les dev-tools et en copiant la position)
            of--visible            => (optional) au besoin, rendre le débordement visible (sans cela il sera masqué)
        "></div>

 *******************************************************
 */
.has-star-before {
	position: relative;
    overflow: hidden; 
}
.has-star-before::before {
	content: "";
    position: absolute;
    z-index: 0;
    width: 900px;
	height: 900px;
    -webkit-mask: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%202100%202000%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2010%20801c-9%200-15%207-15%2016v1l-893%20198%20619-347c3%202%206%203%2010%203a15%2015%200%201%200-13-7l-623%20350%20275-395a15%2015%200%200%200%2023-13%2015%2015%200%201%200-27%2011l-273%20391%20201-719h2a15%2015%200%201%200-6-1l-201%20718-29-836a15%2015%200%201%200-4%200l28%20836-225-606a15%2015%200%200%200-8-29%2015%2015%200%201%200%203%2031l226%20607-246-292c3-3%204-7%204-11a15%2015%200%201%200-8%2014l246%20292-655-385%201-5a15%2015%200%201%200-3%209l652%20383-440-114%201-3a15%2015%200%201%200-2%207l436%20114-961-28a15%2015%200%200%200-30%201%2015%2015%200%200%200%2030%203l966%2029-760%20213a15%2015%200%201%200%201%206v-2l764-214-464%20359c-3-3-7-5-11-5a15%2015%200%201%200%2014%209l458-355-274%20348a15%2015%200%200%200-23%2013%2015%2015%200%201%200%2027-10l277-352-269%20779h-4a15%2015%200%201%200%208%202l269-777-39%20791h-3a15%2015%200%201%200%208%202l38-792%20107%20463a15%2015%200%200%200%207%2029%2015%2015%200%201%200-2-31l-107-463%20290%20510a15%2015%200%200%200%2010%2027%2015%2015%200%201%200-6-29l-291-511%20816%20730-2%208a15%2015%200%201%200%206-12l-819-732%20456%20163v2a15%2015%200%201%200%201-7l-452-161%20824%2036a15%2015%200%201%200%200-5l-821-36%20891-198a15%2015%200%200%200%2029-5c0-9-7-16-15-16Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%202100%202000%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2010%20801c-9%200-15%207-15%2016v1l-893%20198%20619-347c3%202%206%203%2010%203a15%2015%200%201%200-13-7l-623%20350%20275-395a15%2015%200%200%200%2023-13%2015%2015%200%201%200-27%2011l-273%20391%20201-719h2a15%2015%200%201%200-6-1l-201%20718-29-836a15%2015%200%201%200-4%200l28%20836-225-606a15%2015%200%200%200-8-29%2015%2015%200%201%200%203%2031l226%20607-246-292c3-3%204-7%204-11a15%2015%200%201%200-8%2014l246%20292-655-385%201-5a15%2015%200%201%200-3%209l652%20383-440-114%201-3a15%2015%200%201%200-2%207l436%20114-961-28a15%2015%200%200%200-30%201%2015%2015%200%200%200%2030%203l966%2029-760%20213a15%2015%200%201%200%201%206v-2l764-214-464%20359c-3-3-7-5-11-5a15%2015%200%201%200%2014%209l458-355-274%20348a15%2015%200%200%200-23%2013%2015%2015%200%201%200%2027-10l277-352-269%20779h-4a15%2015%200%201%200%208%202l269-777-39%20791h-3a15%2015%200%201%200%208%202l38-792%20107%20463a15%2015%200%200%200%207%2029%2015%2015%200%201%200-2-31l-107-463%20290%20510a15%2015%200%200%200%2010%2027%2015%2015%200%201%200-6-29l-291-511%20816%20730-2%208a15%2015%200%201%200%206-12l-819-732%20456%20163v2a15%2015%200%201%200%201-7l-452-161%20824%2036a15%2015%200%201%200%200-5l-821-36%20891-198a15%2015%200%200%200%2029-5c0-9-7-16-15-16Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

.gold-star::before { background-color: #ffa20042; }
.brown-star::before { background-color: #c88f3a; }
.grey-star::before { background-color: #cfd2e3; }
.lightgold-star::before { background-color: #fdeacc; }

.z-index--negative { z-index: -1; }
.z-index--positive { z-index: 1; }

.star-position-center::before {	top: -410px; left: 90px; }
.star-position-01::before {	top: -300px; right: -1100px; }
.star-position-02::before {	top: -300px; right: 595px; transform: rotate(-90deg); }
.star-position-03::before {	top: -290px; right: -640px;	}
.star-position-04::before {	top: 0; left: 0; transform: translateX(-55%); }
.star-position-05::before {	top: 0; right: 0; transform: translate3d(40%, 35%, 0); }
.star-position-06::before {	top: 0; left: 0; transform: translate3d(10%, 10%, 0); }
.star-position-07::before {	top: 0; right: 0; transform: translate3d(47%, 30%, 0); }
.star-position-08::before { top: -106px; left: -506px; transform: rotate(-25deg); }

.of--visible { overflow: visible; }

@media screen and (max-width:799px) {
	/* supprime le ::before en format mobile */
    .has-star-before::before { content: none; }
}