* {
    /* suppression des marges par défaut */
    margin: 0;
    padding: 0;
}


body
{
	
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:black;
	background-image: url( "../../images/design/fontBlackUp2.png");
	
}

#hautPage
{

	position:absolute;
	width:100%;
	height : 10px;
	left:0;
	top:0;
	background-image: url( "../../images/design/fontBlackUp1.png");


}
#flecheLegende
{
	/* background-image: url( "../../images/design/flecheLegende.png"); */
	background-repeat: no-repeat; 
	width:32px;
	height : 44px;
	position:absolute;
	margin-left:-20px;
	margin-top:-35px;
	overflow:visible;

}


.textHeader
{
	font-size:22px;
	margin-left:30px;
	margin-right:15px;


}

#twitterWindow
{
	margin-top:30px;
	height : 50px;
	width : 900px;
	margin-left:30px;

}

#tweetTexte
{
	float:left;
	font-size:22px;
	background-image: url( "../../images/design/twitt.png");
	background-repeat: no-repeat; 
	width:100px; 
	height:100px;

}

#actualTweet
{
	/* background-image: url( "../../images/design/fontRechercheTwitter.png"); */
	background-color:#FFFFFF;
	background-repeat: no-repeat; 
	width : 800px;
	height : 60px;
	margin-left:94px;
	border-width: 2px; 
	border-style: groove; 
	border-color: #FFFFFF; 

}


#actualTweet a
{
color:#FF7700;

}

#bouttonRecherche
{
	margin-left:15px;
	width:100px;

}

.lblClass
{
	position:absolute;
	margin-left:-308px;
	margin-top:50px;
	font-size:10px;
	cursor : pointer;

}



.inputTexte
{
	width:275px;

}

.inputTexteGray
{
	width:275px;
	color:#777777;

}



#bandeau1
{
	position:absolute;
	width:100%;
	height : 116px;
	left:0;
	background-image: url( "../../images/design/fontBlackUp1.png");

}
#background
{

	position:absolute;
	width:100%;
	height:100%;
	left:0;
	background-image: url( "../../images/design/fontBlackUp2.png");

}



#bandeau2
{
	position:absolute;
	width:100%;
	height : 33px;
	margin-top:308px;
	left:0;
	background-image: url( "../../images/design/fontBlackUp1.png");

}



#mainPage
{
	top:0;
	width:1156px;
	/* height:900px; */
	text-align:left;
	background-image: url( "../../images/design/fontBlackUp2.png");
	

}

#pages
{
	margin-top:26px;
	margin-left:1005px;
	color:#FFFFFF;
	

}

a
{
	text-decoration:none;
	color:#FF7700; 
}

a.hover
{
	color: #ff7700;
}



#headerUp1
{
	background-image: url( "../../images/design/fontBlackUp1.png");
	background-repeat: repeat-x ; 
	width : 1156px;
	height : 116px;
	position:absolute;
	z-index:0;
}

#headerUp2
{
	/* background-image: url( "../../images/design/fontBlackUp2.png"); */
	background-repeat: repeat-x ; 
	width : 1156px;
	height : 226px;
	margin-top:116px;
	position:absolute;
	z-index:0;
	
}

#logoHeader
{
	background-image: url( "../../images/design/logoMapizeAlpha.png");
	background-repeat: no-reapeat; 
	width : 294px;
	height : 60px;
	margin-left:119px;
	margin-top:10px;
	position:absolute;
	z-index:1;

}

#headerRecherche
{
	background-image: url( "../../images/design/fontRecherche.png");
	background-repeat: no-reapeat; 
	width : 983px;
	height : 156px;
	margin-left:88px;
	margin-top:81px;
	position:absolute;
	z-index:1;

}


#whenTimeline
{
	background-image: url( "../../images/design/fontWhenTimeline.png");
	background-repeat: no-reapeat; 
	width : 983px;
	height : 37px;
	margin-left:88px;
	margin-top:155px;
	
	z-index:3;

}



#whereValue
{
	margin-left : 142px;
	margin-top : 23px;
	width:348px;
	height:20px;
	position:relative;
		
}


#whoValue
{	
	margin-left : 115px;
	margin-top : 23px;
	width:297px;
	height:20px;
}

.croix
{
	margin-left : 10px;
	margin-top : 28px;


}

