/* CSS Document */


/*cette div englobe toutes les DIV du site et permet de centrer le site*/
#global {
	position:absolute;
	left: 50%;
	/*top: 50%;*/
     width: 880px;
	height: 1530px;
	/*margin-top: -225px;  moitié de la hauteur */
     margin-left: -440px; /* moitié de la largeur */
	top:0px;
}

#header {
	left:0px;
	top:0px;
	width:880px;
	height:269px;
}
#blocrando {
	position:absolute;
	left:97px;
	top:628px;
	height:487px;
	width:691px;
}
#carterando {
	background-image:url(images/carte-rando.jpg);
	background-repeat:no-repeat;
	position:absolute;
	left:48px;
	top:6px;
	height:474px;
	width:604px;
}
#randotabl {
	position:absolute;
	left:204px;
	top:285px;
	height:141px;
	width:364px;
	/* offset left, top, thickness, color with alpha */
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	/* IE */
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='blue');
	/* slightly different syntax for IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='blue')";
}
#txtrando {
	position:absolute;
	left:299px;
	top:367px;
	height:219px;
	width:480px;
}

#h1 {
	background-image:url(images/header_01.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:95px;
	height:269px;
	/* pour inserer une scroll bar dès que le texte dépasse la taille
	overflow:auto;*/
	
}
#milieu {
	background-image:url(images/header_02.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:95px;
	top:0px;
	width:696px;
	height:269px;
	/* pour inserer une scroll bar dès que le texte dépasse la taille
	overflow:auto;*/
	
}

#h3 {
	background-image:url(images/header_03.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:791px;
	top:0px;
	width:89px;
	height:269px;
	/* pour inserer une scroll bar dès que le texte dépasse la taille
	overflow:auto;*/
	
}

.txtedito {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-stretch:condensed;
	font-style: normal;
	text-align:justify;
	color:#000066;

}

.txttablo {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-stretch:condensed;
	font-style: normal;
	text-align:center;
	color:#2d15e6;


}
.txtdefilant{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-stretch:ultra-condensed;
	font-size:20px;
	text-align:justify;
	color:#FF0;
	background-color:#006;

}
.txtnoir {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-stretch:extra-condensed;
	font-style:normal;
	color:#000000;

}
.txtblanc {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-stretch:extra-condensed;
	font-style:normal;
	color:#ffffff;

}
.txtnoircentre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-stretch:extra-condensed;
	font-style:normal;
	color:#000000;
	text-align:center;

}
.txtbattitre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-stretch:ultra-condensed;
	color:#ffffff;
	text-align:center;

}
.image_swap {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-stretch:extra-condensed;
	font-style:normal;
	color:#000000;

}
.titretnoir {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-stretch:extra-condensed;
	font-style:normal;
	color:#000000;

}

.txtheader {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	font-size:16px;
	font-style:normal;
	color:#FFFFFF;

}
.liensheader{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:normal;
	color:#FFFF33;
	}
	
	
.credits {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#ffffff;

}

.liensbat{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#FD63E4;

}
.lienspar{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#FF6600;

}
.liensrando{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#0033FF;

}
.liensplan{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#1DABB4;

}
.liensjet{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#66FF00;

}
.liensindex{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#ffFF00;

}
.txtpiti {
	font-family:Georgia, "Times New Roman", Times, serif
	font-stretch:condensed;
	font-size:15px;
	font-style:normal;
	color:#000000;
}
#footer {
	left:0px;
	top:361px;
	width:880px;
	height:361px;
}
#illus {
	background-image:url(images/illus-cheval.jpg);
	left:0px;
	top:200px;
	width:880px;
	height:266px;
}
#textedeb {
	position:absolute;
	left:401px;
	top:434px;
	width:365px;
	height:152px;
}
#textedebparc {
	position:absolute;
	left:352px;
	top:393px;
	width:386px;
	height:152px;
}
#textedebbat {
	position:absolute;
	left:352px;
	top:393px;
	width:386px;
	height:152px;
}
#banddefil {
	position:absolute;
	background-color:#006;
	left:81px;
	top:363px;
	width:741px;
	height:30px;
}