body{
	border: 0;
	margin: 0;
	font-size: 12px;
	font-family: "Trebuchet MS", "URW Gothic L", Verdana, "Arial";
	background: white url(/images/fond.jpg) no-repeat fixed center center;
}
h1, h2, h3, h4, h5, p{
	margin: 0;
	padding: 0;
}
a{
	outline: none;
	color: #858585;
	text-decoration: none;
}
a:hover{
	color: #dd0072;
}
img{
	border: 0;
}
#cadrebg{
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 628px;
	height: 398px;
	position: absolute;
	margin: -281px 0 0 -323px;
	background: transparent url(/images/cadre-fond.jpg) no-repeat top left;
}
#images, #animation{
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 628px;
	height: 398px;
	overflow: hidden;
	position: absolute;
	margin: -281px 0 0 -323px;
}
#images div{
	top: 0;
	left: -628px;
	width: 628px;
	height: 398px;
	position: absolute;
}
#images div img{
	height: 398px;
	cursor: url(/images/store-up.png), pointer;
}
#images div img.ie{
	cursor: url(/images/store-up.ico), pointer;
}
#images div img.zoom{
	cursor: url(/images/zoom-in.png), pointer;
}
#images div img.zoomie{
	cursor: url(/images/zoom-in.ico), pointer;
}
#store{
	top: 50%;
	left: 50%;
	z-index: 5;
	width: 628px;
	height: 382px;
	position: absolute;
	margin: -273px 0 0 -323px;
	background: transparent url(/images/store.png) no-repeat bottom left;
}
#store.collaspe{
	cursor: url(/images/store-up.png), pointer;
}
#store.collaspeie{
	cursor: url(/images/store-up.ico), pointer;
}
#store.expand{
	cursor: url(/images/store-down.png), pointer;
}
#store.expandie{
	cursor: url(/images/store-down.ico), pointer;
}
#content{
	top: 50%;
	left: 50%;
	z-index: 6;
	width: 628px;
	height: 362px;
	overflow: hidden;
	position: absolute;
	margin: -273px 0 0 -323px;
}
#content.collaspe{
	cursor: url(/images/store-up.png), pointer;
}
#content.collaspeie{
	cursor: url(/images/store-up.ico), pointer;
}
#content div{
	margin: 0 30px 0 30px;
}
#content h4{
	color: #fe4d01;
	font-size: 17px;
	line-height: 17px;
	text-align: center;
	font-weight: normal;
	margin: 10px 0 10px 0;
	font-variant: small-caps;
}
#content strong{
	color: #fe4d01;
	font-weight: normal;
}
#content p{
	line-height: 14px;
	margin-bottom: 10px;
}
#content a{
	color: #555555;
}
#content a:hover{
	color: #dd0072;
}
#cadretop, #cadreleft, #cadrebottom, #cadreright{
	top: 50%;
	left: 50%;
	z-index: 10;
	position: absolute;
}
#cadretop{
	width: 652px;
	height: 18px;
	margin: -289px 0 0 -333px;
	background: transparent url(/images/cadre-top.png) no-repeat top left;
}
#cadreleft{
	width: 49px;
	height: 378px;
	margin: -271px 0 0 -333px;
	background: transparent url(/images/cadre-left.png) no-repeat top left;
}
#cadrebottom{
	width: 652px;
	height: 18px;
	margin: 107px 0 0 -333px;
	background: transparent url(/images/cadre-bottom.png) no-repeat top left;
}
#cadreright{
	width: 49px;
	height: 378px;
	margin: -271px 0 0 270px;
	background: transparent url(/images/cadre-right.png) no-repeat top left;
}
div.siege{
	top: 50%;
	left: 50%;
	z-index: 100;
	height: 361px;
	margin-top: -61px;
	position: absolute;
}
#siegeg{
	width: 356px;
	margin-left: -532px;
	background: transparent url(/images/siege-gauche.png) no-repeat top left;
}
#sieged{
	width: 337px;
	margin-left: 189px;
	background: transparent url(/images/siege-droit.png) no-repeat top left;
}
h1{
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 319px;
	height: 30px;
	outline: none;
	position: absolute;
	margin: 263px 0 0 -159px;
}
p#slogan{
	top: 50%;
	left: 50%;
	z-index: 1;
	width: 319px;
	outline: none;
	position: absolute;
	margin: 228px 0 0 -159px;
	text-align: center;
	font-size: 20px;
	color: #9E9E9E;
}
div.logo{
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	z-index: 110;
	text-align: center;
	position: absolute;
}
#logog{
	margin: -56px 0 0 -531px;
}
#logod{
	margin: -50px 0 0 472px;
}
p.contact{
	top: 50%;
	left: 50%;
	z-index: 101;
	height: 13px;
	color: #fe4d01;
	cursor: pointer;
	font-size: 13px;
	line-height: 13px;
	font-style: italic;
	position: absolute;
	margin: 79px 0 0 363px;
	font-variant: small-caps;
}
p.contact:hover, p.about:hover, p.ftp:hover{
	color: #de0072;
	font-style: normal;
}
p.about{
	top: 50%;
	left: 50%;
	z-index: 101;
	height: 13px;
	color: white;
	cursor: pointer;
	font-size: 13px;
	line-height: 13px;
	font-style: italic;
	position: absolute;
	margin: 154px 0 0 -424px;
	font-variant: small-caps;
}
p#skills{
	top: 50%;
	left: 50%;
	height: 17px;
	width: 138px;
	color: #fe4d01;
	font-size: 17px;
	line-height: 17px;
	text-align: right;
	font-style: italic;
	position: absolute;
	font-variant: small-caps;
	margin: -285px 0 0 -500px;
}
div.skills{
	top: 50%;
	left: 50%;
	z-index: 500;
	width: 138px;
	height: 200px;
	position: absolute;
	margin: -258px 0 0 -500px;
}
div.skills h2, div.clients h3{
	outline: none;
	line-height: 11px;
	margin-bottom: 9px;
	font-weight: normal;
}
div.skills h2{
	text-align: right;
}
div.skills a, div.clients a{
	color: #858585;
	font-size: 12px;
}
div.skills a:hover, div.clients a:hover, div.skills a.sel, div.clients a.sel{
	color: #de0072;
}
p#clients{
	top: 50%;
	left: 50%;
	height: 17px;
	width: 149px;
	color: #fe4d01;
	font-size: 17px;
	line-height: 17px;
	font-style: italic;
	position: absolute;
	font-variant: small-caps;
	margin: -285px 0 0 351px;
}
div.clients{
	top: 50%;
	left: 50%;
	width: 149px;
	height: 194px;
	overflow: hidden;
	position: absolute;
	margin: -258px 0 0 351px;
}
div.clients div{
	width: 149px;
	height: 194px;
}
#apercubg{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	cursor: url(/images/zoom-out.png), pointer;
}
#apercu{
	top: 50%;
	left: 50%;
	width: 947px;
	height: 600px;
	z-index: 1001;
	display: none;
	text-align: center;
	position: absolute;
	margin: -300px 0 0 -473px;
	cursor: url(/images/zoom-out.png), pointer;
}
#apercubg.ie, #apercu.ie{
	cursor: url(/images/zoom-out.ico), pointer;
}
#hotessec{
	left: 0;
	top: 50%;
	z-index: 99;
	width: 100%;
	height: 476px;
	overflow: hidden;
	margin-top: -203px;
	position: absolute;
}
#hotessec #hotesse{
	top: 0;
	left: -361px;
	width: 361px;
	height: 476px;
	position: absolute;
}
p.ftp{
	top: 50%;
	left: 50%;
	z-index: 101;
	height: 13px;
	color: white;
	cursor: pointer;
	font-size: 13px;
	line-height: 13px;
	font-style: italic;
	position: absolute;
	margin: 160px 0 0 317px;
	font-variant: small-caps;
}
#login{
	margin-top: 20px;
}
#login td, #login th{
	padding: 3px;
}
#login th{
	font-weight: normal;
}
#login .but, #ftpdocs .but{
	color: #de0072;
	cursor: pointer;
	text-transform: uppercase;
}
#login .but:hover, #ftpdocs .but:hover{
	color: #fe4d01;
}
#login input[type="text"], #login input[type="password"], #login input[type="file"], #login textarea{
	border: 1px solid #858585;
	background-color: white;
}
#login input[type="text"], #login input[type="password"], #login textarea{
	width: 280px;
}
#login textarea{
	height: 110px;
}
#login #ftppasse, #ftpdocs #ftpupload{
	text-transform: none;
}
#login #ftpmes{
	color: #fe4d01;
	font-size: 13px;
	text-align: center;
}
#ftpdocs td.title{
	color: #fe4d01;
	font-size: 12px;
	padding-bottom: 5px;
}
#ftpdocs th{
	width: 30px;
	height: 20px;
	text-align: center;
	background-color: #fe4d01;
}
#ftpdocs th a{
	color: white;
	text-transform: uppercase;
}
#ftpdocs td a{
	color: black;
}
#ftpdocs a:hover{
	color: #de0072;
}
#cursor{
	top: 0;
	left: 0;
	display: none;
	z-index: 10000;
	position: absolute;
}