#Logo{
	background: none;
	color: #3A87AD !important;
}

#Menu{
    background: none;
    background-color: white;
	border-bottom: solid #3B91B4 2px;
    border-radius: 2px;
}
#Menu li:not(.active) a:hover{
	color: unset;
	text-decoration: underline;
}
.well-small {
    border-radius: 3px !important;
}
#Resume{
	background: linear-gradient(271deg, #F2F2F2 -73.2%, #D9EDF7 72.83%);
}
#RightMenu .well{
	border-radius: unset !important;
	margin-right: 7px;
	margin-bottom: 5px;
}
.sideMenu{
	width: 195px;
	margin-bottom: 10px;
	margin-left: 2px; /* responsive mobile */
}
.sideMenu .active>a {
	background: unset;
    background-color: #3A87AD !important;
}

a, .green, .color3, .sub_title{
	color: #3A87AD;
}
#RightMenu h5, .sideMenu h5 {
	background: linear-gradient(300deg, var(--color-azure-45, #3A87AD) 0%, var(--color-red-4, #0A0808) 100%);
	background-clip: text
}
.sideMenu.nav>li>a:hover, .sideMenu.nav>li>a.hovered, .leftMenuTitle {
    background-color: #3A87AD;
}
.alert.alert-success, .alert.alert-warning {
	background-color: white;
	color: black;
}
.well:hover{
	box-shadow: 0 0 10px #3A87AD, inset 0 0 1em #D9EDF7;
}
#Resume>.hover:hover {
    color: #9E9E9E;
}
#Banner, .tokens{
	filter: hue-rotate(100deg);
}
#RightMenu .well, #Howto .well {
    background-color: white;
}
.subpane{
    background-color: rgb(255 255 255 / 0%);
}


.btn.chat {
    margin: 2px;
    padding: 0;
    width: 100px;
    height: 26px;
}



/* reponsive: computer (not phone/tablet) */
@media (min-width: 440.01px) { 
	#Howto .well {
		min-height: 140px;
	}
	#Resume{
		/* margin-left: 5px; */
	}
	.sideMenu{
		/* margin-left: 5px !important; */
	}
}



	.main-nav-link.active{
		background-color: #e2eff5;
	}


/* ==========================================================================
   SOUS-MENU MOBILE — bouton de la variante 3 (.mnuSelect)
   Theme par defaut des visiteurs non connectes : c'est donc ce rendu
   que verra la majorite du trafic.
   Bleu plat, sans degrade, comme .leftMenuTitle et .sideMenu .active>a
   de ce theme — il n'utilise nulle part de degrade sur ces elements.
   ========================================================================== */
@media (max-width: 800px) {
	body.mnu3 .mnuSelect{
		color: #fff;
		background-color: #3A87AD;
		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffff' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 13px center;
		background-size: 10px 6px;
		border-color: #2d6b8a;
	}
	body.mnu3 .mnuSelect option{ color: #3A87AD; }
}

/* ==========================================================================
   COULEURS DE THEME — BLEU AZUR — theme par defaut
   --------------------------------------------------------------------------
   Redefinit les neuf variables posees dans main.css. C'est ce bloc qui
   colore desormais le contenu — titres, liens, sous-titres, fonds clairs —
   et non plus une liste de surcharges regle par regle.

   Les regles explicites de ce fichier restent prioritaires la ou elles
   existent : les variables ne traitent que tout le reste.
   ========================================================================== */
:root{
	--c-primary:       #3A87AD;
	--c-primary-grad:  #2c6a8a;
	--c-primary-hover: #2d6b8a;
	--c-primary-dark:  #3A87AD;
	--c-primary-deep:  #24566f;
	--c-accent:        #3A87AD;
	--c-accent-alt:    #3A87AD;
	--c-tint:          #D9EDF7;
	--c-tint-2:        #eaf4fa;
}