body{
	background-color:#515051;
	color:#999999;
	overflow: hidden;
}

img{
border: none;
}

img, div { behavior: url(iepngfix.htc); }

#page{
	position:absolute;
	left: 50%;
	top: 50%;
	width: 1024px; 
	height: 768px;
	margin-top: -400px; /* moitié de la hauteur */
	margin-left: -512px; /* moitié de la largeur */
	border: 1px solid #cccccc;
	background: url('../Images/fond.jpg');
}

#mainframe{
	position:absolute;
	z-index:1000;
	width: 852px;
	height: 616px;
	margin-top: 152px; /* moitié de la hauteur */
	margin-left: 172px; /* moitié de la largeur */
	border: 0px solid #cccccc;
	font: normal 10pt tahoma;
	line-height: 22px;
	}
	
#header{
	position:absolute;
	z-index:500;
	width: 800px;
	height: 150px;
	margin-top: 0px; 
	margin-left: 224px; 
	text-align:right;
	border: 0px solid #cccccc;
	z-index: 1000;
}


#footer{
	position:absolute;
	width: 1024px;
	height: 20px;
	margin-top: 775px;
	margin-left: 0px;
	text-align: center;
	color:#BFBFBF;
	border: 0px solid #cccccc;
	font: 11px Tahoma;
}

#photo-emotion{
	position:absolute;
	margin-left:40px;
	margin-top:40px;
	text-align:center;
	left: -34px;
	top: 2px;
	width: 846px;
}

#galerie-menu{
	position:relative;
	width: 600px;
	height: 100px;
	margin-top:30px;
	margin-left:80px;
	text-align:center;
	

}


#galerie{
	position: absolute;
	width: 600px;
	height: 400px;
	margin-top: 30px;
	margin-left:80px;
	font: 12px Tahoma;
	}
	
#titre{
	position:absolute;
	width:80px;
	height:480px;
	margin-top: 50px;
	margin-left:720px;
	top: 0px;
}
	
#auteur{
	position: absolute;
	width: 782px;
	height: 464px;
	margin-top: 152px;
	margin-left: 172px;
	padding-left:70px;
	padding-top:150px;
	text-align: justify;
	line-height:22px;
	background-image:url(../Images/fond-auteur2.jpg)
	}
	
#liens{
	position: absolute;
	width: 604px;
	height: 531px;
	margin-top: 50px;
	margin-left: 70px;
	text-align: justify;
	font: normal 95% tahoma;
	text-decoration: none;
	}

.liens a: {
	text-decoration: none;
}

	
#contact{
	position: absolute;
	width: 625px;
	height: 433px;
	margin-top: 80px;
	margin-left: 50px;
}

#scroll {
	position:absolute;
	width: 20px;
	height: 510px;
	z-index: 5;
	margin-left: 660px;
	margin-top: 40px;
	top: 18px;
	left: 2px;
	}


#reportages{
	position: absolute;
	width: 600px;
	height: 80px;
	margin-top: 100px;
	margin-left: 70px;
	text-align:justify;
	}

#reportages2{
	position: absolute;
	width: 600px;
	height: 100px;
	margin-top: 460px;
	margin-left: 70px;
	text-align:justify;
	}
	
/* span class */

.motclef{
	font: tahoma;
	font-size:12px;
	font-weight:bold;
	color: #CCCCCC;
	letter-spacing: 0.1em;
	}
	
.titre{
	font: tahoma;
	font-size:16px;
	font-weight:lighter;
	color: #706b6f;
	letter-spacing: 0.2em;
	}
	
.latin{
	font: tahoma;
	font-size:12px;
	font-weight:normal;
	color: #706b6f;
	font-style:italic;
	letter-spacing: 0.1em;
	}

.jour{
	font: tahoma;
	font-size:13px;
	font-weight:normal;
	font-variant:small-caps;
	color:#CCCCCC;
	letter-spacing: 0.2em;
	}

/* image replacement */

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

/* slide menu */

* {
margin:0; 
padding:0;
}

.sm {
list-style:none; 
width:600px; 
height:230px; 
display:block; 
overflow:hidden;
}

.sm li {
float:left;
overflow:hidden;
}

#slide-menu{
	position: absolute;
	width: 600px;
	height: 250px;
	margin-top: 190px;
	margin-left: 70px;
	text-align: justify;
	top: 0px;
	left: 0px;
	}			
		
/* Menu */	

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 190px;
left: 0px;
width:170px;
}
dl#menu {
	width: 170px;
}
dl#menu dt {
cursor: pointer;
height: 40px;
width:170;
line-height: 40px;
text-align: center;
font-weight: normal;
color:#CCCCCC;
letter-spacing:0.3em;
border: 0px solid gray;
background:url(../Images/bouton2.gif);
}
dl#menu dd {
border: 0px solid gray;
}

dl#menu li {
text-align: center;
font-size:11px;
letter-spacing:0.1em;
}

dl#menu li a, dl#menu dt a {
color:#CCCCCC;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: url(../Images/bouton-over.gif);
}


#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

/* // Menu */

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:600px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-40px;
		top:145px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:600px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../Images/btn_prev.jpg) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../Images/btn_next.jpg) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#515051;
		color:#FFFFFF;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

/* Formulaire */

.p_f {
	
	color:#FF6633;
	}

form {
	/*border:1px dashed #184354;*/

	}

form fieldset {
	border: 1px dashed #c9c95b; 
	}
    
form legend { 
	background-color: #fff;
	border: 1px dashed #c9c95b;  
	color: black; 
	}

input {
	border: none;
	background-color:#666666;

	}
.input {
	background-color:#fff;
	border:none;

	}
	
.b_radio {
	border: none;
	background:none;
}
textarea{
	/*height:150px;*/
	background-color:#666666;
	border: none;
}

.valid {
color:#FFFFFF;
	border: none;
	background-color:#cccccc;
	}
	
.valid_n {
color:#FFFFFF;
	border: none;
	background-color:#cccccc;

}
	
input:focus, textarea:focus {
	background:#cccccc;
}



a:link {
	color: #CCCCCC; text-decoration:none;
}
a:visited {
	color: #FFFFFF;text-decoration:none;
}

a:focus
{
outline:0;
}