body { 
	font: 11px Arial, Helvetica, Geneva, Sans-Serif; 
	color: #555753;
	background: #FFF url(CSS/degrade.png) repeat-x ; 
	margin: 0px;
	padding: 0px;
}

a{
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	color: #457DB2;
	text-decoration: none;
}

img{
	border:0;
}

strong {
	color: #457DB2;
	font-weight: normal; 
}

h1{
	text-shadow: 0px 1px 0px white;
	margin: 0 0 0 54px;
	font: 13px Arial, Helvetica, Geneva, Sans-Serif; 
	color: #457DB2;
	display: inline;
}

h2{
	text-shadow: 0px 1px 0px white;
	font: 9px Arial, Helvetica, Geneva, Sans-Serif; 
	display: inline;
	color: #8E8A97;
}

p.texte{
	text-align: justify;
	margin: 10px 54px 0px 54px;
	font: 11px/12px Arial, Helvetica, Geneva, Sans-Serif; 
	display: block;
}

p.resume{
	text-align: justify;
	margin: 0px 54px 0px 54px;
	font: 11px/13px Arial, Helvetica, Geneva, Sans-Serif; 
}

acronym{
	border:0;
}

.centre{
	text-align: center;
	margin: 0 54px;
}

.droite{
	text-align: right;
	margin: 0 54px;
}

.grey {
	clear:both;
	display:block;
	border-top: 3px double #FFF;
	border-bottom: 1px solid #E0E0E0;
	margin: 0 9px;
	padding: 10px 0 2px 0px;
	background-color: #E9E9E9;
}

.white {
	clear:both;
	display:block;
	margin: 0 0 0 9px;
	padding: 10px 0 2px 0;
	width: 596px;
}

.retrai{
	margin: 5px 10px 0 0;
	display: block;
	float: left;
}

img.retraid{
	display: block;
	float: right;
	margin: 11px 30px 0 0;
	_margin-right:17px;
}

.desc{
	font: 9px Arial,Helvetica,Geneva, Sans-Serif;
	color: #929292;
}

.gray{color: #929292;}

.blue{color: #457DB2;}

.graphite{color: #8E8A97;}

.fdn{
	clear:both;
	margin: 0;
	padding: 0px;
	width: 0px;
	height: 0px;

}
#body{
	position: relative;
	width: 614px;
	height: 768px;
	margin: 0% auto;
	padding: 0px;
}

#comments{
	font: italic 10px/11px Arial, Helvetica, Geneva, Sans-Serif; 
	clear:both;
	height:40px;
	display:block;
	margin: 0 9px;
	padding: 7px 54px;
	background-color: #F5F5F5;
	text-align:right;
}

#comments p{
	width:380px;
	display:block;
	margin: 3px 0px;
	float:left;}

#comments img{
	margin: 0px;
	float:right;
}

#comments strong{
	font-style: normal;
}

#banniere{
	background: url(CSS/banniere.png); 
	width: 614px;
	height: 98px;
	padding: 0px;
	margin: 0px;
}

#menu{
	font: 10px Arial, Helvetica, Geneva, Sans-Serif; 
	list-style: none;
	height: 18px;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: center;
}

#menu a{
	font: 10px Arial, Helvetica, Geneva, Sans-Serif; 
	color: white;
	text-decoration: none;
}

#menu a:hover{
	color: #E0E0E0;

}

#menu li.left{
	float: left;
	width: 7px;
	height: 18px;
	background-image: url(CSS/ombreboutong.png);
}

#menu li.right{
	float: left;
	width: 7px;
	height: 18px;
	background: url(CSS/ombreboutond.png);
}

#menu li.on{
	float: left;
	color: white;
	width: 100px;
	height: 18px;
	background: url(CSS/boutonon.png);
}

#menu li.on a {
}

#menu li.off a {
	color:white;
}

#menu li.off a:hover {
	color:#E8E8E8;
}

#menu li.off {
	float: left;
	color:white;
	margin: 0;
	border: 0px;
	width: 100px;
	height: 18px;
	background: url(CSS/boutonoff.png);
}

.intro {
	clear:both;
	display:block;
	margin: 0 9px;
	border: 0px;
	width: 596px;
}

li.intro h1{
}

.formail{
	clear:both;
	display:block;
	border-top: 3px double #FFF;
	border-bottom: 1px solid #E0E0E0;
	margin: 0px 0 0px 9px;
	padding: 10px 0 2px 0px;
	width: 596px;
	background: #E9E9E9;
}

