body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #622000;
	color: #000;
	margin-left: 5px;
	margin-right: 5px;
}

a:link {
	color: #3399CC;
	text-decoration: underline;
}
a:visited {
	color: #993399;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	text-shadow: 0px 0px 5px #000000;
	color: #660000;
}

.logo {
	float: left;
	height: 170px;
	width: 160px;
	border-style: groove;
	border-color: #963;
	position: fixed;
	left: 10px;
	top: 10px;
	overflow: visible;
	visibility: visible;
	-webkit-box-shadow: 2px 2px #999999;
	box-shadow: 2px 2px #999999;
	border-radius: 0px 5px 5px;
	z-index: 3;
}
.bandeautop {
	font-family: Verdana;
	font-size: x-large;
	line-height: 20px;
	font-weight: normal;
	color: #630;
	background-color: #FC9;
	text-align: right;
	vertical-align: text-bottom;
	float: left;
	height: 130px;
	width: 90%;
	position: fixed;
	top: 25px;
	visibility: visible;
	z-index: 2;
	padding-bottom: 10px;
	padding-right: 10px;
	text-shadow: 1px 1px #CCCCCC;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	background-repeat: repeat-y;
	-webkit-box-shadow: 3px 3px 3px #999999;
	box-shadow: 3px 3px 3px #999999;
	left: -5px;
	background-image: -webkit-gradient(linear, 100.00% 58.82%, 0.00% 41.18%, color-stop( 0% , rgba(255,255,255,0.02)),color-stop( 100% , rgba(255,245,245,1.00)),color-stop( 100% , rgba(255,0,0,1.00)));
	background-image: -webkit-linear-gradient(170deg,rgba(255,255,255,0.02) 0%,rgba(255,245,245,1.00) 100%,rgba(255,0,0,1.00) 100%);
	background-image: linear-gradient(280deg,rgba(255,255,255,0.02) 0%,rgba(255,245,245,1.00) 100%,rgba(255,0,0,1.00) 100%);
}
.TextSection {
	font-family: Verdana;
	font-size: large;
	font-style: normal;
	line-height: normal;
	color: #630;
	width: auto;
	border-right: 3px solid #630;
	border-bottom: 3px solid #630;
	position: absolute;
	height: auto;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	right: 20px;
	text-shadow: 2px 2px #FFFFFF;
	border-bottom-right-radius: 0px;
	bottom: 10px;
	font-weight: bold;
	float: right;
}
.BandeauGauche {
	background-color: #FC9;
	background-image: url(../rando/Images/bandoVertical.png);
	background-repeat: repeat-x;
	height: 210px;
	width: 130px;
	position: fixed;
	left: 30px;
	top: 0px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px #999999;
	box-shadow: 2px 2px 2px #999999;
	z-index: 2;
}
.TitreRando {
	font-family: Verdana;
	font-size: x-large;
	color: #036;
	float: left;
	width: auto;
	position: fixed;
	left: 200px;
	top: 35px;
	padding-top: 10px;
	padding-left: 10px;
	border-color: #003366;
	border-width: 3px;
	border-top-style: solid;
	border-left-style: solid;
	text-align: center;
}
.iconProg {
	position: fixed;
	height: auto;
	width: auto;
	top: 0px;
	z-index: 7;
	right: 10%;
}
.iconArchiv {
	position: fixed;
	height: auto;
	width: auto;
	top: 0px;
	z-index: 7;
	right: 20%;
}

.iconInfos{
	position: fixed;
	height: auto;
	width: auto;
	top: 0px;
	z-index: 7;
	right: 27%;
}


.Appeltopo {
	position: relative;
	height: auto;
	width: 100px;
	right: 0px;
	z-index: 0;
	bottom: 2px;
	text-align: right;
	margin-left: 70%;
	margin-top: -15px;
}
.bulle {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size: small;
	color: #622000;
	background-color: #FECC9A;
	position: absolute;
	height: auto;
	width: auto;
	top: 2px;
	text-align: center;
	border-radius: 10px;
	left: 6px;
	z-index: 0;
	border: medium solid #FFF;
}



	
.texte {
	text-transform: none;
	color: #003366;
	font-family: Verdana;
	font-size: small;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	left: 0px;
	-webkit-box-shadow: 0px 0px 8px #FFFFCC;
	box-shadow: 0px 0px 8px #FFFFCC;
	margin-top: 5px;
	position: relative;
	background-color: #FFFFFF;
	max-height: none;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 8px;
	vertical-align: super;
		line-height: 100%;

	min-height: 180px;
}
.titre {
	text-transform: none;
	color: #CC3333;
	font-family: Verdana;
	font-size: medium;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	left: 0px;
	margin-top: 5px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 5px #666666;
	position: static;
	background-color: #F4F4F4;
}	

