@charset "utf-8";


#MenuTop{}

#MenuTop li{
	display:inline-block;
	margin-right:22px;
}
#MenuTop li:last-child{	margin-right:0;
}

#MenuTop li a{
	color:#999999;
	text-transform:uppercase;
	font-family: 'Arial', sans-serif;
	font-size: 12px;	
	line-height:17px;
	text-decoration:none;
	padding:8px 0 5px;
	display:block;
	border-bottom:5px solid transparent;
}

#MenuTop li.current a,
#MenuTop li a:hover{border-bottom:5px solid #1d1d1d;color:#1d1d1d;}
#MenuTop li.item-menutop-visiteur.current a,
#MenuTop li.item-menutop-visiteur a:hover{border-color:#e8177a;}
#MenuTop li.item-menutop-adherents a:hover{border-color:#ee1c25;}
#MenuTop li.item-menutop-professionnels a:hover{border-color:#1b1d36;}
#MenuTop li.item-menutop-presse a:hover{border-color:#ee1c25;}
#MenuTop li.item-menutop-mediatheque a:hover{border-color:#ac9886;}

#MenuTop li.current a{color:#1d1d1d;}








#OutilsTop .outil{
vertical-align: top;
	display:inline-block;
	margin-right:10px;
	line-height:32px;
	color:#999999;
	float: left;
}
#OutilsTop .outil.ItemDevise{
	margin-right:0px;
	display:none;
}
#OutilsTop .outil:last-child{margin-right:0px;}

#OutilsTop .outil a{
	color:#999999;
	text-decoration:none;
	font-size:12px;
	position:relative;
}


#OutilsTop .outil .tel{
	padding-left:30px;
	background-position:left 5px center;
	
	    background-image: url("../il-images/icones/svg/rose/ico-tel.svg");
    background-size: 17px auto;
	background-repeat:no-repeat;
	font-size:12px;	
}

.menuIcones{
}
.menuIcones li{

	display:block;
	float:left;
	text-align:center;

	
}
.menuIcones li.menu-panier .bloc-widget,
.menuIcones li.menu-icone a{
	display:block;
	width:100%;
	height:70px;
	position:relative;
	color:#999999;
	text-decoration:none;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:center top 5px;	
}

.menuIcones li.menu-panier .bloc-widget{z-index:10;}

.menuIcones li.menu-panier .bloc-widget>span,
.menuIcones li.menu-icone a span{
	margin-top:60px;
	display:block;
	position:absolute;
	bottom:5px;
	left:0px;
	right:0px;
	text-align:center;
}

.menuIcones li.menu-rechercher a{/*background-image:url(../il-images/icones/recherche.png);*/
    background-image: url("../il-images/icones/svg/noir/ico-recherche.svg");
    background-size: 35px auto;}
.menuIcones li.menu-pointdaccueil a{/*background-image:url(../il-images/icones/point-accueil.png);*/
    background-image: url("../il-images/icones/svg/noir/ico-retrait.svg");
    background-size: 31px auto;}
.menuIcones li.menu-moncompte a{/*background-image:url(../il-images/icones/mon-compte.png);*/
    background-image: url("../il-images/icones/svg/noir/ico-mon-compte.svg");
    background-size: 31px auto;} 

.menuIcones li a:hover{color:#1d1d1d;}
.menuIcones li.menu-rechercher a:hover{ background-image: url("../il-images/icones/svg/rose/ico-recherche.svg");}
.menuIcones li.menu-pointdaccueil a:hover{ background-image: url("../il-images/icones/svg/rose/ico-retrait.svg");}
.menuIcones li.menu-moncompte a:hover{background-image: url("../il-images/icones/svg/rose/ico-mon-compte.svg");}


.menuIcones li.menu-panier{}

.menuIcones li.menu-rechercher{}
.menuIcones li.menu-moncompte{display:none;}



#MenuPrincipal{

    /*font-family: "Roboto Condensed",sans-serif;*/
    margin-left: -10px;

    /*width: 100%;
float: left;*/
}

#MenuPrincipal li{
	float:left;
	margin-right:0px;
	padding-right: 1px;
	
}

/*** Surcharge Euro 2016 ***/
li#MenuPrincipal72 a, #MenuMobile72 a{
background-image: url("../il-images/fond-drapeau-fr.png");
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}



/*
#MenuPrincipal li:after{
	content:'';
	background-color:#eeeeee;
	width:1px;
	height:20px;
	display: inline-block;
	margin-top: 15px;
	vertical-align: top;	
}*/
#MenuPrincipal li a::before {
    background-color: #eeeeee;
    content: "";
    display: inline-block;
    height: 20px;
    margin-top: 15px;
    position: absolute !important;
    right:-1px;
    top: 0;
    vertical-align: top;
    width: 1px;
    z-index: 10;
}
#MenuPrincipal li#MenuPrincipal75 a::before,
#MenuPrincipal li.MenuSecondaire a::before { display:none;}


