/* STYLES GENARAUX*/

html,body {
background-color : silver;
}

p {
font-size : 100%;
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
color : #990000 ;
background-color : #DFDFDF;
font-size:80%;
padding:5px;
}



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

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

}

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

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

/* 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:10px;
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:#DFDFDF;
width:540px;




}


#contenu_ov {
float:right;
margin-right:10px;
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:#DFDFDF;
/*width:540px;*/
height:95%;
overflow:auto;

}



#contenu_fullscreen {
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:#DFDFDF;
height:99%;
overflow:auto;
}



/* FORMULAIRES */

form {
background-color:#DFDFDF;
padding:10px;

}
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;
font-weight:bold;
width : 100%;

}

input[type=submit]{border:1px solid black;
background-color:grey;
font-family:"trebuchet ms",sans-serif;
color:white;width: 40px ; } 

input[type=reset]{border:1px solid black;
background-color:grey;
font-family:"trebuchet ms",sans-serif;
color:white;width: 40px ; } 

input[type=button]{} 

select, option {
background-color:#990000;
color:white;
font-weight:bold;
}


textarea { width: 100% ; 
height:25% ; 
font-family : arial, helvetica, sans-serif ; 
background-color: #990000 ; 
font-size: 12pt ;
color:white;
font-weight:bold;}

#menu1 {
float:left;
border-style:solid; 
border-width:1px; 
border-color:red;
background-color:#DFDFDF;

}

ul#menu1 li ul{
  display:none;
}

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

}


ul#menu1,
ul#menu1 ul{
background-color:#000033;
  border:1px solid #DFDFDF;
  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 {font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;color: #990000; text-decoration:none;}
a:visited {font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;color: #990000; text-decoration:none;}
a:hover {font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;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;
}


table {
width:100%;
}

th {
font-family: monospace;
padding: 3px;
background-color: #DFDFDF;
}

td {
font-family: sans-serif;
padding: 3px;
text-align: left;
font-size:80%;
}

legend{
font-family: sans-serif;
padding: 3px;
text-align: center;
background-color: #DFDFDF;
font-size:80%;
}

caption {
font-family: sans-serif;
font-size:80%;
}