@import url("reset.css");
@import url("960grid.css");

body{
	background-color:black;
	color:white;
	font-family:arial;
}
/* LOGO */
.logo{color:white;font-size:30px;font-weight:bold;margin-top:15px;}
	.logo span.parameter{color:#a2a1a1;font-weight:normal;font-size:25px;}
	.logo span.souslogo{display:block;color:#a2a1a1;font-weight:normal;font-size:17px;}

.logopixel{color:white;font-size:45px;font-weight:bold;margin-top:5px;}
	.logopixel span.parameterpixel{color:#a2a1a1;font-weight:normal;font-size:40px;}
	.logopixel span.souslogopixel{display:block;color:#a2a1a1;font-weight:normal;font-size:30px;margin-top:-15px;}

/* MENUS */
.menu1{
	font-family:"Lucida Sans Unicode",arial;
	margin-top:30px;
	font-size:15px;
	letter-spacing:-1px;
	float:right;
}

.menu1 ul{}
	.menu1 ul li{float:left;margin-right:28px;}
		.menu1 ul li span{font-style:italic;font-family:georgia,arial;font-size:16px;color:#a6a6a6}
		.menu1 ul li a{color:#727272;text-decoration:none;}
			.menu1 ul li a:active{color:white;}
			.menu1 ul li a:hover{color:white;}
			.menu1 ul li a:hover span{color:white;}
#menu2{
	font-family:"Lucida Sans Unicode",arial;
	margin-top:30px;
	font-size:15px;
	letter-spacing:-1px;
	float:right;
}

#menu2 ul{}
	#menu2 ul li{float:left;margin-right:28px;}
		#menu2 ul li span{font-style:italic;font-family:georgia,arial;font-size:16px;color:#a6a6a6}
		#menu2 ul li a{color:#727272;text-decoration:none;text-shadow: 0px 1px 0px white;filter: dropshadow(color=white,offX=0,offY=1); /*IE7*/}
			#menu2 ul li a:active{color:white;}
			#menu2 ul li a:hover{color:black;}
			#menu2 ul li a:hover span{color:black;}
.menubp4{
	font-family:"Lucida Sans Unicode",arial;
	margin-top:30px;
	font-size:15px;
	letter-spacing:-1px;
	float:right;
}

.menubp4 ul{}
	.menubp4 ul li{float:left;margin-right:28px;}
		.menubp4 ul li span{font-style:italic;font-family:georgia,arial;font-size:16px;color:#a6a6a6}
		.menubp4 ul li a{color:#727272;text-decoration:none;text-shadow: 0px 1px 0px white;filter: dropshadow(color=white,offX=0,offY=1); /*IE7*/}
			.menubp4 ul li a:active{color:white;}
			.menubp4 ul li a:hover{color:black;}
			.menubp4 ul li a:hover span{color:black;}
.menupixel{
	margin-top:20px;
	font-size:27px;
	letter-spacing:-1px;
	float:right;
}

.menupixel ul{}
	.menupixel ul li{float:left;margin-right:28px;}
		.menupixel ul li span{color:#a6a6a6}
		.menupixel ul li a{color:#727272;text-decoration:none;text-shadow: 0px 1px 0px white;filter: dropshadow(color=white,offX=0,offY=1); /*IE7*/}
			.menupixel ul li a:active{color:white;}
			.menupixel ul li a:hover{color:black;}
			.menupixel ul li a:hover span{color:black;}

#backpage1{
	background:black url(../img/backpage1.jpg) no-repeat center top;
	height:835px;
}
	
	/* BIG PHRASE */
	#bigphrase{margin-top:-75px;letter-spacing:-1px;}
	#bigphrase_top{color:#929191;font-weight: 900; font-family: "Arial Black", Arial, sans-serif; font-size:27px;}
	#bigphrase_top span{color:white;font-weight: 200;font-family:georgia,arial;font-style:italic;font-size:28px;}
	#bigphrase_bottom{color:#c8c8c8;font-family:georgia,arial;font-size:28px;margin-top:15px;float:left}
	#bigphrase_bottom span{color:white;font-weight: 900; font-family: "Arial Black", Arial, sans-serif; font-size:25px;}

#backpage2{
	background:transparent url(../img/backpage2.jpg) no-repeat center top;
}

	#backpage2bg{background:transparent url(../img/backpage2fond.jpg) repeat-y center top;}

/* PAGE PRESENTATION */
	
#backpage3{
	position:relative;
	background:transparent url(../img/backpage3.jpg) no-repeat center top;height:1457px;
}
	#space1{height:203px;}
	#cont{padding-left:35px;}
	#content{padding-left:35px;}

	#content2{
		width:450px;
		padding:20px 0 0 65px;
		font-family:georgia,arial;
		font-size:24px;
		color:#797979;
		font-style:italic;
		line-height:27px;
		text-shadow: 0px 1px 0px white;
		
	}
		#content2 span{	
			font-weight: 900; font-family: "Arial Black", Arial, sans-serif; 
			font-size:23px;
			letter-spacing:-1px;
			font-style:normal;
		}

	#content3{padding:30px 0px 0 60px;color:black;font-size:13px;line-height:18px;}	
	#content4{padding:15px 10px 0 40px;color:black;font-size:13px;line-height:18px;}	
	#content5{padding:15px 10px 0 20px;color:black;font-size:13px;line-height:18px;}
	#content6{padding:27px 0px 0 20px;}
	#content7{padding:24px 0px 0 80px;color:black;font-size:13px;line-height:18px;}
	#content8{padding:24px 0px 0 0px;color:black;font-size:13px;line-height:18px;width:200px;}

	#content9, #content10{padding-left:20px;}
	#content10{padding-top:15px;}
	
	#backpage3 #content7 ,#backpage3 #content8 {
		list-style-type: disc;
	}
	
	/* COMPETENCES BAR */
	
	#competences{
		padding:30px 0 0 5px;
		color:white;font-size:12px;line-height:23px;
	}
	
		#competences li{
			height:24px;margin-top:1px;padding-left:10px;
			position:relative;z-index:10;
		}
	
		#competences li.gray1{background-color:#000000;width:280px;}
		#competences li.gray2{background-color:#101010;width:250px;}
		#competences li.gray3{background-color:#191919;width:220px;}
		#competences li.gray4{background-color:#262626;width:190px;}
		#competences li.gray5{background-color:#363636;width:160px;}
		#competences li.gray6{background-color:#454545;width:290px;}
		#competences li.gray7{background-color:#555555;width:280px;}
		#competences li.gray8{background-color:#676767;width:220px;}
		#competences li.gray9{background-color:#747474;width:190px;}
		#competences li.gray10{background-color:#7d7d7d;width:260px;}
		#competences li.gray11{background-color:#888888;width:240px;}
		#competences li.gray12{background-color:#989898;width:220px;}
		#competences li.gray13{background-color:#a4a4a4;width:195px;}
		#competences li.gray14{background-color:#b0b0b0;width:130px;}
			#competences li.gray14 span{float:right;padding-right:5px;}
		#competences li.gray15{background-color:#bdbdbd;width:295px;}
			#competences li.gray15 span{float:right;padding-right:5px;}
	
		#competences li .pourc{
			position:absolute;bottom:0;right:-10px;
			width:36px;height:28px;
			background:transparent url(../img/bgpourc.png) no-repeat top right;
		}
	
		.colorcomp{
			height:24px;width:1px;
			position:absolute;top:0px;left:0px;
			z-index:-10;
		}

	/* MES RESEAUX */
	#reseauxsociaux{
		margin-top:25px;
	}
	
		#reseauxsociaux li{float:left;width:70px;height:70px;overflow:hidden;margin-right:5px;}
	
	#prevnext{margin-top:120px;}
		#prevnext li{float:left;margin-left:35px;position:relative;width:86px;}
		#prevnext li img{position:relative;bottom:0}
	