#foliomenu{
	padding:0;
	clear:both;
	font: 10px Arial, Helvetica, Geneva, Sans-Serif; 
	list-style: none;
	height: 22px;
	margin: 16px auto 14px;
	line-height: 22px;
	text-align: center;
	width:390px;
}

#foliomenu ul{
	clear:both;
	padding:0;
	margin: 0px;
}

#foliomenu a{
	color: #666;
	text-decoration: none;
}

#foliomenu li.on a{
	text-shadow: 0px 1px 0px white;
	color: #457DB2;
}

#foliomenu a:hover{
	text-shadow: 0px 1px 0px white;
	color: #457DB2;
}

#foliomenu li.left{
	padding:0;
	margin: 0px;
	clear:left;
	float: left;
	width: 10px;
	height: 22px;
	background-image: url(CSS/menugauche.png);
}

#foliomenu li.right{
	clear:;
	padding:0;
	margin: 0px;
	float: left;
	width: 10px;
	height: 22px;
	background: url(CSS/menudroit.png);
}

#foliomenu li.on{
	padding:0;
	margin: 0px;
	float: left;
	color: white;
	width: 74px;
	height: 22px;
	background: #fff url(CSS/menu.png) repeat-x;
}

#foliomenu li.off {
	float: left;
	color: white;
	padding:0;
	margin: 0;
	border: 0px;
	width: 74px;
	height: 22px;
	background: url(CSS/menu.png) repeat-x;
}

#titre{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 614px;
	height: 70px;
	background: url(CSS/haut.png) no-repeat;
}

#titre img{
	position: relative;
	top: 26px;
	left: 62px;
}

#titre h1.tdown{
	display:block;
	width:93px;
	height:28px;
	position: relative;
	top: 26px;
	left: 8px;
	background: url(CSS/download.png) no-repeat;
}

h1.thstuff span{
	visibility:hidden;
}

h1.twnew span{
	visibility:hidden;
}

h1.thstuff:before{
	display:block;
	content:url(CSS/flechehome.png);
	margin:5px 0 0 -15px;
}

h1.twnew:before{
	display:block;
	content:url(CSS/flechehome.png);
	margin:5px 0 0 -15px;
}

h1.twnew{
	margin:21px 0px 0px 64px;
	float:left;
	width:240px;
	height:28px;
	background: url(CSS/whatsnew.png) no-repeat;
}

h1.thstuff{
	margin:21px 0px 0px 14px;
	float:left;
	width:240px;
	height:28px;
	background: url(CSS/hotstuff.png) no-repeat;
}

#titre h1.tcontact{
	display:block;
	width:104px;
	height:28px;
	position: relative;
	top: 26px;
	left: 8px;
	background: url(CSS/contact.png) no-repeat;
}

#titre h1.tpfolio{
	display:block;
	width:104px;
	height:28px;
	position: relative;
	top: 26px;
	left: 8px;
	background: url(CSS/portfolio.png) no-repeat;
}

#titre h1.thome{
	display:block;
	width:104px;
	height:28px;
	position: relative;
	top: 26px;
	left: 8px;
	background: url(CSS/home.png) no-repeat;
}

#titre h1 span{
	visibility:hidden;
}

#contenu{
	clear:both;
	margin: 0px;
	padding: 0px;
	font: 11px Arial, Helvetica, Geneva, Sans-Serif; 
	list-style: none;
	background: url(CSS/fond.png) repeat-y;
	width: 614px;
	height: 441px;
}

#news {
	clear:both;
	display:block;
	border-top: 3px double #FFF;
	border-bottom: 1px solid #E0E0E0;
	margin: 0 9px;
	padding: 0px;
	width: 596px;
	height: 210px;
	background-color: #E9E9E9;
}

#news ul {
	margin:0;
	padding:0px;
	float:left;
}

#news ul li{
	border:0;
	list-style: none;
}

#news ul li.bans{
	text-align:center;
	height: 61px;
	margin: 7px 0;
	padding: 0px;
}

#whatsnew{
	border-right: 1px solid white;
}

#whatsnew li{
	width: 297px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height: 60px;
}

#whatsnew li.grey{
	background: #E5E5E5;
	height: 60px;
}

#whatsnew li.white{
	background: #F5F5F5;
	height: 60px;
}

#whatsnew p{
	margin: 3px 0 0 54px;
	padding: 0px;
}
#whatsnew h1{
	margin: 0px 0 0px 54px;
	padding: 0px;
}

#hotstuff{
	width: 298px;
	background-color: #DFDFDF;
}

#portfolio{
	position: absolute;
	width: 614px;
	height: 87px;
}

