/* BRIWSER RESET ***************************************/

*, html, body { /* une étoile ça veut dire "tout" */
	margin:0;
	padding:0; 
	font: 12px Helvetica, Arial, Verdana, sans-serif;  
	color: #000; /* variante : #333 = gris foncé, plus doux*/
	font-weight: normal /* épaisseur normale, pas gras, pas light */
}

a { /*liens*/
	text-decoration:none;
	outline:none;
}

img {
	border:none;
}

ol, ul, li {/* listes */
list-style:none;
}

h1{
font-size:1.5em;
}
h2{
font-size:1.3em;
}
h3{
font-size:1.1em;
}

/*******************************************************/


/****************************************/
		
		
		#first{ 
		background:url(img/site/page_one.png) no-repeat;
		width:960px;
		height:690px;
		margin:0 auto;
		}
		
		
		#main{ 
		background:url(img/site/bg.png) no-repeat;
		width:960px;
		height:690px;
		margin:0 auto;
		}
		
		#all{
		width:960px;
		position:absolute;
		}
		
		#header{
		float:right;
		margin-top:128px;
		margin-right:100px;
			}
		
		#all_menu{ 
		background:url(img/site/menu.png);
		background-repeat:no-repeat;
		margin-left:30px;
		margin-top:25;
		width:230px;
		height: 400px;
		padding-top:100px;
		list-style:none;
		border:none;
		position:absolute;
		float:left;

		}
		
		#menu {
			margin-left:17px;
			padding-top:65px;
			}
		#menu_trav {
		margin-left:17px;
			}

		#menu_suite {
			margin-left:17px;
			}

		#menu_info {
			margin-left:17px;
			
			}
		
		#content{
		width:850px;
		height:400px;
		float:right;
		position:absolute;
		top:0;
		left:200px;
		}
		
		#up{
		width:800px;
		margin-bottom:25px;
		margin-top:145px;
		}
		
		#down{
		background:url(img/site/main_cadre.png);
		background-repeat:no-repeat;
		width:800px;
		height:349px;
		position:absolute;
		z-index:10;
		top:250px;
		}
		
		#img1 {
			width:300px;
			height:300px;
			background-image:url(img/site/bloc_drk.png);
			background-repeat:no-repeat;
			position:absolute;
			top:50px;
			left:70px;
			padding:20px;
			z-index:20;
			}
		
		#img_bowling {
			position:absolute;
			top:15px;
			left:400px;
			padding:20px;
			z-index:30;
			}
			
			
		#img_mail {
			position:absolute;
			top:15px;
			left:400px;
			padding:20px;
			z-index:30;
			}
			
		#img_skotch {
			position:absolute;
			top:-10px;
			left:15px;
			padding:20px;
			z-index:30;
			}	
			
		#img_fridge {
			background:url(img/site/fridge.png);
			background-repeat:no-repeat;
			position:absolute;
			top:26px;
			left:388px;
			width:307px;
			height:320px;
			padding:20px;
			z-index:30;
			}
			
			#img_fauteuil {
			position:absolute;
			top:80px;
			left:7px;
			padding:20px;
			z-index:30;
			}
			
			#img_cadre {
			position:absolute;
			top:-10px;
			left:0px;
			padding:20px;
			z-index:30;
			}
			
			#img_lunchbox {
			position:absolute;
			top:110px;
			left:360px;
			padding:20px;
			z-index:30;
			}
			
			#txt_cv {
			position:absolute;
			}
			
		#img_tv {
			background:url(img/site/cadre_tv.png);
			background-repeat:no-repeat;
			position:absolute;
			width:366px;
			height:257px;
			top:63px;
			left:40px;
			padding:20px;
			z-index:50;
			}
			
		
			
			#img_glass {
			position:absolute;
			top:80px;
			left:20px;
			padding:20px;
			z-index:30;
			}
			
			#img_paper {
			position:absolute;
			top:0px;
			left:7px;
			padding:20px;
			z-index:40;
			}	
			
		#img_hat {
			position:absolute;
			top:75px;
			left:330px;
			padding:20px;
			z-index:30;
			}
			 
				
		#vid1 {
			position:absolute;
			top:60px;
			left:45px;
			padding:20px;
			z-index:10;
			}

/*******    texte    ************************************************/

/*#txt_cv {
			disposition:absolute;
			top:30px;
			left:30px;
			z-index:60;
			width:110px;
			}***/
#cv { width:450px;
		height:300px;
		margin-left:30px;
		margin-top:20px;
			}


#txt_cv1, #txt_cv2, #txt_cv3 { width:100px; float:left; margin-right:15px; }
			

#txt_fridge { 
			float:right;
			margin-top:0px;
			margin-right:200px;
			z-index:600;
			width:110px;
			
		
			}
 
/*******    galerier    ************************************************/

		
			
			.roll{
		width:600px;
		height:50px;
		overflow: hidden;
		position: absolute;
		display:inline; 
		left:20px;
		top:160px;
		z-index:200;
		
		}
		
		.big{
		overflow:hidden; position: inherit; display:inline;
		width:500px;
		height:50px;
		padding-top:0px;
		white-space:nowrap;
		}
		
		
		.bigimg{ 
		top:315px;
		left:112px;
		position:absolute;
		width: 170px; 
		height:210px;
		display:inline;
		z-index:100;
		overflow: hidden;
		
		}
		
		
		
		ul#nav{margin-top:15px;}
		ul#nav li{display : inline; margin-right:10px; margin-bottom:10px;}
		ul#nav li a{}
			
		.center{
		width:210px;
		height:210px;
		margin:0 auto;
		
		}



		div#galerie{ width: 153px; height: 210px;
		margin: 0 0 0 60px;
		}