/* PAGE 4*/
#backpage4{
	position:relative;
	background:transparent url(../img/backpage4.jpg) no-repeat center top;height:1065px;
}

	#backpage4 #contact{padding-top:80px;}
	
.messages{
	height:130px;
}

.hightlight {  
	border:2px solid red;  

}
.loading {    
	/*background:url(../img/ajax-loader.gif) no-repeat 1px; 
	visibility:hidden;width:160px;height:24px;
	float:right;	
	margin:100px 90px 0 0;
	*position:absolute;*bottom:-50px;*right:0px;*/
	background:url(../img/ajax-loader.gif) no-repeat 1px; 
	visibility:hidden;width:160px;height:24px;
	position:absolute;top:390px;right:0px;
}
.done {  
	padding:15px 25px;  
	display:none;
	background-color:#DEF1BF;
	border:1px solid #4D8916;
	color:#4D8916;
	margin:95px 0 0 3px;
	*margin:118px 0 0 3px;
	width:410px;
	opacity:0.8;
} 
.error {  
	padding:15px 25px;  
	display:none;
	background-color:#FFBAB9;
	border:1px solid #D8010C;
	color:#D8010C;
	margin:95px 0 0 3px;
	*margin:118px 0 0 3px;
	width:410px;
	opacity:0.8;
} 

