html,body
{
	background-color : white; 
	font-family:Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #555555;
}

td, div, p
{
	padding: 0px;
	font-size : 10px;
	color: #555555;
}
th {
	font-size : 10px;
	font-weight: bold;
	background-color : #EEE; 
}

.tableau { border-collapse: collapse; }
.tableau td { padding: 0 3px 0 3px; }
.tableau th { padding: 3px; }

hr 
{
	color: #DCDCDC;
	background-color: #DCDCDC;
	height: 4px;
}

input, select
{
	font-size : 9px;
	color: #555555;
}

a:link, a:visited
{
	color : #555555;
}
a:hover
{
	color: #FF0000;
}


tr.visible
{
	display: table-row;
}

div.visible
{
	display: block;
}

.invisible
{
	display: none;
}



.rubrique 
{
	font-size : 12px;
	font-weight: bold;
	color: #ACACAC;
}

.thematique 
{
	font-size : 11px;
	color: Red;
}

.identification
{
	font-size : 12px;
	font-weight: bold;
	color: Red;
}

.outilNonSelectionne
{
	border-style: solid;
	border-width: 2px;
	border-color: #FFFFFF;
}
.outilOver
{
	border-style: solid;
	border-width: 2px;
	border-color: #D0D0D0;
}
.outilSelectionne
{
	border-style: solid;
	border-width: 2px;
	border-color: Red;
}

.boutonAction, .boutonActionHover
{
	margin-bottom: 2px;
	margin-right: 4px;
	font-size : 9px;
	border: #000000 solid 1px;
	background-color: #EFE8DD;
	width: 80px;
}

.boutonActionHover
{
	color: #FF0000;
}

.boutonAction2, .boutonActionHover2
{
	font-size : 9px;
	border: #000000 solid 1px;
	background-color: #EFE8DD;
	width: 80px;
}

.boutonActionHover2
{
	color: #FF0000;
}

.ombre1, .ombre2, .ombre3
{
	display:inline-table;
	/* \*/display:block;/**/
	position: relative;
}
.ombre1
{
	float:left;
	background: url(images/shadow.gif) right bottom no-repeat;
}
.ombre2
{
	background: url(images/corner_bl.gif) left bottom no-repeat;
}
.ombre3
{
	padding:0 8px 8px 0;
	background: url(images/corner_tr.gif) right top no-repeat;
}

.ombre3 img
{
	display:block;
	border:1px solid #ccc;
	border-color:#AAAAAA;
}

.un
{
	background-color: #F2F2F2;
}
.deux
{
	background-color: #CECEE1;
}
td.un, td.deux
{
	font-family:Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding-left: 3px;
	padding-right: 10px;
	border-bottom: solid 1px #AAAAAA;
	white-space: nowrap;
	text-align:left;
}

td.petit
{
	padding-left: 3px;
	padding-right: 10px;
	white-space: nowrap;
	text-align:left;
	width: 1%;
}


#mainmap_layer_clip a
{
	display: block;
	float: left;
	position: absolute;
}

#image_chargement
{
	background: #EEEEEE;
	margin: 200px auto;
	padding: 20px;
	text-align: center;
	border: 1px solid black;
}


.menu {
	position: relative;
	margin: 0 0 20px 0;
	height: 30px;
	background-color: white;
	vertical-align: middle; 
	border: 1px solid #444444;
}
.menu ul {
	padding:0; margin:0; list-style-type:none;
	text-decoration: no-wrap; text-align: center;
	font-weight: bold; }
.menu li { display: inline;  float: left; }
.menu a {
	
	float:left; text-decoration:none; color:#444444; background-color: #DDDDDD;
	padding: 5px 10px 5px 10px; border-right: 1px solid #444444; border-bottom: 1px solid #444444;
}
.menu a:hover { background-color: #EEEEEE; color: #555555; }
#selection { background-color: white; border-bottom:none;}


.outilTransparent
{
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}

.outilOpaque
{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.rouge
{
	color : Red;
}
