/************************************************************************************
                
                  THANK YOU FOR CHOOSING WEATHER PRESS
                  MERCI D'AVOIR CHOISI   WEATHER PRESS
				  
				       www.weather-press.com
				
*************************************************************************************
                  This css file is validated by www.w3.org
				  Ce fichier css est validée par www.w3.org
**************************************************************************************/

/*************************************************************************************

                  CSS3 animations

**************************************************************************************/

.weather_Press_LayoutContainer polyline {

  -webkit-transition:  all 250ms ease-in-out;
  -moz-transition:  all 250ms ease-in-out;
  -o-transition:  all 250ms ease-in-out;
  transition:  all 250ms ease-in-out;
}

.weather_Press_LayoutContainer .arrowTop:hover polyline, .weather_Press_LayoutContainer .arrowBottom:hover polyline,
.weather_Press_LayoutContainer .arrowTop:focus polyline, .weather_Press_LayoutContainer .arrowBottom:focus polyline 
{
  stroke-width: 3;
}

.weather_Press_LayoutContainer .arrowTop:active polyline, .weather_Press_LayoutContainer .arrowBottom:active polyline {

  stroke-width: 4;
  -webkit-transition:  all 100ms ease-in-out;
  -moz-transition:  all 100ms ease-in-out;
  -o-transition:  all 100ms ease-in-out;
  transition:  all 100ms ease-in-out;
}

/* map animation */

.weather_Press_LayoutContainer .scene1 .dot {

  -webkit-animation: wpress_press_dot-anim linear 1.834s infinite; /* Safari 4+ */
  -moz-animation:    wpress_press_dot-anim linear 1.834s infinite; /* Fx 5+ */
  -o-animation:      wpress_press_dot-anim linear 1.834s infinite; /* Opera 12+ */
  animation:         wpress_press_dot-anim linear 1.834s infinite; /* IE 10+, Fx 29+ */
}


@-moz-keyframes wpress_press_dot-anim {
   45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 0 #ECECEC, 0 0 5px 10px #298df4;
  }
  50% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 101px #ECECEC, 0 0 0 173px #298df4;
  }
  52% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 245px #ECECEC, 0 0 0 255px #298df4;
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 317px #ECECEC, 0 0 0 320px #298df4;
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }
}

@-webkit-keyframes wpress_press_dot-anim {
   45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 0 #ECECEC, 0 0 5px 10px #298df4;
  }
  50% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 101px #ECECEC, 0 0 0 173px #298df4;
  }
  52% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 245px #ECECEC, 0 0 0 255px #298df4;
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 317px #ECECEC, 0 0 0 320px #298df4;
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }
}

@-o-keyframes wpress_press_dot-anim {
   45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 0 #ECECEC, 0 0 5px 10px #298df4;
  }
  50% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 101px #ECECEC, 0 0 0 173px #298df4;
  }
  52% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 245px #ECECEC, 0 0 0 255px #298df4;
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 317px #ECECEC, 0 0 0 320px #298df4;
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }
}

@-ms-keyframes wpress_press_dot-anim {
   45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 0 #ECECEC, 0 0 5px 10px #298df4;
  }
  50% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 101px #ECECEC, 0 0 0 173px #298df4;
  }
  52% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 245px #ECECEC, 0 0 0 255px #298df4;
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 317px #ECECEC, 0 0 0 320px #298df4;
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }
}

@keyframes wpress_press_dot-anim {
   45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 0 #ECECEC, 0 0 5px 10px #298df4;
  }
  50% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 101px #ECECEC, 0 0 0 173px #298df4;
  }
  52% {
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 245px #ECECEC, 0 0 0 255px #298df4;
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 317px #ECECEC, 0 0 0 320px #298df4;
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 549px #ECECEC, 0 0 0 549px #298df4;
  }
}

/* onclick animation */

.weather_Press_LayoutContainer span.clickElement {

	position:absolute;
	display:block;
    width: 0.2em;
    height: 0.2em;
	opacity:0;
	border-radius:50%;
	background-color:rgba(255, 201, 72, 0.5);
	z-index: -1;
}

.weather_Press_LayoutContainer .clickedAnimation {

  -webkit-animation: wpress_press_click-anim linear .34s 1; /* Safari 4+ */
  -moz-animation:    wpress_press_click-anim linear .34s 1; /* Fx 5+ */
  -o-animation:      wpress_press_click-anim linear .34s 1; /* Opera 12+ */
  animation:         wpress_press_click-anim linear .34s 1; /* IE 10+, Fx 29+ */ 
}

@-moz-keyframes wpress_press_click-anim {

  45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 0 rgba(236,236,236,0.2), 0 0 5px 10px rgba(255,255,255,0.2);
  }
  50% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 101px rgba(236,236,236,0.2), 0 0 0 173px rgba(255,255,255,0.2);
  }
  52% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 245px rgba(236,236,236,0.2), 0 0 0 255px rgba(255,255,255,0.2);
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 317px rgba(236,236,236,0.2), 0 0 0 320px rgba(255,255,255,0.2);
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }
}

