*{ margin: 0; padding: 0; }* 

body { 
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff url(./../images/bg.gif) repeat-x; 
	color: #444;
	}

a {color:#c70000;background: inherit; text-decoration: none; outline:none; }
a:hover { color:#808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font: bold 1.7em Arial, Sans-Serif;  margin: 20px 0 0; }
h1 a { color: #feffb8; background: inherit; }
h1 a:hover { color: #ffffff; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: .9em; }

#content { width: 900px; margin: auto;}

#intro { 
	background: inherit;
	clear: both;
	float: left;
	width: 750px;
	color: #000000;
	height: 100px;
	margin: 0 0 30px;
	padding: 30px 40px 0 15px;
	text-align: left;
	border-left: 15px solid #ac0000;
	
		}

#intro h1 {font: bold 2em georgia, Sans-Serif; letter-spacing: .3em; margin: 0;}
#intro p { margin: 0;}

#menu { float: left; padding: 10px 0 0; margin: 0 0 18px; display: inline}
#menu li { font-size: 1.2em; display: inline}
#menu li a { padding: 30px 15px 0px 0; margin: 0 0 0 0; color: #676767; background: inherit;display: inline}
#menu li a:hover { color: #c70000; background: inherit;display: inline}
.active { color: #c70000; background: inherit;display: inline}

#left { clear: left; float: left; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; text-align: justify;}
	#leftmenu { list-style: none; margin: 0 0 20px 0; }
	#leftmenu li { padding: 0 0 0 12px; background: #fff url(./../images/bullet.gif) no-repeat center left; color: #852f2f; }
	#leftmenu li a { background: #f4f4f4; color: #c70000; font-weight:bold; }
	.activeleft { color: #444; background: #fff;}
	.comp { list-style: none; margin: 0 0 20px 0; }
	.comp li { padding: 0 0 0 12px; background: #fff url(./../images/bullet.gif) no-repeat 0 5px; color: #000; }
	.comp li a { background: #f4f4f4; color: #c70000; }

#right {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	border-left: 1px solid #ccc;
	float: right;
	width: 560px;
	text-align: justify;
	}

#center {
	margin: 0 15px 20px 0;
	padding: 0 0 0 35px;
	border-left: 0px solid #ccc;
	float: right;
	width: 855px;
	text-align: justify;
	}


#rightmenu { list-style: none; margin: 0 0 20px 0; }
#rightmenu li { padding: 0 0 0 12px; background: #fff url(./../images/bullet.gif) no-repeat center left; color: #852f2f; }
#rightmenu li a { background: #f4f4f4; color: #c70000; }

	
#notice { 
	padding: 10px 1px 1px; 
	background: #eaeaea url(./../images/noticebg.gif) no-repeat right bottom; 
	color: #808080; 
	text-align: justify;
	}

.notice { 
	background: #f5f5f5;
	color: #414141;
	padding: 5px;	
	margin: 0;
	text-align: left;
	border: 1px dotted #c6c6c6;
	border-left: 10px solid #ac0000;
	}
	
.image1 {
		float: left;
		margin: -1px 5px 0 0;
	}
	
#left a, #right a { background: #f4f4f4; color: #c20000; }

#left h3 { padding: 0 0 7px; margin: 0 0 15px 0; }
#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }

#footer { clear: both; border-top: 0px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: .9em; color: #808080; background: #fff; }
	#footer a { color: #c70000; background: #fff; }
	#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
	#col2 { float: left; width: 280px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
	#col3 { float: right; width: 220px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }

.image {
margin: 0 0 15px 15px;
float: right;
border: none;
}
a img {border-style:none;}
ul#acces {
		padding:5px 0 10px 0;
		list-style-type:none;}
	
#acces li {
	margin:0;
	padding:0 0 5px 23px;}
	
	li.acces_1 {background:url(./../images/metro.gif) no-repeat top left;}
	li.acces_2 {background:url(./../images/rer.gif) no-repeat top left;}
	li.acces_3 {background:url(./../images/bus.gif) no-repeat top left;}
	li.acces_4 {background:url(./../images/velib.gif) no-repeat top left;}

#col2 .type { display:none}

#icone { 
	background: inherit;
	float: left;
	width: 150px;
	color: #ccc;
	margin: 0;
	padding: 90px 0 0 0;
	text-align: right;
}
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  border-color: #bababa;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { 
	text-decoration:underline; 

}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}