/**
 	* @package    MA
 	* @subpackage	css
 	* @version    SVN: $Revision$ $Date$ $Author$
 	* @desc       Menu du site
 	*/

/* menu */
#content_menu{position: relative;background: #4a4949;}
#menu { width:999px; height:50px;margin: 0 auto;}

#content_header .psa-logo{
	position: absolute;
	bottom: 50px;
	right: 0;
	background: #4a4949;
	padding:37px 30px;
}
@media (max-width: 1325px) {
	#content_header .psa-logo {
		display: none;
	}
}

#menu ul.menu_tab {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	float: none;
	list-style: none;
}
#menu ul.menu_tab li {
	max-width: 205px;
	position: relative;
	font-size: 18px;
	color: #fff;
	text-align: center;
	height: 50px;
	line-height: 45px;
	font-family: "Open Sans";
	cursor: pointer;
	flex:1 1 auto;
}
#menu ul.menu_tab li:hover{background: #F7F7F7;}
#menu ul.menu_tab .menu_pastille { top: -7px; left: -4px; position:absolute; min-width: 10px; min-height: 10px; }
#menu ul.menu_tab .menu_pastille_new { background: url('../../img/commun/main/header/h-smenu.png') no-repeat -186px -288px; width: 43px; height: 21px; }
#menu ul.menu_tab a {
	font-size: 14px;
	color: #fff;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 14px;
	top: -4px;
	word-break: break-word;
	text-transform: uppercase;
}
#menu ul.menu_tab li:hover a {
	color: #4a4949;
}
#menu ul.menu_tab a .mf{
	font-size: 12px;
	margin-left: 10px;
}
#menu ul.menu_tab a.dline { padding:3px 12px 5px;line-height:16px; }
/* special tab */
#menu ul.menu_tab li#tab2_home {  } /* onglet home page icone petite maison */
#menu ul.menu_tab li#tab2_home .menu_lir { padding-right: 2px; }
#menu ul.menu_tab li#tab2_home { padding-left: 32px; }
#menu ul.menu_tab li#tab2_home .menu_lil { width: 33px; }

#menu ul.menu_tab li#tab2_index{ padding-left: 36px; }

#menu ul.menu_tab li#tab2_index .menu_lil,
#menu ul.menu_tab li#tab2_promotions .menu_lil { width: 36px; }

#menu ul.menu_tab li#tab2_index .menu_lil,
#menu ul.menu_tab li#tab2_home .menu_lil { background-position:-48px -103px; }
#menu ul.menu_tab li#tab2_promotions .menu_lil { background-position:-144px -103px; }

/* higlight */
#menu ul.menu_tab li.hlight .menu_lil { background-position:left -55px; }
#menu ul.menu_tab li.hlight .menu_lir { background-position:right -55px; }

#menu ul.menu_tab li#tab2_index.hlight .menu_lil
,#menu ul.menu_tab li#tab2_home.hlight .menu_lil { background-position:0 -103px; }
#menu ul.menu_tab li#tab2_promotions.hlight .menu_lil { background-position:-96px -103px; }

/* selected */
#menu ul.menu_tab li.set .menu_lil { background-position:left -55px; }
#menu ul.menu_tab li.set .menu_lir { background-position:right -55px; }

#menu ul.menu_tab li#tab2_index.set .menu_lil
, #menu ul.menu_tab li#tab2_home.set .menu_lil { background-position:0 -103px; }
#menu ul.menu_tab li#tab2_promotions.set .menu_lil { background-position:-96px -103px; }
#menu ul.menu_tab li#tab2_pieces_auto .arrow{float: right; padding-top: 12px; padding-left: 8px;height:10px;}
#menu ul.menu_tab li#tab2_pieces_auto .arrow span{width:0px;border:5px solid transparent;border-top:6px solid #ffffff;}


/* selected nolight */
#menu #sub_menu { display: none; }
#menu.sub_on #sub_menu { display: block; }

