* CSS Document */


* {
margin: 0;
padding: 0;
border:0
}

body{
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#666666; 
background:black;
}

h1{
color:#666666; 
padding-left:200px;
}

h2{ 
color:#333333; 
font-weight:700; 
font-size:1.4em; 
margin-top:5px; 
margin-bottom:10px; 
padding-left:30px; 
padding-right:30px;
}

h3{
color:#666666; 
font-weight:bold; 
font-size:1.1em; 
margin-top:5px; 
margin-bottom:3px; 
padding-left:30px; 
padding-right:30px;
}

p {
padding-left:30px; 
padding-right:30px; 
font-size:1em; 
color:#666666; 
text-align:justify; 
padding-bottom:5px;
}

#contenu ul {
padding-left:30px; 
padding-right:30px; 
list-style-position:inside;
}

#menu ul {
list-style-type: none;
margin:0px;  
width:auto;/* précision pour Opera */ /*overflow:auto;*/ 
padding:0;
padding-left:50px;
margin-top:10px;
margin-bottom:2px;
margin-left:50%;

}
  
#menu li{
display: inline;
}

#menu li a{ 
font-size:1em; 
display: inline; 
height:2em; 
text-align:center; 
padding-right:2em; 
text-decoration:none; 
color:white; 
font-weight:700; 
line-height:1.5em; 
} 

#menu li a:hover {
color:#767676;
}
  
/*#contenant{
margin:5px auto; 
width:800px;  
height:100%; 
background-color:#FFFFFF; 
}*/

#contenant {

	width:980px;
	height:100%;
	overflow:auto;
	z-index:1;
	margin:5px auto;
	height:100%; 
	background-color:#FFFFFF;
	border:1px solid black;
}


#header { 
}

#menu {
width:100%; 
}

#millieu { 
border:1px solid #B7B7B7; 
overflow:auto; 
height:100%;
}

#gauche { 
float:left; 
}

#corps_acc {
float:left;
width:580px;
height:500px; 
background: url(../images/oudor_droite3.jpg);
}

#corps {
float:left;
width:580px;
height:500px; 
background: url(../images/oudor_droite.jpg);
}

#contenu{
height:450px;
margin-left:5px; 
padding:5px;
padding-left:55px; 
overflow:hidden;
}

#foot { 
clear:both; 
height:20px; 
width:100%;
height: 60px; 
background:url(../images/footer.jpg); 
}

#foot p {
text-align:center; 
font-size:0.8em; 
border:1px solid #B7B7B7; 
}

.cont1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#333333;
	margin-left:35px;
}

.cont2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	margin-left:35px;
}

.cont3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	font-weight:bold;
	margin-left: 35px;
}

hr{
	width:70%;
	margin-left:35px;
}

.miniature {
	width:50px; 
	height:65px; 
	padding:2px; 
	border:2px solid #663631; 
	margin:5px;
}

.mini {
	width:80px;
	height:60px;
}

.proj{
	position:relative;
	margin-top:10px;
	margin-left:35px;
	padding-left:10px;
	height:auto;
	width:85%;
}

.proj img{
	display:inline;
	position:relative;
	margin-right:15px;
	margin-bottom:5px;
	border:1px solid black;
}

.proj a span{
	display:none;
	background-color:#CCCCCC;
	color:#333333;
	text-decoration:none;
}

.proj a:hover span{
	display:block;
	position:absolute;
	top:70px;
	left:15px;
	width:400px;
	height:auto;
	text-align:center;
	margin-top:10px;
	margin-left:15px;
	margin-bottom:10px;
	border: 1px solid black;
}

.proj a:hover {
background-position: 0;
}

fieldset{
	-moz-border-radius: 10px;
	margin-top:30px !important;
	margin-top:40px;
}
.cop{
	position:relative;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-bottom:20px;
/*	border:1px solid #999999;*/
}
.cop a{
	color:#FFFFFF;
	text-decoration:none;
}

.cop a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}