/*

Réalisé par Jonathan Bouchard
http://www.productionjb.com
*/

body
{
   width: 800px;
   height:2100px;
   margin-left: 5px;
   margin-top: 5px;
   margin-bottom: 20px; 
   background-color:white;  
   background-image: url(".JPG");
     
}

/* L'en-tête */

#en_tete
{
   width: 800px;
   height:110px;
   background-image: url("baniere222222.JPG");
   background-repeat: no-repeat;
   margin-bottom: 5px;
}




#en_tete2
{
background-color: ;
   width: 780px;
   height:26px;
   color: white;
   background-image: url("");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}




.element_menu2 h2
{   
   
   margin-right: 30px;
    margin-top: 20px;
	 
	
}

/* Le menu */

#menu
{
   float: left;
   width: 130px;
  
     
   margin-right: 10px;
   
}

.element_menu
{ 
   
   
   background-repeat: repeat-x;
   
   border: px solid blue;
   
   margin-bottom: 20px;
   
   
   
    font-size: 10px;

	
   
   font-family: Arial, "Times New Roman", Verdana, serif;
 
 
   
   
   
}




.element_menu3
{ background-image: url(".jpg");
   
   
   background-repeat: repeat-x;
   
   border: px solid blue;
   
   margin-bottom: 20px;
   
   
   
    font-size: 10px;

	
   
   font-family: Arial, "Times New Roman", Verdana, serif;
 
 
   
   
   
}








/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #090CB4;
   font-family: Arial black, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 10px;
   color: blue;
   
   
}

.element_menu ul
{
   list-style-image: url(".bmp");
   padding: 0px;
   padding-left: 0px;
   margin: 0px;
   margin-bottom: px;
}

.element_menu a
{ 
   color: #7E7FAE;
   font-size: 10px;
    font-family: Arial Black, "Arial", "Times New Roman", Times, serif;

}

.element_menu a:hover
{
font-family: Arial Black, "Arial", "Times New Roman", Times, serif;
 font-size: 10px;
   background-color:;
   color:blue ;
}

















.finnous

{background-image: url(".JPG");
   text-align: left;
   font-size: 15px;
color: black;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}

.finnous2

{background-image: url(".JPG");
   text-align: left;
   font-size: 18px;
color: black;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}


.finnous2jb

