*{
	margin:0 0 0 0;
}
img {
	border:none;
}
#bgfond { z-index:1;}
#bg {position:fixed; width:100%; height:100%; margin:0;}

#site {
	z-index:2;
	width:100%;
	height:auto;
	bottom:0%;
	position:fixed;
	}
		#barre {
			background-image:url(../images/barre-portfolio.png);
			width:100%;
			height:68px;
			z-index:3;
			margin-top:148px;
			position:fixed;
		}
					#logo {
						background-image:url(../images/logo-portfolio.png);
						left:50%;
						margin-left: -512px;
						width:1024px;
						height:347px;
						position:fixed;
						z-index:4;
					}
					#menu {
						left:50%;
						margin-left: -512px;
						width:1024px;
						position:relative;
						margin-top:220px;
						z-index:8;
					}
						#bio {
								width:121px;
								height:139px;
								margin-left:230px;
								position:relative;
								float:left;
							}
										#bio a {
											background-image:url(../images/bio-portfolio.png);
											width:121px;
								             height:139px;
											 float:left;
										}
										#bio a:hover {
											background-image:url(../images/bio-portfolio-on1.png);
											width:121px;
								             height:139px;
											 float:left;
										}
										
							#creations {
								width:121px;
								height:139px;
								position:relative;
								float:left;
							}
										#creations a {
											background-image:url(../images/creations-portfolio.png);
											width:121px;
											height:139px;
											float:left;
										}
										#creations a:hover {
											background-image:url(../images/creations-portfolio-on1.png);
											width:121px;
											height:139px;
											float:left;
										}
							#curriculum {
								width:121px;
								height:139px;
								float:left;
								position:relative;
							}
										#curriculum a {
											background-image:url(../images/cv-portfolio.png);
											width:121px;
											height:139px;
											float:left;
										}
										#curriculum a:hover {
											background-image:url(../images/cv-portfolio-on1.png);
											width:121px;
											height:139px;
											float:left;
										}
							#contact {
								width:121px;
								height:139px;
								float:left;
								position:relative;
							}
										#contact a {
											background-image:url(../images/contact-portfolio.png);
											width:121px;
											height:139px;
											float:left;
										}
										#contact a:hover {
											background-image:url(../images/contact-portfolio-on1.png);
											width:121px;
											height:139px;
											float:left;
										}
							#offres {
								width:121px;
								height:139px;
								float:left;
								position:relative;
							}
										#offres a {
											background-image:url(../images/offres-freelance.png);
											width:121px;
											height:139px;
											float:left;
										}
										#offres a:hover {
											background-image:url(../images/offres-freelance-on1.png);
											width:121px;
											height:139px;
											float:left;
										}
							#reflet_div{
								left:50%;
								margin-left: -512px;
								width:1024px;
								position:relative;

							}
									#reflet_menu{
										margin-left:224px;
		
									}
										.reflet {
											background-image:url(../images/reflet-portfolio.png);
											width:113px;
											height:30px;
											float:left;
											margin-left:8px;
										}
								
								#piaf_bleu {
									width:34px;
									height:41px;
									margin-left:924px;
									top:60px;
									z-index:6;
									position:relative;
									}
										#piaf_bleu a {
											background-image:url(../images/twitbleuoff.png);
											width:34px;
											height:41px;
											float:left;
											position:relative;
											}
										#piaf_bleu a:hover {
											background-image:url(../images/twitbleu.png);
											width:34px;
											height:41px;
											float:left;
											position:relative;
											}
			#bandeau{
			background-image:url(../images/bandeau.png);
			width:100%;
			height:20px;
			z-index:12;
			position:fixed;
		}
			
		#sliders{
			overflow:hidden;
		}
		
		#sliders>*{
			display:none;
		}

		#cadre {
						left:50%;
						margin-left: -512px;
						width:1024px;
						height:635px;
						position:relative;
						top:-635px;
						margin-top:1%;
										}
		#infoscadre {
						background-image:url(../images/cadre-infos.png);
						width:707px;
						height:450px;
						position:relative;
						margin-left:190px;
						z-index:14;
										}
		#infoscontact {
			background-image:url(../images/iphone-jedfolio.png);
			width:706px;
			height:386px;
			position:relative;
			margin-left:191px;
			z-index:14;
		}
										
										#banniere-infoscadre {
											
											width:116px;
											height:116px;
											margin-left:591px;
											z-index:16;
											position:absolute;
											float:right;
										}
						
						#pinfoscadre{
							height:390px;
							width:665px;
							padding-left:20px;
							margin-right:100px;
							margin-bottom:20px;
							margin-top:40px;
							text-align:justify;
							position:relative;
							float:left;
							overflow:auto;
							color:#006;
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							font-weight:bold;
							z-index:15;
						}
						#pinfoscontact{
							height:314px;
							width:485px;
							padding-left:103px;
							margin-right:100px;
							margin-bottom:20px;
							margin-top:36px;
							text-align:justify;
							position:relative;
							float:left;
							overflow:auto;
							color:#006;
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
							font-weight:bold;
							z-index:15;
						}
						
			#titlebar{
			position:relative;
			z-index:30;
			top:300px;
			text-align:center;
		}
					
						
						
						
						
							#bordpage {
									width:60px;
									height:60px;
									right:0px;
									z-index:15;
									position:absolute;
									}
									#bordpage a {
										background-image:url(../images/bordpageoff.png);
											width:60px;
											height:60px;
											float:left;
											}
									#bordpage a:hover {
										background-image:url(../images/bordpage.png);
											width:60px;
											height:60px;
											float:left;
											}



/* page creations */
.pagecreations {
	width:600px;
	height:155px;
	margin-left:10px;
	margin-right:30px;
	position:relative;
	float:left;
	margin-top:20px;
	z-index:11;
}
.creationsimages{
width:200px; 
height:135px;
position:relative;
float:left;
margin-left:0px;
margin-top:0px;
}

.creationstitres{
width:380px; 
height:50px;
position:relative;
margin-top:0px;
margin-left:5px;
float:right;
}
#retour {
	width:200px;
	height:30px;
	margin-right:50px;
	position:relative;
	float:right;
	margin-top:5px;
	z-index:10;
}
#pagecontact {
	width:650px;
	height:155px;
	margin-left:10px;
	margin-right:30px;
	position:relative;
	float:left;
	margin-top:20px;
	z-index:11;
}

#contactinfos {
	width:200px;
	height:200px;
	position:relative;
	float:left;
}

#contactform {
	width:400px;
	height:500px;
	position:absolute;
	float:right;
	margin-top:0px;
	margin-left:200px;
}
.contactbas {
	font-size:10px;
}
#map{
	width: 450px;
	height: 350px;
}

.chargement {
	display:none;
}