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

#menum
{
/*height: 65px;*/
background-color: #ffffff;
color: #707070;
margin: 0px;
}
#menum a
, #menum ul.megamenu.level0
{
color: #707070;
font-size: 2rem;
padding-top: 2rem;
padding-left: 1rem;
}

#menum a:hover
, #menum ul.level0 li.mega span.menu-title:hover
{
color: #022D54;
}
#menum a img
, #menum ul.level0 li.mega img
{
vertical-align: bottom !important;
margin-top: -1rem !important;
}

#menum .active
{
    font-weight: bold;
    color: #022D54;
}

/* design li */
#menum a, #menum ul.level0 li.mega
{
color: ;
font-size: ;
font-family: 'Calibri-Light';
padding-left: 2rem !important;
padding-right: 2rem !important;
}

#js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon
, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon
, #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon::before
, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon::before
, #js-mainnav.megamenu.noJS #css3-megaMenuToggle .megaMenuToggle-icon::after
, #js-mainnav.megamenu #js-megaMenuToggle .megaMenuToggle-icon::after
{
	background: hsla(0, 0%, 50%, 0.8);
}
/****************************************           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: 9 !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;
}
#menregistre a
, #menregistre ul.megamenu.level0
{
color: black;
font-size: 1.7rem;
}
#menregistre a:hover
{
color: #ffd72c;
}
#menregistre ul.megamenu.level0 li.mega span.menu-title:hover /* séparateur */
{
color: #ffd72c;
}
#menregistre.megamenu ul.level0
{
padding-top: 2rem;
}
#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;
}
/**********************************                            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.frites-module
{
position: fixed !important;
top:  -6px;
right: 6px;
width: 20px !important;
margin-left: 0px;
padding-left: 0px;
z-index: 99999999999999999999999999999;
overflow: visible !important;
}
div.moduletable.frites-module img
{
height: 22px !important;
}
div.moduletable.frites-module a img
{
margin: 0 !important;
padding-right: 2px !important;
}
div.moduletable.frites-module a
{
color: #ff3d00;
font-size: 1rem;
/*background: #ffffff;*/
opacity: 0.5;
}
div.moduletable.frites-module a:hover
{
background-color: #ffffff !important;
color: #ffffff !important;
opacity: 1;
}
div.moduletable.frites-module img
{
height: 22px !important;
}
div.moduletable.frites-module a img
{
margin: 0 !important;
padding-right: 2px !important;
}
div.moduletable.frites-module a
{
color: #ff3d00;
font-size: 1rem;
/*background: #ffffff;*/
opacity: 0.5;
}
div.moduletable.frites-module a:hover
{
background-color: #ffffff !important;
color: #ffffff !important;
opacity: 1;
}
/***********************************      module langue en position fixe                       *************************************/
div.moduletable.langue
{
position: fixed;
top:  0px;
/*right: 36px;*/
right: 56px;
/* remettre right vers 36px si on n'utilise pas la frite*/
width:90px;
z-index: 99999999999999999999999999999;
}
div.moduletable.langue ul.lang-inline
{
display: flex;
width: 90px !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: orange;
}
div.moduletable.langue ul.lang-inline li.lang-active a
{
color: green;
}
div.moduletable.langue ul.lang-inline li.lang-active a:hover
{
color: red;
}