/* 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:#333;}
a:hover {text-decoration:none;}
img { border:none;}
p { _margin:0; _padding:0}
/********* 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; _padding-bottom:12px; _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 { }

	#header h1 {color:#333; font-size:2.4em; _font-size:2.2em; font-weight:normal; margin-bottom:10px;}

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

#main {background-color:#fff;}

#adresse {_height:1%; width:780px;  font-size:1.1em; }
/********* 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;}
	.adr {margin:10px 0; font-size:1.1em; }

	h2 {font-size:2em; font-weight:normal; margin:0 0 10px 0;}
	
	#content {float:left; padding-top:10px; font-size:1.1em; color:#333;border-top:1px solid #e3e3e3;}
	#content .esplus {margin: 0 0 0 10px; }
	#content .photo {float:left; margin:0 8px 15px 0;}
	.filet { height:auto; border-bottom:1px solid #e3e3e3;}
	.center {padding:25px 0 0 0;width:580px;font-size:1.1em;text-align:center;}

#module {padding:10px 0; min-height:60px; border-top:1px solid #e3e3e3;_height:1%; }
	#module p {color:#F97000; padding:0 10px; _padding:0 8px; font-weight:bold; }
	#module img {padding:0 5px 0 0px;}

	#content h3.first {padding:0px 0px 3px 0px; _padding:5px 0 2px 0; border:none;}		
	#content h3 {padding:10px 0px 8px 0px; *padding:5px 0px 5px 0px; color:#666; font-size:1.5em;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; }
	
	#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:760px; 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; color: #888; }
		
	ul.col1, ul.col2, ul.col0 {float:left;margin:0 5px 0 0; padding:0 0 12px 0; width:350px;list-style-position:outside;list-style-type:none;}
	ul.col2 {margin:0 0 0 5px; padding:0 0 12px 15px; width:380px}
	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/OP9/acces_1.gif);}
		li#acces_2 {list-style-image:url(images/OP9/acces_2.gif);}
		li#acces_3 {list-style-image:url(images/OP9/acces_3.gif) ;}
		li#acces_4  {list-style-image:url(images/OP9/acces_4.gif);}
		li#acces_5 {list-style-image:url(images/OP9/acces_5.gif) ;}
		li#acces_7  {list-style-image:url(images/OP9/acces_7.gif) ;}
		li#acces_8 {list-style-image:url(images/OP9/acces_8.gif) ;}
		li#acces_9 {list-style-image:url(images/OP9/acces_9.gif) ;}
		li#acces_10 {list-style-image:url(images/OP9/acces_10.gif) ;}
		li#acces_11  {list-style-image:url(images/OP9/acces_11.gif) ;}
		li#acces_12  {list-style-image:url(images/OP9/acces_12.gif) ;}
		li#acces_13  {list-style-image:url(images/OP9/acces_13.gif) ;}
		li#acces_14  {list-style-image:url(images/OP9/acces_14.gif) ;}
		li#acces_15  {list-style-image:url(images/OP9/acces_15.gif) ;}
		li#acces_16  {list-style-image:url(images/OP9/acces_16.gif) ;}
		li#acces_17  {list-style-image:url(images/OP9/acces_17.gif) ;}
		li#acces_18  {list-style-image:url(images/OP9/acces_18.gif) ;}
		li#acces_19  {list-style-image:url(images/OP9//acces_19.gif) ;}
		li#acces_20  {list-style-image:url(images/OP9/acces_20.gif) ;}
		li#acces_21  {list-style-image:url(images/OP9/acces_21.gif) ;}
		li#acces_22  {list-style-image:url(images/OP9/acces_22.gif) ;}
		li#acces_23  {list-style-image:url(images/OP9/acces_23.gif) ;}
	
	/********* bloc horaires OP7 *********/
	
	#info_horaires { padding-top: 3px;padding-bottom: 5px; 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; 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:760px; _width:780px; }
	#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; }

	#news, #liens { clear:both; padding-bottom:10px;}
	#news p { _margin:0; _padding:0 0 6px 0}
	#news p.titre_edito , #liens p.titre_edito {padding:8px 0; *padding:5px 0px; _padding:5px 0 5px 0; color:#666; font-size:1.5em; font-weight:normal; border-top:1px solid #e3e3e3; _display:block}
	#liens ul {list-style-type:none; _padding:5px 0 3px 0 }
	
/********* Footer *********/

#footer {clear:left;margin:0 auto; width:780px; padding:8px 0; _padding:10px 0 5px 0; border-top:1px solid #ccc;}
	#footer p {text-align:left; font-size:0.9em; *font-size:0.9em; color:#666}
	#footer img {vertical-align:middle; margin:0 10px 0 0; float:left;}