* {margin: 0; padding: 0;}

.reset {clear: both; height: 0; border: none; margin: 0; padding: 0; font-size: 0; line-height: 0; visibility: hidden;}

body, html {
	background: #0d0d0e url(../img/bg-repeatx.gif) top left repeat-x;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

#container {
	margin: 120px auto;
	width: 900px;
}


/* Logos globaldesigner / artroom */
.logo-top {
	z-index: 300;
	left: 20px;
	position: absolute;
}

/* Top jQuery / HTML menu */
#menu-top {
	position: absolute;
	top: -28px;
	background-color: #929292;
	width: 99%;
	margin: 6px;
	text-align: right;
	height: auto;
	z-index: 100;
}

#menu-top .content-menu {
	border-bottom: 1px solid #2B2B2B;
	height: 22px;
}

#menu-top ul {
	background-color: #FFFFFF;
	list-style: none;
	float: right;
	height: auto;
}

#menu-top ul li {
	border-left: 1px solid #2B2B2B;
	background-color: #929292;
	float: left;
	height: 22px;
	line-height: 18px;
	cursor: pointer;
}

#menu-top ul li a {
	text-transform: uppercase;
	color: white;
	text-decoration: none;
}

#menu-top #more-infos {
	background-color: #464646;
	height: 27px;
	display: block;
	width: 100%;
}

#menu-top #more-infos #hover-menu {
	/*background: url(../img/menu/plus-infos.gif) top left no-repeat;*/
	float: right;
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
	width: 167px;
	height: 9px;
	margin-top: 10px;
	margin-right: 10px;
	}

/* LI menu replacement */

#menu-top .btn-menu {
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
	height: 7px;
}

#menu-top #accueil {
	background: url(../img/menu/accueil.gif) top left no-repeat;
	width: 72px;
	height: 22px;
}

#menu-top ul li #contact {
	background: url(../img/menu/contact.gif) top left no-repeat;
	width: 76px;
	height: 22px;
}

#menu-top #compte {
	background: url(../img/menu/compte.gif) top left no-repeat;
	width: 96px;
	height: 22px;
}

#menu-top #selection {
	background: url(../img/menu/selection.gif) top left no-repeat;
	width: 103px;
	height: 22px;	
	
}

#menu-top #iphone {
	background: url(../img/menu/iphone.gif) top left no-repeat;
	width: 93px;
	height: 22px;
}

#menu-top #intranet {
	background: url(../img/menu/intranet.gif) top left no-repeat;
	width: 78px;
	height: 22px;
}

#menu-top #facebook {
	background: url(../img/menu/facebook.gif) top left no-repeat;
	width: 85px;
	height: 22px;
}

#menu-top #presse {
	background: url(../img/menu/presse.gif) top left no-repeat;
	width: 71px;
	height: 22px;
}

#menu-top #partenaires {
	background: url(../img/menu/partenaires.gif) top left no-repeat;
	width: 100px;
	height: 22px;
}

#menu-top #credits {
	background: url(../img/menu/credits.gif) top left no-repeat;
	width: 72px;
	height: 22px;
}

#menu-top #references {
	background: url(../img/menu/references.gif) top left no-repeat;
	width: 99px;
	height: 22px;
}

#menu-top #metier {
	background: url(../img/menu/notre-metier.gif) top left no-repeat;
	width: 105px;
	height: 22px;
}

#menu-top #bio {
	background: url(../img/menu/bio.gif) top left no-repeat;
	width: 47px;
	height: 22px;
}

#menu-top ul li #artroomflo {
	background: url(../img/menu/artroomflo.gif) top left no-repeat;
	width: 134px;
	height: 22px;
}

/* logo facbook / youtube */

#link-facebook, #link-youtube {
	display:block;
	background: url(../img/logo-facebook.png) top left no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
	position: relative;
	float: left;
	width:32px;
	height: 32px;
	z-index: 100;
	margin-left: 12px;
	margin-top: 8px;
}

#link-youtube {
	width: 84px;
	background: url(../img/logo-youtube.png) top left no-repeat;
}

/* paragraphe replacement */
div.text-replacement {
	position: relative;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
	margin: 0 auto 20px;
}

div#p1 {
	background: url(../img/p1-link.png) top left no-repeat;
	width: 218px;
	height: 133px;
	z-index: 0;
}

div#p2 {
	background: url(../img/p2-link.png) top left no-repeat;
	width: 261px;
	height: 133px;
	z-index: 0;
}

div#p1 #p1-hover {
	background: url(../img/p1-hover.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 218px;
	height: 133px;
	z-index: 100;
}

div#p2 #p2-hover {
	background: url(../img/p2-hover.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 261px;
	height: 133px;
	z-index: 100;
}

/* Home DIV's */

.home-block {
	position: relative;
	width: 340px;
	height: 450px;
	float: left;
	text-align: center;
	cursor: pointer;
}

/* Hack IE */
.home-block .margin-top {
	height: 20px;
	display: block;
	visibility: hidden;
}

.home-block .bg-effect {
	background: url(../img/a-hover.gif) top left no-repeat;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 340px;
	height: 450px;
}

.home-block h1, .home-block h2 {
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
	margin: 0 auto 20px;
	height: 164px;
}

.home-block h1#logo-globaldesign {
	background: url(../img/logo-globaldesign.png) top left no-repeat;
	width: 144px;
}

.home-block h1#logo-artroom {
	background: url(../img/logo-artroom.png) top left no-repeat;
	width: 144px;
}

.home-block h2#h2-globaldesign {
	background: url(../img/h2-designcreation.png) top left no-repeat;
	width: 254px;
	height: 19px;
}

.home-block h2#h2-artroom {
	background: url(../img/h2-mobilier.png) top left no-repeat;
	width: 310px;
	height: 19px;
}

.home-block a.btn-entrez {
	background: url(../img/btn-entrez.png) top left no-repeat;
	display:block;
	position: relative;
	width: 55px;
	height: 12px;
	margin: 20px auto;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
}

.home-block a.btn-entrez .entrezH {
	position: absolute;
	background: url(../img/btn-entrezH.png) top left no-repeat;
		top: 0;
	left: 0;
	width: 55px;
	height: 12px;
	z-index: 100px;
}

/* Partie vidéo */

a.go-site {
	display:block;
	background: url(../img/go-site.gif) top left no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
	position: relative;
	width:255px;
	height: 16px;
	z-index: 100;
	margin: 20px auto;

}