body, h1, h2, h3, h4, h5, h6 {
	font-weight: lighter;
}
body {
	height: 100%;
	min-width: 1220px;
}
h1 {
	position: absolute !important;
	height: 50px;
	width: 325px;
	top: 50px;
	left: 41%;
	text-indent: -99999px;
	z-index: 6;
}
h2 {
	text-indent: -10px;
}
#main {
	min-height: 100%;
}
#ruban {
	background: rgba(255,255,255,0.2);
	width: 100%;
	height: 260px;
	margin: 130px 20px 45px 0;
	text-align: center;
	position: relative;
	overflow: visible;
}
#logo {
	vertical-align: top;
	display: inline-block;
	height: 450px;
	width: 450px;
	border-radius: 300px;
	background: url("/images/fond_carbon.jpg") no-repeat scroll -494px -24px;
	position: relative;
	top: -103px;
	left: -100px;
	margin-left: 45px;
}
#stamp {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-radius: 250px;
    height: 400px;
    left: 26px;
    position: relative;
    top: 26px;
    width: 400px;
    box-shadow: 4px 10px 7px #000000;
	z-index: 6;
}
#logo img {
    left: 3px;
    position: relative;
    top: 19px;
}
#context {
	display: inline-block;
	line-height: 1.5em;
	width: 300px;
	height: 240px;
	padding: 10px;
	font-size: 12.5pt;
	position: relative;
	top: 40px;
	left: -80px;
	color: #fff;
	text-align: left;
	text-shadow: 1px 1px 2px #000;
	z-index: 6;
}
#sections {
	/* width: 800px; */
	width: 1000px; 
	margin: 85px auto 0;
	text-align: center;
	color: #ddd;
	padding-left: 0;
	overflow: visible;
	z-index: 6;
}
#sections li {
	display: inline-block;
	border-left: 1px solid #555;
	margin: 5px 15px;
	padding: 50px 0 0 40px;
	vertical-align: top;
	height: 200px;
	max-width: 130px;
}
#sections li:first-child {
	border: none;
}
.square {
	width: 100px;
	height: 100px;
	overflow: visible;
	padding: 10px;
	border-radius: 60px;
	vertical-align: top;
	position: relative;
	box-shadow: 3px 4px 2px #000;
	cursor: pointer;
}
.square h2 {
	padding-bottom: 5px;
	margin: 0;
	position: relative;
	top: -50px;
}
.square a {
	text-shadow: 1px 1px 0 #000;
	display: block;
}
.square:hover h2 {
	color: #fff;
}
.store-icon {
	width: 100px;
	height: 80px;
	display: block;
	position: relative;
	top: 25px;
	text-align: left;
	vertical-align: inherit;
	padding-left: 60px;
}
.store-icon:before {
	content: url(/images/store.png);
	position: absolute;
	top: -10px;
	left: 0;
}
.store-icon:hover:before {
	content: url(/images/store_w.png);
}
#tools {
	background: url("/images/tournevis_48.png") no-repeat scroll center center rgba(255,255,255,0.2);
}
#tools:hover {
	background: url("/images/tournevis_48w.png") no-repeat scroll center center #A7CF38;
}
#majestic {
	background: url("/images/star_48.png") no-repeat scroll center center rgba(255,255,255,0.2);
}
#majestic:hover {
	background: url("/images/star_48w.png") no-repeat scroll center center #aaa;
}
#info {
	background: url("/images/computer_48.png") no-repeat scroll center center rgba(255,255,255,0.2);
}
#info:hover {
	background: url("/images/computer_48w.png") no-repeat scroll center center #00b3f0;
}
#weba {
	background: url("/images/arobase_48.png") no-repeat scroll center center rgba(255,255,255,0.2);
}
#weba:hover {
	background: url("/images/arobase_48w.png") no-repeat scroll center center #00b3f0;
}
#domo {
	background: url("/images/maison_48.png") no-repeat scroll center center rgba(255,255,255,0.2);
}
#domo:hover {
	background: url("/images/maison_48w.png") no-repeat scroll center center #f46e16;
}

#basic {
	background: url("/images/basic_48.png") no-repeat scroll center center rgba(255,255,255,0.2);
}
#basic:hover {
	background: url("/images/basic_48w.png") no-repeat scroll center center #00b3f0;
}
#medium {
	background: url("/images/medium_48.png") no-repeat scroll center center rgba(255,255,255,0.2);
}
#medium:hover {
	background: url("/images/medium_48w.png") no-repeat scroll center center #00b3f0;
}
#premium {
	background: url("/images/premium_48.png") no-repeat scroll center center rgba(255,255,255,0.2);
}
#premium:hover {
	background: url("/images/premium_48w.png") no-repeat scroll center center #00b3f0;
}