/**
 * Css selectors .mainNavItem .universLink .activeLink .universList and .universDetailList are SPECIFIC TO THE HEADER
 * Please don't use them for any other element
 */

/**
 * Reseting html elements properties of header (to be independent of A_init.css)
 */

/*
 * ul
 */
.metaTab,
.headerLink,
.mallItems,
.contextLink ul,
#mainNavigation,
.universList,
.universDetailList,
.sectionList,
.universLevel2{
	list-style:none;
	margin:0;
	padding:0;
}
/*
 * img
 */
.mallItems li img,
#mainLogo img,
.creaBtBlock img,
.contextLink li img{
    border:none;   
}
/*
 * links
 */
#header a,
.metaTab li a,
.metaTab li a:hover,
.headerLink li a,
.contextLink li a,
.universLink,
a.universLink:hover,
.universLink .innerLink{
    text-decoration:none;
}

.headerLink li a:hover{
    text-decoration:underline;
}
/*
 * Forms elements : fieldset, label, input, select
 */
fieldset{
    border:none;
    display:block;
    margin:0;
    padding:0;
}
input,
label{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:1em;
    text-align:left;
    vertical-align:middle;
}

/********************************************************************************************************
 * HEADER
 */
#header{
    position:relative;
    z-index:900;
    width:1000px;
    margin:0 auto;
    text-align:left;
    font-family:arial,verdana,helvetica,sans-serif;
    font-size:1em;
}
#headerTab{
	height:24px;
	position:relative;
	padding:9px 0 0;
}
.headerDecoTop{
	background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -300px 0;
	height:4px;
}
#headerContent{
	background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -300px -4px;
	height:137px;
	padding:0 0 0 12px;
	position:relative;
}
    .topHeaderContent{
	    float:left;
	    padding:0 10px 0 0;
	    height:60px;
	    width:722px;
    }
    .bottomHeaderContent{
	    height:36px;
	    width:732px;
	    float:left;
	    position:relative;
    }
/*
 * Meta Onglets
 */
.metaTab li{
	float:left;
	padding:0 2px 0 0;
}
	.metaTab li span{
		background:url(https://i2.cdscdn.com/struct/header/bg_structure.png) no-repeat -22px -24px;
		float:left;
		display:block;
		cursor:pointer;
	}
	.metaTab .borderTabLeft{
		background-position:0 -24px;
		height:24px;
		width:17px;
	}
	.metaTab .borderTabRight{
		background-position:-17px -24px;
		height:24px;
		width:5px;
	}
	.metaTab .intituleLink{
		padding:6px 0 0 3px;
		height:18px;
		font-size:11px;
		font-weight:bold;
		color:#3c5a80;
	}
		.metaTab .intituleLink span{background:none;}
		.metaTab .intituleLink img{
			vertical-align:baseline;
			margin:0 0 0 5px;
			max-height:15px;
			_height:15px; /* @bugfix: support of max-height in IE6 */
		}
	.metaTab .active .borderTabLeft{background-position:0 0;}
	.metaTab .active .borderTabRight{background-position:-17px 0;}
	.metaTab .active .intituleLink{
		background-position:-22px 0;
		height:20px;
		padding:4px 0 0 8px;
		font-size:1.3em;
	}
/*
 * Link on the right of the Meta onglets
 */
.headerLink{
	position:absolute;
	top:17px;
	right:0;
}
    .headerLink li.first{border:none;}
	.headerLink li{
		float:left;
		color:#eaecee;
		border-left:1px solid #eaecee;
		padding:0 4px 0 9px;
		margin:0 0 0 5px;
		display:inline;
		font-size:0.9em;
		line-height:1.1em;
	}
	    .headerLink li a{
		    color:#eaecee;
		    font-family:verdana,arial,helvetica,sans-serif;
	    }
/*
 * Mall
 */

/* En-dessous des meta-onglets */
#headerTopMall{
  height:29px;
  padding:0 0 4px;
  background:#f9fbfd;
}
  #headerTopMall .innerMall{
    margin:0 auto;
    width:979px;
    height:27px;
    border:1px solid #899bb3;
  }
    /* Elements composants le Mall */
	.mallItems li{
		float:left;
	}
	.mallItems li img{
		display:block;
		width:89px;
		height:27px;
	}
