*{padding:0; margin:0;}
body{background:#333 url('../images/bg.jpg') repeat; font-family:Arial, Verdana; font-size:14px; font-weight:100;  line-height:22px;}
#shadow{position:absolute; z-index:1; background:url('../images/shadow.png') repeat-x; height:360px; width:100%;}
#ceqoya{background:url('../images/ceqoya-bg.png') no-repeat; position:absolute; z-index:1000; top:30px; left:0px;  width:204px; height:590px; z-index:1}
a{color:#FF008C;}
a:visited{color:#F69;}
strong{padding:5px 0px; color:#000;}
img{border:0px;}
p{margin-bottom:10px;}
pre{ overflow:auto; border:1px solid #CCC; padding:5px; font-size:12px; color:#F06; margin-bottom:10px;}
#bg-topmenu{background: url('../images/black.png') repeat; height:40px;}
#bg-bottommenu{background: #999; height:40px; line-height:40px; color:#888}
#bg-bottommenu span{color:#666; font-weight:bold;}
#bg-bottommenu div{font-size:12px; margin:0 auto; width:980px;}
#bg-bottommenu a{ color:#FFF; text-transform:lowercase;}
#bg-bottommenu a:hover{color:#FFC;}


#wrapper
{
	width:980px; 
	margin:20px auto 0 auto; 
	color:#333; 
	z-index:2;
	position:relative;
	
}

#wrapper-inner
{
	background-color:#FFF;	
}

#wrapper-top
{
	background:url('../images/border-top.png') no-repeat;
	width:980px;
	height:25px;
	
}
#header
{
		background:url('../images/header.jpg') no-repeat;	
		width:930px;
		height:204px;
		margin:0 25px;
		position:relative;
	
}

#header img
{
	border:0;
	float:right;
	margin-top:5px;
}

#mainmenu
{
	background-color:#333;
	height:34px;
	width:525px;
	margin:9px 25px 0 25px;
	position:relative;
	z-index:100;
   margin-left:430px;
}

#topmenu
{
	width:980px;
	position:absolute;
	top:-51px;
	text-align:right;
	
}

#topmenu .client a{color:#FFC;}
#topmenu ul li{display:inline; padding:0 0 0  20px;}
#topmenu ul li a{ color:#FFF; text-decoration:none; font-size:12px; }
#topmenu ul li a:hover{text-decoration:underline; color:#FFC;}
#topmenu .tel{float:left; color:#FFF; font-size:12px;}
#topmenu .tel span{color:#FFC; }
#topmenu .flag{ margin-left:5px;}

#mainmenu ul{float:right; margin-right:10px;}
#mainmenu ul li{display:block; float:left; line-height:34px; height:34px;padding:0 9px 0 9px;}
#mainmenu ul li.active{background-color:#FFF; }
#mainmenu ul .active a, #mainmenu ul .active:hover a{color:#FF008C; text-decoration:none; }
#mainmenu ul li a{text-transform:uppercase; color:#FFF; text-decoration:none; display:block;}
#mainmenu ul li{display:block; float:left; line-height:34px; height:34px;padding:0 9px 0 9px;}
#mainmenu ul li:hover a{color:#FFC;  }

#photos-layout
{
	top:58px;
	width:431px;
	height:231px;
	background:url('../images/photos.png') no-repeat;
	position:absolute;
	z-index:90;
	
}
#fake-bg{ position:absolute; z-index:70; top:60px; width:431px; height:231px;  background-color:#FFF;  }
#photos{ position:absolute; z-index:80; top:54px; width:431px; height:231px;   }
#photos .photo{position:absolute;}
#slogan{position:inherit;  z-index:100; margin:40px 0 0 30px; padding-top:20px;}

a.slider_next:hover, a.slider_prev:hover{background:#F69}

#intro-text{position:absolute; z-index:2000; top:270px; left:515px; width:440px; height:110px;    margin:30px 40px 0 0; color:#000}
#intro-text .firstChar{font-size:44px; float:left; margin-right:5px;  font-weight:bold; line-height:44px;}


#intro-text strong.light{font-weight:100; font-size:inherit; color:inherit;}
#module-newsletter{position:absolute; top:390px; right:-15px; background:url('../images/background-newsletter.jpg') no-repeat; width:254px; height:100px; margin:40px 40px 0 0;}
#module-newsletter p{overflow:hidden; line-height:18px; margin:10px 0 0 20px; color:#FFF;}
#module-newsletter .field{ position:absolute; top:62px; left: 26px; border:0px; height:20px; width:170px; font-size:14px; color:#CCC}
#module-newsletter .submit{position:absolute;   top:61px; left:212px;}

#content{margin: 50px 25px -25px 25px; position:relative; }
#content .left{width:650px; overflow:visible} /* Normalement width:636px doit suffir */
#content .right{width:254px; position:absolute; top:0px; left:675px;}
#content .icon-home{padding-right:8px; padding-bottom:10px;}
#content a, #footer-links .left a, #intro-text a{padding:4px 0px;}
#content p a:hover, #content .item-readmore a:hover, #footer-links .left a:hover, #intro-text a:hover{background-color:#FF008C; color:#FFF; text-decoration:none;}
#content div.text-icon{height:200px;}

div.icon{background-position:0px 0px; width:200px; height:145px; float:left; margin-right:10px;}
div.icones-top, div.icones-bottom{ height:145px; margin-bottom:10px;}
#icon-creation{background: url('../images/ico-creation.jpg') no-repeat; background-position:0px -145px;}
#icon-referencement{background: url('../images/ico-referencement.jpg')  no-repeat; background-position:0px -145px;}
#icon-services{background: url('../images/ico-services.jpg')  no-repeat; background-position:0px -145px;}
#icon-cms{background: url('../images/ico-cms.jpg')  no-repeat; }
#icon-eshop{background: url('../images/ico-eshop.jpg')  no-repeat; background-position:0px -145px;}
#icon-cms:hover{background-position:0px -145px;}
#icon-creation:hover, #icon-referencement:hover,#icon-services:hover,#icon-eshop:hover{background-position:0px 0px; background-repeat:no-repeat; }
#icon-creation a, #icon-referencement a,#icon-services a, #icon-cms a,#icon-eshop a{display:block;  width:200px; height:145px}

#icon-creation a:hover, #icon-referencement a:hover,#icon-services a:hover, #icon-cms a:hover,#icon-eshop a:hover{background:none;}
#module-news
{
	background:url('../images/news-rss.jpg') no-repeat; padding-top:45px; position:relative;

}

#module-news .title{position:absolute; top:12px; right:0px; text-transform:uppercase; font-size:18px; }
#module-news .news{margin: 10px 0 30px 0; }
#module-news .news h4 a{font-size:16px; color:#FF008C; text-transform:uppercase; font-weight:bold; text-decoration:none;}
#module-news .news h4 a:hover{color:#F6C;}
#module-news .readmore a{font-size:12px;} 
#module-news .readmore a:hover{background-color:#FF008C; color:#FFF; text-decoration:none;} 
#module-news .readmore{text-align:right;}
#wrapper2
{
	margin-top:-56px;
	width:100%; 
	color:#333; 
	background-color:#FFF;
	height:460px;
	position:relative;
	z-index:10;
	clear:both;
	
}

#footer{margin:0 auto; background:url('../images/footer.jpg') no-repeat;  width:980px; height:155px; position:relative; z-index:20; clear:both}
#footer img{position:absolute; bottom:0px; right:25px;}
#copyright{width:980px; margin:0 auto; padding-top:58px; text-align:center; font-size:11px; text-transform:uppercase; color:#AAA}
#copyright a{color:#F9C;}
#footer-links{width:980px; margin:0 auto; margin-top:40px;}
#footer-links a{ color:#666; font-size:12px; text-decoration:none; }

#footer-links li{list-style-type:none; margin-bottom:5px ; line-height:16px; }
#footer-links .links{float:left; width:210px; margin-top:10px;}
#footer-links .cufon{margin-top:-5px;}
#footer-links .left{float:left; padding-left:25px; width:712px; margin-top:-20px;}
/*#footer-links .left h2{background:url('../images/quick-menu.jpg') no-repeat; width:176px; height:78px; font-weight:100; line-height:78px; text-transform:uppercase; font-size:14px; color:#FFF; text-align:center; padding:5px 0 0 0; margin:inherit;}
#footer-links h2 a{text-decoration:none; color:#FFF;}
*/
#footer-links h4{margin-bottom:10px;}
#footer-links h4 a{font-size:16px; text-decoration:none; color:#333; }


#footer-links .right{float:right; padding:0px 25px 0 0 ; width:218px; margin-top:-20px; }
 #social-contact{background: url('../images/contact-us.jpg'); height:107px; width:217px; cursor:pointer;}
#social-contact:hover {background-position:0px -107px;}
#social-twitter{background: url('../images/twitter.jpg'); height:106px; width:217px; cursor:pointer;}
#social-twitter:hover{background-position:0px -106px;}
#social-rss{background: url('../images/rss.jpg'); height:103px; width:217px; cursor:pointer;}
 #social-rss:hover{background-position:0px -103px;}

#social-contact a, #social-twitter a, #social-rss a{display:block;}
.cleaner{clear:both; height:2px;}