/*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: 'raleway-light';
color: deeppink;
}
a.top-inscrit
{
font-family: 'raleway-light';
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: 1rem;;
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;
}*/

/*******************	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.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: 'raleway-bold';
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: 'raleway-bold';
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 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: 'raleway-medium';
}
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;
}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maxidrop-main2 ul.maximenuck2 li.maximenuck.level2 a.maximenuck
{

}
div#principal ul.maximenuck li.level1.maximenuck div.floatck div.maxidrop-main div.maxidrop-main2 div.maximenuck2 ul.maximenuck2 li.maximenuck.level2 a.maximenuck span.titreck
{

}*/
/******************************************************************************/
/***************               Section pour l'affichage du hamburger        ************************************************************/
/*div#principal-mobile-bar
{*/
/*position: absolute;
top: 5rem;*/
}
/*div#principal-mobile-bar div.mobilemenuck-bar-title 
{
background: white; 
border: 1px solid black;
}
div#principal-mobile-bar div.mobilemenuck-bar-title img
{
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;
}*/



/***********************************************    css de la version précédente, semble-t-il ***********************************/
/******************************************************************************/
/***************               Section pour l'affichage du hamburger        ************************************************************/
/*div#principal-mobilebarmenuck
{
background: none;
}
div#principal-mobilebarmenuck div.mobilebuttonmenuck
{
background: url('../../../images/icons/menu_35x24_noir.png') no-repeat;
position: relative;
z-index: 9999999;
}
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;
}
div#principal-mobilebarmenuck span.mobilebarmenutitleck span.titreck
{
display: none;
}*/


/* 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*/ /**************************************************************************************************************************** ici */
/*{
background: white !important;
border: 1px solid black;
color: black !important;
}*/
/*div.mobilemenuck-bar-title span.titreck span.titreck-text span.titreck-title
{

color: black !important;*/ /**************************************************************************************************************************** ici */
}
/*div.mobilemenuck-bar-button
{*/
/*background: #7A385D !important;*/
/*background: white !important;*/ /**************************************************************************************************************************** ici */
/*border: 1px solid black;
color: black !important;
height: 45px !important;*/
}
/*div.mobilemenuck-title
{*/
/*background: #7A385D !important;*/ /**************************************************************************************************************************** ici */
/*background: white !important;
border: 1px solid black;
color: black;
}
div.mobilemenuck-button
{

color: black;
}*/
/*	liens menu mobile du niveau un en background blanc, si ça peut servir;;; */
/*
div.mobilemenuck-item > .level1
{
background: white !important;
border: 1px solid #027EA6 !important;
color: #027EA6 !important;
}
div.mobilemenuck-item > .level1 a
{
color: #027EA6 !important;
}
*/
/*	liens du niveau un en background blanc, si ça peut servir;;; */
/*div.maximenuck.level1 a.maximenuck
, div.maximenuck.level1 span.titreck-title
{
color: black !important;*/	 /**************************************************************************************************************************** ici */
}
/*div.mobilemenuck-togglericon:after
{
background: white !important;*/	 /**************************************************************************************************************************** ici */
}
/*div.menuck.level1
{*/
/*background: #7A385D !important;*/
/*background: white !important; 
border: 1px solid black;
color: black !important;
position: relative;
z-index: 99999999999999999999;
}*/

/* 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: "Menu mobile du super site de Susan";
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: white;
margin-bottom: 2rem;
}*/
/* Pour remplacer Menu par le logo */
/*div#principal-mobile div.topbar span.mobilemaximenucktitle
{
font-size: 2rem;
display: none; 
}
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: "Menu mobile Susan";
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
{

}*/
/* adresser tous les items */
/*div#principal-mobile div.mobilemaximenuckitem div.maximenuck 
{
height: auto;
min-height: auto;
line-height: 2rem;
background: white;
}*/
/* adresser tous les items level1 */
/*div#principal-mobile div.mobilemaximenuckitem div.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 */
/* adresser l'item active */
/*div#principal-mobile div.mobilemaximenuckitem div.active 
{

}*/
/* adresser tous les liens a du level1 */
/*div#principal-mobile div.mobilemaximenuckitem div.maximenuck.level1 a 
{
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
{

}*/

/*div#principal-mobile div.mobilemaximenuckitem div.maximenuck.level2 a
{
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;
}*/

/*******************	structure css pour menu enregistre			**********************************/
/*div.enregistre
{
padding: 1rem;	
}
div.enregistre a
{
color: green;
padding-right: 1rem;
font-size: 1.5rem;
line-height: 2rem;	
}
div.enregistre a:hover
{
color: red;	
}
div.enregistre a img
{
vertical-align: top;
}*/
/******************************************   frites	//////////////////////////////////////////////////////////////	*/
/*div.frites-module
{
position: fixed !important;
top:  5px;
right: -6px;
width: 20px !important;
margin-left: 0px;
padding-left: 0px;
z-index: 9999999;
overflow: visible !important;
}
div.frites-module img
{
height: 20px !important;
}
div.frites-module #js-mainnav.megamenu ul.level0 li.mega
{
position: relative;
left: -10px;
}
div.frites-module #js-mainnav.megamenu ul.level0 li.haschild-over span.arrow-icon
{
background:none !important;
width: 0px !important;
height: 0px !important;
}

div.frites-module #js-mainnav.megamenu ul.level0 li.mega span.mega
, div.frites-module #js-mainnav.megamenu ul.level0 li.mega a.mega
{
padding: 0px !important;
}
div.frites-module ul.level1 li.mega span.mega
, div.frites-module ul.level1 li.mega a.mega
{
padding: 2px 5px !important;
}
div.frites-module ul.megamenu.level1 li.level1
{
color: #ff3d00;
font-size: 1rem;
opacity: 0.9;

}
div.frites-module #js-mainnav.megamenu ul.level1 li.mega
{
position: relative;
left: -2px;	
}

div.frites-module ul.level1 li a.connexion
{
background-color: pink !important;
}
div.frites-module ul.level1 li a.utilitaire
{
background-color: yellow !important;
}
div.frites-module a img
{
margin: 0 !important;
padding-right: 2px !important;
}
div.frites-module a
{
color: #ff3d00;
font-size: 1rem;
opacity: 0.5;
width: 20px !important;
}
div.frites-module a:hover
{
background-color: #ffffff !important;
color: #ffffff !important;
opacity: 1;
}
div.frites-module a img
{
margin: 0 !important;
padding-right: 2px !important;
}
div.frites-module a
{
color: #ff3d00;
font-size: 1rem;
opacity: 0.5;
}
div.frites-module a:hover
{
background-color: #ffffff !important;
color: #ffffff !important;
opacity: 1;
}*/