/* CSS Document */

* { margin:0; padding:0;}

@page {size:auto; margin:8%}

body {
	margin:10px 0;
	background-color:#fff;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;}

a {color:#000; font-size:1em;}
a:hover {text-decoration:none;}

h3 {
margin:0;
padding:0 0 5px 0;
font-size:1.2em;}

p { _padding:0 0 2px 0px;}

img { border:none;}

/********* Styles class *********/

.left {float:left;}
.right {float:right;}
.clear {clear:both; font-size:0; height:0; _height:auto; line-height:0; display:block;}
.breakline {float:none;}

.pgauche {text-align:left; padding-bottom:7px;}
.pjustif {text-align:justify; padding-bottom:12px; width:750px; _width:500px; *width:500px;}
.italique { font-style:italic; font-size:inherit}
.font-small { font-size:1em}
.gris { color:#999}

/********* CONTAINER *********/
	
#container {background-color:#fff;
	margin:0 auto;
	width:780px;
	text-align:left;}
	
/********* Haut de page et header *********/
	
#header {background-color: #fff;
position:relative;
text-align:left;
padding:0;
background-color:#fff;}

	#header h1 {
		padding:3px 0 5px 10px;
		margin-top:0;
		color:#333;
		font-size:2.4em; _font-size:2.2em;
		font-weight:normal;}
	
	#header p {color:#000000;}

#module {
padding:0px 0 0 10px;
width:403px;
min-height:60px;}

	#module h2 {
	padding:6px 0 0 0;
	color:#F97000;
	font-size:1.2em; _font-size:1em;
	font-weight:normal;}
	
	#module img {padding:0 5px 0 0px;}

#adresse {font-size:1em;
padding:0px 0 10px 0px;
width:760px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#adresse p {}

/********* adresse :  CODE SPECIFIQUES MICROFORMATS *********/	
	#adresse .org { position:absolute; text-indent:-9000px; font-size:0; line-height:0}
	#adresse .type { display:none}
	#adresse .tel { font-weight:bold}
	#adresse .value { font-weight:normal}
	#adresse .email, #adresse .url  { font-family:Arial, Helvetica, sans-serif;}


/********* Contenu *********/