/************************************************************* TIMELINE***************************************************************************/

#timeLine
{
	background-image: url( "../../images/design/fontBlackTimeline.png");
	background-repeat: repeat-x; 
	width : 1156px;
	height : 30px;
	border-top: solid 1px #333333; 
	border-bottom: solid 1px #333333; 
	
}


#tl
{

	width : 980px;
	height : 30px;
	margin-left : 89px;
	margin-top : 0px;

}


#zoom-track-selected
{
	position:absolute;
	background-color:#ff7700;
	height:29px;
	z-index:2;  

}

#zoom-handle-1
{
	background-image: url( "../../images/design/logoHandle1.png");
	margin-left:-14px;
}

#zoom-handle-2
{
	background-image: url( "../../images/design/logoHandle2.png");
}

.zoomHandle 
{

	
	position:absolute;
	z-index:10;
	height:29px;
	cursor : move;
	width:14px;
	margin-top : 0px;
}

#arrow_left
{
	background-image: url( "../../images/design/arrow_left.png");

}

#arrow_right
{
	background-image: url( "../../images/design/arrow_right.png");

}

.myArrow
{
	height:30px;
	width:30px;
	margin-top : 0px;

	
}
	

#theDates
{	
	position:absolute;
	z-index:2;
	text-align:center;
	

}



/* Class concernant les cases de la timeline */
.oghje 
{
	background-color:#00A0EE;

}					
.eri
{
	background-color:#EEEEEE;

}

.dumane
{
	background-color:#BCE1F2;

}

#okButton
{
	margin-top:9px;
	margin-left:4px;
	position:absolute;
	

}
			



/************************************************************* SLIDER CLASS***************************************************************************/

.whatSliderClass
{
	margin-top : 25px;
	width:233px;
	height:53px;
	border-width: 1px; 
	border-style: dashed;
	border-color: #c3c3c3;
	position :absolute;

}

.textSliderClass
{
	margin-left : 8px;
	margin-top : 15px;
	font-size:10pt;
	font-style:bold;
	position:absolute;



}

.sliderContainer
{

	width:134px;
	height:18px;
	margin-left : 90px;
	margin-top : 15px;
	
	position:relative;
}

.sliderFont
{
	background-position:right;
	width:134px;
	height:18px;
	right: 0;
	top : 0;
	position:absolute;
}

.sliderHandle
{

	width:10px;
	height:18px;
	z-index:2;
	position:relative;


}

/************************************************************* SLIDER TYPHOON***************************************************************************/


#whatTyphoon
{
	margin-left : 142px;
}


#sliderTyphoon
{
	background-image: url( "../../images/design/sliderFontBlanc.png");
	height:18px;
}

#sliderTyphoonColor
{
	background-image: url( "../../images/design/sliderFontColor.png");
	
}

#sliderTyphoonHandle
{
	background-image: url( "../../images/design/transparence.png");
}

/************************************************************* SLIDER EARTHQUAKE***************************************************************************/
#whatEarthquake
{
	margin-left : 417px;
}


#sliderEarthquake
{
	background-image: url( "../../images/design/sliderFontBlanc.png");
	height:18px;
}

#sliderEarthquakeColor
{
	background-image: url( "../../images/design/sliderFontColor.png");
}

#sliderEarthquakeHandle
{
	background-image: url( "../../images/design/transparence.png");
}

/************************************************************* SLIDER STORM***************************************************************************/
#whatStorm
{
	margin-left : 693px;
}

#sliderStorm
{
	background-image: url( "../../images/design/sliderFontBlanc.png");
	height:18px;
}

#sliderStormColor
{
	background-image: url( "../../images/design/sliderFontColor.png");
}

#sliderStormHandle
{
	background-image: url( "../../images/design/transparence.png");
}



/************************************************************* WHEN***************************************************************************/

#buttonMap
{
	margin-top : 7px;
	margin-left : 74px;
	position : relative;
}

#buttonSpreadSheet
{
	margin-top : 7px;
	margin-left : 9px;
	position : relative;
}

#buttonCharts
{
	margin-top : 7px;
	margin-left : 9px;
	position : relative;
}

#whenValue1
{
	margin-top : 7px;
	margin-left : 130px;
	width:70px;
	height:20px;
	position:absolute;
	
}

