/* HALLOWEEN : chargée uniquement le 31 octobre (cf. include/incHaut.php), surcharge les couleurs de style.css */

/* FOND : scène Halloween au lieu de back.png doré */
body{background:url(/img/theme/halloween.webp) center top / cover no-repeat fixed #160c22;color:#3b2a1a;}
@media screen and (max-width:63.9375em){
body{background-attachment:scroll;}
}

/* EN-TETE */
header .menu_acces a{border-color:#ff7518;background-color:#ff7518;color:#fff;}
header .menu_acces a:hover{border-color:#ffd27a;}
header nav ul li a{color:#ffd27a;border-color:#ff7518;background:#5a2390;background:linear-gradient(to bottom,#8e44c9 0%,#3d1a5c 100%);}
header nav ul li a:hover{color:#fff;border-color:#ffd27a;background:#ff7518;background:linear-gradient(to bottom,#ffa04d 0%,#d9480f 100%);}
.header_mobile{background:#d9480f;background:linear-gradient(to bottom,#ff7518 0%,#a8360a 100%);}
.header_mobile .menu button:hover{color:#2a1640;}
.header_menu1,.header_menu2,.header_menu1 ul.menu li a{background:#2a1640;}
.header_menu1 ul.menu li a:hover{background:#160c22;}
.header_menu2 a{background:#160c22;}

/* BLOC PRINCIPAL */
main .main{background:#fbe6c8;border-color:#ff7518;box-shadow:0 0 18px rgba(255,117,24,0.35);}

/* BOX colonne gauche : citrouille */
.col_gauche .box{border-color:#ffb066;}
.col_gauche .box .haut{background:#ffa04d;background:linear-gradient(to bottom,#ffc285 0%,#ff7518 100%);}
.col_gauche .box .haut h1,.col_gauche .box .haut h2{color:#3b1d08;}
.col_gauche .box .haut a,.col_gauche .box .haut span{color:#3b1d08;}
.col_gauche .ilu_accueil{background-color:#fff4e3;}

/* BOX colonne droite : violet sorcière */
.col_droite .box{border-color:#c9a3e8;}
.col_droite .box .haut{background:#6b2fa0;background:linear-gradient(to bottom,#3d1a5c 0%,#8e44c9 100%);}

/* LIENS ET TITRES */
a{color:#8e2fc9;}
a:hover,.alert_login:hover,.box_lien a:hover .fa{color:#e8590c;}
.alert_login{color:#8e2fc9;}
form h2,form h3,form .h3{color:#d9480f;border-bottom-color:#ffb066;}
.box_mise,.box_mise label{color:#d9480f;}
.liste_articles li,.article_content img{border-color:#ff7518;}
.boutique_titre .fa{color:#ff7518;}
.btn2{border-color:#8e2fc9;}
.btn2:hover{border-color:#ff7518;}
.gototop{background-color:#ff7518;}
.box_alert_login{border-color:#ff7518;}

/* PIED DE PAGE */
footer .footer{background:#2a1640;border-color:#ff7518;}
footer ul li a,footer .footer-contact a,footer .footer .footer-toggle{color:#ffd9b0;}
footer ul li a:hover{color:#ff7518;}
footer .footer-contact a{border-color:#ff7518;}
footer .footer-contact a:hover{background:#ff7518;color:#160c22;}
footer .footer .footer-toggle{border-bottom-color:#ff7518;}