/* main.css – Point d’entrée unique
📁 css/
├── base.css
├── fonts.css
├── layout.css
├── components.css
├── utilities.css
├── media.css
├── variables.css
├── forms.css
└── main.css
*/
@charset "UTF-8";
@charset "iso-8859-15";
/*Les règles @namespace doivent suivre les règles @ @charset et @import et précéder les autres règles @ ainsi que les déclarations de style contenus dans la feuille de style.*/
/*
@namespace url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);*/
 
@layer reset, theme, layout, utilities;
/*Limit the reach of your selectors with the CSS @scope at-rule*/
/* figure is only a limit when the :scope is inside .feature */
@layer code {
	pre {
		border: 1px solid #dedede;
		padding: 1em;
		background: #f7f7f7;
		font-family: "Courier 10 Pitch", Courier, monospace;
		overflow-x: auto;
		border-left: 0.4em solid cornflowerblue;
		tab-size: 4;
	}
}

.main-header{/* FIREFOX FIX */
		
    background-color: #8bb371;
} 
@scope (.main-header) to (  nav ) {
	:scope {/* Selects the matched .article-header itself */
		
        background-color: #8bb371;
	}  
	[href], a{
		color: #fbfada;
	} 
} 
.main-header a,
.main-header [href]{
    color: #004132;
	} 
@scope (.main-header nav) {
	:scope{
        
	}
	[href], a{
		color: white; 
	}
}
 
#global-nav [href]:not(.logo), #global-nav a:not(.logo){
		color: white; 
	}
@scope ([data-scope='main-section'], .article-hero, .article-body) to (.loading :scope figure) {  }
@scope (main) to ( :scope > section, nav ) {
	:scope {/* Selects the matched .article-header itself */
		 
	}  
	& nav{/* Selects nav elements that are a child of .article-header */
		 
	}
	& nav a{
		 
	}
	& & { /* Selects a `.card` in the matched root .card */
    }
 
}
:is(.warning:hover, .warning:has(:focus-within)) {
	opacity: 1;
}  

h1,h2,h3,h4,h5,h6{position: relative;}

h2,h3{font-family: Oswald,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}

h1,h4{
	font-family: 'Bebas Neue', sans-serif;
	text-decoration: none; 
	letter-spacing: 1px;
	font-weight: 400; 
}

h5 {
    font-family: "Amatic SC", handwriting;
	font-weight: 900;
}
/* Cela correspond à tous les éléments XHTML <a>
  car XHTML est l'espace de nom par défaut, sans
  préfixe. */
a {
}

/* Cela correspond à tous les éléments SVG <a> */
svg|a {
}

/* Cela correspond aux éléments <a> XHTML et SVG */
*|a {
}


main h4, 
main h5,
main h6{    
	color: #006330;
}

.main-header .logo{
	color: rgb(255, 217, 0); 
}
.main-header .logo svg{
	vertical-align: text-top;
}
.main-header .logo span{
	color: #4db02f;
}
 

.scroll-to-top{cursor: pointer}

.font-damion {
    font-family: 'Damion', cursive;
    font-size: 40px;
    line-height: 50px;
    color: #EE723B;
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    text-align: center;
}