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

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

@font-face {
    font-family: Neutra;
    src: url(http://www.hardy-antoine.fr/medias/fonts/Neutra.otf);
   
}

#flashBackground{
	position:fixed;
	width:100%;
	height:100%;
	z-index:-1;
	/*border:30px solid #000;*/
	display:none;
}
/*
#T, #L, #R, #B{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}*/

#T{	
	position:fixed;
	width:100%;
	height:25px;
	top:0;
	left:0;
	z-index:100;
	/*background:url('../medias/commun/borderW.jpg') top left repeat-x;*/
	background:#FFF;
	
}
#L{
	position:fixed;
	width:25px;
	height:100%;
	top:0;
	left:0;
	z-index:100;
	/*background:url('../medias/commun/borderW.jpg') top left repeat-y;*/
	background:#FFF;
}
#R{
	position:fixed;
	width:25px;
	height:100%;
	top:0;
	right:0;
	z-index:100;
	/*background:url('../medias/commun/borderW.jpg') top right repeat-y;*/
	background:#FFF;
}
#B{
	position:fixed;
	width:100%;
	height:25px;
	bottom:0;
	left:0;
	z-index:100;
	/*background:url('../medias/commun/borderW.jpg') bottom left repeat-x;*/
	background:#FFF;
}


.meaRobot{
	float:left;
	width:173px;
	height:173px;
}
.videoF, .videoFBig{
	background:transparent url('../medias/commun/play.jpg') bottom left no-repeat;
	position:absolute;
	z-index:10;
	width:692px;
	height:346px;
}
.videoFBig{
	height:519px;
}

#siteHome{
	position:absolute;
	width:980px;
	height:500px;
	margin-top:253px;
	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{
	background:#FFF;
	color:#000;
	padding:40px;
}
#resumeLnk{
	background:#000;
	color:#fff;
	padding:20px 40px 20px;
	text-align:right;
}

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

#footer{
	float:left;
	width:100%;
	margin-top:72px;
	padding-bottom:10px;
	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: 800px;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
	margin:0 0 22px 65px;

}

h2{
	font-family:Neutra, Times, serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:18px;
	line-height:20px;
	color:#333;
	margin:0 0 10px 0;
	padding:0;
}

h2 a{
	font-family:Neutra, Times, serif;
	text-transform:uppercase;
	letter-spacing:-1px;
	font-size:18px;
	color:#333;
	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:48px;
	width:100%;
}
.spacerHome{
	margin:0;
	padding:0;
	height:20px;
	width:100%;
}
#enterZone{
	float:left;
	width:129px;
	height:107px;
	padding:66px 0 0 46px;
	
	z-index:20;
}

.project{
	float:left;
	width:865px;
	height:689px;
}
.projectBig{
	float:left;
	width:865px;
	height:865px;
	
	/*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) left top no-repeat;*/
	/*background:#211516 url(../medias/leather_cubes.jpg) center -107px repeat-y;*/
	background:#211516 url(../medias/background.jpg) top left repeat-x;
	background-attachment:fixed;
}
.contentInBlack{
	color:#ffffff;
}

.aLink{
	color:#000000;

}

/* 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;
}
.detailsLinksBlack:hover{
	text-decoration:underline;
}

.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:#000 url(../medias/sea.jpg) top left no-repeat;*/
	background:#130a0b url(../medias/leather_cubes.jpg) center 9px repeat-y;
	/*background-attachment:fixed;*/
}
.contentInWhite{
	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;
}