/* ==================== */
/* = RESET CSS = */
/* ==================== */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

strong { font-weight:bold;}
em { font-style:italic;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}

img {
	padding:0;
	margin:0;
}

/* = PAGE LAYOUT = */

div#container {
	/* border-top:5px solid; sami */
	text-align:center;
}
 
div.footer {
	border-top:5px solid;
	padding-bottom:10px;
}
 
div.headerwrap,
div.section,
div.footer p {
	width:990px;
	overflow:hidden;
	margin:0 auto;
	text-align:left;
}
#languages{width:955px; margin:0 auto; text-align:right;}
#languages li{display: inline; list-style-type: none; padding-right: 20px;}
#languages li.lang1 a{padding-left:20px; font-size:12px; font-weight:bold; background:url(../images/gb.png) left no-repeat;}
#languages li.lang2 a{padding-left:20px; font-size:12px; font-weight:bold; background:url(../images/it.png) left no-repeat;}
#languages li.lang3 a{padding-left:20px; font-size:12px; font-weight:bold; background:url(../images/tn.png) left no-repeat;}

div.header {
    background:#FFFFFF;
	margin-top:0px;
    border-top:1px solid;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:3px solid;  
}

	h2.logo a.image {
		background-position:-350px 0;
		height:120px;
		width:340px;
	}
	h2.logo a.image:hover {   
opacity: 0.9;
-moz-opaf: 0.9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity = 90);
}

	div.headerwrap {
		position:relative;		
	}
	
	div.nav {
		position:absolute;
		top:67px;
		right:0;		
	}
		
	div.nav a.image {
		height:15px;
		margin-right:10px;
	}
	
	div.nav li.item1 a.image {
		   width:70px;
		   background-position:0px -46px;
	}

	div.nav li.item2 a.image {
		  width:90px;
		  background-position:-80px -46px;
	}
	
	div.nav li.item3 a.image {
		  width:70px;
		  background-position:-180px -46px;		
	}
	
	div.nav li.item4 a.image {
		  width:50px;
		  background-position:-260px -46px;		
	}
 
	div.nav li.item1 a.image:hover,
	div.servicespage div.nav li.item1 a.image {
		background-position:0 -61px;
	}

	div.nav li.item2 a.image:hover,
	div.workspage div.nav li.item2 a.image {
		background-position:-80px -61px;
	}

	div.nav li.item3 a.image:hover,
	div.contactpage  div.nav li.item3 a.image {
		background-position:-180px -61px;
	}
	
	
 
	div.nav li.item4 a.image:hover,
	div.blog div.nav li.item4 a.image {
		background-position:-260px -61px;
	}
	 
div.aside {
	width:550px;
	height:482px;
	overflow:hidden;
	
}

div.article {
	width:400px;
	margin-top:28px;
	margin-bottom:20px;
	margin-left:20px;
}


/* = PAGE ACCUEIL = */
div.homepage h1 {
	margin-bottom:3px;
}


/* =  PAGE CONTACT = */
div.contactpage h1 span.email {
	display:block;
	margin-top:15px;
	margin-bottom:10px;
}

div.vcard {display:inline;}

div.vcard span.fn {
	padding-right:6px;
}


/* = PAGE PORTFOLIO = */

div.workspage div.aside {
	
	
	padding-left:10px;
	width:518px;
}



/* = GENERAL CLASSES = */


/* FLOAT LEFT */
.fl {
	float:left;
	display:inline;
	overflow:hidden;
}

/* FLOAT RIGHT */
.fr {
	float:right;
	display:inline;
	overflow:hidden;
}

.image {
	overflow:hidden;
	text-indent:-1000em;
	display:block;
	background:url(../images/menu.png) top left no-repeat;
}

div.vcard span.fn {
	text-transform:uppercase;
}


/* = FONTS = */
body {
	font: 16px/22px helvetica, arial, sans-serif;
}

div.footer {
	font-size:11px;
}

div.article h1 {
	font-size:40px;
	line-height:40px;
}
div.article h2 {
	font-size:20px;
	line-height:20px;
	color:#A40000;
}
div.article h3 {
	font-size:16px;
	line-height:16px;
	color: #6ba7b3;
}
/* sami */
div.contactpage div.article h1,
div.servicespage div.article h1,
div.solutionspage div.article h1 {
	font-size:27px;
	line-height:27px;
}

div.workspage div.article h1 {
	font-size:26px;
}

div.contact {
	font-size:14px;
	line-height:27px;
}

div.contact span.title {
	font-weight:bold;
}

div.contact span, a{
	font-weight:normal;
}


 
/* = COLORS = */
 
html, body {
	/* background:#e9ede5; */
	background:url(../images/background.png) repeat-x;
	color:#999;
}

 
div#content 
 {
	 background:#fff;
	color:#4d4d4d;
}
 
div#container,
div.header,
div.footer {
	border-color:#A40000;
}
 

div.article h1,
div.vcard span.fn {
	color:#A40000;
}

a,
span.email {
	color:#6ba7b3;
}
 
 /* FORM */
#form_contact div.rowElem{
	clear:both;
	padding:4px 0px;
}
#form_contact{font-size:12px; margin-top:20px;}
#form_contact input[type=text]{border:#a7a4a4 solid 1px; padding:3px; width:240px; height:12px; background-color: #EDF2F7; font-size:12px;}
#form_contact textarea{border:#a7a4a4 solid 1px; padding:3px; width:320px; background-color: #EDF2F7; font-size:12px;}
#form_contact label{display: block; float: left; width: 80px;}
#form_contact input[type=submit]{font-size:11px; padding:5px;}

.error{margin-top:5px; background: #FFF2F2; padding:2px; font-size:11px; color:red; text-align:center;}
.sent{margin-top:5px; background: #E6FFCC; padding:2px; font-size:11px; color:green; text-align:center;}