/*
 * Logo
 */
#mainLogo{
	float:left;
	margin:0;
	padding:8px 0 0;
	height:88px;
	width:256px;
}
/*
 * Pub crea
 */
.creaBtBlock{
    float:left;
    padding-top:13px;
    width:251px;
}
/*
 * Pub header 468x60
 */
#headerContent .pubBlock{
    float:right;
    height:60px;
    width:468px;
}
#headerContent .pubBlock img{display:block;}

/*
 * EventLinks
 */
.contextLink{
	float:right;
	width:467px;
	padding:0;
	margin:8px 0 0;
}
	.contextLink ul{
	    float:right;
		margin:2px 0 0;
	}
		.contextLink li{
			float:left;
			color:#3c5a80;
			height:22px;
			line-height:22px;
			font-size:12px;
			font-weight:bold;
			padding:0 20px 2px 0;
		}
        .contextLinkLast{
        padding:0 15px 0 0;
        }
		.contextLink li a{
			color:#3c5a80;
		}
		.contextLink li img{float:left;}
/*
 * Newsletter Bar
 */
.headerForm{
	float:left;
	font-size:1.1em;
	color:#3c5a80;
	width:265px;
	padding:0 0 1px;
}
.headerForm:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
	.newsletterFieldset{
		border:none;
		float:left;
		height:31px;
		margin:0;
		padding:5px 5px 0 0;
	}
	.newsletterFieldset label{
		background:none;
		padding:6px 0 0;
		font-weight:bold;
		height:25px;
		font-size:1.091em;
	}
	#btImgNewsletter{margin: 3px 0 0;}

	.headerForm label{
		float:left;
		margin-right:5px;
	}
	.headerForm input{
		color:#626262;
		float:left;
		font-family:arial,verdana,helvetica,sans-serif;
		margin:4px 2px 0 0;
	}
.inputText{
	border:1px solid #aab5c4;
	padding:2px 4px;
}

/**************************************************************************************
 * Onglets - Tabbed navigation
 */
