@charset "UTF-8";
/**************************
* MAIN MENU
***************************/
nav{
	width: 100%;
}
ul#menu-main li.current-menu-ancestor .sub-menu a, ul#menu-main li.current-page-ancestor .sub-menu a{
	border: none;
}
ul#menu-main li li{
	background-color: #333333;
}
ul#menu-main li.two-lines a{
	margin-bottom: 5px;
}



.menu .sub-menu { display: none; }  
.menu li.current-menu-item .sub-menu{display: block;    }
.menu li.current-menu-item .sub-menu .sub-menu {display: none;}
.menu .sub-menu li.current-menu-item .sub-menu {display: block;}
.menu li.current-menu-ancestor .sub-menu{display: block;}
/*.menu li.current-menu-ancestor .sub-menu .sub-menu {display: none;}*/
.menu li.current-menu-ancestor .sub-menu li.current-menu-parent .sub-menu {display: block;}
.menu li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor  ul.sub-menu {display: block;}
.menu li.current-page-ancestor ul.sub-menu{ display: block;}
.menu li.current-page-ancestor ul.sub-menu  ul{ display: none;}
/*.menu li.current-menu-parent ul.sub-menu .current-menu-item ul.sub-menu {display: none;}*/
.menu li.current-menu-parent .sub-menu{display: block;}


/*.menu li.current-menu-parent ul.sub-menu .current-menu-item ul.sub-menu ul.sub-menu {display: none;}*/
/*
.menu li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor  ul.sub-menu li.current-menu-parent ul.sub-menu {display: block;}
.menu li.current-menu-ancestor ul.sub-menu li.current-menu-parent ul.sub-menu li.current-menu-item ul.sub-menu  {display: block;}
.menu li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor  ul.sub-menu li ul.sub-menu {display: none;}
.menu li.current-menu-ancestor ul.sub-menu li.current-menu-ancestor  ul.sub-menu li.current-menu-parent ul.sub-menu {display: block;}
*/

ul.menu{
	margin-bottom: 0px;
}
ul#menu-main li{
	margin:0px;
	padding:0px;
}
.main_menu{
	z-index: 100;
	width: 100%;		
	float:left;
}
.main_menu ul  li:first-child  a {
	width: 20px;
}
div.sub-menu-name{
	font-size: 14px;
	line-height: 19px;
	width: 92%;
	padding: 2% 4% 2% 4%;
}

/*
 * background-color: #108AFA;
 */
div.main-menu-bk{
	background-color: #231f20;
	height: 30px;
	position: absolute;
	width: 100%;
}
div.main-menu-container{
	float: left;
	width: 100%;
	background-color: #333333;
}
.menu li, .menu ul li{
	list-style: none; 
	text-indent: 0;
}

	
/* menu */
.main_menu ul{
	margin: 0;
	padding: 0;
	width: 100%;
	text-decoration: none;
}

/* Tout le menu */
ul#menu-main a {
	color: white;
	letter-spacing: 1px;	
	font-size: 1.1em;
	padding: 7px 0;
	display:block;
}
/* Racine du menu */
ul#menu-main > li > a {
	line-height: 25px;
    height: 24px;
    text-transform: uppercase;
    font-size: 1.18em;
}
ul#menu-main > li.menu-item-has-children  > a:after {
 	
 	content: '\00a0▾';
 	
 	/*font-family: "FontAwesome";
 	content: '\00a0\f107';*/
	

}

ul#menu-main ul {
	display: none;
    left: -1px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
}
ul#menu-main li{
	float:left;
	position:relative;
	z-index:20;
}
ul#menu-main li.accueil a {
	height: 24px;
	width: 27px;
	text-indent:-9999px;
	background: url('../images/icons/maisons/defaut.png') no-repeat -27px 7px;
}
ul#menu-main li.nous-joindre a {
	height: 24px;
	width: 27px;
	text-indent:-9999px;
	background: url('../images/icons/nous-joindre/defaut.png') no-repeat -27px 7px;
}
ul#menu-main li.panier a {
	height: 24px;
	width: 27px;
	text-indent:-9999px;
	background: url('../images/icons/panier.png') no-repeat 0px 0px;
}
ul#menu-main li.profil a {
	height: 24px;
	width: 27px;
	text-indent:-9999px;
	background: url('../images/icons/profil.png') no-repeat 0px 0px;
}
ul#menu-main > li{
    border-right: 1px solid #444;
	padding-right: 12px;
    padding-left: 12px;	
}
ul#menu-main > li:last-child{
    border-right: none;
	
}
ul#menu-main ul li{
	border:1px solid;
	border-top:none;
	width: 100%;
    min-width: 235px;
}
ul#menu-main ul ul{
	display: none !important;
}
ul#menu-main li li a{
	display: block;
	color:white;
	width: 90%;
    padding: 5% 5%;
	float:left;
	text-align:left;
	max-width: none;
	text-decoration: none;	
	font-size: 0.9em;
    line-height: 1.2em;
}
ul#menu-main li li a:hover{
	background-color: #F8F8F8;
	color:black;
	opacity: 1;
}

