html {
height: 100%;
width: 100%
}

body {
	margin: 0;
	color: #000;
	font: 0.6em arial;
	height: 100%;
	width: 100%;
		overflow-x: hidden;
}


img a {
	text-decoration: none;
	border: 0;
}

img a:hover {
	text-decoration: none;
	border: 0;
	}

ul, li {
margin: 0;
padding:0;
list-style-type: none;
	}
	
#index{
	margin-top: 20px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	color: #333;
	}
	
#index a{
	font-size: 1em;
	color: #333;
	
	}
	
#index a:hover{
	font-size: 1em;
	color: #a07b69;
	text-decoration: underline;
	}	
	
	
	
#contain{
	margin: 50px 0;
}
	
#contenu {
	position: absolute;
	width: 100%;
	padding: 12px 0 40px 10px;
	margin: -30px 0px;
	background: url(fond.png) repeat-x bottom left;
	z-index:1000;
	display: hidden
}
	
.clear {clear: both}

.titre { 
	font-size: 15px; 
	margin-bottom: 10px;
}

.titre strong{ 
	margin-left: 75px; 
	font-size: 12px; 
	float: left;
}

.titredate {
	font-size: 10px; 
	margin: 1px 0 0 10px;
	color: #555;
	float: left;
}

#footer {
	margin: 10px;
	padding: 10px 0;
	clear: both
}

#footer a:hover {color: #000; text-decoration:underline}

	
/*---------------------- MENU---------------------------------------*/


.smenu {display:inline}


.smenu a img{
filter: alpha(opacity=30);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
 -moz-opacity: 0.30; opacity:0.3;
margin: 0px 2px 2px 0;
border: 0;
height: 50px;
text-decoration: none
}

.smenu a:hover img {
filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1.0;
}

.smenu a:visited img {
filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; opacity:1.0;
}



a {text-decoration: none;
color: black;
color: #222;
}


.menu { margin: 10px; width: 95% }
.menu li{list-style-type: decimal-leading-zero}
.menu li a{}
.menu li a:hover{text-decoration:underline}

.smenu2 { float: left; display:inline; margin-right: 10px}
.smenu2 a{}
.smenu2 a:hover {color: #000; text-decoration:underline}

.smenuright { float: right; display:inline; margin-right: 10px;}
.smenuright a{ }
.smenuright a:hover {color: #000; text-decoration:underline}

.menuimg {
	float: left; 
	margin: 10px;
}



	

/*---------------------------INFORMES---------------------------*/
.img {
	margin-left: 90px; 
	clear: both;
	margin-top: 30px;
}

.left {
	float: left;
	margin-left: 90px 
}


#conteneurinf {
	margin: 15px 0;
	}

.legendeinf{
	margin: 5px 0;	
	width: 467px;
	
}

.legendeinf li{
	color: #555;
	font-size: 10px;
	margin-bottom: 2px;
	list-style-type: none;
}

.legendeinf li span {
	font-size: 10px;
	color: #555;
	padding-right: 2px
}

.legendeinf li span strong{
	font-size: 12px;
	font-family: arial black;
	color: #000;
}


.legende  {
	color: #555;
	width: 500px;
	margin: 10px 0;
	font-size: 10px;
	text-align: left;
	}



.infos{
	margin-top: 5px;
	line-height: 140%
}




/*-----------------------------VIDEOS------------------------------*/

.film {
	width: 320px;
	height: 400px;
	float: right;
	text-align: center;
}

/*--------------------------------LIENS-----------------------------*/

#conteneurliens {

	text-align: left;	
}


.liens {width: 500px;
clear: both;
font-size: 1em;
font-family: arial;
}
.liens ul {margin: 0 0 10px 0;}
.liens ul span{font-size: 1.2em; }
.liens ul li {margin: 0px auto;}
.liens ul li a{text-decoration: none; color: #888;}

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



/*--MAIL--*/

.textarea {border: 1px solid #444}

/*--TABLEAU--*/
.tablemail {
font-size: 1.2em;
width:450px;
height: 350px;
padding: 30px;
text-align: left;
 }
 
 input {
	display:block;
	margin:5px 0 0 0;
	color: #666;
}

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

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

.tablemail dl dt{float: left; width: 80px; text-align: left}
.tablead {color: #666; font-weight:lighter; font-size: 25px; padding:0; margin:0 0 0 80px; letter-spacing:-1px; }
.tab_bouton {color: #999; font-weight:lighter; margin:0; clear: both }
.tab_cont {margin: 0 0 0 80px }


.perfpre {width: 400px; height: 100%; float: right; }
.perf { background:url(feuille.jpg) no-repeat top left; width: 500px;height: 400px; border: 1px solid #fff}
.swf {margin: 70px 0 0 70px; z-index:100}


#conteneurmain{
margin-bottom: 25px;
width: 550px;

}
#conteneurmain span{
color: #996666;
font-weight: bolder;
font-size: 14px
}


/*--------------------------PARCOURS---------------------------*/

#conteneurcv {
	height: 540px;
	
	margin-left: auto;
	margin-right: auto;
	
	display:block;
		
	text-align: left;
}


.cv {
	
	
	padding: 10px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 12px;
	overflow:auto;
	background: url(ray.gif) repeat top left fixed;
	
}
	
.cv a {
	color: #996666;
	text-decoration: none;
	
}

.cv p {
	background: #fff;
	padding: 3px;
	
}

.cv a:hover {
	text-decoration: underline;
}

.date  {
	color: #000;
	text-decoration: none;
	width: 100%;
	font-family: arial black, arial;
	margin: 15px 0 5px 0;
}

#pdf{position:absolute; margin: 470px 0 0 80px;}
#pdf a{border: none; text-decoration:none}

/*--------------------------FORMULAIRE---------------------------*/
.formulaire {margin: 10px;
font-family:Arial, Helvetica, sans-serif}