@charset "utf-8";
/**
 * ============================================================================
 * SYMCAD - SMLXL - Application Web de gestion des cabines de prise de mesures
 * ============================================================================
 *
 * Copyright (c) 2026 TELMAT
 * Tous droits réservés.
 *
 * Ce logiciel et son code source sont la propriété exclusive de TELMAT.
 *
 * Toute reproduction, modification, distribution, transmission ou
 * divulgation, totale ou partielle, sans autorisation préalable
 * écrite de TELMAT est interdite, sous réserve des droits prévus
 * par la législation applicable et des accords contractuels.
 *
 * L'installation de ce logiciel sur un serveur appartenant à un
 * client ne constitue en aucun cas un transfert de propriété
 * intellectuelle.
 *
 * SUPPORT TECHNIQUE SYMCAD
 * Email     : support-symcad@telmat.fr
 * Téléphone : +33 (0)3 89 62 13 77
 *
 * ============================================================================
 */
/* Theme "armee" : charte graphique de l'Etat (DSFR - systeme-de-design.gouv.fr) */

/* Marianne : typographie officielle du DSFR, licence Etalab-2.0 */
@font-face
	{
	font-family:'title'; font-style:normal; font-weight:400;
	src:url('fonts/Marianne-Regular.woff2') format('woff2');
	src:url('fonts/Marianne-Regular.woff') format('woff');
	font-display:swap;
	}

@font-face
	{
	font-family:'title'; font-style:normal; font-weight:500;
	src:url('fonts/Marianne-Medium.woff2') format('woff2');
	src:url('fonts/Marianne-Medium.woff') format('woff');
	font-display:swap;
	}

@font-face
	{
	font-family:'title'; font-style:normal; font-weight:700;
	src:url('fonts/Marianne-Bold.woff2') format('woff2');
	src:url('fonts/Marianne-Bold.woff') format('woff');
	font-display:swap;
	}

@font-face
	{
	font-family:'text'; font-style:normal; font-weight:400;
	src:url('fonts/Marianne-Regular.woff2') format('woff2');
	src:url('fonts/Marianne-Regular.woff') format('woff');
	font-display:swap;
	}

@font-face
	{
	font-family:'text'; font-style:normal; font-weight:500;
	src:url('fonts/Marianne-Medium.woff2') format('woff2');
	src:url('fonts/Marianne-Medium.woff') format('woff');
	font-display:swap;
	}

@font-face
	{
	font-family:'text'; font-style:normal; font-weight:700;
	src:url('fonts/Marianne-Bold.woff2') format('woff2');
	src:url('fonts/Marianne-Bold.woff') format('woff');
	font-display:swap;
	}

/* Couleurs alignees sur les tokens officiels du DSFR */
:root
	{
	/* core.min.css souligne tout [href] via un background-image (--underline-img), pas
	   text-decoration : on neutralise cette variable pour retrouver le style d'origine. */
	--underline-img: none;

	--activebgcolor:#18753c;
	--activebgcolorover:#27a959;
	--activefgcolor:#efefef;
	--activefgcolorover:#ffffff;
	--successbgcolor:#18753c;
	--successbgcolorover:#27a959;
	--successfgcolor:#efefef;
	--successfgcolorover:#ffffff;
	--alertbgcolor:#ce0500;
	--alertbgcolorover:#a80400;
	--alertfgcolor:#efefef;
	--alertfgcolorover:#ffffff;
	--warningbgcolor:#b34000;
	--warningbgcolorover:#8f3400;
	--warningfgcolor:#efefef;
	--warningfgcolorover:#ffffff;

	--texte-attribue-color: #18753c;
	--texte-selectionne-color: #0063cb;

	--headerbgcolor:#eeeeee;
	--headerfgcolor:#161616;
	--footerbgcolor:#ffffff;
	--footerfgcolor:#161616;
	--offCanvasbgcolor:#1b1b35;
	--menubgcolor:#000091;
	--menubgcolorhover:#1212ff;
	--menucolor:#ffffff;

	--primarycolor:#000091;
	--primarycolorhover:#1212ff;
	--primarycoloractive:#2323ff;
	--primarylightcolor:#ececfe;
	}


body
	{
	background-color:#eeeeee;
	background:linear-gradient(to bottom, rgba(238,238,238,1) 1rem, rgba(238,238,238,0.2) 80%); background-position:top; background-attachment:scroll;
	}

