body
{
position: absolute;
	left: 10px;
	top: 10px;   
width: 760px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour viter de coller avec le haut de la fentre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("backgrounds/wood.gif"); /* Une petite image de fond pour viter d'avoir un vieux fond blanc  image/dblue024.jpg */
}

a:link { 
	color: #663300;
	}

a:hover { 
background-color: #FFFFFF;
text-decoration: none;
}
.haut 
{
text-align:right;
}

#en_tete
{
  
   width: 800px;
   height: 125px;
   background-image: url("backgrounds/ban_de_bienvenue_brun.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
#sous_en_tete
{
position: absolute;
left: 290px;
top: 65px;
width: 500px;
height: 75px;
background-image: url("backgrounds/mon_adresse_brun.bmp");
background-repeat: no-repeat;
margin-top: 50px
}

/* Le menu */

#menu1
{
   float: left;
   width: 250px;
   height: 1450px;
   overflow-x:hidden; 
   overflow-y:hidden;
 }

.element_menu
{
   background-color: #0099FF;
   background-image: url("backgrounds/fallleaf.jpg");/* Barre image au dessus des  menus  image/snowin.gif,  */
   background-repeat: repeat -y;
   border: 0px solid black;
   margin-bottom: 20px;
}


/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("http://qcjn.t35.com/image/brownknot_16x16.png") ;/*puce image des menus---image/qcjn.ico*/
   padding: 1px;
   padding-left: 40px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #663300; 
}

.element_menu a:hover
{
   background-color: white;
   color: black;
}
.element_menu a:visited
{
	color: red;
}
.element_menu a:active
{
	color: white;
}


/* Le corps de la page */

#corps
{
position: absolute;
	left: 140px;
	top: 190px;
	width: 700px;	
   margin-left: 200px; /* Une marge  gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour viter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour viter que le texte  l'intrieur du corps ne colle trop  la bordure */
   
   color: black;
   background-color: #FFCC99; /* Une couleur de fond pour le corps -------------------------------------------------------------*/
   background-image: url("backgrounds/fallleaf.jpg");/* Une petite image de fond qui se rptera horizontalement en haut ------image/lblue005.jpg----------------------------*/
   background-repeat: repeat; /* Une petite image de fond qui se rptera horizontalement en haut */
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #660000;
   text-align: center;
   font-family: Arial, "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   background-image: url(""); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se rptera pas, elle sera  gauche du titre */
   padding-left: 30px;
   color: #663300;
   text-align: left;
}
#right1
{
	position: absolute;
	right: 100px;
	top: 150px;
	width: 200px;
 }
 
 #right2
{
	position: absolute;
	right: 100px;
	top: 370px;
	width: 200px;
 }
 #right3
{
	position: absolute;
	left: 550px;
	top: 170px;
 }
 #right4
{
	position: absolute;
	left: 550px;
	top: 330px;
 }
 #right5
{
	position: absolute;
	right: 325px;
	top: 450px;
	width: 200px;
 }
 #right6
{
	position: absolute;
	right: 530px;
	top: 450px;
	width: 200px;
 }
 #meebo
{
	position: absolute;
	right: 150px;
	top: 800px;
	width: 60%;
 }
 #meteo
{
	position: absolute;
	left: 610px;
	top: -190px;
	width: 200px;
 }

.les_liens a
{
   color: black;
}
.les_liens a:hover
{
   background-color: yellow;
   color: black;
}
#pied_de_page
{
   position: absolute;
	left: 300px;
	top: 7000px;
	width: 800px;
   padding: 5px;
   text-align: center;
   color: #CC9933;
   background-color: #663300;
   background-image: url("image/snowin.gif");/*barre image au dessus du pied de page*/
   background-repeat: repeat-x;
  
   border: 2px solid black;
  } 
 
 #photos
  {
   padding: 100px;
   margin-left: 10px; /* Une marge  gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
  margin-bottom: 20px; /* Ca c'est pour viter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour viter que le texte  l'intrieur du corps ne colle trop  la bordure */
   
   color: black;
   background-color: #66CCFF; /* Une couleur de fond pour le corps_ bleu pale */
  
  background-repeat: repeat; /* Une petite image de fond qui se rptera horizontalement en haut */
   
   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#photos h1 /* Tous les titres h1 du corps */
{
   color: #003366;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#image_viewer
{
margin-left: 210px;
margin-bottom: 20px;
}