/******************************************           menu jux                       ***************************/
/******   menu jux centré sur largeur interne et se fixe pleine largeur au top en scrollant   *********/

#menum
{
/*height: 65px;*/
background-color: #ffffff;
color: black;
margin: 0px;
padding-top: 3rem!important; 
}
#menum a
, #menum ul.megamenu.level0
{
color: black;
font-size: 1.7rem;

}
#menum a:hover
, #menum ul.level0 li.mega span.menu-title:hover
{
color: #d9a234;
}


#js-mainnav.megamenu ul.level0 li.mega a.mega
{

}


#menum a img
, #menum ul.level0 li.mega img
{
vertical-align: middle !important; 
}

/* design li */
#js-mainnav.megamenu ul.level0 li.mega
, #menum a, #menum.megamenu ul.level0 li.mega
{
    color: ;
    font-size: ;
    font-family:;
	padding-left: 1rem;
	padding-right: 1rem;
}
/****************************************           menu jux sous-niveaux                      ********************************/
#menum ul.level1
{
background-color: #ffffff;
opacity: 0.7;
}
div.megacol
{
background-color: #ffffff;
opacity: 0.7;
}
#menum.megamenu.white ul.level1 li.mega a.mega
, #menum.megamenu.white ul.level1 li.mega span.mega
{
background-color: #000086;
border-color: black !important;
border: solid 1px !important;
font-size: 1.5rem;
position: relative;
z-index: 999999999999999999999999999999999999999999999999999 !important;
}
#menum.megamenu.white ul.level1 li.mega a.mega:hover
, #menum.megamenu.white ul.level1 li.mega span.mega:hover
{
opacity: 0.5;
}
#menum.megamenu.white ul.level1 li.mega a.mega img
, #menum.megamenu.white ul.level1 li.mega span.mega img
{
vertical-align: middle !important;
} 

/******************************************        deuxième menu JUX dans la zone avant       *********************************************************************/
#menregistre
{

background-color: #ffffff;
color: black;
margin: 0px;
position: relative;
z-index: 7;
padding-top: 2rem;
}

.menu-title
{
    font-family: 'josefin_sanssemibold';
}

#menregistre a
, #menregistre ul.megamenu.level0
{
color: black;
font-size: 1.7rem;
}
#menregistre a:hover
{
color: #d9a234;
   
}
#menregistre ul.megamenu.level0 li.mega span.menu-title:hover /* séparateur */
{
color: #d9a234;

}
#menregistre.megamenu /*ul.level0*/
{

}
#menregistre a
, #menregistre.megamenu ul.level0 li.mega
{

}
#menregistre a img
, #menregistre.megamenu ul.level0 li.mega img
{
vertical-align: bottom !important;
margin-top: -1rem !important;
}
div#menregistre ul.level0 li.mega div.childcontent div.childcontent-inner-wrap
, div#menregistre ul.level0 li.mega div.childcontent div.childcontent-inner-wrap div.childcontent-inner
, div#menregistre ul.level0 li.mega div.childcontent div.childcontent-inner-wrap div.childcontent-inner div.megacol
, div#menregistre ul.level0 li.mega div.childcontent div.childcontent-inner-wrap div.childcontent-inner div.megacol ul.level1
, div#menregistre ul.level0 li.mega div.childcontent div.childcontent-inner-wrap div.childcontent-inner div.megacol ul.level1 li.mega
, div#menregistre ul.level0 li.mega div.childcontent div.childcontent-inner-wrap div.childcontent-inner div.megacol ul.level1 li.mega a.mega
{
position: relative;
z-index: 99999999999999999999999999;
}
/********************************************************************************************************************************************************/
/*******************	structure css pour maximenu menu principal			**********************************/
p.menuicon img
{
margin-bottom: 0.5rem;
margin-right: 1rem;
vertical-align: top;
}
p.menuiconvide img
{
margin-bottom: 0rem;
margin-right: 4rem;
}
div#principal
{
text-align: right;
justify-content: space-around;
}

