/* pour changer les couleurs de fond du header */

.header {
  /*
    background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%); 
  */
    background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%); 
}

/* pour changer les couleurs de fond du footer */

.footer {
    background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%); 
}

/* pour centrer le footer */

.container-footer .grid-child {
	justify-content: center;
}


/*surcharge pour changer les couleurs du thème 
la classe bl est indiquée en paramètres d'affichage de page sur gestions des liens / liens / affichage de la page / classe de la page
*/

.bl {
  
    /* couleurs bandeau ? 
  --cassiopeia-color-gradient-end: #FF0000 !important;
  --cassiopeia-color-gradient-start: #FF0000 !important; 
    */
  
	/*couleurs des liens */


  --cassiopeia-color-primary: #FFFFFF;  /* change la couleur de fond du module menu gradient gauche*/
  --cassiopeia-color-link: #777;
  --cassiopeia-color-hover: #999999; /* change la couleur de fond du module menu gradient droit*/

}

.bl .container-banner .banner-overlay {
  height: 40vh;  /* hauteur de la bannière du site à 40% du viewport */
}

/*surcharge pour changer la couleur la font des menuitems */

.container-header .mod-menu>li:hover {color:#999999;font-weight: bold;font-family: 'Arial Black';}
.container-header .mod-menu>li {color:black; font-family: 'Arial Black';}


/*surcharge pour changer la couleur la font de la "marque" dans le module menu */

.navbar-brand>span{
  color:#000000;
  font-family:'Georgia';
  font-style:italic;
}

/*surcharge pour changer la couleur du burger menu */

.container-header .navbar-toggler {
    border: 1px solid #000000;
    color: #000000;
}

/* classes pour arrondir */

.roundeditem{
    border-radius: 50%;
    margin: 10px;
}

.roundeditemborder{
    border-radius: 50%;
    margin: 10px;
    border: 1px solid #000000;
}

.roundeditemborder:hover{
    border-radius: 50%;
    margin: 10px;
    border: 1px solid #999999;
}

.btn-primary{
    background-color: #999999;
    border-color: #000000;  
}

/* pour changer la couleur du boutont envoyer dans formulaire de contact */

/* **************** */

