@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:#444444;
	background:#f1f1f1 url('../../images/background_v1.jpg') center top no-repeat;
	line-height: 1.2;
} 

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

h1.header{
	width:940px;
	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 {
	width:940px;
	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 {
	width:940px;
	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 {
	width:940px;
	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:29px;
	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:black;
	border-bottom:2px solid black;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:2px;
	padding-top:5px;
	font-size: 1.3em;
	text-align: left;
}

hr {
	border: none;
	border-top: 1px solid #dddddd;
	height: 0px;
	width: 100%;
}

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

strong.strongtitre {
	background-color:#f2f2f2;
	color:black;
	margin:auto;
}

strong.titre {
	clear:both;
	float:left;
	border-bottom:2px solid black;
	text-align:left;
	color:black;
	width:443px;
	margin-left:10px;
	margin-right:10px;
}

strong.titrepetit {
	clear:both;
	float:left;
	border-bottom:2px solid black;
	text-align:left;
	color:black;
	width:375px;
	margin-left:10px;
	margin-right:10px;
}

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;
}

#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{
	border-top: 1px solid #da0949;
	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 #da0949;
	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;
	cursor: pointer;
}

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

a {
	outline: none;
}

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

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

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

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

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



div#map {
	background-color: #e5e3df;
}

div#contenuhaut {
	background-color: white;
	padding-top: 5px;
	/*background:url('../../images/header.png') top center no-repeat;*/
}
	 
div#contenubas { 
	width: 940px;
	/*background:url('../../images/foot.jpg') no-repeat bottom center;*/
	background-color: white;
} 

div#contenu {
	background-color: white;
	padding-top: 5px;
	background-color: white;
}

div.clear {
	clear: both;
}

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

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

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

div.affichage2 { 
  	float: left;
	background-color:#f2f2f2;
	border:solid 1px #dddddd;
	text-align: center;
	margin: auto;
	width: 463px;
	height: 335px; 
}

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

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

div.affichage3 h2{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	margin-bottom:3px;
	width: 460px;	
	height: 18px;
	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:400px;
}	

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 black;
} 	 	

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(http://www.calculitineraires.fr/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: #FFCCFF;
}

span.couleur12 {
	color: #CC0066;
}

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 {
	font-family:Arial;
	font-size:1em;
	color: black;
}	

div#denivelenegatif {
	font-family:Arial;
	float:left;
	font-size:1em;
}

div#denivelepositif {
	font-family:Arial;
	float:left;
	margin-left: 100px;
	font-size:1em;
}

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 : #da0949;
}  

a:hover {
	color: #882544;
}

div#topographie { 
	clear: both;
	width: 880px;
	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;
	cursor: help;
}

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

/*infobulle*/
a.infotext {
    position:relative; 
    z-index:24;
    color:#2c2f32;
    text-decoration:none
}

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

a.infotext span {
	display: none
}

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

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

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


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

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

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

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 #da0949;
	border-left: solid 4px #da0949;
    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: #882544;
}

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-collapse: collapse;
	table-layout: auto;
	width: 920px;
	max-width:920px;
	height: auto;
	margin-left: auto;
 	margin-right: auto;	
}
div.afficherparcours td {
	text-align: center;
	font-size: x-small; 
}
 
div.afficherparcours th {
	text-align: center;
	font-size: x-small;
	background-color:#dddddd;
	color:#666666;
}

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;
	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;
	background-color: #000000;
}

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#carte a {
	text-decoration: none;
	color:#aeacd2;
}	


div#carte a:hover {
	text-decoration: none;
	color:#817f94;
}

div#carte a:visited {
	text-decoration: none;
	color:#aeacd2;
}

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

.surmapV3 {
	text-align:left;
   	position: absolute;
   	left: 50px;
   	top: 20px;
  	z-index: 25; 
	background: none;
	width:445px;
	color :#757493;
/*	border:solid 1px #757493;*/
	padding : 2px;
}


