body{
background-color:#BCE18D;
}
#global{
width:1400px;
/*height: 1500px;*/
/*background-color:gray;*/
margin-left:auto;
margin-right:auto;
padding:20px;
}
#container{
position:relative;
width:950px;
height: 1200px;
/*background-color:blue;*/
/*margin-left:auto;*/
/*margin-right:auto;*/
}
#titre {
margin: 0em; 
padding: 2px; 
font-size: xx-large;
height: 200px;
background-image: url(../image/main11.jpg);
/*background-color: yellow;*/
background-position: top left;
background-repeat: no-repeat;
}
#titre h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:35px;
}
#menu{
background-image:url(../image/verdure1.gif);
background-repeat:no-repeat;
background-position : right bottom;
/*background-color: black;*/
width: 380px;
float: right;
padding-right: 10px;
padding-left: 10px;
border-left: 0px;
margin-right:60px;
border:solid gray 1px;
}
#menu ul{
padding-bottom:25px;
border-bottom: 1px dashed #7d7d7d;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#accueil:hover{
color:white;
}
#six:hover{
color:blue;
}
#dix:hover{
color:red;
}
#carte{
width:927px;
height:948px;
border : 1px black solid;
background-image:url(../image/10km.jpg);
}
#ensemble_des_points{
margin-top:-900px;
margin-left:-30px;
float:left;
position:top;
width:927px;
height:948px;
/*background-color:red;*/
}
#details10{
margin-left:630px;
width: 440px;
height:645px;
float: right;
padding-right: 10px;
padding-top:20px;
padding-left: 10px;
}
#details6,#details{
display:none;
}
#diagram10{
width:930px;
height:261px;
background-image:url(../image/diagram10.jpg);
}
#footer{
height:37px;
text-align:center;
}
#footer img{
width:130px;
margin-left:30px;
}
a, a:hover, a:focus{
color:black;
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a img{
border: 0px ;/*enlever le bord mauve de l'image lien*/
}
.emphase{
text-decoration:underline;
}
#point1{/*positionnement du  point1*/
margin-left:812px;
margin-top:282px;
}
#point2{
margin-left:510px;
margin-top:171px;
}
#point3{/*positionnement du  point3*/
margin-left:460px;
margin-top:95px;
}
#point4{/*positionnement du  point4*/
margin-left:494px;
margin-top:-85px;
}
#point5{/*positionnement du  point5*/
margin-left:845px;
margin-top:-276px;
}
#point6{/*positionnement du  point6*/
text-indent:-5000px;
}
#point7{/*positionnement du  point7*/
margin-left:859px;
margin-top:-219px;
}
#point8{/*positionnement du  point8*/
text-indent:-5000px;
}
#point9{/*positionnement du  point9*/
margin-left:325px;
margin-top:612px;
}
#point10{/*positionnement du  point10*/
margin-left:328px;
margin-top:12px;
}
#point11{/*positionnement du  point11*/
margin-left:367px;
margin-top:-102px;
}
#point12{/*positionnement du  point12*/
text-indent:-5000px;
}
#point13{/*positionnement du  point13*/
text-indent:-5000px;
}
#point14{/*positionnement du  point14*/
text-indent:-5000px;
}
#point15{/*positionnement du  point15*/
text-indent:-5000px;
}
#point16{/*positionnement du  point16*/
margin-left:309px;
margin-top:-9px;
}
#point17{/*positionnement du  point17*/
margin-left:609px;
margin-top:-452px;
}
#point18{/*positionnement du  point18*/
text-indent:-5000px;
}
#point1 a span, #point2 a span, #point3 a span, #point4 a span,#point5 a span,#point6 a span,#point7 a span,#point8 a span,#point9 a span,#point10 a span,#point11 a span,#point12 a span,#point13 a span,#point14 a span,#point15 a span,#point16 a span,#point17 a span,#point18 a span{
display: none;/*cache la photo*/
}
#point1 a:hover span,#point2 a:hover span ,#point3 a:hover span,#point4 a:hover span,#point5 a:hover span ,#point6 a:hover span,#point7 a:hover span,#point8 a:hover span,#point9 a:hover span,#point10 a:hover span,#point11 a:hover span,#point12 a:hover span,#point13 a:hover span,#point14 a:hover span,#point15 a:hover span,#point16 a:hover span,#point17 a:hover span,#point18 a:hover span{
margin-top: -60px; 
margin-left: 54px; 
display: block;/*pour faire apparaitre l'image*/
position:absolute;
background:none;
border: black solid 3px;
}