@import url(/informatique/cache/jsn_metro_pro/84af55cd93ab96de1d2dc92b4a76e286.css); @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600); @import url(/informatique/cache/jsn_metro_pro/1816ed5c2014208f61091d1788c46f99.css); /* FILE: /templates/jsn_metro_pro/css/custom.css */ /*-----GENERAL LAYOUT-----*/body.jsn-homepage #jsn-mainbody-content {background:none;border:none;padding:0;}body.jsn-homepage #jsn-mainbody {padding: 0;}/*======== RIGHT MODULE =========*/.jsn-homepage #jsn-rightsidecontent.span4 {margin-left: 1.83%;}#jsn-content .custom .jsn-modulecontent {padding: 0;}#jsn-content #jsn-rightsidecontent div.jsn-modulecontainer.custom div.jsn-modulecontainer_inner {background: none;border: none;}.col-left {float: left;width: 65.7%;}.col-right {float: right;width: 31%;}#time img {float: left;}#time {text-align: right;font-size: 16px;text-align: right;padding: 21px 21px 22px;font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;margin-bottom: 10px;color: #fefefe;background-image:-moz-linear-gradient(2% 98% 21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);background-image:-webkit-gradient(linear,2% 98%,100% 1%,color-stop(0, rgb(123,0,70)),color-stop(1, rgb(157,0,89)));background-image:-webkit-linear-gradient(21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);background-image:-o-linear-gradient(21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);background-image:-ms-linear-gradient(21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);background-image:linear-gradient(21deg,rgb(123,0,70) 0%,rgb(157,0,89) 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7b0046,endColorstr=#ff9d0059,GradientType=1)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7b0046,endColorstr=#ff9d0059,GradientType=1);}#time span {font-size: 22px;display: block;}body.jsn-homepage #jsn-mainbody-content.jsn-hasmainbody {background: none;border: none;}div.galery {position: relative;overflow: hidden;}div.galery .caption {background: rgba(0,0,0,0.4);color: #fff;bottom: -150px;height: 70px;left: 0;width: 100%;display: inline-block;position: absolute;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}div.galery .caption h3,div.galery .caption p {padding: 0 5px;margin: 0 0 5px;color: #fff;}div.galery:hover .caption {bottom: 0;}/*======== CONTENT =========*/body.jsn-homepage #jsn-pos-content-top,body.jsn-homepage #jsn-pos-content-top .jsn-modulecontainer {background: none;}body.jsn-homepage #jsn-pos-content-top div.jsn-modulecontent {padding: 0;}body.jsn-homepage #jsn-content-top #jsn-pos-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner {text-align: center;margin: 0 10px 0 0;}body.jsn-homepage #jsn-content-top #jsn-pos-content-top div.jsn-modulecontainer:first-child + div + div + div div.jsn-modulecontainer_inner {margin-right: 0;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner div div p a {height:140px;display:block;text-align:center;position:inherit;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner div div p a:hover {text-decoration: none;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner div div p a img {display:inline-block;margin:20px 0;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner div div p span {display:block;text-align:left;position:absolute;bottom:25px;padding: 0 15px;float:left;color:#FFF;font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;font-size:16px;font-weight:300;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner #content-user:hover {background:#1e63a2;border:1px solid #2b85d7;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner #content-weather:hover {background:#7ea300;border:1px solid #9cca00;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner #content-setting:hover {background:#e89e00;border:1px solid #ffc600;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner #content-support:hover {background:#0096a9;border:1px solid #00b5cc;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner:hover img {margin: 20px 0 20px -30px;}body.jsn-homepage #jsn-content-top div.jsn-modulecontainer div.jsn-modulecontainer_inner:hover span {padding-left:35px}body.jsn-homepage #jsn-content.jsn-hasright #jsn-maincontent_inner {margin-right: -8px;}#jsn-article-demo {width: 100%;position: relative;overflow: hidden;background:#243b4a;height:320px;overflow:hidden;}#jsn-article-demo img {float:left;}#jsn-article-demo .demo-caption {width: 300px;float: right;padding: 10px 0;color: #fefefe;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;}#jsn-article-demo a {text-decoration:none;}#jsn-article-demo:hover .demo-caption {bottom: 0}#jsn-article-demo .demo-caption h2,#jsn-article-demo .demo-caption p {padding: 0 10px;margin: 5px 0 0;}#jsn-article-demo a {color: #fff;}#jsn-article-demo a.readmore {background: url(/informatique/templates/jsn_metro_pro/images/icons/narrow8.png) top left no-repeat;height: 35px;width: 35px;display: inline-block; text-indent: -999em;float: right;margin: 20px 20px 0 0;}body.jsn-direction-rtl #jsn-article-demo a.readmore {left: 16px;right: auto;background-position: 0 -104px;}/**SLIDER**/body.jsn-homepage #jsn-promo-inner,body.jsn-homepage #jsn-promo-inner div.jsn-modulecontainer,body.jsn-homepage #jsn-pos-content-top,body.jsn-homepage .label_skitter,body.jsn-homepage .box_skitter {background:none !important;}body.jsn-homepage .jsn-themeslider-caption-title,body.jsn-homepage .jsn-themeslider-caption-description {display:inline-block;}body.jsn-homepage .jsn-gallery .container_skitter .label_skitter {float: left;width: 40% !important;max-width: 50%;background: none;top: 10%;left: 0;opacity: 1;filter: alpha(opacity=100);}body.jsn-homepage .box_skitter .next_button {right:0;}body.jsn-homepage .box_skitter .prev_button {left:0;}body.jsn-homepage .box_skitter .info_slide_dots {background: none !important;}body.jsn-homepage .box_skitter .info_slide_dots .image_number {width: 15px !important;height: 15px !important;}/************************************************************************************ mobile layout (240 - 1023): common settings for both smartphone and tablet*************************************************************************************/@media only screen and (max-width: 960px), (max-device-width: 960px) {#jsn-article-demo {width: 100%;position: relative;}}/************************************************************************************ tablet layout (481 - 1023): arrange modules in 2 columns and 1 side bar*************************************************************************************/@media only screen and (min-width: 481px) and (max-width: 960px), (min-device-width: 481px) and (max-device-width: 960px) {#jsn-article-demo .demo-caption {width: 48%;}.col-left,.col-right {width: 49%;}.jsn-desktop .col-left{width: 65.7%;}.jsn-desktop .col-right {width:31%;}.tiles .live-tile {margin-right: 10px;}}/************************************************************************************smartphone layout (320 - 480): everything is layout in single column*************************************************************************************/@media only screen and (max-width: 480px), (max-device-width: 480px) {div.galery {width: auto;height: auto;}.col-left {max-width: 60%;margin-right: 10px;}.col-right {margin-right: 8px;}#jsn-article-demo .demo-caption {width: 290px;}body.jsn-desktop-on-mobile:not(.jsn-responsive) #jsn-article-demo .demo-caption {width: 45%;}div.galery img {max-width: 100%;}#jsn-article-demo {height: auto;}body.jsn-homepage .label_skitter p.jsn-themeslider-caption-title,body.jsn-homepage .label_skitter p.jsn-themeslider-caption-description {font-size: 12px !important;}body.jsn-homepage .jsn-gallery .container_skitter .label_skitter {max-width: 100%;width: 100% !important;}body.jsn-homepage .label_skitter p {font-size: 14px;}}@media only screen and (min-width: 719px) and (max-width: 960px), (min-device-width: 719px) and (max-device-width: 960px) and (orientation:portrait) {body.jsn-desktop-on-mobile:not(.jsn-responsive) #jsn-article-demo .demo-caption {width: 43%;}}@media only screen and (min-width: 721px) and (max-width: 960px), (min-device-width: 721px) and (max-device-width: 960px) and (orientation:portrait) {body.jsn-desktop-on-mobile:not(.jsn-responsive) #jsn-article-demo .demo-caption {width: 44%;padding: 0;}} /* FILE: /media/system/css/modal.css */ /** * SqueezeBox - Expandable Lightbox * * Allows to open various content as modal, * centered and animated box. * * @version1.3 * * @licenseMIT-style license * @authorHarald Kirschner * @authorRouven Weßling * @copyrightAuthor */#sbox-overlay {position: absolute;background-color: #000;left: 0px;top: 0px;}#sbox-window {position: absolute;background-color: #fff;text-align: left;overflow: visible;padding: 10px;/* invalid values, but looks smoother! */-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}#sbox-window[aria-hidden=true],#sbox-overlay[aria-hidden=true] {display: none;}#sbox-btn-close {position: absolute;width: 30px;height: 30px;right: -15px;top: -15px;background: url(/informatique/media/system/images/modal/closebox.png) no-repeat center;border: none;}.sbox-loading #sbox-content {background-image: url(/informatique/media/system/images/modal/spinner.gif);background-repeat: no-repeat;background-position: center;}#sbox-content {clear: both;overflow: auto;background-color: #fff;height: 100%;width: 100%;}.sbox-content-image#sbox-content {overflow: visible;}#sbox-image {display: block;}.sbox-content-image img {display: block;width: 100%;height: 100%;}.sbox-content-iframe#sbox-content {overflow: visible;}/* Hides scrollbars */.body-overlayed {overflow: hidden;}/* Hides flash (Firefox problem) and selects (IE) */.body-overlayed embed, .body-overlayed object, .body-overlayed select {visibility: hidden;}#sbox-window embed, #sbox-window object, #sbox-window select {visibility: visible;}/* Shadows */#sbox-window.shadow {-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);}.sbox-bg {position: absolute;width: 33px;height: 40px;}.sbox-bg-n {left: 0;top: -40px;width: 100%;background: url(/informatique/media/system/images/modal/bg_n.png) repeat-x;}.sbox-bg-ne {right: -33px;top: -40px;background: url(/informatique/media/system/images/modal/bg_ne.png) no-repeat;}.sbox-bg-e {right: -33px;top: 0;height: 100%;background: url(/informatique/media/system/images/modal/bg_e.png) repeat-y;}.sbox-bg-se {right: -33px;bottom: -40px;background: url(/informatique/media/system/images/modal/bg_se.png) no-repeat;}.sbox-bg-s {left: 0;bottom: -40px;width: 100%;background: url(/informatique/media/system/images/modal/bg_s.png) repeat-x;}.sbox-bg-sw {left: -33px;bottom: -40px;background: url(/informatique/media/system/images/modal/bg_sw.png) no-repeat;}.sbox-bg-w {left: -33px;top: 0;height: 100%;background: url(/informatique/media/system/images/modal/bg_w.png) repeat-y;}.sbox-bg-nw {left: -33px;top: -40px;background: url(/informatique/media/system/images/modal/bg_nw.png) no-repeat;}@-moz-document url-prefix() { .body-overlayed {overflow: visible; }} /* FILE: /modules/mod_2clicksocialbuttons/2clicksocialbuttons.css */ /** * @Copyright * @package 2CSB - 2 Click Social Buttons - Module * @author Viktor Vogel {@link http://www.kubik-rubik.de} * @version 2.5-3 - 2013-12-23 * @link Project Site {@link http://joomla-extensions.kubik-rubik.de/2csb-2-click-social-buttons} * * @license GNU/GPL * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see . */#social_bookmarks ul.social_share span.switch { background-attachment: scroll; background-color: transparent; background-image: url(/informatique/modules/mod_2clicksocialbuttons/images/switch.png); background-repeat: no-repeat; cursor: pointer; float: left; height: 12px; margin-bottom: 0; margin-left: 0; margin-right: 8px; margin-top: 4px; overflow: hidden; text-indent: -9999em; width: 23px;}#social_bookmarks ul.social_share span.switch.off { background-position: 0 0;}#social_bookmarks ul.social_share span.switch.on { background-position: 0 -12px;}#social_bookmarks ul.social_share li { height: 25px; overflow: hidden; background: none; padding: 0px !important; margin: 0px !important;}#social_bookmarks { margin: 2px 0;}#social_bookmarks ul.social_share li#facebook_button { width: 125px;}#social_bookmarks ul.social_share li#twitter_button { width: 100px;}#social_bookmarks ul.social_share li#googleplus_button { width: 80px;}#social_bookmarks ul.social_share li#loadall_button { width: 100px;}#social_bookmarks ul.social_share li#load_button_on { height: 0px !important;}#social_bookmarks ul.social_share li#info_button { padding-left: 30px !important;}.clear { clear: both;}.tip { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6) !important; border-radius: 3px; color: #FFFFFF; width: 300px; z-index: 13000;}.tip-title { font-size: 11px; font-weight: bold; margin: 0; padding: 8px 8px 4px;} /* FILE: /modules/mod_cookiesaccept/screen.css */ #ca_banner { position: fixed!important; z-index: 16777270; width: 100%!important; height: 80px; background: url(/informatique/modules/mod_cookiesaccept/img/przez.png); text-align: center; border-width: 1px 0 1px 0!important; border-style: solid!important; border-color: #fff!important; display: none; box-shadow: 0 0 40px #444; padding: 10px 0; left: 0; right: 0;float:none!important;text-shadow:none;border-radius: 0!important;margin: 0 auto!important;}#ca_info { background: #fff; height: 304px; left: 50%; margin-left: -350px; margin-top: -182px; margin-bottom:20px; position: fixed; top: 50%; width: 700px; box-shadow:0 0 40px #444; z-index:16777271; padding:30px; box-sizing:border-box; display:none; border:1px solid #999999text-shadow:none;}#ca_info .ca_info_close { position: absolute; top: -15px; right: -15px; color: #fff; font-weight: bold; height: 25px; width: 25px; border-radius: 16px; background: #AA0000 url(/informatique/modules/mod_cookiesaccept/img/close.png); text-align: center; line-height: 1.3em; font-size: 18px; cursor:pointer;}#ca_info_plus { box-sizing:border-box; overflow: auto; height: 254px; padding-right:10px;color:#000;text-align:left;}#ca_info_plus p{color:#000;text-align:left;font-size:12px;}#ca_banner p,#ca_banner h2 { margin:4px 0; padding:0; line-height:1.2em;color:#000;float:none!important;}#ca_banner h2 { font-size:20px; font-weight:bold;}#ca_banner p { font-size:14px}#ca_banner p span { text-decoration:underline; color:#0089F2; cursor: pointer; font-weight: bold;float:none!important;}#ca_banner .accept { cursor:pointer; font-size:14px; margin:5px auto; width:120px; background: #0089f2; padding:3px; border-radius:3px; text-shadow:1px 1px 0 #0072ca; color:#fff; background-image: -webkit-linear-gradient(#0089F2 0%, #0072ca 100%); background-image: -moz-linear-gradient(#0089F2 0%, #0072ca 100%); background-image: -o-linear-gradient(#0089F2 0%, #0072ca 100%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0089F2), to(#0072ca)); background-image: linear-gradient(#0089F2 0%, #0072ca 100%);float:none!important;}#ca_banner .accept:hover { box-shadow:0 0 15px #000;}