#mainNavigation{
	width:975px;
	position:absolute;
	left:14px;
	top:98px;
	font-size:1.080em;
	z-index:900;
}
#mainNavigation:after{
	content:".";
	height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
    .mainNavItem{
	    float:left;
	    width:131px;
    }
      .universLink{
        display:block;
        width:60px;
        background:url(https://i2.cdscdn.com/struct/header/bg_universTab_bp.png) no-repeat -849px -33px;
        height:33px;
        color:#3c5a80;
        border-top:3px solid #f75c00;
        padding:0 0 0 6px;
      }
        .universLink .innerLink{
            cursor:pointer;
            color:#3c5a80;
            display:block;
            background:url(https://i2.cdscdn.com/struct/header/bg_universTab_bp.png) no-repeat 100% -99px;
            height:29px;
            padding:4px 0 0;
            text-align:center;
        }
        .universLink .innerLink span{
	        height:29px;
	        display:block;
	        text-align:center;
	        line-height:1em;
	        background: url(https://i2.cdscdn.com/struct/common/bg_puces.png) no-repeat 100% -1223px;
	        font-size:11px;
	        margin-left:-3px;
	        margin-right:3px;
	        position:relative;
        }
        .universLink .innerLink .oneLine{
	        padding-top:6px;
	        height:23px;
        }
	#firstNavItem .universLink{
		background-position:-849px 0;
	}
	#lastNavItem .universLink .innerLink{
		background-position:100% -66px;
	}
    /*
     * Hover + Actif
     */
	.activeLink{
		width:60px;
		height:38px;
		border:0;
		background-position:-850px -518px !important;
	}
        /*
        * Hover
        */
	    .activeLink .innerLink,
	    #firstNavItem .activeLink .innerLink,
	    #lastNavItem .activeLink .innerLink{
		    background-position:100% -518px !important;
		    color:#fff;
		    padding:7px 0 0;
		    margin:0;
		    height:31px;
		    width:auto;
	    }
            .activeLink .innerLink span{background-position:100% -303px;}
        /*
        * Actif
        */
        #mainNavigation .currentLink{height:36px;}
	    #mainNavigation .currentLink .innerLink{height:29px;}
	    .item4 .activeLink{background-position:-738px -252px !important;}

   /**
    * Tabbed navigation extensions - width of each tabs depends on the number of displayed tabs (4 tabs min - 15 max)
    */

	/* 15 items */
	.item15 .mainNavItem,
	.item15 #firstNavItem,
    .item15 #lastNavItem{
		width:64px;
		margin-right:1px;
	}
	.item15 .universLink,
	.item15 #firstNavItem .universLink,
	.item15 #lastNavItem .universLink{width:57px;}

	/* 14 items */
	#header .item14{padding-left:4px;}
	.item14 .mainNavItem,
	.item14 #firstNavItem,
    .item14 #lastNavItem{
		width:68px;
		margin-right:1px;
	}
	.item14 .universLink,
	.item14 #firstNavItem .universLink,
	.item14 #lastNavItem .universLink{width:61px;}

	/* 13 items */
	.item13 .mainNavItem,
	.item13 #firstNavItem,
    .item13 #lastNavItem{
		width:74px;
		margin-right:1px;
	}
	.item13 .universLink,
	.item13 #firstNavItem .universLink,
	.item13 #lastNavItem .universLink{width:67px;}

	/* 12 items */
	#header .item12{padding-left:2px;}		
	.item12 .mainNavItem,
	.item12 #firstNavItem,
    .item12 #lastNavItem{
		width:80px;
		margin-right:1px;
	}
	.item12 .universLink,
	.item12 #firstNavItem .universLink,
	.item12 #lastNavItem .universLink{width:73px;}

	/* 11 items */
	#header .item11{padding-left:3px;}
	.item11 .mainNavItem,
	.item11 #firstNavItem,
    .item11 #lastNavItem{
		width:87px;
		margin-right:1px;
	}
	.item11 .universLink,
	.item11 #firstNavItem .universLink,
	.item11 #lastNavItem .universLink{width:80px;}

	/* 10 items */
	#header .item10{padding-left:3px;}
	.item10 .mainNavItem,
	.item10 #firstNavItem,
    .item10 #lastNavItem{
		width:96px;
		margin-right:1px;
	}
	.item10 .universLink,
	.item10 #firstNavItem .universLink,
	.item10 #lastNavItem .universLink{width:89px;}

	/* 9 items */
	#header .item9{padding-left:1px;}
	.item9 .mainNavItem,
	.item9 #firstNavItem,
    .item9 #lastNavItem{
		width:107px;
		margin-right:1px;
	}
	.item9 .universLink,
	.item9 #firstNavItem .universLink,
	.item9 #lastNavItem .universLink{width:100px;}

	/* 8 items */
	#header .item8{padding-left:4px;}
	.item8 .mainNavItem,
	.item8 #firstNavItem,
    .item8 #lastNavItem{
		width:120px;
		margin-right:1px;
	}
	.item8 .universLink,
	.item8 #firstNavItem .universLink,
	.item8 #lastNavItem .universLink{width:113px;}

	/* 7 items */
    #header .item7{padding-left:1px;}
	.item7 .mainNavItem,
	.item7 #firstNavItem,
    .item7 #lastNavItem{
		width:138px;
		margin-right:1px;
	}
	.item7 .universLink,
	.item7 #firstNavItem .universLink,
	.item7 #lastNavItem .universLink{width:131px;}

	/* 6 items */
	#header .item6{padding-left:2px;}
	.item6 .mainNavItem,
	.item6 #firstNavItem,
    .item6 #lastNavItem{
		width:161px;
		margin-right:1px;
	}
	.item6 .universLink,
	.item6 #firstNavItem .universLink,
	.item6 #lastNavItem .universLink{width:154px;}

	/* 5 items */
	.item5 .mainNavItem,
	.item5 #firstNavItem,
    .item5 #lastNavItem{
		width:194px;
		margin-right:1px;
	}
	.item5 .universLink,
	.item5 #firstNavItem .universLink,
	.item5 #lastNavItem .universLink{width:187px;}

	/* 4 items */
	#header .item4{padding-left:1px;}
	.item4 .mainNavItem,
	.item4 #firstNavItem,
    .item4 #lastNavItem{
		width:242px;
		margin-right:1px;
	}
	.item4 .universLink,
	.item4 #firstNavItem .universLink,
	.item4 #lastNavItem .universLink{width:235px;}

   /*
    * Tabs colors
    */
	/* Light orange */
	#mainNavigation .light-orange .universLink{border-color:#f87000;}
	#mainNavigation .light-orange .activeLink{background-position:-739px -252px !important;}
	#mainNavigation .light-orange .activeLink .innerLink{background-position:100% -252px !important;}

	/* Light blue */
	#mainNavigation .light-blue .universLink{border-color:#07a7ee;}
	#mainNavigation .light-blue .activeLink{background-position:-739px -290px !important;}
	#mainNavigation .light-blue .activeLink .innerLink{background-position:100% -290px !important;}

	/* Light green */
	#mainNavigation .light-green .universLink{border-color:#90bf01;}
	#mainNavigation .light-green .activeLink{background-position:-739px -328px !important;}
	#mainNavigation .light-green .activeLink .innerLink{background-position:100% -328px !important;}

	/* Pink */
	#mainNavigation .pink .universLink{border-color:#ff007c;}
	#mainNavigation .pink .activeLink{background-position:-739px -366px !important;}
	#mainNavigation .pink .activeLink .innerLink{background-position:100% -366px !important;}