{background-image: url(".JPG");
   text-align: left;
   font-size: 13px;
color: #0058e0;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}





.finnous2jb2

{background-image: url(".JPG");
   text-align: left;
   font-size: 13px;
color: black;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}










/* Le corps de la page */

#corps
{


 
   margin-left: 0px;
   margin-bottom: 0px;
   padding: 0px;

   color: black;
   background-color: blue;
   background-image: url("noir.JPG");
   background-repeat: repeat-x;
   


   border: 1px solid white;
}

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



/* Le pied de page  */

#pied_de_page
{width: 780px;
   height:60px;
   padding: 0px;
margin-left: 16px;
margin-top: 0px;
   text-align: center;
font-size: 20px;
   color: black;
   background-color: white;
   background-image: url("");

   
   border: 1px solid #A7A7C3;
}


#pied_de_page2
{
   padding: 0px;
margin-left: 0px;
margin-top: 30px;
   text-align: center;
font-size: 20px;
   color: black;
   background-color: white;
   background-image: url(".JPG");

   
   border: 1px solid #A7A7C3;
}


#corps19800
{

float: left;
   width: 300px;
   height:255px;

   padding: 0px;
margin-left: 10px;
margin-top: 20px;
  
font-size: 20px;
   color: black;
   background-color:white;
 

   
   border: 1px solid white;
}





#corps1980
{

float: left;
   width: 300px;
   height:295px;

   padding: 0px;
margin-left: 10px;
margin-top: 20px;
  
font-size: 20px;
   color: black;
   background-color:white;
 

   
   border: 1px solid white;
}



#corps2
{

float: left;
   width: 300px;
   height:292px;

   padding: 0px;
margin-left: 10px;
  
font-size: 20px;
   color: black;
   background-image:;
 

   
   border: 1px solid white;
}


.corps2  a
{
   color: white;
   font-size: 13px;
   
   
   
}

.corps2 a:hover
{
   background-color: bleu;
   color:red ;
}



#corps19
{

float: left;
   width: 300px;
   height:70px;

   padding: 0px;
margin-left: 10px;
  margin-top: 20px;
font-size: 20px;
   color: black;
   background-color:white;
 

   
   border: 1px solid white;
}





#corps199999
{

float: left;
   width: 240px;
   height:70px;

   padding: 0px;
margin-left: 10px;
  margin-top: 20px;
font-size: 20px;
   color: black;
   background-color:white;
 

   
   border: 1px solid white;
}


#corps4444
{
 background-color: #7878FF;
float: left;
   width: 610px;
   height:40px;

   padding: 0px;
margin-left: 10px;
  margin-top: 20px;
   margin-bottom: 20px;
font-size: 20px;
   color: black;
   background-color:white;
   

   
   border: 1px solid white;
}



/* 1# div Site DROITE  */

#corps3
{

float: right;
   width: 260px;
   height:100px;
margin-right: 5px;
margin-top: 10px;
   padding: 10px;

   text-align: center;
font-size: 22px;
   color: black;
   background-color: white;
   background-image: url(".jpg");
   background-repeat: repeat-x;
   
   border: 1px solid #BDBCDC;
}


#corpsjb
{

float: right;
   width: 260px;
   height:100px;
margin-right: 5px;
margin-top: 50px;
   padding: 10px;

   text-align: center;
font-size: 22px;
   color: black;
   background-color: white;
   background-image: url(".jpg");
   background-repeat: repeat-x;
   
   border: 1px solid #BDBCDC;
}

#corps4
{

float: right;
   width: 260px;
   height:100px;
margin-right: 5px;
  margin-top: 10px;
 padding: 10px;
   text-align: center;
font-size: 22px;
   color: black;
   background-color: white;
   background-image: url(".jpg");
   background-repeat: repeat-x;
   
   border: 1px solid #BDBCDC;
}



#corps5
{

float: right;
   width: 260px;
   height:100px;
margin-right: 5px;
   padding: 10px;
margin-top: 10px;
   text-align: center;
font-size: 22px;
   color: black;
   background-color: white;
   background-image: url(".jpg");
   background-repeat: repeat-x;
   
   border: 1px solid #BDBCDC;
}



#corps6
{

float: right;
   width: 300px;
   height:70px;
margin-right: 10px;
   padding: 10px;
margin-top: 10px;
   text-align: center;
font-size: 20px;
   color: black;
   background-color: white;
   background-image: url(".jpg");
   background-repeat: repeat-x;
   
   border: 1px solid #BDBCDC;
}



#corps7
{

float: right;
   width: 260px;
   height:120px;
margin-right: 5px;
   padding: 10px;
margin-top: 10px;
   text-align: center;
font-size: 20px;
   color: black;
   background-color: white;
   background-image: url(".jpg");
   background-repeat: repeat-x;
   
   border: 1px solid #BDBCDC;
}




#corps1981
{

float: right;
   width: 300px;
   height:303px;
margin-right: 10px;
   padding: 10px;
margin-top: 10px;
   text-align: center;
font-size: 20px;
   color: black;
   background-color: white;
   background-image: url(".JPG");
   background-repeat: repeat-x;
   
   border: 1px solid white;
}

#corps8
{

float: right;
   width: 260px;
   height:250px;
margin-right: 5px;
   padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
   text-align: center;
font-size: 20px;
   color: black;
   background-color: white;
   background-image: url(".JPG");
   background-repeat: repeat-x;
   
   border: 1px solid white;
}


#corpspup
{


   width: 570px;
   height:300px;
margin-left: 150px;
   padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
   text-align: center;
font-size: 20px;
   color: black;
   background-color: white;
   background-image: url(".JPG");
   background-repeat: repeat-x;
   
   border: 0px solid ;
}








.fin

{background-image: url("logo.JPG");
   text-align: right;
   font-size: 18px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}



.fin3

{background-color:white;
   text-align: center;
   font-size: 20px;
color: black;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}

.finjonathan222

{background-image: url(".JPG");
   text-align: center;
   font-size: 9px;
color: #19419D;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}



.finjonathan22

{background-image: url(".JPG");
   text-align: center;
   font-size: 9px;
color: red;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}

.tiguy

{background-image: url(".JPG");
   text-align: center;
   font-size: 13px;
color: #4D2198;
   
   font-family: Verdana, "Verdana", Verdana, serif;
  
}
.finjonathan2

{background-image: url(".JPG");
   text-align: center;
   font-size: 10px;
color: #7D7EC9;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}



.finjonathan

{background-image: url(".JPG");
   text-align: center;
   font-size: 11px;
color: #A7A7C3;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}


.finjonathanjb

{background-image: url(".JPG");
   text-align: center;
   font-size: 11px;
color: red;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
  
}



.fin2000

{background-image: url(".JPG");
   text-align: center;
   font-size: 12px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}





.fin2006

{background-image: url("arbre.JPG");
   text-align: right;
   font-size: 16px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}


.win

{background-image: url(".JPG");
   text-align: right;
   font-size: 20px;
color: black;
   
   font-family:Verdana, serif;
   
}


.fin2005

{background-image: url(".JPG");
   text-align: right;
   font-size: 10px;
color: black;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}



.fin2222

{background-image: url(".JPG");
   text-align: right;
   font-size: 10px;
color: black;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}














* {
  color: black;
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
   font-family: Tahoma` Verdana` Arial` serif;
}
a.info {
   position: relative;
   color: white;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: blue;

   color: blue;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}






.fin19

{background-image: url("logo.JPG");
   text-align: center;
   font-size: 9px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}




.fin1999

{background-image: url("space3.JPG");
   text-align: center;
   font-size: 9px;
color: white;
   
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}




.fin18

{background-image: url(".JPG");
   text-align: right;
   font-size: 9px;
color: black;
    background-color: white;
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}






.fin20

{background-image: url("space.JPG");
   text-align: right;
   font-size: 9px;
color: white;
  
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}



.fin21

{background-image: url("space222222.JPG");
   text-align: right;
   font-size: 15px;
color: balck;
  
   font-family: Verdana, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}


.texture1

{background-image: url("texture4.JPG");
   text-align: left;
   font-size: 15px;
color: black;
  
   font-family: Verdana, "Verdana", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}


.basdusite

{background-image: url("");
   text-align: center;
   font-size: 13px;
color: #6B35FF;
  
   font-family: Verdana, "Verdana", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}
.basdusite2

{background-image: url("");
   text-align: center;
   font-size: 14px;
color: #6B35FF;
  
   font-family: Verdana, "Verdana", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}

.texture2

{background-image: url("texture2.JPG");
   text-align: left;
   font-size: 15px;
color: black;
  
   font-family: Verdana, "Verdana", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}


.texture4

{background-image: url("texture4.JPG");
   text-align: center;
   font-size: 15px;
color: black;
  
   font-family: Verdana, "Verdana", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}


.fin212121

{background-image: url("space222222.JPG");
   text-align: right;
   font-size: 15px;
color: balck;
  
   font-family: Verdana, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}

.21

{background-image: ;
   text-align: center;
   font-size: 16px;
color: blue;
  
   font-family: Arial, "Times New Roman", Verdana, serif;
   text-transform: capitalize; /* Les premières lettres des mots du titre seront en majuscules */
}