:root {
	--textStyle: 'Roboto';
	--titleStyle: 'Podkova';
	--fontSize: clamp(1rem, 0.9837rem + 0.087vw, 1.125rem);
	--maxWidth: 60rem;

	--borderRadius: 1.5em;
	--borderColor: #d2ded4;

	--asideWidth: 20rem;
	--asideRadius: var(--borderRadius) 0 0 0;
	--asideBG: #F7FEEE;

	--menuWidth: 15rem;
	--menuRadius: 0 var(--borderRadius) 0 0;
	--menuBG: #F7FEEE;

	--contentFG: #1D2D0B;
	--contentBG: #fefefe;

	--titleColor: #000;

	--accentColor: #5E7E3C;
	--accentColorLight: #CBEA9D;
	--accentColorDark: #475730;
	--invColor: #fff;

	--headerFG: #000;
	--headerFGlnk: #5E7E3C;
	--headerBG: #fefefe;

	--footerFG: #fff;
	--footerBG: #5E7E3C;

	--emphasisBG: #285A46;
	--emphasisFG: #ebf5ee;
	--emphasisTitle: #FFF;
	--extraBG: #F7FEEE;
	--extraFG: #285A46;
	--bkRadius: var(--borderRadius) 0;

    --schFG: #1D2D0B;
	--schBG: #f2f2f2;
	--schCurrentBG: #ffef6d;

	--treeBG: #efeded;
	--treeCardBG: #fff;
	--treeCardBD: #929292;
	--treeFG: #464646;

	--blogBG: #fff;
	--galleryBG: #273f0b;
}
/*____________________________________*/
/* DEBUT LOCALES Unisciel             */
/*____________________________________*/
:root{
    --unisciel-font-content: "Source Sans Pro";
    --unisciel-font-title: Roboto;
    --unisciel-bleu-logo: #007e9e; /*Logo, texte, fond (texte BLANC), icônes.*/
    --unisciel-bleu-logo-rgb: 0,126,158;
    --unisciel-rose-logo: #c8225d; /*Logo, fond (texte BLANC), icônes. couleur privilégiée pour l’appel à l’action.*/
    --unisciel-rose-logo-rgb: 200,34,93;
    --unisciel-gris-logo: #737373; /*Logo, texte, fond (texte BLANC).*/
    --unisciel-gris-logo-rgb: 115,115,115;
    --unisciel-gris95: #333132; /*Texte, icônes.*/
    --unisciel-gris95-rgb: 51,49,50;
    --unisciel-gris98: #1F1D1E; /*Texte, icônes.*/
    --unisciel-gris240: #f0f0f0; /*Texte, icônes.*/
    --unisciel-gris240-rgb: 240,240,240;
    --unisciel-gris245: #fcfcfc; /*Texte, icônes.*/

    --unisciel-bleu-logo-darkmode: #0095ba; /*Logo, texte, fond (texte BLANC), icônes.*/
    --unisciel-bleu-logo-rgb-darkmode: 0,149,186;
    --unisciel-rose-logo-darkmode: #E02667; /*Logo, texte, fond (texte BLANC), icônes.*/
    --unisciel-rose-logo-rgb-darkmode: 38,103,88;
    --unisciel-gris-logo: #8a8a8a; /*Logo, texte, fond (texte BLANC).*/
    --unisciel-gris-logo-rgb: 138,138,138;

    --unisciel-rouge-200: #FECACA;
    --unisciel-rouge-800: #991B1B;
    --unisciel-vert-200: #A7F3D0;
    --unisciel-vert-800: #065F46;
}
:root{
    --local-font-content: var(--unisciel-font-content);
    --local-font-title: var(--unisciel-font-title);
    /* Font colors*/
    --local-fg-neutral1: var(--unisciel-gris95);
    --local-fg-neutral2: var(--unisciel-gris95);
    /*--local-fg-darkmode: var(--ulk-fg-darkmode);
    --local-fg-on-primary1: var(--ulk-fg-on-primary1);
    --local-fg-on-primary2: var(--ulk-fg-on-primary2);
    --local-title: var(--local-fg-neutral1);*/
    --local-fg: var(--unisciel-gris95);
    --local-fg-accent1: var(--unisciel-bleu-logo);
    /* --local-fg-accent: var(--local-fg-accent1);
    --local-fg-accent-rgb: var(--local-fg-accent1-rgb);
    --local-fg-accent-darkmode: var(--local-fg-accent1-darkmode);
    --local-fg-accent-rgb-darkmode: var(--local-fg-accent1-rgb-darkmode); */ 

      /* Background */
    --local-bg: #FFF;
    --local-bg-primary1:var(--unisciel-bleu-logo);
    --local-bg-primary2:var(--unisciel-rose-logo);
    /* --local-bg-rgb: var(--ulk-bg-rgb);
    --local-bg-hover: var(--ulk-bg-hover);
    --local-bg-darkmode: var(--ulk-bg-darkmode);
    --local-bg-rgb-darkmode: var(--ulk-bg-rgb-darkmode);
    --local-bg-hover-darkmode: var(--ulk-bg-hover-darkmode);
    --local-hover: var(--local-bg-hover); */
    /* Background - neutral 1*/
     
    --local-bg-neutral1: var(--unisciel-gris245);
    /*
    --local-bg-neutral1-rgb: var(--ulk-bg-neutral1-rgb);
    --local-bg-neutral1-hover: var(--ulk-bg-neutral1-hover);
    --local-bg-neutral1-darkmode: var(--ulk-bg-neutral1-darkmode);
    --local-bg-neutral1-rgb-darkmode: var(--ulk-bg-neutral1-rgb-darkmode);
    --local-bg-neutral1-hover-darkmode: var(--ulk-bg-neutral1-hover-darkmode); */
    /* Background - neutral 2*/
     
    --local-bg-neutral2: var(--unisciel-gris245);
    /*--local-bg-neutral2-rgb: var(--ulk-bg-neutral2-rgb);
    --local-bg-neutral2-hover: var(--ulk-bg-neutral2-hover);
    --local-bg-neutral2-darkmode: var(--ulk-bg-neutral2-darkmode);
    --local-bg-neutral2-rgb-darkmode: var(--ulk-bg-neutral2-rgb-darkmode);
    --local-bg-neutral2-hover-darkmode: var(--ulk-bg-neutral2-hover-darkmode); */
    /* Background - revert*/
    /* --local-bg-revert: var(--ulk-bg-darkmode);
    --local-bg-revert-darkmode: var(--ulk-bg); */

    /* Borders */
    /* --local-border1: var(--ulk-border1);
    --local-border2: var(--ulk-border2);
    --local-border-on-primary1: var(--ulk-border-on-primary1);
    --local-border-on-primary2: var(--ulk-border-on-primary2);
    --local-border1-darkmode: var(--ulk-border1-darkmode);
    --local-border2-darkmode: var(--ulk-border2-darkmode); */

    /* Status / alerts / feedback */
    /* --local-bg-success: var(--ulk-green-50);
    --local-border-success: var(--ulk-green-100);
    --local-fg-success: var(--ulk-green-800);
    --local-icon-success: var(--ulk-green-500); */
    /* darkmode*/
    /* --local-bg-success-darkmode: var(--ulk-green-900);
    --local-border-success-darkmode: var(--ulk-green-800);
    --local-fg-success-darkmode: var(--ulk-green-200);
    --local-icon-success-darkmode: var(--ulk-green-300);

    --local-bg-info: var(--ulk-blue-50);
    --local-border-info: var(--ulk-blue-100);
    --local-fg-info: var(--ulk-blue-800);
    --local-icon-info: var(--ulk-blue-500); */
    /* darkmode*/
    /* --local-bg-info-darkmode: var(--ulk-blue-900);
    --local-border-info-darkmode: var(--ulk-blue-800);
    --local-fg-info-darkmode: var(--ulk-blue-200);
    --local-icon-info-darkmode: var(--ulk-blue-300);
*/

    /*--local-bg-warning: var(--ulk-orange-100);
    --local-border-warning: var(--ulk-orange-200);*/
    --local-fg-warning: var(--unisciel-rouge-800);
    /*--local-icon-warning: var(--ulk-orange-500); */
    /* darkmode*/
    /* --local-bg-warning-darkmode: var(--ulk-orange-900);
    --local-border-warning-darkmode: var(--ulk-orange-800);
    --local-fg-warning-darkmode: var(--ulk-orange-200);
    --local-icon-warning-darkmode: var(--ulk-orange-300);

    --local-bg-danger: var(--ulk-red-50);
    --local-border-danger: var(--ulk-red-100);
    --local-fg-danger: var(--ulk-red-800);
    --local-icon-danger: var(--ulk-red-500); */
    /* darkmode*/
    /* --local-bg-danger-darkmode: var(--ulk-red-900);
    --local-border-danger-darkmode: var(--ulk-red-800);
    --local-fg-danger-darkmode: var(--ulk-red-200);
    --local-icon-danger-darkmode: var(--ulk-red-300); */

  
  --local-logo:url("../img/content/logo_unisciel.svg"); 
  --local-insigne:url("../img/content/insigne_unisciel.svg"); 
  /* ----- Locales spécifiques Scenari -----*/
  --local-sc-border: var(--unisciel-gris-logo);
  /*
  --local-sc-placeholder: var(--ulk-gray-500);
  --local-sc-highlight: #ffef6d;
  */
  --local-sc-highlight2: var(--unisciel-highlight);
  --local-sc-assmntSolRight: var(--unisciel-vert-800);
  /*--local-sc-amber: var(--ulk-theme5-bg-primary1); */

  /* Shadows */
  /* --local-shadow-down-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --local-shadow-down-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.20), 1px 1px 2px 0 rgba(0, 0, 0, 0.06);
  --local-shadow-down-md: 0 4px 6px -1px rgba(0, 0, 0, 0.20), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --local-shadow-down-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.20), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --local-shadow-down-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.20), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --local-shadow-down-xxl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --local-shadow-right-xs: 1px 0 2px 0 rgba(0, 0, 0, 0.05);
  --local-shadow-right-sm: 1px 0 3px 0 rgba(0, 0, 0, 0.20), 1px 1px 2px 0 rgba(0, 0, 0, 0.06);
  --local-shadow-right-md: 4px 0 6px -1px rgba(0, 0, 0, 0.20), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --local-shadow-right-lg: 10px 0 15px -3px rgba(0, 0, 0, 0.20), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --local-shadow-right-xl: 20px 0 25px -5px rgba(0, 0, 0, 0.20), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --local-shadow-right-xxl: 25px 0 50px -12px rgba(0, 0, 0, 0.25); */
}

