:root { --accent: #f18109; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(36, 40, 51, 1), -10px 10px rgba(36, 40, 51, 0.2), -10px -10px rgba(36, 40, 51, 1), 10px -10px rgba(36, 40, 51, 0.2); } 25% { box-shadow: -10px 10px rgba(36, 40, 51, 0.2), -10px -10px rgba(36, 40, 51, 1), 10px -10px rgba(36, 40, 51, 0.2), 10px 10px rgba(36, 40, 51, 1); } 50% { box-shadow: -10px -10px rgba(36, 40, 51, 1), 10px -10px rgba(36, 40, 51, 0.2), 10px 10px rgba(36, 40, 51, 1), -10px 10px rgba(36, 40, 51, 0.2); } 75% { box-shadow: 10px -10px rgba(36, 40, 51, 0.2), 10px 10px rgba(36, 40, 51, 1), -10px 10px rgba(36, 40, 51, 0.2), -10px -10px rgba(36, 40, 51, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* MENU GLOBAL */ .header .header-container { text-transform: uppercase!important; font-weight: bold!important; } /* MENU EXPLORER */ .elementor-page-247 .header .header-container { background-color: #0c71c3!important; } /* Page BLOG */ .blog .header .header-container { background-color: #0c71c3!important; } /* Mention légale */ .elementor-page-3 .header .header-container { background-color: #0c71c3!important; } /* MENU HEADER */ .elementor-page-98 .c27-main-header:not(.header-scroll) .header-skin { background-color: #FFFFFF12!important; border-color: #FFFFFF12!important; } .c27-main-header:not(.header-scroll) .header-skin { border-bottom: 1px solid #FFFFFF12!important; } .c27-main-header:not(.header-scroll) .header-skin { background: #FFFFFF12!important; } .page-id-102 .header .header-container { background-color: #0c71c3!important; } .page-id-101 .header .header-container { background-color: #0c71c3!important; } /* Cacher les éléments woocommerce du menu */ /* Masquer l'icône et le contenu du panier */ .woocommerce-cart { display: none !important; } /* Masquer le bouton de vue du panier */ .woocommerce-mini-cart__buttons.view-cart { display: none !important; } .view-cart-contents { display: none !important; } /* CTA APPEL PAGE CONTACT */ .cta-call { align-items: center; background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB); border: 0; border-radius: 8px; box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px; box-sizing: border-box; color: #FFFFFF; display: flex; font-family: Phantomsans, sans-serif; font-size: 20px; justify-content: center; line-height: 1em; max-width: 100%; min-width: 140px; padding: 3px; text-decoration: none; user-select: none; -webkit-user-select: none; touch-action: manipulation; white-space: nowrap; cursor: pointer; } .cta-call:active, .cta-call:hover { outline: 0; } .cta-call span { background-color: rgb(5, 6, 45); padding: 16px 24px; border-radius: 6px; width: 100%; height: 100%; transition: 300ms; } .cta-call:hover span { background: none; } @media (min-width: 768px) { .cta-call { font-size: 24px; min-width: 196px; } } /* Formulaire de recrutement */ /* Styles pour le formulaire de recrutement personnalisé */ #wpcf7-f490-p487-o1 .wpcf7-form-control { width: 100% !important; padding: 10px !important; margin-bottom: 15px !important; border: 1px solid #ccc !important; border-radius: 5px !important; font-size: 16px !important; box-sizing: border-box !important; } #wpcf7-f490-p487-o1 .wpcf7-form-control:focus { border-color: #5b42f3 !important; outline: none !important; box-shadow: 0 0 5px rgba(91, 66, 243, 0.5) !important; } #wpcf7-f490-p487-o1 label { display: block !important; margin-bottom: 5px !important; font-weight: bold !important; } #wpcf7-f490-p487-o1 .wpcf7-select { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="rgba(0,0,0,0.54)" d="M7 10l5 5 5-5z"/></svg>') no-repeat right 10px center !important; background-size: 12px !important; padding-right: 30px !important; } /* Ajustement pour la compatibilité */ #wpcf7-f490-p487-o1 .wpcf7-form-control-wrap { position: relative !important; } #wpcf7-f490-p487-o1 .wpcf7-form-control-wrap::after { content: '' !important; position: absolute !important; top: 50% !important; right: 10px !important; width: 12px !important; height: 12px !important; background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="rgba(0,0,0,0.54)" d="M7 10l5 5 5-5z"/></svg>') no-repeat center center !important; background-size: 12px !important; transform: translateY(-50%) !important; pointer-events: none !important; } /* Transitions douces pour les champs */ #wpcf7-f490-p487-o1 .wpcf7-form-control { transition: all 0.3s ease !important; } #wpcf7-f490-p487-o1 .wpcf7-form-control:focus { border-color: #5b42f3 !important; box-shadow: 0 0 10px rgba(91, 66, 243, 0.5) !important; }