body {
	font-family:	georgia, garamond, serif;
	font-weight:	normal;
	font-style:		normal;
	font-size:		10px;
	color:			#999;
	margin:			0;
	padding:		0;
	/*background-image:url(images/background.gif);
	background-repeat:no-repeat;
	background-position:top 900px;
	background-attachment:fixed;*/
}
/*div#container {
	position:		relative;
	margin:			100px 24px 24px 24px;
	width:			822px;
}*/
div#container {
	position:		relative;
	text-align: center;
}

div#centered-content {
	position:		relative;
	width:			822px;
	margin:			100px auto 24px auto;
	text-align:left;
	display:none;
}

div#splash {
	position:		relative;
	width:100%;
	height:100%;
	background-color:#00ff00;
	background-image:url(images/hyper-splash.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}

div#hyper-bulle {
	position: absolute;
	top:35%;
	left:57%;
	width:157px;
	height:58px;
	padding:16px;
	background-image:url(images/hyper_bulle.png);
	background-repeat:no-repeat;
	font-style:italic;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	opacity:0;
}


h1 {
	font-size:		24px;
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-weight:	normal;
	font-style:		normal;
	line-height:	30px;
	margin:			0px 0px 100px 0px;
}

h2 {
	font-size:		14px;
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-weight:	normal;
	font-style:		normal;
	line-height:	18px;
	color:			#666;
	margin-top: 	36px;
}

h3 {
	font-size:		18px;
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-weight:	normal;
	line-height:	30px;
}


hr {
	color: #ECECEC;
	background-color: #ECECEC;
	width: 800px;
	height: 1px;
	border: 0;
	margin:12px 0px 12px 0px;
}




a:link, a:visited {
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#6F0;
	text-decoration:none;
}

.step01 {
	/*display:none;*/
}

.step02 {
	/*display:none;*/
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}






#default-navigation {
	/*position:absolute;
	left:0px;
	top:300px;*/
	font-size:18px;
}

#section-navigation {
	position:absolute;
	left:0px;
	top:-75px;
}

#navigation {
	float:left;
}

#navigation ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#navigation ul li {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
	position:relative;
	color:#999;
}

#navigation ul li a:link, #navigation ul li a:visited {
	color:#666;
	text-decoration:none;
}

#navigation ul li a:hover {
	color:#6F0;
	text-decoration:none;
}

#navigation ul .selected a:link, #navigation ul .selected a:visited, #navigation ul .selected a:hover {
	color:#000;
	text-decoration:none;
	border-top:1px solid #0F0;
}

#navigation ul .separator {
	margin:0px 6px 0px 6px;
	padding:0px;
}



#small-logo {
	float:left;
	margin:0px 12px 0px 0px;
	width:107px;
	height:22px;
	background-image:url(images/hyper_logo_small.gif);
	background-repeat:no-repeat;
}

#big-logo {
	position:absolute;
	top:-100px;
	left:-24px;
	width:545px;
	height:132px;
	background-image:url(images/hyper_logo_big.gif);
	background-repeat:no-repeat;
}







/*     Blog      */

.blogues {
	width:522px;
	margin:0px 24px 24px 274px;
}

.blogues .content {
	padding:0px 24px 12px 24px;
}

.blogues .content .title {
	font-size:14px;
	font-style:italic;
	color:#666;
}

.blogues .content .title a:link, .blogues .content .title a:visited {
	color:#666;
}

.blogues .content .title a:hover {
	
}

.blogues .content .subtitle {
	color:#666;
}

.blogues .date {
	position:absolute;
	left:48px;
	color:#999;
}

blogues .content .text {
	
}

.blogues .comments {
	position:absolute;
	left:252px;
}

.blogues .comments .comments_popups {
	width:21px;
	height:20px;
	background-image:url(images/comment.png);
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:2px 0px 2px 2px;
	text-align:center;
}

.blogues .comments .comments_popups a:link, .blogues .comments .comments_popups a:visited {
	color:#FFF;
}

.blogues .comments .comments_popups a:hover {
	
}

.newszonecomment {
	padding:0px 24px 12px 24px;
}


















/*     Projets       */

.projets {
	position:relative;
	float:left;
	width:250px;
	height:200px;
	margin:0px 24px 24px 0px;
}

.projets .image {
	width:250px;
	height:120px;
}
.projets .content {
	padding:17px 24px 12px 24px;
	height:82px;
	overflow:hidden;
}

.projets .content .title {
	font-size:14px;
	font-style:italic;
	color:#666;
	
	/*width:202px;*/
	white-space:			nowrap;
	text-overflow:			ellipsis;
	overflow:				hidden;
	display:				block
	
}

.projets .content .title a:link, .projets .content .title a:visited {
	color:#666;
}

.projets .content .title a:hover {
	
}

.projets .content .subtitle {
	color:#666;
}

