/*** 
set the width and height to match your images 
**/



#slideshow {
	position:relative;
	height:100%;
	z-index:-1;
	right: 1%;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

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

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

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		
#page-wrap { 
	position: relative;
	width: 400px; 
	margin: 50px auto; 
	padding: 15px; 
	background: #fff; 
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black; 
	box-shadow: 0 0 20px black; 
}

p { 
	font: 15px/2 Arial; 
	margin: 0 0 30px 0; 
	color: #fff;
}




#tablemenu {
	position:fixed;
	top: 40%;
	width: 106px;
	height: 479px;
	left: 2%;
	z-index: 9;
}

#tablemenu_desc {
	position:fixed;
	top: 35%;
	width: 300px;
	height: 479px;
	left: 2%;
	z-index: 9;
}

#table_photos {
	position: absolute;
	top: 15%;
	right:1%;
	z-index: 3;
	width:auto;
	height:auto;
}

#table_du_portefolio {
	top: 275px;
	right: 2%;
	position: absolute;
	width:448px;
	height:auto;
}

#Map{
	position:fixed;
	right:2%;
	width:auto;
	height:auto;
	z-index:2;
	top: 27%;
}


#bloc_texte_index {
	position: fixed;
	top: 200px;
	right: 2%;
	width:400px;
	height:auto;
	z-index: 2;

}

#bloc_texte_services {
	position: fixed;
	top: 300px;
	right: 2%;
	width:399px;
	height:427px;
	z-index: 5;
}



#bloc_texte_bio {
	position: fixed;
	top: 27%;
	right: 2%;
	width: 633px;
	height: 350px;
	z-index: 5;
}


body{
	font-size:14px;
	font-family:'daniel';
	right: 1%;
}






	
#newlogo {
	position:fixed;
	top: 5%;
	left:2%;
	z-index: 100;
	width: 400px;
	height: 152px;
}

#fond {
	position:relative;
	width:100%;
	height:100%;
	z-index:11;
	background-image: url(../../../../../../images_resize/fond.jpg);
}








.style3 {font-family: 'daniel';color:#F1C30D;font-size: 15px;line-height:20px;font-weight: normal;}
.style4 {font-size: 16px;line-height: 1px}
.style5 {font-size: 16px;line-height: 5px;line-height: 1px}
.style6 {font-family: 'daniel';font-size: 23px;font-weight: bold;}
.style7 {font-family: 'daniel';color: #FFFFFF;line-height: 6px;font-size: 25px;font-weight: bold;}
.style8 {font-size: 40px;line-height: 40px;color: #FFFFFF;font-family: 'daniel';}
.style9 {font-size: 95px;line-height: 50px;color: #FFFFFF;font-family: 'daniel';}
.style10 {font-size: 110px;line-height: 70px;color: #FFFFFF;font-family: 'daniel'; top:25px;}
.style12 {color: #CCCCCC; font-size:20px;line-height: 25px;font-family: daniel;}
.style13 {color: #F1C30D}
.style14 {color: #CCCCCC; font-family: 'daniel'; }
.style15 {font-size: 23px}
.style16 {font-size: 20px;color: #CCCCCC;}
.style17 {color: #F1C30D}
.style18 {color: #999999}
.style19 {color: #CCCCCC}