:root[data-theme='dark']{
    /*/ Font colors	*/
    --local-fg-neutral1: var(--unisciel-gris240);
    --local-fg-neutral2: var(--unisciel-gris240);
    /*--local-fg-darkmode: var(--ulk-fg);
    --local-fg-warning: var(--ulk-fg-warning-darkmode);
    --local-fg-accent: var(--local-fg-accent1-darkmode);
    --local-fg-accent-rgb: var(--local-fg-accent1-rgb-darkmode);
    --local-fg-accent-darkmode: var(--local-fg-accent1);
    --local-fg-accent-rgb-darkmode: var(--local-fg-accent1-rgb);*/
    --local-fg: var(--unisciel-gris240); 
    --local-fg-accent1: var(--unisciel-bleu-logo-darkmode);

    /* Background */
    --local-bg: #000;
    --local-bg-primary1:var(--unisciel-bleu-logo-darkmode);
    --local-bg-primary2:var(--unisciel-rose-logo-darkmode );
    /* --local-bg-rgb: var(--ulk-bg-rgb-darkmode);
    --local-bg-hover: var(--ulk-bg-hover-darkmode);
    --local-bg-darkmode: var(--ulk-bg);
    --local-bg-rgb-darkmode: var(--ulk-bg-rgb);
    --local-bg-hover-darkmode: var(--ulk-bg-hover);
    --local-hover: var(--local-bg-hover); */
    /* Background - neutral 1*/
    --local-bg-neutral1: var(--unisciel-gris98);
    /*
    --local-bg-neutral1-rgb: var(--ulk-bg-neutral1-rgb-darkmode);
    --local-bg-neutral1-hover: var(--ulk-bg-neutral1-hover-darkmode);
    --local-bg-neutral1-darkmode: var(--ulk-bg-neutral1);
    --local-bg-neutral1-rgb-darkmode: var(--ulk-bg-neutral1-rgb);
    --local-bg-neutral1-hover-darkmode: var(--ulk-bg-neutral1-hover); */
    /* Background - neutral 2*/
     --local-bg-neutral2: var(--unisciel-gris98);
    /*--local-bg-neutral2-rgb: var(--ulk-bg-neutral2-rgb-darkmode);
    --local-bg-neutral2-hover: var(--ulk-bg-neutral2-hover-darkmode);
    --local-bg-neutral2-darkmode: var(--ulk-bg-neutral2);
    --local-bg-neutral2-rgb-darkmode: var(--ulk-bg-neutral2-rgb);
    --local-bg-neutral2-hover-darkmode: var(--ulk-bg-neutral2-hover); */
    /* Background - revert*/
    /* --local-bg-revert: var(--ulk-bg);
    --local-bg-revert-darkmode: var(--ulk-bg-darkmode); */
    /* Background - surface*/
    /* --local-surface: var(--ulk-gray-800);
    --local-surface-hover: var(--ulk-gray-700);
    --local-surface-neutral: var(--ulk-gray-700);
    --local-surface-neutral-hover: var(--ulk-gray-600);
    --local-surface-darkmode: var(--ulk-gray-200);
    --local-surface-hover-darkmode: var(--ulk-gray-300); */


    /* Borders */
    /* --local-border1: var(--ulk-border1-darkmode);
    --local-border2: var(--ulk-border2-darkmode);
    --local-border1-darkmode: var(--ulk-border1);
    --local-border2-darkmode: var(--ulk-border2); */

    /* Status / alerts / feedback */

    /* Success */
    /* --local-bg-success: var(--ulk-green-900);
    --local-border-success: var(--ulk-green-800);
    --local-fg-success: var(--ulk-green-200);
    --local-icon-success: var(--ulk-green-300);

    --local-bg-success-darkmode: var(--ulk-green-50);
    --local-border-success-darkmode: var(--ulk-green-100);
    --local-fg-success-darkmode: var(--ulk-green-800);
    --local-icon-success-darkmode: var(--ulk-green-500); */

    /* Info */
    /* --local-bg-info: var(--ulk-blue-900);
    --local-border-info: var(--ulk-blue-800);
    --local-fg-info: var(--ulk-blue-200);
    --local-icon-info: var(--ulk-blue-300);

    --local-bg-info-darkmode: var(--ulk-blue-50);
    --local-border-info-darkmode: var(--ulk-blue-100);
    --local-fg-info-darkmode: var(--ulk-blue-800);
    --local-icon-info-darkmode: var(--ulk-blue-500); */

    /* Warning */
    /* --local-bg-warning: var(--ulk-orange-900);
    --local-border-warning: var(--ulk-orange-800);*/
    --local-fg-warning: var(--unisciel-rouge-200);
    /*--local-icon-warning: var(--ulk-orange-300);

    --local-bg-warning-darkmode: var(--ulk-orange-100);
    --local-border-warning-darkmode: var(--ulk-orange-200);
    --local-fg-warning-darkmode: var(--ulk-orange-800);
    --local-icon-warning-darkmode: var(--ulk-orange-500); */

    /* Danger */
    /* --local-bg-danger: var(--ulk-red-900);
    --local-border-danger: var(--ulk-red-800);
    --local-fg-danger: var(--ulk-red-200);
    --local-icon-danger: var(--ulk-red-300);

    --local-bg-danger-darkmode: var(--ulk-red-50);
    --local-border-danger-darkmode: var(--ulk-red-100);
    --local-fg-danger-darkmode: var(--ulk-red-800);
    --local-icon-danger-darkmode: var(--ulk-red-500); */


  
  /* --local-logo:url("../img/content/logo-blanc.svg"); */
  
  /* ----- Locales spécifiques Scenari -----*/
  /* --local-sc-border: var(--ulk-gray-600);
  --local-sc-placeholder: var(--ulk-gray-400);
  --local-sc-highlight: #847811;*/
  --local-sc-highlight2: var(--unisciel-highlight-darkmode);
  --local-sc-assmntSolRight: var(--unisciel-vert-200);
  /*--local-sc-amber: var(--ulk-theme5-bg-primary1); */

  /* Shadows */
  /* --local-shadow-down-xs: 0 1px 2px 0 rgba(255, 255, 255, 0.05);
  --local-shadow-down-sm: 0 1px 3px 0 rgba(255, 255, 255, 0.20), 1px 1px 2px 0 rgba(255, 255, 255, 0.06);
  --local-shadow-down-md: 0 4px 6px -1px rgba(255, 255, 255, 0.20), 0 2px 4px -1px rgba(255, 255, 255, 0.06);
  --local-shadow-down-lg: 0 10px 15px -3px rgba(255, 255, 255, 0.20), 0 4px 6px -2px rgba(255, 255, 255, 0.05);
  --local-shadow-down-xl: 0 20px 25px -5px rgba(255, 255, 255, 0.20), 0 10px 10px -5px rgba(255, 255, 255, 0.04);
  --local-shadow-down-xxl: 0 25px 50px -12px rgba(255, 255, 255, 0.25);
  --local-shadow-right-xs: 1px 0 2px 0 rgba(255, 255, 255, 0.05);
  --local-shadow-right-sm: 1px 0 3px 0 rgba(255, 255, 255, 0.20), 1px 1px 2px 0 rgba(255, 255, 255, 0.06);
  --local-shadow-right-md: 4px 0 6px -1px rgba(255, 255, 255, 0.20), 0 2px 4px -1px rgba(255, 255, 255, 0.06);
  --local-shadow-right-lg: 10px 0 15px -3px rgba(255, 255, 255, 0.20), 0 4px 6px -2px rgba(255, 255, 255, 0.05);
  --local-shadow-right-xl: 20px 0 25px -5px rgba(255, 255, 255, 0.20), 0 10px 10px -5px rgba(255, 255, 255, 0.04);
  --local-shadow-right-xxl: 25px 0 50px -12px rgba(255, 255, 255, 0.25); */
}

