/* 
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v4/M2Jd71oPJhLKp0zdtTvoM_bce-VcyLJMRR1FC9qWbU8.woff) format('woff');
}
*/
html, body, .ui-body-c, .ui-overlay-c, .ui-overlay-a {font-size: 13px; font-family: 'Source Sans Pro', Tahoma, sans-serif; background: transparent url("images/bg.png")}
.tx-felogin-pi1 {margin: 60px auto 40px; text-align: center; width: 480px;}
.csc-textpic-above {margin-top: 50px;}
.detail {position: absolute; bottom: 5px; width: 100%; left: 0px; color: #999; font-size: 90%;}
.login-fieldset {width: 480px;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}
.ui-header .ui-title {color: #eb702d; font-size: 20px;}
.dialogclose {left: -10px; top: -10px;}
.orange {color: #eb702d;}
.switchcharts {padding-right: 20px; position: fixed; right: 10px; bottom:10px;}
.switchcharts a.ui-link {margin: 25px 10px 0px 0px; display: block; float: right;}

.one_half { width: 46%; }
.one_third { width: 30.5%; }
.one_fourth { width: 22%;  margin: auto;}
.aright {text-align: right; padding-right: 20px;}
/*
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.four_fifth,.one_sixth,.five_sixth {position: relative;margin-right: 4%;margin-bottom: 60px;float: left;}
*/
.box {border-top: 1px solid #CCC; float: left; margin-top: 50px; padding-top: 60px; width: 100%; text-align: center;}
.box a {display: block; margin-top: 40px; color: #dd773b !important;}

.localnav {margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;}
.localnav .ui-btn-inner {padding-top: 0.6em; padding-right: 8px; padding-bottom: 0.6em; padding-left: 8px; font-size: 80%;}
.supermenu, .supermenu li {list-style: none;}
.supermenu {width: 100%; margin: 0px -15px 20px -15px !important; padding: 0 !important;}
.supermenu a {height: 30px; width: 100%; display: block; text-align: center; line-height: 30px; color: #000 !important; text-decoration: none; text-shadow: none; border-bottom: 1px solid #999;}
.supermenu a.active {background: #ccc;}
/*.localnav .solar3 {display: none;}*/
.localnav .enfo {display: none;}
.localnav .trendcapital {display: none;}
.langmenu {position: absolute; top: 0.3em; right: 0.5em;}

.ui-mobile-viewport .localnav li {float: left;}
.ui-mobile-viewport .localnav li {border-top-width: medium; border-right-width-value: medium; border-bottom-width: medium; border-left-width-value: medium; border-top-style: none; border-right-style-value: none; border-bottom-style: none; border-left-style-value: none; border-image-source: none; border-image-slice: 100% 100% 100% 100%; border-image-width: 1 1 1 1; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch;}

.ui-icon-energy4all-home {background-image: url("images/e4a-home.png"); }
.ui-icon-energy4all-login {background-image: url("images/e4a-login.png"); }
.ui-icon-energy4all-logout {background-image: url("images/e4a-logout.png"); }
.ui-btn .ui-icon { background-color: transparent;  border-radius: 18px; }
.ui-title img {position: relative; z-index: 101; max-width: 100%;}
.ui-li-desc {margin-top: 0px;}

.menu-main .ui-icon-energy4all-4 {background-image: url("images/e4a-productionHR.png"); }
.menu-main .ui-icon-energy4all-8 {background-image: url("images/e4a-paymentHR.png"); }
.menu-main .ui-icon-energy4all-5 {background-image: url("images/e4a-infoHR.png"); }
.menu-main .ui-icon-energy4all-10 {background-image: url("images/e4a-imagesHR.png"); }
.menu-main .ui-icon-energy4all-9 {background-image: url("images/e4a-documentsHR.png"); }
.menu-main .ui-icon-energy4all-11 {background-image: url("images/e4a-adminHR.png"); }
.menu-main .ui-icon-energy4all-logout {background-image: url("images/e4a-logoutHR.png"); }
.menu-main .ui-btn .ui-btn-inner { padding-top: 40px !important; }
.menu-main .ui-btn .ui-icon { width: 36px !important; height: 36px !important; margin-left: -15px !important;}

#footer {position: absolute; bottom:0; width:100%; height:40px; }
#footer-text {text-align:center;color: #999;}


/*** TABLES ***/
table {border-collapse: collapse; margin: 30px auto; box-shadow:8px 8px 8px #666; font-size: 0.9em;}
table td, table th {padding: 5px 20px; border: 1px solid #888888 !important; }
table td span {color: #666; font-weight: normal; display: block; width: 95px; text-align: left;}
table td.table-cell-comment span {float: left;}
.table-row-odd td {background: #d1d1d1;}
.table-row-even td {background: #f2f2f2;}
.table-row-nodata {}
.table-row-footer {}
.table-row-footer td {color: #000;}
.table-row-total {}
.table-row-total td {color: #eb702d; padding-top: 20px; padding-bottom: 20px;}
.table-cell-date {}
.table-cell-value {text-align: right;}
.table-cell-value2 {text-align: right;}
.table-cell-percent {text-align: right;}
.table-cell-max {}
.table-cell-valuemax {text-align: right;}
.table-cell-valuemax2 {text-align: right;}
.table-cell-percentmax {text-align: right;}
.table-cell-valueopen {text-align: right;}
.table-cell-paid {text-align: right;}
.table-cell-open {text-align: right;}
.table-cell-total {text-align: right; font-weight: bold;}
td.unknown {}
td.paid {}
td.invoiced {}
td.open {background: #ffdddd;}
td.no-emission {}

.jqplot-table-legend {padding-top: 5px !important; background: #e6e6e6; font-weight: bold; right: 45px !important; top: -30px !important;}
.jqplot-highlighter-tooltip,.jqplot-canvasOverlay-tooltip{background:rgb(208,208,208) !important;padding:3px !important;}

#wcontent, #scroller li , #weathercontent iframe, div.csc-textpic#textpicslider, div.tx-typoscript2ce-pi1 {width: 878px;}
.centered {width: 980px; margin: auto;}
#scroller {width:2634px;} /* 3x above width */

#solarlog {width: 100%; height: 600px; margin-top: 20px; overflow: hidden;}
#solarlog iframe {margin-top: -60px;}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .ui-icon-energy4all-home {background-image: url("images/e4a-homeHR.png"); background-size: 18px 18px;}
    .ui-icon-energy4all-login {background-image: url("images/e4a-loginHR.png"); background-size: 18px 18px;}
    .ui-icon-energy4all-logout {background-image: url("images/e4a-logoutHR.png"); background-size: 18px 18px;}
    .hideontablet {display: none;}
}

@media only screen and (max-device-width: 640px) {
    .ui-icon-energy4all-4 {background-image: url("images/e4a-production.png"); }
    .ui-icon-energy4all-8 {background-image: url("images/e4a-payment.png"); }
    .ui-icon-energy4all-5 {background-image: url("images/e4a-info.png"); }
    .ui-icon-energy4all-10 {background-image: url("images/e4a-images.png"); }
    .ui-icon-energy4all-9 {background-image: url("images/e4a-documents.png"); }
    .ui-icon-energy4all-11 {background-image: url("images/e4a-admin.png"); }
    .ui-icon-energy4all-home {background-image: url("images/e4a-home.png"); }
    .ui-icon-energy4all-login {background-image: url("images/e4a-login.png"); }
    .ui-icon-energy4all-logout {background-image: url("images/e4a-logout.png"); }
    .hideontablet {display: none;}
}

@media (orientation: portrait) {
/*	#chart1 {width:744px; height:288px;} */
	.switchcharts {display: none;}
	#wcontent, #scroller li , #weathercontent iframe, div.csc-textpic#textpicslider, div.tx-typoscript2ce-pi1 {width: 680px;}
    #scroller {width:2040px;} /* 3x above width */
    .centered {width: 780px; margin: auto;}
     .localnav .ui-btn-inner {padding-right: 4px !important; padding-left: 4px !important; }
}

@media (orientation: landscape) {
/*		#chart1 {width:1000px; height:384px;} */
	.tables {display: none;}
	#wcontent, #weathercontent iframe, div.tx-typoscript2ce-pi1, #scroller li {width: 436px;}
    #scroller {width:1308px;} /* 3x above width */
    div.csc-textpic#textpicslider {width: 966px;}
    .centered {width: 980px; margin: auto;}
   
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {*/
    @media (orientation: portrait) {
 /*	       #chart1 {width:744px; height:288px;} */
        .switchcharts {display: none;}
        #wcontent, #scroller li , #weathercontent iframe, div.csc-textpic#textpicslider, div.tx-typoscript2ce-pi1 {width: 692px;}
        #scroller {width:2076px;} /* 3x above width */
        div.csc-textpic#textpicslider {width: 1492px;}
    }   
    @media (orientation: landscape) {
/*	        #chart1 {width:1000px; height:384px;} */
        .tables {display: none;}
        #wcontent, #weathercontent iframe, div.tx-typoscript2ce-pi1, #scroller li {width: 948px;}
        #scroller {width:2844px;} /* 3x above width */
        div.csc-textpic#textpicslider {width: 2000px;}
    }
}


/* slide gallery */
div.csc-textpic#textpicslider  {clear: both; }
#textpicslider div.csc-textpic-imagewrap {width: 480px; float: none !important; margin: 10px auto; position: relative;}
#image-arrow-r, #image-arrow-l {position: absolute; top: 190px; width: 70px; height: 70px; cursor: pointer;}
#image-arrow-l {left: -80px; background: transparent url("images/arrow-l.png"); }
#image-arrow-r {right: -80px; background: transparent url("images/arrow-r.png"); }
#textpicslider div.csc-textpic-imagerow {width: 9999px; }
#textpicslider .csc-textpic-image {width: 480px; display: none !important; }
#textpicslider .csc-textpic-first {display: block !important;}

/*** WETTER DISPLAY ***/
div.tx-typoscript2ce-pi1, #textpicslider div.csc-textpic-imagewrap { padding: 20px; background: #ffffff; box-shadow:8px 8px 8px rgba(70,70,70,0.7), inset 2px 2px 2px rgb(150,150,150); border: 1px solid rgb(150,150,150); border-radius: 6px;}
div.tx-typoscript2ce-pi1 {overflow: hidden; height: 380px !important; float: left; margin: 10px 10px 20px 0px; }
#weathercontent iframe {float: right; height: 380px; }
#scroller{ position:absolute; list-style:none; height: 380px; white-space:nowrap; top:0; left:0; margin: 0px !important; padding: 0px !important;}
#scroller li { height:380px; display: block; float: left; text-align:center; overflow:hidden; margin: 0px !important;}
#scroller li .cond b{ text-transform:uppercase;}
#scroller, .arrow{ display:none;}
.arrow{ background:url('images/arrows.png') no-repeat; width:38px; height:45px;z-index:100; position:absolute; top:50%; margin-top:-45px; opacity:0.6; overflow:hidden; text-indent:-99999px;}
.arrow:hover{ opacity:1;}
.arrow.previous{ left:20px;}
.arrow.next{ background-position:top right; right:20px;}
.cond { color: #F1F1F1; text-align: center; font-size: 28px;}
.snow_bg .cond, .snow_bg .day {color: #666;}
.day { color: #F1F1F1; font-size: 16px; margin: 19px auto auto; text-align: center; width: 100%;}
.cond, .day {position:relative; z-index:90;}
#scroller li img {margin:0px auto; display:block; position:relative; z-index:97;}
p.location {color: #F1F1F1; position: absolute; top: 15px;font-size: 14px; font-style: italic; height: 25px;margin: 4px 0 0 10px; }
#wcontent { position:relative; height:380px; overflow: hidden;}
#wcontent:before { background: url("images/loader.png") no-repeat center center #2a2a2a; margin-left:-35px; height: 70px; left: 50%; content: ""; opacity: 0.7; position: absolute; top: 25%; width: 70px; cursor: pointer;}
#wcontent.error:before {  color:#f1f1f1; display:none;}
#wcontent.error { text-align:center; color:#f1f1f1; font-size: 20px;}
#wcontent.loaded #scroller, #wcontent.loaded .arrow { display:block}
#wcontent.loaded:before { display:none;}
#wcontent.loaded { background:transparent;}
#wcontent.first a.previous, #wcontent.last a.next { display:none;}
.arrowsgeomaps {clear: both; margin: auto; width: 600px; text-align: center; font-size: 110%; color: #666;}
.arrowsgeomaps a {margin: 0px 10px; color: #eb702d !important; text-decoration: none;}
#map-canvas {positon: absolute; width: 436px; height: 382px;}

.printchart {width: 640px !important; }

/* NUAGE */
.cloud { -webkit-animation: nuage 8s infinite ease-in-out; -moz-animation: nuage 8s infinite ease-in-out; -o-animation: nuage 8s infinite ease-in-out;}
@-webkit-keyframes nuage {
    0% {-webkit-transform:scale(1);}
    50% {-webkit-transform: scale(1.3);}
    100% {-webkit-transform: scale(1);}
}
@-moz-keyframes nuage {
    0% {-moz-transform:scale(1);}
    50% {-moz-transform: scale(1.3);}
    100% {-moz-transform: scale(1);}
}
@-o-keyframes nuage {
    0% {-o-transform:scale(1);}
    50% {-o-transform: scale(1.3);}
    100% {-o-transform: scale(1);}
}
/* NUAGES + SOLEIL */
.cloud_sun_before, .cloud_moon_before { background: url("images/cloud.png") no-repeat; height: 237px; top:34px; left: 34%; position: absolute; display:block; z-index:97; width: 446px; -webkit-animation: nuagel 6s infinite ease-in-out; -moz-animation: nuagel 6s infinite ease-in-out; -o-animation: nuagel 6s infinite ease-in-out;}
@-webkit-keyframes nuagel {
    from {-webkit-transform: translate(0px);}
    to { -webkit-transform: translate(180px);}
}
@-moz-keyframes nuagel {
    from {-moz-transform:translate(0px);}
    to { -moz-transform:translate(180px);}
}
@-o-keyframes nuagel {
    from {-o-transform:  translate(0px);}
    to { -o-transform: translate(180px);}
}
.cloud_sun_bg { background: #2db2ff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyZGIyZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjdlMmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #2db2ff), color-stop(100%, #b7e2ff)); background: -webkit-radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); background: -o-radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); background: -ms-radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); background: radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db2ff', endColorstr='#b7e2ff', GradientType=1 );}
.cloud_sun_after, .cloud_moon_after { background: url("images/cloud2.png") no-repeat; height: 237px; left: 37%; position: absolute; z-index:99; width: 446px; top:24px; -webkit-animation: nuager 6s infinite ease-in-out; -moz-animation: nuager 6s infinite ease-in-out; -o-animation: nuager 6s infinite ease-in-out;}
 @-webkit-keyframes nuager {
    from {-webkit-transform:  translate(0px);}
    to { -webkit-transform:translate(-100px);}
}
@-moz-keyframes nuager {
    from {-moz-transform:  translate(0px);}
    to { -moz-transform:  translate(-100px);}
}
@-o-keyframes nuager {
    from {-o-transform: translate(0px);}
    to { -o-transform:  translate(-100px);}
}
.cloud_moon_after { background: url("images/cloud3.png") no-repeat;}
.cloud_moon_before { background: url("images/cloud4.png") no-repeat;}
.fog_before { background: url("images/fog2.png") no-repeat; height: 237px; left: 44%; position: absolute; z-index:99; width: 446px; top:-21px; -webkit-animation: brouillard2 12s infinite ease-in-out; -moz-animation: brouillard2 12s infinite ease-in-out; -o-animation: brouillard2 12s infinite ease-in-out;}
@-webkit-keyframes brouillard2 {
    0% {-webkit-transform:  translate(0px) scale(0.8);}
    50% {-webkit-transform:translate(50px) scale(1.2);}
    100% {-webkit-transform:  translate(0px) scale(0.8);}
}
@-moz-keyframes brouillard2 {
    0% {-moz-transform:  translate(0px) scale(0.8);}
    50% {-moz-transform:  translate(50px) scale(1.2);}
    100% {-moz-transform:  translate(0px) scale(0.8);}
}
@-o-keyframes brouillard2 {
    0% {-o-transform: translate(0px) scale(0.8);}
    50% {-o-transform:  translate(50px) scale(1.2);}
    100% {-o-transform: translate(0px) scale(0.8);}
}
.fog_after { background: url("images/fog2.png") no-repeat; height: 237px; left: 37%; position: absolute; z-index:99; width: 446px; top:-21px; -webkit-transform: rotate(161deg); -moz-transform: rotate(161deg); -o-transform: rotate(161deg); -webkit-animation: brouillard 11s infinite ease-in-out; -moz-animation: brouillard 11s infinite ease-in-out; -o-animation: brouillard 11s infinite ease-in-out;}
 @-webkit-keyframes brouillard {
    0% {-webkit-transform:  translate(0px) scale(0.8);}
    50% {-webkit-transform:translate(-50px) scale(1);}
    100% {-webkit-transform:  translate(0px) scale(0.8);}
}
@-moz-keyframes brouillard {
    0% {-moz-transform:  translate(0px) scale(0.8);}
    50% {-moz-transform:  translate(-50px) scale(1);}
    100% {-moz-transform:  translate(0px) scale(0.8);}
}
@-o-keyframes brouillard {
    0% {-o-transform: translate(0px) scale(0.8);}
    50% {-o-transform:  translate(-50px) scale(1);}
    100% {-o-transform: translate(0px) scale(0.8);}
}
/* BROUILLARD */
.fog { -webkit-animation: imgbrouille 17s infinite ease-in-out; -moz-animation: imgbrouille 17s infinite ease-in-out; -o-animation: imgbrouille 17s infinite ease-in-out;}
 @-webkit-keyframes imgbrouille {
    0% {-webkit-transform:  translate(0px);}
    25% {-webkit-transform:  translate(-50px);}
    50% {-webkit-transform:  translate(50px);}
    100% {-webkit-transform:  translate(0px);}
}
@-moz-keyframes imgbrouille {
    0% {-moz-transform:  translate(0px);}
    25% {-moz-transform:  translate(-50px);}
    50% {-moz-transform:  translate(50px);}
    100% {-moz-transform:  translate(0px);}
}
@-o-keyframes imgbrouille {
    0% {-o-transform:  translate(0px);}
    25% {-o-transform:  translate(-50px);}
    50% {-o-transform:  translate(50px);}
    100% {-o-transform:  translate(0px);}
}
/* ECLAIR  */
.lightning { left: 59px; top: 12px; opacity: 0; display:block; -webkit-animation: light 8s infinite ease-in-out; -moz-animation: light 8s infinite ease-in-out; -o-animation: light 8s infinite ease-in-out;}
 @-webkit-keyframes light {
    0% {opacity: 0;}
    59% {opacity:0;}
    60% {opacity: 1;}
    61% {opacity: 0;}
    100% {opacity: 0;}
}
@-moz-keyframes light {
    0% {opacity: 0;}
    59% {opacity:0;}
    60% {opacity: 1;}
    61% {opacity: 0;}
    100% {opacity: 0;}
}
@-o-keyframes light {
    0% {opacity: 0;}
    59% {opacity:0;}
    60% {opacity: 1;}
    61% {opacity: 0;}
    100% {opacity: 0;}
}
/* NUAGE ECLAIR  */
.lightning_after { background: url("images/cloud4.png") no-repeat; margin: auto; position: relative; top: -353px; width: 446px; z-index: 99; height: 237px; -webkit-animation: nuage2 8s infinite ease-in-out; -moz-animation: nuage2 8s infinite ease-in-out; -o-animation: nuage2 8s infinite ease-in-out;}
@-webkit-keyframes nuage2 {
    0% {-webkit-transform:scale(1);}
    50% {-webkit-transform: scale(1.2);}
    60% {-webkit-transform: scale(1.2);}
    100% {-webkit-transform: scale(1);}
}
@-moz-keyframes nuage2 {
    0% {-moz-transform:scale(1);}
    50% {-moz-transform: scale(1.2);}
    60% {-moz-transform: scale(1.2);}
    100% {-moz-transform: scale(1);}
}
@-o-keyframes nuage2 {
    0% {-o-transform:scale(1);}
    50% {-o-transform: scale(1.2);}
    60% {-o-transform: scale(1.2);}
    100% {-o-transform: scale(1);}
}
/* PLUIE */
.rain_before { background: url("images/rain2.png") repeat; height: 142px; margin: auto; position: relative; top: -192px; width: 220px; z-index: 90; -webkit-animation: pluie 1s infinite ease-in-out; -moz-animation: pluie 1s infinite ease-in-out; -o-animation:  pluie 1s infinite ease-in-out;}
@-webkit-keyframes pluie {
    0% {background-position:0px 400px;opacity:1;}
    100% {background-position:0px 450px;opacity:0;}
}
@-moz-keyframes pluie {
    0% {background-position:0px 400px;opacity:1;}
    100% {background-position:0px 450px;opacity:0;}
}
@-o-keyframes pluie {
    0% {background-position:0px 400px;opacity:1;}
    100% {background-position:0px 450px;opacity:0;}
}
/* NUAGE PLUIE */
.rain_after { background: url("images/cloud4.png") no-repeat; margin: auto; position: relative; width: 446px; z-index: 99; height: 237px; left: 50px; top: -447px; -webkit-animation: rain_cloud 13s infinite ease-in-out; -moz-animation: rain_cloud 13s infinite ease-in-out; -o-animation:rain_cloud 13s infinite ease-in-out;}
@-webkit-keyframes rain_cloud {
    0% {-webkit-transform:  translate(0px) scale(0.5);opacity:0;}
    50% {-webkit-transform:  translate(20px) scale(0.8);opacity:1;}
    100% {-webkit-transform:   translate(0px) scale(0.5);opacity:0;}
}
@-moz-keyframes rain_cloud {
    0% {-moz-transform:  translate(0px) scale(0.5);opacity:0;}
    50% {-moz-transform:  translate(20px) scale(0.8);opacity:1;}
    100% {-moz-transform:   translate(0px) scale(0.5);opacity:0;}
}
@-o-keyframes rain_cloud {
    0% {-o-transform:  translate(0px) scale(0.5);opacity:0;}
    50% {-o-transform:  translate(20px) scale(0.8);opacity:1;}
    100% {-o-transform:   translate(0px) scale(0.5);opacity:0;}
}
/* NUAGE PLUIE 2 */
.rain_after_deux { background: url("images/cloud4.png") no-repeat; margin: auto; position: relative; width: 446px; z-index: 99; height: 237px; left: -50px; top: -670px; opacity:0; -webkit-animation: rain_cloud2 15s 2s infinite ease-in-out; -moz-animation: rain_cloud2 15s 2s infinite ease-in-out; -o-animation:rain_cloud2 15s 2s infinite ease-in-out;}
@-webkit-keyframes rain_cloud2 {
    0% {-webkit-transform:  translate(0px) scale(0.3);opacity:0;}
    50% {-webkit-transform:  translate(-20px) scale(0.6);opacity:1;}
    51% {-webkit-transform:  translate(-20px) scale(0.6);opacity:1;}
    100% {-webkit-transform:   translate(0px) scale(0.3);opacity:0;}
}
@-moz-keyframes rain_cloud2 {
    0% {-moz-transform:  translate(0px) scale(0.3);opacity:0;}
    50% {-moz-transform:  translate(-20px) scale(0.6);opacity:1;}
    51% {-moz-transform:  translate(-20px) scale(0.6);opacity:1;}
    100% {-moz-transform:   translate(0px) scale(0.3);opacity:0;}
}
@-o-keyframes rain_cloud2 {
    0% {-o-transform:  translate(0px) scale(0.3);opacity:0;}
    50% {-o-transform:  translate(-20px) scale(0.6);opacity:1;}
    51% {-o-transform:  translate(-20px) scale(0.6);opacity:1;}
    100% {-o-transform:   translate(0px) scale(0.3);opacity:0;}
}
/* NEIGE */
.snow_after { background: url("images/snow2.png") repeat; height: 142px; margin: auto; position: relative; top: -192px; width: 300px; z-index: 90; -webkit-animation: neige 2s infinite ease-in-out; -moz-animation: neige 2s infinite ease-in-out; -o-animation:  neige 2s infinite ease-in-out;}
@-webkit-keyframes neige {
    0% {background-position:0px 400px;opacity:1;}
    100% {background-position:0px 450px;opacity:0;}
}
@-moz-keyframes neige {
    0% {background-position:0px 400px;opacity:1;}
    100% {background-position:0px 450px;opacity:0;}
}
@-o-keyframes neige {
    0% {background-position:0px 400px;opacity:1;}
    100% {background-position:0px 450px;opacity:0;}
}

.drizzle { opacity:0; -webkit-animation: drop 10s infinite ease-in-out; -moz-animation: drop 10s infinite ease-in-out; -o-animation: drop 10s infinite ease-in-out;}
@-webkit-keyframes drop {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}
@-moz-keyframes drop{
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}
@-o-keyframes drop {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

.storm, .storm_before {   top: -95px;-webkit-animation: stromtop 3s infinite ease-in-out; -moz-animation: stromtop 3s infinite ease-in-out; -o-animation: stromtop 3s infinite ease-in-out;}
@-webkit-keyframes stromtop {
    0% {-webkit-transform:  translate(0px);}
    10% {-webkit-transform:  translate(-40px);}
    20% {-webkit-transform:  translate(0px);}
    30% {-webkit-transform:  translate(40px);}
    40% {-webkit-transform:  translate(-50px);}
    50% {-webkit-transform:  translate(0px);}
    60% {-webkit-transform:  translate(50px);}
    70% {-webkit-transform:  translate(-30px);}
    80% {-webkit-transform:  translate(0px);}
    90% {-webkit-transform:  translate(30px);}
    100% {-webkit-transform:  translate(0px);}
}
@-moz-keyframes stromtop{
    0% {-moz-transform:  translate(0px);}
    10% {-moz-transform:  translate(-40px);}
    20% {-moz-transform:  translate(0px);}
    30% {-moz-transform:  translate(40px);}
    40% {-moz-transform:  translate(-50px);}
    50% {-moz-transform:  translate(0px);}
    60% {-moz-transform:  translate(50px);}
    70% {-moz-transform:  translate(-30px);}
    80% {-moz-transform:  translate(0px);}
    90% {-moz-transform:  translate(30px);}
    100% {-moz-transform:  translate(0px);}
}
@-o-keyframes stromtop {
    0% {-o-transform:  translate(0px);}
    10% {-o-transform:  translate(-40px);}
    20% {-o-transform:  translate(0px);}
    30% {-o-transform:  translate(40px);}
    40% {-o-transform:  translate(-50px);}
    50% {-o-transform:  translate(0px);}
    60% {-o-transform:  translate(50px);}
    70% {-o-transform:  translate(-30px);}
    80% {-o-transform:  translate(0px);}
    90% {-o-transform:  translate(30px);}
    100% {-o-transform:  translate(0px);}
}
.storm_before {background: url("images/storm.png") no-repeat; height: 183px; margin: auto; position: relative; top: -245px; width: 446px;-webkit-animation: strommid 2s infinite ease-in-out; -moz-animation: strommid 2s infinite ease-in-out; -o-animation: strommid 2s infinite ease-in-out;}
@-webkit-keyframes strommid{
    0% {-webkit-transform:  translate(0px) scale(0.7);}
    20% {-webkit-transform:  translate(-50px) scale(0.7);}
    40% {-webkit-transform:  translate(0px) scale(0.7);}
    60% {-webkit-transform:  translate(70px) scale(0.7);}
    100% {-webkit-transform:  translate(0px) scale(0.7);}
}
@-moz-keyframes strommid{
    0% {-moz-transform:  translate(0px) scale(0.7);}
    20% {-moz-transform:  translate(-50px) scale(0.7);}
    40% {-moz-transform:  translate(0px) scale(0.7);}
    60% {-moz-transform:  translate(70px) scale(0.7);}
    100% {-moz-transform:  translate(0px) scale(0.7);}
}
@-o-keyframes strommid{
    0% {-o-transform:  translate(0px) scale(0.7);}
    20% {-o-transform:  translate(-50px) scale(0.7);}
    40% {-o-transform:  translate(0px) scale(0.7);}
    60% {-o-transform:  translate(70px) scale(0.7);}
    100% {-o-transform:  translate(0px) scale(0.7);}
}
.storm_after {background: url("images/storm.png") no-repeat; height: 183px; margin: auto; position: relative; top: -370px; width: 446px;-webkit-animation: strombot 2s infinite ease-in-out; -moz-animation: strombot 2s infinite ease-in-out; -o-animation: strombot 2s infinite ease-in-out;}
@-webkit-keyframes strombot{
    0% {-webkit-transform:  translate(0px) scale(0.45);}
    20% {-webkit-transform:  translate(30px) scale(0.45);}
    40% {-webkit-transform:  translate(0px) scale(0.45);}
    60% {-webkit-transform:  translate(-30px) scale(0.45);}
    100% {-webkit-transform:  translate(0px) scale(0.45);}
}
@-moz-keyframes strombot{
    0% {-moz-transform:  translate(0px) scale(0.45);}
    20% {-moz-transform:  translate(30px) scale(0.45);}
    40% {-moz-transform:  translate(0px) scale(0.45);}
    60% {-moz-transform:  translate(-30px) scale(0.45);}
    100% {-moz-transform:  translate(0px) scale(0.45);}
}
@-o-keyframes strombot{
    0% {-o-transform:  translate(0px) scale(0.45);}
    20% {-o-transform:  translate(30px) scale(0.45);}
    40% {-o-transform:  translate(0px) scale(0.45);}
    60% {-o-transform:  translate(-30px) scale(0.45);}
    100% {-o-transform:  translate(0px) scale(0.45);}
}
/* -- WIND -- */
.wind { opacity:1; -webkit-animation: wind 2.5s infinite linear; -moz-animation: wind 2.5s infinite linear; -o-animation: wind 2.5s infinite linear;}
@-webkit-keyframes wind {
    0% {-webkit-transform:  translate(-150px); opacity:0;}
    22% {-webkit-transform:  translate(-148px); opacity:1;}
    88% {-webkit-transform:  translate(98px);opacity:1}
    100% {-webkit-transform:  translate(100px);opacity:0}
}
@-moz-keyframes wind{
    0% {-moz-transform:  translate(-150px); opacity:0;}
    22% {-moz-transform:  translate(-148px); opacity:1;}
    88% {-moz-transform:  translate(98px);opacity:1}
    100% {-moz-transform:  translate(100px);opacity:0}
}
@-o-keyframes wind {
    0% {-o-transform:  translate(-150px); opacity:0;}
    22% {-o-transform:  translate(-148px); opacity:1;}
    88% {-o-transform:  translate(98px);opacity:1}
    100% {-o-transform:  translate(100px);opacity:0}
}
.hail img, .snowflake img {-webkit-animation: hail1 3s infinite ease-in-out; -moz-animation: hail1 3s infinite alternate ease-in-out; -o-animation:  hail1 3s infinite ease-in-out;top:-54px;}
@-webkit-keyframes hail1 {
    0% {-webkit-transform:  translateY(1px);}
    20% {-webkit-transform:  translateY(2px);}
    50% {-webkit-transform:  translateY(0px);}
    80% {-webkit-transform:  translateY(-2px);}
    100% {-webkit-transform:  translateY(0px);}
}
@-moz-keyframes hail1 {
    0% {-moz-transform:  translateY(1px);}
    20% {-moz-transform:  translateY(2px);}
    50% {-moz-transform:  translateY(0px);}
    80% {-moz-transform:  translateY(-2px);}
    100% {-moz-transform:  translateY(0px);}
}
@-o-keyframes hail1 {
    0% {-o-transform:  translateY(1px);}
    20% {-o-transform:  translateY(2px);}
    50% {-o-transform:  translateY(0px);}
    80% {-o-transform:  translateY(-2px);}
    100% {-o-transform:  translateY(0px);}
}
/* NEIGE */
.hail_after { background: url("images/hail2.png") repeat; height: 225px; margin: auto; position: relative; top: -273px; width: 288px; z-index: 90; -webkit-animation: hail2 1s infinite ease-in-out; -moz-animation: hail2 1s infinite ease-in-out; -o-animation:  hail2 1s infinite ease-in-out;}
@-webkit-keyframes hail2 {
    0% {background-position:0px 0px;opacity:1;}
    100% {background-position:0px 500px;opacity:0;}
}
@-moz-keyframes hail2 {
    0% {background-position:0px 0px;opacity:1;}
    100% {background-position:0px 500px;opacity:0;}
}
@-o-keyframes hail2 {
    0% {background-position:0px 0px;opacity:1;}
    100% {background-position:0px 500px;opacity:0;}
}
/* NEIGE */
.snowflake_after { background: url("images/snowflake2.png") repeat; height: 67px; margin: auto; position: relative; top: -273px; width: 67px; z-index: 90; -webkit-animation: flocons 1s infinite ease-in-out; -moz-animation: flocons 1s infinite ease-in-out; -o-animation:  flocons 1s infinite ease-in-out;}
@-webkit-keyframes flocons {
    0% {opacity:1; -webkit-transform : translateY(0px) scale(0.5);}
    100% {opacity:0; -webkit-transform : translateY(200px) scale(0.5);}
}
@-moz-keyframes flocons {
    0% {opacity:1; -moz-transform : translateY(0px) scale(0.5);}
    100% {opacity:0;-moz-transform : translateY(200px) scale(0.5);}
}
@-o-keyframes flocons {
    0% {opacity:1;-o-transform : translateY(0px) scale(0.5);}
    100% {opacity:0;-o-transform :translateY(200px) scale(0.5);}
}
.snowflake_after_two { background: url("images/snowflake2.png") repeat; height: 67px; margin: auto; position: relative; top: -429px;opacity:0;    left: 41px; width: 67px; z-index: 90; -webkit-animation: flocons4 1.2s infinite ease-in-out; -moz-animation: flocons4 1.2s infinite ease-in-out; -o-animation:  flocons4 1.2s infinite ease-in-out;}
@-webkit-keyframes flocons4 {
    0% {opacity:1; -webkit-transform : translateY(0px) scale(0.4);}
    100% {opacity:0; -webkit-transform : translateY(200px) scale(0.4);}
}
@-moz-keyframes flocons4 {
    0% {opacity:1; -moz-transform : translateY(0px) scale(0.4);}
    100% {opacity:0;-moz-transform : translateY(200px) scale(0.4);}
}
@-o-keyframes flocons4 {
    0% {opacity:1;-o-transform : translateY(0px) scale(0.4);}
    100% {opacity:0;-o-transform :translateY(200px) scale(0.4);}
}
.snowflake_before { background: url("images/snowflake2.png") repeat; height: 68px; margin: auto; position: relative;opacity:0; top: -328px; left:-44px; width: 67px; z-index: 90; background-position:-67px 0; -webkit-animation: flocons2 3s 1s infinite ease-in-out; -moz-animation: flocons2 3s 1s infinite ease-in-out; -o-animation:  flocons2 3s 1s infinite ease-in-out;}
@-webkit-keyframes flocons2 {
    0% {opacity:1; -webkit-transform : translateY(0px) scale(0.6);}
    100% {opacity:0; -webkit-transform : translateY(200px) scale(0.6);}
}
@-moz-keyframes flocons2 {
    0% {opacity:1; -moz-transform : translateY(0px) scale(0.6);}
    100% {opacity:0;-moz-transform : translateY(200px) scale(0.6);}
}
@-o-keyframes flocons2 {
    0% {opacity:1;-o-transform : translateY(0px) scale(0.6);}
    100% {opacity:0;-o-transform :translateY(200px) scale(0.6);}
}
.snowflake_before_two { background: url("images/snowflake2.png") repeat; margin: auto; position: relative; width: 67px; z-index: 90; height: 68px;    left: 61px; top: -486px;opacity:0; background-position:-140px 0; -webkit-animation: flocons3 2.5s 1.2s infinite ease-in-out; -moz-animation: flocons3 2.5s 1.2s infinite ease-in-out; -o-animation:  flocons3 2.5s 1.2s infinite ease-in-out;}
@-webkit-keyframes flocons3 {
    0% {opacity:1; -webkit-transform : translateY(0px) scale(0.7);}
    100% {opacity:0; -webkit-transform : translateY(200px) scale(0.7);}
}
@-moz-keyframes flocons3 {
    0% {opacity:1; -moz-transform : translateY(0px) scale(0.7);}
    100% {opacity:0;-moz-transform : translateY(200px) scale(0.7);}
}
@-o-keyframes flocons3 {
    0% {opacity:1;-o-transform : translateY(0px) scale(0.7);}
    100% {opacity:0;-o-transform :translateY(200px) scale(0.7);}
}
/* ----------------------   BACKGROUNDS  ---------------------------------- */
.cloud_sun_bg { background: #2db2ff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyZGIyZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjdlMmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #2db2ff), color-stop(100%, #b7e2ff)); background: -webkit-radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); background: -o-radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); background: -ms-radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%); background: radial-gradient(center, ellipse cover, #2db2ff 0%, #b7e2ff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db2ff', endColorstr='#b7e2ff', GradientType=1 );}
.cloud_sun_bg:after { background: url("images/nuagebg.png") repeat center 0;  bottom: -170px; content: ""; left:0; height: 530px; z-index:0; position: absolute; width: 100%;}
.cloud_bg { background: #6e92b7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiM2ZTkyYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTZhNWI1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #6e92b7 2%, #96a5b5 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(2%, #6e92b7), color-stop(100%, #96a5b5)); background: -webkit-radial-gradient(center, ellipse cover, #6e92b7 2%, #96a5b5 100%); background: -o-radial-gradient(center, ellipse cover, #6e92b7 2%, #96a5b5 100%); background: -ms-radial-gradient(center, ellipse cover, #6e92b7 2%, #96a5b5 100%); background: radial-gradient(center, ellipse cover, #6e92b7 2%, #96a5b5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e92b7', endColorstr='#96a5b5', GradientType=1 );}
.moon_bg { background: rgb(0,0,0); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGYxMTE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 67%, rgba(15, 17, 20, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(67%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(15, 17, 20, 1))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 67%, rgba(15, 17, 20, 1) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 67%, rgba(15, 17, 20, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 67%, rgba(15, 17, 20, 1) 100%); background: linear-gradient(top, rgba(0, 0, 0, 1) 67%, rgba(15, 17, 20, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0f1114', GradientType=0 );}
.fog_bg { background: rgb(144,160,168); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5MGEwYTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiM2ZThiOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(110, 139, 158, 1) 99%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(144, 160, 168, 1)), color-stop(99%, rgba(110, 139, 158, 1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(110, 139, 158, 1) 99%); background: -o-radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(110, 139, 158, 1) 99%); background: -ms-radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(110, 139, 158, 1) 99%); background: radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(110, 139, 158, 1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90a0a8', endColorstr='#6e8b9e', GradientType=1 );}
.light_bg { background: rgb(144,160,168); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5MGEwYTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMyZjM0MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(47, 52, 56, 1) 99%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(144, 160, 168, 1)), color-stop(99%, rgba(47, 52, 56, 1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(47, 52, 56, 1) 99%); background: -o-radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(47, 52, 56, 1) 99%); background: -ms-radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(47, 52, 56, 1) 99%); background: radial-gradient(center, ellipse cover, rgba(144, 160, 168, 1) 0%, rgba(47, 52, 56, 1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90a0a8', endColorstr='#2f3438', GradientType=1 );}
.rain_bg { background: #829eba; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiM4MjllYmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWE1ODc1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, #829eba 1%, #1a5875 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%, #829eba), color-stop(100%, #1a5875)); background: -webkit-radial-gradient(center, ellipse cover, #829eba 1%, #1a5875 100%); background: -o-radial-gradient(center, ellipse cover, #829eba 1%, #1a5875 100%); background: -ms-radial-gradient(center, ellipse cover, #829eba 1%, #1a5875 100%); background: radial-gradient(center, ellipse cover, #829eba 1%, #1a5875 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#829eba', endColorstr='#1a5875', GradientType=1 );}
.snow_bg {background: #207ce5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwN2NlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzU4OWJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #207ce5 0%, #589be2 39%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#207ce5), color-stop(39%,#589be2), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #207ce5 0%,#589be2 39%,#ffffff 100%); background: -o-linear-gradient(top,  #207ce5 0%,#589be2 39%,#ffffff 100%); background: -ms-linear-gradient(top,  #207ce5 0%,#589be2 39%,#ffffff 100%); background: linear-gradient(top,  #207ce5 0%,#589be2 39%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#ffffff',GradientType=0 );}
/*.snow_bg:after { background: url("images/mount.png") repeat scroll center 0 transparent;  bottom: -170px; content: ""; left:0; height: 530px; position: absolute; width: 100%;}*/
.drizzle_bg {background: #baf5ff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JhZjVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTY2NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #baf5ff 0%, #456665 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#baf5ff), color-stop(100%,#456665));background: -webkit-linear-gradient(top,  #baf5ff 0%,#456665 100%);background: -o-linear-gradient(top,  #baf5ff 0%,#456665 100%);background: -ms-linear-gradient(top,  #baf5ff 0%,#456665 100%);background: linear-gradient(top,  #baf5ff 0%,#456665 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baf5ff', endColorstr='#456665',GradientType=0 );}
.storm_bg { background: url("images/storm2.gif")  no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.hail_bg { background: #4287b2;background: -moz-radial-gradient(center, ellipse cover,  #4287b2 0%, #cceaea 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#4287b2), color-stop(100%,#cceaea));background: -webkit-radial-gradient(center, ellipse cover,  #4287b2 0%,#cceaea 100%);background: -o-radial-gradient(center, ellipse cover,  #4287b2 0%,#cceaea 100%);background: -ms-radial-gradient(center, ellipse cover,  #4287b2 0%,#cceaea 100%);background: radial-gradient(center, ellipse cover,  #4287b2 0%,#cceaea 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4287b2', endColorstr='#cceaea',GradientType=1 );}
/* ----------- STARS BASED ON THE CSS-TRICKS TUTORIAL ----------- */
.background { background:url("images/background.png") repeat 5% 5%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10;  -webkit-animation:STAR-MOVE 400s linear infinite; -moz-animation:STAR-MOVE 400s linear infinite; -o-animation:STAR-MOVE 400s linear infinite;}
@-webkit-keyframes STAR-MOVE { 
    from {left: 0; top: 0; } 
    to {left: -10000px; top: -2000px; }
}
@-moz-keyframes STAR-MOVE { 
    from {left: 0;	top: 0; } 
    to {left: -10000px;top: -2000px; }
}
@-o-keyframes STAR-MOVE { 
    from {left: 0;top: 0; } 
    to {left: -10000px;top: -2000px; }
}
.midground {background: url("images/midground.png") repeat 20% 20%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; -webkit-animation:STAR-MOVE2 500s linear infinite;-moz-animation:STAR-MOVE2 500s linear infinite;-o-animation:STAR-MOVE2 500s linear infinite;}
@-webkit-keyframes STAR-MOVE2 { 
    from {right: 0;top: 0; } 
    to {right: -1000px;top: -2000px; }
}
@-moz-keyframes STAR-MOVE2 { 
    from {right: 0;top: 0; } 
    to {right: -1000px;top: -2000px; }
}
@-o-keyframes STAR-MOVE2 { 
    from {right: 0;top: 0; } 
    to {right: -1000px;top: -2000px; }
}
.foreground { background: url("images/foreground.png") repeat 35% 35%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 30;  -webkit-animation:STAR-MOVE 300s linear infinite; -moz-animation:STAR-MOVE 300s linear infinite; -o-animation:STAR-MOVE 300s linear infinite;}
.tx-srlanguagemenu-pi1 {margin: 40px auto 0px auto; width: 90px;}
.tx-srlanguagemenu-pi1 .CUR { float: left; font-size: .8em; color: #F26D23;  font-weight: bold;}
.tx-srlanguagemenu-pi1 .CUR a { background-color: transparent; text-decoration: none; font-weight: bold; }
.tx-srlanguagemenu-pi1 .CUR a:focus, .tx-srlanguagemenu-pi1 .CUR a:hover, .tx-srlanguagemenu-pi1 .CUR a:active { color:#333333; }
.tx-srlanguagemenu-pi1 .NO { float: left; font-size: .8em; }
.tx-srlanguagemenu-pi1 .NO a { background-color:transparent; color:#000 !important; text-decoration:none; font-weight:bold; }
.tx-srlanguagemenu-pi1 .NO a:focus, .tx-srlanguagemenu-pi1 .NO a:hover, .tx-srlanguagemenu-pi1 .NO a:active { color:#333333; }
.tx-srlanguagemenu-pi1 .INACT { float: left; font-size: .8em; }
.tx-srlanguagemenu-pi1 .INACT a { background-color:transparent; color: #35006d; text-decoration: none; font-weight: normal; }
.tx-srlanguagemenu-pi1 .INACT a:focus, .tx-srlanguagemenu-pi1 .INACT a:hover, .tx-srlanguagemenu-pi1 .INACT a:active { color: #333333; }
.tx-srlanguagemenu-pi1 .SPC {  float: left; font-family: Verdana, sans-serif; font-size: .8em; line-height: 100%; color: #35006d; }

.ui-icon-sthot-Deutsch {background-image: url("/typo3conf/ext/sr_language_menu/flags/de.gif");background-size: 18px 18px;}
.ui-icon-sthot-Italiano {background-image: url("/typo3conf/ext/sr_language_menu/flags/it.gif");background-size: 18px 18px;}
.ui-icon-sthot-English {background-image: url("/typo3conf/ext/sr_language_menu/flags/en.gif");background-size: 18px 18px;}