#main {
	text-align:left;
	background-color:#fff;}
	
	#content {
		float:left;
		margin: 0 0 0 10px;
		padding:10px 0 0 0;
		_margin: 0 0 0 7px;
		_padding:10px 0 0 0;
		font-size:1.2em;
		color:#333;}
	
	#content .photo {float:left; margin:0 8px 15px 0;}
	
	.filet { height:auto; border-bottom:1px solid #e3e3e3;}
	
	.center {
		/*float:left;*/
		padding:25px 0 0 0;
		width:580px;
		font-size:1.2em;
		text-align:center;}
		
	#content .esplus {
		/*float:left;*/
		margin: 0 0 0 10px;
		padding:10px 0 0 0;
		width:580px;
		font-size:1.1em;}
		
	#content h3.first {padding:0px 0px 3px 0px; _padding:5px 0 2px 0; border:none;}		
	#content h3 {
		padding:10px 0px 2px 0px; *padding:5px 0px 2px 0px;
		color:#F97000;
		font-size:1.3em;
		font-weight:normal;
		border-top:1px solid #e3e3e3;}
	#content h3.second {
		clear:both;
		padding:10px 0px 2px 0px;
		_padding:5px 0px 2px 0px; *padding:5px 0px 2px 0px;
		color:#F97000;}
	
	#content h3.unique {
		clear:both;
		padding:10px 0px 10px 0px;
		_padding:9px 0px 10px 0px; *padding:5px 0px 10px 0px;
		color:#F97000;}	
	
	.clear-h3 {clear:both;	padding:0px 0 5px 0;}
	
	#content h4.first {padding:0px 0px 5px 0px; _padding:5px 0 5px 0;}		
	#content h4 {color: #333; float:left; _float:none; *float:none; width:540px;
		padding:0px 0 5px 0;
		font-size:1em;}
	#content h4.orange {color: #F77000;}
	.clear-h4 {clear:both; padding:0px 0 5px 0;}
		
	#content .espace {padding:2px 0;}
		
	#content h5 {
		font-weight:bold;
		margin:20px 0 0 0;
		text-align:center;}
		
	#content a {font-size:1em;}
	
	#content p.clear { clear:both; font-size:0; line-height:0; }
	#content p.cartouche {padding:0 0 10px 0px;}
	
	#rubriquepj { margin: 0; padding: 0 0 3px 0; font-style: italic; font-weight: lighter; color: #888; font-size: 0.95em;}
		
	ul.col1, ul.col2, ul.col0 {
		float:left;
		margin:0 5px 0 0;
		padding:0 0 12px 0;
		width:235px;
		list-style-position:outside;
		list-style-type:none;}
		
	ul.col2 {margin:0 0 0 5px;
			padding:0 0 12px 15px; width:270px}
		
	ul.col0 {width:730px;}
	#content li:first-letter { text-transform:uppercase }
		
	ul#acces {padding:5px 0 10px 0; list-style-type:none; *list-style-position:outside; _margin-left:18px;/*pour voir les pictos*/}
		
	#acces li {
		margin:0 0 3px 26px; _margin:0 0 3px 0;  *margin:0 0 3px 0;
		padding:0; *padding:0 0 0px 20px; _padding-left:5px;}
		
		li#acces_1 {list-style-image:url(images/v4_img/acces_1.gif);}
		li#acces_2 {list-style-image:url(images/v4_img/acces_2.gif);}
		li#acces_3 {list-style-image:url(images/v4_img/acces_3.gif) ;}
		li#acces_4  {list-style-image:url(images/v4_img/acces_4.gif);}
		li#acces_5 {list-style-image:url(images/v4_img/acces_5.gif) ;}
		li#acces_7  {list-style-image:url(images/v4_img/acces_7.gif) ;}
		li#acces_8 {list-style-image:url(images/v4_img/acces_8.gif) ;}
		li#acces_9 {list-style-image:url(images/v4_img/acces_9.gif) ;}
		li#acces_10 {list-style-image:url(images/v4_img/acces_10.gif) ;}
		li#acces_11  {list-style-image:url(images/v4_img/acces_11.gif) ;}
		li#acces_12  {list-style-image:url(images/v4_img/acces_12.gif) ;}
		li#acces_13  {list-style-image:url(images/v4_img/acces_13.gif) ;}
		li#acces_14  {list-style-image:url(images/v4_img/acces_14.gif) ;}
		li#acces_15  {list-style-image:url(images/v4_img/acces_15.gif) ;}
		li#acces_16  {list-style-image:url(images/v4_img/acces_16.gif) ;}
		li#acces_17  {list-style-image:url(images/v4_img/acces_17.gif) ;}
		li#acces_18  {list-style-image:url(images/v4_img/acces_18.gif) ;}
		li#acces_19  {list-style-image:url(images/v4_img/acces_19.gif) ;}
		li#acces_20  {list-style-image:url(images/v4_img/acces_20.gif) ;}
		li#acces_21  {list-style-image:url(images/v4_img/acces_21.gif) ;}
		li#acces_22  {list-style-image:url(images/v4_img/acces_22.gif) ;}
		li#acces_23  {list-style-image:url(images/v4_img/acces_23.gif) ;}
	
	/********* bloc horaires OP7 *********/
	
	#info_horaires { padding-top: 3px; text-align: left;}
	#info_horaires #valable { margin: 0; padding: 0 0 3px 0; font-style: italic; font-weight: lighter; color: #888; font-size: 0.95em;}
	#info_horaires h4 {margin: 3px 0 0 0; padding: 6px 0 6px 0; font-size: 1em; border-top: 1px dotted #ccc; color: #000; float:none; width:760px; _width:780px}
	#info_horaires h4.h4premier { border-top: 0; padding-top:0; margin-top:0}
	
	#info_horaires div.brique { margin: 0; padding: 0 0 6px 0; /*position: relative;*/ width:100%; }
	#info_horaires div.brique h5 { margin: 0; padding: 0; width: 7.5em; text-align: left; font-weight: normal; font-size: 1em; color: #666; float:left; left:0;/*position: absolute;*/ line-height:1em; }
	
	#info_horaires div.brique p { padding: 0 0 0 8.2em; margin: 0px; }
	#info_horaires div.brique p:first-letter { text-transform:uppercase }
	#info_horaires div.brique p.suite { margin-top:6px;}
	
	#info_horaires div.brique strong {font-weight:normal;}
	#info_horaires div.brique em {font-size: 0.95em; font-weight:normal; color: #888;}
	
	#info_horaires .telhor { white-space:nowrap;}
	
	#info_horaires span.gardes {width:426px; height:auto; z-index:100; position:absolute; left:-1000px; top:-43px; padding: 5px; text-align: left; border: 1px solid #D2B54F; background: #FFFFE2 }
	*html #info_horaires span.gardes { width:426px; padding: 5px; height: 75px; top:-5em; overflow:auto }
	*html #info_horaires span.gardes { scrollbar-face-color:#E0AA00; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFE2; scrollbar-shadow-color:#FFFFE2; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#E0AA00; scrollbar-darkshadow-Color:#E0AA00}

	#info_horaires span.gardes strong {font-weight:bold; padding-right:8em; display:block; padding-bottom:2px}
	#info_horaires span.gardes strong:first-letter {text-transform:uppercase}

	#info_horaires span.gardes a.close {display:block; right:8px; width:auto; top:4px; position:absolute; }

/********* colonne de droite *********/
	
#sidebar .cartouche {
	font-weight:bold;
	color:#fff;
	padding:6px 6px 16px 6px;
	margin-bottom:5px;}
		
ul#sidebar  {padding:0 0 10px 0;list-style:none;}
ul#sidebar li a {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; }
ul#sidebar li:first-letter {text-transform:none }

#content .plan {width:438px; height:438px; white-space:nowrap; orphans:1;}

/********* Footer *********/

#footer {clear:left;
	margin:0 auto 0 10px;
	width:760px;
	padding:8px 0; _padding:10px 0 5px 0;
	color:#666;
	border-top:1px solid #ccc;
	/*height:1%; hack IE*/}

	#footer p {text-align:left; font-size:0.9em; *font-size:0.9em;}
	
	#footer img {vertical-align:middle; margin:0 10px 0 0; float:left;}