@charset "windows-1252"; 

body {
	width: 940px;
 	margin-left: auto;
 	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px; 
	text-align: center;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.7em;
	color:#000000;
	background:#000000 url('/images/background.jpg') center top no-repeat;
} 

p {
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
} 

h1.header{
	display:block;
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-top:0px;
	padding-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
	text-align:center;
} 

h1 a {
	text-decoration: none;
	color:#ffffff;
}	


h1 a:hover {
	text-decoration: none;
	color:#ffffff;
}

h1 a:visited {
	text-decoration: none;
	color:#ffffff;
}

h1.headerpetit {
	display:block;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-top:0px;
	padding-top: 0px;
	padding-bottom:0px;
	margin-bottom:0px;
	text-align:center;
}

img {
	border:none;
}

h2 {
	font-size: 1.2em;
	color: black;
} 

h2.central {
	clear:both;
	padding-top: 0px;
	margin-top:0px;
	width: 520px;	
	height: 20px;
	color: #FFFFFF;
	background-color:#747393;	
	margin-left: auto;
	margin-right: auto;
}

h3 {
	clear:both;
	color:#747393;
	border-bottom:2px solid #747393;
	margin-left:6px;
	margin-right:6px;
	padding-top:5px;
	font-size: 1.3em;
	text-align: left;
}

hr {
	color: #747393;
	background-color: #747393;
	height: 1px;
	border: 0;
}

hr.centralhr {
	border: 0;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

strong.strongtitre {
	background-color:#f5f5f5;
	color:#747393;
	margin:auto;
}

div#perso {
	background-color:#f5f5f5;
	border-top:solid 1px #747393;
	border-left:solid 1px #747393;
	border-right:solid 1px #747393;
	width:750px;
	margin:auto;
}

#affichageprint * {	
	display: none;
}

#affichageprinttitre * {	
	display: none;
}

input.cacher {	
	display: none;
}

#vide * {	
	display: none;
}  

#liens p{
	margin-left: 25px;
	margin-right: 10px;
	text-align: left;
} 

.message p{
	margin-left: 25px;
	margin-right: 25px;
	text-align: left;
} 

.message hr{
	text-align: center;
	width: 100px;
	margin-left: auto;
 	margin-right: auto;
}

.commentaire p{
	margin-left: 25px;
	margin-right: 25px;
	text-align: center;
} 

.commentaire hr{
	text-align: center;
	width: 100px;
	margin-left: auto;
 	margin-right: auto;
}

.bouton {
	border:none;
    color:#fff;
    background: transparent url('/images/bouton4.jpg') no-repeat top left;
	padding-bottom: 4px;
	font-size: 1em;
    width:220px;
    height:24px;
	outline: none;
}

.valider {
	border:none;
    color:#fff;
    background: transparent url('/images/bouton1.jpg') no-repeat top left;
	padding-bottom: 3px;
	font-size: 1em;
    width:104px;
    height:24px;
	outline: none;
}

a {
	outline: none;
}

.text {
	background-color: #fff;
	height: 18px;
	color: #757493;
	font-style: italic;
	border: solid 2px #757493;
}

.texttemps {
	background-color: #fff;
	height: 18px;
	width: 32px;
	color: #757493;
	font-style: italic;
	border: solid 2px #757493;
}

#address {
	background-color: #fff;
	height: 18px;
	color: #757493;
	font-style: italic;
	border: solid 1px #757493;
}

.textarea {
	background-color: #fff;
	color: #757493;
	font-style: italic;
	border: solid 2px #757493;
}

.textarea2 {
	background-color: #fff;
	color: #757493;
	font-style: italic;
	border: solid 1px #757493;
}	
	
form {margin: 0; padding: 0;}

div#contenuhaut {
	padding-top: 5px;
	/*background:url('/images/header.png') top center no-repeat;*/
}

div#map {
	background-color: #e5e3df;
}
	 
div#contenubas { 
	width: 940px;
	background:url('/images/foot.jpg') no-repeat bottom center;
	background-color: white;
} 

