html, body {
	margin : 0;
	width : 100%;
	height : 100%;
	overflow : hidden;
	background-color : rgb(153, 153, 102);
	color : rgb(0, 0, 0);
	font-weight : bold;
	font-family : 'arial', serif;
	font-size : 100%;
	font-weight : normal;
	text-align : left;
	padding : 0;
}
#bandeau_ {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 30px;
	overflow : hidden;
	background-image : url(s3_bandeau1.jpg);
	text-align : right;
	padding : 0;
	z-index : 0;
}
#index_ {
	position : absolute;
	top : 0;
	left : 0;
	width : 170px;
	height : 95%;
	background-color : rgb(255, 255, 255);
	border : 3px ridge rgb(150, 150, 150);
	overflow : auto;
	text-align : left;
	font-size : 75%;
	color : rgb(0, 0, 0);
	padding-top : 0;
	z-index : 2;
}
#gene_0 {
	padding-top : 225px;
	background-color : rgb(230, 230, 230);
}
#image_ {
	position : absolute;
	top : 250px;
	left : 300px;
	width : 20px;
	height : 20px;
	font-size : 11px;
	z-index : 1;
}
#image_grosse {
	position : absolute;
	top : 0px;
	left : 250px;
	cursor : move;
	z-index : 3;
}
#boite_image {
	position : absolute;
	top : 76570px;
	left : -8100px;
	cursor : move;
	width : 600px;
	height : 580px;
}
#centre_zoom {
	position : absolute;
	top : -13px;
	left : -12px;
	cursor : pointer;
	width : 25px;
	height : 25px;
}
#clic_charge {
	position : absolute;
	top : 50px;
	left : 0px;
	background-Color : rgb(0, 255, 0);
	font-size : 150%;
	text-align : left;
	display : none;
}
#sur_im {
	width : 100%;
	height : 100%;
}
#le_zoom {
	position : absolute;
	top : 0;
	left : 0;
	width : 150px;
	height : 150px;
	border : 2px ridge rgb(250, 250, 250);
	overflow : hidden;
	background-color : rgb(255, 255, 255);
	z-index : 3;
}
#boite_zoom {
	position : absolute;
	top : -32px;
	left : -32px;
	width : 128px;
	height : 128px;
	overflow : hidden;
	border : 1px ridge rgb(250, 250, 250);
	background-color : rgb(255, 255, 255);
}
#le_zoom_cible {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 15px;
	height : 15px;
	border-width : 2px;
	border-style : outset;	border-color : rgb(255, 0, 0);
}
#le_sur_zoom {
	position : absolute;
	top : 0;
	left : 0;
	width : 150px;
	height : 150px;
	cursor : crosshair;
}
#recherche_nom {
	position : absolute;
	top : 150px;
	left : 0;
	width : 150px;
	height : 70px;
	text-align : center;
	font-size : 60%;
	border : 2px ridge rgb(250, 250, 250);
	background-Color : rgb(240, 240, 240);
	z-index : 2;
}
#commandes_ {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 310px;
	height : 26px;
	background-Color : rgb(240, 240, 240);
	z-index : 4;
}
#les_remarques {
	position : absolute;
	top : 25px;
	left : 0px;
	width : 310px;
	font-size : 150%;
	font-weight : bold;
	color : rgb(255, 0, 0);
	background-Color : rgb(240, 240, 240);
}
#infos_ {
	position : absolute;
	top : 0;
	right : 0;
	width : 330px;
	height : 95%;
	overflow : hidden; 
	font-size : 90%;
	text-align : left;
	border : 2px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	background-Color : rgb(240, 240, 240);
	z-index : 5;
}
.cadre_infos {
	position : absolute;
	top : -3000px;
	left : 0;
	width : 98%;
	height : 98%;
	margin-left : 1%;
	overflow : auto;
}
#ref_ {
	position : absolute;
	top : 85px;
	left : 130px;
	background-color : rgb(255, 255, 255);
	font-size : 9px;
}
#aide_ {
	position : absolute;
	top : -1000px;
	left :-1000px;
	background-Color : rgb(240,240,240);
	width : 160px;
	height : auto;
	font-size : 12px;
	padding : 1px;
	border-top-width : 1px;
	border-left-width : 1px;
	border-bottom-width : 3px;
	border-right-width : 3px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	z-index : 7;
}
#aide_2 {
	color : rgb(255, 0, 0);
}
#sur_tout {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	display : none;
	z-index : 10;
}
#dans_sur_tout {
	width : 100%;
	height : 100%;
	cursor : move;
}
#data_ {
	display : none;

}
#patience_ {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 10px;
	font-size : 9px;
	background-color : rgb(0, 0, 0);
	color : rgb(255, 255, 255);
 	text-align : center;
	z-index : 12;
}

