@charset "UTF-8";
/* CSS Document */

body { 
	background: #FFF;
	
	outline:0 none;
	border:none;
	text-decoration:none;
	}
#bg {
	outline:0 none;
	border:none;
	text-decoration:none;
	position:absolute;
	bottom:20%;
	margin-bottom:-200px;
	width:100%;
	height:768px;}
	
#table_ie6{
	width:800px;
	height:300px;
	top:25%;
	text-align:center;
	margin:auto;
	position:relative;
	color:#FFF;
	font-family: "Arial Black";
}

/* texte */
h2 { font-family: "Arial Black";
	font-size:10px;
	color:#DDD;
	font-weight:bold;
	}
a { 
	font-family: "Arial Black";
	color:#111;
	outline:0 none;
	border:none;
	 
	text-decoration:none;
	outline:0 none;
	}
a:hover { color:#CCC;
	text-decoration:none;
	outline:0 none;
	 }

#footer a {font:Verdana;
	color: #333;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;}
#footer a:hover {font:Verdana;
	color:#111;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;}
	
#txtcontact { position:relative;
	top:200px;
	right:100px;
	font-size:28px;
	font-family: "Arial Black";
	color:#111;
	letter-spacing:-2px;
	text-align:right;
	}
/* Nav titre */
#logo a { position:absolute;
		left:0px;
		top:0px;
		z-index:11;
		height:123px;
		width:909px;
		outline:0 none;
		background:url(../img/logo-01.png);
		background-repeat:no-repeat;
}
#logo a:hover { position:absolute;
		left:0px;
		top:0px;
		z-index:11;
		height:123px;
		width:909px;
		outline:0 none;
		background:url(../img/logo_on.png);
		background-repeat:no-repeat;
}
#footernav { position:relative;
		left:50px;
		background-color:#000;
		z-index:100000;
		height:30px;
		width:35px;
		
}

/*texte profolio*/

#portfolio a{
	color: #000;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
}
#portfolio a:focus,  #portfolio a:hover, #portfolio a:active {
	color:#111;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	outline:0 none;
}
img { border:none;
outline:0 none;
}

#formcontact {
	position:relative;
	right:-380px;
	top:0px;
}
/* Page */
#footer { position:absolute;  right:10%; bottom:-4%;}
#pagecontact { 
		position:relative;
		bottom:0%;
		right:0%;
		line-height:25px;
}
#portfolio {
	width: 850px;
	height:650px;
	margin: 0 auto;
	text-align: center;
}




/* Slideshow
*/
#slideshow {
    position:absolute;
    height:533px ;
	width:700px ;
	top:50% !important;
	left:50% !important;
	margin-left:-200px !important;
	margin-top:-240px !important;
	
}

#slideshow IMG {
    position:absolute;
    z-index:8;
	padding:10px;
	border:10px #FFF solid;
	background:#000;
	
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}



/* Navigation */

		#navigation {
			margin: 0;
			padding: 0;
			list-style: none;
			color: #5B5B5B;
			width: 600px;
			font-size:62px;
			_font-size:32px;
			font-family: "Arial Black";
			letter-spacing:-8px;
			_letter-spacing:-6px;
			position:fixed;
			left:10px;
			top:110px;
			list-style:none;
			z-index:12;
			font-weight:bold;
			outline:0 none;
			padding:0px -30px;
			height:800px;
			}
		#navigation a, #navigation span {
			display: block;
			color: #5B5B5B;
			text-decoration: none;
			list-style:none;
			font-weight:bold;
			outline:0 none;
			border:none;
			text-decoration:none;
			margin: -45px 0px;
			_margin:0px;
			
			}
		
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			list-style:none;
			outline:0 none;
			border:none;
			text-decoration:none;
			border:none;
			}
		#navigation .open a, #navigation .open span {
			color: #3FA9F5;
			list-style:none;
			font-weight:bold;
			outline:0 none;
			border:none;
			width:600px;
			text-decoration:none;
			display:block;
			
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			color: #3FA9F5;
			width:600px;
			_width:;
			list-style:none;
			font-weight:bold;
			outline:0 none;
			border:none;
			text-decoration:none;
			z-index:100;
			}
			
			
		#navigation .subMenu {
			background: none;
			font-size:35px;
			letter-spacing:-1px;
			padding: 0;
			color:#111;
			/*border-bottom: 1px solid #666;*/
			list-style:none;
			font-weight:bold;
			margin: 15px 0px;
			display:none;
			position:relative;
			padding-top:20px\9;
			_padding-top:-0px;
			_margin-top:-20px;
			padding-bottom:20px\9;
			_padding-bottom:0px;
			_margin-bottom:-20px;
			
			}
			
		#navigation ul.subMenu a {
			background: none;
			font-size:35px;
			_font-size:25px;
			letter-spacing:-1px;
			color:#111;
			list-style:none;
			font-weight:bold;
			outline:0 none;
			border:none;
			text-decoration:none;
			margin: -22px 5px;
			/* ie8 et ie7 */
			margin: -23px 0px\9;
			/* ie6 */
			_margin: 0px;
			
			}
		#navigation ul.subMenu a:hover {
			background: none;
			font-size:35px;
			letter-spacing:-1px;
			list-style:none;
			font-weight:bold;
			outline:0 none;
			border:none;
			text-decoration:none;
			color:#3FA9F5;
			}
			
	
		#navigation ul.open_at_load {
			background: none;
			left:-40px;
			font-size:35px;
			letter-spacing:-1px;
			position:relative;
			list-style:none;
			font-weight:bold;
			outline:0 none;
			border:none;
			text-decoration:none;
			color:#3FA9F5;
			margin: 14px 5px;
			height:3OOpx;
		
			}
	
			
			
		#navigation .toggleSubMenu .open_at_load a {
			background: none;
			font-size:35px;
			letter-spacing:-1px;
			color:#111;
			list-style:none;
			font-weight:bold;
			outline:0 none;
			border:none;
			text-decoration:none;
			margin: -23px 0px;
			_margin: 0px;
			margin-top: -58px!important!;
			_margin-top: 0px;
			margin-left: 35px!important!;
			
			}
		#navigation ul.open_at_load a:hover {
			background: none;
			font-size:35px;
			letter-spacing:-1px;
			list-style:none;
			font-weight:bold;
			outline:0 none;
			border:none;
			text-decoration:none;
			color:#3FA9F5;
			}

.label {
	color:#111; font-family:'Arial Black'; font-size:30px;outline: none; border:none;text-decoration:none; background:none;
}


#lien_facebook a{z-index:999;display:block;position:fixed;bottom:10px;left:10px;width:65px;height:65px;background:url(../img/facebook.png) no-repeat}
#lien_facebook a:hover{background:url(../img/facebook_on.png) no-repeat}
#lien_twitter a:hover{background:url(../img/twitter_on.png) no-repeat}
#lien_twitter a{z-index:999;display:block;position:fixed;bottom:10px;left:83px;width:65px;height:65px;background:url(../img/twitter.png) no-repeat}