/*
Réalisation Patrick HOUDEYER F2QH
*/

body
{
   width: 90%;
   margin-top: 10px;
   margin-right: 30px;
   margin-left: 30px; 
  background-color:#87CEFA;
   

   }

/* L'en-tête - insertion de la bannière */

#en_tete
{
   width: 100%;
   height: 150px;
   background-image: url("banniere2.png");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   margin-left: 140px;
   background-position:center top;
   margin-right: auto;
}
/* texte defilant */
.html-marquee
{
text-align:center;height:20PX;width:40%;font-family:Arial, "Arial Black", "Times New Roman", Times, serif;font-size:12pt;
font-weight:bold;border-width:8px;border-style:ridge;border-color:YELLOW;}

thumb
{
background-color: black;
}


/* Le menu */

#menu
{
  
/*position du menu à gauche, 10 pixels de la marge*/
   float: left;
   width: 18%;
   margin-top:5%;
}


.element_menu
 /*sous-menu, fond bleu,cadre epaisseur continu noir 2px*/
{
    background-color: #003DF5;
    border: 2px solid black;
    margin-bottom: 10%;

}


/* Quelques effets sur les menus */
a.bouton
 {
  color:#FFFF00;
  background-image:url("bouton.png");
  text-decoration: none;
  font-weight: bold;
  padding: 5px;
  border: 2px outset #000080;
  display: block;
  width: 90%;/* pour permettre la touche extensible*/
}


a.bouton:hover /*passage de la souris sur les boutons*/
{
  background-image: url(bouton2.png);
  border: 2px inset #FFCC33;
}


.element_menu h3
/*titre de menu jaune, definition caractères, texte centré*/
{    
   color: #FFCC33
   ;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   padding: 0;
   padding-left: 10px;
   margin: 0;
   margin-bottom: 4.5px;
   text-align: center;
   list-style: none;
}




/* Le corps de la page */

#corps
 
{
  margin-top:10px;
  margin-left: 5%;
   margin-right: auto;
   margin-bottom: 10px;
   padding:3%;
   color: black;
   background-color:#87CEFA; 
   text-align:justify;
 }

p
{
width:80%;
margin-left :20%;
}


#retour
{text-align:right;}

.haut
{text-align:right;
background-color:red;}

#corps h1
{
   color: #00008B;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   background-image: url("images/titre.png");
   background-repeat: no-repeat;
   padding-left: 0;
   color: #00008B;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
p
{
font-size: 140%;
}

td
{
background-color : #3D8BFF;
margin-right:20%;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align:justify;

}





/* Le pied de page  */

#pied_de_page
{

padding: 15px;
width:100%;
font-size: 100%;
color: red;
background-color:#003DF5;
text-align:left;
   }



img {
 border:0
 } 

.thumb {
 width:100px;
 height:75px; 
 margin:2%;
 float:left; 
 background-color:#D3D3D3; 
 display:block;
 } 

.thumb a {
 display:block;
 }

.thumb a:hover {
 position:absolute;	
 }	 
	
/*hack pour permettre le rollover 
de gauche à droite avec mozilla*/

body>.thumb a:hover {	  
 position:relative;	 
 }	
	
.thumb a img { 
 margin:0;
 padding:0;
 width:100px;
 height:75px; 
 }

.thumb a:hover img {
 position:relative;
 left:0px;
top:0px;
 width:320px;
 height:240px;  
 } 

.zoomh img:hover
{height :768px;
width : 1024px;
display:block;
position:absolute;
}