Body {
background-color :black; 
font-family:"arial";
color:blue;
}

.A {
display:block;
border:10px red;
width:100%;
padding:10px;
margin-top:10px;
margin-left:10px;
margin-right:10px;
text-align: center;

}
.B {
border-style:solid; 
border-width:2px; 
border-color:red; 
width:100%;
margin:auto;
padding:3px; 
height:20px;
text-align: left;
color:#00b0ff;
top:20px;
}

.B3 {
border-style:solid; 
border-width:2px; 
border-color:black; 
width:180px;
margin:auto;
padding:3px; 
height:20px;
text-align: left;
color:yellow;
top:20px;
}

.B1 {
border-style:solid; 
border-width:1px; 
border-color:black; 
width:200px;
margin:auto;
padding:10px; 
height:40px;
text-align: left;
top:20px;
}

.grise {
border-style:solid; 
border-width:3px; 
border-color:red;
background-color :#808080;   
padding:2px; 
height:150px;
}

.grise10 {
border-style:solid; 
border-width:3px; 
border-color:red;
background-color :#808080;   
padding:2px; 
height:100px;
}

.blanche10 {
border-style:solid; 
border-width:3px; 
border-color:red;
background-color :white;
width:700px;
padding:2px; 
padding-top:5px; 
height:250px;
}

.blanche15 {
border-style:solid; 
border-width:3px; 
border-color:red;
background-color :green;
width:700px;
padding:2px; 
padding-top:5px; 
height:250px;
}

.blanche11 {
border-style:solid; 
border-width:3px; 
border-color:red;
background:orange;
width:700px;
padding:2px; 
padding-top:5px; 
height:500px;
}

.blanche12 {
border-style:solid; 
border-width:3px; 
border-color:green;
background-color :#BAFF00;
width:400px;
padding:2px; 
padding-top:5px; 
height:20px;
}

.blanche13 {
border-style:solid; 
border-width:3px; 
border-color:green;
background-color :#BAFF00;
width:100px;
padding:2px; 
padding-top:5px; 
height:20px;
}

.blanche14 {
border-style:solid; 
border-width:3px; 
border-color:black;
background-color :black;
width:20px;
padding:2px; 
padding-top:5px; 
height:20px;
}

.bleu {
border-style:solid; 
border-width:1px; 
border-color:black;
background-color :#0033FF;  
width:100%;  
height:5px;
}

.30 {
border-style:solid; 
border-width:3px; 
border-color:red;  
width:auto; 
padding:5px; 
height:auto;
float:left;
}

.31 {
border-style:solid; 
border-width:3px; 
border-color:red;  
width:auto;  
height:auto;
float:left;
}

.31bis {
border-style:solid; 
border-width:3px; 
border-color:red;  
width:auto;  
height:50px;
float:left;
}

p {
background-color:transparent;  
color:blue;
font-family:"arial";
text-align: left;
}

h1 {
background-color:transparent;  
color:blue;
text-align:center;
}

h2 {
background-color:transparent;  
color:blue;
text-align:center;
}

h3 {
background-color:transparent;  
color:blue;
text-align:center;
}

h4 {
background-color:transparent;  
color:blue;
text-align:center;

}
#contenu {
margin-top:auto;
text-align:justify;
}

label {
font-family:"arial";
font-size:100%;
}
input {
border:1px solid black;
background-color:white;
font-family:"arial";
color:black;
}

textarea {
border:1px solid black;
font-family:"arial";
color:yellow;
}
li {
 font-family:"arial";
 font-size: 100%;
 color: yellow;
 list-style-type:none;
 text-align:left;
 background-image:url(fleche1.jpg);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:15px;
} 

input[type="submit"], input[type="reset"] {
  background:#fff;
  font:1.2em arial;
  color:#000;
}
p#buttons {
  text-align:center;
}

<!--------------------lien------------------------------------->
<!--a:link : définit la couleur de soulignement des liens. Par défaut, les liens sont soulignés en bleu.-->
a:link {color:#FFCC00} 

<!--a:visited : définit la couleur de soulignement d'un lien sur lequel l'internaute a déjà cliqué. 
Par défaut, ces liens sont soulignés en violet.--->
a:visited {color:#FF6600} 

<!--a:hover : permet de définir la couleur du lien lorsque l'internaute passe le pointeur de la souris dessus. -->
a:hover {color:#006633; font-weight: bold; font-style: small;text-decoration: none }



/* CSS Document */