/*BASE*/	
html, body{
/* 	background: url(./images/uploads/template/reperes.png) no-repeat top center;  */
	width:100%;
	height:100%;
	background-color: #E8E7DD; 
	text-align: center; /* pour corriger le bug de centrage IE */
	font-family: Arial, sans-serif;
    font-size:100%;
    line-height:1.2em;
}


#page{
	position: relative;
	width:960px;
	margin: 0 auto;
	text-align: left;
	border-left: 2px dashed #D8D7BF;
	border-right: 2px dashed #D8D7BF;
	margin-bottom:6em;

}

#logo{
position:relative;
width:175px;
height:180px;
left:48px;
top:0;
}
	

#menu{
	position: absolute;
	left:248px;
 	top:95px;
	width:712px;
	z-index: 597;
}
	
/*NAVIGATION BASE*/
#nav,
#nav li,
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav{
}

#nav li {
	float: left;
	vertical-align: middle;
	zoom: 1;
}

#nav li.hover,
#nav li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

#nav ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

#nav ul li {
	float: none;
}

#nav ul ul {
	top: 1px;
	left: 99%;
}

#nav li:hover > ul {
	visibility: visible;
}


/*NAVIGATION Styles*/

#nav {
	font-size:1em;
	line-height: 1em;
}

	#nav li{
	 padding:24px 12px 12px;
 	 border-left: 2px dotted #66CCCC;
	}
	
	#nav li.premier{
 	 border: none;
	}

	
	#nav li.separateur {
	 border-left: 2px solid #BCBBAC;
	}
	
	#nav li:hover {
	background-color: #D8D7BF;
	}

	#nav li a{
	 padding:2px;
	}
	
	#nav  a:link,
	#nav  a:visited	{ color: #7A7A7A; text-decoration: none; }
	#nav  a:hover	{background-color: #D8D7BF; color:#7A7A7A;}
	#nav  a:active	{ color: #3F3B3F; }

	#nav ul li{
 	 border: none;
	 padding: 0;
 	 background-color: transparent;
 	 font-size:.85em;
	 width:175px;
	}
	
	#nav ul li a{
	display:block;
	padding:10px 16px;
	 background-color: #D8D7BF;
	}
		
	#nav ul a:link,
	#nav ul a:visited	{ color: #7A7A7A; text-decoration: none; }
	#nav ul a:hover		{ color:#66CCCC; background: url(./images/uploads/template/nav-fleche.gif) #fff no-repeat 5px center; padding-left:25px; width:134px;}
	#nav ul a:active	{ color: #3F3B3F; }

	#nav  a.actif{
	color:#3F3B3F;
	background-color: #66CCCC;
	}
	
	#nav  a.last{
	background:transparent url(./images/uploads/template/nav-last.gif) no-repeat bottom right;

	}
	
/*SUB NAV*/
#subnav{
	position:absolute;
	right:270px;
	top:4em;
}

#subnav li {
	float: left;
	vertical-align: middle;
	zoom: 1;
	padding:2px 8px;
 	border-left: 2px solid #BCBBAC;
}

#subnav li.premier {
 	border: none;
}


#subnav li a{
	color:#BCBBAC;
	font-size:0.85em;
}

#subnav li a:hover{
	color:#7A7A7A;
}

#subnav li a.actif{
	color:#3F3B3F;
	background-color: #66CCCC;
}


/*FOOTER*/

#footer{
width:960px;
height:6em;
position:relative;
margin:0 auto;

text-align:center;

margin-bottom:150px;
border-left:2px dashed #D8D7BF;
border-right:2px dashed #D8D7BF;

}

#sponsors{
	font-size:70%;
	color: #7A7A7A;
	text-align:left;
	width:177px;
	position:absolute;
	left:48px;
}

#sponsors p{
margin-bottom:1em;

}

#bfe{
	padding-top:2.5em;
}

#impressum{
border-top:2px solid #66CCCC;
margin:0 auto;
width:480px;
}


#impressum p{
color:#7A7A7A;
font-size:0.85em;
margin: 0 auto;
margin-bottom:1em;
padding:0 25px;
text-align:justify;
width:430px;
position:relative;


}


#impressum p.premier{
	padding-top:2em;
}

#footer img{
display:block;
padding: .5em 0;
}
#footer a{
	color:#7A7A7A;
	text-decoration: none;
	border-bottom: 2px solid #FFFFFF;
}

#footer a:hover{
	border-bottom: 2px solid #66CCCC;
}

#footer a:active{
	background-color: #66CCCC;
}	
	
/*TEXTES*/
#textes{
	position:relative;
	top:5em;
	width:430px;
	height:100%;
	min-height:32em;
	color:#3F3B3F;
	font-size:0.85em;
	margin: 0 auto;
-webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
	
h1{
	color:#3F3B3F;
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .05em;	
	margin-bottom:1em;
}

h2{
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .03em;
	margin:2em 0 1em 0;
}

h2.num{
	position:relative;
	left: -1em;
}