.projets .content .date {
	color:#999;
}

.projets .content .text {
	height:34px;
	overflow:hidden;
}

.projets .comments {
	
}

.projets .comments .comments_popups {
	width:21px;
	height:20px;
	background-image:url(images/comment.png);
	position:relative;
	left:25px;
	top:-122px;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:2px 0px 2px 2px;
	text-align:center;
}

.projets .comments .comments_popups a:link, .projets .comments .comments_popups a:visited {
	color:#FFF;
}

.projets .comments .comments_popups a:hover {
	
}


.projets .list-price {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background-color:#6F0;
	position:absolute;
	top:109px;
	right:25px;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:2px 9px 3px 9px;
	text-align:center;
	z-index:250;
}

.projets .list-price a:link, .projets .list-price a:visited {
	color:#FFF;
}

.projets .list-price a:hover {
	
}





.projet {
	position:relative;
	width:800px;
	margin:0px 24px 24px 0px;
}

.projet .image {
	width:800px;
	height:533px;
	background-color:#CCC;
}
.projet .content {
	padding:17px 24px 12px 24px;
}

.projet .content .title {
	font-size:14px;
	font-style:italic;
	color:#666;
}

.projet .content .title a:link, .projet .content .title a:visited {
	color:#666;
}

.projet .content .title a:hover {
	
}

.projet .content .subtitle {
	color:#666;
}

.projet .content .date {
	color:#999;
}

.projet .content .text {
}

.projet .content .projet-text {
	font-size:24px;
	margin:12px 0px 0px 0px;
}

.projet .comments .comments_popups {
	width:21px;
	height:20px;
	background-image:url(images/comment.png);
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:2px 0px 2px 2px;
	text-align:center;
	margin:12px 0px 0px 0px;
}

.projet .comments .comments_popups a:link, .projet .comments .comments_popups a:visited {
	color:#FFF;
}

.projet .comments .comments_popups a:hover {
	
}










.product-price {
	position:absolute;
	top:590px;
	right:0px;
	font-size:36px;
	font-style:italic;
}

.product-option {
	margin:12px 0px 0px 0px;
	font-size:14px;
	color:#999;
}

#product-size {
	list-style:none;
	margin:12px 0px 12px 0px;
	padding:0px;
}

#product-size li {
	list-style:none;
	margin:0px 1px 1px 0px;
	padding:3px 6px 3px 6px;
	color:#FFF;
	width:100px;
	height:25px;
	float:left;
	text-align:center;
	background-color:#CCC;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
	cursor:pointer;
}

#product-size li.selected {
	background-color:#fc675c;
}

#product-size li.disable {
	background-color:#CCC;
}

#add-to-cart {
	font-size:24px;
	margin:24px 0px 24px 0px;
	cursor:pointer;
}


#hyper-cart-added {
	position:relative;
}

.added {
	position:absolute;
	top:-45px;
	left:-30px;
	width:23px;
	height:17px;
	background-image:url(images/gotocart.gif);
	background-repeat:no-repeat;
	z-index:100;
	cursor:pointer;
}

.added div {
	display:none;
}


#tags {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 24px 0px;
}

#tags li {
	float:left;
	background-color:#E5E5E5;
	padding:3px 6px 3px 6px;
	margin:0px 1px 1px 0px;
	text-transform:capitalize;
}





/*#cart {
	position:fixed;
	top:12px;
	left:1030px;
}

#cart .cart-hi {
	display:block;
	margin-left:12px;
}

#cart .cart-login {
	display:block;
	margin-left:12px;
}

#cart .cart-view {
	display:block;
	margin-left:12px;
}

#cart .cart-items {
	display:block;
	position:absolute;
	top:53px;
	left:-130px;
	width:120px;
	text-align:center;
	font-size:14px;
	font-style:italic;
}

#cart .cart-items a:link, #cart .cart-items a:visited {
	color:#999;
}

#cart .cart-items a:hover {
	color:#666;
}

#cart .cart-items #cart_total_item {
	font-size:24px;
	font-style:italic;
}

#cart .cart-separator {
	display:none;
}

#cart #regions {
	display:none;
}*/

#cart {
	position:absolute;
	right:24px;
	top:-75px;
}

#cart .cart-hi {
	/*display:block;*/
	margin-right:12px;
}

#cart .cart-login {
	/*display:block;
	margin-left:12px;*/
}

#cart .cart-view {
	text-align:right;
}

#cart .cart-items {
	font-style:italic;
	/*display:block;
	position:absolute;
	top:53px;
	left:-130px;
	width:120px;
	text-align:center;
	font-size:14px;
	font-style:italic;*/
}

#cart .cart-items a:link, #cart .cart-items a:visited {
	color:#666;
}

#cart .cart-items a:hover {
	color:#000;
}

#cart .cart-items #cart_total_item {
	/*font-size:24px;
	font-style:italic;*/
}

