@charset "windows-1252"; 

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

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

h1.header{
	line-height:1.1;
	display:block;
	font-size:50px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	margin-top:10px;
	padding: 0px;
	border: 0px;
	text-align:center;
} 

h1 a {
	text-decoration: none;
	line-height:1.1;
	display:block;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding: 0px;
	text-align:center;
}	


h1 a:hover {
	text-decoration: none;
	line-height:1.1;
	display:block;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding: 0px;
	text-align:center;
}

h1 a:visited {
	text-decoration: none;
	line-height:1.1;
	display:block;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding: 0px;
	text-align:center;
}

h1.headerpetit {
	line-height:1.1;
	display:block;
	font-size:30px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	margin:0px;
	padding:0px;
	border: 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 {
	border: none;
	border-top: 1px solid #dddddd;
	height: 0px;
	width: 100%;
	align: center;
	margin-top:0px;
}

hr.centralhr {
	border: none;
	border-top: 1px solid #dddddd;
	height: 0px;
	width: 100%;
	align: center;
 	margin-right: auto;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#vide * {	
	display: none;
} 

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

div#perso {
	background-color:#f2f2f2;
	border-top:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	border-right:solid 1px #dddddd;
	width:750px;
	margin:auto;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
}

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

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

.message hr{
	border-top: 1px solid #747393;
	text-align: center;
	width: 100px;
	margin-left: auto;
 	margin-right: auto;
}

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

.commentaire hr{
	border-top: 1px solid #747393;
	text-align: center;
	width: 100px;
	margin-left: auto;
 	margin-right: auto;
}

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

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

a {
	outline: none;
}

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

.texttemps {
	background-color: #fff;
	height: 18px;
	width: 32px;
	color: #757493;
	font-style: italic;
	border: solid 1px #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 {
	background-color: white;
	padding-top: 5px;
}

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

div.clear {
	clear: both;
}

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

div.affichage h2{
	padding-top: 0px;
	margin-top:0px;
	width: 395px;	
	height: 20px;
	color: #000000;
	background-color:#dddddd;	
} 

div.affichage { 
	background-color:#f1f1f1;
	border:solid 1px #dddddd;
	float: left;
	text-align: center;
	width: 395px;
	height: 265px; 
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px; 
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
}

div.affichage2 { 
  	float: left;

	background-color:#f2f2f2;
	border:solid 1px #dddddd;
	text-align: center;
	margin: auto;
	width: 463px;
	height: 355px; 
}

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

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;
	padding-top: 0px;
	margin-top:-5px;
}

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

div.petitbr {
	height: 2px;
} 


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

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:#f1f1f1;
	border:solid 1px #dddddd;
	border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
}

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: black;
    top:2em; left:-6em; width:37em;
    border: solid 1px #757493;
	border-left: solid 4px #757493;
    background-color:#eeeeee;
    text-align: justify;
    padding:3px;
}

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

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

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 1px #757493;
	border-left: solid 4px #757493;
    background-color:#f5f5f5;
    text-align: justify;
    padding:3px;
}


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 1px #757493;
	border-left: solid 4px #757493;
    background-color:#f5f5f5;
    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 1px #757493;
	border-left: solid 4px #757493;
    background-color:#f5f5f5;
    text-align: justify;
    padding:3px;
}
/* Fin infobulle */

div#footer{
	background: #000000;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
}

div#w3c {
	text-align: center;
	line-height: 1.1;
	color: #FFFFFF;
	background-color: #000000;
}

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;
	max-width:940px;
	height: auto;
	margin-left: auto;
 	margin-right: auto;	
}
div#afficherparcours td {
	border: 1px solid #dddddd;
	text-align: center;
	font-size: x-small; 
}
 
div#afficherparcours th {
	border: 1px solid #dddddd;
	font-size: x-small;
	color: #757493;
}

 th.grand {
 	width: 18%;
}

 th.moyen {
 	width: 10%;
}

 th.petit {
 	width: 8%;
} 

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;
	font-size:0.6em;
	background-color: #000000;
}

div#scrabble a{
	color: black;
	text-decoration:none
	font-size:0.6em;
}

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

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

div#stat {
	color: white;
	text-align: center;
	text-decoration:none
}

div#stat a{
	color:white;
	text-decoration:none
}


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

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

div#affichageprint {
	display: none;
}

.container {
   	position: relative; /* nécessaire pour positionner correctement le <div class="test"> */
}
 
.surmap {
	text-align:left;
   	position: absolute;
   	left: 0px;
   	top: 0px;
  	z-index: 25; 
	background-color: white;
	width:445px;
	color :#757493;
	border:solid 1px #757493;
	padding : 2px;
}

.surmap2 {
	text-align:left;
   	position: absolute;
   	left: 180px;
   	bottom: 35px;
  	z-index: 25; 
 	line-height: 0.4;
}

#menu {
	line-height: 2.5em;
	vertical-align: middle;
	position: relative;
 	margin-left: auto;
 	margin-right: auto;
	width: 940px;
	margin-top: 1px;
	margin-bottom: 0px;
	text-align: left;
	height: 21px;
	font-weight:bold;
}

#menuDeroulant{
	vertical-align:middle;
	background: #dddddd;
	width: 940px;
	height: 25px;
	list-style-type: none;
	position: absolute;
	margin:0px;
	padding: 0;
	border: 0;
	margin-left:auto;
	margin-right:auto;
	top:0;
	left:0;
	text-align:center;
}
#menuDeroulant li{
	vertical-align:middle;
	float: left;
	width: 234px;
 	margin-left: auto;
 	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	border: 0;
	border-left: 1px solid #fff
}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
	vertical-align:middle;
	display: block;
	height: 25px;
	color:#787795;
	background: #dddddd;
	margin: 0;
	padding: 4px 8px;
	border-right: 1px solid #fff;
	text-decoration: none;
}

#menuDeroulant li a:hover { background-color: #747393; top:-140px; color:#dddddd;}
#menuDeroulant li a:active { background-color: red; }

#menuDeroulant .sousMenu{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 234px;
	border-bottom: 1px solid white;
	border-right: 1px solid transparent;
	position:relative;
	top:-169px;
	z-index:500;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited{
	display: block;
	color:#787795;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-color: #dddddd;
}

#menuDeroulant .sousMenu li a:hover{
	background-image: none;
	background-color: #747393;
	color:#dddddd;
}

#menuDeroulant li:hover > .sousMenu { display: block; }


#menuDeroulant .sousMenu2{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu2 li{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 234px;
	border-bottom: 1px solid white;
	border-right: 1px solid transparent;
	position:relative;
	top:-67px;
	z-index:500;
}

#menuDeroulant .sousMenu2 li a:link, #menuDeroulant .sousMenu2 li a:visited{
	display: block;
	color:#787795;
	margin: 0;
	border: 0;
	text-decoration: none;
	background-color: #dddddd;
}

#menuDeroulant .sousMenu2 li a:hover{
	background-image: none;
	background-color: #747393;
	color:#dddddd;
}

#menuDeroulant li:hover > .sousMenu2 { display: block; }

#menuDeroulant .sousMenu2 li a:active { background-color: red; }

#menuDeroulant .sousMenu li a:active { background-color: red; }

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

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

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

@media screen and (max-width:640px){ 
	body { 
		-webkit-text-size-adjust: 98%; 
	} 
}