html
{
	/*margin:0;*/
	padding:0;
	margin-left:0.1em;
	margin-right:0.1em;
	/*margin-top:-0.5em;*/
	margin-top:0em;
	margin-bottom:0em;
	height:99%;
	font-size:100%;
	font-family: Arial, "Times New Roman", Times, "Nimbus Roman No9 L", serif;
}

body
{
	height:100%;
	font-size:0.8em;
	min-width:100px;
	/*margin-top:-0.2em;*/
	min-width:800px;
}

div {
	text-align:center;
	/*font-family:Arial;*/
	margin:0;
	padding:0;
	}
	
#bandeau {
	/*display:table-cell;*/
	/*position:absolute;*/
	top:0;
	width:100%;
	height:4%;
	min-height:30px;
	margin-top:-0.3em;
	padding:0;
	padding-top:0.1em;
	/*padding-top:0.3em;*/
	text-align:center;
	font-size:1.7em;
	background: #000080;
	background: #000080 -webkit-gradient(linear, left top, left bottom, from(#000080), color-stop(0.5, #8080de), to(#000080));
	background: #000080 -moz-linear-gradient(top, #000080, #8080de, #000080);
	color:#FFFFFF;
	-webkit-border-radius: 1.8em;
	-moz-border-radius: 1.8em;
	-webkit-border-radius: 1.8em;
	-moz-border-radius: 1.8em;
	}


	
div#menu_sup {
	text-align:right;
	width:100%;
	/*height:3em;*/
	height:4%;
	min-height:20px;
	max-height:25px;
	/*font-size:12px;*/
	font-family:Arial;
	background : #005aae; /* couleur de fond */	
	background: #005aae -webkit-gradient(linear, left top, left bottom, from(#005aae), color-stop(0.5, #dedede), to(#005aae));
	background: #005aae -moz-linear-gradient(top, #005aae, #dedede, #005aae);
	-webkit-border-radius: 1.5em; 
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	}
div#menu {
	float:left;
	width:10%;
	/*height:100%;*/
	height:88%;
	/*min-width:90px;*/
	min-height:480px;
	background-color:#00EEFF;
	-webkit-border-top-left-radius: 1.5em;
	-moz-border-radius-topleft: 1.5em;
	-webkit-border-bottom-left-radius: 1.5em;
	-moz-border-radius-bottomleft: 1.5em;
	}

div#menu_haut {
	width:100%;
	height:50%;
	}
div#menu_bas {
	width:100%;
	height:50%;
	}
div#contenu {
	float:right;
	width:90%;
	height:88%;
	min-height:480px;
	-webkit-border-bottom-right-radius: 1.5em;
	-moz-border-radius-bottomright: 1.5em;
	-webkit-border-top-right-radius: 1.5em;
	-moz-border-radius-topright: 1.5em;
	}
	
div#EmplacementDeMaCarte
{
	width: 100%; 
	/*height: 600px;*/
	height:100%;
	-webkit-border-bottom-right-radius: 1.5em;
	-moz-border-radius-bottomright: 1.5em;
	-webkit-border-top-right-radius: 1.5em;
	-moz-border-radius-topright: 1.5em;
}
div#bloc_news {
	float:right;
	width:150px;
	height:150px;
	background-color:#FF3300;
	}
div#pied_page {
	margin:0;
	padding:0;
	text-align:left;
	clear:both;
	width:99%;
	/*height:1.2em;*/
	height:2.5%;
	font-size:1em;
	padding-left:1em;
	/*background-color:#000080;*/
	/*color:#FFFFFF;*/
	background: #000080;
	background: #000080 -webkit-gradient(linear, left top, left bottom, from(#000080), color-stop(0.5, #8080de), to(#000080));
	background: #000080 -moz-linear-gradient(top, #000080, #8080de, #000080);
	color:#FFFFFF;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	}
div#login {
	width:16em;
	height:12em;
	margin:auto;
	padding:1em;
	background-color:#33FF99;
	background: #33FF99 -webkit-gradient(linear, left top, left bottom, from(#33FF99), color-stop(0.5, #73FFd9), to(#33FF99));
	background: #000080 -moz-linear-gradient(top, #33FF99, #73FFd9, #33FF99);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	}

.inpt
{
	width:12em;
	height:1.5em;
	padding:0.2em;
	font-weight:bold;
	-webkit-border-radius: 0.7em;
	-moz-border-radius: 0.7em;
}

table#case_cocher {
	font-size:12px;
	}
h1 
{
	font-size:3em;
	font-weight:bold;
}
input#bouton{
	width:90px;
     }
	 





	 
/* Menu */

#menus, #menus ul /* Liste */	
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 1.4em; /* on défini une hauteur pour chaque élément */
	text-align : left; /* on centre le texte qui se trouve dans la liste */
}

#menus /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
}

#menus a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	min-width:100px;
}



#menus li /* Elements des listes */	
{ 
	float : right; 
	height:1.5em;
	color : #b1d9ff; /* couleur du texte */
	padding-right:0.5em;
}

#menus li.premier_li_g
{
	float:left;
	padding-left:0.5em;
}