.error a{color:#D8010C;}

.error_message{color:red;display:block;}

.formbp4{margin-left:63px;margin-top:107px;*margin-top:104px;}

#contact {position:relative;padding-top:80px;height:985px;}
#contact .introbp4{font-family:"Lucida Sans Unicode",arial;font-size:14px;color:#c2c2c2;margin:0px 20px 25px 25px;}
#contact form{margin:20px 0 0 25px;}
#contact form div.row, #contact form div.rowsend{height:52px;}
#contact form #send{margin:20px 0 0 100px;}
#contact label{width:100px;display:block;float:left;font-family:"Lucida Sans Unicode",arial;font-size:14px;padding-top:5px;}

#contact input[type=text]{width:240px;outline:none;float:left;border:none;}
#contact textarea{width:300px;outline:none;float:left;border:1px solid white;height:130px;}
#contact input[type=text]{height:23px;}

.submit{
	border:none;
	color:#fff;
	background: transparent url(../img/bt_submit.jpg) no-repeat top left;
	width:114px;
	height:33px;
	cursor:hand;
	text-indent:-9999px;
	*text-indent:0;
	*position:absolute;*bottom:40px;*right:220px;
}

.submit:hover{
	border:none;
	color:#fff;
	background: transparent url(../img/bt_submit_hover.jpg) no-repeat top left;
	width:114px;
	height:33px;
	cursor:hand;
	text-indent:-9999px;
	*text-indent:0;
}


/* PAGE4 PIXEL */
#backpage4pixel{
	position:relative;
	background:transparent url(../img/backpage4pixel.jpg) no-repeat center top;height:1065px;

}
.formbp4{margin-left:63px;margin-top:107px;*margin-top:104px;}
#contactpixel {position:relative;padding-top:80px;height:985px;}
#contactpixel .intropixel{font-size:24px;color:#c2c2c2;margin:-25px 0px 0px 25px;width:400px}
#contactpixel form{margin:20px 0 0 25px;}
#contactpixel form div.row, #contactpixel form div.rowsend{height:52px;}
#contactpixel form #sendpixel{margin:20px 0 0 100px;}
#contactpixel label{width:100px;display:block;float:left;font-size:24px;padding-top:5px;}

#contactpixel input[type=text]{width:240px;outline:none;float:left;border:none;}
#contactpixel textarea{width:300px;outline:none;float:left;border:1px solid white;height:130px;}
#contactpixel input[type=text]{height:23px;}

.submitpixel{
	border:none;
	color:#fff;
	background: transparent url(../img/bt_submit_pixel.jpg) no-repeat top left;
	width:114px;
	height:33px;
	cursor:hand;
	text-indent:-9999px;
	*text-indent:0;
	*position:absolute;*bottom:40px;*right:220px;
}

.submitpixel:hover{
	border:none;
	color:#fff;
	background: transparent url(../img/bt_submit_hover_pixel.jpg) no-repeat top left;
	width:114px;
	height:33px;
	cursor:hand;
	text-indent:-9999px;
	*text-indent:0;
}

/* FOOTER */
.footer{height:100px;padding:20px 0 0 0;}
.footer p{font-size:20px;}
.footer p span{font-size:25px;color:#a2a1a1;}

.footerpixel{height:100px;padding:20px 0 0 0;}
.footerpixel p{font-size:30px;}
.footerpixel p span{font-size:45px;color:#a2a1a1;}



/* COMMUN */
.blackspace{height:150px;}

.bt_ensavoir{
	float:right;margin:15px 10px 0 0;
	display:block;height:27px;
	background:#454545 url(../img/bt-plus.jpg) no-repeat top left;
	padding:7px 10px 0 15px;
	text-decoration:none;color:white;
	font-weight: 900; font-family: "Arial Black", Arial, sans-serif; 
}
.bt_ensavoir span{color:#747474}
.bt_ensavoir:hover{
	background:transparent url(../img/bt-plus-hover.jpg) repeat-x 0 0;
	text-shadow: 0px 1px 0px #a28900;
    filter: dropshadow(color=#a28900,offX=0,offY=1); /*IE7*/
}
.bt_ensavoir:hover span{color:white;text-shadow: 0px 1px 0px #a28900;
    filter: dropshadow(color=#a28900,offX=0,offY=1); /*IE7*/
}

strong{font-weight:bold;}

#follower {position:absolute;width:102px;height:150px;z-index:999}


.glasse{position:absolute;top:100px;left:350px;}
.vision{position:absolute;top:200px;left:250px;z-index:999;opacity:0;}

.glassepixel{position:absolute;top:100px;left:350px;}
.visionpixel{position:absolute;top:200px;left:250px;z-index:999;opacity:0;}

#preload{ display: none; }



.clear{
	/* This class clears the floats */
	clear:both;
}

h2{
	font-weight: 900; font-family: "Arial Black", Arial, sans-serif; 
	font-size:24px;
	letter-spacing:-1px;
}
h2 span{
	font-family:georgia,arial;
	font-size:27px;
	color:#a6a6a6;
	font-style:italic;
	font-weight:normal;
}

.webperspectivlink{
	position:absolute;
	top:400px;left:80px;
	width:300px;height:180px;
	z-index:9999;
}

#thecssawards{
	position:absolute;
	top:0px;
	right:0px;
	z-index:555;
}
#thecssawards a{
	width:115px;
	height:115px;
	text-indent:-8000px;
	display:block;
	background:url(../img/honormention_white.png) no-repeat;
}