#cart .cart-separator {
	/*display:none;*/
}

#cart #regions {
	display:none;
}







/*     Impressions       */

#impressions .content {
	padding:17px 24px 12px 24px;
}

#impressions .content .title {
	font-size:14px;
	font-style:italic;
	color:#666;
}

#impressions .content .main {
	margin: 20px 0px;
}

#impressions .content table {
}

#impressions .content table th {
	background-color: #F9F9F9;
	color: #999;
}

#impressions .content table td {
	text-align: right;
}

#impressions .content table th, #macarons .content table td {
	padding: 5px;
}

#impressions .content input[type=text] {
	width: 50px;
}
#impressions .content .right {
	text-align: right;
}



/*     Projets       */

.contacts {
	float:left;
	position:relative;
	width:250px;
	margin:0px 24px 96px 0px;
}

.contacts .image {
	position:relative;
	width:250px;
	height:120px;
	text-align:right;
}

.contacts .image img {
	width:250px;
	height:120px;
}

/*.contacts .image-reflect {
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:120px;
	background-image:url(image/image-reflect.png);
	z-index:1000;
}*/

.contacts .content {
	padding:17px 24px 12px 24px;
}

.contacts .content .title {
	font-size:14px;
	font-style:italic;
	color:#666;
}

.contacts .content .title a:link, .contacts .content .title a:visited {
	color:#666;
}

.contacts .content .title a:hover {
	
}

.contacts .content .subtitle {
	color:#666;
}

.contacts .content .date {
	color:#999;
}

.contacts .content .text {
	
}

.contacts .comments {
	
}

.contacts .comments .comments_popups {
	width:21px;
	height:20px;
	background-image:url(images/comment.png);
	position:relative;
	left:25px;
	top:-122px;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	padding:2px 0px 2px 2px;
	text-align:center;
}

.contacts .comments .comments_popups a:link, .contacts .comments .comments_popups a:visited {
	color:#FFF;
}

.contacts .comments .comments_popups a:hover {
	
}

#commentsForm #inputs {
	width:822px;
}

#commentsForm #inputs input {
	float:left;
	width:233px;
	padding:3px;
	border:1px solid #CCC;
	margin:0px 12px 0px 0px;
}

#commentsForm #text {
	width:739px;
	padding:3px;
	height:100px;
	border:1px solid #CCC;
}

#commentsForm #submitform {
	font-size:18px;
}


#commentsList {
	margin:48px 0px 0px 0px;
}

#commentsList .text {
	font-size:18px;
	font-style:italic;
}

#commentsList .text .name {
	
}

#commentsList .text .ecrit {
	color:#CCC;
}

#commentsList .text .quote {
	color:#CCC;
}

#commentsList .text .date {
	color:#CCC;
}




.tweet {
	position:absolute;
	z-index:					187;
	height:250px;
	margin: 0px 0px 0px 22px;
}

.tweet .tweet_list {
	list-style-type:			none;
	margin:						0px; 
	padding:					0px
}

.tweet .tweet_list li {
	color:						#000;
	filter:						alpha(opacity=70);
	list-style-type:			none;
	margin:						0;
	opacity:					0.7;
	padding:					0px;
	width:						221px;
	font-size:14px;
	font-style:italic;
}

.tweet .tweet_list li .tweet-top {
	height:28px;
	background-image:url(images/tweets_bg_top.png);
	background-repeat:no-repeat;
}

.tweet .tweet_list li .tweet-middle {
	background-image:url(images/tweets_bg_middle.png);
	background-repeat:repeat-y;
	padding:0px 12px 0px 12px;
	
}

.tweet .tweet_list li .tweet-middle .tweet_text {
	display:block;
	width:						182px;
	overflow:hidden;
}

.tweet .tweet_list li .tweet-bottom {
	height:15px;
	background-image:url(images/tweets_bg_bottom.png);
	background-repeat:no-repeat;
}

.tweet .tweet_list li .tweet_time {
	color:						#999;
	display:					block;
	margin:						6px 0px 0px 0px;
	font-size:10px;
	font-style:normal;
}

.tweet .tweet_list li .tweet_time a:link, .tweet .tweet_list li .tweet_time a:visited {
	color:						#999
}

.tweet .tweet_list li .tweet_time a:hover {
	color:						#000;
}

.newsticker {
	list-style-type:			none;
	margin:						0px; 
	padding:					0px
}

.tweet img {
	bottom:						25px;
	position:					fixed
}


.facebook_like {
	margin:12px 0px 12px 0px;
}


#footer {
	position:relative;
	padding:	72px 0px 96px 24px;
}

#footer #facebook_like {
	position:absolute;
	top:100px;
	left:14px;
	
}

#mycarousel li {/* New selector also fixed it! */
    /*...*/
    width: 800px;
    }