/* CSS Document */
body {
	background:#343434;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;	
	margin:20px 0;
	padding:0;}

h1 {font-size:125%;}
h2 {font-size:110%; color:#6696C6;}
h3 {font-size:100%;}
p a {     color:#6696C6; }
p a:hover { text-decoration:none;}
#header h1 {
			text-align:center;
			margin:170px 0px 0 280px; 
			padding:0; 
			float:left;
			color:#D9E8F4;
			position:absolute;
 }
#contact #header h1 {margin:170px 0px 0 330px; }
#main h1{color:#fff; }
#main p { color:#ccc; }
#main p strong {  color:#89AFC0; }
#service #subHeader h2 {color:#213D58;}
#service #subHeader p { font-weight:bold;}
#holder {
	margin:0px auto;
	padding:0;
	width:80%;
	max-width:900px;
	min-width:760px;	
	background:#343434;
}

#holder {width:expression(document.body.clientWidth > 900? "900px": "80%" );}

/* --- container section -- */
#container{ 
	margin:0;
	padding:0;
}
/* --- menu section--*/
#menu {
	margin:0;
	overflow:hidden;
}
ul#banner {
	margin:0 -8px 0 0;
	padding:0 2px 0 0;
	list-style:none;
	float:right;
}
ul#banner li {
	margin:0;
	padding:0;
	line-height:25px;
	float:left;
	}
ul#banner li a{
	text-align:center;
	font-weight:bold;
	color:#fff;
	background:#ccc url(../img/menu23.jpg) -118px 0 no-repeat;
	text-decoration:none;
	font-size:110%;
	padding:10px 10px 10px 10px;
	display:block;
	width:91px;
}
ul#banner li a.selected{background:#343434 url(../img/menu23.jpg) 0 0 no-repeat;}
ul#banner li a:hover {background:#ccc url(../img/menu23.jpg) 0 0 no-repeat; }
ul#banner li#li5 a:hover {
	background:#ccc url(../img/menu23.jpg) 0 0 no-repeat; 
	border-right:6px solid #343434;
	width:85px; 
	padding:10px 7px 10px 13px;
}
/* --- header section -- */
#header { 
	bxackground:#669aC6 url(../img/HeaderPhotoLeft2.jpg) 0 0 no-repeat;
	height:200px;
	padding:0;
	margin:0;
	position:relative;
	overflow:hidden;
	clear:both;
}
img#headerLogo {
	float:right;
	margin:20px 50px 0 0;
}
/*--headers img change every page--*/
#index #header { 
	background:#669aC6 url(../img/HeaderPhotoLeft1_2.jpg ) 0 0 no-repeat; }
#service #header {
	background:#669aC6 url(../img/HeaderPhotoLeft2_1.jpg ) 0 0 no-repeat; }
#packweb #header {
	background:#669aC6 url(../img/HeaderPhotoLeft3.jpg) 0 0 no-repeat; }
#portfolio #header {
	background:#669aC6 url(../img/HeaderPhotoLeft5_1.jpg) 0 0 no-repeat; }
#contact #header {
	background:#669aC6 url(../img/HeaderPhotoLeft4.jpg) 0 0 no-repeat; }

/* --- sub header section -- */
#subHeader { 
	margin:0;
	padding: 20px 0 20px 25px;
	background:#fff;
	height:130px;
}
/*--index sub header--*/
/*--definitive list--*/
#index #subHeader dl { 
	margin:0px 15px 0 0;
	float:left;
	width:31%;
	height:130px;
	position:relative;
}
#index #subHeader dl dt {
	margin:0 15px 0 15px;
	margin:0 0 0 15px;
	padding:10px 5px 0px 0;
	text-align:center;
	font-size:170%;
	font-weight:bold;
	height:120px;
}
#index #subHeader dt a {
	margin:0;
	padding:0;
	text-decoration:none;
	display:block;
	height:120px;
}
#index #subHeader dl dd {margin:-90px 25px 0 10px;}
#index #subHeader dl dd a {	
	padding:10px 0 0 70px;
	text-decoration:none; 
	display:block;
	height:70px;
} 
#index #subHeader dl dd a:hover {text-decoration:underline; } 