/*____________________________________*/
/* FIN LOCALES Unisciel               */
/*____________________________________*/

/*____________________________________*/
/* DEBUT SKIN SPECIFIC OPTIM UNISCIEL */
/*____________________________________*/
:root {
  --local-logo:url("img/content/logo_unisciel.svg"); 
  --local-insigne:url("img/content/insigne_unisciel.svg"); 

  --textStyle: 'Roboto';
	--titleStyle: 'Podkova';
	--fontSize: clamp(1rem, 0.9837rem + 0.087vw, 1.125rem);
	--maxWidth: 60rem;

	--radius: 4.5em;
	--borderColor: var(--local-bg-primary2);

	--asideWidth: 20rem;
	--asideRadius: var(--borderRadius) 0 0 0;
	--asideBG: var(--ulk-bg-neutral1);

	--menuWidth: 15rem;
	--menuRadius: 0 var(--borderRadius) 0 0;
	--menuBG: var(--local-bg-neutral1);

	--contentFG: var(--local-fg);
	--contentBG: var(--local-bg);

	--titleColor: var(--local-fg);

	--accentColor: var(--local-fg);
	--accentColorLight: #CBEA9D;
	--accentColorDark: var(--local-fg-accent);
	--invColor: var(--local-bg);

	--headerFG: var(--local-fg);
	--headerFGlnk: var(--local-fg);
	--headerBG: var(--local-bg);

	--footerFG: var(--local-bg);
	--footerBG: var(--local-bg-primary2);

	--emphasisBG: var(--local-bg-primary2);
	--emphasisFG: var(--local-bg);
	--emphasisTitle: var(--local-bg);
	--extraBG: var(--local-bg-primary1);
	--extraFG: var(--local-bg-primary2);
	--bkRadius: var(--borderRadius) 0;

    --schFG: var(--local-fg);
	--schBG: var(--local-bg-neutral1);
	--schCurrentBG: #ffef6d;

	--treeBG: var(--local-bg-neutral1);
	--treeCardBG: var(--local-bg);
	--treeCardBD: #929292;
	--treeFG: var(--local-fg);

	--blogBG: var(--local-bg);
	--galleryBG: var(--local-bg-primary2);
}