div.clear {
	clear: both;
}

div#bouton {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
}  

div.affichage { 
	background-color:#f5f5f5;
	border:solid 1px #747393;
	float: left;
	text-align: center;
	width: 395px;
	height: 320px; 
	margin-top: 10px;
	margin-left: 35px;
	margin-right: 25px;
	margin-bottom: 10px; 
}

div.affichage2 { 
  	float: left;

	background-color:#f5f5f5;
	border:solid 1px #747393;
	text-align: center;
	margin: auto;
	width: 463px;
	height: 370px; 
}

div.affichage2 h2{
	padding-top: 0px;
	margin-top:0px;
	width: 463px;	
	height: 20px;
	color: #FFFFFF;
	background-color:#747393;	
}

div.affichage3 {
	clear: both;
	text-align: center;
	width: 460px;
	height: 235px; 
	margin-top: 10px;
	margin-left: auto;
 	margin-right: auto;
	margin-bottom: 10px; 
	background-color:#f5f5f5;
	border:solid 1px #747393;
}

div.affichage3 h2{
	padding-top: 0px;
	margin-top:0px;
	width: 460px;	
	height: 20px;
	color: #FFFFFF;
	background-color:#747393;	
}

div#units {
	background-color: #FFFFFF;
}

div#altitude {
	background-color: #FFFFFF;
}

div.petitbr {
	height: 2px;
} 


div#sauvegarder	 {
	clear: both;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

div#rss{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:390px;
}	

div#save { 
	text-align: center;
	margin-left: auto;
 	margin-right: auto;
	width: 390px;
	height: 100px;
	background-color:#f5f5f5;
	border:solid 1px #747393;
}

div#tab_save { 
	text-align: center;
	margin-left: auto;
 	margin-right: auto;
	width: 280px;
	height: 75px;
	background-color:#f5f5f5;
	border:solid 1px #747393;
} 	 	

div#tab_save table{
	text-align: center;
	margin-left: auto;
 	margin-right: auto;
}	 

div#autrescalculs {
	text-align: center;
	width: 480px;
	height: 255px; 
	margin-top: 10px;
	margin-left: auto;
 	margin-right: auto;
	margin-bottom: 10px; 
	background-image: url(/images/fond_aff2.jpg);
	background-color: #999999; 
}
	

div#adresse {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

span.couleur {
	color: red;
}

span.couleur3 {
	color: #747393;
}

span.couleur2 {
	color: #057c05;
}

span.couleur11 {
	color: #ffff00;
}

span.couleur12 {
	color: #ffcc00;
}

span.couleur13 {
	color: #ff6600;
}

span.couleur14 {
	color: #ff0000;
}

span.couleur21 {
	color: #00ffff;
}

span.couleur22 {
	color: #00ccff;
}

span.couleur23 {
	color: #3366ff;
}

span.couleur24 {
	color: #0000ff;
}

span.address {
	 color: #757493;
}	

div#denivelenegatif {
	float:left;
}

div#denivelepositif {
	float:left;
	margin-left: 5px;
}

div#visiteurs {
	text-align: left;
	float: left;
	font-size: 0.9em;
	margin-left: 0px;
	padding: 5px;
}

#visiteurs img{
	border: none;
}

#visiteurs a {
	text-decoration: none;
}	

a {
	text-decoration: none;
	color : blue;
}  

a.mapselected {
	text-decoration: none;
	color : red;
} 

div#w3c a.mapselected  {
	text-decoration: none;
	color: red;
}

a:hover {
	color: red;
}

div#topographie { 
	clear: both;
	width: 900px;
	height: 260px;
	margin:auto;
	text-align: center;
	background-image: url(/images/topo.jpg);
}

/*infobulle*/
a.info {
    position:relative; 
    z-index:24;
    color:blue;
    text-decoration:none
}

a.info:hover {
	z-index:25; 
	background-color:#eeeeee;
}

a.info span {
	display: none
}

