@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
	width: 100%;
	margin: 0;
}

body{
	background-attachment:fixed;
	margin:0;
	padding:0;
}



#flashBackground{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-480px;
	margin-left:-800px;
	width:1600px;
	height:900px;
	background:transparent;
	/*border:5px solid #FF0000;	*/
	z-index:-1;
}
.meaRobot{
	float:left;
	width:173px;
	height:173px;
}

#siteHome{
	position:fixed;
	width:980px;
	height:500px;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-490px;
}

#site{
	position:absolute;
	width:980px;
	left:50%;
	margin-top:80px;
	margin-left:-490px;
}

#content{
	margin:0 56px 0 56px;
	width:867px;
	
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#resume{}

#resumeTitle{
	float:left;
	width:120px;
	height:44px;
	padding:20px 0 0 24px;
}

#footer{
	float:left;
	width:100%;
	background-color:#FFFFFF;
}


#topTitle{
	float:right;
	width:80px;
	height:44px;
	padding:15px 0 0 24px;
}

#resumeDescription{
	padding:20px 0 20px 0;
}

#footerDescription{
	padding:20px 0 20px 0;
}

#footerDescription a{
	margin-left:30px;
	color:#000000;
}

.menuLittleOnBlack{
	float:left;
	width:249px;
	padding:8px 20px 12px 20px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:56px;
	background:url('../medias/commun/menuOn_black.png') top left no-repeat;
}
.menuLittleOffBlack{
	float:left;
	width:249px;
	padding:8px 20px 12px 20px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:56px;
	background:url('../medias/commun/menuOff_black.png') top left no-repeat;
}
.menuLittleOnWhite{
	float:left;
	width:249px;
	padding:8px 20px 12px 20px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:56px;
	background:url('../medias/commun/menuOn_black.png') top left no-repeat;
}
.menuLittleOffWhite{
	float:left;
	width:249px;
	padding:8px 20px 12px 20px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:56px;
	background:url('../medias/commun/menuOff_black.png') top left no-repeat;
}


h1{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#727472;
	background:url(../medias/commun/hardy-antoine_logo.png) top left no-repeat;
	width: 693px;
	height: 120px;
	overflow: hidden;
	text-indent: -9999px;

}

h2{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	color:#808080;
	margin:0;
	padding:0;
}

h2 a{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bold;
	color:#808080;
	margin:0;
	padding:0;
}

ul{
	list-style: none;
	padding:0;
	margin:0;
}

.skills{
	list-style: circle;
	padding:0;
	margin:0;
}

a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

img{
	float:left;
}

.spacer{
	margin:0;
	padding:0;
	height:20px;
	width:100%;
}

#enterZone{
	float:left;
	width:139px;
	height:127px;
	padding:46px 0 0 36px;
	
	z-index:20;
}

.project{
	float:left;
	width:865px;
	height:700px;
	
	/*background-color:#448866;*/
}
.projectBig{
	float:left;
	width:865px;
	height:1046px;
	
	/*background-color:#448866;*/
}


.visuelsProjets{
	float: left;
	width: 692px;
	height: 346px;
}

.detailLists{
	float:left;
	width:80px;
}
.detailResults{
	float:left;
}
.detailsLinks{
	float:left;
	display:block;
	width:302px;
	margin-top:10px;
}
.detailsLinks a{
	color:#000000;
}
.enlargeLeft{
	padding-left:173px;
}
.enlargeTop{
	padding-top:173px;
}
.unlargeTop{
	margin-top:-173px;
}

.enlargeTopThird{
	padding-top:346px;
}

.enlargeTopBanner{
	padding-top:519px;
}

.reduceTop{
	margin-top: -173px;
}

.projectVideo{
	float:left;
	width:692px;
	height:346px;
}

.projectBanners{
	float:left;
	width:692px;
	height:692px;
}


/* ----------------------------------------------------------------------------- */
/* PARAMETRES COULEUR NOIR */
/* ----------------------------------------------------------------------------- */

/*.bodyBackgroundBlack{
	background:#000000 url(../medias/sea.jpg) top left no-repeat;
	background-attachment:fixed;
}*/
.bodyBackgroundBlack{
	background:#000000 url(../medias/sea.jpg) top left no-repeat;
	background-attachment:fixed;
}
.contentInBlack{
	color:#ffffff;
}

.aLink{
	color:#000000;

}

.dotsBlack{
	background:url(../medias/commun/dots_black.png) top left no-repeat;
	color:#FFFFFF;
}

/* HOME */
.enterZoneBlack{
	background-color:#FFFFFF;
}
.enterZoneBlack.a{
	color:#000000;
}

/* IN */
.menuOnBlack{ color:#000000; }
.menuOffBlack{ color:#FFFFFF; }

.projectDetail_Black{
	float:left;
	width:301px;
	height:136px;
	padding:37px 0 0 45px;
	color:#000000;
	background-color:#FFFFFF;
}

.detailsLinksBlack{
	color:#000000;
	margin-right:20px;
}

.detailsLinksBlackBig{
	display:block;
	color:#000000;
	margin:0 0 3px 0;
	width:240px;
	height:20px;
	padding:12px 10px 8px 10px;
	background-color:#ededed;
}

.about_Black{
	float:left;
	width:265px;
	height:483px;
	padding:37px 40px 0 40px;
	color:#000000;
	background-color:#FFFFFF;
}

/* ----------------------------------------------------------------------------- */
/* PARAMETRES COULEUR BLANCHE */
/* ----------------------------------------------------------------------------- */

/*.bodyBackgroundWhite{
	background:#FFFFFF url(../medias/cold.jpg) top right no-repeat;
	background-attachment:fixed;
}*/
.bodyBackgroundWhite{
	background:#FFFFFF url(../medias/cold.jpg) top right no-repeat;
	background-attachment:fixed;
}
.contentInWhite{
	color:#000000;
}
.dotsWhite{
	background:url(../medias/commun/dots_white.png) top left no-repeat;
	color:#000000;
}

.contentInWhite.a{
	color:#FFFFFF;
}


/* HOME */
.enterZoneWhite{
	background-color:#000000;
}
.enterZoneWhite.a{
	color:#FFFFFF;
}

/* IN */
.menuLittleOnWhite{ background:url('../medias/commun/menuOn_white.png') top left no-repeat; }
.menuLittleOffWhite{ background:url('../medias/commun/menuOff_white.png') top left no-repeat; }
.menuOnWhite{ color:#FFFFFF; }
.menuOffWhite{ color:#000000; }

.projectDetail_White{
	float:left;
	width:301px;
	height:136px;
	padding:37px 0 0 45px;
	color:#FFFFFF;
	background-color:#000000;
}

.detailsLinksWhite{
	color:#FFFFFF;
	margin-right:20px;
}