.titre1{
text-align:center;
font-size:120%;
font-family:Arial,sans-serif;
color:#003366;
font-weight:bold;
}
.titre2{
color:#EB7916;
font-size: 110%;
font-weight:bold;
margin-left:10px;
}
.page{
color:#EB7916;
font-size: 110%;
font-weight:bold;
float:right;
}

.libelle{
width:200px;
float:left;
}

.libelle2{
width:120px;
float:left;
}
.format{
font-size: 90%;
float:left;
}



.gauche{
width:400px;
float:left;
}
.droite{
left:420px;
}

body { font-size:100%; margin:0px; padding:0px; background-color:white; height:100%;width:100%;font-family:Arial,sans-serif}  
html {height:100%;width:100%;}
.haut 
{ 
margin:0px; 
padding:0px; 
width:100%; 
background-color:#EB7916;
text-align:center;
height:76px;
}
.haut2 
{ 
margin:0px; 
padding:0px; 
width:100%; 
background-color:#EB7916;
text-align:center;
height:76px;
}
#container
{
position:relative;
}
#footer
{
position:relative;
margin:0px;
padding:0px;
width:100%;
background-color:#003366;
color:white;
}

#footer a{
color:white;
}

.conteneur
{
width: 100%;
height:90%;
margin: 0;
padding: 0;
overflow: auto;}
.conteneur2
{
width: 100%;
height:58%;
margin: 0;
padding: 0;
overflow: auto;}
  
.milieu {
padding-left:10px;
background-color:white;
}  
.obligatoire{
color:red;
float:left;
}

.obligatoire2{
color:black;
float:left;
}


.bas { margin:0px; padding:0px; width:100%; background-color:#003366;color:white;}

.bas a{
color:white;
}

a {
color:black;
}

.cadre {
margin-left:15%;
margin-right:15%;
}

.edito {
text-align:justify;
text-indent:50px;

}

.bandeauhaut {
background-color:#003366;
}

.logo {
float:left;
border:none;
}

table
{border:none;}
tr
{border-width : 0;}
td
{border-width : 0;}

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 10px 0 0;
padding: 0;
}

#menu {
position : absolute;
margin-left : 0px;
font-family: Arial,sans-serif;
color:white;
width: 100%; /* précision pour Opera */
z-index:100;
}

#menu dl {
float: left;
width: 120px;
}

#menu dt {
cursor: pointer;
text-align:center;
background: #003366;

}

#menu dd {
display: none;
}



#menu dt a {
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

#menu li a {
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
width:215px;
background:#003366
}
#menu li a:hover, #menu dt a:hover {
background: red;
}



.menu {
background-color:#003366;
position: relative; 
margin-left : 0px;
}

.menu li {
float: left;
}

.menu a {
margin: 0px;
width: 170px;
display: block;
text-align: center;
border:0px;
text-decoration: none;
color: white;
background: #003366;
}

.menu a:hover {
background: red;
border: 1px solid gray; 
}

.menu a:active {
background: gray;
border: 1px solid gray; 
color: #fff;
}
.menu a span {
display:none}
.menu a:hover span {
display:block;
position:absolute;
top:20px;
left:0;
width:600px;
text-align:left;
border-top:1px solid gray;
color:#000;
}

table.sample td {
  border-bottom: thin #000 solid;	
  border-left: thin #000 solid;	
}

table.sample {
  border-top: thin #000 solid;	
  border-right: thin #000 solid;	
}