/**************************
* SIDEBAR MENU
***************************/
div.sidebar-menu-wrap{
	/*background-color: #F3F2F2;    */

	float: left;
    width: 100%;
    margin-bottom: 25px; 	
}
div.sidebar-menu-wrap a{
	color: #ffffff; /*#2D5C88;*/
}
div.sidebar-menu-wrap  ul{
	margin:0;
	padding:0;
	width: 100%;
}
div.sidebar-menu-wrap  ul ul a{
    padding-left: 9%;
    width: 91%;
}
div.sidebar-menu-wrap  ul ul ul a{
	padding-left: 14%;
    width: 86%;
}
div.sidebar-menu-wrap  ul ul ul li{
	border: none;
}
/*
div.sidebar-menu-wrap  ul ul ul li.current-menu-item a{
	background-color: #56B5C1;
}
*/
div.sidebar-menu-wrap  li{
	margin:0;
	padding:0;

	line-height: 12px;	
	list-style: none;
	
}


div.sidebar-menu-wrap ul.sub-menu li.current-page-ancestor ul.sub-menu{
	display: block;
}


div.sidebar-menu-wrap  li li{
	/*border-top: 1px solid #F4F4F4;*/
}
div.sidebar-menu-wrap  ul ul {
	background-color: #FFFFFF;
}
/*
div.sidebar-menu-wrap  ul ul ul {
	background-color: #D3D3D3;
}
*/
/*
div.sidebar-menu-wrap  ul.menu ul.sub-menu ul.sub-menu{
	display:none;
}
*/
div.sidebar-menu-wrap  li a{ /* , div.sidebar-menu-wrap   li.current-page-ancestor.current-menu-parent > a*/
	margin: 0;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: 0px;
	display: inline-block;
	padding: 2% 0% 2% 4%;
	width: 96%;
	color: #5A5A5A; /*#2D5C88;*/
	border-bottom: 1px solid #ededed;

}
/*
div.sidebar-menu-wrap  ul.menu > li:last-child > a{
	border-bottom: none;	
}
*/
div.sidebar-menu-wrap  li.current-menu-item > a{ 
	font-weight: 700;
}
div.sidebar-menu-wrap  li > a{ 
	font-size: 1.10em;
}
div.sidebar-menu-wrap  li li > a{ 
	font-size: 1em;
}
div.sidebar-menu-wrap  li li li> a{ 
	font-size: 0.9em;	
}

div.sidebar-menu-wrap li.menu-item-has-children > a:after {
   color: #444;
   content: '\00a0▾'; 

}

div.sidebar-menu-wrap li li li.menu-item-has-children > a:after {
   color: #444;
   content: '';
}

/* 
 *  Pour garder seulement le sous-menu de la page
 */
/*
div.sidebar-menu-wrap li {
	display: none;
}

div.sidebar-menu-wrap li.current-menu-ancestor, div.sidebar-menu-wrap li.current-menu-ancestor li, div.sidebar-menu-wrap  li.current-menu-item, div.sidebar-menu-wrap  li.current-menu-item li {
	display: block;
}
*/
div.sidebar-menu-wrap  li.current-menu-item .sub-menu, div.sidebar-menu-wrap li li.current-menu-parent .sub-menu{
	/*background-color: #f9f9f9;*/
}



div.sidebar.right{
	float:right;
}
/**************************/



/************************************************************************
 MENU UdeM Header
*************************************************************************/