#menu.sub_on ul.menu_tab li.nolight .menu_lil { width:32px; background-position:left -7px; }
#menu.sub_on ul.menu_tab li.nolight .menu_lir { background-position:right -7px; }
#menu ul.menu_tab li.set, #menu.sub_on ul.menu_tab li.nolight a { background: #F7F7F7; }
#menu ul.menu_tab li.set a { color:#4a4949;}

#menu.sub_on ul.menu_tab li#tab2_index.nolight .menu_lil
, #menu.sub_on ul.menu_tab li#tab2_home.nolight .menu_lil { background-position:-48px -103px; }
#menu.sub_on ul.menu_tab li#tab2_promotions.nolight .menu_lil { background-position:-144px -103px; }

/* right side */
#menu ul.menu_tab.menu_right { float:right;clear:right;margin:0 8px 0 0; }



/*
	tooltip panier/compte
*/
#header div.pncpte span.tab_sub {
	display: inline; float: none; zoom:1;
	position: absolute; z-index: 20; right: 0; bottom: 2px;
	height: 0; width: 304px; /*100%;*/
	padding: 0 1px 0 0; margin: 0;
	font-size: 12px; line-height: normal; text-transform: none;
}

.tooltip {
	position: absolute; width:100%; top: 0; left: 0;
}

.tooltip .compte,
.tooltip .panier {
	display:none; zoom:1;
	border-width: 0 1px 1px 1px; border-style:solid; background-color:#FFFFFF;
	border-radius:6px 0px 6px 6px;-moz-border-radius:6px 0px 6px 6px;-webkit-border-radius:6px 0px 6px 6px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.776);
	overflow: hidden;
	padding: 4px 0 0;
}
.tooltip .compte { border-color: #007E9F; }
.tooltip .panier { border-color: #275296; }

.tooltip .cache {
	position: absolute; right: 1px; bottom: 100%;
	background:  url("../../img/commun/main/header/h-cart.png") no-repeat scroll -411px -46px #B6B6B6;
	width: 202px; height: 21px;
	color: #FFFFFF; font-size: 10px; line-height: 20px; font-weight: normal; text-align: left; text-indent: 48px;
}
.tooltip .zone {
	border-bottom: 0px solid #C8D4D2;
	border-top: 0px solid #EDF1F0;
	padding: 2px 10px;
}
.tooltip .foot {
	background-color: #FF6D00; color:#FFFFFF;
	font-size: 14px;
	margin-top: 4px; padding: 4px 10px;
}

.zone .tthclr { color: #000000; }
.zone.zset { background-color: #E9E8E6; border-color: #FF8E09; }
.zone.zset .tthclr { color: #000000; font-weight: bold; }

.tooltip .zone.loading {
	background-image: url("../../img/commun/jquery/loading.gif");
	background-position: 90% 50%;
	background-repeat: no-repeat;
}


#header div.pncpte .tooltip .compte ul,
#header div.pncpte .tooltip .panier ul {
	list-style: none outside none;
	font-weight: bold;
}
#header div.pncpte li .tooltip .compte li,
#header div.pncpte li .tooltip .panier li {
	position: static; float: none; display: block;
	margin: 0; padding: 0;
	height: auto;
	font-size: 11px; line-height: normal;
	font-weight: normal; text-transform: none;
}
#header div.pncpte .tooltip .compte a,
#header div.pncpte .tooltip .panier a {
	display: inline; margin: 0; padding: 0; top: 0;
	color:#666666;
	*float: none;
}
#header div.pncpte .tooltip .compte a:hover,
#header div.pncpte .tooltip .panier a:hover {
	text-decoration:underline;
}

#header div.pncpte .tooltip .panier .txt_bold { font-weight: bold; color: #FAFAD2; }
#header div.pncpte .tooltip .compte .green,
#header div.pncpte .tooltip .panier .green { color:green; }
#header div.pncpte .tooltip .compte .orange,
#header div.pncpte .tooltip .panier .orange { color:#FF7800; }
#header div.pncpte .tooltip .compte .red,
#header div.pncpte .tooltip .panier .red { color:red; }

#header div.pncpte .tooltip .panier .green,
#header div.pncpte .tooltip .panier .orange,
#header div.pncpte .tooltip .panier .red { font-weight: bold; }

#header div.pncpte .tooltip .compte a.white, #header div.pncpte .tooltip .panier a.white {
	color: #FFFFFF;
	text-decoration: none;
}