h3{
	display:block;
	color:#7A7A7A;
	text-transform: uppercase;
	letter-spacing: .03em;
	background:url(./images/uploads/template/grande-puce.gif) no-repeat 0 0.3em;
	position:relative;
	padding-left: 1em;
	left:-1em;
}

#textes span.pseudo-h3{
	display:block;
	color:#7A7A7A;
	text-transform: uppercase;
	letter-spacing: .03em;
	background-image: none
}


p+h3, ul+h3{
	margin-top:2em;

}

h3.sans{
	background-image:none;
}

h3.liste{
	color:#3F3B3F;
	font-weight:bold;
}

h4{
	text-transform: uppercase;
	letter-spacing: .03em;
}


#textes p{
	text-align: justify;
	margin-bottom:1em;
}

#textes p.point{
	background:url(./images/uploads/template/grande-puce.gif) no-repeat 0 0.3em;
	position:relative;
	padding-left: 1em;
	left:-1em;
}


#textes a{
	color:#7A7A7A;
	text-decoration: none;
	border-bottom: 2px solid #FFFFFF;
}

#textes a:hover{
	border-bottom: 2px solid #66CCCC;
}

#textes a:active{
	background-color: #66CCCC;
}

#textes span.pseudo-lien{
	text-transform: none;
}

#textes li{
	text-align: justify;
	background:url(./images/uploads/template/petite-puce.gif) no-repeat 0.3em 0.45em;
	margin-bottom:1em;
	margin-left: -1em;
	padding-left: 1em;
}

#textes strong{
	font-weight: bold;
}

#textes cite, #textes em{
	font-style: italic;
	color: inherit;
}

#textes sup{
	vertical-align: super;
line-height: 0;
}

#textes span.stabilo{
background: #66CCCC;
}

#textes .evidence{
	font-weight: bold;
}


/*détails début des arrêts*/
div.details
{
	width: 400px;
	background:url(./images/uploads/template/sep-bleu.gif) no-repeat left bottom;
}

div.sub-details{
	background:url(./images/uploads/template/sep-clair.gif) no-repeat left bottom;


}

div.details h5{
	color:#7A7A7A;
	text-transform: uppercase;
	width:100px;
	float:left;
}

div.details p{
	margin: 0 0 0 100px;
	padding-bottom: 1em;

}


div.procedure{
	background-image:none;
}

div.details h5.procedure{
	float:none;

}

div.details p.procedure{
margin-left:0;
}

.procedure span.date{
width: 100px;
float:left;
}

.procedure span.evenement{
display:block;
margin-left: 100px;
text-align: justify;
}

/*notes de bas de page*/
div.notes {
	background:url("./images/uploads/template/sep-bleu.gif") no-repeat left top transparent;
	margin-left:-1em;
	margin-top:2em;
	padding-left:1em;
	padding-top:2em;
	color: #7A7A7A;
}

#textes div.notes li{
	background-image:none;
}

#textes div.notes a.note{
	margin-right:.5em;
	margin-left:-1.5em;
}


/*exergue*/
div.exergue{
	position:absolute;
	top:2em;
	left:480px;
	border-top:1px dotted #66CCCC;
	width:170px;
	padding-top:.85em;
	color:#7A7A7A;
}

div.exergue-bis{
	position:absolute;
	top:16em;
	left:480px;
	border-top:1px dotted #66CCCC;
	width:170px;
	padding-top:.85em;
	color:#7A7A7A;
}

#textes div.exergue p, #textes div.exergue-bis p{
	text-align:left;

}


/*#COULEURS	
BLEU		#66CCCC
GRIS 1		#E8E7DD
GRIS 2		#BCBBAC
GRIS 3		#7A7A7A
GRIS 4      #3F3B3F
*/

/*CITATIONS*/

#statistiques{
	color:#3F3B3F;
	font-size:0.85em;
	margin: 0 auto;
	overflow: hidden;
	height:32em;
	background:#D8D7BF url(./images/uploads/template/coin.gif) no-repeat bottom right;
}

#carousel{
}

#statistiques ul{
}

#statistiques li{
	background-image:none;
	list-style: none;
	height: 25em;
	padding: 30px 30px;
}

#statistiques p{
	color:#3F3B3F;
	font-size: 2em;
	line-height: 120%;
	font-weight: bold;
	letter-spacing: .05em;
	text-align:left;
	background-color:#D8D7BF;
}

#statistiques cite{
		color:#7A7A7A;
}

/*adresses contact*/
#textes ul li.vcard{
	margin-bottom:2em;
	background-image:none;
	list-style-image:url(./images/uploads/template/grande-puce.gif);
	margin-left:0;
	padding-left:0;
}

.vcard .fn{
	color:#7A7A7A;
	text-transform: uppercase;
	letter-spacing: .03em;	
}

.vcard .tel{
	margin:.5em 0;
}



/*listes de liens*/
#textes ul.liens li{
	margin:0;
	padding:0;
	background:none;
	text-align:left;
	position:relative;
}

