/*-------------------------------------------------
	SERVICE BAR
-------------------------------------------------*/
#LocalisationPopupButton.toolActive {
	background: url("../images/boutons.gif") 473px 39px;
}

#LocalisationPopupButton.toolInactive {
	background: url("../images/boutons.gif") 473px 0;
}

#LocalisationPopupButton.toolInactive.over {
	background: url("../images/boutons.gif") 473px 78px;
}

#SearchPopupButton.toolActive {
	background: url("../images/boutons.gif") 430px 39px;
}

#SearchPopupButton.toolInactive {
	background: url("../images/boutons.gif") 430px 0;
}

#SearchPopupButton.toolInactive.over {
	background: url("../images/boutons.gif") 430px 78px;
}

#AnnotationToolbarButton.toolActive {
	background: url("../images/boutons.gif") 731px 39px ;
	position: absolute;
	left: 43px;
	width: 37px;
}

#AnnotationToolbarButton.toolInactive {
	background: url("../images/boutons.gif") 731px 0;
	position: absolute;
	left: 43px;
	width: 37px;
}

#AnnotationToolbarButton.toolInactive.over {
	background: url("../images/boutons.gif") 731px 78px;
}

#ConfigurationLayersPopupButton.toolActive {
	background: url("../images/boutons.gif") 688px 39px ;
	float:left;
	position: absolute;
	right:54px;
	top:0;
	margin-top:5px;
}

#ConfigurationLayersPopupButton.toolInactive {
	background: url("../images/boutons.gif") 688px 0;
	float:left;
	position: absolute;
	right:54px;
	top:0;
	margin-top:5px;
}

#ConfigurationLayersPopupButton.toolInactive.over {
	background: url("../images/boutons.gif") 688px 78px;
}

@-webkit-keyframes flash {
	0%{box-shadow:0px -2px 15px #00FF33;}
	50%{box-shadow:0px -2px 0px #00FF33;}
	100%{box-shadow:0px -5px 15px #00FF33;}
}

#ConfigurationLayersPopupButton.toolInactive.flash {
	-webkit-animation-name: flash;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:5;

	-moz-animation-name: flash_f;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count:5;
}

#SectionPopupButton.toolActive {
	background: url("../images/boutons.gif") 387px 39px;
}

#SectionPopupButton.toolInactive {
	background: url("../images/boutons.gif") 387px 0;
}

#SectionPopupButton.toolInactive.over {
	background: url("../images/boutons.gif") 387px 78px;
}

#DownloadButton.toolActive {
	background: url("../images/boutons.gif") 344px 39px;
}

#DownloadButton.toolInactive {
	background: url("../images/boutons.gif") 344px 0;
}

#DownloadButton.toolInactive.over {
	background: url("../images/boutons.gif") 344px 78px;
}

#PrintButton.toolActive {
	background: url("../images/boutons.gif") 301px 39px;
}

#PrintButton.toolInactive {
	background: url("../images/boutons.gif") 301px 0;
}

#PrintButton.toolInactive.over {
	background: url("../images/boutons.gif") 301px 78px;
}

/* plein ecran */

#AgrandirButton,
#ReduireButton{
	width: 56px;
	height: 56px;
	position: absolute;
	right: 0;
	top:0;
}

#AgrandirButton.toolInactive{
	background: url("../images/sprite_ecran.png") 274px 0;
}

#AgrandirButton.toolInactive:hover{
	background: url("../images/sprite_ecran.png") 206px 0;
}

#ReduireButton{
	display:none;
}

#ReduireButton.toolInactive{
	background: url("../images/sprite_ecran.png") 138px 0;
}

#ReduireButton.toolInactive:hover{
	background: url("../images/sprite_ecran.png") 72px 0;
}

/* Service Bar */

#ServiceToolsPopupButton {
	float:left;
	position: absolute;
	right: 93px;
	top: 0;
	margin-top:5px;
}

#ServiceToolsPopupButton.toolActive {
	background: url("../images/boutons-services.gif") 0 39px ;
}

#ServiceToolsPopupButton.toolInactive {
	background: url("../images/boutons-services.gif") 0 0;
}

#ServiceToolsPopupButton.toolInactive.over {
	background: url("../images/boutons-services.gif") 0 78px;
}

