/* STYLES GENARAUX*/

html,body {
background-color : silver;
}

p {
font-size : 80%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black ;
background-color : white;

}

td {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black ;
background-color : silver;
font-size:80%;
}

h1 {
font-size : 200%;
font-family : Times,Roman,Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
text-align: center;
}

h2 {
font-size : 150%;
font-family : Times,Roman,Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #990000;
text-align: center;

}

h3 {
font-size : 100%;
font-family : Times,Roman,Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #990000;
padding-left:15px;
}

h4 {
font-size : 100%;
font-family : Times,Roman,Verdana, Arial, Helvetica, Geneva, sans-serif;
color : black;
padding-left:15px;
}

a:link {color: #990000; text-decoration:underline;}
a:visited {color: #990000; text-decoration:underline;}
a:hover {color:red; text-decoration:none;}

/* ORGANISATION DES FEUILLES */

#page {
/* border-style:solid;  */
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color:silver;
}

#header {
 height: 140px; 
/* background-color: black; */
background-image: url(images/head2.gif)  ;
background-repeat:no-repeat;
background-position:100% 100%;

}
#pied {
clear:both;
background-color: silver;
border-style:solid; 
border-width:1px; 
border-color:black;
background-color:rgb(150,150,150);

}


#bloc {
width: 100%;
height:660px;
/*background-color:rgb(100,100,100)*/;
background-color:black;
}


#contenu {
float:right;
margin-right:10;
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:white;  
padding :5px;
width:500px;
height:95%;
overflow:auto;



}
#menu1 {
/*position:absolute;*/
float:left;
border-style:solid; 
border-width:1px; 
border-color:black;
background-color:rgb(50,50,50); 

/*width:170px;*/



}
.menu2 {
position:absolute;
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:rgb(100,100,100); 
width:170px;
padding:10px;
right:0;
/*height:250px;*/
}



/* FORMULAIRES */
p {
font-family:"trebuchet ms",sans-serif;
font-size:80%;
}
form {
background-color:silver;
padding:10px;
width:350px;
}
label {
font-family:"trebuchet ms",sans-serif;
font-weight:bold
}
input {
border:1px solid black;
background-color:#990000;
font-family:"trebuchet ms",sans-serif;
color:white;
}
select, option {
background-color:#990000;
color:white;
font-weight:bold
}
textarea {
border:1px solid black;
background-color:silver;
font-family:"trebuchet ms",sans-serif;
color:white;
}


ul#menu1 li ul{
  display:none;
}

ul#menu1 li:hover>ul{
  display:block;

}


ul#menu1,
ul#menu1 ul{
background-color:#000033;
  border:1px solid silver;
  list-style:none;
  margin:5px;
  padding:0px;
    text-indent: 10px;
  width:170px;
  _width:150px;
 

  
}

ul#menu1 ul{
  position:absolute;
  top:9px;
  left:170px;
margin:-8px;
background-color:#000033;
}

ul#menu1 li{
	
  position:relative;
  margin:0px;
  padding:0px;
  	line-height: 18px ;
text-indent: 10px;
_display:inline;

  
}

ul#menu1 a{
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:12px;
display:block;
width:100%;
color:silver;
text-decoration:none;
font-weight:bold;

}

ul#menu1 a:hover{
  background:#990000;
  color:#FFFFFF;
}
a:link {color: #990000; text-decoration:underline;}
a:visited {color: #990000; text-decoration:underline;}
a:hover {color:red; text-decoration:none;}



#menu_der {
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
 color: silver;
 background: url(images/fleche_menu.gif) no-repeat 100% 50% ;
 font-size:12px;
 font-weight:bold;
   list-style:none;
}

#menu_san {
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
 color: silver;
 background: none ;
 font-size:12px;
 font-weight:bold;
   list-style:none;
}