a.info:hover span { 
	/*le contenu de la balise span ne 
	sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    color: #3f3f3f;
    top:2em; left:-6em; width:35em;
    border: solid 2px #757493;
    background-color:#eeeeee;
    text-align: justify;
    padding:1px;
}

/*infobulle*/
a.info4 {
    position:relative; 
    z-index:24;
    color:blue;
    text-decoration:none
}

a.info4:hover {
	z-index:25; 
	background-color:#eeeeee;
}

a.info4 span {
	display: none
}

a.info4:hover span { 
	/*le contenu de la balise span ne 
	sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    color: #3f3f3f;
    top:2em; left:-6em; 
	width:295px;
	height:604px;
    border: solid 2px #757493;
    background-color:#eeeeee;
    text-align: justify;
    padding:1px;
}


a.info3 {
    position:relative; 
    z-index:24;
    color:blue;
    text-decoration:none
}

a.info3:hover {
	z-index:25; 
	background-color:#eeeeee;
}

a.info3 span {
	display: none
}

a.info3:hover span { 
	/*le contenu de la balise span ne 
	sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    color: #3f3f3f;
    top:2em; left:-6em; width:536px;
    border: solid 2px #757493;
    background-color:#eeeeee;
    text-align: justify;
    padding:1px;
}

a.info2 {
    position:relative; 
    z-index:24;
    color:blue;
    text-decoration:none
}

a.info2:hover {
	z-index:25; 
	background-color:#eeeeee;
}

a.info2 span {
	display: none
}

a.info2:hover span { 
	/*le contenu de la balise span ne 
	sera visible que pour l'état a:hover */
	display:block; 
	position:absolute;
    color: #3f3f3f;
    top:2em; left:-15em; width:30em;
    border: solid 2px #757493;
    background-color:#eeeeee;
    text-align: justify;
    padding:1px;
}
/* Fin infobulle */

div#w3c p {
	text-align: center;
}

div#w3c a {
	text-decoration: none;
	color: #FFFFFF;
}

div#w3c a:hover{
	text-decoration: none;
	color: blue;
}

div#w3c a:visited {
	text-decoration: none;
}

div#w3c img {
	border:none;
}

div#liens img {
	border:none;
}

div#liens {
	text-align: left;
}

div#denivele p {
	text-align: center;
}

div#livreor {
	text-align: left;
} 

div#afficherparcours {
    text-align: center;
    vertical-align: middle;
	margin-left: auto;
 	margin-right: auto;	
}

div#denivelemoyen { 
	clear: both;
    text-align: center;
	margin-left: auto;
 	margin-right: auto;	
}

div#afficherparcours p{
	text-align: center;	
	margin-left: auto;
 	margin-right: auto;	
}

div#afficherparcours table {
	background-color: #f5f5f5;
	border: 3px solid white;
	border-collapse: separate;
  	border-spacing: 1px;
	table-layout: auto;
	width: 940px;
	height: auto;
	margin-left: auto;
 	margin-right: auto;	
}
div#afficherparcours td {
	border: 1px solid #757493;
	text-align: center;
	font-size: x-small; 
}
 
div#afficherparcours th {
	border: 1px solid #757493;
	font-size: x-small;
	color: #757493;
}

th.grand {
 	width: 20%;
}

th.moyen {
 	width: 14%;
}

th.petit {
 	width: 10%;
} 


div#sauvegarder {
	margin-left: 50px;
}


div#boutonrechercher {
	text-align: left; 
	margin-left: 10px;
}	

span#Affichetotaledistancetopo{
	text-align: center;
}

span#AfficheDistanceTotaleMetre{
	 text-align: center;
}

div#baliseskilo{
	color: blue;
}

div#balisesdistance{
	color: green;
}

div#scrabble {
	color: black;
	text-align: center;
}

div#sport {
	color: #565656;
	text-align: center;
	text-decoration:none
}

div#sport a{
	color:#565656;
	text-decoration:none
}

div#empty1 {
	width: 430px;
 	margin-left: auto;
 	margin-right: auto;	
	text-align: left;
}

div.GeoportalVisuDiv {
  font-size:11px;
  font-weight:normal;
}