@charset "UTF-8";
/* CSS Document */

body {
	margin:10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
}

.clear {clear:both}

/* FORMULAIRE */
input {
	display:block;
	margin:5px 0 0 0;
	color: #666;
	width: 280px 
}

input[type=submit], input[type=reset] {
	display: inline;
	width: 100px;
}

textarea {
	display: block;
	margin:5px 0 0 0;
	color: #666;
	font-size: 12px;
	width: 280px
}

.formulaire {
	width: 600px; 
	margin: 0px auto; 
	background:#fff;
}

.tablemail {
font-size: 12px;
width:380px;
height: 350px;
margin: 0 0 0 30px;
text-align: center;
}

.tablemail dl dt{float: left; width: 100px; text-align: left; }
.tablead {color: #FFF; background-color:#00F; font-size: 1.1em; padding:0; margin:-25px 0 0 0; text-align: center  }
.tab_bouton {color: #999; font-weight:lighter; margin:0; clear: both }

/*MISE EN PAGE*/
.nom {
	margin:  0 0 0;
	text-align: right;
	background-color:#000;
	color: #fff;
	padding-right: 2px
}

.nom a{
	text-decoration: none;
	color: #fff;
}

.menu {
	float: left;
	position:fixed;
}
.menuindex {
	float: left;
	position:fixed;
	width: 213px;
}

.menu ul li {
	list-style-type:none;
	text-align: right;
}

.menu li a{
	text-decoration: none;
	color: #666;
	padding: 0 2px;
}

.menu li a:hover{
	text-decoration: none;
	color: #666;
	padding: 0 2px;
	background:#FF0
}

.menu li a:visited{
	text-decoration: line-through;
}

.smenu a{
	text-decoration: none;
	margin: 0 0 5px 15px;
}

.smenu  a:hover{
	background:url(ray2.gif)repeat top right


}


.thumbs {
	float: left;
	margin: 30px 10px 0 180px;
	
}

.thumbs a{
	text-decoration: none;
	border: none;
}

.thumbs a img{
	text-decoration: none;
	border: none;
}


.image {
	float: left;
	margin: 0 10px;
}

.legendeinf {
	float: left;
	margin-left: -30px;
	width: 540px;
	text-align:justify;
	font-size: 0.8em
	
}

.legendeinf span{
	display: block;
	width: 498 px;
	padding: 0 0 0 2px;
	color: #fff;
	background-color:#000;
	font-size: 1.1em
	
}
.legendeinf ul li {
	list-style-type:none;
	display:inline
	
}

.texte {
	margin: 0 20px;
	float: left;
	width: 600px;
	text-align:justify;
	font-size: 0.8em
	
}

/*----------BIO---------*/

.cat {font-size: 0.9em;}

.bio{
width: 600px;
text-align: left;
margin: 0 20px}

.titre{
font-size: 1em;
color: #003300;
margin: 10px 0;
padding: 0 0 0 2px;
background-color: #690;
color: #FFF;
display:block}

.bio dt{
	font-size: 1em;
	display: inline;
	float: left;
	width: 40px;
	}

.bio dd{
	font-size: 1em;
	display: inline;
	margin-left: 0
		
	}

.txt {
	margin: 0 20px;
	width: 600px;
	margin: 0 auto;
	text-align: justify;
	color: #444;
	font-size: 0.8em
}

#liens ul{ list-style-type: none;}
#liens li{ list-style-type: none;}
#liens a {text-decoration: none; color: #999}
#liens a:hover { background-color:#000; color: #fff}