#header div.pncpte .tooltip .panier ul li{ margin-left: 0px; text-align: right; }
#header div.pncpte .tooltip .panier ul li span.qte_libelle{ float:left; width:216px; color:#2E5493; text-align:center; }
#header div.pncpte .tooltip .panier ul li span.qte{ }
#header div.pncpte .tooltip .panier ul li span.libelle{ float: right; width: 82%; text-align: left; /*position: relative; height: 15px; overflow: hidden;*/ }
#header div.pncpte .tooltip .panier ul li span.prix{ color:#FF0400; }



/*
	sous menu
*/

#sub_menu {
	position: relative; clear: both;
}

.sub_menu {
	border: #F5F5F5 5px solid;
	-ms-box-shadow: 0 0 10px 4px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 10px 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.2);
	padding: 12px 8px 4px;
	background-color: #FFFFFF;
	text-align: center;
	display: none;

}
.sub_menu.set {
	border-color: #235397;
}

.sub_menu_col {
	display: inline;
	float: left;
}

.smc_pa { width: 24.75%; }
.smc_ma { width: 19%; }
.smc_ma_plus { width: 22%; }

.smc_pa ul, .smc_ma ul {
	list-style: none outside none;
}

ul.sub_menu_l1 {
	width: 100%;
}
ul.sub_menu_l1 li {
	padding: 0 8px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
ul.sub_menu_l1 li a {
	display: block;
	height: 100%;
	border-bottom: 1px solid #7F7F7F;
	color: #F78700;
	margin-bottom: 8px;
}

.sous-titre_menu_orange {
	display: block;
	height: 100%;
	border-bottom: 1px solid #7F7F7F;
	color: #F78700;
	margin-bottom: 8px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}


ul li a.smenu_amlogo {
	border-bottom: 0 none;
	display: block;
	font-size: 12px;
	height: 100%;
	margin: 0 0 17px;
	padding: 4px 0 3px;
	text-align: center;
	color: #1E61B2;
}


ul.sub_menu_l1 li a:focus, ul.sub_menu_l1 li a:hover, ul.sub_menu_l1 li a:active {
	color: #F78700;
}

ul.sub_menu_l2 {
	padding: 0 0 8px;
	text-align: left;
}
ul.sub_menu_l2 li {
	color: black;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
}
ul.sub_menu_l2 li.more {
	color: #7F7F7F;
	font-weight: normal;
	font-size: 12px;
	font-style: italic;
	text-align: right;
}

ul.sub_menu_l2 li a {
	color: black;
	margin: 0;
	padding: 0 8px 0.125em;
	border: 0 none;
}
ul.sub_menu_l2 li a:hover {
	color: #FF6600;
	/*	background-color: #FFF8EE;*/
}
ul.sub_menu_l2 li.more a {
	color: #7F7F7F;
}
ul.sub_menu_l2 li.more a:hover {
	color: #FF6600;
}

.onglet_espace{margin-left:5px;}

#menu ul.menu_tab li#tab2_index.no_pad_left { padding-left: 0; }

/**
 * BEGIN : SOUS-MENU PIECES_AUTO
 */
#sub_menu.TopCat .tab2_pieces_auto {
	font-family: Arial;
}
#sub_menu.TopCat .tab2_pieces_auto .sub_menu { padding: 0; display: table; }
#sub_menu.TopCat .tab2_pieces_auto .sub_menu #toutes-pieces {
	position: absolute;
	height: 16px;
	bottom: 12px;
	right: 12px;
}
#sub_menu.TopCat .tab2_pieces_auto .sub_menu #toutes-pieces a { color: #0572b7; }
#sub_menu.TopCat .tab2_pieces_auto .sub_menu #toutes-pieces a:hover { text-decoration: underline; }