/* devis panel */
#index #subHeader dl#devis {background:#fff url(../img/bgrd_left_devis.gif) 0 0  no-repeat;}
#index #subHeader dl#devis dt {background:#fff url(../img/bgrd_right_devis.gif) 100% 0  no-repeat;}
#index #subHeader dl#devis a {color:#D77A25;}
#index #subHeader dl#devis dd {border-top:1px solid #D77A25;}
#index #subHeader dl#devis dd a {background:#fff url(../img/IconSubheader1.gif) 0 10px  no-repeat;} 
/* contact panel */
#index #subHeader dl#contact {background:#fff url(../img/bgrd_left_contact.gif) 0 0  no-repeat;}
#index #subHeader dl#contact dt {background:#fff url(../img/bgrd_right_contact.gif) 100% 0  no-repeat;}
#index #subHeader dl#contact a {color:#91BF44;}
#index #subHeader dl#contact dd {border-top:1px solid #91BF44;}
#index #subHeader dl#contact dd a {background:#fff url(../img/IconSubheader2.png) 0 10px  no-repeat;} 
/* siteFlash panel */
#index #subHeader dl#siteFlash {background:#fff url(../img/bgrd_left_flash.gif) 0 0  no-repeat;}
#index #subHeader dl#siteFlash dt {background:#fff url(../img/bgrd_right_flash.gif) 100% 0  no-repeat;}
#index #subHeader dl#siteFlash a {color:#BC6565;}
#index #subHeader dl#siteFlash dd {border-top:1px solid #BC6565;}
#index #subHeader dl#siteFlash dd a {background:#fff url(../img/IconSubheader3.gif) 0 10px  no-repeat;} 
/* --- main section -- */
#main  {
	margin:0;
	padding:0px 10px 0px 0;
	background:#2E353D;
	clear:both;
	border:1px solid #2E353D;
}
/* --- main left section -- */

#mainLeft {
	border-right:1px solid #3A434A;
	margin:10px;
	padding:0 10px 0 0;
	float:left;
	width:48%; 
}
/* --- main right section -- */
#mainRight {
	margin:0 0 0 15px;
	margin:0;
	padding:60px 0 0 0;
	float:right;
	width:48%;
}
img#mainPhoto1 { 
	float:left;
	margin:10px 10px 10px 0;
}
.clear{ clear:both;}
/* --- footer section -- */
#footer{
	padding:5px 20px 0 20px;
	width:95%;
	float:left;
	font-size:95%;
	color:#767D85;
}
#footerLeft{
	float:left;
	width:50%;
}
#validators {
	margin:-25px 0 0 0;
	float:right;
}
#validators a img{ 
	border:none;
	margin:0;
 }
#footerrRight{float:right;}


/* --- service subHeader-- */
#service #subHeader {  
	margin:0;
	padding: 20px 0 20px 25px;
	background:#fff;
	height:150px;        
 }
#service #subHeader .subHeaderLeft{ 
	float:left; width:70%; 
}
#service #subHeader .icon { 
	background: url(../img/iconservice3_1.jpg) 0 0 no-repeat;
	padding:50px 80px 120px 100px;
	float:right;
	margin:-10px 40px 0px 0px;
}
				
#service #main dl{    color:#ccc;  margin-left:20px; }

#service #main  h1{  margin-left:20px; }	
#service #main  h2{  margin-left:20px; }	

#service #main  p{  margin-left:20px;}				
#service #main dt{  color:#6696C6;  font-weight:bold;  }
#service #main #mainRight ol li { color:#ccc; }
#service #main ul li { color:#ccc; }
#service #main #serviceTop {padding:10px 0 10px 0;	}
#service #main #serviceBottom {
	padding:0;
	margin:0 10px 0 20px;
	background-color:#5B6979;
}
#service #main #mainLeft { 
	 margin:0;
	 background-color:#525F6D;
	 padding:20px 5px 20px 10px;
}
#service #main #mainRight {  
	 margin:0;
	 padding:20px 10px 0px 5px;
}
#service #main #imgService {
	background:#2E353D url(../img/areswebstudio.jpg) 0 0 no-repeat;
	height:51px;
	width:300px;
	float:right;
	margin-right:20px;
}
#service #main #serviceTop ul {padding-top:20px;} 
/* -------------- menu 3 portfolio section---------------- */

#portfolio #subHeader {height:160px;}

