/*
 * menu/position.css
 * position menu
 *
 *
 * @author EIIDM
 * @date 2009-03-12
 * @media screen
 * @site boutique.ina.fr
 */

/* header-top */

div.header-top{
	float:left;
	height:148px;
	position:relative;
	width:954px;
}

/* header-logo
 ------------------------------------------------------ */
div.header-logo{

}
div.header-logo div.logo{
	position:absolute;
	left:0;
	top:0;
	width:176px;
	height:138px;
}
div.header-logo div.logo a{
	float:left;
	width:176px;
	height:138px;
}
div.header-logo div.pub{
	height:90px;
	left:200px;
	position:absolute;
	top:10px;
	width:728px;
}
div.header-logo div.pub img{
	float:left;
	height:90px;
	width:728px;
}
/* bouton panier
 ------------------------------------------------------ */
div.header-infos-panier{
	height:38px;
	position:absolute;
	right:0;
	width:173px;
}
div.header-infos-panier a{
	height:38px;
	left:0px;
	position:absolute;
	top:0px;
	width:173px;
}
div.header-infos-panier span.prix{
	left:0px;
	position:absolute;
	top:5px;
	width:68px;
}
div.header-infos-panier span.euro{
	left:67px;
	position:absolute;
	top:-5px;
	width:10px;
}
div.header-infos-panier span.nb-articles{
	left:75px;
	position:absolute;
	top:4px;
	width:70px;
}
div.header-infos-panier span.nb-articles span{
	padding-left:3px;
}

/* se connecter s inscrire
 ------------------------------------------------------ */

div.header-infos-monina{
	height:27px;
	right:318px;
	position:absolute;
	top:11px;
	width:462px;
}
div.header-infos-monina div.monina-utilisateur{
	height:27px;
	position:absolute;
	right:201px;
	width:261px;
}
div.header-infos-monina div.monina-utilisateur div.monina-utilisateur-contenu{
float:right;
}
div.header-infos-monina span.monina a{
	float:left;
	height:19px;
	padding:8px 10px 0 10px;
}
div.header-infos-monina span.utilisateur a{
	float:left;
	height:19px;
	padding:8px 10px 0 10px;
}
div.header-infos-monina span.se-deconnecter,
div.header-infos-monina span.se-connecter{
	height:17px;
	padding:10px 0 0 0;
	position:absolute;
	right:104px;
	width:97px;
}
div.header-infos-monina span.credit,
div.header-infos-monina span.s-inscrire{
	height:17px;
	padding:10px 0 0 0;
	position:absolute;
	right:0;
	width:104px;
}
/* acceder ina.fr
 ------------------------------------------------------ */

div.header-infos-inafr{
	height:28px;
	right:177px;
	position:absolute;
	top:10px;
	width:133px;
}
div.header-infos-inafr a{
	clip:rect(auto 133px 28px auto);/*technique du logo clipe*/
	clip:rect(auto, 133px, 28px, auto);/*technique du logo clipe*/
	height:28px;/*technique du logo clipe*/
	padding-left:133px;/*technique du logo clipe*/
	position:absolute;/*technique du logo clipe*/
	width:133px;
}

/* header-infos
 ------------------------------------------------------ */
div.header-infos{
	float:right;
	left:174px;
	height:38px;
	position: absolute;
	top:110px;
	width:780px;
}

/* header-nav */

div.header-nav{
	float:left;
	height:67px;
	position:relative;
	width:954px;
}
div.header-nav ul.menu{
	height:34px;
	width:624px;
	position:absolute;
	left:0;
	text-align:center;
	top:0;
	overflow:hidden;
}
div.header-nav ul.menu li{
	float:left;
	position:relative;/*technique du logo clipe*/
}
div.header-nav ul.menu li a{
	display:block;
}
div.header-nav ul.menu li.accueil a{
	height:25px;
	position:absolute;
	width:90px;
}
div.header-nav ul.menu li.video a{
	height:25px;
	left:90px;
	position:absolute;
	width:89px;
}
div.header-nav ul.menu li.audio a{
	height:25px;
	left:179px;
	position:absolute;
	width:89px;
}
div.header-nav ul.menu li.cd a{
	height:25px;
	left:268px;
	position:absolute;
	width:89px;
}
div.header-nav ul.menu li.dvd a{
	height:25px;
	left:357px;
	position:absolute;
	width:89px;
}
div.header-nav ul.menu li.educatif a{
	clip:rect(auto 89px 34px auto);/*technique du logo clipe*/
	clip:rect(auto, 89px, 34px, auto);/*technique du logo clipe*/
	height:25px;/*technique du logo clipe*/
	left:446px;
	padding-left:89px;/*technique du logo clipe*/
	position:absolute;/*technique du logo clipe*/
	width:89px;
}
div.header-nav ul.menu li.monina a{
	height:25px;
	left:535px;
	position:absolute;
	width:89px;
}
div.header-nav ul.menu-top-plus{
	height:34px;
	width:330px;
	position:absolute;
	right:0;
	text-align:right;
	top:0;
	overflow:hidden;
}
div.header-nav ul.menu-top-plus li{

}
div.header-nav ul.menu-top-plus li.element3{
	height:26px;
	position:absolute;
	right:5px;
	width:103px;
}
div.header-nav ul.menu-top-plus li.element3 a{
	height:26px;
	padding-top:8px;
	position:absolute;
	right:0;
	width:103px;
}
* html div.header-nav ul.menu-top-plus li.element3 a{/*ie6*/
	height:24px;
	padding-top:10px;
}
div.header-nav ul.menu-top-plus li.element2{
	height:26px;
	position:absolute;
	right:108px;
	width:103px;
}
div.header-nav ul.menu-top-plus li.element2 a{
	height:26px;
	padding-top:8px;
	position:absolute;
	right:0;
	width:103px;
}
* html div.header-nav ul.menu-top-plus li.element2 a{/*ie6*/
	height:24px;
	padding-top:10px;
}
div.header-nav ul.menu-top-plus li.element1{
	height:26px;
	position:absolute;
	right:211px;
	width:103px;
}
div.header-nav ul.menu-top-plus li.element1 a{
	height:26px;
	padding-top:8px;
	position:absolute;
	right:0;
	width:103px;
}
*html div.header-nav ul.menu-top-plus li.element1 a{/*ie6*/
	height:24px;
	padding-top:10px;
}

/* sous-menu
 ------------------------------------------------------ */
div.container-sous-menu{
	height:34px;
	position:absolute;
	z-index:1;
	right:0;
	top:34px;
	width:954px;
}
div.header-nav div.sous-menu-conteneur {
	height:34px;
	position:absolute;
	z-index:2;
	right:0;
	width:954px;
	text-align:center;
}
div.header-nav ul.sous-menu{
	height:34px;
	right:0;
	position:relative;
	width:954px;
}
div.header-nav ul.sous-menu li{
	display:inline;
	float:left;
}