#menus li.premier_li_gn
{
	float:left;
	padding-left:0;
}

#menus li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 10em; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	z-index:10;
	color : #b1d9ff; /* couleur du texte */
	text-align:left;
}


#menus li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
	text-align:left;
}

#menus a:hover, #menus li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #ffffff; /* On passe le texte en noir ... */
	/*background: #b1d9ff;*/ /* ... et au contraire, le fond en blanc */
}

#menus li:hover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}

#menus li.premier_li_g:hover ul /* Sous-listes lorsque la souris passe sur un élément de liste */
{
	float:left;
	margin-left: 1em;
}

#menus li.premier_li_d:hover ul /* Sous-listes lorsque la souris passe sur un élément de liste */
{
	margin-left: -1em;
}

#menus a
{
	text-decoration: none;
	color: #000000;
}

#menus a:hover
{
	font-weight: bold;
}



.sousmenu
{ 
	background : #005aae; /* couleur de fond */	
	background: #005aae;
	background: #005aae -webkit-gradient(linear, left top, left bottom, from(#005aae), color-stop(0.5, #dedede), to(#005aae));
	background: #005aae -moz-linear-gradient(top, #005aae, #dedede, #005aae);
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	-webkit-box-shadow: 8px 8px 12px rgba(0,0,0,0.6);
	-moz-box-shadow: 8px 8px 12px rgba(0,0,0,0.6);
	text-align:left;
}

.bouton
{
	width:90%;
	max-width:150px;
	margin-top:1em;
	text-align:center;
	font-size: 0.8em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	background : #000080; /* couleur de fond */	
	background: #000080 -webkit-gradient(linear, left top, left bottom, from(#000080), color-stop(0.5, #8080de), to(#000080));
	background: #000080 -moz-linear-gradient(top, #000080, #8080de, #000080);
	height:3em;
	text-decoration: none;
	color: #ffffff;
}
.bouton:hover
{
	width:90%;
	max-width:150px;
	margin-top:1em;
	text-align:center;
	font-size: 0.8em;
	height:3em;
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	background : #8080de; /* couleur de fond */	
	background: #8080de -webkit-gradient(linear, left top, left bottom, from(#8080de), color-stop(0.5, #ffffff), to(#8080de));
	background: #000080 -moz-linear-gradient(top, #8080de, #ffffff, #8080de);
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}

.ffiltres
{
	padding:0;
	padding-top : 0.5em; /* pas de marge intérieure */
	margin : 1em; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:80%;
	margin-top:1em;
	overflow:hidden;
	/*font-size: 12px;*/
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	background : #000080;
	background: #000080 -webkit-gradient(linear, left top, left bottom, from(#000080), color-stop(0.5, #8080de), to(#000080));
	background: #000080 -moz-linear-gradient(top, #000080, #8080de, #000080);
	height:2em;
	text-decoration: none;
	color: #ffffff;
}

.ffiltres:hover
{
	padding:0;
	padding-top : 0.5em; /* pas de marge intérieure */
	margin : 1em; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:80%;
	margin-top:1em;
	overflow:hidden;
	/*font-size: 12px;*/
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	background : #8080de; /* couleur de fond */	
	background: #8080de -webkit-gradient(linear, left top, left bottom, from(#8080de), color-stop(0.5, #ffffff), to(#8080de));
	background: #000080 -moz-linear-gradient(top, #8080de, #ffffff, #8080de);
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}


#bpfiltres li ul 
{ 
	list-style:none;
	position: absolute; 
	width: 20em; 
	margin:0;
	margin-top:1em;
	margin-left:5em;
	padding:1em;
	padding-left:1em;
	/*visibility:hidden;*/
	/*left: -999em; */
	/*color : #b1d9ff; */
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
}

.fbpfiltre
{
	padding:0;
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	
}

#bplegendes li ul 
{ 
	list-style:none;
	position: absolute; 
	width: 20em; 
	margin:0;
	margin-top:1em;
	margin-left:5em;
	padding:1em;
	padding-left:1em;
	/*visibility:hidden;*/
	/*left: -999em; */
	/*color : #b1d9ff; */
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
}

.fbplegende
{
	padding:0;
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	
}

#filtres li ul 
{ 
	list-style:none;
	position: absolute; 
	width: 20em; 
	margin:0;
	margin-top:1em;
	padding:1em;
	padding-left:1em;
	visibility:hidden;
	/*left: -999em; */
	/*color : #b1d9ff; */
}
#filtres li ul 
{
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
}

#filtres li:hover ul
{
	visibility:visible;
	/*left: auto; */
	min-height: 0;
	-webkit-transform: translate(20em,0) rotate(360deg) scale(1.2); 
	-moz-transform: translate(20em,0) rotate(360deg) scale(1.2); 
	-o-transform: translate(20em,0) rotate(360deg) scale(1.2);
}

