div.top-logo
{
text-align: left;
padding: 0px 1rem 0px 1rem;
position: relative;
top: -1rem;
}
div.top-boutons
{
text-align: left;
padding: 1rem;

}
div.top-boutons img
{
vertical-align: top;
}
a.top-tel
{
white-space: nowrap;
color: deeppink;
}
a.top-acces
{
white-space: nowrap;
font-family: 'poppinslight';
color: deeppink;
}
a.top-inscrit
{
font-family: 'poppinslight';
white-space: nowrap;
color: deeppink;
}
a.top-tel:hover
{
white-space: nowrap;
color: red;
}
a.top-acces:hover
{
white-space: nowrap;
color: red;
}
a.top-inscrit:hover
{
white-space: nowrap;
color: red;
}
div.top-contact
{

}
a.top-contact
{
white-space: nowrap;
color: white;
}
a.top-contact:hover
{

}
div.recherche label.element-invisible
{
display: none;
}
div.recherche input.inputbox
{
position: relative;
top: -1rem;
border: none;
font-size: 1.3rem;
}
div.recherche input.button
{
background-color: transparent;
}
div.recherche input.button:before
{
display: none;

padding: 0px;
}
div.recherche input.button:after
{
content: url("../../../images/icons/loupe-violette-30x30.png");
}
div.recherche
{

}
/***********************************      module langue en position fixe                       *************************************/
/*div.plume /* ajustement de la hauteur pour la plume qui affiche le menu langue */
/*{
padding-bottom: 0.3rem;
}*/

/* j4 div.moduletable.langue ne fonctionne plus, remplacé par div.mod-languages*/
/* il faut enlever un p */
p#language_picker_des_87
{
display: none;
}


div.mod-languages
{
position: absolute;
top:  1rem;
/*right: 56px;*/
right: 1rem;;
/* remettre right vers 36px si on n'utilise pas la frite*/
/*width:120px;*/
z-index: 99;
}
div.mod-languages ul.lang-inline
{
display: flex;
/*width: 80px !important;*/
/*margin-top: 1rem;*/
}
div.mod-languages ul.lang-inline li
{
/*max-width: 50px;*/
color: black;
}
div.mod-languages ul.lang-inline li a
{
/*max-width: 40px;
margin-left: 10px;
padding-left: 0px;*/
color: black;
}
div.mod-languages ul.lang-inline li a:hover
{
color: orange;
}
div.mod-languages ul.lang-inline li.lang-active a
{
color: orange;
}
div.mod-languages ul.lang-inline li.lang-active a:hover
{
color: red;
}
select.inputbox, select.inputbox element
{
/*display: inline !important;
border: none;*/
}
div.chzn-container-single, div.chzn-container
{
min-width: 40px !important;*/
}
a.chzn-single
{
overflow: visible !important;
padding-top: 5px !important;
padding-left: 0px !important;
padding-right: 5px !important;
border: none !important;
border-radius: 0px !important;
background: none !important;
background-color: none !important;
color: white !important;
box-shadow: none !important;
font-size: 16px;
color: white;

}

a.chzn-single span
{
min-width: 29px !important;
}

/******** menu principal *******/
.maximenuck li {
    list-style: none;
}

/*******************	structure css pour maximenu menu principal			**********************************/
div#principal

div#principal ul.maximenuck
{
/*list-style: none;
background-color: white;
padding-top: 1rem;
display: flex !important;
justify-content: space-around;
z-index: 99;*/
}
/**************************************************              menu logo                  ***********************/
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: 1.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
{
padding: 0px;
margin: 0px;
}
div#principal ul.maximenuck li.level1.first
{

}
div#principal ul.maximenuck li.level1.maximenuck /* adresse toutes les maximenuck */
{
padding-top: 4rem;
padding-bottom: 1rem;
padding-left: 1rem;	/* padding dont on se sert pour distancer les liens du menu */
padding-right: 1rem; /* padding par défaut du bord d'écran */
color: #001B4C;
font-family: 'poppinsmedium';
font-size: 1.4rem !important;
transition-duration: 0.5s;
}
div#principal ul.maximenuck li.level1:hover
{
font-size: 1.7rem !important;
transition-duration: 0.5s;
}
/* affecte les balises a à de tous les niveaux enfants du level1 */
div#principal ul.maximenuck li.level1.maximenuck a.maximenuck
{
color: #001B4C;
font-family: 'poppinsmedium';
font-size: 1.4rem !important;
transition-duration: 0.5s;
}
/* affecte les balises a à de tous les niveaux enfants du level1 */
div#principal ul.maximenuck li.level1.maximenuck a.maximenuck:hover
{
font-size: 1.7rem !important;;
transition-duration: 0.5s;
}
div#principal ul.maximenuck li.item104
{
padding-top: 1rem !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: #001B4C;
font-family: 'raleway-bold';
font-size: 1.4rem;
transition-duration: 0.5s;
}
*/

/* 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 */
{

}


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 */
{

}
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: #001B4C;
padding: 5px 10px;
position: relative;
z-index: 999999;
left: -5%;
border: 1px solid #001B4C;
color: white;

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maxidrop-main2 /* fonctionne pas */
{

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main li
{
text-align: center !important;
padding-bottom: 0.5rem !important;
padding-top: 0.5rem !important;
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main li a
{
color: white !important;
font-family: 'poppinsmedium';
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main li a:hover
{
font-size: 1.4rem; !important;
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maxidrop-main2 div.maximenuck2
{

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

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

/******************************************************************************/
/***************               Section pour l'affichage du hamburger        ************************************************************/
div#principal-mobile-bar
{
/*position: absolute;
top: 5rem;*/
}
div#principal-mobile-bar div.mobilemenuck-bar-title /**************************************************************************************************************************** ici */
{
background: white;
/**************************************************************************************************************************** ici */
border: 1px solid black;
}
div#principal-mobile-bar div.mobilemenuck-bar-title img /*image du lien de menu si on affiche les images*/
{
padding-top: 1.5rem;
}
div#principal-mobile div.mobilemenuck-topbar div.mobilemenuck-title
{
color: black;
}
div#principal-mobile div.item104
{
margin-top: 0px;
background: white;
border: 1px solid black;
}
div#principal-mobile div.item104 img
{
padding-top: 1.5rem;
}