body{
	top:((100-x)/2)%;
	position:relative;background:/* url(images/nextweb_tunisia_03.jpg) repeat-x*/ #666666; text-align:left;font-family: "Lucida Grande", Verdana, sans-serif; color:#FFF; font-size:11px
}
a{ text-decoration:none}
#portfolio{
	width:1070px;
	height:755px;
	margin:0 auto;
	position:relative;
	background-color: #000000;
	}
#addthis {
	position:absolute;
	top: 527px;
	left: 47px;
	width: 237px;
	height: 21px;
}

#header
{
	width:1060px;
	margin:0px auto;
	position:relative;
	height: 720px;
	background: url(images/nextweb_tunisia_03.jpg) repeat-x bottom;
	background-color: #000000;
	/*border:2px solid #d20725;*/
}
#header1
{width:1070px;
	margin:0 auto;
	position:relative;
	height: 700px; 
/*border:3px solid #d20725;*/
}#header2
{
	width:1074px;
	margin:0 auto;
	position:relative;
	height: 820px;
	background: url(images/nextweb_tunisia_03.jpg) repeat-x bottom;
	background-color: #000000;
}
#center
{
	width:610px;
	height:245px;
	float:left;
	position:relative;
	background: url(images/nextweb_tunisia_06.jpg) no-repeat;
	margin:154px 0 0 212px;
	}
	#right
{
	width:300px;
	height:130px;
	float:left;
	margin:24px 0 10px 780px;
	}
#footers
{
	width:1070px;
	height:130px;
	margin:0 auto;
	position:relative;
	background: url(images/bgr.jpg) repeat-x;
	padding-top:10px
	}
#footer
{
	width:1070px;
	height:120px;
	float:left;
	position:relative;
	margin-top: 40px;
	}
#content
{
	width:1070px;
	height:250px;
	float:left;
}
	#logo
{
	width:342px;
	height:200px;
	float:left;
	position:relative;
	background:url(images/design_09.jpg) no-repeat center;
	background-color: #000000; text-align:right; font-weight:bold; padding:4px;a
	}

	
#banner
{
	width:710px;
	height:250px;
	float:left;
	position:relative;
	text-align:left
	}
	
	#l1
{
	width:330px;
	height:300px;
	float:left;
	position:relative;
	}
	#left
{
	width:330px;
	height:290px;
	float:left;
	position:relative;
	background:url(images/design_13.jpg) no-repeat center
	}
#left45
{
	width:291px;
	height:30px;
	float:left;
	position:relative;
	text-align:center;
	left: 19px;
	top: 296px;
	}
		#left-p
{
	width:350px;
	height:310px;
	float:left;
	position:relative; background:url(images/portfolio_05.jpg) no-repeat center
	}
			#left-c
{
	width:330px;
	height:310px;
	float:left;
	position:relative; background:url(images/contact_06.jpg) no-repeat center
	}
	#left-r
{
	width:349px;
	height:400px;
	float:left;
	position:relative;
	background:url(images/webrank_04.jpg) no-repeat top
	}
	#left-w
{
	width:350px;
	height:300px;
	float:left;
	position:relative; background:url(images/hosting_03.jpg) no-repeat center
	}	#left-pa
{
	width:350px;
	height:320px;
	float:left;
	position:relative; background:url(images/partnership_05.jpg) no-repeat center
	}	#left-we
{
	width:350px;
	height:300px;
	float:left;
	position:relative;
	background:url(images/website-creation_07.jpg) no-repeat center
	}
		#left-e
{
	width:350px;
	height:320px;
	float:left;
	position:relative; background:url(images/emailing_05.jpg) no-repeat center
	}
			#left-s
{
	width:350px;
	height:320px;
	float:left;
	position:relative; background:url(images/software_05.jpg) no-repeat center
	}
	#corp
{
	width:710px;
	height:250px;
	float:left;
	position:relative;
	}
	#contentr
	
{
	width:1070px;
	height:450px;
	position:relative;
	float:left;
	}
	#content1
	
{
	width:1060px;
	height:310px;
	float:left;
	}
	#line-footer
{
width:100px; height:128px; float:left;
	position:relative; border: #000000 solid 1px
	}
