/* CSS Document */
li {
margin-left:2em;
}


#menuReserverStages {
	color:#ffffff;
	background-color:#b2b2b2;
	background-position:right;
	background-repeat:no-repeat;
	text-align:left;
	padding:0.0em;
	vertical-align:middle;
	display:block;
	float:left;
	width:350px;
	height:180px;
	z-index:7;
	position:fixed;
	left:-280px;
	top:200px;
	opacity:1;
	text-decoration:none;
	overflow:hidden;
	box-shadow: 5px 5px 3px #000000;
	-webkit-backface-visibility:hidden; /*Most Important*/
	transition-property: left, opacity, height;
    transition-duration: 0.5s;	
	border-radius:3px;
		background-image:url(images/fond-reserver.jpg);
		background-position:left;
	

	}



#menuReserverStages:hover {
	color:#ffffff;
	background-color:#b2b2b2;
	background-position:right;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:0.0em;
	vertical-align:middle;
	display:block;
	float:left;
	width:350px;
	height:300px;
	z-index:7;
	position:fixed;
	left:-5px;
	top:200px;
	opacity:1;
	text-decoration:none;
	overflow:hidden;
	box-shadow: 5px 5px 3px #000000;
	-webkit-backface-visibility:hidden; /*Most Important*/
	transition-property: left, opacity;
    transition-duration: 0.5s;	
	border-radius:3px;
		background-image:url(images/fond-reserver.jpg);
		background-position:left;

	}


#menuChoixStage {
	color:#ffffff;
	background-color:#cc0000;
	text-align:left;
	padding:0em;
	vertical-align:middle;
	display:block;
	float:left;
	width:180px;
	height:100px;
	z-index:7;
	position:fixed;
	left:10px;
	top:510px;
	opacity:0.7;
	text-decoration:none;
	overflow:hidden;
	box-shadow: 5px 5px 3px #000000;
	-webkit-backface-visibility:hidden; /*Most Important*/
	transition-property: opacity;
    transition-duration: 0.5s;	
	border-radius:3px;
	

	}

#menuChoixStage:hover {
	color:#ffffff;
	background-color:#cc0000;
	text-align:left;
	padding:0em;
	vertical-align:middle;
	display:block;
	float:left;
	width:180px;
	height:100px;
	z-index:7;
	position:fixed;
	left:10px;
	top:510px;
	opacity:1;
	text-decoration:none;
	overflow:hidden;
	box-shadow: 5px 5px 3px #000000;
	-webkit-backface-visibility:hidden; /*Most Important*/
	transition-property: opacity;
    transition-duration: 0.5s;	
	border-radius:3px;
	

	}
	
#intcir {
	transition-property: height;
    transition-duration: 0.5s;	

}
	
#contCircuit {
	height:900px;
	transition-property: height;
    transition-duration: 0.5s;
	overflow:hidden	;
	



}

#contRoute {
	height:900px;
	transition-property: height;
    transition-duration: 0.5s;	
	overflow:hidden	;



}

	
.choixStage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	padding:1em;
	background-color:#cc0000;


}

.choixStage:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	padding:1em;
	background-color:#ffffff;
	cursor:pointer;

}

#intituleCircuit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	background-color:#888888;
	text-align:center;
	padding:0em;
	vertical-align:middle;
	text-decoration:none;
	opacity:1;
	transition-property: opacity;
    transition-duration: 0.5s;	
	

	}

#intituleRoute {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	background-color:#888888;
	text-align:center;
	padding:0em;
	vertical-align:middle;
	text-decoration:none;
	opacity:1;
	transition-property: opacity;
    transition-duration: 0.5s;	
	

	}
	
.intituleStage {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	background-color:#888888;
	text-align:center;
	padding:0em;
	vertical-align:middle;
	text-decoration:none;
	

	}



.photoCircuit {
	padding-top:1em;
	vertical-align:top;
	

	}

.introStages {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:justify;	
	color:#ffffff;
	padding-top:2em;
	padding-left:1em;
	padding-right:1em;
	vertical-align:top;
	

	}

.texteStages {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;	
	color:#ffffff;
	text-align:left;
	vertical-align:top;
	text-decoration:none;
	

	}
	
.photocircuit {
	vertical-align:top;
	padding-top:2em;
	border-radius:5px;
}

.coordCircuit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;	
	color:#cccccc;
	text-align:right;
	vertical-align:top;
	text-decoration:none;
	line-height:200%;

	
}

.lienCircuit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	
	color:#cc0000;
	text-align:right;
	vertical-align:top;
	text-decoration:none;
	line-height:200%;

	
}


.titreStage {
    font-weight: bold;       /* Met le texte en gras */
    font-size: 1.6em;        /* Taille du texte */
    margin-top: 0.2em;       /* Espace au-dessus du titre (réduit) */
    margin-bottom: 0.2em;    /* Espace en dessous du titre (réduit) */
    display: block;           /* Force le titre à être sur sa propre ligne */
}