body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("mages_WEBSITE/BioImageTitre.png");
 background-color: #FFFFDF; 
  }

/* L'en-tête */

h1
{
font-style:italic;
}

#en_tete
{
   width: 800px;
   height: 200px;
   background-image: url("images_WEBSITE/ImageTitreV2.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   text-align:center;
}





#titre h1 p
{
text-align:center;
}

{
   width: 800px;
   height: 200px;
   background-image: url("images_WEBSITE/ImageTitreV2.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   text-align:center;
}


.cr
{
text-align:center;
}

.flag
{
//padding-left:50px;
text-align:center;
}

/* Le menu gauche */

#menu
{
   float: left;
   width: 140px;
  // background-image:url("images_WEBSITE/fond_cadre.png");
   background-repeat: repeat-x;

  }
  
  
  

#menu .element_menu1
{
   background-color: #FFFFDF;
   border: 1px solid black;
   
   background-image:url("images_WEBSITE/fond_cadre.png");
   background-repeat: repeat-x;

   height :170px;
   margin-bottom: 20px;
   overflow:auto;
}

#menu .element_menu2
{
   background-color: #FFFFDF;
   border: 1px solid black;
   
   background-image:url("images_WEBSITE/fond_cadre.png");
   background-repeat: repeat-x;
   
   height : 150px;
   margin-bottom: 20px;
   overflow:auto;
}



#menu .element_menu3
{
   background-color: #FFFFDF;
   border: 1px solid black;
   
   background-image:url("images_WEBSITE/fond_cadre.png");
   background-repeat: repeat-x;
   
   height : 150px;
   margin-bottom: 20px;
   overflow:auto;
}

#menu .element_menu4
{
   background-color: #FFFFDF;
   border: 1px solid black;
   
   background-image:url("images_WEBSITE/fond_cadre.png");
   background-repeat: repeat-x;
   
   height :170px;
   margin-bottom: 20px;
   overflow:auto;
}


/* Quelques effets sur les menus */

.element_menu1 h3,.element_menu2 h3,.element_menu3 h3,.element_menu4 h3
{    
   color: #FFFFFF;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-top: 10px;
   padding-left:10px;
   text-align:center;
}

.element_menu1 h3 a,.element_menu2 h3 a,.element_menu3 h3 a,.element_menu4 h3 a
{    
   color: #FFFFFF;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin-top: 10px;
   padding-left:10px;
   text-align:center;
   padding-left:10px;
}


.element_menu1 a,.element_menu2 a,.element_menu3 a,.element_menu4 a

{
   color: #FFFFFF;
}

.element_menu1 a:hover, .element_menu2 a:hover,.element_menu3 a:hover,.element_menu4 a:hover

{
   background-color: #B3B3B3;
   color: black;
}


/* coloration du talbeau de videos */
.tbody tr td a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le menu droit */

#menu2
{
   float: right;
   margin-right:-90px;
   right:5px;
   width: 220px;
  }


.CoteDroit
{
  background-image:url("images_WEBSITE/fond_li.png");
  background-repeat: repeat-y;
  background-color: #FFFFDF;
  border: 1px solid black;
  color: #B3B3B3;
  //height :500px;
  color: #B3B3B3;
  margin-bottom: 20px;
  
  }



.CoteDroit h3
{
  background-color: #FFFFDF
  color: #B3B3B3;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  text-align:center;

}




.CoteDroit h3 a
{
  background-color: #FFFFDF;
  border: 1px solid gold;
  color: #B3B3B3;
   color: #B3B3B3;
  font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align:center;

}

.CoteDroit a:hover
{
   background-color: #B3B3B3;
   color: red;
}

/* changerment de couleur du tableau */
.couleurTableau a:hover
{
   background-color: #B3B3B3;
   color: blue;
}


.couleurTableau{
   background-color: #FFEFC1;
   width:100%;
   height:220px;
   padding-top:5%;
   margin-left:-5%;
   }



/* Le corps de la page */

#corps
{
   position : absolute;
   top:620px;
   //left:30px;
   width:500px;
   height:310px;
   bottom:100px;
   margin-left:0px;
   margin-top:10px;
   padding-left:0px;
   //padding-right: 15px;
   background-color: #FFFFDF;
   //background-image: url("images_WEBSITE/arrondi.png");
   
}

#cadre{ /* taille du cadre*/
//display:inline
position:relative;
left:20px;
top:20px;
width:430px;
background-color: #FFEFC1;
margin-bottom: 80px;
margin-left: 150px;
margin-top: 10px;
margin-right:20px;
padding-right:0px;
padding-left:0px;
}

#cadre2{ /* pour le cadre de toutes les videos*/
//display:inline
position:relative;
left:20px;
top:20px;
width:480px;
background-color: #FFEFC1;
margin-bottom: 80px;
margin-left: 150px;
margin-top: 10px;
margin-right:20px;
padding-right:0px;
padding-left:0px;
}





