@charset "UTF-8";
/* CSS Document */

body { 
	background-color:#00ffa8;
	margin:0; 
	padding:0; 
	border:0; 
	font-family:"ff-netto-web-1","ff-netto-web-2",sans-serif; 
	font-size:16px; 
	line-height:21px; 
	letter-spacing:1px; 
}

p{
	font-family:"ff-netto-web-1","ff-netto-web-2",sans-serif; 
	font-size:16px; 
	line-height:21px; 
	letter-spacing:1px; 
	text-decoration:none;
	color:#000;
	margin:0;
}
a { 
	font-family:"ff-netto-web-1","ff-netto-web-2",sans-serif; 
	font-size:16px; 
	line-height:21px; 
	letter-spacing:1px; 
	text-decoration:none;
	color:#FFF;
}

a:hover { 
	font-family:"ff-netto-web-1","ff-netto-web-2",sans-serif; 
	font-size:16px; 
	line-height:21px;
	letter-spacing:1px; 
	color:#00ffa8; 
	text-decoration:none;
}

a:visited { 
	font-family:"ff-netto-web-1","ff-netto-web-2",sans-serif; 
	font-size:16px; 
	line-height:21px; 
	letter-spacing:1px; 
	color:#FFF; 
	text-decoration:none;
}

a.LienContact { 
	color:#000; 
	text-decoration:none;
}

a.LienContact:hover { 
	color:#FFF; 
	text-decoration:none;
}

a.LienContact:visited { 
	color:#FFF; 
	text-decoration:none;
}

/* Main Class
*/

.menu {
	background-color:#00ffa8;
	top:0; 
	left:0; 
	position:absolute; 
	width:100%; 
	height:100%; 
	z-index:2000; 
	display:none;
}

.contenu { 
	top:36px; 
	left:20px; 
	position:absolute; 
	z-index:2000; 
	color:#000;
}

.liste { 
	color:#000; 
	width:15%;
	margin:0; 
	padding:0; 
}

.liste li {
	margin:0;
	padding:0;
	float: left;
	list-style: none;
	color:#fff;
	white-space:nowrap;
	cursor:default;
}

.liste li a { 
	display: block; 
	text-decoration:none; 
	color:#fff; 
	white-space:nowrap; 
}

.liste li a:hover { 
	color:#000;
}

.liste li ul {
	margin: 0; 
	padding-left: 0; 
	position: absolute; 
	visibility: hidden;
}

.liste li ul li { 
	float: none; 
	display: inline;
}

.liste li ul li a {
	width: auto;
}

.liste li ul li a:hover { }

.description { 
	position:absolute; 
	top:0px; 
	left:300px; 
	z-index:2000; 
	width:600px;
	color:#000;
}

.toggle { 
	position:absolute; 
	top:0px; 
	left:300px; 
	z-index:2000; 
	width:500px;
	color:#000;
	white-space:normal;
}

.closeDivBtn { 
	top:10px; 
	right:20px;
	width:28px;
	height:28px;
	position:absolute; 
	z-index:2000; 
}

.closeBtn {
	cursor: pointer;
	width: 28px;  
	height: 28px;  
	border: none;  
	background: url("img/icon_close.png") no-repeat left top;
}

.closeBtn:hover {  
	background: url("img/icon_closeOver.png") no-repeat left bottom;  
}  

.zoomInBtn {  
	cursor: pointer;  
	width: 28px;  
	height: 28px;  
	border: none;  
	background: url("img/icon_zoomIn.png") no-repeat left top;
}

.zoomInBtn:hover {  
	background: url("img/icon_zoomInOver.png") no-repeat left bottom;  
}  

.zoomOutBtn {  
	cursor: pointer;  
	width: 28px;  
	height: 28px;  
	border: none;  
	background: url("img/icon_zoomOut.png") no-repeat left top;
}

.zoomOutBtn:hover {  
	background: url("img/icon_zoomOutOver.png") no-repeat left bottom;  
}  

.nextBtn {  
	cursor: pointer;  
	width: 28px;  
	height: 28px;  
	border: none;  
	background: url("img/icon_panRight.png") no-repeat left top;
}

.nextBtn:hover {  
	background: url("img/icon_panRightOver.png") no-repeat left bottom;  
}  

.white { 
	color:#FFF
}

.textSup {
	line-height:8px;
}

.espaceFine {
	word-spacing:-3px;
}

/* ID Class
*/
#header { 
	top:10px; 
	left:20px; 
	position:absolute; 
	z-index:2000;
}

#headerGradient { 
	top:0; 
	left:0; 
	position:absolute; 
	width:100%; 
	height:45px; 
	z-index:1000; 
	display:block; 
	background-image:url(img/headerGradient_02.png); 
	background-repeat:repeat-x;
}		

#menuTitre { 
	color:#fff; 
}

#map { 
	width: 100%; 
	height: 100%; 
	cursor:hand;
}

#zoomInDiv { 
	top:10px; 
	right:20px;
	width:25px;
	height:25px;
	position:absolute; 
	z-index:1500; 
	text-align:center;
}

#zoomOutDiv { 
	top:40px; 
	right:20px;
	width:25px;
	height:25px;
	position:absolute; 
	z-index:1500; 
	text-align:center;
}

/* JQuery Class
*/
#jsddm { 
	margin:0; 
	padding:0
}

#jsddm li { 
	float: left; 
	list-style: none; 
	font-family:"ff-netto-web-1","ff-netto-web-2",sans-serif; 
	font-size:21px; 
	line-height:24px; 
	letter-spacing:1px; 
	color:#fff;
	cursor:default;
}

#jsddm li a:hover {}

#jsddm li a	{ 
	display: block; 
	text-decoration:none; 
	color:#fff; 
	white-space:nowrap; 
	font-size:21px; 
	line-height:24px; 
	letter-spacing:1px;
}

#jsddm li a:hover { 
	color:#000;
}

#jsddm li ul {
	margin:0; 
	padding-left:0px; 
	position: absolute; 
	visibility: hidden;
}

#jsddm li ul li {
	float: none;
	display: inline;
}

#jsddm li ul li a {
	width: auto;
}

#jsddm li ul li a:hover { }

/* OpenLayers Class
*/
.olLayerGeoRSSTitle {
	font-family:"ff-netto-web-1","ff-netto-web-2",sans-serif;
    float:left;
	font-size:16px!important;
	line-height:21px!important;
	color:#fff!important;
}

.olLayerGeoRSSDescription {
	font-family:Verdana, Geneva, sans-serif; 
	font-size:10px!important;
	line-height:14px!important;
	float:left;
	padding-top:15px;
	overflow:auto; 
}

.olLayerGeoRSSClose {
    float:right;
    color:red;
    font-size:1.2em;
    margin-right:6px;
    font-family:sans-serif;
}

.olPopupContent {
    padding:30px!important;
    overflow: auto;
}

/* AnchoredBubble Close*/
.olLayerGeoRSSCloseCustom {
	font-size:50px;
	color:#00DB00;
	line-height:28px;
}

.olControlPanZoomBar {
    position: absolute!important;
    top: 10px!important;
    right:5%!important;
}