.bodyindex {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(./graph/cuad-page.jpg);
	background-repeat: repeat;
}
.bodysous {
	background-image: url(./graph/cuad-azul.jpg);
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
}
.bodyblank {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#Layerlieu {
	position:absolute;
	width:535px;
	height:440px;
	z-index:1;
	overflow: visible;
	left: 0px;
	top: 8px;
}
#Layerlieuphoto {
	position:absolute;
	width:300px;
	height:300px;
	z-index:2;
	top: 11px;
	left: 20%;
}
#Layerlieutexte {
	position:absolute;
	width:100%;
	height:156px;
	z-index:3;
	left: 0px;
	top: 350px;
}
#Layer1 {
	position:absolute;
	width:970px;
	height:490px;
	z-index:3;
	left: 3%;
	top: 13%;
	border: 1;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
#Layer2 {
	position:absolute;
	width:970px;
	height:39px;
	z-index:8;
	left: 3%;
	top: 5px;
}
#Layer3 {
	position:absolute;
	width:242px;
	height:394px;
	z-index:8;
	left: 145px;
	top: 68px;
	background-image: url(../graph/cuad-azul.jpg);
	background-repeat: repeat;
	visibility: visible;
}
#Layer4 {
	position:absolute;
	width:554px;
	height:446px;
	z-index:3;
	left: 416px;
	top: 20px;
	overflow: visible;
	visibility: visible;
	scrollbar-base-color: blue;
	scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #00FFFF;
scrollbar-arrow-color: #FF0000;

}
#Layer5 {
	position:absolute;
	width:530px;
	height:18px;
	z-index:10;
	left: 416px;
	top: 10px;
	overflow: hidden;
}
#Layer6 {
	position:absolute;
	width:554px;
	height:5px;
	z-index:7;
	left: 416px;
	top: 40px;
	background-image: url(./graph/cuad-rojo.jpg);
	overflow: hidden;
	visibility: hidden;
}
#Layer7 {
	position:absolute;
	width:301px;
	height:298px;
	z-index:5;
	left: 0px;
	top: 0px;
	background-image: url(./graph/cuad-azul1.jpg);
	background-color: #B3C0C8;
}
#Layer10 {
	position:absolute;
	width:121px;
	height:48px;
	z-index:8;
	background-image: url(graph/reglement-off.jpg);
	left: 0px;
	top: 0px;
	cursor: pointer;
}
#Layer11 {
	position:absolute;
	width:121px;
	height:48px;
	z-index:9;
	left: 0px;
	top: 49px;
	background-image: url(graph/contact-off.jpg);
	cursor: pointer;
}
#Layer12 {
	position:absolute;
	width:121px;
	height:48px;
	z-index:10;
	left: 0px;
	top: 98px;
	background-image: url(graph/bleu.jpg);
	cursor: pointer;
}
#Layer13 {
	position:absolute;
	width:121px;
	height:48px;
	z-index:11;
	left: 0px;
	top: 147px;
	cursor: pointer;
	background-image: url(graph/bleu.jpg);
}
#Layer14 {
	position:absolute;
	width:121px;
	height:48px;
	z-index:12;
	left: 0px;
	top: 196px;
	cursor: default;
	background-image: url(graph/bleu.jpg);
}
#Layer15 {
	position:absolute;
	width:121px;
	height:48px;
	z-index:12;
	left: 0px;
	top: 245px;
	cursor: default;
	background-image: url(graph/bleu.jpg);
}
#Layer16 {
	position:absolute;
	width:121px;
	height:48px;
	z-index:12;
	left: 0px;
	top: 294px;
	cursor: default;
	background-image: url(graph/bleu.jpg);
}

.StyleLienOff {
	color: #FFFFFF;
	font-size: 12px;
	font-family: "Trebuchet MS";
	cursor:pointer;
}
.StyleDate {
	color: #FFFFFF;
	font-size: 12px;
	font-family: "Trebuchet MS";
	cursor:default;
}
.StyleLienJour {
	color: #C63F2B;
	font-size: 12px;
	font-family: "Trebuchet MS";
	cursor:pointer;
	font-weight: bold;
}
.StyleLienJourOff {
	color: #B3C0C8;
	font-size: 12px;
	font-family: "Trebuchet MS";
	cursor:pointer;
	font-weight: bold;
}
.StyleLienJourOn {
	color: #C63F2B;
	font-size: 12px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	cursor:pointer;
}
.StyleLienJourActive {
	color: #C63F2B;
	font-size: 12px;
	font-family: "Trebuchet MS";
	font-weight: bold;
	cursor:pointer;
}
.StyleLienOn {
	color: #B3C0C8;
	font-size: 12px;
	font-family: "Trebuchet MS";
	cursor:pointer;
}
.StyleLienActive {
	color: #B3C0C8;
	font-size: 12px;
	font-family: "Trebuchet MS";
	cursor:default;
}
.StyleOff {
	font-size: 12px;
}
.StyleOn {
	font-size: 14px;
}
.StyleActive {
	font-size: 13px;
}
.titre:visited{color:#FFFFFF;}
.titre:hover{color:#FFFFFF;}
.titre:link{color:#FFFFFF;}

A:visited {color:#B3C0C8;}
A:hover {color:#B3C0C8;}
A:link {color:#B3C0C8;}
A {text-decoration:none;}

.lienbleu:visited {color:#446088;}
.lienbleu:hover {color:#446088;}
.lienbleu:link {color:#446088;}
.lienbleu {text-decoration:none;}

.lienrouge:visited {color:#C63F2B;}
.lienrouge:hover {color:#C63F2B;}
.lienrouge:link {color:#C63F2B;}
.lienrouge {text-decoration:none;}

.lientest:visited {color:#9966CC;}
.lientest:hover {color:#9966CC;}
.lientest:link {color:#9966CC;}
.lientest {text-decoration:none;}


.Style1 {
	font-family: "Trebuchet MS";
	font-size: 12px;
}
.Style2 {
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.Style3 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Trebuchet MS";
	font-size: 14px;
}
.Style4 {
	color:#FFFFFF;
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-style:italic;
}
.Style5 {
	font-family: "Trebuchet MS";
	font-size: 14px;
}
input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: right;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-indent: 20px;
}

.tabletest {
border-bottom-style:solid;
border-bottom-width:thin;
border-bottom-color:#B3C0C8;

}
.tablejour {
border-top-style:solid;
border-top-width: medium;
border-top-color:#B3C0C8;
border-right-style:solid;
border-right-width: medium;
border-right-color:#B3C0C8;
}
.tablejourtop {
border-top-style:solid;
border-top-width: medium;
border-top-color:#B3C0C8;
}

#LayerJourMain {
	position:absolute;
	width:535px;
	height:50px;
	z-index:1;
	overflow: visible;
}
#LayerJourLogo {
	position:absolute;
	width:142px;
	height:43px;
	z-index:1;
	left: 392px;
	top: 15px;
}
#LayerJourTexte {
	position:absolute;
	width:100%;
	height:50px;
	z-index:3;
	left: 0px;
	top: 86px;
}