/* formatage du texte avant la vidéo */
#texteintro
{
margin-left: 10px;
margin-right: 10px;
//padding-right:10px;
//padding-left:10px;


}

.corps2 span {
display:block;
float:left;
width:200px;
height:200px;

background-color: #FFFFFF;
margin-bottom: 20px;
margin-left: 10px;
margin-top: 10px;
margin-right:20px;
padding-right:0px;
padding-left:0px;
padding-top:10px;
text-align:center;
}

.clear {
display:block;
clear:both;
visibility:hidden;
}

td /* Les cellules normales */
{
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 15px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


.element_menu3 ul li a
{
text-align:center;
}


#ticadre1{ /* taille du cadre*/
position:static;
//left:180px;
//top:250px;
width:180px;
background-color: #FFFFFF;
margin-bottom: 20px;
margin-left: 10px;
margin-top: 10px;
margin-right:20px;
padding-right:0px;
padding-left:0px;
padding-top:10px;
text-align:center;
}


#ticadre2{ /* taille du cadre*/
position:static;
//left:200px;
//top:450px;
width:180px;
background-color: #FFFFFF;
margin-bottom: 20px;
margin-left: 10px;
margin-top: 10px;
margin-right:20px;
padding-right:0px;
padding-left:0px;
padding-top:10px;
text-align:center;
}




/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(images_WEBSITE/gaucheHaut.png);
}
#hautdroit {
float: right;
background: url(images_WEBSITE/hautDroit.png);
}
#basgauche {
background: url(images_WEBSITE/gaucheBas.png);
}
#basdroit {
float: right;
background: url(images_WEBSITE/basDroit.png);
}
#contenu p {
background-color: #FFEFC1;
margin-left: 5px; /*gestion des espaces interparagraphes */
padding-left:-100px;
padding-right:10px;
}


#imageCell p

{
   display:block;
   position:relative;
   left: 10px;
   padding-left=-100x;
   margin-top:50px;
   margin-bottom: 10px;
}

.imagemail p
{
   display:block;
   position:relative;
   margin-left:15px;
   padding-left:110px;
   }

#video /* position de la video dans l ecran */
{
   //margin-left:10px;
   margin-top:10px;
   padding-top:10px;
   text-align:center;
}



#imageElectronique p

{
   display:block;
   position:relative;
   margin-left: 30px;
   margin-right: 30px;
   margin-top:50px;
   margin-bottom: 30px;
}




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

#corps h2
{
   height: 30px;

   background-image: url("mages_WEBSITE/titre.png");
   background-repeat: no-repeat;
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}


#cadresuivant{ /* taille du cadre, à titre d'exemple */
position:relative;
top:100px;
width: 450px;
height:100px;
background-color: #FFFFDF;
margin-bottom: 30px;
}


#dernierBlock
{

   position:absolute;
   top:760px;
   left:750px;
   padding: 5px;
   width:100px;
   height:160px;
   color:rgb(38,38,98);
   background-color: #626262;
   background-image: url("images_WEBSITE/ImageGalilee.png");
   background-repeat: repeat-x;
   
   border: 2px solid black;
   margin-right: 10px;
   margin-bottom: 100px;

}

.centrerlapub
{
   text-align:center;
   margin-left:20px;
   padding-left:20px;
}



/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 5px;
   position:relative;
   top:30px;
   left:200px;
   margin-bottom: 10px;
   height:300px;

   color: black;
   background-color: #FFFFDF;
   background-image: url("images_WEBSITE/LogoBioImage.png");
   background-color: #FFFFDF;
   background-repeat: no-repeat;
   text-align:center;
   
   border: 2px gold;
   width:300px;
}