div#principal ul.maximenuck
{
list-style: none;
background-color: white;
padding-top: 1rem;
display: flex !important;
justify-content: space-around;
color: black;
}
div#principal ul.maximenuck li.maximenucklogo
{
list-style: none;

}
div#principal ul.maximenuck li.maximenucklogo img
{
position: relative;
top: -1.1rem;
}
/* affichage du nom marketing du site sur le logo */
div#principal ul.maximenuck li.maximenucklogo:hover::before
{
top: 0.5rem;/* s'aligne sur les li selon le padding des li et la hauteur du logo */
/*block de codes css commun: menu normal menu gauche et hamburger*/
/*content: "";*/
position: absolute;
left: 1rem;
background-color: white;
padding: 12px 15px;
z-index: 99999999999;
border: 1px solid grey;
/*border-radius: 100px;*/
color: grey;
font-size: 2rem;
line-height: 2.5rem;
}
div#principal ul.maximenuck li.maximenucklogo::marker
{
list-style: none;
}
div#principal ul.maximenuck li.maximenucklogo a
{

}
div#principal ul.maximenuck li.maximenucklogo a img
{
padding-left: 1rem;
}
div#principal ul.maximenuck li.level1.first
{

}

div#principal ul.maximenuck li.level1.maximenuck /* adresse toutes les maximenuck */
{
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;	/* padding dont on se sert pour distancer les liens du menu */
padding-right: 1rem; /* padding par défaut du bord d'écran */
display: block;
background: none !important;
}
div#principal ul.maximenuck li.level1 span.separator
{
color: black !important;
padding: 0px !important;
}
div#principal ul.maximenuck li.level1 div.floatck
{
color: black !important;
padding: 0px !important;
background: none !important;
}
div#principal ul.maximenuck li.level1.maximenuck span.separator::after
{
display:none;
}
/* couleur de tous les enfants qui ne sont pas des balises a   */
div#principal ul.maximenuck li.level1 /* adresse toutes les level1 */
{
color: black !important;
font-family: 'josefin_sanssemibold';
font-size: 2rem;
background: none !important;
}
/* on peut adresser current OU active ou level1 ou first ou item104 
div#principal div#maxiroundedcenter ul.maximenuck li.active.current.active.level1.first.item104   */
div#principal div.maxiroundedcenter ul.maximenuck li.level1.active /* adresse la li active OU */
{

}
/* affecte les balises a à de tous les niveaux enfants du level1 */
div#principal ul.maximenuck li.level1.maximenuck a.maximenuck
{
color: black !important;
font-family: 'josefin_sanssemibold';
font-size: 2rem;
padding: 0px !important;
}
/* affecte les balises a à de tous les niveaux enfants du level1 */
div#principal ul.maximenuck li.level1.maximenuck a.maximenuck:hover span.titreck-title
{
color: #d9a234 !important;
}
div#principal ul.maximenuck li.level1.maximenuck a.maximenuck span.titreck 
{

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck /* wrapper du sous-menu semble inutile */
{
top: 11rem;
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-top
{

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-bottom
{

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main /* wrapper du sous-menu */
{
background: white;
padding: 5px 10px;
position: relative;
z-index: 99999999999999999;
/*left: -5%;*/
border: 1px solid black;

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main
{

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maximenuck2
{

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maximenuck2.first
{

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maximenuck2 ul.maximenuck2
{
padding-bottom: 0.5rem !important;

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maximenuck2 ul.maximenuck2 li.maximenuck.level2
{
padding-top: 0.5rem !important;
/*font-size: 1.4rem;
line-height: 2rem;*/
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maximenuck2 ul.maximenuck2 li.maximenuck.level2 a.maximenuck
{
/*font-size: 1.4rem !important;
line-height: 2rem !important;*/
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maximenuck2 ul.maximenuck2 li.maximenuck.level2 a.maximenuck span.titreck
{
/*font-size: 1.4rem !important;
line-height: 2rem !important;*/
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main 
div.maximenuck2 ul.maximenuck2 li.maximenuck.level2 a.maximenuck /* span.titreck span.titreck-text span.titreck-title*/
{
font-size: 1.4rem !important;
line-height: 2rem !important;
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main 
div.maximenuck2 ul.maximenuck2 li.maximenuck.level2 a.maximenuck span.titreck /*span.titreck-text span.titreck-title*/
{
font-size: 1.4rem !important;
line-height: 2rem !important;
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main 
div.maximenuck2 ul.maximenuck2 li.maximenuck.level2 a.maximenuck span.titreck span.titreck-text /*span.titreck-title*/
{
font-size: 1.4rem !important;
line-height: 2rem !important;
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main 
div.maximenuck2 ul.maximenuck2 li.maximenuck.level2 a.maximenuck span.titreck span.titreck-text span.titreck-title
{
font-size: 1.4rem !important;
line-height: 2rem !important;
}

span.separator:hover
{
color: #E6096B;
}

/******************************************************************************/
/***************               Section pour l'affichage du hamburger        ************************************************************/
div#principal-mobilebarmenuck
{
background: none;
}
/* le bouton hamburger que j'ai créé, pas terrible... */
div#principal-mobilebarmenuck div.mobilebuttonmenuck
{
background: url('../../../images/icons/menu_35x24_noir.png') no-repeat;
position: relative;
z-index: 999999999999999999999999;
}
/* j'ai cru bon de rajouter un hover before pour indiquer que c'est le menu à cliquer */
div#principal-mobilebarmenuck div.mobilebuttonmenuck:hover::before
{
content: "Menu";
position: absolute;
left: -4rem;
}
div#principal-mobilebarmenuck span.mobilebarmenutitleck
{
color: white;
display: block;
width: 1px;
height: 1px;
}
/* ici le lien d'accueil est affiché comme titre, on peut aussi y mettre le logo */
div#principal-mobilebarmenuck span.mobilebarmenutitleck span.titreck
{
display: none;
}
/*
div#principal-mobilebarmenuck span.mobilebarmenutitleck::after
{
content: url('../../../images/tmpl/BU_logo_70x70.png');
background: white;
position: relative;
left: -1rem;
top: -5rem;
}
*/

/* si on met le logo, il faut ajuster la hauteur de cette div en fonction le la hauteur du logo */
div#principal-mobilebarmenuck
{
padding-bottom: 1.3rem;
}
div.mobilemenuck-bar-title
{
background: white !important;
color: black !important;
}
div.mobilemenuck-bar-title img
{
padding-top: 0.5rem;
}

div.mobilemenuck-bar-button
{
background: white !important;
color: black !important;
}
div.mobilemenuck-title
{
background: white !important;
color: black !important;
}
div.mobilemenuck-button
{

color: black !important;
}
div.menuck.level1
{
background: white !important;
color: black !important;
position: relative;
z-index: 99999999999999999999;
}
div.menuck.level1 a
{

color: black !important;

}
div.mobilemenuck-item div.maximenuck.level1
{
background: white !important;
color: black !important;
}
div.mobilemenuck-item div.maximenuck.level1 a
{

color: black !important;
}
div.mobilemenuck-item div.maximenuck.level1 a span img
{

vertical-align: middle !important;
padding-right: 0.25rem;
}
div.mobilemenuck-item div.maximenuck.item1131
, div.mobilemenuck-item div.maximenuck.item1131 a.vide
, div.mobilemenuck-item div.maximenuck.item1131 a.vide span
, div.mobilemenuck-item div.maximenuck.item1131 a.vide span img
{
display: none !important;
position: relative;
z-index: -99999999999;
max-height: 0px !important;
line-height: 0px !important;
}
div.mobilemenuck-item div.maximenuck.item104 img
{
padding-top: 0.5rem;
}
/* affichage du nom marketing du site sur le logo */
div#principal-mobilebarmenuck:hover::before
{
/*top: -1rem;/* s'aligne sur les li selon le padding des li et la hauteur du logo */
margin-right: 4rem;
/*block de codes css commun: menu normal menu gauche et hamburger*/
/*content: "";*/
position: absolute;
left: 2rem;
background-color: #163251;
color: white;
padding: 2px 5px;
z-index: 99999999999;
border: 2px solid yellow;
color: white;
font-size: 2rem;
line-height: 2.5rem;
}

/***********************          Section pour l'affichage menu venant de gauche            ********************/
div#principal-mobile
{
background: none;
color: black;
text-shadow: none;
font-size: 1.3rem;
font-family: inherit; 
}
div#principal-mobile div.topbar
{
height: ;
background: none;
color: black;
margin-bottom: 2rem;
}
div#principal-mobile div.topbar span.mobilemaximenucktitle
{
font-size: 2rem;
display: none; /* Pour remplacer Menu par le logo */
}
div#principal-mobile div.topbar span.mobilemaximenuckclose
{
background: url('../../../images/icons/close_31x31_noir.png') no-repeat;
}
 /* Pour remplacer Menu par le logo */
div#principal-mobile div.maximenucklogo
{
/*position: absolute;*/
top: 0.5rem;
left: 0.5rem;
margin-bottom: 0.5rem;
width: 80%;
}
/* affichage du nom marketing du site sur le logo */
div#principal-mobile div.topbar:hover::before
{
top: 1.6rem;/* s'aligne sur les li selon le padding des li et la hauteur du logo */
/*block de codes css commun: menu normal menu gauche et hamburger*/
/*content: "";*/
position: absolute;
left: 1rem;
background-color:blue;
padding: 2px 5px;
z-index: 99999999999;
border: 1px solid grey;
color: white;
font-size: 1.3rem;
line-height: 1.8rem;
}

/***************************************************************/
div#principal-mobile div.maximenucklogo a
{

}
div#principal-mobile div.maximenucklogo a img
{
width: 100%;    
}
div#principal-mobile div.mobilemaximenuckitem
{

}
div#principal-mobile div.mobilemaximenuckitem div.maximenuck /* adresser tous les items */
{
height: auto;
min-height: auto;
line-height: 2rem;
background: white;
}
div#principal-mobile div.mobilemaximenuckitem div.level1 /* adresser tous les items level1 */
{

}

div#principal-mobile div.mobilemaximenuckitem div.level1.first
{

}
/* adresser l'item: active OU first OU current OU le numéro d'item: item104 par exemple */
div#principal-mobile div.mobilemaximenuckitem div.active /* adresser l'item active */
{

}

div#principal-mobile div.mobilemaximenuckitem div.maximenuck.level1 a /* adresser tous les liens a du level1 */
{
color: black !important;
background: none ;
padding-left: 1rem;
font-family: inherit;
min-height: auto;
}
div#principal-mobile div.mobilemaximenuckitem div.maximenuck.level1 a::after
{
background: none ;
}
div#principal-mobile  div.mobilemaximenuckitem div.maximenuck > a
{
color: red !important;
}
div#principal-mobile  div.mobilemaximenuckitem div.maximenuck a:hover
{
color: red !important;
}
div#principal-mobile div.mobilemaximenuckitem div.mobilemaximenucksubmenu
{

}
div#principal-mobile div.mobilemaximenuckitem div.mobilemaximenucksubmenu div.mobilemaximenuckitem
{

}
/* adresser tous les liens du sous-menu maximenuck OU first OU level2 OU item951 par exemple */
div#principal-mobile div.mobilemaximenuckitem div.mobilemaximenucksubmenu div.mobilemaximenuckitem div.maximenuck /* adresser tous les liens du sous-menu */
{

}

div#principal-mobile div.mobilemaximenuckitem div.maximenuck.level2 a /* adresser tous les liens a du level2 */
{
color: black !important;
background: none ;
padding-left: 3rem;
font-family: inherit;
min-height: auto;
}
div#principal-mobile div.mobilemaximenuckitem div.maximenuck.level2 a:hover
{
color: green !important;
}

span.fa, span.fas
{
margin-right: 0.7rem !important;
}

/**********************************                            menu du bas             *******************************************************/
#b90adressew /* si on veut un background-color plein largeur, utilisez plutôt ceci dans le fichier _template.css */
{
/*background-color: red !important;*/
}
#b90adressei /* balise à mettre dans le fichier _template.css */
{
/*background-color: red;*/
}
div.moduletable.menubas
{
/*padding-top: 2rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;*/
}
div.moduletable.menubas h3 /* titres des modules sont affichés*/
{
color: black;
}
div.moduletable.menubas a /* si on désire spécifier un sous menu: ajouter #adresseX devant la div*/
{
color: black;
}
#b90adresse5 div.moduletable.menubas a /* ici les liens de adresse5 sont adressés*/
{
font-size: 2rem;
font-weight: bold;
line-height: 2.5rem;
}
div.moduletable.menubas a:hover
{
color: red;
}
/******************************************   frites	//////////////////////////////////////////////////////////////	*/
div.moduletable ul.frites-module
{
position: fixed !important;
top:  2px;
right: 12px;
width: 20px !important;
margin-left: 0px;
padding-left: 0px;
z-index: 99999999999999999999999999999;
}
div#maximenuck235 li.maximenuck span.nav-header img
{
height: 22px !important;
}
#maximenuck235 div.maxidrop-main2 ul.maximenuck2 li.maximenuck a.maximenuck img
{
margin: 0 !important;
padding-right: 2px !important;
}
#maximenuck235 div.maxidrop-main2 ul.maximenuck2 li.maximenuck a.maximenuck
{
color: #ff3d00;
font-size: 1rem;
/*background: #ffffff;*/
opacity: 0.5;
}
#maximenuck235 div.maxidrop-main2 ul.maximenuck2 li.maximenuck a.maximenuck:hover
{
background-color: #ffffff !important;
color: #ffffff !important;
opacity: 1;
}
div#maximenuck242 li.maximenuck span.nav-header img
{
height: 22px !important;
}
#maximenuck242 div.maxidrop-main2 ul.maximenuck2 li.maximenuck a.maximenuck img
{
margin: 0 !important;
padding-right: 2px !important;
}
#maximenuck242 div.maxidrop-main2 ul.maximenuck2 li.maximenuck a.maximenuck
{
color: #ff3d00;
font-size: 1rem;
/*background: #ffffff;*/
opacity: 0.5;
}
#maximenuck242 div.maxidrop-main2 ul.maximenuck2 li.maximenuck a.maximenuck:hover
{
background-color: #ffffff !important;
color: #ffffff !important;
opacity: 1;
}
/***********************************      module langue en position fixe                       *************************************/
div.moduletable.langue
{
position: fixed;
top:  10px;
/*right: 36px;*/
right: 56px;
/* remettre right vers 36px si on n'utilise pas la frite*/
width:60px;
z-index: 99999999999999999999999999999;
}
div.letel
{
position: fixed;
top:  10px;
/*right: 36px;*/
right: 156px;
/* remettre right vers 36px si on n'utilise pas la frite*/
/*width:60px;*/
z-index: 99999999999999999999999999999;
text-align: right;
}
div.letel a
{
color: black;
}
div.letel a:hover
{
color: green;
}
div.moduletable.langue ul.lang-inline
{
display: flex;
width: 60px !important;
}
div.moduletable.langue ul.lang-inline li
{
max-width: 28px;
}
div.moduletable.langue ul.lang-inline li a
{
max-width: 18px;
margin-left: 10px;
padding-left: 0px;
color: black;
}
div.moduletable.langue ul.lang-inline li a:hover
{
color: white;
}
div.moduletable.langue ul.lang-inline li.lang-active a
{
color: green;
}
div.moduletable.langue ul.lang-inline li.lang-active a:hover
{
color: yellow;
}

.active span
{
    color: #d9a234;
}