#portfolio #subHeader .icon { 
	background: url(../img/iconportfolio2.png) 0 0 no-repeat;
	padding:80px 60px 90px 80px;
	float:right;
	margin:-70px 67px 0 0;
}
#portfolio #subHeader h2 {color:#213D58;}
#portfolio #main { height:270px; }
#portfolio #main ul { 
	margin:0 0 0 40px;
	list-style:none;
	padding:0;
}
#portfolio #main ul li  {
	padding:0;
	float:left; 
	width:20%;
	margin:15px;
	
}	
#portfolio #main ul li a {
	color:#6696C6;
	font-weight:bold;
	font-size:120%;
	background:#2E353D url(../img/folio1.jpg) 50% 0 no-repeat; 
	padding:220px 5px 0px 5px; 
	display:block;
	text-align:center;
	text-decoration:none;
}
#portfolio #main ul li a#folio2 {	background:#2E353D url(../img/folio2.gif) 50% 0 no-repeat; }
#portfolio #main ul li a#folio3 {	background:#2E353D url(../img/folio3.jpg) 50% 0 no-repeat; }
#portfolio #main ul li a#folio4 {	background:#2E353D url(../img/folio4.jpg) 50% 0 no-repeat;}
#portfolio #main ul li a#folio5 {	background:#2E353D url(../img/folio5.jpg) 50% 0 no-repeat;  }
#portfolio #main ul li a:hover { text-decoration:underline;}

			   
/* -------------- contact ---------------- */
/*--subheader contact --*/

#contact #subHeader {height:140px;}
#contact #subHeader .icon
{
	background:#fff url(../img/iconContact.jpg) 0 0 no-repeat;
	padding:50px 100px 90px 90px;
	float:right;
	margin:-115px 50px 0 0;
}
#contact #subHeader .subHeaderLeft ul {
	padding:0;
	margin:0;
	list-style:none;
}
#contact #subHeader .subHeaderLeft ul li {
	font-weight:bold;	
	color:#000;
}
#contact #subHeader .subHeaderLeft ul li a {display:none;}
/*--subheader pack web--*/
#packweb #subHeader { height:190px;}

#packweb #subHeader ul { 
	padding:0;
	margin:0;
	list-style:none;
	}
#packweb #subHeader ul li  {
	padding:0;	
	float:left; 
	width:19%;
}	
#packweb #subHeader ul li a {
	color:#6696C6;
	font-weight:bold;
	background:#fff url(../img/IconPackweb1.jpg) 50% 0 no-repeat; 
	padding:180px 0px 0px 0px; 
	display:block;
	text-align:center;
	text-decoration:none;
}
#packweb #subHeader ul li a#item1 {
	color:#B4673D;
	background:#fff url(../img/packweb_presence3.jpg) 50% 0 no-repeat;
}
#packweb #subHeader ul li a#item2{
	color:#7b99ac;
	background:#fff url(../img/packweb_evolution3.jpg) 50% 0 no-repeat;
 }
#packweb #subHeader ul li a#item3 {
	color:#962f0e;
	background:#fff url(../img/packweb_ecommerce3.jpg) 50% 0 no-repeat;
 }
#packweb #subHeader ul li a#item4 {
	color:#BCA45A;
	background:#fff url(../img/packweb_flash4.jpg) 50% 0 no-repeat;
 }
#packweb #subHeader ul li a#item5 {
	color:#bf811c;
	background:#fff url(../img/packweb_sur_mesure3.jpg) 50% 0 no-repeat;
 }
#packweb #subHeader ul li a:hover { text-decoration:underline;}
#packweb #main {  	
	padding:15px; 
	margin:0; 
}
#packweb #main ul li  { color:#ccc;} 
#packweb #main ul li a:hover {text-decoration:none; }

/*--Main contact--*/
#contact #main {padding:20px; }
#contact #main h2 { color:#6696C6;  }
ul#contactList {
	color:#ccc;
	font-weight:bold;
	margin:0;
	padding:0;
	list-style:none;
	border-right:1px solid #3A434A;
	width:50%;
	float:left;
}
ul#contactList li{padding: 2px 0;}
ul#contactList li label{
	width:10em;
	float:left;
	text-align:right;
	padding-right:10px;
	clear:both;
}
ul#contactList li#buttons {padding:1em 0 0 11em;}
ul#contactList li button {
	padding:0;
	line-height:1em;
	color:#fff;
	background-color:#669aC6;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:2px solid #666;
	border-bottom:2px solid #666;
	font-family:verdana;
	margin-right:10px;
}
ul#contactList li button:hover {  color:#000;  }
#contact #main  #right {   
	padding:0 20px 0 0 ;
	 margin:70px 0 0 0; 
	 float:right;
	width:40%;  
 }