.surmap2 {
	text-align:left;
   	position: absolute;
   	left: 180px;
   	bottom: 34px;
  	z-index: 25;
	line-height: 0.2; 
	font-size:1em;
	padding-top: 5px;
}

.surmap3 {
	text-align:left;
   	position: absolute;
   	left: 180px;
   	top: 32px;
  	z-index: 25; 
}

.surmapign {
	text-align:left;
   	position: absolute;
   	left: 180px;
   	bottom: 51px;
  	z-index: 25; 
}

.surmapign2 {
	text-align:left;
	float:left;
   	position: absolute;
	line-height: 0.2;
   	left: 180px;
   	bottom: 34px;
  	z-index: 25; 
	font-size:1em;
	padding-top: 5px;
}

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

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#menu {
	line-height: 2.5em;
	vertical-align: middle;
	position: relative;
 	margin-left: auto;
 	margin-right: auto;
	width: 940px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	height: 21px;
	font-weight:bold;
	margin-top:1px;
}
}


#menuDeroulant{
	vertical-align:middle;
	background: #da0949;
	width: 940px;
	height: 26px;
	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: 235px;
 	margin-left: auto;
 	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	border: 0;
	border-left: 0px solid #fff;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
	vertical-align:middle;
	display: block;
	height: 26px;
	background: #da0949;
	margin: 0;
	padding: 4px 8px;
	border-right: 0px solid #fff;
	text-decoration: none;
	color:white;
}

#menuDeroulant li a:hover {
	background-color: #882544;
	top:-140px;
	color:white;	
}
#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: 235px;
	border-bottom: 1px solid #882544;
	border-right: 0px solid transparent;
	position:relative;
	top:-174px;
	z-index:500;
}

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

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

#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: 235px;
	border-bottom: 1px solid #882544;
	border-right: 0px solid transparent;
	position:relative;
	top:-104px;
	z-index:500;
}

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

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

#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 : #882544;
}

.mapselected{
	text-decoration: none;
	color : #882544;
} 

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

/*TOP BAR */
#top {
	text-align:center;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	height:33px;
}

/* SOCIAL MENU TOP*/

#social{
	float:left;
	margin-left:668px;
	height:16px;
}

ul#socialbar {
	width: 216px;
	height: 16px;
    margin:0; 
    padding:0;
	padding-top:8px; 
    list-style:none; 
    clear:both;
/*    position: absolute;*/
	top: 8px;
	left: 0px;	
}  

#socialbar li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:0;}  
#socialbar li a{background:url('../../images/social.png') no-repeat; width:216px; height:16px; display:block;}  


#socialbar li.facebook{width:80px; height:16px;}  
#socialbar li.facebook a{background-position:0px 0px;}  
#socialbar li.facebook a:hover{background-position:-0px -16px;}  


#socialbar li.twitter{width:72px; height:16px;}  
#socialbar li.twitter a{background-position:-86px -0px;}  
#socialbar li.twitter a:hover{background-position:-86px -16px;}  


#socialbar li.rss{width:47px; height:16px;}  
#socialbar li.rss a{background-position:-169px -0px;}  
#socialbar li.rss a:hover{background-position:-169px -16px;}  

/* MENU TOP*/
#topmenu {
	float:left;
	height:33px;
    margin:0; 
    padding:0;
	padding-top:8px; 
	top: 8px;	
}

#topmenu a {
	font-family: 'Terminal Dosis', sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600; 
	color: #999;
	text-decoration: none;
}

#topmenu a:hover {
	color: #FFF;
}

#topmenu a.active {
	color: #FFF;
}

.infobulle {border-top-right-radius:0px; border-top-left-radius:0px; font-size:95%; float: left; text-align: left; margin:0px; padding:0px; position:relative; width:65px; max-width:65px;}

#fb_xdm_frame_http, #fb_xdm_frame_https { display:none; border:none; }

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