#sub_menu.TopCat .tab2_pieces_auto .sub_menu_col {
	display: table-cell;
	height: 100%;
	float: none;
	margin-top: 6px;
}
#sub_menu.TopCat .tab2_pieces_auto .sub_menu_col:last-child {
	position: relative;
	padding-bottom: 48px;
}
#sub_menu.TopCat .tab2_pieces_auto #menu_top.sub_menu_col { margin-top: 0; }

#sub_menu.TopCat .tab2_pieces_auto .smc_pa {
	width: 24.95%;
}

#sub_menu.TopCat .tab2_pieces_auto ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sub_menu.TopCat .tab2_pieces_auto ul li {
	list-style-type: none;
}

/* TOPs */
#sub_menu.TopCat .tab2_pieces_auto #menu_top {
	background-color: #ffffff;
	border-right: 2px solid #edeff2;
	height: 100%;
	text-align: left;
}

#sub_menu.TopCat .tab2_pieces_auto #menu_top .titre {
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 8px;
	padding: 8px 0;
	background-color: #FFF;
	text-indent: 11px;
}

#sub_menu.TopCat .tab2_pieces_auto #menu_top ul {
	padding-left: 12px;
	margin-bottom: 24px;
}

#sub_menu.TopCat .tab2_pieces_auto #menu_top ul li {
	line-height: 26px;
}
#sub_menu.TopCat .tab2_pieces_auto #menu_top ul li,
#sub_menu.TopCat .tab2_pieces_auto #menu_top ul li a {
	font-family: "Open Sans";
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
}
#sub_menu.TopCat .tab2_pieces_auto #menu_top ul li a:hover {
	text-decoration: underline;
}
#sub_menu.TopCat .tab2_pieces_auto #menu_top ul li.default,
#sub_menu.TopCat .tab2_pieces_auto #menu_top ul li.default a {
	color: #4a4949;
}
#sub_menu.TopCat .tab2_pieces_auto #menu_top ul li.default .mf {
	color: #666;
}

#sub_menu.TopCat .tab2_pieces_auto ul ul { margin-top: 8px; }

/* Item parent : sub_menu_l1 */
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 { width: 100%; }

#sub_menu.TopCat .tab2_pieces_auto ul li span {
	display: inline-block;
	width: 100%;
}

#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li { margin-bottom: 12px; }
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li li { margin-bottom: 0; }

#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li span {
	border-bottom: 3px solid #e94f2d;
	padding-bottom: 5px;
}
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 > li > span:first-child {
	min-height: 54px;
	display: -ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
}
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li li span {
	border: none;
	padding-bottom: 0;
}

#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li,
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li a {
	font-family: "Open Sans";
	font-size: 14px;
	text-decoration: none;
	color: #4a4949;
}
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li .mf {
	color: #4a4949;
}

#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li {
	padding: 0 8px;
	text-align: left;
}

#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l1 li a {
	display: inline;
	height: 100%;
	margin-bottom: 0;
	text-decoration: none;
	border: none;
}

/* Items enfants */
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l2 {
	padding: 0 0 8px;
	text-align: left;
}

#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l2 li,
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l2 li a {
	font-family: "Open Sans";
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	text-decoration: none;
	color: #4a4949;
}
#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l2 li a:hover {
	text-decoration: underline;
}

#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l2 li {
	padding: 0;
}

#sub_menu.TopCat .tab2_pieces_auto ul.sub_menu_l2 li a {
	border: none;
	margin: 0;
	padding: 0;
}

#sub_menu.TopCat .tab2_pieces_auto .mf {
	vertical-align: middle;
	margin-right: 8px;
}
/* Icones des categories parentes */
#sub_menu.TopCat .tab2_pieces_auto .sub_menu_l1 .mf {
	font-size: 25px;
}
/* Icones des categories parentes */
#sub_menu.TopCat .tab2_pieces_auto .sub_menu_l1 li li .mf {
	font-size: 6px;
}
/* Icone du titre TOP*/
#sub_menu.TopCat .tab2_pieces_auto #menu_top .titre .mf {
	font-size: 20px;
}
/* Icones des top_elem */
#sub_menu.TopCat .tab2_pieces_auto #menu_top li .mf {
	font-size: 22px;
}
/* END : SOUS-MENU PIECES_AUTO */
