BODY
   {
    MARGIN-TOP: 0px;
    MARGIN-LEFT: 0px;
    MARGIN-RIGHT: 0px;
    scrollbar-face-color: #653d2d;
    scrollbar-shadow-color: #e29e3f;
    scrollbar-highlight-color: #a54f00;
    scrollbar-3dlight-color: #e29e3f;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #eee8aa;
   }




#page {
margin:0 auto 0 auto;-----> à rajouter
width : 1024px;
}

body {
padding: 0px;
width: 100%;-----> initialement 1024px donc changé par 100% !
margin: 0px auto;
}

.global
{
    MARGIN-RIGHT: auto}
.texte
{
	TEXT-ALIGN: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #0000FF;
	white-space: nowrap;
	word-spacing: normal;
	line-height: 18px;
}
.texte2
{
	TEXT-ALIGN: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	white-space: nowrap;
	word-spacing: normal;
	line-height: 18px;
	font-weight: bold;
	position: relative;

}
.texte3
{
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #333333;
	white-space: nowrap;
	word-spacing: normal;
	line-height: normal;
	font-weight: bold;

}

.texte4
{
	TEXT-ALIGN: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	white-space: nowrap;
	word-spacing: normal;
	line-height: 18px;
	font-weight: normal;

}

.texte5
{
	TEXT-ALIGN: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #666666;
	white-space: nowrap;
	word-spacing: normal;
	font-weight: normal;
	padding-left: 20px;

}
.texte6
{
	font-family: "Comic Sans MS";
	font-size: 14px;
	color: #0099FF;
	font-weight: normal;

}
.texte7
{
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #0033CC;
	font-weight: normal;

}
.texte8
{
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	line-height: 11px;
	background-position: center center;
	text-indent: 5pt;

}

.texte8b
{
	font-family: "Comic Sans MS";
	font-size: 12px;
	color: #CCCCCC;
	font-weight: normal;
	line-height: 11px;
	background-position: center center;
	text-indent: 5pt;

}

.texte9
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	white-space: nowrap;
	word-spacing: normal;
	line-height: normal;
	font-weight: bold;

}
.texte10
{
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	white-space: normal;
	word-spacing: normal;
	line-height: normal;
	font-weight: normal;
	text-align: center;

}
.texte11
{
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	color: #FFFFFF;
	white-space: normal;
	word-spacing: normal;
	line-height: normal;
	font-weight: normal;
	text-align: center;
	font-style: italic;

}



.lebloc1
{
	MARGIN-LEFT: 0px;
	WIDTH: 1000px;
	POSITION: relative;
	HEIGHT: 550px;
	border: thin none #663300;
	cursor: default;
}

.lebloc2
{
	MARGIN-LEFT: 0px;
	WIDTH: 306px;
	POSITION: relative;
	HEIGHT: 35px;
	border: 1px none #9933ff;
	top: 20px;
	left: 0px;
}

.lebloc3
{
	MARGIN-LEFT: 0px;
	WIDTH: 200px;
	POSITION: absolute;
	HEIGHT: 35px;
	border: 1px none #9933ff;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #996633;
	font-style: italic;
	left: 40px;
}
.lebloc3b
{
	MARGIN-LEFT: 0px;
	WIDTH: 300px;
	POSITION: absolute;
	HEIGHT: 60px;
	border: 1px none #9933ff;
	top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #996633;
	font-style: italic;
	left: 765px;
}

.lebloc3c
{
	MARGIN-LEFT: 0px;
	WIDTH: 300px;
	POSITION: absolute;
	HEIGHT: 60px;
	border: 1px none #9933ff;
	top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #996633;
	font-style: italic;
	left: 350px;
}




.lebloc4
{
	MARGIN-LEFT: 0px;
	WIDTH: 130px;
	POSITION: absolute;
	HEIGHT: 350px;
	border: 1px none #9933ff;
	top: 130px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	left: 40px;

}
.lebloc4b
{
	MARGIN-LEFT: 0px;
	WIDTH: 522px;
	POSITION: relative;
	HEIGHT: 43px;
	border: 1px none #9933ff;
	top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
	padding-top: 5px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-image: url(images/tableau2.jpg);
}


.lebloc5
{
	MARGIN-LEFT: 0px;
	WIDTH: 512px;
	POSITION: relative;
	HEIGHT: 123px;
	border: 1px none #9933ff;
	top: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
}