.filtres_sousmenu
{ 
	z-index:10;
	background : #8080de; /* couleur de fond */	
	background: #8080de -webkit-gradient(linear, left top, left bottom, from(#8080de), color-stop(0.5, #b0b0ff), to(#8080de));
	background: #000080 -moz-linear-gradient(top, #8080de, #b0b0ff, #8080de);
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-box-shadow: 8px 8px 12px rgba(0,0,0,0.6);
	-moz-box-shadow: 8px 8px 12px rgba(0,0,0,0.6);
	text-align:left;
}


.flegende
{
	padding:0;
	padding-top : 0.5em; /* pas de marge intérieure */
	margin : 1em; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:80%;
	margin-top:1em;
	overflow:hidden;
	/*font-size: 12px;*/
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	background : #000080;
	background: #000080 -webkit-gradient(linear, left top, left bottom, from(#000080), color-stop(0.5, #8080de), to(#000080));
	background: #000080 -moz-linear-gradient(top, #000080, #8080de, #000080);
	height:2em;
	text-decoration: none;
	color: #ffffff;
}

.flegende:hover
{
	padding:0;
	padding-top : 0.5em; /* pas de marge intérieure */
	margin : 1em; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:80%;
	margin-top:1em;
	overflow:hidden;
	/*font-size: 12px;*/
	-webkit-border-radius: 1.5em;
	-moz-border-radius: 1.5em;
	background : #8080de; /* couleur de fond */	
	background: #8080de -webkit-gradient(linear, left top, left bottom, from(#8080de), color-stop(0.5, #ffffff), to(#8080de));
	background: #000080 -moz-linear-gradient(top, #8080de, #ffffff, #8080de);
	text-decoration: none;
	color: #000000;
	font-weight:bold;
}

#legende li ul 
{ 
	list-style:none;
	position: absolute; 
	width: 20em; 
	margin:0;
	padding:1em;
	padding-left:1em;
	padding-right:1em;
	visibility:hidden;
	/*left: -999em; */
	/*color : #b1d9ff; */
}
#legende li ul 
{
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
}

#legende li:hover ul
{
	visibility:visible;
	/*left: auto; */
	min-height: 0;
	-webkit-transform: translate(20em,0) ; 
	-moz-transform: translate(20em,0) ; 
	-o-transform: translate(20em,0) ;
}

.legende_sousmenu
{ 
	z-index:10;
	background : #8080de; /* couleur de fond */	
	background: #8080de -webkit-gradient(linear, left top, left bottom, from(#8080de), color-stop(0.5, #b0b0ff), to(#8080de));
	background: #000080 -moz-linear-gradient(top, #8080de, #b0b0ff, #8080de);
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-box-shadow: 8px 8px 12px rgba(0,0,0,0.6);
	-moz-box-shadow: 8px 8px 12px rgba(0,0,0,0.6);
	text-align:left;
}


.stage 
{
  margin: 1em auto;
  /*margin-left:25%;*/
  whidth:100%;
  -webkit-perspective: 1200px;
  text-align:center;
 
}

@-webkit-keyframes spincube 
{ 
	from,to { } 
	16% { -webkit-transform: rotateY(-90deg); } 
	33% { -webkit-transform: rotateY(-90deg) rotateZ(90deg); } 
	50% { -webkit-transform: rotateY(180deg) rotateZ(90deg); } 
	66% { -webkit-transform: rotateY(90deg) rotateX(90deg); } 
	83% { -webkit-transform: rotateX(90deg); } 
} 


.cubespinner 
{ 
	-webkit-animation-name: spincube; 
	-webkit-animation-timing-function: ease-in-out; 
	-webkit-animation-iteration-count: infinite; 
	-webkit-animation-duration: 20s; 
	-webkit-transform-style: preserve-3d; 
	-webkit-transform-origin: 40px 40px 0; 
} 

.cubespinner div 
{ 
	position: absolute; 
	width: 80px; 
	height: 80px; 
	border: 1px solid #ccc; 
	background: rgba(255,255,255,0.8); 
	text-align: center; 
	line-height: 100%;
	font-size: 1em; 
	-webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.2); 
} 
.cubespinner div  p
{
vertical-align:middle;
}

.cubespinner:hover { -webkit-animation-play-state: paused; } 

.cubespinner .face1 
{ 
	-webkit-transform: translateZ(40px); 
} 
.cubespinner .face2 
{ 
	-webkit-transform: rotateY(90deg) translateZ(40px); 
} 
.cubespinner .face3 
{ 
	-webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(40px); 
} 
.cubespinner .face4 
{ 
	-webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(40px); 
} 
.cubespinner .face5 
{ 
	-webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(40px); 
} 
.cubespinner .face6 
{ 
	-webkit-transform: rotateX(-90deg) translateZ(40px);
}



.titre_liste
{
	font-weight:bold;
}

.liste_filtre
{
	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topleft: 0.5em;
}




	
div#contenu_rapport table
{
	
	width:80%;
	
}

.message
{
	text-align:center;
	display : inline ;
	background: #008000 -webkit-gradient(linear, left top, left bottom, from(#008000), color-stop(0.5, #b0ffb0), to(#008000));
	background: #008000 -moz-linear-gradient(top, #008000, #b0ffb0, #008000);
	text-decoration: none;
	color: #000000;
	font-weight:bold;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}