.cursor_dep {
	cursor : move;
}

.cursor_depv {
	cursor : n-resize;
}

.cursor_larg {
	cursor : e-resize;
}



h1 {
	background-color : rgb(153, 153, 102); 
	text-align : left; 
	font-size : 150%; 
	color : rgb(0, 0, 0);
	border : 1px solid rgb(0, 0, 0); 
} 
h2 {
	background-color : rgb(255, 245, 174);
	margin-top : 40px;
	text-align : center; 
	font-size : 150%; 
	color : rgb(0, 0, 0);
	border : 1px solid rgb(0, 0, 0); 
} 
h3 {
	padding-top : 10px;
	clear : both;
	text-align : left; 
	font-size : 120%; 
}
h4 {
	text-align : center;
	font-size : 100%;
	margin-top : 0px;
}
h5 {
	text-align : left;
	font-size : 100%;
	font-style : italic;
}
h6 {
	padding-top : 20px;
	clear : both;
}
hr {
	width : 50%;
}
a {
	text-decoration : none; 
	font-weight : bold;
	color : rgb(150, 150, 150);
} 
a:hover {
	color : rgb(255, 0, 0);
}

.f_l {
	float : left;
}

.relative_ {
	position : relative;
	top : 0;
	left : 0;
}
.zero_ {
	position : absolute;
	top : 0;
	left : 0;
	margin-top : 0px;
}
.legendes_sur_carte {
	position : absolute;
	top : 0;
	left : 0;
	width : 8px;
	height : 8px;
	font-family : 'Arial',serif;
	font-weight : bold;
	text-align : left;
	margin-top : 0px;
	margin-left : 0px;
	color : rgb(0, 0, 0);
	cursor : pointer;
}
.legendes2_A {
	background-color : rgb(255, 100, 100);
}
.legendes2_I {
	background-color : rgb(150, 150, 255);
}
.legendes2_OB {
	background-color : rgb(205, 255, 204);
}
.legendes2_AB {
	background-color : rgb(0, 153, 255);
}
.legendes2_SF {
	color : rgb(0, 0, 0);
}
.legendes2_AP {
	background-color : rgb(100, 255, 100);
}
.legendes2_M {
	background-color : rgb(255, 255, 0);
}
.legendes2_2P {
	background-color : rgb(200, 200, 200);
}
.legendes_ {
	position : absolute;
	top : 0;
	left : 0;
	width : 15px;
	height : 15px;
	font-family : 'Arial',serif; font-size:12px;
	text-align : center;
	background-color : rgb(255, 255, 255);
	border-width : 2px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	overflow : hidden;
}
.carte_100 {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
.carte_25 {
	position : absolute;
	top : 0;
	left : 0;
	width : 25%;
	height : 25%;
}
.href_ {
	cursor : pointer;
	color : rgb(150, 150, 150);
	font-weight : bold;
}
.carte_100b {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background-color : rgb(255, 255, 255);
}
.carte_100bd {
	position : absolute;
	top : -50%;
	left : -50%;
	width : 100%;
	height : 100%;
}