html {
	height: 100%
}	


body {
	margin: 0;
	margin-top: 10px;
	color: #000;
	font: 0.8em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background: #fff ;

}	
#contain{
	width: 725px;
	margin: 0 ;
	padding: 10px;
	text-align: left;
	min-height: 100%;
	
	background: #fff ;
	
}

#header{
	width: 715px;
	margin: 0 auto;
	text-align: left;
	position: fixed;
	height: 70px;
}

#footer{
	text-align: left;
	margin-top: 30px;
	background:#fff;
	font-size: 0.7em;
	color: #999
	}

#page{
	width: 525px;

	margin-top: 60px;
	overflow: auto;
	text-align: left;
	float: right;
	background: #FFF;
}

#nom{
	font-family: arial;
	font-weight: bolder;
	font-size: 1.4em;
	width: 200px;
	
	/*float: left*/
	
}

#page img{
	margin: 0px 0 10px 0px;
	/*border: 1px solid #555;*/
	
}
/*----MENU-------*/
#containmenu {
margin: 50px 0 0 0;
padding: 0;
width: 180px;
float: left;
padding: 5px;
background: #fff ;
position: fixed

}

ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

ul {margin: 5px 0 0 0;}
#menu {

top: 0;
left: 0;

}
dl#menu {
width: 170px;
}
dl#menu dt {
cursor: pointer;
margin: 0px 0 5px 0;
line-height: 20px;
text-align: left;
color: #000;


}
dl#menu dd {

}
dl#menu li {
text-align: left;
padding: 0 2px
}

dl#menu li a, dl#menu dt a {
color: #AABFAC;
text-decoration: none;
display: block;
border: 0;
height: 100%;
font-size: 0.9em;
border: none;
}

dl#menu li a img, dl#menu dt a img{
border: 0;
border: none;
}

dl#menu li a:hover, dl#menu dt a:hover {

color: #000
}

dl#menu li a:hover img, dl#menu dt a:hover img{
margin: 5px 0 5px 5px
}

#infos{
	
	text-align: left;
	margin: 0 0 10px 0;
}

#infos ul{ font-weight: bolder}


#infos ul li a{
	text-decoration: none;
	color: #555;
	width: 190px}

#infos li a span{
	display: none;
	padding: 0 2px;
}


#infos li a:hover span{
	display: inline
}

#infos li a:hover{
	color: #000;
}
/*----diapo---*/
.diapo {
width:500px;
height:  400px;  
}

.fleches{
	width:500px;
	margin: 0px 0 30px 0px;
}

.fleches a{
	text-decoration: none;
	color: #000;
	font-size: 14px;
	font-weight: bolder;	
}

.fleches a:hover{
	color: #993333;
}


.clear {clear: both}

.titre {width: 500px;
margin: 10px 0 0 0px;
clear: both;
color: #777;
font-size: 12px}

.titre span{
color: #333;
font-size: 14px;
font-weight: bold;
margin: 0 5px 0 0}

.legende {width: 500px;
margin: 30px 0 0 0px;

color: #666;
text-align: justify;
font-size: 0.9em
}

.legende h6{

color: #333;
text-align: justify;
font-size: 1em;
clear: both;
}

.legende dl{
display: inline;
clear: both;
margin: 0 0 10px 0
}

.cat{
margin:0 0 10px 0;
clear: both;
}

.cat span{
font-weight: bolder;

}

.legende dt{
width: 100px;
color: #993300;
text-align: left;
font-size: 1em;
float: left;
border-bottom: 1px solid #993300;

}

.legende dd{
width: 355px;
color: #333;
text-align: justify;
font-size: 1em;
margin: 7px 0 0 5px;
float: left;
}


.liens {	
margin: 10px auto;
clear: both;
	text-align:center;
	overflow:auto;

}

.liens ul{
font : 12px;
	list-style:none;
	margin: 0 0 10px 0;
	padding: 0;
	color: #CC99CC;
	
}

.liens li {
	padding-top:5px;
}

.liens a {
	font : 12px;
	color : #888;
	text-decoration :none;
}

.liens a:hover {
	color: #000;
}

.film {width: 500px;
margin: 0;
clear: both;
font-size: 0.9em
}



.txtfilm {
font-size: 1.1em
}




/*--TABLEAU--*/
.tablemail {
font-size: 15px;
margin: 0 auto;
text-align: left;
height: 320px;
}

input {
	display:block;
	margin:5px 0 0 0;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
}

input[type=submit], input[type=reset] {
display: inline
}

textarea {
	display: block;
margin:5px 0 0 0;
	color: #666;
	font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
}