/* new color variables */
:root {
            --6eme: #ff6600;
            --5eme: #008000;
            --4eme: #0f6bad;
            --3eme: #ffdd33;
}     
.mod-articlesnews-horizontal li .btn.btn-secondary, .no-card .newsflash-horiz li .btn.btn-secondary {
            background-color: var(--accent-background); /* background of your primary buttons */
            border-color: var(--accent-background); /* border color of your primary buttons */
            color: var(--dark-color); /* text color of your primary buttons */
}
.btn.btn-secondary {
            background-color: var(--secondary-background); /* background of your secondary buttons */
            border-color: var(--secondary-background); /* border color of your secondary buttons */
            color: var(--secondary-textColor); /* text color of your secondary buttons */
}

.bg-info {
            color: var(--accent-textColor);
            background-color: var(--accent-background) !important;
}

 .footer {
            background-color: black; /* background color of your footer */
            background-image: none;  /* Set to none if you want to disable the gradient */
            color: #9f9f9f; /* text color of your footer */
}




.btn.btn-info {
	        background-color: var(--primary-background); 
            border: 1px solid var(--main-background); 
	        color: var(--primary-color); 
}

.btn-primary .icon-white:before {color: var(--primary-textColor);}

.btn-secondary .icon-white:before {color: var(--secondary-textColor);}

ul.mod-menu, ul.mod-menu_dropdown-metismenu button {
  font-weight: bold;
  justify-content: center !important;
  margin-left: 10px;
  margin-top: 2em;
}

a {text-decoration: none !important; color: var(--secondary-background);}

/*!* aligner logo et menu à gauche */
.container-header .container-nav {
   flex-wrap: wrap;
   justify-content: start;
   padding-bottom: 1em;
   border-bottom: 1px solid dimgrey;
}


/* Fond d'écran gris */
body {background-color: #505050;}

/* Fond blanc pour la zone des articles / contenu principal */
 .item-page {
	background-color: #ffffff;
	padding: 20px; 
	margin-top: 10px;
	margin-bottom: 20px;
	border-radius: 3px; 
}
/* Liens de menu noirs dans l'entête */
.nav-item {color: #444444;}

/* En-tête blanc*/
.container-header {
            background-color: white; /* Solid background of your header */
            background-image: none;  /* Set to none if you want to disable the gradient */
}



/*---------------------custom css J4-------------------------*/
.carte {
	padding: 5px 10px px 10px;
	border-style: solid;
	border-width: 1px; 
	border-color: #eaeaea;
	border-radius: 1px;}
.seven {
    padding: 10px 5px 5px 20px;
	border-style: solid;
    border-width: 1px; 
	border-color: #c8c8c8;
	background-color: #f5f5f5;
	border-radius: 10px;
	
}
.exo6{background-color:var(--6eme); color: #ffffff;}
.exo6:link, .exo6:visited, .exo6:hover, .exo6:active {color: #ffffff; background-color:var(--6eme);}
.titre6 {    
	padding: 5px 0px 5px 5px;
	border-width: 0px 0px 1px 4px;
  	border-style: solid;
  	border-color: var(--6eme);
    background-color :#f5f5f5;}
.seven6 {
    padding: 10px 5px 5px 20px;
	border-style: solid;
        border-width: 1px 1px 1px 5px; 
	border-color: var(--6eme);
	background-color: #ffeddd;
	border-radius: 3px;}

.exo5{background-color:var(--5eme); color: #ffffff;}
.exo5:link, .exo5:visited, .exo5:hover, .exo5:active {color: #ffffff; background-color:var(--5eme);}
.titre5 {    
	padding: 5px 0px 5px 5px;
	border-width: 0px 0px 1px 4px;
  	border-style: solid;
  	border-color: var(--5eme);
background-color :#f5f5f5;}
.seven5 {
 padding: 10px 5px 5px 20px;
	border-style: solid;
        border-width: 1px 1px 1px 5px; 
	border-color: var(--5eme);
	background-color: #f3ffdd;
        border-radius: 3px;
}
.exo4{background-color:var(--4eme); color: #ffffff;}
.exo4:link, .exo4:visited, .exo4:hover, .exo4:active {color: #ffffff; background-color: var(--4eme);}
.titre4 {    
	padding: 5px 0px 5px 5px;
	border-width: 0px 0px 1px 4px;
  	border-style: solid;
  	border-color: var(--4eme);
background-color :#f5f5f5;}
.seven4 {
   padding: 10px 5px 5px 20px;
   border-style: solid;
   border-width: 1px 1px 1px 5px; 
   border-color: var(--4eme);
   background-color: #e5f3fd;
	border-radius: 3px;
}
.exo3{background-color:var(--3eme); color: #ffffff;}
.exo3:link .exo3:visited .exo3:hover, .exo3:active {color: #ffffff; background-color:var(--3eme); }
.titre3 {    
	padding: 5px 0px 5px 5px;
	border-width: 0px 0px 1px 4px;
  	border-style: solid;
  	border-color: var(--3eme);
background-color :#f5f5f5;}
.seven3 {
   padding: 10px 5px 5px 20px;
   border-style: solid;
   border-width: 1px 1px 1px 5px; 
   border-color: var(--3eme);
   background-color: #fffbe7;
	border-radius: 3px;
}
.titre
{padding: 5px 0px 5px 5px;
 background-color :#eeeeee;}

img.website{box-shadow:0 2px 2px 2px rgba(0,0,0,0.2); margin-bottom:10px;}
img.website:hover{box-shadow:0 3px 6px 4px rgba(0,0,0,0.4);}
/*Info-bulle*/
.IB {
  text-decoration: underline;
  text-decoration-style:dashed;
 background-color: #eaeaea;
}
/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}