Halloween : votez pour le meilleur déguisement
2026-10-22 11:47:00
www.astonjob.com
https://www.astonjob.com/medias/image/196870855662a1a1c74ddd1.png
2026-10-30 19:10:44
2026-10-22 11:49:09
Clara Joly
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');
.halloween{--accent:#00B3EC;--accent-dark:#0089B3;--accent-tint:#E4F7FD;--night:#09193A;--night-2:#0D3A78;--ink:#132038;--muted:#5B6472;--paper:#FFFFFF;--pumpkin:#FF8A1F;--pumpkin-dark:#B34700;}
.halloween *{box-sizing:border-box;}
.halloween{margin:0;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;}
.halloween h1,.halloween h2,.halloween h3{font-family:'Roboto',Arial,sans-serif;margin:0;font-weight:900;}
.halloween p{margin:0;}
.halloween img{display:block;max-width:none;margin:0;border:0;background:transparent !important;padding:0 !important;box-shadow:none !important;}
.halloween .page{max-width:760px;margin:0 auto;}
.halloween .hero{background:linear-gradient(180deg,var(--night) 0%,var(--night-2) 45%,var(--accent) 78%,var(--accent) 88%,var(--paper) 100%);color:#fff;padding:56px 32px 60px;position:relative;overflow:hidden;}
.halloween .hero>*{position:relative;z-index:2;}
.halloween .hero .web{position:absolute;top:0;left:0;width:110px;height:110px;opacity:.28;z-index:1;}
.halloween .hero .bat{position:absolute;z-index:1;}
.halloween .hero .b1{top:40px;right:48px;width:70px;transform:rotate(-6deg);}
.halloween .hero .b2{top:120px;right:170px;width:46px;opacity:.3;transform:rotate(12deg);}
.halloween .hero .b3{top:84px;right:236px;width:30px;opacity:.25;transform:rotate(-14deg);}
.halloween .hero .logo{height:40px;width:auto;margin:0 0 26px;}
.halloween .eyebrow{font-size:13.5px;font-weight:600;color:#CFE9FA;margin-bottom:14px;}
.halloween .hero h1{color:#fff;font-size:clamp(30px,5.4vw,44px);line-height:1.12;display:flex;align-items:center;gap:14px;}
.halloween .hero h1 img{width:50px;height:50px;flex:none;}
.halloween .hero-sub{font-weight:700;font-size:clamp(17px,2.6vw,21px);color:#fff;margin-top:12px;}
.halloween .chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}
.halloween .chip{background:#fff;border-radius:14px;padding:9px 16px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:600;color:var(--ink);box-shadow:0 10px 24px -14px rgba(9,25,58,.55);flex:1 1 150px;}
.halloween .section{padding:40px 32px 0;}
.halloween .section-title{font-size:24px;color:var(--ink);margin:0 0 16px;}
.halloween .lead{font-size:16.5px;margin:0 0 14px;}
.halloween .divider{display:flex;align-items:center;gap:14px;margin:34px 32px 0;}
.halloween .divider::before,.halloween .divider::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--accent-tint) 0 8px,transparent 8px 14px);}
.halloween .divider img{flex:none;}
.halloween .divider .dbat{width:30px;height:15px;}
.halloween .divider .dpk{width:26px;height:26px;}
.halloween .finalists{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.halloween .fin{border:2px solid var(--accent-tint);border-radius:16px;overflow:hidden;background:#fff;}
.halloween .fphoto{position:relative;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(135deg,var(--accent-tint),#BFE9F8);display:block;}
.halloween .fphoto .ph{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;opacity:.4;}
.halloween .fphoto .num{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;border:3px solid #fff;font-family:'Roboto',Arial,sans-serif;font-weight:900;font-size:16px;line-height:30px;text-align:center;}
.halloween .fbody{padding:11px 12px 14px;text-align:center;}
.halloween .fbody h3{font-size:15px;line-height:1.25;}
.halloween .fbody p{font-size:12.5px;color:var(--muted);margin-top:2px;}
.halloween .cta{position:relative;margin:44px 32px 0;background:linear-gradient(135deg,var(--night) 0%,#10295C 100%);color:#fff;border-radius:18px;border-left:8px solid var(--pumpkin);padding:32px 28px 34px;text-align:center;}
.halloween .cta .web{position:absolute;top:0;left:0;width:84px;height:84px;opacity:.26;}
.halloween .cta .crawler{position:absolute;width:46px;height:38px;top:-19px;right:64px;transform:rotate(8deg);}
.halloween .cta h2{position:relative;font-size:clamp(22px,4vw,30px);line-height:1.2;}
.halloween .cta h2 span{color:var(--pumpkin);}
.halloween .cta p{position:relative;margin-top:12px;font-size:15.5px;color:#E9EEF6;}
.halloween .vote-wrap{position:relative;margin-top:24px;}
.halloween a.vote-btn{display:inline-block;background:linear-gradient(180deg,#FFA040 0%,var(--pumpkin) 55%,#F06F00 100%);color:#fff;text-decoration:none;font-family:'Roboto',Arial,sans-serif;font-weight:900;font-size:20px;letter-spacing:.02em;padding:16px 40px;border-radius:999px;border:3px solid #fff;box-shadow:0 14px 28px -10px rgba(255,138,31,.75),0 0 0 6px rgba(255,138,31,.22);}
.halloween a.vote-btn:hover{filter:brightness(1.06);}
.halloween .vote-note{margin-top:14px;font-size:13px;color:#C9D6EA;}
.halloween .hwsteps{list-style:none;margin:0;padding:0;position:relative;}
.halloween .hwsteps::before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:3px;background:var(--accent-tint);}
.halloween .hwsteps li{position:relative;padding:0 0 22px 44px;margin:0;list-style:none;}
.halloween .hwsteps li:last-child{padding-bottom:0;}
.halloween .hwsteps li::before{content:"";position:absolute;left:2px;top:5px;width:21px;height:21px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #fff;}
.halloween .hwsteps li.final::before{background:var(--pumpkin);}
.halloween .step-date{font-family:'Roboto',Arial,sans-serif;font-weight:900;font-size:17px;}
.halloween .step-text{margin-top:2px;font-size:15.5px;}
.halloween .prizes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.halloween .prize{border:2px solid var(--accent-tint);border-radius:16px;overflow:hidden;background:#fff;}
.halloween .prize img.pic{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;}
.halloween .prize .pb{padding:12px 14px 15px;}
.halloween .prize h3{font-size:14.5px;line-height:1.25;}
.halloween .prize p{font-size:13px;color:var(--muted);margin-top:4px;line-height:1.45;}
.halloween .closing{position:relative;margin:44px 32px 40px;background:linear-gradient(180deg,var(--night) 0%,#10295C 100%);border-radius:18px;padding:30px 26px 34px;text-align:center;color:#fff;}
.halloween .closing .web{position:absolute;top:0;left:0;width:80px;height:80px;opacity:.25;}
.halloween .friends{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin-bottom:10px;position:relative;}
.halloween .friends .g{width:42px;height:50px;}
.halloween .friends .g.s{width:32px;height:38px;opacity:.85;}
.halloween .friends .k{width:60px;height:60px;}
.halloween .closing .big{position:relative;font-size:clamp(20px,3.6vw,25px);line-height:1.25;margin:0 0 6px;}
.halloween .sign{position:relative;margin-top:14px;font-family:'Roboto',Arial,sans-serif;font-weight:900;font-size:15.5px;color:var(--pumpkin);}
@media (max-width:640px){
.halloween .finalists{grid-template-columns:1fr 1fr;}
.halloween .prizes{grid-template-columns:1fr;}
.halloween .prize img.pic{aspect-ratio:16/9;}
.halloween .hero .b2,.halloween .hero .b3{display:none;}
.halloween .hero .b1{width:46px;right:26px;top:34px;}
.halloween .hero h1 img{width:38px;height:38px;}
.halloween .cta .crawler{right:36px;}
}
.halloween .fphoto img.fp{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;margin:0;opacity:1;z-index:1;}
.halloween .fphoto .num{z-index:2;}
.halloween .fbody{padding:12px 12px 14px;} Sondage aux élèvesVotez pour le meilleur déguisementQuatre finalistes, un seul gagnant4 finalistes1 vote par personneRésultats le lundi 2 novembreChers élèves,Merci d'avoir joué le jeu le vendredi 30 octobre : vos déguisements ont fait sensation ! L'équipe marketing a présélectionné quatre finalistes. Maintenant, c'est à vous de décider : qui a le meilleur déguisement ?Les 4 finalistes1Antoine2Takara3Tom4AdamÀ vos votes : choisissez le gagnantMerci de jouer le jeu : un seul vote par personne.Je vote maintenantLe formulaire s'ouvre dans un nouvel onglet.Comment voter ?1. Clique sur le boutonLe sondage s'ouvre dans un nouvel onglet.2. Renseigne tes informationsAdresse e-mail, nom, prénom et promo : tous les champs sont obligatoires.3. Choisis ton déguisement préféréSélectionne ton finaliste et valide ton vote.Lundi 2 novembreLe gagnant est annoncé sur AstonJob.À gagnerLot n°12 places « Peur sur le Parc »Nocturne au Parc Astérix, le samedi 7 novembre.Lot n°2Une carte de 5 places de cinéma UGCValable 7j sur 7.Lot n°3Un paquet de bonbons à personnaliserLe gagnant le compose lui-même.
https://www.astonjob.com/medias/image/thumbnail_397579437686d2ce6b4cfa.jpg
Please log in to see or add a comment