@-webkit-keyframes wpress_press_click-anim {

  45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 0 rgba(236,236,236,0.2), 0 0 5px 10px rgba(255,255,255,0.2);
  }
  50% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 101px rgba(236,236,236,0.2), 0 0 0 173px rgba(255,255,255,0.2);
  }
  52% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 245px rgba(236,236,236,0.2), 0 0 0 255px rgba(255,255,255,0.2);
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 317px rgba(236,236,236,0.2), 0 0 0 320px rgba(255,255,255,0.2);
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }
}

@-o-keyframes wpress_press_click-anim {

  45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 0 rgba(236,236,236,0.2), 0 0 5px 10px rgba(255,255,255,0.2);
  }
  50% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 101px rgba(236,236,236,0.2), 0 0 0 173px rgba(255,255,255,0.2);
  }
  52% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 245px rgba(236,236,236,0.2), 0 0 0 255px rgba(255,255,255,0.2);
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 317px rgba(236,236,236,0.2), 0 0 0 320px rgba(255,255,255,0.2);
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }
}

@-ms-keyframes wpress_press_click-anim {

  45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 0 rgba(236,236,236,0.2), 0 0 5px 10px rgba(255,255,255,0.2);
  }
  50% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 101px rgba(236,236,236,0.2), 0 0 0 173px rgba(255,255,255,0.2);
  }
  52% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 245px rgba(236,236,236,0.2), 0 0 0 255px rgba(255,255,255,0.2);
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 317px rgba(236,236,236,0.2), 0 0 0 320px rgba(255,255,255,0.2);
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }
}

@keyframes wpress_press_click-anim {

  45% {
    opacity: 1;
  }
  46% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 0 rgba(236,236,236,0.2), 0 0 5px 10px rgba(255,255,255,0.2);
  }
  50% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 101px rgba(236,236,236,0.2), 0 0 0 173px rgba(255,255,255,0.2);
  }
  52% {
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 245px rgba(236,236,236,0.2), 0 0 0 255px rgba(255,255,255,0.2);
  }
  55% {
    opacity: 1;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 317px rgba(236,236,236,0.2), 0 0 0 320px rgba(255,255,255,0.2);
  }
  81% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }

  100% {
    opacity: 0;
    box-shadow: 0 0 .2em .13em rgba(255,255,255,0.2), 0 0 0 549px rgba(236,236,236,0.2), 0 0 0 549px rgba(255,255,255,0.2);
  }
}

/* clouds animation */

.weather_press_clouds .cloud
{
position:absolute;
top:0px;
background: url(../images/cloud.png) no-repeat center center transparent;
height:174px;
width:325px;
z-index:1;
}

.weather_press_clouds .c1 
{
top: 10%;
opacity: 0.6;
-webkit-animation: wpress_press_cloud_anim 15s linear infinite;
-moz-animation: wpress_press_cloud_anim 15s linear infinite;
-o-animation: wpress_press_cloud_anim 15s linear infinite;
}
.weather_press_clouds .c2 
{
left: 74%;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
opacity: 0.4;
-webkit-animation: wpress_press_cloud_anim 25s linear infinite;
-moz-animation: wpress_press_cloud_anim 25s linear infinite;
-o-animation: wpress_press_cloud_anim 25s linear infinite;
}

.weather_press_clouds .c3 
{
left: 33%;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.2;
-webkit-animation: wpress_press_cloud_anim 20s linear infinite;
-moz-animation: wpress_press_cloud_anim 20s linear infinite;
-o-animation: wpress_press_cloud_anim 20s linear infinite;
}

.weather_press_clouds .c4 
{
left: 77%;
top: -46%;	
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.4;
-webkit-animation: wpress_press_cloud_anim 18s linear infinite;
-moz-animation: wpress_press_cloud_anim 18s linear infinite;
-o-animation: wpress_press_cloud_anim 18s linear infinite;
}

.weather_press_clouds .c5
 {
opacity: 0.3;
 
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);

-webkit-animation: wpress_press_cloud_anim 20s linear infinite;
-moz-animation: wpress_press_cloud_anim 20s linear infinite;
-o-animation: wpress_press_cloud_anim 20s linear infinite;
}

@-webkit-keyframes wpress_press_cloud_anim
{
	0% {margin-left: 0px;}
	100% {margin-left: -500px;}
}
@-moz-keyframes wpress_press_cloud_anim
{
	0% {margin-left: 0px;}
	100% {margin-left: -500px;}
}
@-o-keyframes wpress_press_cloud_anim
{
	0% {margin-left: 0px;}
	100% {margin-left: -500px;}
}