/* * {display: none;} */

:root {
	--header-color: #FFF8E7;
	--label-finder-color: grey;
	--breadcrump-color: #ddd;
	--underline-color: orange;
	--hamburger-color: orange;
	--page-color: white;
	--text-color: black;
	--main-menu-background-color: #CAC5AF;
	--secondary-menu-background-color: #E0CAA3;
	--menu-text-color: white;
	--link-without-class-color: #b4ab8f;
	}
	/*#958749*/
	/*#E1CCA8*/

body {
	background: var(--page-color);
	color: var(--text-color);
	font-family: Helvetica,Arial,sans-serif;
}




/* personalisation article via class personalisée */	
.iframefplanglois iframe
{
width: 85%;
min-height: 30em;
}



/* ZONES SUPERIEURES DU TEMPLATE */
.container-header {  
  background: var(--header-color);
  background-image: none;
}


/* ZONE RECHERCHE */

label.finder{
	color: var(--labelfinder-color);
	margin: 5px;
	display: none;
}

.awesomplete > input {
	max-width: 110px;
	padding: 0;
}

/* fil d'ariane */
.breadcrumb {
    background-color: var(--breadcrump-color);
}
.breadcrumb a{
	color: var(--link-without-class-color);
}




/* MENU */

/* le lien de menu actif est souligné en orange */
li.current.active a {
	border-bottom:4px solid var(--underline-color);
	
}
/* MENU FAVGLYPH */
/* menu favglyph accueil */
@media (width >= 992px) {
    .container-header .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
		justify-content: center;
    }
}

/* fond jaune pale */
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list.nav-pills {
	background: var(--header-color);
	display: flex;
	flex-wrap: wrap;
}

/* 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;
}	
	
/* MENU PRINCIPAL */

/* couleur menu hamburger */
button.navbar-toggler.navbar-toggler-right {
	color: var(--hamburger-color);
	font-size: 25px;
	padding: 5px 10px 5px 10px; 
}
.container-header .navbar-toggler {
    border: 1px solid var(--hamburger-color);
}

/* pas de soulignement dans le menu hamburger */
.metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover
{
	text-decoration: none;
}

/* le bouton hamburger doit rester à droite */
/*.grid-child.container-nav {
    justify-content: right;
}*/
.grid-child.container-nav {
    display: flex;
    flex-wrap: nowrap;
}
nav.navbar.navbar-expand-lg {
    justify-content: right;
}

/* taille police et couleur menu principal */
.metismenu.mod-menu .metismenu-item {
	font-size: 25px;
	color: var(--menu-text-color);
	padding-bottom: 0;
    padding-top: 0;
}

/*menu principal toutes pages beige foncé */ 
ul.fplanglois-main-menu {
	background: var(--main-menu-background-color);
	
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
    
    padding-bottom: 5px;
    padding-top: 2px;
}

/* supprime le soulignement créé par défaut dans le template via un background */
.container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before, .container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before
 {
    background: unset;  
}


/* soulignement au survol */
ul.fplanglois-main-menu a:hover {
	border-bottom:4px solid var(--underline-color);
}

/* les entrées de menu non cliquables */
li.metismenu-item.level-1.deeper.parent:hover {
    border-bottom: 4px solid var(--underline-color);
	padding-left: 0px;
    padding-right: 0px;
	margin-left: 10px;
	margin-right: 10px;	
}

/* afin que le soulignement ne dépasse pas le bouton des liens non cliquables ci-dessus */
ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list li {
    padding-left: 0px;
    padding-right: 0px;
	margin-left: 10px;
	margin-right: 10px;
}


/* MENU SECONDAIRE */

/* hamburger secondaire*/ /* non utilisé mais testé */
.container-banner button.navbar-toggler {
 
    border: 1px solid #d1782f;
	color: #d35a1e;	
}

.mod-menu {
	/* pas utilisé actuellement, mais serait utile si le menu secondaire revennait en position menu */
	color: black;
}



ul.mod-menu.mod-list.nav a:hover {

	/*color: orange;*/
	border-bottom:4px solid var(--underline-color);
}


/* présentation du sous menu */
ul.mod-menu.mod-list.nav a {
    color: var(--menu-text-color);
    font-size: 18px;
	text-decoration: none;
}

/* les sous-menus s'étendent sur toute la largeur (sinon sur une seule colonne)*/
.mod-menu {
    flex-direction: row;
}

/* quand le menu secondaire est dans la zone banner du template, je le centre */
/* annulé car pas joli sur smartphone */
/*.container-banner.full-width ul {
    display: flex;
    justify-content: center;
}*/

ul.mod-menu /*.mod-list.nav*/ {
	background: var(--secondary-menu-background-color);
	
	color: var(--menu-text-color);
	
	list-style: circle; /* puce ronde */
	
	margin-bottom: -20px; /* on remonte le menu secondaire */
}



ul.mod-menu/*.mod-list.nav*/ li {

	margin-left: 30px;
}

li.nav-item {
	padding: 0 0;
}
/* FIN MENU */


/* PHOCA GALLERY */

.ph-si-category {
	color: lightgrey;
	margin-bottom: -1em;
}

/* AUTRES */
/* lien contenu dans un article sans class */
a:not([class]) {
    text-decoration: underline;
	color: var(--link-without-class-color);
}


/* bouton formulaire contact */
.btn-primary {
    background-color: lightgrey;
    border-color: grey;
}