@charset "UTF-8";
/*$orange: #d6a121;*/
html {
color: #27282a; }
/* DEBUT FONT Entrepreteurs (police d'icones) */
@font-face {
font-family: 'icomoon';
src: url("/../fonts/icomoon.eot?oy2wrr");
src: url("/../fonts/icomoon.eot?oy2wrr#iefix") format("embedded-opentype"), url("/../fonts/icomoon.ttf?oy2wrr") format("truetype"), url("/../fonts/icomoon.woff?oy2wrr") format("woff"), url("/../fonts/icomoon.svg?oy2wrr#icomoon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.icon-sup:before {
content: "\e900"; }
.icon-check:before {
content: "\e901"; }
.icon-girardin:before {
content: "\e902"; }
.icon-telechargement:before {
content: "\e903"; }
.icon-Fichier-24:before {
content: "\e904"; }
.icon-Fichier-23:before {
content: "\e905"; }
.icon-Fichier-22:before {
content: "\e906"; }
.icon-Fichier-21:before {
content: "\e907"; }
.icon-Fichier-20:before {
content: "\e908"; }
.icon-Fichier-19:before {
content: "\e909"; }
.icon-Fichier-18:before {
content: "\e90a"; }
.icon-Fichier-17:before {
content: "\e90b"; }
.icon-Fichier-16:before {
content: "\e90c"; }
.icon-Fichier-15:before {
content: "\e90d"; }
.icon-Fichier-14:before {
content: "\e90e"; }
.icon-Fichier-13:before {
content: "\e90f"; }
.icon-Fichier-12:before {
content: "\e910"; }
.icon-Fichier-11:before {
content: "\e911"; }
.icon-Fichier-9:before {
content: "\e912"; }
.icon-Fichier-8:before {
content: "\e913"; }
/* FIN FONT Entrepreteurs (police d'icones) */
a {
color: #1BA2C2; }
#sidenav-overlay {
z-index: 0; }
/* jQuery.fullPage impose `overflow:hidden` sur html,body pour TOUTES les pages, ce qui casse
`position:sticky` (menu latéral) et le scroll normal. On le neutralise hors des pages fullPage
(fullPage ajoute la classe `fp-enabled` sur quand il est actif). Sélecteur volontairement
plus spécifique pour l'emporter sans modifier le fichier vendor. */
html:not(.fp-enabled),
html:not(.fp-enabled) body {
overflow: visible; }
/* ===== Messages flash / alertes (nouvelle charte)
Markup factorisé : SiteBundle/Resources/views/default/_flash_messages.html.twig
Couleurs = tokens theme.css (fallbacks pour les tokens non globaux : --radius/--amber). ===== */
.alert {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 16px 20px;
margin: .5rem 0 1rem 0;
border-radius: var(--radius, 16px);
font-size: 13.5px;
font-weight: 600;
line-height: 1.6;
border: 1px solid transparent;
background-color: #fff;
box-shadow: none;
font-family: 'Poppins', system-ui, sans-serif;
-webkit-font-smoothing: antialiased;
/* Bandeau avec intro + liste de messages (ex : erreurs de validation d'un formulaire)
Markup : SiteBundle/Resources/views/default/_form_errors_alert.html.twig */ }
.alert a {
color: inherit;
text-decoration: underline; }
.alert .material-icons {
font-size: 19px;
flex-shrink: 0;
margin-top: 1px; }
.alert .alert-intro {
display: block; }
.alert .alert-list {
margin: 8px 0 0;
padding-left: 20px;
list-style: disc outside; }
.alert .alert-list li {
list-style: inherit;
margin: 3px 0;
font-weight: 500; }
.alert-success {
background: var(--green-soft, #e5f5ee);
color: var(--green, #2D6A4F);
border-color: rgba(45, 106, 79, 0.15); }
.alert-success .material-icons {
color: var(--green-light, #49ba88); }
.alert-info {
background: var(--cyan-bg, #e6f5f8);
color: var(--teal-darker, #0e5467);
border-color: rgba(6, 83, 104, 0.12); }
.alert-info .material-icons {
color: var(--teal, #1EA0C3); }
.alert-danger,
.alert-error {
background: #FBEAE7;
color: #8C2F22;
border-color: rgba(140, 47, 34, 0.15); }
.alert-danger .material-icons,
.alert-error .material-icons {
color: #C0554A; }
.alert-warning {
background: var(--amber-soft, #FBF0E1);
color: #7A4A0A;
border-color: rgba(122, 74, 10, 0.15); }
.alert-warning .material-icons {
color: var(--amber, #B5690E); }
/* ===== Champ d'upload de fichier (nouvelle charte) — réutilisable
Markup : SiteBundle/Resources/views/Form/_upload_field_widget.html.twig
Tokens theme.css avec fallbacks (utilisable hors des pages qui définissent --radius/--red). ===== */
.upload-field {
font-family: 'Poppins', system-ui, sans-serif;
/* Retour visuel pendant le glisser-déposer */ }
.upload-field .upload-field__row {
display: flex;
align-items: stretch;
gap: 12px;
flex-wrap: wrap; }
.upload-field .upload-field__btn {
position: relative;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 22px;
min-height: 44px;
background: linear-gradient(135deg, var(--teal-dark, #0E6E85), var(--teal-darker, #065368));
color: #fff;
border-radius: var(--radius-pill, 999px);
font-weight: 600;
font-size: 13px !important;
letter-spacing: .03em;
text-transform: uppercase;
cursor: pointer;
flex-shrink: 0;
/* input natif rendu invisible mais toujours en place (cliquable + focusable
pour la validation "required"), superposé au bouton */ }
.upload-field .upload-field__btn .material-icons {
font-size: 18px; }
.upload-field .upload-field__btn input[type="file"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer; }
.upload-field .upload-field__display {
flex: 1;
min-width: 220px;
display: flex;
align-items: center;
gap: 10px;
border-bottom: 2px solid var(--line, #DDE9F0);
padding: 0 4px 10px 2px;
font-size: 13.5px;
color: var(--ink-muted, #5A7488); }
.upload-field .upload-field__display .upload-field__ico {
font-size: 18px;
color: var(--ink-muted, #5A7488); }
.upload-field .upload-field__name {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.upload-field .upload-field__clear {
margin-left: auto;
color: var(--ink-muted, #5A7488);
cursor: pointer;
display: none;
flex-shrink: 0;
font-size: 18px; }
.upload-field .upload-field__clear:hover {
color: var(--red, #C0554A); }
.upload-field.has-file .upload-field__display {
color: var(--ink, #0A2540); }
.upload-field.has-file .upload-field__name {
font-weight: 600; }
.upload-field.has-file .upload-field__clear {
display: inline-flex; }
.upload-field.is-dragover .upload-field__display {
border-color: var(--teal, #1EA0C3);
color: var(--teal-darker, #065368);
background: var(--cyan-bg-2, #F4FAFC); }
.upload-field.is-dragover .upload-field__ico {
color: var(--teal, #1EA0C3); }
.upload-field .upload-field__help {
font-size: 11.5px !important;
color: var(--ink-muted, #5A7488);
margin: 10px 0 0; }
.upload-field .upload-field__error {
display: block;
color: var(--red, #C0554A);
font-size: 11.5px !important;
margin-top: 8px; }
@media (max-width: 760px) {
.upload-field .upload-field__row {
flex-direction: column;
align-items: stretch; }
.upload-field .upload-field__btn {
width: 100%;
padding: 12px 22px; }
.upload-field .upload-field__display {
min-width: 0; } }
/* ============================================================================
Hauteur du bandeau flottant du site — référence de toutes les briques
collantes (menu latéral, barres d'avancement, scroll-margin d'ancres).
>1200px : #header fait ~94.333px (on retient 94px : ⅓px de recouvrement
plutôt qu'un interstice où l'on verrait défiler le contenu).
<=1200px : header.scss bascule #header en position:fixed;height:55px.
--sticky-top = bandeau + petite respiration : pour une brique posée SOUS le
bandeau et derrière laquelle rien ne défile (la sidebar). Une brique qui
recouvre le contenu qui défile doit coller à --site-header-h exactement.
============================================================================ */
:root {
--site-header-h: 94px;
--sticky-top: calc(var(--site-header-h) + 16px); }
@media (max-width: 1200px) {
:root {
--site-header-h: 55px; } }
/* ============================================================================
Layout dashboard 2 colonnes + menu latéral (nouvelle charte)
Markup : SiteBundle .../Form? -> WDUserBundle:usurer:dashboardSidebarMenu.html.twig
Tokens theme.css (+ fallbacks pour --radius* non globaux).
============================================================================ */
.app-layout {
display: flex;
align-items: flex-start;
gap: 32px;
max-width: 1180px;
margin: 0 auto;
padding: 40px 24px 72px;
font-family: 'Poppins', system-ui, sans-serif; }
.app-main {
flex: 1;
min-width: 0; }
.app-sidebar {
width: 264px;
flex-shrink: 0;
background: linear-gradient(165deg, var(--teal-deep, #07313c) 0%, var(--teal-darker, #0e5467) 100%);
border-radius: var(--radius-lg, 24px);
padding: 18px;
box-shadow: var(--shadow-md);
position: sticky;
top: var(--sticky-top, 110px); }
/* reset des styles globaux Materialize appliqués à