:root { 
--dark-color: #ffd700;
--light-color: #ffd700;
/*       --main-background: #000000;
/*       --primary-background: #41648c;
/*       --primary-textColor: #ffffff;
/*       --secondary-background: #00afb9;
/*       --secondary-textColor: #ffffff;
/*       --secondary-color:  #ffffff;
/*       --accent-background: #f07167;
/*       --accent-textColor: #ffffff;
/*       --primary-gradient: linear-gradient(180deg, #41648C, #234064);
/*       --secondary-gradient: linear-gradient(180deg, #00AFB9, #006a70);
*/
--cassiopeia-color-primary : #000000;
--cassiopeia-color-link: #8500B2;
--cassiopeia-color-hover: #EBC800;
--secondary-textColor: #ffffff;
}  

/* couleur bandeau */
.container-header {background: var(--cassiopeia-color-primary); }

/* Change couleur des fonds */
body {background-color: #DDDDDD3d; }

/* taille du logos */
/* .container-header .navbar-brand img { width: 15rem; min-width: 10rem;} */

.card {background-color: #EEEEEE!important;}  

/* ------Slogan à droite du logo------------------------ */
/*  .site-description {display: inline-block; margin-left: 2px;} 
/* ----------------------------------------------------- */

.container-header .mod-menu {color: var(--light-color);} 	/* couleur du texte pour le lien actif (pour le menu déroulant) */          
.container-header .mod-menu a:hover {background-color: #EBC800; color: black}
.container-header .site-description {color: #ffd700; white-space: normal; font-size: 1rem;}
/* ------------------------------ */
.footer {color: var(--dark-color);}  	/* text color of your footer */
/* ------------------------------ */    
.btn-primary {
    --btn-color: #ffd700;
    --btn-bg: #010156;
    --btn-border-color: #010156;
    --btn-hover-color: #000;
    --btn-hover-bg: #010149;
    --btn-hover-border-color: #010145;
    --btn-focus-shadow-rgb: 39, 39, 111;
    --btn-active-color: #fff;
    --btn-active-bg: #010145;
    --btn-active-border-color: #010141;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #010156;
    --btn-disabled-border-color: #010156;
}
.icon-white {color: #ffd700;
}
.container-header .navbar-brand a {
    color: #000;
}
/* ------------------------------ */
.map-responsive {
 overflow:hidden;
 padding-bottom:56.25%;
 position:relative;
 height:0;
}
.map-responsive iframe {
 left:0;
 top:0;
 height:100%;
 width:100%;
 position:absolute;
}
/* ------------------------------ */
.google-map { padding-bottom: 50%; position: relative; } .google-map iframe { height: 100%; width: 100%; left: 0; top: 0; position: absolute; }
/* ------------------------------ */

/* ------------------------------ */
/* Carte Google Responsive */
.carte-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
}
 
.carte-responsive iframe,
.carte-responsive object,
.carte-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ------------------------------ */

/* ------------------------------ */
.ma-banniere {
	min-width: 100%;
}
.container-banner .banner-overlay {
	height: 55vh;
}
/* ------------------------------ */

/* ------------------------------ */