@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/entreprise.css");
@import url("/skin/skin_default/realisation.css");
@import url("/skin/skin_default/accueil.css");
@import url("/skin/skin_default/solution.css");
body{
	margin: 0px;
	padding: 0px;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
}

a{
	color: #0079b5;
	text-decoration: none;
}
a:hover{
	color: #727f1d;
	text-decoration: underline;
}
a.white{
	color: #94cdf1;
	text-decoration: none;
}
a.white:hover{
	color: #94cdf1;
	text-decoration: underline;
}

.clearBoth{clear:both}
img{border: none;}
form{
	padding:0px;
	margin:0px;
}


#racine{width:100%;}

#racine td.colLeft{
	width:auto;
	background:url(/images/bg-brun.gif) top right;
}
#racine td.colLeft div{
	height: 254px;
	background: url(/images/fulltop-dg-gauche.gif) top right repeat-x;
}
#racine td.colRight{
	width: auto;
	background: #035f9a url(/images/fulltop-dg-droite.gif) top repeat-x;
}


#racineContenu{width:100%;}

#racineContenu td.colLeft{
	width:auto;
	background:url(/images/bg-brun.gif) top right;
}
#racineContenu td.colLeft div{
	height: 254px;
	background: url(/images/fulltop-dg-gauche.gif) right -81px repeat-x;
}
#racineContenu td.colRight{
	width: auto;
	background: #035f9a url(/images/fulltop-dg-droite.gif) 0px -81px repeat-x;
}

/*TOP*/
#top{
	background:#fff url(/images/top-dg.jpg) no-repeat right; 
	height:51px; 
	color:#94907d;
	float:right;
	width:300px;
}
#top h1{
	color:#94907d;
	font-size:11px;
	font-weight:normal;
	padding:16px 0px 0px 0px;
	margin:0px;	
}
	#top{font: 8pt Arial, Helvetica, sans-serif;}
	#top table{padding-top:5px;}
	#top table td{padding-right:8px;}
	#top table td small{font-size: 90%;}
	
#shadow{background: url(/images/m-shadow.gif) repeat-y top left;}	
.shadowHome{margin-bottom:-1px;}	
	
#projets{
	background: #FFFFFF;
	padding-top: 38px;
}
	#projets #boxHeader{
		background: url(/images/fr/header-projets-recents.gif) top left no-repeat;
		height: 208px;
		position: relative;
	}
	#projets div.boxContent{
		border: 10px solid #b1ad9b;
		border-top: 0px;
		border-bottom: 0px;
		background: #c3c0b2;
		padding-top: 24px;
	}
	
#navigator{
	border-bottom: 1px solid #878165;
	padding-bottom: 8px;
}
	#navigator ul, #navigator ul li{
		color: #4f4d42;
		list-style: none;
		padding: 0px;
		margin: 0px;
		font: 100% Arial, Helvetica, sans-serif;
	}
	#navigator ul li{
		float: left;
		width: 35px;
	}
	#navigator ul li.projet{
		width: 335px;
		background: #FFFFFF;
	}
	#navigator ul li.projet span{
		display: block;
		padding: 5px 8px;
		line-height: 1.1em;
	}
	#navigator ul li.projet strong{display: block;}
	#navigator ul li.projet a{text-decoration: none;}
	
	div.thumbs{
		border-top: 1px solid #e1e0d9;
		padding: 8px 10px;
		text-align: center;
	}
		div.thumbs a img{border: 1px solid #FFFFFF; margin: 3px;}
		div.thumbs a:hover img{border: 1px solid #bdca22;}
		
	#projets div.more{
		background: url(/images/right-box-inner-bottom.gif) bottom left no-repeat;
		text-align: right;
		padding: 7px 10px 8px 10px;
		font-size: 70%;
	}
	#projets div.more a{
		color: #595130;
		padding-left: 10px;
		padding-bottom: 1px;
		background: url(/images/ico-pointer.gif) no-repeat;
	}

div.screens{
	width: 425px;
	padding-top: 25px;
	position: absolute;
	z-index: 200;
}
	div.screens div.main{
		width: 295px;
		float: left;
		text-align: right;
	}
		div.screens div.main img{border: 1px solid #FFFFFF;}
	div.screens div.sec{
		width: 130px;
		float: left;
	}
		div.screens div.sec img{
			border: 1px solid #FFFFFF;
			margin: 0px 0px 10px 10px;
		}

div.rightBox{
	float:right; 
	width: 447px;
	background: #b1ad9b url(/images/right-box.gif) repeat-y;
}	
	div.rightBox div.top{background: url(/images/right-box-top.gif) left top no-repeat;}
	div.rightBox div.bottom{
		background: url(/images/right-box-bottom.gif) left bottom no-repeat;
		padding: 11px;
		height: 400px;
	} html > body div.rightBox div.bottom{height: auto; min-height: 400px;}

#leftBox{
	background: url(/images/bg-menu-srtipe.gif) left 141px repeat-x;
}
#leftBoxContenu{
	background: url(/images/bg-menu-srtipe.gif) left 111px repeat-x;
}
	#fullp{background: url(/images/bg-menu-fade.jpg) 305px 111px no-repeat;
}
#leftBox.split{
	float: left;
	width: 323px;
}


