:root{
		--fontStyle: sans-serif;
		  --fontSize: 0.9em;
		--fontmaple: MapleBold;  /*ajout d'une variable*/
		--borderGradient: 0%;
		--borderWidth: 2px;
		  --contentBG: #FFFFFF;
		  --contentFG: #000000;
		  --contentEmp: #c1002a;
		  --accentDarkBG: #aa9f96;
		  --accentDarkBGalpha: #aa9f96aa;
		  --accentDarkFG: #c1002a;
		  --accentLightBG: #eeeef7;
		  --accentLightBGalpha: #eeeef760;
		  --accentLightFG: #c1002a;
		--pBkOthers: #cbcbe7;
		--pBkOthersLight: #cbcbe720;
		--pBkWarning: #fe7429;
		--pBkWarningLight: #fe742950;
		--pBkBasic: #b3b3dd;
		--pBkBasicLight: #b3b3dd50;
		  --footerBG: #c1002a;
		  --footerFG: #e2e2f2;
		  --maxWidth: 1300px;
		  --menuWidth: 277px;  /*Ajout des couleurs de la charte Cnam*/
		--RougeCnam:#c1002a;
		  --CnamWarmGreyMedium:#aa9f97;
		  --CnamWarmGreyLight:#cfc8c0;
		  --CnamWarmGreyDark:#857761;
	  }
	  /*Les 2 instructions ci-dessous ont été générées par le formulaire et recopiées du fichier skin.css*/
@media (max-width: 1300px) {
	.default .scroller, .sco .scroller{
		padding:1em;
	}
	.default #toolbox{
		position: relative;
		left: auto;
    background-color: var(--accentLightBG);
}
}

/*Les 3 instructions ci-dessous gèrent le bouton DYS du menu*/
.default .dysBtnTogglePanel a {
	background: url(../imgDys/menu-dys.svg) no-repeat top;
  background-position: 0px -80px;
  background-size: 100%;
}
.dysPanelActive_true .dysBtnTogglePanel a{
	background-position: 0px 0px;
}
.dysPanel a {
  color: #f9f9fd !important;
}
.dysFontSizer {
  background: url(img/fontSizer.png) no-repeat center center;
  filter: invert(100%);
}
div.dysPanel > span{
  background-color: #AA9F96 !important;
  font-size: 1.2rem;
}
/*Ci-dessous les instructions sont recopiées du mode guidé*/
/*Comment déclarer de variables supplémentaires*/
:root{
		--fontStyle: sans-serif;
		  --fontSize: 0.9em;
		--fontmaple: MapleBold;  /*ajout d'une variable*/
		--borderGradient: 0%;
		--borderWidth: 2px;
		  --contentBG: #FFFFFF;
		  --contentFG: #000000;
		  --contentEmp: #c1002a;
		  --accentDarkBG: #aa9f96;
		  --accentDarkBGalpha: #aa9f96aa;
		  --accentDarkFG: #c1002a;
		  --accentLightBG: #eeeef7;
		  --accentLightBGalpha: #eeeef760;
		  --accentLightFG: #c1002a;
		--pBkOthers: #cbcbe7;
		--pBkOthersLight: #cbcbe720;
		--pBkWarning: #fe7429;
		--pBkWarningLight: #fe742950;
		--pBkBasic: #b3b3dd;
		--pBkBasicLight: #b3b3dd50;
		  --footerBG: #c1002a;
		  --footerFG: #e2e2f2;
		  --maxWidth: 1300px;
		  --menuWidth: 277px;  /*Ajout des couleurs de la charte Cnam*/
		--RougeCnam:#c1002a;
		  --CnamWarmGreyMedium:#aa9f97;
		  --CnamWarmGreyLight:#cfc8c0;
		  --CnamWarmGreyDark:#857761;
	  }
/*Déclarer la police MapleBold de la charte du Cnam */
@font-face {
    font-family: 'MapleBold';
    src: url('../MapleFont/Maple-Bold.otf') format('opentype');
    /*font-weight: normal;
    font-style: normal;*/
}
/*Cadre autour du bouton plan*/
.default #main #tools .anc_yes .lbl {
  background-color: var(--accentLightBG);
}
/*Modification du block qui encadre le texte du titre du module*/
.home #main section.article {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0.5em;
    padding: 0 10px 0 10px;
    text-align: center;
}
/*Titre du module dans la police Cnam pour les titres Maple.*/
.home #main section.article h1 {
	color: var(--RougeCnam);
  font-family: var(--fontmaple) ;
  text-shadow: 2px 2px 2px var(--CnamWarmGreyMedium);
  font-size: 3em;
  background-image: none;
}
/*Titre du module dans la police Cnam pour les titres Maple. Pour cela, une variale a été déclatée dans Root
et l'instruction @fontface ajoutée en haut*/
.default #header h1, .sco #header h1 {
  font-family: var(--fontmaple) ;
  color:var(--RougeCnam);
  text-shadow: 1px 1px 3px var(--CnamWarmGreyMedium);
}
/*Modification du sous-titre*/
.home section.article .hBk_co{
  color: #f9f9fd;
  text-shadow: 1px 1px 2px var(--CnamWarmGreyMedium);
}
/*Modification du texte à gauche du bouton pour lancer le module*/
.home #navigation a {
  text-shadow: 1px 1px 2px var(--CnamWarmGreyMedium);
  font-size:24px;
  color:#f9f9fd;
  background-color: var(--CnamWarmGreyLight);
  box-shadow: none;
}
/*????*/
.default #main #toolbox{
  background-color:	var(--CnamWarmGreyDark:#857761);
}

/*Ajout du logo Cnam en haut à droite -> voir si autre méthode css possible*/
.home #content {
  background: url(../img/logo-cnam-rouge.png);
  background-repeat:no-repeat;
  background-position: right;
  background-size:6.5em;
  background-position:top 10px right 15px;
}
/*Modification du texte à gauche du bouton pour lancer le module*/
.home #navigation a {
  text-decoration: solid underline #c1002a;
  text-shadow: 1px 1px 5px var(--CnamWarmGreyMedium);
  font-size:30px;
  color:white;
  text-decoration: solid underline var(--RougeCnam);
}
/*Dans le menu du plan de cours, remplacer le texte en rouge par une déclinaison très light du mauve*/
.default #main #menu .mnu .sel_yes>.lbl .item > span, .default #content ul.plan .sel_yes > span {
    background-color: var(--accentDarkBG);
    color: #f9f9fd;
    border-radius: 5px;
}
.default #menu .mnu li {
    background-image: linear-gradient(to right, var(--accentDarkBG) var(--borderGradient), rgba(0, 0, 0, 0) 100%);
    background-size: 100% var(--borderWidth);
    background-position: bottom;
    background-repeat: no-repeat;
}