#interfaceGauche{
	font : 9px Arial;
	position : absolute;
	left : 50%;
	border : 1px solid black;
	width : 250px; 
	z-index : 10;
	
	/*modifier dans css.js*/
	height : 600px;
	margin-left : -670px;
}

#interfaceGauche > div{
	font : bold 11px Arial;
	text-align : center;
	overflow : auto;
}

#contentGestion{
	overflow : auto;
}

#contentGestion img{
	margin-top : 10px;
}	

.divGestion{
	margin-top : 20px;
}

.basContent{
	margin-bottom : 20px;
}

#interfaceGauche button{
	display: inline-block;
	width : 185px;
	height : 27px;
	margin-bottom : 20px;
	z-index : 10;
}

#statistiques{
	margin-bottom : 10px;
}
.hautContent{
	margin-top : 20px;
}

#contentGestion,#contentConfig,#contentLegende{
	width : 215px;
}

#imgLegende{
	width : 200px;
	height : 400px;
}

#cartographie{
	position : absolute;
	border : 1px solid black;
	padding : 0;
	left : 50%;
	margin-top : 0;
	margin-left : -400px;
	z-index : 10;
	height : 600px;
}


#calqueDeplacement{
	position : absolute;
}

.deroulante{
	width : 185px;
}

.deroulante option{
	width : 155px;
	text-align: left;
}

.deroulante2{
	width : 150px;
}

.deroulante2 option{
	width : 120px;
	text-align: left;
}

.divBouton{
	margin-top : 30px;
}

#accordion1, #accordion2{
	margin-left : -5px;
	width : 221px;
	text-align : left;
}

#accordion1 div{
	margin-bottom : 10px;
}

#accordion1 div div{
	margin-bottom : 10px;
	margin-left :10px;
}

#accordion1 span{
	font : bold 11px Arial;
	display : block;
	margin-bottom : 5px;
}

#accordion1 .span2{
	font : bold 9px Arial;
	display : block;
	width : 150px;
}


.date{
	width : 60px;
}

.span3{
	font : bold 10px Arial;
	display : inline-block;
	width : 150px;
}

#ui-datepicker-div{
	font : bold 10px Arial;
}


.ui-dialog{
	font : bold 12px Arial;
}

#dialogChoix ul{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 21px; /* on définit une hauteur pour chaque élément */

}

#dialogChoix a /* Contenu des listes */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding-left : 10px;
	background : #EEE;
	color : #777; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 265px; /* largeur */
}

#dialogChoix a:hover /* Lorsque la souris passe sur un des liens */    
{
	color: #777; /* On passe le texte en noir... */
	background: #ffe45c; /* ... et au contraire, le fond en blanc */
}

#dialogChoix{
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
}

#dialogChoix .active{
	background : #f3ca53;
	
}

 .bodyCache{
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: #FFF; opacity: .50;filter:Alpha(Opacity=50);
}



#accordion2 div div{
	margin-left : 0px;
}

#ombreSVG{
	position : absolute;
	padding : 0;
	left : 50%;
	margin-top : 0;
	z-index : 1;
	background-color : rgba(0, 0, 0, 0.15);
}

#ombreIG{
	position : absolute;
	padding : 0;
	left : 50%;
	margin-top : 0;
	z-index : 1;
	width : 256px;
	background-color : rgba(0, 0, 0, 0.15);
}

#contentConfig img{
	margin-top : 10px;
}

#contentConfig div{
	margin-top : 20px;
}


#boutonListe{
	margin-top : 20px;
}

.boutonNormal{
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    width: 185px;
	height : 27px;
	cursor : pointer;
}


.boutonGestion{
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
	border: 0 none;
    padding: 0;
    width: 185px;
	height : 27px;
}

.boutonRecherche{
	margin-left : -18px;
	margin-top : 10px;
}