.lebloc6
{
	MARGIN-LEFT: 0px;
	WIDTH: 600px;
	POSITION: relative;
	HEIGHT: 20px;
	border: 1px none #9933ff;
	top: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-style: italic;
}

.lebloc7
{
	WIDTH: 600px;
	POSITION: relative;
	HEIGHT: 280px;
	border: 1px solid #000000;
	top: 65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	background-color: #2C1000;
	text-align: left;
	text-indent: 5pt;
	margin: 0px;
	padding: 20px;
	overflow: auto;
}

.lebloc7b
{
	WIDTH: 600px;
	POSITION: relative;
	HEIGHT: 350px;
	border: 1px solid #000000;
	top: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	background-color: #2C1000;
	text-align: left;
	text-indent: 5pt;
	margin: 0px;
	padding: 5px 10px;
	background-repeat: no-repeat;
	overflow: auto;
}

.lebloc7c
{
	WIDTH: 600px;
	POSITION: relative;
	HEIGHT: 20px;
	border: 1px solid #000000;
	top: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	background-color: #2C1000;
	text-align: left;
	text-indent: 5pt;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bandetitre.jpg);
	background-repeat: no-repeat;
	overflow: auto;
}

.lebloc7d
{
	WIDTH: 600px;
	POSITION: relative;
	HEIGHT: 20px;
	border: 1px solid #000000;
	top: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	background-color: #2C1000;
	text-align: left;
	text-indent: 5pt;
	margin: 0px;
	padding: 0px;
	background-image: url(images/bandetitre.jpg);
	background-repeat: no-repeat;
	overflow: auto;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-face-color : #CCCCCC; 
	scrollbar-track-color : #CCCCCC;
	scrollbar-arrow-color : #CCCCCC;
}

.lebloc7e
{
	WIDTH: 600px;
	POSITION: relative;
	HEIGHT: 400px;
	border: 1px solid #000000;
	top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-style: normal;
	background-color: #2C1000;
	text-align: left;
	text-indent: 5pt;
	margin: 0px;
	padding: 20px;
	overflow: auto;
}


.lebloc8
{
	WIDTH: 300px;
	POSITION: absolute;
	HEIGHT: 200px;
	border: 1px none #9933ff;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	left: 10px;
}

.lebloc8b
{
	WIDTH: 193px;
	POSITION: absolute;
	HEIGHT: 81px;
	border: 1px none #9933ff;
	top: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	left: 620px;
}

.lebloc9
{
	WIDTH: 600px;
	POSITION: relative;
	HEIGHT: 30px;
	border: 1px none #9933ff;
	top: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.lebloc10
{
	WIDTH: 100px;
	POSITION: absolute;
	HEIGHT: 200px;
	border: 1px solid #FFFFFF;
	top: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	left: 10px;
}

.lebloc11
{
	WIDTH: 190px;
	POSITION: absolute;
	HEIGHT: 190px;
	border: 1px none #FFFFFF;
	top: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	left: 860px;
}

.lebloc12
{
	WIDTH: 117px;
	POSITION: absolute;
	HEIGHT: 125px;
	border: 1px none #FFFFFF;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	left: 640px;
}

.lebloc13
{
	WIDTH: 195px;
	POSITION: absolute;
	HEIGHT: 210px;
	border: 1px none #FFFFFF;
	top: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 0px;
	left: 860px;
}


a.bouton2 {
	color: #0099CC;
	background-image: url(images/boutonmassage1.jpg);
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	height: 120px;
	width: 40px;
	position: relative;
	border: 1px solid #FFFFFF;
	overflow: hidden;
	vertical-align: middle;
	background-repeat: no-repeat;
	font-size: 24px;
	padding-top: 15px;
}
a.bouton2:hover {
    background-image: url(images/boutonmassage2.jpg);
}



a.bouton2b {
	color: #0099CC;
	background-image: url(images/cadre1.gif);
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	height: 60px;
	width: 60px;
	position: relative;
	border: 1px solid #FFFFFF;
	overflow: hidden;
	vertical-align: middle;
	background-repeat: no-repeat;
	font-size: 18px;
	padding-top: 16px;
}
a.bouton2b:hover {
    background-image: url(images/cadre1b.gif);
}

.Bouton3
   {
	background-color:#FFFFFF;
	color:#0099CC;
	width:30px;
	border:thin solid #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	cursor: hand;
	height: 22px;
	text-align: center;
	vertical-align: top;
}

.saut
   {
   /* saut de ligne apres le bloc*/
   page-break-after : always;
   }
  /* saut de ligne avant le bloc*/
   /*page-break-before : always;