@charset "UTF-8";

/* CSS General Header */

#head-info {
	position:absolute;
	left:0px;
	width:930px;
	height:30px;
	z-index:2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	bottom: 0px;
	text-indent: 20px;
	line-height: 30px;
}

#head-info a {
	color: #FFFFFF;
	text-decoration: none;
}

#head-info  a:hover {
	color: #ff6600;
}

#bout-sup {
	position:absolute;
	top:0px;
	width:426px;
	height:187px;
	z-index:10;
	right: 0px;
}

/* CSS Page Boutique */

#head-bloc-bou {
	position:absolute;
	background-image: url(../media/header/bg-head/head-bou.jpg);
	background-repeat: no-repeat;
	left:50%;
	top:0px;
	width:930px;
	height:202px;
	z-index:1;
	margin-left: -465px;
}



#b1-bou {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/galerie-s.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 35px;
}

#b2-bou {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/magazine-s.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 20px;
	left: 40px;
}

#b3-bou {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/annuaire-s1.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 40px;
	bottom: 20px;
}

#b4-bou {
	width:188px;
	height:137px;
	z-index:20;
	background-image: url(media/header/menu-sup/boutique1.png);
	background-repeat: no-repeat;
	top: 50%;
	position: absolute;
	margin-top: -68px;
	left: 50%;
	margin-left: -94px;
}


/* -- boutique selected -- */ 

#b1-bou:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

#b2-bou:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

#b3-bou:hover {
	background-position: 0 -68px;
	cursor:pointer;
}


/* CSS Page Annuaire */


#head-bloc-ann {
	position:absolute;
	background-image: url(media/header/bg-head/head-ann.jpg);
	background-repeat: no-repeat;
	left:50%;
	top:0px;
	width:930px;
	height:202px;
	z-index:1;
	margin-left: -465px;
}



#b1-ann {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/galerie-s.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 35px;
}

#b2-ann {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/magazine-s.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 20px;
	left: 40px;
}

#b3-ann {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/boutique-s.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 40px;
	bottom: 20px;
}

#b4-ann {
	width:188px;
	height:137px;
	z-index:20;
	background-image: url(media/header/menu-sup/annuaire1.png);
	background-repeat: no-repeat;
	top: 50%;
	position: absolute;
	margin-top: -68px;
	left: 50%;
	margin-left: -94px;
}


/* -- annuaire selected -- */ 

#b1-ann:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

#b2-ann:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

#b3-ann:hover {
	background-position: 0 -68px;
	cursor:pointer;
}


/* CSS Page Magazine */


#head-bloc-mag {
	position:absolute;
	background-image: url(media/header/bg-head/head-mag.jpg);
	background-repeat: no-repeat;
	left:50%;
	top:0px;
	width:930px;
	height:202px;
	z-index:1;
	margin-left: -467px;
}


#b1-mag {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/galerie-s.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 35px;
}

#b2-mag {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/annuaire-s2.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 20px;
	left: 40px;
}

#b3-mag {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/boutique-s.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 40px;
	bottom: 20px;
}

#b4-mag {
	width:188px;
	height:137px;
	z-index:20;
	background-image: url(media/header/menu-sup/magazine1.png);
	background-repeat: no-repeat;
	top: 50%;
	position: absolute;
	margin-top: -68px;
	left: 50%;
	margin-left: -94px;
}


/* -- magazine selected -- */ 

#b1-mag:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

#b2-mag:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

#b3-mag:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

/* CSS Page Galerie */

#head-bloc-gal {
	position:absolute;
	background-image: url(media/header/bg-head/head-gal.jpg);
	background-repeat: no-repeat;
	left:50%;
	top:0px;
	width:930px;
	height:202px;
	z-index:1;
	margin-left: -465px;
}

#b1-gal {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/annuaire-s2.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 35px;
}

#b2-gal {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/magazine-s.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 20px;
	left: 40px;
}

#b3-gal {
	width:94px;
	height:68px;
	z-index:15;
	background-image: url(media/header/menu-sup/boutique-s.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 40px;
	bottom: 20px;
}

#b4-gal {
	width:188px;
	height:137px;
	z-index:20;
	background-image: url(media/header/menu-sup/galerie.png);
	background-repeat: no-repeat;
	top: 50%;
	position: absolute;
	margin-top: -68px;
	left: 50%;
	margin-left: -94px;
}

/* -- galerie selected -- */ 

#b1-gal:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

#b2-gal:hover {
	background-position: 0 -68px;
	cursor:pointer;
}

#b3-gal:hover {
	background-position: 0 -68px;
	cursor:pointer;
}