#textes ul.liens h3{
	color:  #3F3B3F;
}

#textes ul.liens a span{
	color: inherit;
}

#textes ul.liens a span.pseudo-lien{
	color:#7A7A7A;
}

#textes ul.liens a{
	color:  #3F3B3F;
	border-bottom: none;
	background:url(./images/uploads/template/sep-clair.gif) no-repeat left bottom;
	display:block;
	padding: .5em 0;
}

#textes ul.liens a:hover{
	border-bottom: none;
	background-color:#ffffff;
	color: #66CCCC;
	padding-left:1em;
	padding-right:1em;
}

#textes p.plus:hover{
	border-bottom: none;
	background-color:#ffffff;
}




/*search_box*/

#search_box{
	width: 225px;
	background:url(./images/uploads/template/search-loupe.gif) no-repeat 10px 1.5em;
	padding-left:48px;
	position:absolute;
	top:270px;
}

#search_box label{
	font-size:70%;
	color: #7A7A7A;
}

#search_box label span{
font-weight: bold;
}

#search{
	position:relative;
}
#keywords{
	background-color: #ffffff;
	border: 1px solid #BCBBAC;
	width: 130px;
	height:3em;
	padding-left:5px;
	padding-right:35px;
}

#search-button{
	position:absolute;
	bottom:0;
	right:55px;
	width:3em;
	height:3em;
	padding:.25em;
	background: url(./images/uploads/template/search-button3.gif) no-repeat center 4px;
	border:0px solid #fff;
	cursor:pointer;
	text-indent:-9000px;
	display:block;
	line-height:0; 
}

#search-button:hover{
	background-position: center -36px;
}

#search_details{
	width:170px;
	margin-top:1em;
	padding-top:1.2em;
	background:url(./images/uploads/template/plus.gif) no-repeat center top;
}

select{
	width:100%;
	margin-bottom:.5em;
}

option{
width:100%;
}

/*abonnement*/
#abonnement{
	width: 225px;
	background:url(./images/uploads/template/sep-fonce-80px.gif) no-repeat 48px 0;
	position:absolute;
	top:550px;
	padding-top:1em;
	
}

#rss, #newsletter, #archive{
	display:block;
	font-size:70%;
	color: #7A7A7A;
	padding:.25em 0 .25em 48px;
}

#rss_explications{
	font-size:70%;
	color: #7A7A7A;
}

#rss{
	background:url(./images/uploads/template/rss.gif) no-repeat 17px 2px;
}

#rss:hover{
	background-position: 17px -28px;
	color: #66CCCC;
}

#newsletter{
	background:url(./images/uploads/template/newsletter.gif) no-repeat 13px 5px;
}
#newsletter:hover{
	background-position: 13px -15px;
	color: #66CCCC;
}

#archive:hover{
		color: #66CCCC;
	}



/*newsletter form*/
#newsletter-form{
text-align: left;
color: #7A7A7A;
}

#newsletter-form h2{
color: #66CCCC;
}

#newsletter-form div.champ{
position:relative;
width:100%;
margin-top:2em;
}

#newsletter-form label{
display:block;
font-size: 80%;
}

#newsletter-form #email, #name, #prenom{
	background-color: #ffffff;
	border: 1px solid #66CCCC;
	width: 300px;
	height:40px;
	padding:0 5px;
	font-size:100%;
}

#newsletter-form #societe,#fonction,#street1,#postalcode,#city{
	background-color: #ffffff;
	border: 1px solid #BCBBAC;
	width: 300px;
	height:40px;
	padding:0 5px;
	font-size:100%;
}

#newsletter-form #submit{
	width:30px;
	height:30px;
	position:absolute;
	bottom:6px;
	right:20px;
	background:url("./images/uploads/template/search-button3.gif") no-repeat scroll center 4px transparent;
	border:0 none;
	cursor:pointer;
	padding:5px;
	text-indent:-9000px;
}


/*Scroll TOP*/
#top{
display:none;
}

#top_scroll{
	position:fixed;
	top:50%;
	right:10%;
	display:none;
}

#top_scroll a{
	text-indent:-9999px;
	display:block;
	width:35px;
	height:35px;
	background: url("./images/uploads/template/scroll_top.gif") no-repeat center top transparent;
}

#top_scroll a:hover{
	background-position: 0 -50px;
}



/*signature binocle*/
#binocle{
position: relative;
bottom: 0;
right:0;
font-size:60%;
}

#binocle a{
background:url("./images/uploads/template/binocle_icone_ombre_15x15.gif") no-repeat scroll 0 0 transparent;
color:#BCBBAC;
display:block;
height:18px;
width:90px;
padding-left:20px;
position:absolute;
right:15px;
bottom:15px;
}

#binocle a:hover{
color:#FF004E;
}

.hilite { background-color: #ff0; }

/*#COULEURS	
BLEU		#66CCCC
GRIS 1		#E8E7DD
GRIS 2		#BCBBAC
GRIS 3		#7A7A7A
GRIS 4      #3F3B3F
*/