/**************************************************************************************
 * Overlayers
 */
#mainNavigation .navLayer{
	background-image:url(https://i2.cdscdn.com/struct/header/bg_universTab_bp.png);
	background-repeat:no-repeat;
	display:none;
	padding:0 0 0 5px;
	position:absolute;
	margin:0 0 0 -2px;
	top:37px;
	left:0;
	width:973px;
	height:234px;
	z-index:900;
}
#mainNavigation .navLayer .universList span,
#mainNavigation .navLayer a{color:#798DA8;}

    #mainNavigation .universTitleTxt a,
    #mainNavigation .universTitle a{
        color:#fff;
        text-decoration:underline;
    }
    #mainNavigation .universDetailList li a{color:#fff;}

   /*
    * The 4 columns of the overlayer
    */
	.universList{
		background:none;
		float:left;
		width:789px;
		height:218px;
	}
		.universList .universItem{
			width:197px;
			float:left;
			height:213px;
			padding:14px 0 0;
			margin:0;
		}
	    .universList .sectionList{
		    float:left;
	        width:196px;
	    }
		.universList .sectionList .firstLineWithoutPicto{
		    margin:46px 0 0;
		}
		.navLayer .sectionList li{
			margin:6px 0 0;
		}
		.navLayer .sectionList li .sectionLink{
			padding:0 0 0 11px;
			margin:0 0 0 12px;
			background:url(https://i2.cdscdn.com/struct/header/bg_universTab_bp.png) no-repeat -970px -217px;
			line-height:1em;
			font-size:11px;
			display:block;
		}
		    .universList .universLevel2 li .sectionLink{
			    padding:0 0 0 11px;
			    margin:0 0 0 23px;
			    background:url(https://i2.cdscdn.com/struct/header/bg_universTab_bp.png) no-repeat -973px -160px;
			    line-height:1em;
			    font-size:11px;
			    display:block;
		    }
   /*
    * Right part of the overlayer
    */
	.universDetailList{
		float:left;
		color:#fff;
		width:183px;
	}
	    .universDetailList .universTitle{
		    color:#fff;
		    background:url(https://i2.cdscdn.com/struct/header/bg_universTab_bp.png) no-repeat;
	    }
		.universDetailList .universTitleTxt{
			font-size:1.09em;
			font-weight:bold;
		}
		.universDetailList a,
		.universDetailList .universTitle a{
			color:#fff;
		}
	   /*
        * Top block
        */
		.universDetailList .universPush {
			height:47px;
			padding:10px 0 0;
		}
			.universDetailList .universPush .universTitle{
				padding:0 0 0 17px;
				margin:0;
				height:15px;
				font-size:12px;
				text-decoration:underline;
				text-transform:uppercase;
			}
			.universDetailList .universPush .universTitleTxt{
				padding:0 0 0 17px;
				margin:0;
				font-size:12px;
				height:30px;
				text-decoration:underline;
			}
			.universDetailList .universPushVisu{
				margin:0;
				text-align:center;
			}
	   /*
        * Bottom block
        */
		.universDetailList .universItem{
			height:90px;
			width:180px;
			float:none;
			padding:0;
		}
			.universDetailList .universItem .universTitle{
				padding:0 0 0 17px;
				margin:0;
				font-size:12px;
				text-decoration:underline;
				text-transform:uppercase;
			}
			.universDetailList .sectionList{
				float:none;
				width:auto;
			}
				.navLayer .universDetailList .sectionList li span,
				.universDetailList .sectionList li a,
				.universDetailList .sectionList li a:hover{
					padding:0 0 0 15px;
					background-position:-968px -133px;
				}
/*
 * Overlayer's colors
 */
/* Light orange */
#mainNavigation .light-orange .navLayer{background-position:0 -592px;}
#mainNavigation .light-orange .universList .sectionList li .sectionLink_over{color:#f87000;background-position:-500px -833px;text-decoration:underline}
#mainNavigation .light-orange .universList .sectionList .universLevel2 li .sectionLink_over{color:#f87000;background-position:-978px -707px;text-decoration:underline}
#mainNavigation .light-orange .universDetailList .universTitle{background-position:5px -831px;}

/* Light blue */
#mainNavigation .light-blue .navLayer{background-position:0 -918px;}
#mainNavigation .light-blue .universList .sectionList li .sectionLink_over{color:#07a7ee;background-position:-500px -1159px;text-decoration:underline}
#mainNavigation .light-blue .universList .sectionList .universLevel2 li .sectionLink_over{color:#07a7ee;background-position:-978px -1033px;text-decoration:underline}
#mainNavigation .light-blue .universDetailList .universTitle{background-position:5px -1157px;}

/* Light green */
#mainNavigation .light-green .navLayer{background-position:0 -1244px;}
#mainNavigation .light-green .universList .sectionList li .sectionLink_over{color:#90bf01;background-position:-500px -1485px;text-decoration:underline}
#mainNavigation .light-green .universList .sectionList .universLevel2 li .sectionLink_over{color:#90bf01;background-position:-978px -1359px;text-decoration:underline}
#mainNavigation .light-green .universDetailList .universTitle{background-position:5px -1483px;}

/* Pink */
#mainNavigation .pink .navLayer{background-position:0 -1570px;}
#mainNavigation .pink .universList .sectionList li .sectionLink_over{color:#ff007c;background-position:-500px -1811px;text-decoration:underline}
#mainNavigation .pink .universList .sectionList .universLevel2 li .sectionLink_over{color:#ff007c;background-position:-978px -1685px;text-decoration:underline}
#mainNavigation .pink .universDetailList .universTitle{background-position:5px -1809px;}

/** End Onglets - Tabbed navigation **/