/********************* MBK - Module Menus ************************/
/************* @ 2014 LMC France - http://www.mbk.fr **************/

#menu_principal, #menu_mobile_principal_items {background: #FFFFFF; padding: 12px 0 0;}
#menu_principal li, #menu_mobile_principal_items li {
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 14px;
	width: 128px;
	list-style-type: none;
	list-style-image: none;
	font-weight: bold;
	background: url(images/sep_menu.png) right bottom no-repeat;
}
#menu_principal li.last {background: none;}
#menu_principal li:last-child{padding-right: 0px; background: none;}
#menu_principal li span, #menu_mobile_principal_items li span {display: block;}
#menu_principal li span.scooter_txt {display: none;}
#menu_mobile_principal_items li span.scooter_txt {display: inline; text-transform: capitalize;}
#menu_principal li a, #menu_mobile_principal_items li a {color: #666666;}
#menu_principal li a:hover, #menu_principal li.actif a, #menu_mobile_principal_items li.actif a {color: #FFFFFF; text-decoration: none;}
#menu_principal li .menu_titre, #menu_mobile_principal_items li .menu_titre {padding-top: 6px; padding-bottom: 8px; font-size: 11px; text-transform: lowercase;}

#menu_mobile_principal_items li .menu_titre {padding-top: 10px; padding-bottom: 10px; font-size: 15px; font-weight: normal;}
#menu_mobile_principal_items li:nth-child(n+3) .menu_titre {text-transform: capitalize;}

#menu_principal li#menu_4 .menu_titre, 
#menu_principal li#menu_72 .menu_titre, 
#menu_principal li#menu_73 .menu_titre, 
#menu_principal li#menu_74 .menu_titre, 
#menu_principal li#menu_69 .menu_titre, 
#menu_principal li#menu_77 .menu_titre, 
#menu_principal li#menu_82 .menu_titre, 
#menu_mobile_principal_items li#menu_4 .menu_titre, 
#menu_mobile_principal_items li#menu_72 .menu_titre, 
#menu_mobile_principal_items li#menu_73 .menu_titre, 
#menu_mobile_principal_items li#menu_74 .menu_titre, 
#menu_mobile_principal_items li#menu_69 .menu_titre, 
#menu_mobile_principal_items li#menu_77 .menu_titre, 
#menu_mobile_principal_items li#menu_82 .menu_titre {
	text-transform: capitalize;
}

#menu_principal li a:hover .menu_titre, #menu_principal li.actif .menu_titre, #menu_mobile_principal_items li a:hover .menu_titre, #menu_mobile_principal_items li.actif .menu_titre {
	background: url(images/bg_menu_hover.png) left bottom no-repeat;
}

#menu_principal li#menu_3 .menu_titre, #menu_mobile_principal_items li#menu_3 .menu_titre {text-transform: none;}

/* ********** SOUS MENU ********** */
#barre_ss_menu, #barre_ss_menu_survol {clear: both;}

#barre_ss_menu_survol {position: absolute; width: 195px; padding: 0 0 10px; background: url(images/bg_bottom_ssm_hover.png) left bottom no-repeat; z-index: 900;}
#conteneur_ss_menu_survol.area980 {width: 100%; padding: 0;}
#barre_ss_menu_survol ul {display: none; background: #66ccff; padding: 0 10px;}
#barre_ss_menu_survol li {padding: 7px 0; border-bottom: 1px dotted #FFFFFF;}
#barre_ss_menu_survol li:first-child {border-left: none;}
#barre_ss_menu_survol li.last {border-bottom: none; padding-bottom: 0;}

#barre_ss_menu {background: #0076BD; margin-bottom: 4px;}
.front #barre_ss_menu { margin-bottom: 0;}
#barre_ss_menu, #barre_ss_menu a, #barre_ss_menu_survol a {color: #FFFFFF;}

#barre_ss_menu ul.section_ss_menu, #barre_ss_menu ul.section_ss_menu li {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
#barre_ss_menu ul.section_ss_menu {height: 34px; display: none;}
#barre_ss_menu ul.ss_menu_actif {display: block;} /* On affiche que le sous menu actif */
#barre_ss_menu ul.off_on_desktop {display: none;} /* Sur la version mobile, on cache le sous menu pour afficher son jumeau créé pour la version mobile */

#barre_ss_menu ul.section_ss_menu li {float: left; height: 100%;}
#barre_ss_menu ul.section_ss_menu li.ss_menu_mobile_item {display: none;}
#barre_ss_menu ul.section_ss_menu li.ss_menu_mobile_item a {background: url(images/icon_home_white.png) center center no-repeat; width: 100%; height: 100%;}
#barre_ss_menu ul.section_ss_menu li.ss_menu_item_actif {background-color: #66ccff;}
#barre_ss_menu ul.section_ss_menu li.last {background: none}

#barre_ss_menu ul.section_ss_menu li a {display: block; padding: 10px 18px 0; height: 72%;}
#barre_ss_menu ul.section_ss_menu li a:hover {background-color: #66ccff; text-decoration: none;}

.terme_principal {margin-bottom: 10px;}
#plan-site .terme_principal {padding-bottom: 10px; margin-bottom: 0;}
.item_level_2 ul li {list-style-type: square; margin-left: 30px;}

/* Responsive */
@media screen and (max-width:980px) {
	#menu_principal li, #menu_mobile_principal_items li {padding: 0 2%; width: 13%;}
	#menu_principal li img, #menu_mobile_principal_items li img {max-width: 100%; height: auto;}
	#menu_principal li a:hover .menu_titre, #menu_principal li.actif .menu_titre, #menu_mobile_principal_items li a:hover .menu_titre, #menu_mobile_principal_items li.actif .menu_titre {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		background: #66ccff;
	}
	#menu_principal li .menu_icone {min-height: 90px;}
	
	#barre_ss_menu_survol {
		width: 15%;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		background: #66ccff;
	}
}

@media screen and (max-width:669px) {
	#barre_ss_menu ul.off_on_desktop.ss_menu_actif {display: block;} /* Affichage du sous menu mobile actif (correspondant à la page) */
	.page-concessionnaires #barre_ss_menu ul.off_on_desktop.ss_menu_actif {display: none;} /* Affichage du sous menu mobile actif (correspondant à la page) SAUF sur les concessionnaires pour lesquels on affiche le menu générique */
	#barre_ss_menu ul.section_ss_menu li a:hover {background-color: transparent;}
	
	#barre_ss_menu ul.section_ss_menu {height: auto;}
	.not-front #barre_ss_menu ul.section_ss_menu li.ss_menu_item_actif {background-color: #9bdeff;}
	#menu_principal li span.scooter_txt {display: inline; text-transform: capitalize;}
}