/*
parallaxe.css
---------
 
Par Joris MALICK
Fichier créé le 23/09/2012
*/


/****************************************RESET **********************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fielset,img{ border:0;}
address,caption,cite,code,dfn,var{font-style:normal; font-weight: normal;}
ol,ul{list-style:none;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{ background-color: #CCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 16px;}
a{color:#0072bc; cursor:pointer; text-decoration:none;}
.cb{clear:both;}

html, body, bloc-page, #left{
	height:100%;
}
/******************************H1*********************************/
h1{
	font-family: 'LeagueGothicRegular';
	font-size:24px;
	font-weight:normal;
	line-height: 42px;
	color: #62bcda;
	
}
/******************************POLICE EXOTIQUE*********************************/	
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('Fonts/league-gothic/League_Gothic-webfont.eot');
    src: url('Fonts/league-gothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/league-gothic/League_Gothic-webfont.woff') format('woff'),
         url('Fonts/league-gothic/League_Gothic-webfont.ttf') format('truetype'),
         url('Fonts/league-gothic/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LektonRegular';
    src: url('Fonts/lekton/Lekton-Regular-webfont.eot');
    src: url('Fonts/lekton/Lekton-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/lekton/Lekton-Regular-webfont.woff') format('woff'),
         url('Fonts/lekton/Lekton-Regular-webfont.ttf') format('truetype'),
         url('Fonts/lekton/Lekton-Regular-webfont.svg#LektonRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LektonBold';
    src: url('Fonts/lekton/Lekton-Bold-webfont.eot');
    src: url('Fonts/lekton/Lekton-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/lekton/Lekton-Bold-webfont.woff') format('woff'),
         url('Fonts/lekton/Lekton-Bold-webfont.ttf') format('truetype'),
         url('Fonts/lekton/Lekton-Bold-webfont.svg#LektonBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	background-color: #000;
	background-image: url(sources/img-parallaxe/fond3.jpg);
	background-repeat:repeat;
	background-position:center;
	
	font-family: 'LektonBold', sans-serif;
	font-size:14px;
	line-height:19px;
	color:#fff;
	margin: 0px;
	padding: 0px;
}
#wrap{
	width:1000px; 
	margin:0 auto;
	}

#parallax {
	margin:auto;
	position:relative; 
	overflow:hidden; 
	width:1200px; 
	height:800px;
	}
	
.center{
	text-align:center;
	top:-620px;
	position: relative;
	z-index:999;
	}
	
a img { border:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }
.envoyer, .alignleft {float:left; display:inline; color:#333;}

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

a { color:#fff; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

#bg{
	
	position: absolute;
	background-image: url(sources/triangle_bgpng);
	background-repeat: no-repeat;
	background-position:center;
	width:100%;
	height:339px;
	z-index:1;
	} 

#img1{padding-left:30px; z-index:2;
	}
#img2{padding-left:80px; z-index:2;
	}
#img2-1{padding-left:82px; z-index:3;
	}
#img2-2{padding-left:100px; padding-top:10px; z-index:2;
	}
#img2-3{padding-left:86px; z-index:2;
	}
#img3{ padding-left:30px; padding-bottom:200px; z-index:2;
	} 
#img3-1{position: relative; padding-bottom:1000px;
	}
#img3-2{ padding-left:30px; padding-bottom:200px; z-index:2;
	}
#img3-3{ padding-left:15px; padding-bottom:200px; z-index:3;
	}
#img2-4{ 
	}    
#img4{ padding-left:20px; width:790px; height:590px; opacity:0.2;
	}
#img5{width:800px; height:600px; opacity:0.2;
	}
#img6{width:810px; height:610px; opacity:0.1;
	}
#img7{padding-left:15px; width:820px; height:600px; opacity:0.2;
	}
#img8{width:830px; height:630px; opacity:0.1;
	}
#img9{width:820px; height:620px; opacity:0.2;
	}
#img10{width:840px; height:640px; float:right; opacity:0.1;
	}
#img10{width:830px; height:630px; float:right; opacity:0.2;
	}
#img11{width:820px; height:620px; float:right; opacity:0.1;
	}
#img12{width:810px; height:610px; float:right; opacity:0.5;
	}
#img13{width:800px; height:600px; float:right; opacity:0.1;
	}
#img14{width:790px; height:590px; float:right; opacity:0.2;
	}
#img15{width:780px; height:580px; float:right; opacity:0.1;
	}

nav p.lien{text-align:center; top:-180px; position: relative;}

p.footer{
	font-family: 'LektonRegular', sans-serif;
	text-align:center;
	font-size:12px;
	color:#00CCFF;
}