#bdp{
	clear:both;
	text-align: center;
	margin: 0% auto;
	text-shadow: 0px 1px 0px white;
	width: 614px;
	height: 141px;
	background: url(CSS/bas.png) no-repeat bottom;
}

ul.download{
	font-size:10px;
	margin: 16px 54px 2px 54px;
	display: block;
	list-style: none;
	height: 105px;
	text-align: center;
	padding:0;
}

li.icone {
	width: 126px;
	_margin-left:-7px;
	margin: 0;
	display: block;
	float:left;
	vertical-align: top;
	text-align: center;
	padding: 0px 0px;
}


#identity {
	position: relative;
	list-style: none;
	height:60px;
	margin: 15px 54px;
	padding:0;
}

#identity li.desc{
	color: #555753; 
	margin: 0;
}

#identity a.vcard{
	font-size:10px;
	margin:0;
	padding:0;
	position: absolute;
	display: block;
	top: 20px;
	left: 210px;
	text-align: center;
	line-height: 50px;
	height: 50px;
	background: url(CSS/fleche.png) no-repeat top center;
}

#identity a.cv{
	font-size:10px;
	margin:0;
	padding:0;
	position: absolute;
	display: block;
	left: 310px;
	top: 20px;
	text-align: center;
	line-height: 50px;
	width: 100px;
	height: 50px;
	background: url(CSS/fleche.png) no-repeat top center;
}

#hardsoft {
	list-style: none;
	font: 11px Arial,Helvetica,Geneva;
	color: #555753; 
	margin: 0 54px;
	padding:0;
}

#hardsoft li.photo{
	float: left;
	margin: 0 35px 0 0;
}

#hardsoft li.titre{
	margin: 0;
}
#hardsoft li.hnsdesc{
	margin: 25px 0 8px 0px;
	
}
#hardsoft li{
	margin: 0 0 8px 0px;

}

ul.folio{
	position:relative;
	display: block;
	height:88px;
	margin: 0 80px;
	padding:0;
	list-style: none;
	font: 11px Arial, Helvetica, Geneva, Sans-Serif; 
}

ul.folio li{
	margin: 5px 0 0px 0px ;
	font: 11px Arial, Helvetica, Geneva, Sans-Serif;
}

ul.folio li h1{
	margin: 10px 0;
}

ul.folio li.ico{
	float: left;
	margin: 14px 19px 7px 20px;
}

ul.folio li.link{
	position: absolute;
	bottom:14px;
	left:110px;
}

p.banniere{
	text-align: center;
	margin : 6px 0 9px 0;
}

#formulaire{
	margin:0;
	padding:0;
}

#formulaire p{
	margin:0;
	text-align:left;
}

input[type="text"]{
	border:0.1px solid grey;
	font: 11px Arial, Helvetica, Geneva, Sans-Serif; 
	width:300px;
	height:11px;
	margin:1px;
}

textarea{
	border:0.1px solid grey;
	margin:1px;
	font: 11px Arial, Helvetica, Geneva, Sans-Serif;
	width:300px;
	height:200px;
}

label {
	font: 9px Arial, Helvetica, Geneva, Sans-Serif;
	display:block;
	margin: 0px 0px 0px 90px;
	padding: 0;
	width: 45px;
	float:left;
}
input[type="image"]{
	margin: 0px 0px 0px 354px;
}

#nav {
	clear:both;
	position:absolute;
	top: 625px;
	left: 278px;
	display: block;
	width: 50px;
	height: 44px;
	list-style: none;
	margin: 0;
	_margin-left:-20px;
	padding: 0px;
	text-align: center;
}

#nav li span{
	visibility:hidden;
}

#nav a.prev{
	position:absolute;
	top:22px;
	line-height:0px;
	display: block;
	width: 50px;
	height: 17px;
	background: url(CSS/previous.png) no-repeat bottom center;
	margin:0px;
	padding: 0px;
}

#nav a.next{
	position:absolute;
	top:2px;
	padding: 0px;
	margin:0px;
	display: block;
	width: 50px;
	height: 17px;
	background: url(CSS/next.png) no-repeat top center;
}

#sysinfo{
	width:400px;
	text-align: center;
	position: absolute;
	top: 700px;
	left:108px;
	margin: 0 auto;
	padding: 0px;
	font: 9px Arial, Helvetica, Geneva, Sans-Serif;
	list-style: none;
	height: 8px;
}

#sysinfo a{
	color: #20588C;
}

#sysinfo li{
	color: #20588C;
	float: left;
	width: 100px;
}