/* CASA TEST */


:root {
	/* version actuelle */
	--text-color: Blue;
	--head-color: #191970;
	--head-color-hover: #191970;
	--glyph-color: LightBlue;
	--cassiopeia-color-hover: #424077;
	--lien-hover: LightBlue;
	--login-color: white;
	--login-color-fond-clair: lightsteelblue;
	--button-color: #77ACB5;
	--menu-color: CadetBlue;
	--menu-link-color: #77ACB5; /*lightsteelblue;*/ /*#299491;*/
	
	/* --cassiopeia-color-primary: LightBlue; */ /* 2EME TEST MODIFS OLIVIER ET HADRIEN */
	/*
	--text-color: Blue;
	--head-color: white;
	--head-color-hover: white;
	--glyph-color: LightBlue;
	--cassiopeia-color-hover: #424077;
	--lien-hover: LightBlue;
	--login-color: CadetBlue;
	--button-color: lightsteelblue;
	--menu-color: CadetBlue;
	--menu-link-color: CadetBlue;
	*/
	
	/*--cassiopeia-color-primary: rgb(0, 174, 239);*/ /* 1ER TEST BLEU TEMPLATE DEMO */
	/*
	--text-color: rgb(0, 174, 239);	
	--head-color: rgb(0, 174, 239);
	--head-color-hover: #424077;
	--glyph-color: rgb(0, 174, 239);
	--cassiopeia-color-hover: #424077;
	--lien-hover: LightBlue;
	--login-color: rgb(0, 174, 239);
	--button-color: lightsteelblue;
	--menu-color: white;
	--menu-link-color: LightSkyBlue;
	*/
	
	
	
}

a {
		color: var(--menu-link-color);
}

h3 {
	font-size: 1.4rem;
}
h2 {
	font-size: 1rem;
	
}

/* BANNIERE */
/* couleur fond bannière */
.container-header {
    background-color: var(--head-color);
	background-image: linear-gradient(135deg, var(--head-color) 0%, var(--head-color-hover) 100%); /* si head-color et head-color-hover identiques alors pas de dégradé */
	/*background-image: none; */
}


/* centrer la bannière */
.mod-banners__item.banneritem {
    justify-content: center;
    display: grid;
}

.mod-banners.bannergroup {
    max-width: 95%;
	
}

/* réduire la taille du logo et le centrer  */
.mod-banners.bannergroup img{
    max-width: 55%;   
    justify-self : center;
}

/* suppression bannière Cassiopeia */
.d-inline-block {
	display: none !important;
}

.fplanglois-banniere {
    font-size: 0.8rem;
	font-family: var(--body-font-family);
	text-align: center;
}

/* TOPBAR */

/* icones menu à droite (désactivé)*/
/*
.container-topbar {
	justify-items: right;
	margin-right: 1rem;
}
*/ 

.awesomplete {
	margin-right: 10px;
}
.awesomplete > input {
    width: 80px;
    height: 20px;
	font-size: 12px;
	padding: 0;
}

/* les menus icones recherche et connexion*/
ul.mod-menu.mod-list.nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

/* ZONE LOGIN */
/* test zone recherche à gauche */
.grid-child.container-below-top {
    /*justify-content: right;*/
	display: grid;
}

/* test zone recherche à gauche */
form#login-form {
    justify-self: right;
}


/* span.login-greeting.cb_template.cb_template_default {
    color: var(--login-color-fond-clair);
	font-size: 13px;
}
*/

input.inputbox {
	border-radius: 0.3rem;
	/*color: var(--login-color);*/
}
span.userdata {
    color: var(--login-color);
}
button.button {
	border-radius: 0.3rem;
	color: var(--login-color);
	background-color: var(--button-color);
}

button.button {
    height: 20px;
	font-size: 12px;
}

*, :before, :after {
    border: none;
}
.login-greeting {
    color: var(--login-color);
}

.grid-child.container-nav a {
    color: var(--menu-link-color);
}

input#modlgn-username {
    width: 80px;
	height: 20px;
}
input#modlgn-passwd {
    width: 80px;
    height: 20px;
}


