:root{
/*OLD color : 30638d,fffff,954b56*/
  --cassiopeia-color-primary : #333;
  --cassiopeia-color-link: #fffff;
  --cassiopeia-color-hover: #333;
}
/*couleur bandeau*/
  .container-header {
  background: var(--cassiopeia-color-primary);
}
/* Change couleur des fonds*/
body {
background-color : #eeeeee;
}
.container-component {
background-color : #xxxxxx;
}
/* change couleur fond fil d'ariane*/
.breadcrumb {
background-color: #xxxxxx;
}
/*change couleur de fond des cartes */
.card {
background-color: #eeeeee;
}
/*change couleur du menu */
.container-header .mod-menu {
color: #fffff;
}
/*Custom footer */
.footer {
    color: #fffff;
  #    background-color: var(--cassiopeia-color-primary);
  #  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
    background-image: #xxxxxx;
    background-color: #333;
    margin-top: 1em;
/* zoom images */
/* Utilisez une classe spécifique si nécessaire */
img.zoomable {
    width: 200px;
    transition: transform .1s;
}

img.zoomable:hover {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(1.5);
}
/*change couleur du menu Custom1 */
.custom1 {
color: #FF3333;
}