#logoAccueil{
	background: #FFFFFF;
	padding: 76px 0px 18px 41px;
	position: relative;
}

#logo{
	background: #FFFFFF;
	padding: 46px 0px 18px 41px;
	position: relative;
}
#logo h1{
	color:#94907d;
	font-size:11px;
	font-weight:normal;
	padding:7px 0px 0px 0px;
	margin-top:0px;	
	float:right;
	width:350px;
}
#news{
	width: 312px;
	background:#FFFFFF url(/images/dg-news.gif) top right no-repeat;
	margin-top: 22px;
}
	#news div.top{background:url(/images/bg-news-corner.gif) top left no-repeat; }

#news h2{
	margin: 0px;
	padding: 16px 0px 10px 14px; 
	color: #aba89b;
	font: bold 125% Arial, Helvetica, sans-serif;
	letter-spacing: -0.01em;
}
	#news h2 strong{color: #035f9a;}
	
#news ul, #news li{
	list-style-type: none; 
	margin: 0px; 
	padding: 0px;
}
	#news li{
		padding: 0px 9px;
		font: 85% Arial, Helvetica, sans-serif;
	}
	#news li a{
		display: block;
		width: 294px;
		background:url(/images/btn_horloge.gif) no-repeat 5px 10px;
		border-bottom:1px solid #c5c2b6;
		text-decoration: none;
		color: #333333;
	}
	#news li a:hover{
		background: #f2f7fa url(/images/btn_horloge-o.gif) no-repeat 5px 10px;
		color: #035f9a;
	}
	#news li a strong{
		color: #8b866e;
		font-weight: normal;
		display: block;
	}
	#news li a:hover strong{
		color: #035f9a;
		font-weight: bold;
	}
	#news li span{
		display: block;
		padding: 10px 15px 10px 25px;
	}
	#news del{
		margin: -1px 0px 0px 0px;
		padding: 0px;
		width: 312px;
		display: block;
		height: 1px;
		background-color: #FFFFFF;
		overflow: hidden;
		text-decoration: none;
		position: absolute;
	}
	#news div.more {
		background:url(/images/dg_news_bottom.gif) bottom right no-repeat; 
		text-align: right; 
		padding: 7px 8px 8px 8px;
	}
		#news div.more a{
			color:#595130; 
			background:url(/images/btn_archives.gif) left center no-repeat; 
			padding-left: 13px;
			font-size: 10px;
		}




.basboiteaccueil{
	background:url(/images/fond-bas-boite-accueil.gif) 30px 0px no-repeat;
	padding:0px 0px 0px 50px;
	height:35px;
}



#resume{background:#035f9a;padding:11px;}
#resume div{background:#FFF;padding:10px;}
#resume div div{
	font:11px/18px Verdana, Arial, Helvetica, sans-serif;
	background:url(/images/fond-poisson-brun.gif) #c3c0b2 top left no-repeat;
	padding:15px 20px 15px 30px;
	}

#contenu {background:#035f9a; margin-left:30px;}


#footer{
	border-top: 1px solid #FFFFFF; 
	background: url(/images/foot-dots.gif) top left repeat-x;
	padding-top: 10px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
	#footer #contact{
		width: 770px;
		background: url(/images/foot-box.gif) bottom left no-repeat; 
		padding: 0px 0px 30px 0px; 
		margin: 0px auto;
	}
 	#contact h1{
		font: bold 130% Arial, Helvetica, sans-serif; 
		color: #035f9a;
		padding: 20px 10px 5px 48px;
		margin: 0px;
		letter-spacing: -0.02em;
		word-spacing: -0.02em;
	}
	#contact div {
		font-size: 80%;
		padding: 0px 0px 0px 48px;
		line-height: 1.8em;
	}
	#contact a{font-weight: bold;}

	#footer #contact div span{
		float:left;
		width: 300px;
		padding: 0px 0px 10px 0px; 
		margin: 0px;
	}
	#footer #contact div span p{
		padding: 0px; 
		margin: 0px;
	}

#footer #liens{
		width: 770px;
		padding: 0px 0px 50px 0px; 
		margin: 0px auto;
	}
  	#liens ul,
 	#liens ul li{
		font-size:11px;
		padding:0px;
		margin:0px;
		list-style:none;
	}
 	#liens ul{
		margin:0px 48px 0px 48px;
	}
  	#liens ul li{
		padding:0px 10px 0px 16px;
		margin:0px 12px 0px 0px;
		float:left;
		border-right:1px solid #666666;
	}
  	#liens ul li.last{
		border-right:none;
		margin:0px;
	}
  	#liens li.ezone{background:url(/images/li-ezone.gif) 0px 3px no-repeat;}
  	#liens li.fzone{background:url(/images/li-fzone.gif) 0px 2px no-repeat;}