/* tags HTML5 qui se comportent comme des blocs */
center {
	display : block;
	text-align : center;
}

/* tags de type en ligne */
i {
	display : inline;
	font-style : italic;
 }



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;
}
#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 : 80px;
	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 : 0;
/*
	right : 20px;
*/
	left : 180px;
	width : 200px;
	height : 26px;
/*
	background-Color : rgb(240, 240, 240);
*/
	z-index : 6;
}
#les_remarques {
	position : absolute;
	top : 25px;
/*
	right : 20px;
*/
	left : 180px;
	width : 310px;
	font-size : 100%;
	font-weight : bold;
	color : rgb(255, 0, 0);
	background-Color : rgb(240, 240, 240);
	z-index : 6;
}
#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 : 0;
}
.cadre_infos {
	position : absolute;
	top : 0px;
	right : 0;
	width : 320px;
	height : 95%;
	font-size : 75%;
	margin-left : 2px;
	border : 2px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	background-Color : rgb(240, 240, 240);
	overflow : auto;
	display : none;
	z-index : 5;
}
#CadreInfoSup {
	position : absolute;
	top : 0px;
	left : 0px;
	width : 80%;
	height : auto;
	border : 5px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	background-Color : rgb(240, 240, 240);
	display : none;
	z-index : 50;
}
.Cadre {
	background-color : rgb(200, 200, 200);
	margin-left : auto;
	margin-right : auto;
	width : 50%;
	text-align : center;
	border : 3px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	box-shadow : 5px 5px 12px rgb(0, 0, 102);
	border-radius : 8px;
}
#infos-commandes {
	position : absolute;
	top : 0;
	right : 0;
	width : 315px;
	z-index : 5;
}
#lignes- {
	position : absolute;
	top : 0;
	right : 322px;
	width : 150px;
	height : 95%;
	font-size : 75%;
	margin-left : 2px;
	border : 2px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	background-Color : rgb(240, 240, 240);
	overflow : auto;
	z-index : 5;
}
#lignes-commandes {
	position : absolute;
	top : 0;
	right : 317px;
	width : 150px;
	z-index : 5;
}

#lignes- li {
	margin-top : 5px;
	margin-left : 12px;
	/*padding-left : -15px;*/
}


#im_plan {
	text-align : center;
}
#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 : 100%;
	background-image : url(../s3_transparent.gif);
	color : rgb(0, 0, 0);
	z-index : 12;
}
#patience2_ {
	position : absolute;
	left : 0;
	top : 0;
	width : 150px;
	height : 150px;
	text-align : center;
	font-size : 150%;
	background-color : rgb(153, 153, 102);
	color : rgb(255, 255, 255);
}

.cursor_dep {
	cursor : move;
}

.cursor_depv {
	cursor : n-resize;
}

.cursor-pointeur {
	cursor : pointer;
}



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

*/

.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;
}
.legendes-sur-carte-2 {
	position : absolute;
	top : 0;
	left : 0;
	width : 16px;
	height : 16px;
	font-size : 50%;
	margin-top : -4px;
	margin-left : -4px;
	color : rgb(100, 100, 100);
	background-color : rgb(100, 100, 100);
}
#cible-gare {
	position : absolute;
	top : 0;
	left : 0;
	width : 20px;
	height : 20px;
	margin-top : -7px;
	margin-left : -7px;
	border-radius : 50%;
	border : 2px solid rgb(0, 0, 0);
	background-color : rgb(255, 0, 0);
	visibility : visible;
}
.legendes2_A {
	background-color : rgb(255, 100, 100);
}
.legendes2_PP {
	background-color : rgb(150, 150, 255);
}
.legendes2-PP {
	background-color : rgb(150, 150, 255);
	margin-top : 25px;
}
.legendes2_OB {
	background-color : rgb(205, 255, 204);
}
.legendes2_C {
	background-color : rgb(0, 153, 255);
}
.legendes2_AB {
	background-color : rgb(0, 153, 255);
}
.legendes2_SF {
	color : rgb(0, 0, 0);
}
.legendes2_VN {
	background-color : rgb(100, 255, 100);
	border : 1px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
}
.legendes2-VN {
	background-color : rgb(100, 255, 100);
	margin-top : 25px;
}

.legendes2_VE {
	background-color : rgb(255, 255, 0);
	border : 1px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
}

.legendes2-VE {
	background-color : rgb(255, 255, 0);
	margin-top : 25px;
}
.legendes2_TW {
	background-color : rgb(200, 200, 200);
	border : 1px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
}
.legendes2-TW {
	background-color : rgb(200, 200, 200);
	margin-top : 25px;
}

.legendes2_VM {
	background-color : rgb(255, 204, 0);
	border : 1px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
}
.legendes2-VM {
	background-color : rgb(255, 204, 0);
	margin-top : 25px;
}

.legendes2_ {
	background-color : rgb(230, 230, 230);
}
.legendes2_R {
	background-color : rgb(255, 0, 0);
}
.legendes2_TP {
	background-color : rgb(205, 255, 204);
	border : 1px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
}
.legendes2-TP {
	background-color : rgb(205, 255, 204);
	margin-top : 25px;
}

.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%;
}
#carte-droite {
	position : relative;
	top : 0;
	left : 0;
	border-width : 2px;
	border-style : solid;
	border-color : rgb(150, 150, 150);
	background-color : rgb(255, 245, 174);
}
#sur-carte-droite {
	position : absolute;
	top : 0;
	left : 0;
	width : 15px;
	height : 15px;
	background-color : rgb(255, 0, 0);
}
#geo-localisation {
	position : absolute;
	top : 30px;
	left : 80px;
}
.href_ {
	cursor : pointer;
	color : rgb(0, 51, 0);
	font-weight : bold;
}
.href-	{
	cursor : pointer;
	color : rgb(0, 51, 0);
	font-weight : bold;
}
.href-:before	{
	content: '>► ';	
}
.href-:hover	{
	color : rgb(255, 0, 0)
}
.href2-	{
	cursor : pointer;
	color : rgb(0, 51, 0);
	font-weight : bold;	
}
.href2-:hover	{
	color : rgb(255, 0, 0)
}
.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%;
}
.ouverture- {
	text-align : left; 
	font-size : 100%; 
	color : rgb(0, 153, 0);
	font-style : italic;
}
.fermeture- {
	text-align : left;
	font-style : italic;
	font-size : 100%; 
	color : rgb(0, 0, 0);
}
.elect- {
	text-align : left;
	font-style : italic;
	font-size : 100%; 
	color : rgb(204, 153, 153);
}
.Cercle {
	border-radius : 50%;
	border : 1px solid rgb(0, 0, 0);
	background-color : rgb(251, 203, 140);
}
.i {
	font-style : italic;
}
.Photo {
	text-decoration : underline;
}