body {  scrollbar-face-color: #91a8d2; scrollbar-highlight-color: #91a8df; scrollbar-3dlight-color: #91a8a2; scrollbar-darkshadow-color: blue; scrollbar-shadow-color: #91a8ff; scrollbar-arrow-color: purple; scrollbar-track-color: white; background-attachment: scroll;

background-position: center center; text-align: center; margin: 0px;background-image: url(../img/hach-vert.gif);background-color: Olive; }

/*__________________ Page ____________________*/

#page {text-align: left; width: 700px; height: 550px; position: relative; background-image: url(../img/fond.jpg); z-index: 1; background-repeat: no-repeat; background-position: center center; background-color: white; padding: 0;margin-top: auto;

margin-left: auto;margin-right: auto; }

/*___*/
#close{
	position: relative;
	background-color: Red;
	border: thin solid Black fine;
	margin-right: -10px;
	width: 10px;
	font-weight: bold;
}
#pub {
	text-align: left;
	width: 315px! important;
	width: 395px;
	height: 230px;
	position: absolute;
	padding: 0;
	z-index: 500;
	top: 150px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 40px;
	padding-top: 10px;
	left: 200px;
	border-bottom-color: Gray;
	border-bottom-style: solid;
	border-bottom-width: 1px; background-repeat: no-repeat;background-color: Yellow; 
	/*background-image: url(notes.jpg);*/
}

/*_______________ cadres haut & bas ____________________*/

#labreche {position: absolute; width: 200px; height: 73px; left: 250px; top: 34px;background-image: url(../img/labreche.png);background-repeat: no-repeat; background-position: center center; z-index: 500; }

#pied {position: absolute; width: 150px; height: 70px; left: 350px; top: 480px; text-align: center; font-size: 12px; font-weight: bold; z-index: 500; color: white; background-color: Silver; border: medium dashed Maroon; padding: 10px; }

/*__________________ cadres gauche & droit____________________*/

#leftimg {position: absolute; width: 120px; height: 285px; z-index: 2; left: -26px; top: 80px; background-image: url(../img/skieurmoy.jpg); border: 1px none #000000; overflow: hidden; }

#leftimg:hover {

background-position:  -120px;

}

#cgauche {position: absolute;  width: 200px;  height: 100%;  z-index: 6;  top: 120px; }

#cgauche li {background-image: url(../img/img-btn.gif); background-repeat: no-repeat; background-position: bottom; color: Purple; height: 28px; font-family: cursive, fantasy; font-style: italic; color: Purple; height: 28px; text-decoration: none; font-size: larger; font-weight: bold; text-decoration: none; }

#cdroit {position: absolute;  width: 200px;  height: 100%;  z-index: 7;  left: 584px;  top: 180px; }

#cdroit li {background-image: url(../img/img-btn.gif); background-repeat: no-repeat; background-position: bottom; width: 100px; font-family: cursive, fantasy; font-style: italic; color: Purple; height: 28px; text-decoration: none; font-size: larger; font-weight: bold; }

/*__________________ cadre central ____________________*/

#master {position: absolute;  width: 692px;  height: 658px;  z-index: 2;  left: 5px;  top: 38px; }

#masque {position: absolute; width: 510px ! important; width: 495px; top: 110px; height: 21px;margin-left: 16%;margin-right: auto; background-image: url(./masquehaut.gif); z-index: 520; }

#content {position: absolute; width: 500px ! important; width: 510px; top: 110px; height: 350px! important; height: 350px; margin-left: 16%; margin-right: auto; background-color: White; padding: 10px; overflow: auto; border-left-color: Blue; border-left-style: inset; border-left-width: 4px; }

#contenttrans img {background-color: White; }

.contenttrans {  background: transparent; filter: alpha(opacity=70); -moz-opacity: .70; opacity: .70; z-index: 10; }

}

#content li {}

/*_______________________ fleches ________________*/

.acti { height: 42px; color: Purple; font-size: 12px; font-weight: bold; background-image: url(../img/flechegauch.gif); background-position: right; background-repeat: no-repeat; }

.acti_r {height: 50px; color: Purple; font-size: 12px; font-weight: bold; background-image: url(../img/flechedroite.gif); background-position: left; background-repeat: no-repeat; }

.p_info {height: 20px; width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #993399; text-decoration: none; }

.fleche {background-image: url(../img/arrow2.gif); background-repeat: no-repeat; background-position: left; padding-left: 10px; font-size: 10px; }

/*----------------- images--------------------*/

.imgfond {width: 100px; background-image: url(../img/fond_deux.jpg); background-position: left; }

#img_left_bas1 { position: absolute; width: 100px; height: 76px; z-index: 2; left: 15px; top: 400px; z-index: 70;}

#img_left_bas2 {position: absolute;  width: 107px;  height: 115px;  z-index: 4;  left: 75px;  top: 475px; z-index: 60; }

#img_left_bas3 { position: absolute; width: 199px; height: 101px; z-index: 50; left: 130px; top: 480px;border: 1px none #000000; }

#img_right_top1 {position: absolute; width: 100px; height: 70px; z-index: 60; left: 570px; top: 35px; background-image: url(../img/fond_deux.jpg); }

#img_right_top1:hover {

background-position:  -100px;

}

#img_right_top2 {position: absolute; width: 100px; height: 70px; z-index: 50; left: 640px! important; left: 620px; top: 100px; background-image: url(../img/fond_deux.jpg); background-position: -100px; }

#img_right_top2 hover {background-position: 0px; }

#img_right_bas1 {position: absolute; width: 150px; height: 101px; left: 570px; top: 480px; background-image: url(../img/pierre.png); border: 1px none #000000; z-index: 50; }

#gite_titre {position: absolute; width: 300px; height: 35px; left: 280px; top: 85px; z-index: 550; background-color: transparent; background-image: url(gitedemontagne.gif); }