body header	{ background-color:var(--headerbgcolor); color:var(--headerfgcolor); border-bottom:1px solid #dddddd; }

/* Masque le trait bleu/rouge decoratif sous le bloc-marque (::before conserve le drapeau) */
.fr-logo::after	{ display:none; }
#LogoMarianne a, #LogoMarianneFooter a	{ text-decoration:none; }
body footer	{ background-color:var(--footerbgcolor); color:var(--footerfgcolor); font-size:0.8rem; padding:1rem 0; border-top:1px solid #dddddd; box-shadow:none; }

#offCanvasLeft	{ background-color:var(--offCanvasbgcolor); color:#e0e0e0; }

main .panel { background-color:#ffffff; }

body .panel h2.title		{ margin-bottom:1rem; font-weight:700; color:var(--footerfgcolor); }
body .panel h2.title .mdi	{ color:var(--primarycolor); }

body .panel.colored { background-color:var(--primarylightcolor); box-shadow:0px 0px 10px -5px #000000; }

/* Bouton et liens par defaut alignes sur le Bleu France (les variantes .success/.warning/.alert restent inchangees) */
/* core.min.css (DSFR) souligne les liens par defaut (--text-decoration:underline) : on revient
   au style d'origine du site (pas de soulignement), en dehors du bloc-marque Republique Francaise. */
body a, main a	{ color:var(--primarycolor); text-decoration:none; }
body a:hover, main a:hover	{ color:var(--primarycolorhover); text-decoration:none; }

body #menuServices .input-group-label	{ background-color:var(--primarycolor); color:#ffffff; border-color:var(--primarycolor); }

/* Les tuiles de modele d'article reutilisent la classe "success" pour indiquer la
   selection courante (pas une confirmation de succes) : bleu France plutot que vert. */
body .callout.article_modele.success, body .callout.article_modele.success[data-pointer]	{ background-color:var(--primarycolor); }
body .callout.article_modele.success:hover, body .callout.article_modele.success[data-pointer]:hover	{ background-color:var(--primarycolorhover); }

body .button, body a.button	{ background-color:var(--primarycolor); color:#ffffff; border-radius:4px; }
body .button:hover, body .button:focus, body a.button:hover, body a.button:focus	{ background-color:var(--primarycolorhover); color:#ffffff; }
body .button.secondary	{ background-color:transparent; color:var(--primarycolor); box-shadow:inset 0 0 0 1px var(--primarycolor); }
body .button.secondary:hover, body .button.secondary:focus	{ background-color:var(--primarylightcolor); color:var(--primarycolorhover); }

/* Les boutons "success" (ex: SAUVER) servent a valider une action, pas a confirmer un
   succes deja obtenu : bleu France comme les autres boutons plutot que vert. Les vrais
   indicateurs de succes non cliquables (callout.success, switch.success, ...) restent verts. */
body .button.success,
body .button.success.disabled,
body .button.success.disabled:focus,
body .button.success.disabled:hover,
body .button.success[disabled],
body .button.success[disabled]:focus,
body .button.success[disabled]:hover
	{ background-color:var(--primarycolor); color:#ffffff; }
body .button.success:focus, body .button.success:hover	{ background-color:var(--primarycolorhover); color:#ffffff; }


/* Accessibilite (contraste >= 4,5:1) */
body .button.hollow, body .button.hollow.primary, body .button.hollow:hover, body .button.hollow:focus	{ background-color:transparent; color:var(--primarycolor); border-color:var(--primarycolor); box-shadow:none; }
body .label	{ background-color:var(--primarycolor); color:#ffffff; }
body .label.success	{ background-color:var(--successbgcolor); }
body .label.warning	{ background-color:var(--warningbgcolor); }
body .label.alert	{ background-color:var(--alertbgcolor); }
body .callout.success strong	{ color:var(--successbgcolor); }
body .button.primary, body a.button.primary	{ background-color:var(--primarycolor); color:#ffffff; }
body .button.primary:hover, body .button.primary:focus, body a.button.primary:hover, body a.button.primary:focus	{ background-color:var(--primarycolorhover); color:#ffffff; }
body .breadcrumbs a	{ color:var(--primarycolor); }

/* Small */
@media only screen and (max-width: 40em)
	{
	}

/* Medium */
@media only screen and (min-width: 40.063em) and (max-width: 64em)
	{
	}

/* Not large */
@media only screen and (max-width: 63.99em)
	{
	}

/* Large */
@media only screen and (min-width: 64.063em)
	{
	}

/* >1400px */
@media only screen and (min-width: 85em)
	{
	}