#whenValue2
{
	margin-top : 7px;
	margin-left : 32px;
	width:70px;
	height:20px;
	position:absolute;
}

.calendrier
{
	margin-top : 10px;
	position:relative;
}

#calendrierFrom
{
	margin-left : 210px;
}

#calendrierTo
{
	margin-left : 112px;
}

#liveTweetLogo
{
	
	position:absolute;
	margin-left : 680px;
	margin-top : 9px;
}


#footer
{
	text-align:center;
	margin-top:342px;
/* 	margin-left : 400px;
	margin-right : auto; */
	left:0;
	width:100%;
	height:35px;
	z-index:100;
	position:absolute;
	background-color: #333333;
	vertical-align:middle;
	
	color:white;
	
}

#footerContainer
{
	margin-top:10px;
	
	
}




#scaleType
{
	margin-left : 127px;
	margin-top : 9px;
	width:90px;
	height:20px;
	position:absolute;
}


#saveMapButton
{
	margin-left : 267px;
	margin-top : 7px;
	position:absolute;

}

#saveMapFleche
{
	margin-left : 301px;
	margin-top : 7px;
	position:absolute;

}

#menuShare
{
	width:50px;
	height:20px;
	background-color:#333333;
	margin-left : 902px;
	margin-top : -5px;
	position:absolute;
	z-index:3;
	


}
#shareText
{
	color:white;
	margin-left : 6px;
	font-size:8pt;
	

}
/************************************************************* MAP ***************************************************************************/

#map
{
	width : 100%;
	/* background-image: url( "../../images/design/fontBlackUp2.png"); */
		height : 500px;
	
}

#mapGlobale
{

	width : 100%;
	height : 500px;
	position:absolute;
	margin-top : 341px;
	/* margin-left : 89px; */
	
}


#myMap
{
	width : 100%;
	height : 500px;
	position:absolute;
	
}

.imagePicto
{
	width : 24px;
	height :24px;

}


#legendeMarkers
{
	

	position:absolute;
	right:7px;
	
	background-color:#FFFFFF;

	border-color:#000000;
	border-style:solid;
	border-width:1.5px;
	color:black;
	font-size:10px;

	width:264px;
	margin-top:30px;

	-moz-opacity:0.8;
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/bg_load.png, sizingMethod='scale');
} 

.legendeListe
{
	margin:10px;

}

.explicationTitle
{

font-size:12px;
color:red;
}


/************************************************************* SPREADSHEET ***************************************************************************/


#spreadSheet
{
	width : 100%;
	height : 500px;
	position:absolute;
	background-color:white;
/* 	margin-left:213px; */
}

.spreadSheetTable
{
	width : 920px;
	margin:30px;
	margin-top:10px;
}

#spreadSheet table tr
{
	text-align:center;
	height : 40px;

}

#spreadSheet table tr td a
{
	color:#ff7700;
	text-decoration: Underline; 
	
}


/************************************************************* IBOX SAVE ***************************************************************************/

								
 #full
{
	background-color:#515a61;
	width:100%;
	height:100%;

}

#saveBoxContainer
{
	
	margin-left:34px;

} 

#saveMapText
{
	color:#ff7700; 
	margin-left:12px;
	margin-left:15px;

}

#nomMap
{
	width:230px;
}

#descriptionMap
{
	width:230px;
	height:50px;
}
	
#tagsMap
{
	width:230px;
}

#saveMapButtonIbox
{

}

#nameI
{
	margin-bottom:10px;

}

#descI
{
	margin-bottom:10px;

}

#tagI
{
	margin-bottom:10px;

}




/*


#loadingMap
{
	position:absolute;
	z-index:20; 
	width:220px;
	height:79px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 100px;
	margin-top: 50px;
	display :none;
	text-align:center;
	
	background-image: url( ../../images/bg_load.png );
	
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/bg_load.png, sizingMethod='scale');
	
	

	
}



#loadingIcon
{
	background-image: url( ../../images/ajax-loader.gif );
	background-position: center bottom;
	background-repeat: no-repeat;
	vertical-align:center;
	width:30px;
	height:30px;
	margin-left: auto;
	margin-right: auto;
}

*/



img 
{
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../../images/ajax-loader.gif);
}