/* mettre une loupe à gauche du login */
li.nav-item {
    justify-self: right;
}


.container-header .mod-menu {
        flex: 0;
    }

@media (width >= 992px) {
    .container-header .mod-menu {
        flex: 1;
    }
}


/* MENU PRINCIPAL (hamburger sur smartphone) */
.grid-child.container-nav {
 background: white;
 max-width: none; /* en mode PC l'arrière plan du menu ne faisait pas toute la largeur */
}

/* supprimer marges du template */
nav.navbar.navbar-expand-lg {
    margin: 0;
}
.container-header .container-nav {
	padding-bottom: 0;
}

/* centrer le menu en mode PC */
.collapse.navbar-collapse ul {
	justify-content: center;
}

/* forcer les boutons des sous-menus à rester sur la ligne */
.metismenu.mod-menu .metismenu-item {
    flex-wrap: nowrap;
	
}

/* réduire l'inter-ligne */
.metismenu.mod-menu .metismenu-item {
	line-height: 1; 
}
/* couleur bouton hamburger */
button.navbar-toggler.navbar-toggler-right {
    color: var(--menu-color);
}
.container-header .navbar-toggler {
    border: 1px solid var(--menu-color);
}

/* le bouton hamburger doit rester à droite */
.grid-child.container-nav {
    display: flex;
    flex-wrap: nowrap;
}

/* largeur du menu déroulé sur smartphone */
nav.navbar.navbar-expand-lg {
    justify-content: right;
	width: 100%;
}


.grid-child.container-nav {
    justify-content: right;
}


.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
    color: currentColor;


}

/* liens de menu non soulignés */
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list a {
    text-decoration: none;
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list li {
    color: var(--menu-color);
}

/* changement de couleur au survol souris */
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list a:hover {
    color: var(--lien-hover);
}


/* gestion du menu en TOP A/B */

/* en mode PC menu en ligne */
.collapse.navbar-collapse ul {
	flex-direction: row;
	display: flex;
}

/* en mode smartphone menu en colonne */
.collapse.navbar-collapse.show ul {
	flex-direction: column;
	display: flex;
}

/* on cache le bord que crée le template */
.container-top-a>*, .container-top-b>*, .container-bottom-a>*, .container-bottom-b>* {
    border-style: hidden;
}
/* on enlève le padding du template */
.card-body {
    padding: 0;
 }
 
 .container-component>:first-child, .container-sidebar-left>:first-child, .container-sidebar-right>:first-child, .container-component>*+*, .container-sidebar-left>*+*, .container-sidebar-right>*+* {
    margin-top: 0;
}
.container-banner.full-width {
    margin: 0;
}
/* fin gestion TOP A/B */



/* menu FAVGLYPH (menu personalisé avec images rondes) */
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.nav-pills {
	
	background-image: linear-gradient(49deg, var(--glyph-color) 0%, var(--cassiopeia-color-hover) 100%);
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

/* images centrées */
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.nav-pills li {
    justify-content: center;
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.nav-pills {
    justify-content: center;
}

/* taille image favglyph */
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.nav-pills img {
    width: 130px;
}
/* FIN menu favglyph */


/* FIN zones menus */



/* couleurs texte des menus cartes */ /* pas utilisé pour le moment mais était utile quand le menu était mis sur une zone latérale */
h3.card-header {
    font-size: large;
	color: var(--text-color);
}
/* réduction largeur */
.grid-child.container-sidebar-right {
    width: 60%;
}


/* zone top a pour le slider images (Slideshow CK) */
.top-a.card {
     align-items: center;
}


/* Albums PHOCAGALLERY */

/* réduire taille des titres des galeries */
.pg-category-box-title {
    padding: 1px;
    text-align: center;
}
/* pour cela, réduire la taille de la police des titres  */
#phocagallery .pg-item-box-title a, #phocagallery .pg-category-box-title a, .pg-item-box-title a, .pg-category-box-title a {
     font-size: 0.6rem;
}