#ServiceToolsPopup {
	height: 30px!important;
	width: 71px;
	left: 50%;
	top: 44px;
	margin-left: 86px
}

.dj_ie #ServiceToolsPopup {
	height: 40px!important;
	padding-bottom:0;
	padding-right:0!important;
	top: 39px;
}

#ServiceToolsPopup .link_left {
	top: -5px;
	left: 0px;
	height: 5px;
	width: 43px;
}

.dj_ie #ServiceToolsPopup .link_left {
	display: none;
}

#ServiceToolsPopup .content {
	height: 40px!important;
	min-width: 170px!important;
	overflow: visible;
	background: transparent;
	border: 0 none;
}

#serviceTools div {
	height: 29px;
	width: 33px;
	cursor: pointer;
	margin-right: 5px;
	float:left;
}

.dj_ie #ServiceToolsPopup .content {
	height: 30px!important;
	width: 79px;
}

#ServiceToolsPopup_Title{
	display: none;
}

#distanceLabelContainer {
	background: url("../images/space_background.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #000000;
	left: 0;
	position: absolute;
	top: 40px;
	width: 140px;
	display: none;
}

.olControlMeasureItemInactive {
	background: url("../images/boutons-measure.gif") 0 0;
}

.olControlMeasureItemActive {
	background: url("../images/boutons-measure.gif") 0 39px;
}

.olControlMeasureItemInactive_over {
	background: url("../images/boutons-measure.gif") 0 78px;
}


/*-------------------------------------------------
    ANNOTATION TOOLBAR
-------------------------------------------------*/
#AnnotationToolbar {
	height: 30px!important;
	width: 109px;
	left: 87px;
	top: 0px;
	display: block;
}

.dj_ie #AnnotationToolbar {
	height: 40px!important;
	padding-bottom:0;
	padding-right:0!important;
	top: 0px;
	left: 90px;
}

#AnnotationToolbar .link_left {
	top: -5px;
	left: 0px;
	height: 5px;
	width: 43px;
}

.dj_ie #AnnotationToolbar .link_left {
	display: none;
}

#AnnotationToolbar .bordGauche, #AnnotationToolbar .bordDroite {
	height: 73px;
}

#AnnotationToolbar .title .gauche {
	width: 343px;
}

#AnnotationToolbar .footer .gauche {
	width: 368px;
}
#AnnotationToolbar .content {
	height: 40px!important;
	min-width: 170px!important;
	overflow: hidden;
	background: transparent;
	border: 0 none;
}

#annotationTools {
	/*width: 300px;
	height: 50px;
	padding: 10px 50px;*/
}

#annotationTools div {
    height: 29px;
    width: 33px;
    cursor: pointer;
	margin-right: 5px;
	/*display: inline-block;*/
	float:left;
}

.dj_ie #AnnotationToolbar .content {

	height: 30px!important;
	/*width: 355px;*/
	width: 115px;
}

.dj_ie #AnnotationToolbar .title .gauche {
	width: 368px;
}

.dj_ie #annotationTools {
	/*width: 350px;*/
}

/*.dj_ie #annotationTools div {
	margin-right: 50px;
	padding-right: 50px;
}*/

#ScudddToolsPopupButton.toolActive {
	background: url("../images/boutons-3D.gif") 0 39px ;
	position: absolute;
	right:5px;
	top:5px;
	height: 33px;
}

.dj_ie #ScudddToolsPopupButton.toolActive {
	top: 0;
}

#ScudddToolsPopupButton.toolInactive {
	background: url("../images/boutons-3D.gif") 0 0;
	position: absolute;
	right:5px;
	top:5px;
	height: 33px;
}

.dj_ie #ScudddToolsPopupButton.toolInactive {
	top: 0;
}

#ScudddToolsPopupButton.over {
	background: url("../images/boutons-3D.gif") 0 78px;
}

/* ConfigurationLayersPopupButton Animation */
@-webkit-keyframes flash
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes flash
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-moz-keyframes flash_f
{
    15%
    {
        -moz-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -moz-transform: translateX(-5px);
       transform: translateX(-5px);
    }
    50%
    {
        -moz-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -moz-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -moz-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}
@-moz-keyframes flash_f
{
    15%
    {
        -moz-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -moz-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -moz-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -moz-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -moz-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}