:root {
	--hl-color-light: #4b4;
	--hl-color-hard: #292;
	--hl-color-hard-hover: #0b0;
}

@font-face {
	font-family: AmaticSC;
	src: url(/res/fonts/AmaticSC-Regular.ttf);
}

.amatic {
	font-family: AmaticSC;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

.color_clair { color: #88c378; }
.color_fonce { color: #437d4a; }


body {
  background-color: #2c2c2c;
}

body, h1, h2, h3, h4, h5, h6 {
 font-family: 'Nunito', sans-serif;
}

#k-page {
  background-color: #ffffff;
}

#k-header {
 padding-top: 20px;
 padding-bottom: 20px;
 border-bottom: 1px solid #ccc;
 box-shadow: 0 3px 5px rgba(0,0,0,0.1);
 position: sticky;
 top: 0;
 background-color: #FFFFFF;
}

#k-main {
 margin-top: 5px;
 padding-top: 40px;
 padding-bottom: 40px;
}

@media screen and (min-height: 100px) {
  #k-main {
     min-height: 500px;
  }
}

#k-footer-1 {
 color: #FFFFFF;
 background-color: #333333;
 padding-top: 40px;
 padding-bottom: 40px;
}


#k-footer-2 {
  padding-top: 20px;
  color: #FFFFFF;
  padding-bottom: 20px;
}

#k-footer-2 a, 
#k-footer-2 a:visited, 
#k-footer-2 a:active, 
#k-footer-2 a:focus {
  color: #dddddd;  
 }

#k-footer-2 a:hover {
   color: #FFFFFF;
} 

.k-kena {
  font-size: 90%;
}

#k-dons .fa,
#k-domaines .fa{

  color: rgb(84, 114, 210);
}

#k-logo {
  cursor: pointer;
}

#k-logo span {
  font-size: 130%;
}

#k-logo img {
  margin-right: 20px;
	height: 88px;
}
 
.k-padded {
  padding-top: 20px;
  padding-bottom: 20px;
}

.k-strong {
  font-weight: bold;
  color: var(--hl-color-light);
}

.k-strong-red {
  font-weight: bold;
  color: var(--hl-color-hard);
}

.k-bigger {
   font-size: 120%;
}

.k-item {
border-bottom: 2px solid rgb(247, 190, 104);
}

.k-section {
  border-bottom: 4px solid rgb(247, 190, 104);
}

#k-counter-group {
  cursor: pointer;
}
#k-counter-group:hover .k-counter {
  color: var(--hl-color-hard);
}

.k-counter {
  font-size: 55px;
  color: var(--hl-color-hard);
 }
 
 .k-legende-counter {
  font-size: 30px;
  margin-top: 20px;
  text-transform: uppercase;
 }

 .k-encart {
   margin-top: 40px;
   border-top: 2px solid #C82314;
   border-bottom: 2px solid #C82314;
   margin-bottom: 40px; 
   padding-top: 20px;
   padding-bottom: 20px;
 }
 

#k-menu-mobile {
  position: relative;
  float: right;
 }
 
 #k-menu-mobile ul {
  position: absolute;
  right:0px;
  background-color: #373737;
  padding: 20px;
  border: 1px solid #000;
 }
 
 #k-menu-mobile a, #k-menu a:visited, #k-menu a:focus { 
   text-decoration: none;
   text-transform: uppercase;
   padding-top: 2px;
   padding-bottom: 2px;
   color: #DDDDDD;
  
 }

 #k-menu-mobile a:hover {
  color: #FFFFFF;
 }
 
 #k-menu-mobile ul {
  list-style: none;
 }
 
 #k-menu-mobile li {
   padding-top: 6px;
   padding-bottom: 6px;
 }
 

#k-menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
 }
 
 #k-menu li {
  display: inline-block;
 }
 
 #k-menu li a, #k-menu li a:visited, #k-menu li a:focus {
  color: var(--hl-color-hard);
  text-transform: uppercase;
  font-size: 110%;
  padding: 10px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  border-bottom: 2px solid transparent; 
 }
 
 
 #k-menu li a:hover, 
 #k-menu li a.k-active 
  {
  color: var(--hl-color-hard-hover);
  border-bottom: 2px solid var(--hl-color-hard-hover);
 }