#top-menu  a{
	min-height: 7px;
	color: #666;
	letter-spacing: 0px;
}
#top-menu ul {
	margin-top: 0;
}

#top-menu ul li{
	margin-left: 5px;
}

#top-menu{
	margin-top: 7px;
	font-size: 11px;
	float: right;
	margin-right: 20px;
}
.sub_menu>div{
	position: relative;
	float:left;
}

.boxed .sub_menu>ul, .boxed .sub_menu>div>ul{left:-10px;}

.sub_menu li{
	float:left;
	position: relative;
	padding: 0 5px 0 0;
	line-height: 10px;
}
.sub_menu>ul>li:last-child, .sub_menu>div>ul>li:last-child{
	border:none;
	padding-right: 0;
}
.sub_menu>ul>li>a, .sub_menu>div>ul>li>a{
}

#footer-menu{
	float: right;
  /*  margin-top: 40px;*/
	
}
#footer-menu li{
	float:left;
}
#footer-menu li a{
	color: white;
}
	

/**************************
* INNER MENU
***************************/	
div.one-half div.inner-menu{
	width: 69%;
	margin-bottom:20px;
	padding: 5%;
}
div.inner-menu{
	z-index: 5;
}			

div.inner-menu ul{
	margin:0;
	padding:0;
}
div.inner-menu.left{
	margin-left: 0px;
	float:left;
}	
div.inner-menu.right{
	float: right;
	clear: right;
	margin-right: 0px;
}
div.inner-menu.horizontal{
	width: 100%;
	padding: 0;
	background-color: transparent;
}
div.inner-menu.horizontal li{
	float:left;
	margin-right: 5px;
	margin-left: 5px;
	border-bottom: none;
	padding: 0;
}
div.inner-menu.horizontal a{
	display: inline;
}	
div.inner-menu.horizontal li a:after{

    content: "|";	
    border: none;
    margin-top: -8.5px;
	padding-left: 10px;
}


div.inner-menu li{
	border-bottom: 1px solid #D7D8D8; 
	padding-bottom: 8px;
	line-height: 16px;
	padding-top: 8px;	
	margin-left: 0;
	list-style: none;
	position: relative;
}

/*
div.inner-menu li a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3D91E8;
    border-left-style: solid;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
    right: 0;
}	
*/
		
div.inner-menu a{
    color: #5A5A5A;
    font-size: 1.1em;
    display: block;
    width: 94%;

}
div.inner-menu li.current-menu-item a{
	color: #4A90D1;
}			
div.inner-menu p.bloc-name{
	line-height: 15px;
	margin: 0;
	padding: 0;
	color: #C4C4C4;
	font-size: 14px;
}
/* menu des nouvelles */
 div.news-menu{
	float: right;	
	width: 90%;
	padding: 5% 5% 5% 5%;
	margin-bottom: 5px;
	margin-top: 25px;
	margin-right: 0;
}

div.news-menu.inner-menu{
	background-color: transparent;
}
div.news-menu.inner-menu{
	background-color: transparent;
}
div.news-menu.inner-menu li{
    border-bottom: 1px solid #ededed;
}

/**************************
* BLOC MENU - SQUARE
***************************/
body.page-template-template-section-homepage div#bloc-menu div.bloc{
	width: 290px;
	height: 290px;			
	margin-bottom: 20px;
}
div#bloc-menu div.bloc{

	float: left;	
	position: relative;
    background-color: #000000;	
    margin-bottom: 20px;		
}


div#bloc-menu  p {
	margin: 0;	
}
div#bloc-menu div.bloc div.content{
	bottom: 0;
	background-color: #231F20;
	width: 100%;	
	position: absolute;
}
div#bloc-menu  div.bloc div.bloc-name{
	line-height: 18px;		
}			
div#bloc-menu  div.bloc div.bloc-name a{
	display: block;
	color: white;
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 2% 0 2% 4%;
}

div#bloc-menu  div.bloc div.bloc-name span.fleche{
	color: #ffffff;
	float:right;
	margin-right: 10px;
	margin-left: 10px;
}
div#bloc-menu.mini-bloc div.bloc{
	max-width: 195px;
	max-height: 195px;
}				
div#bloc-menu.mini-bloc div.bloc div.bloc-name a {
	font-size: 1.1em;
}