#MenuPrincipal li a{
	line-height:20px; 
	padding:15px 12px;
	font-size:17px;
	color:#1d1d1d;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration:none;
	display:inline-block;
		white-space:nowrap;
		position:relative;

}
/*#MenuPrincipal li.current a,*/
#MenuPrincipal li a:hover{
	background-color:#eeeeee;
	/*border-bottom:5px solid #e8177a;*/
}
#MenuPrincipal li.current a:after,
#MenuPrincipal li a:hover:after{
position:absolute;
left:0;
right:0; 
bottom:0;
height:5px;
background-color:#e8177a;
content:"";
}



#MenuPrincipal .MenuSecondaire{
	font-family:"Roboto Condensed",sans-serif;
	padding:11px 0;
/*	position:absolute;
	right:10px;
	top:10px;*/
	float: right;
}
#MenuPrincipal li.MenuSecondaire a:hover:after{
display:none;}

#MenuPrincipal li.MenuSecondaire{
	float:right;
	margin-right:0px;
}
#MenuPrincipal li.MenuSecondaire:after{ display:none;}

a.LienMenuSecondaire,
#MenuPrincipal li.MenuSecondaire a.LienMenuSecondaire,
#MenuPrincipal li.MenuSecondaire a.LienMenuSecondaire:hover{
	padding:4px 48px 4px 18px;
	font-size:17px;
	color:#FFF;
	background-color:rgb(0, 172, 230);
	text-transform:uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	text-decoration:none;
	display:inline-block;
	font-weight:normal;
  background-image: url("../il-images/icones/svg/blanc/ico-fl-droite.svg");
    background-size: 7px 13px;
	background-position:right 18px center;
	background-repeat:no-repeat;	
	border:none;
}

 

/*** Surcharge Noel ***/

li#MenuPrincipal75 a, #MenuMobile75 a,
li#MenuPrincipal75 a:hover, #MenuMobile75 a:hover{
    background-color: #C60800!important;
    color: #fff;
	}
#MenuPrincipal li#MenuPrincipal75.current a:after,
#MenuPrincipal li#MenuPrincipal75 a:hover:after{background-color:#C60800;}



/**************/



#MenuPrincipal li .MenuPrincipal-SousMenu-Contain{
	  position: absolute;
    z-index: 10;
  top: 50px;
	left: 0;
    right: 0;
	
	display:none;
	
}
 
#MenuPrincipal li:hover a + .MenuPrincipal-SousMenu-Contain 
{
		display:block;
}
#MenuPrincipal li:hover a + .MenuPrincipal-SousMenu-Contain 

{
		display:block;
}
#MenuPrincipal li:hover > a{
	background-color:#eeeeee;
	/*border-bottom:5px solid #e8177a;*/
}
/*
#MenuPrincipal li:hover > a:after{
position:absolute;
left:0;
right:0; 
bottom:0;
height:5px;
background-color:#e8177a;
content:"";
}*/

#MenuPrincipal li .MenuPrincipal-SousMenu-Contain:before{
     background-color: #fff;
    bottom: 0;
    content: "";
    left: -100%;
    position: absolute;
    right: -100%;
    top: 0;
    z-index: 5;

}

#MenuPrincipal li .MenuPrincipal-SousMenu {

/* pour display */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  position:relative;
 
  /* pour flex-wrap */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;



  flex-direction: column;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;

  height:250px;
   margin: 0 -20px;
  
  position: relative;
    z-index: 20;

  }	
  
  

  
#MenuPrincipal li .MenuPrincipal-SousMenu > li {

}

  
#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu{   display: inline-block;
    float: none;
margin: 0 20px 0 21px;
    max-width: calc(33% - 36px);
    padding: 0;
position:relative;
    width: 100%;
	}
#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu:nth-child(10) ~ .Item-sousMenu{}

#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu:after {
    background-color: #eeeeee;
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 1px;
	position:absolute;
	top:0;
	    right: 0;
	bottom:0;
	  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
     height: auto;
    margin: 0;
	/*right:-20px;*/
}
#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu:nth-child(10) ~ .Item-sousMenu:after{ display:none;   background-color: #eeeeee;}

#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu a:after{background-color: #eeeeee;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    vertical-align: bottom;
    width: auto;}
#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu a{color: #1d1d1d;
    display: block;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 17px;
    line-height: 20px;
    padding: 15px 12px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
	position:relative;
	  text-align: left;}	
#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu a:hover{ background-color:#eee;}
#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu a span{ display: inline-block;
white-space: normal;

  }
#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu a span:after{
 background-image: url("../il-images/icones/svg/rose/ico-fl-droite.svg");
    background-position: center;
	background-size:auto 15px;
	background-repeat:no-repeat;
	content:"";
	position:absolute;
	width:25px;
	height:25px;
	top:50%;
	right:0;
	text-align:center;
	
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
	}
	
	#MenuPrincipal li .MenuPrincipal-SousMenu .Item-sousMenu a::before { display:none;}