#f1
{
	width:130px;
	height:100px;
	float:left;
	position:relative;
	border:#000000 1px solid;
	}.f2
{
	width:132px;
	height:auto;
	float:left;
	font-family: Arial;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold; text-decoration:none
	}
#f2
{
	width:132px;
	height:auto;
	float:left;
	font-family: Arial;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	}
	#transparence {
	/* effet de transparence :*/
	background:#000000; width:2%;
	filter:alpha(opacity=35);
	-moz-opacity:.35;
	opacity:.35;
	color: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:xx-large;
 /*  il faut préciser un height sinon IE ne prend pas la transparence ! */
}
.transparence{
	/* effet de transparence :Alsacreation */
	filter:alpha(opacity=08);
	-moz-opacity:.08;
	opacity:.08;
	color: #FFFFFF;
	height: 60px; /* tiens c'est marrant : il faut préciser un height sinon IE ne prend pas la transparence ! */
	font-size: 90px ; font-family: Arial, Tahoma; text-align:center; text-decoration:none
}
.trans{
	/* effet de transparence :Alsacreation */
	filter:alpha(opacity=08);
	-moz-opacity:.08;
	opacity:.08;
	color: #FFFFFF;
	height: 60px; /* tiens c'est marrant : il faut préciser un height sinon IE ne prend pas la transparence ! */
	font-size: 20px ; font-family: Arial, Tahoma; text-align:center; text-decoration:none
}
.transparence a{
	/* effet de transparence :Alsacreation */
	filter:alpha(opacity=58);
	-moz-opacity:.58;
	opacity:.58;
	color: #FFFFFF;
	height: 60px; /* tiens c'est marrant : il faut préciser un height sinon IE ne prend pas la transparence ! */
	font-size: 90px ; font-family: Arial, Tahoma; text-align:center;
}
.transparence a:hover{
	/* effet de transparence :Alsacreation */
	background:#ffffff;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
	color: #000;
	height: 60px; /* tiens c'est marrant : il faut préciser un height sinon IE ne prend pas la transparence ! */
	font-size: 90px ; font-family: Arial, Tahoma; text-align:center; text-decoration:overline
}
.transparence a:active{
	background:#ffffff;
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	opacity:.99;
	color: #fff;
	height: 60px; /* tiens c'est marrant : il faut préciser un height sinon IE ne prend pas la transparence ! */
	font-size: 90px ; font-family: Arial, Tahoma; text-align:center; text-decoration:overline
}
.sty3{
	font-size: 20px;
	font-family: Arial, Tahoma;
	text-align:left;
	color: #FFFFFF;
	font-weight:bold;
	line-height:24px
}
.sty1{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFFBF0;
	font-weight:bold;
	line-height:20px
}
.sty2{
	font-size: 12px;
	font-family: Arial, Tahoma;
	text-align:left;
	color: #FF0000; font-weight: bold
}
.sty4{
	font-size: 14px;
	font-family: Arial, Tahoma;
	text-align:left;
	color: #660000; font-weight: bold; text-decoration:blink underline
}
.sty5{
	font-size: 12px;
	font-family: Arial, Tahoma;
	text-align:left;
	color: #ffffff; line-height:16px
}
#b12{
	width:48%;
	height:auto;
	float:left;
	position:relative;
}
#b13{
	width:90%;
	height:auto;
	float:left;
	position:relative;
}
#b15{
	width:700px;
	height:330px;
	float:left;
	position:relative; background:#F5F5F5 url(images/webrank_09.jpg) no-repeat right bottom; padding:4px
}
#b14{
	width:98%;
	height:120%;
	float:left;
	position:relative; background:url(images/emailing_08.jpg) no-repeat
}
.b12{ font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#666666	
}
#textfooter{
	font-size: 11px;
	color: #A0A0A4;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
#textfooter a{
	color: #A0A0A4;
	text-decoration: underline;
		
}

#addthis1 {
	position:absolute;
	width: 464px;
	height: 21px;
	left: 5px;
	top: 250px;
}