.alignD{
	text-align: right;
	vertical-align: middle;
	line-height: 100%;
}
.alignG{
	text-align: left;
	line-height: 100%;
	vertical-align: middle;
}

.MiniCadreG {
	width: 70%;
	left: 2%;
	position: relative;
	-webkit-box-shadow: 0px 0px 8px #FFFFCC;
	box-shadow: 0px 0px 8px #FFFFCC;
	padding-top: 4px;
}
.MiniCadreD {
	width: 70%;
	left: 28%;
	-webkit-box-shadow: 0px 0px 8px #FFFFCC;
	box-shadow: 0px 0px 8px #FFFFCC;
	position: relative;
}

.imageD {
	float: right;
	padding-left: 5px;
	text-align: center;
	position: static;
}
.imageG {
	float: left;
	margin-right: 5px;
	text-align: center;
}
.Pic1L1V{
min-height: 267px;
}
.Pic2L{
min-height: 360px;
}
.Pic2L1V{
	min-height: 467px;
}

.Pic2L2V{
min-height: 534px;
}
.Pic3L{
min-height: 540px;
}
.Pic3L1V{
min-height: 667px;
}
.Pic3L2V{
min-height: 734px;
}
.Pic3L3V{
min-height: 801px;
}

.Pic4L{
min-height: 720px;
}
.Pic5L{
min-height: 900px;
}
.Blanc {
	height: 170px;
	z-index: 0;
}
.Rappel {
	font-size: small;
	color: #F00;
	background-color: #FF0;
	text-align: center;
	position: relative;
	margin-left: 25%;
	margin-right: 25%;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 6px #FFFFFF;
	box-shadow: 0px 0px 6px #FFFFFF;
}
.meteo{
	position: absolute;
	top: 400px;
	-webkit-box-shadow: 0px 0px 6px #FFFF00;
	box-shadow: 0px 0px 6px #FFFF00;
	color: #000000;
	margin-right: 5px;
}
.dessinLoc {
	position: relative;
	z-index: 1;
	width: 143px;
	height: auto;
	top: 53px;
	left: 80px;
	opacity: 0.7;
}
.localisation {
	font-family: Verdana;
	font-size: small;
	line-height: 15px;
	background-color: #FFF;
	position: relative;
	text-align: center;
	width: 425px;
	left: 175px;
	z-index: 0;
	text-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 12px #FFCC99;
	box-shadow: 0px 0px 12px #FFCC99;
	top: -120px;
	margin-bottom: 20px;
}
.Inscription {
	font-size: small;
	text-decoration: blink;
	background-color: #FCC;
	position: absolute;
	text-align: center;
	-webkit-box-shadow: 5px 5px 5px #666666;
	box-shadow: 5px 5px 5px #666666;
	top: 29px;
	left: 0px;
}
.ContInscri {
	position: absolute;
	left: 638px;
	top: 255px;
	width: 300px;
}
.dessInscri {
	height: auto;
	width: auto;
	position: absolute;
	left: 180px;
	top: 39px;
}
.Conteneur{
	width: 50px;
	height: 600px;
	margin-bottom: 30px;
}
.ContDej {
	position: absolute;
	height: 50px;
	width: auto;
	left: 625px;
	top: 542px;
}
.Ardoise {
	color: #FFF;
	text-decoration: blink;
	background-color: #000;
	text-align: center;
	position: static;
	width: 180px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0px 0px 6px #FFFFFF;
	box-shadow: 0px 0px 6px #FFFFFF;
	border-color: #FFFF00;
	border-style: ridge;
	z-index: 3;
}
.DessDej {
	position: relative;
	left: 20px;
	top: -5px;
}

.toporando {
	position: relative;
	float: left;
	vertical-align: middle;
	font-family: Verdana;
	font-size: small;
	background-color: #CCCCFF;
	-webkit-box-shadow: 0px 0px 8px #666666;
	box-shadow: 0px 0px 8px #666666;
	clear: none;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
}