body {
	margin: 0;
	padding: 0;
}

.fond_page_1{ 
background:url(../images/photos/nature2321.jpg) no-repeat;
position:absolute;
margin-left:25px;
margin-right:25px;
}

.titre{margin: 0px 0px 0px 120px; width: 480px; vertical-align:top;}
.titre h2{ margin: 0; color: #990000;}

.fondgauche { background:url(../images/fond_site/fond_gauche.jpg) repeat-y; vertical-align:top;}
.fondcentrehaut {background:url(../images/fond_site/centre_haut.jpg) no-repeat;}
.fondpage {background:url(../images/fond_site/fond_centre.jpg); vertical-align:top; }

.txt_page { padding: 1px 20px 5px 10px; }

.bouton a { width: 170px; height: 25px; display:block; background: url(../images/fond_site/bt1_1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */}
.bouton a:hover {background: url(../images/fond_site/bt1_1.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */}
.bouton1 a { width: 170px; height: 25px; display:block; background: url(../images/fond_site/bt2_1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */}
.bouton1 a:hover {background: url(../images/fond_site/bt2_1.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */}
.bouton2 a { width: 170px; height: 25px; display:block; background: url(../images/fond_site/bt3_1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */}
.bouton2 a:hover {background: url(../images/fond_site/bt3_1.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */}
.bouton3 a { width: 170px; height: 25px; display:block; background: url(../images/fond_site/bt4_1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */}
.bouton3 a:hover {background: url(../images/fond_site/bt4_1.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */}
.bouton4 a { width: 170px; height: 25px; display:block; background: url(../images/fond_site/bt5_1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */}
.bouton4 a:hover {background: url(../images/fond_site/bt5_1.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */}
.bouton5 a { width: 170px; height: 25px; display:block; background: url(../images/fond_site/bt6_1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */}
.bouton5 a:hover {background: url(../images/fond_site/bt6_1.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */}
.bouton6 a { width: 170px; height: 25px; display:block; background: url(../images/fond_site/bt7_1.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */}
.bouton6 a:hover {background: url(../images/fond_site/bt7_1.jpg) no-repeat 0 -25px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */}

a { color:#0000FF; }
a:hover { color:#FF0000; text-decoration:underline; }