ul.outCat {
	padding-left:0; /* New */

    & li.outCat_sel_yes .outCat_i {
        font-weight: bold;
    }
}

ul.outMnu li.outMnu_sel_yes {
        font-weight: bold;
}

ul.outMnu li.outMnu_sel_yes ul.outMnu_sub {
        font-weight: normal;
}

ul.outCat {
    & a.outCat_i {
        &:hover {
            color: 
 color-mix(in oklab, var(--headerFGlnk), transparent 50%);
        }
    }
}

#accessibility {
	@media screen and (max-width:768px){
		
		& .tplWaiNav {
		top: 2.5em;
        right: 0.5em;
		}
	}
}

#header{
    background-image: var(--local-logo);
    background-size: 150px;
    background-repeat: no-repeat;    
    padding-left: 15rem;
	background-position: 2rem;

	/* New css */
	align-items: flex-start;
	flex-direction: column;

	@media screen and (max-width:768px){
		background-position:2rem 1rem;
		background-size:4rem;
		padding: 3rem 0 1rem 2rem;
		flex-direction: row;
	}
}

#header H1 {
	padding-bottom: 0.5rem;
}
h1.tplTitle {
	max-width: none;
}
#header H1 a.rootLnk{
	width: 100%;
	color: var(--local-fg-accent1);
	font-size: 2rem;
	@media screen and (max-width:768px) and (min-width:450px){
		font-size: 1.7rem;
	}
	@media screen and (max-width:450px){
		font-size: 1.2rem;
	}
}

/*____________________________________*/
/* FIN SKIN SPECIFIC OPTIM UNISCIEL	  */
/*____________________________________*/