@charset utf-8;

#Contenu {
min-height:460px;
height:auto!important;
width:630px;
}

#CallUs {
text-transform:none;
color:#CCC;
font-family:"Trebuchet MS",Verdana,Arial;
text-align:right;
font-size:13px;
font-weight:700;
margin:30px 8px 35px 0;
padding:7px 0 0;
}

#HomePresentation {
height:364px;
background:url(../images/Web-Design-Back-Icons.jpg) left top no-repeat;
background-repeat:no-repeat;
}

span.TitreCallUs {
color:#CCC;
background:url(http://images.noamdesign.com/Creux.jpg) no-repeat right center;
margin:0 6px 0 0;
padding:0 6px 0 0;
}

span.TitreCallUs span {
color:#FFF;
}

#HomeStep {
width:140px;
float:right;
padding:10px 0 0;
margin-right:2px;
}

#HomeStep a:focus {
-moz-outline-style:none;
}

#HomeStep span {
font-size:16px;
color:#FFF;
display:block;
margin:0 0 10px 10px;
}

#HomeStepLien a {
display:block;
height:29px;
margin-right:1px;
/* font-family:"Trebuchet MS",Verdana,Arial; */
font-family:Arial;
font-size:.9em;
text-decoration:none;
cursor:default;
color:#B7B7B7;
text-align:left;
padding:11px 0 0 48px;
}

#HomeStepLien a:hover {
color:#000;
}

a#HowitWorks:hover {
background:url(../images/Web-Design-Icons.jpg) right -240px no-repeat;
}

a#NewsFromUs:hover {
background:url(../images/Web-Design-Icons.jpg) center -200px no-repeat;
}

a#AllourSitesareUnique:hover {
background:url(../images/Web-Design-Icons.jpg) center -160px no-repeat;
}

a#SatisfactionGuaranteed:hover {
background:url(../images/Web-Design-Icons.jpg) center -120px no-repeat;
}

a#StateoftheArtWebsites:hover {
background:url(../images/Web-Design-Icons.jpg) center -80px no-repeat;
}

a#WEWorkWithYOU:hover {
background:url(../images/Web-Design-Icons.jpg) center 0 no-repeat;
}

a#ReplayAnimation {
cursor:pointer;
}

a#ReplayAnimation:hover {
background:url(../images/Web-Design-Icons.jpg) center -40px no-repeat;
cursor:default;
}

#StepImage {
overflow:hidden;
float:left;
height:362px;
width:380px!important;
vertical-align:top;
text-align:justify;
font-size:11px;
color:#282828;
position:relative;
margin:0 !important;
}

#TexteImage {
padding:280px 10px 0 20px;
}

div#hBox {
background:url(../images/Box.jpg) -1px top no-repeat;
height:175px;
}

div#hBox1,div#hBox2,div#hBox3 {
float:left;
height:175px;
width:262px;
cursor:pointer;
padding:0;
background-position:left !important;
}



div#hBox1 div,div#hBox2 div,div#hBox3 div {
height:104px;
/* width:193px; */
cursor:default;
background:url(../blank.gif) repeat;
position:absolute;
z-index:1;
padding:13px 0 0;
}

div#hBox1 div#hBox1i,div#hBox2 div#hBox2i,div#hBox3 div#hBox3i {
display:block;
height:20px;
width:193px;
margin-top:70px;
cursor:pointer;
position:absolute;
z-index:3;
}

div#infopopFond1,div#infopopFond2,div#infopopFond3,div#infopop1,div#infopop2,div#infopop3 {
position:absolute;
display:none;
height:111px;
width:502px;
font-family: arial;
}

div#infopop1,div#infopop2,div#infopop3 {
height:90px;
}

div#hBox p {
color:#000;
text-align:left;
font-size:11px;
margin:20px;
}

div#hBox p span.apartirde {
font-size:14px;
font-weight:700;
}

#infopoptxt1,#infopoptxt2,#infopoptxt3 {
filter:alpha(opacity=0);
-moz-opacity:.0;
-khtml-opacity:.0;
opacity:.0;
}

#absolute {
background:transparent;
position:absolute;
z-index:15;
top:0;
left:0;
width:100%;
height:200px;
cursor:pointer;
margin:-545px auto 0;
padding:0;
}

#slideheader {
background-color:#010101;
height:547px;
position:relative;
}

.topexit {
height:24px;
width:100%;
}

#topheader {
color:#969696;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
width:100%;
z-index:3;
}

#topheader h1,#topheader p {
font-family:"Trebuchet MS",Verdana,Arial;
color:#CCC;
font-size:1.6em;
font-weight:400;
text-align:center;
padding-top:25px;
z-index:2;
margin:0;
}

#topheader p {
padding-top:10px;
font-size:1.1em;
}

#contentheader {
color:#969696;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
width:890px;
height:339px;
z-index:3;
margin-top:20px;
}

#contentheader h2 {
font-family:"Trebuchet MS",Verdana,Arial;
color:#CCC;
font-size:1.4em;
font-weight:400;
text-align:left;
z-index:2;
margin:0;
}

#contentheader p {
color:#CCC;
font-family:"Trebuchet MS",Verdana,Arial;
font-size:1.1em;
}

#contentheader div {
width:202px;
float:left;
margin:0 10px;
}

#lngray,#lnblack {
background:transparent;
color:#969696;
position:relative;
display:block;
height:11px;
width:100%;
}

#lnblack {
background:transparent;
}

#sidebar {
margin:73px 0 0;
}

.divOver1 {
	background:#999;
	height:200px;
	width:200px;
}