html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block} body{line-height:1} ol, ul{list-style:none} blockquote, q{quotes:none} blockquote:before, blockquote:after, q:before, q:after{content:''; content:none} table{border-collapse:collapse; border-spacing:0} /** Ismail M Date 02/2017 **/ #day-selection tr td { border:1px solid black; background-color: blue; color: white; font-family: calibri; } #infosAlertes { visibility: hidden; } #Notification { font-size : 20px; } #activer { position: absolute; display: block; top: -5px; width: 143px; height: 23px; text-align: center; background: url(../images/sprite.png) 0 -1000px no-repeat; padding-top: 8px; margin-left: 400px; margin-bottom: 10px; color: #0071B8; font-weight: bold; cursor: pointer; } body {background:#F5F5F5;font-family:arial; font-size:11px;color:#666;} #container {width:980px; padding:0px; height:100%; margin:0 auto; position: relative; background: url(../images/vague-magiline-top.png) no-repeat bottom;} hr{display:none;} a { text-decoration:none; color:#666;} a:hover { text-decoration:underline;} .clear { clear: both; } strong { font-weight: bold; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix {display: block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* Header */ header {position:relative; top:0; display:block; height:125px; width:980px;background: url(../images/vague-magiline-top.png) no-repeat 0 20px;} header hgroup {display:none;} header ul {text-align:right;margin-top:5px} header ul li {display:inline;} header ul li a.fr{margin-right:5px;} header ul li a.en{margin-left: 5px; margin-right:5px;} header ul li a.de{margin-left: 5px;} header ul li a.fr,header ul li a.en,header ul li a.de{display: inline-block;height: 14px;line-height: 14px;} header ul li a.fr span,header ul li a.en span, header ul li a.de span, .update-profile span.fr, .update-profile span.en, .update-profile span.de, .managebloc span.fr, .managebloc span.en, .managebloc span.de, .addBoitier span.fr, .addBoitier span.en, .addBoitier span.de{float:left;background-image:url(../images/drapeaux.png);background-position: no-repeat;height:14px;width:20px;margin-right:5px;} header ul li a.fr span, .update-profile span.fr, .managebloc span.fr, .addBoitier span.fr{background-position: -21px top;} header ul li a.en span, .update-profile span.en, .managebloc span.en, .addBoitier span.en{background-position: left top;} header ul li a.de span, .update-profile span.de, .managebloc span.de, .addBoitier span.de{background-position: -42px top;} header ul li a.fr:hover span, header ul li a.fr.active span{background-position: -21px -15px;} header ul li a.en:hover span, header ul li a.en.active span{background-position: left -15px;} header ul li a.de:hover span, header ul li a.de.active span{background-position: -42px -15px;} header aside { position: absolute; right: 2px; top:28px; } header aside p { position: relative; line-height: 13px; } header aside p.first { padding-right: 14px; } header aside a#logout { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 10px; background: url(../images/logout.png) no-repeat; cursor: pointer; } /* Nav connect */ nav#navigation { display: block; width: 980px; margin: 0 0 15px 0; position: relative; z-index: 0; } nav#navigation ul { margin-top: 0px; position: relative; border: 1px solid #EEE; -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); margin: 0; background: url(../images/background-menu-connect.png) repeat-x; } nav#navigation ul li { display: inline-block; margin: 10px 28px; } nav#navigation ul li.last { margin-right: 0; } nav#navigation ul li a { font-weight:bold; font-size:1.2em; color:#0071B8;} nav#navigation ul li.active a { text-decoration: underline; } nav#navigation ul li#navrow339, nav#navigation ul li#navrow340, nav#navigation ul li#navrow341, nav#navigation ul li#navrow342, nav#navigation ul li#navrow480, nav#navigation ul li#navrow509 { float: right; position: relative; width: 200px; height:30px; margin: 0; background:#0071B8; text-align: center; z-index: -10; margin-left: 773px; } nav#navigation ul li#navrow339 a, nav#navigation ul li#navrow340 a, nav#navigation ul li#navrow341 a, nav#navigation ul li#navrow342 a, nav#navigation ul li#navrow480 a, nav#navigation ul li#navrow509 a { line-height: 30px; color: #ffffff; } nav#navigation ul li#navrow339 a, nav#navigation ul li#navrow340 a, nav#navigation ul li#navrow341 a, nav#navigation ul li#navrow342 a, nav#navigation ul li#navrow480, nav#navigation ul li#navrow509 { text-decoration: none; } nav#navigation ul li#navrow339 a:hover, nav#navigation ul li#navrow340 a:hover, nav#navigation ul li#navrow341 a:hover, nav#navigation ul li#navrow342 a:hover, nav#navigation ul li#navrow480 a:hover, nav#navigation ul li#navrow509 a:hover { text-decoration: underline; } /* section content*/ #content {position:relative; top:0; display:block; width:94%;margin: 90px 3% 0; min-height:580px; height: 100%; } #id338 #content, #id36 #content, #id384 #content, #id517 #content { padding-right: 0; width: 980px; margin:0;} #content-connect {position:relative; top:0; display:block; min-height:720px; height: 100%; width:980px;} /* section content*/ #top {position:relative; top:0; display:block; height:320px; width:980px;background:url(../images/background-top.png) repeat-x; border:1px solid #EEE; -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);} #top-connect {position:relative; top:0; display:block; min-height:460px; width:980px;background:#EDEDED url(../images/background-main-connect.png) repeat-x; border:1px solid #EEE; -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);} #top-connect p {margin:10px;} #top-connect #meteo { position: absolute; width: 200px; height: 80px; top: 0; right: 24px; } #top-connect #meteo p { text-align: right; } #top-connect #meteo p strong { font-weight: bold; color: #0071B8; } #top-connect #meteo ul { float: right; margin: 10px 8px 0 0; } #top-connect #meteo ul li { position: relative; display: block; width: 60px; float: left; text-align: center; margin-left: 6px; cursor: pointer; } #id3 #top-connect #meteo, #id4 #top-connect #meteo { display: none; } #topInfos, #topInfos2{ position: absolute; display: block; border: 1px solid #666; padding: 5px; background: url(../images/background-nav-left.jpg) repeat; top: 50px; left: 19px; } #topInfos2 { left: 290px; } #topInfos3{ position: absolute; display: block; padding: 5px; top: 50px; right: 25px; } #topInfos h4, #topInfos2 h4 { font-weight: bold; } #topInfos p, #topInfos2 p { margin: 0; } /*slider */ .horinaja ul{position:relative;} .horinaja ul li{position: relative; background:transparent;display: block;top:0;} #content #video { position: relative; display: block; width: 425px; height: 300px; float: left; padding: 10px; } #content #video iframe { margin-top: 33px; } #content #homeslider { position: relative; display: block; width: 535px; height: 320px; } #content #homeslider li h4 { position: absolute; display: block; width: 238px; top: 50px; color: #000; font-weight: bold; font-size: 20px; z-index: 4; } #content #homeslider li p.desc { position: absolute; display: block; width: 204px; top: 100px; font-size: 15px; color: #999; z-index: 4; } #content #homeslider li a.more { position: absolute; display: block; width: 130px; height: 20px; top: 236px; left: 106px; background:url(../images/sprite.png) 0 -50px no-repeat; color: #0071B8; text-decoration: none; text-align: center; font-size: 16px; font-weight: bold; z-index: 6; padding-top: 4px;} .langde #content #homeslider li a.more{ height: 19px; font-size: 13px; padding-top: 5px; } #content #homeslider li img { position: absolute; top: 10px; right: 4px; z-index: 1;} #content #homeslider li p.legend { position: relative; display: block; text-align: right; margin: 270px 14px 0 0; color: #999; } .horinaja_pagination { position: absolute; display: block; width: auto; bottom: 8px; right: 24px; } .horinaja_pagination li { display: block; float: left; margin-right: 12px; } .horinaja_pagination li a { display: block; width: 12px !important; height: 12px; background: url(../images/sprite.png) 0px 0px no-repeat; cursor: pointer; text-indent: -999px; } .horinaja_pagination li:hover, .horinaja_pagination li a:hover { opacity: 1 !important; } /* Content Nav Left */ #top-connect #navLeft { position: relative; display: block; margin: 0 10px 10px 8px; float: left; height:500px; } #top-connect #navLeft h3 { position: relative; display:block; width: 144px; min-height: 17px; text-align: center; color: #fff; margin-bottom: 6px; padding-top: 2px; background: url(../images/background-h3-left.jpg) repeat-y; font-weight: bold; font-size: 13px;} #top-connect nav#navLeft ul { position: relative; display: block; width: 110px; border: 1px solid #ccc; padding: 14px 16px; background: #fff url(../images/background-nav-left.jpg) repeat-x; } #top-connect nav#navLeft ul li { display: block; border-bottom: 1px dashed #ccc; padding: 4px 4px 3px 4px; } #top-connect nav#navLeft ul li.hidden{display:none;} #top-connect nav#navLeft ul li a { font-weight: bold; color: #999; font-size: 11px; } #top-connect nav#navLeft ul li:hover { background: #d1d1d1; } #top-connect nav#navLeft ul.navReadInfo { padding: 0px 16px; } #top-connect #content { position: relative; display: block;} .template9 #top-connect nav#navLeft ul { padding: 2px 16px; } .template11 #top-connect nav#navLeft ul { padding: 0px 16px; } .template11 #top-connect nav#navLeft ul li { padding-top: 3px; } /* Block bas */ .block-pub{ position: relative; display:block; width:300px; height:157px;background:url(../images/background-block-pub.png) repeat-x; border:1px solid #EEE; color: #999; z-index:1;float:left;-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6); box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);} .block-pub h4{ font-size:1.5em;font-weight:bold;color:#1B5BA2;margin:5px;} #layerContent { display:block; height: 190px; } #first, #nb0 {margin: 20px 37px 0 0;} #id36 #first img { float: left; margin: 7px 4px 0 13px; } #first h4 { margin-left: 18px; background: url(../images/icon-telechargement.png) top right no-repeat; } #first p { font-size: 12px; margin-top: 3px; padding: 0 4px; float:left; } #first span { display: block; color: #000; font-weight: bold; font-size: 12px; padding: 5px 0; } #first p span { color: #999; font-size: 10px; } #first a.icon { position: relative; display: block; float: left; width: 22px; width: 36px; height: 22px; margin-top: 0px; margin-right: 22px; cursor: pointer; } #first a#ios { background: url(../images/sprite.png) -8px -100px no-repeat; margin-left: 20px; } #first a#android { width: 19px; background: url(../images/sprite.png) 0 -130px no-repeat; } #first a#blackberry { display: none; width: 26px; background: url(../images/sprite.png) 0 -160px no-repeat; margin-right: 0;} #second, #nb1 {margin: 20px 37px 0 0;} #last, #nb2 {margin: 20px 0 0 0; overflow: hidden;} #last h4 { background: url(../images/icon-mon-compte.png) top right no-repeat; margin: 5px 5px 16px 14px; } #last p { font-size: 12px; margin-left: 14px; } #last a#connexion { display: block; width: 151px; height: 24px; float: right; margin: 16px 16px 0 0; background: url(../images/sprite.png) 0 -200px no-repeat; color: #0071B8; text-decoration: none; text-align: center; font-size: 20px; font-weight: bold; padding-top: 4px; cursor: pointer; } #texte-bas {clear:both;position:relative;top:20px; margin-bottom: 30px;} #last div#sl { position: absolute; display: block; width: 2200px; left: 0; top: 0; } #last div#sl div { position: relative; display:block; width:300px; height:157px; float: left; } /*#last div#sl div.first { margin-right: 300px; }*/ #last div#sl div form { margin-left: 16px; } #last div#sl div form label, #content-connect form.form label,#content-connect form.form-contact label, #content-connect form.formConfig label { position: relative; display: block; width: 115px; height: 13px; float: left; font-size: 12px; padding-top: 5px; } #content-connect form.formConfig label, #content-connect form.form label.long{ width: 330px; clear: both; } #content-connect form.formConfig label.labellimite, #content-connect form.form label.long.labellimite{ width: 200px; line-height: 21px; clear: both; } #last div#sl div form input, #content-connect form.form input, #content-connect form.form-contact input, #content-connect form.form textarea { display: block; margin: 0; padding: 0; width: 148px; height: 18px; border: 1px solid #0071b8; color: #666; } #content-connect form.form button, #content-connect form.form-contact button[type="submit"], #content-connect form.formConfig button { float: right; display: block; width: 168px; height: 26px; border: none; background: url(../images/sprite.png) -800px -396px no-repeat; text-align: center; font-weight: bold; font-size: 14px; color: #999; padding: 0;} #content-connect form.form button:hover, #content-connect form.form button:focus,#content-connect form.formConfig button:hover,#content-connect form.formConfig button:focus { background: url(../images/sprite.png) -600px -396px no-repeat; cursor: pointer; color: #0071B8; } #content-connect form.form textarea { width: 396px; height: 150px; clear: left; } #last div#sl div form input:focus, #content-connect form.form input:focus, #content-connect form.form textarea:focus, #content #mes-bassins #mes-bassins-content div.bassin.mod .manage input:focus, #content-connect #myAccount div.blocAccount input:focus, #contactForm input:focus, #contactForm textarea:focus, #accName input:focus { border-color: #F29100 !important; } #last div#sl div form a#fpassword, #last div#sl div a#retour , #last div#sl div a#retour2 { display: block; float: left; margin-top: 18px; color: #999; font-style: italic; cursor: pointer; } #last div#sl div form p { margin: 5px 0; } #last div#sl div a#retour2 { margin-top: 0; } #last div#sl div form button {padding: 0; display: block; width: 130px; height: 24px; background:url(../images/sprite.png) 0 -50px no-repeat; color: #0071B8; text-align: center; font-size: 16px; font-weight: bold; padding-top: 0px; border: 0; float: right; margin: 10px 18px 0 0; cursor: pointer;} label.error {width: 398px !important; text-align: right; color:#C30; font-size:0.8em; margin:0; font-size: 10px !important; } #content-connect form.formConfig input {margin-top: 10px; float: left; } #content-connect form.formConfig button { clear: both; margin-right: 184px; } #id141 #content-connect form.formConfig button, #id109 #content-connect form.formConfig button { clear: both; margin-right: 38px; } #id141 #content h4.actuel, #id109 #content h4.actuel { margin-bottom: 0px !important; } /* Content */ #top-connect #content p { margin: 0; } .template4 #content h4, .template17 #content h4, .template34 #content h4 { font-size: 14px; font-weight: bold; color: #0071B8; margin: 0 0 10px 0;} .template4 #content h4 a, .template17 #content h4 a, .template34 #content h4 a{ font-size: 14px; font-weight: bold; color: #0071B8; margin: 0 0 10px 0;} .template9 #content h3, .template4 #content h3, .template17 #content h3, .template34 #content h3, .template29 #content h3, .template30 #content h3, .template37 #content h3 { display: block; float: left; width: 100%; color: #000; font-size: 13px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 13px; margin-bottom: 24px; } .template9 #content h3 { width:80%; } #id7 #content div.textAide, #id232 #content div.textAide, #id52 #content div.textAide{margin-left:20px;} #id7 #content article h4 img, #id232 #content article h4 img, , #id52 #content article h4 img{ float:left;margin-right:5px;} #id7 #content article ul, #id232 #content article ul, #id52 #content article ul{ margin: 10px 0 10px 10px;} #id7 #content article ul li, #id232 #content article ul li, #id52 #content article ul li{ margin: 0 0 5px;} #id7 #content article ul li li, #id232 #content article ul li li, #id52 #content article ul li li{ list-style-type:disc;list-style-position:inside;} #content article { margin: 0 0 10px 0; } /* Update Profile */ #content-connect .update-profile p.valid, p.validBoitier { font-size: 12px; color: green; } #content-connect form.form { } #content-connect form.form input,#content-connect form.form-contact input { width: 180px; } #content-connect #myAccount { position: relative; display: block; width: 100%; clear: both; margin-top: 90px; } #content-connect #myAccount div.blocAccount, .managebloc, #id228 .blocAccount, #id260 .blocAccount{ position: relative; display: block; width: 285px; float: left; border: 1px solid #666; padding: 10px 5px; margin-right: 20px; background: #F5F6F6; } #content-connect #myAccount div.blocAccount input, #content-connect .managebloc form.form input , #id228 .blocAccount form input, #id260 .blocAccount form input { width: 160px; border-color: #666; color: #0071B8; } #id228 .blocAccount form input{width: 140px;} #id228 .blocAccount form label { width: 143px !important; } #content-connect #myAccount div.last { margin-right: 0; width: 260px; } #content-connect #myAccount p.valid, #content-connect #myAccount p.error, #id228 .blocAccount p.error { font-weight: bold; color: #0c3; } #id228 .blocAccount .error { position: relative; display: block; width: 280px; color:red; padding-top: 4px; clear: both; } #content-connect #myAccount p.error { color: #f03; } .managebloc textarea { width: 275px !important; height: 240px !important; } .managebloc.last { margin-right :0 !important; } /* Contact */ #contactForm { position: relative; display: block;border: 1px solid #666; padding: 10px 5px; background: #F5F6F6; float: left; } #contactForm label { width: 216px !important; } #contactForm #listFormules label { width: 133px !important; } #contactForm input, #contactForm textarea { border-color: #666 !important ; } #contactForm button { margin-top: 6px; } /* Fiche */ #id9 .bloc h4 {} .bloc .fiche { display: block; float: left; width: 240px; height: 70px; padding: 10px;} .bloc .fiche p { line-height: 14px; } .bloc .fiche img { display: block; float: left; margin: 5px 5px 0 0; } /* Gardiennage */ #content form #listFormules { display: block; margin: 15px 0; } #content form #listFormules input { width: auto !important; height: auto !important; float: left; margin: 0px 10px 0 0; } #content #sliderFormules { position: relative; display: block; width: 470px; height: 200px; overflow: hidden; float: right; margin: 12px 40px 0 0;} #content #sliderFormules ul { float: left; margin: 0 0 6px 0; } #content #sliderFormules ul li { position: relative; display: block; width: 120px; height: 19px; border: none; background: url(../images/sprite.png) -800px -500px no-repeat; text-align: center; font-weight: bold; font-size: 14px; color: #999; padding: 0; float: left; padding-top: 3px; margin-right: 5px; cursor: pointer; } #content #sliderFormules ul li.active, #content #sliderFormules ul li:hover { background: url(../images/sprite.png) -600px -500px no-repeat;color: #0071B8; } #content #sliderFormules #sliderFormuleContent { position: relative; display: block; width: 3600px; height: 200px; clear: both; } #content #sliderFormules #sliderFormuleContent div { position: relative; display: block; width: 450px; height: 180px; float: left; background: none; padding: 10px; } p.valid, p.validBoitier { display: block; width: 400px; color: #0c3; font-size: 11px; margin-top: -10px; } p.validBoitier { position: absolute; width: 220px; height: 33px; top: -60px; left: 238px; margin: 0; display: block; border: 1px solid #666; padding: 5px; background: url(../images/background-nav-left.jpg) repeat; color: #444; font-weight: bold; } /* Table */ .generaleTable, .generaleTable2, .sortTable, .generaleTable3, .generaleTable4 { position: relative; display: block; width: 100%; margin: auto; } .template11 .generaleTable, .template11 .generaleTable2, .template11 .sortTable, .template11 .generaleTable3, .template11 .generaleTable4, .template9 .generaleTable, .template9 .generaleTable2, .template9 .sortTable, .template9 .generaleTable3, .template9 .generaleTable4, .template12 .generaleTable, .template12 .generaleTable2, .template12 .generaleTable3, .template12 #listeBassins, .template12 .generaleTable4, .template21 .generaleTable, .template21 .generaleTable2, .template21 .generaleTable3, .template21 #listeBassins, .template21 .generaleTable4, .template35 .generaleTable, .template35 .generaleTable2, .template35 .generaleTable3, .template35 #listeBassins, .template35 .generaleTable4, .template24 #listeBassins, .template24 .generaleTable, .template24 .generaleTable4, .template40 .generaleTable, .template40 .generaleTable2, .template40 .sortTable, .template40 .generaleTable3, .template40 .generaleTable4 { width: 82%; } .generaleTable tr td, .generaleTable tr th, .generaleTable2 tr td, .generaleTable2 tr th, .sortTable tr th, .sortTable tr td, .generaleTable3 tr td, .generaleTable4 tr td { text-align:center;vertical-align:middle;border-collapse: collapse; border: 1px solid #D3D3D3; padding: 5px;} .generaleTable3 tr td {max-width: 500px;} .generaleTable thead tr th.header, .generaleTable2 thead tr th.header, .sortTable thead tr th.header , .generaleTable3 tr th.header, .generaleTable4 tr th.header{ background: url(../images/tri-desc.png) center right no-repeat; padding-right: 24px;} .generaleTable thead tr th.headerSortDown, .generaleTable2 thead tr th.headerSortDown, .sortTable thead tr th.headerSortDown { background: url(../images/tri-asc.png) center right no-repeat; } .generaleTable thead tr th.noSort, .generaleTable2 thead tr th.noSort , .sortTable thead tr th.noSort { background: none; } .sortTable thead tr th.noSort { background: #fff; padding: 0 5px !important; height: 18px; } .generaleTable tr:nth-child(even), .generaleTable2 tr:nth-child(even), .sortTable tr:nth-child(even) { background: #efefef; } .generaleTable thead tr th, .generaleTable2 thead tr th, .sortTable tr th { text-align: left; font-weight: bold; font-size: 1.2em; cursor: pointer; background: #fff; color: #0071B8;padding-top: 10px; } .versionTable { margin-top: 30px; } .versionTable thead tr th { cursor: default; } .versionTable tr td { vertical-align: middle; } .versionTable tr td.desc { text-align: left; } .versionTable tr td.desc ul li { list-style: disc; } .versionTable tr td.desc ul { padding: 0 0 0 20px; } .versionTable .dlpdf { width: 40px; height: 40px; display: block; background: url(../images/pdf.png); margin:auto; } .versionTable .download { width: 40px; height: 40px; display: block; background: url(../images/download.png); margin:auto; } .generaleTable thead tr th.normal, .generaleTable2 thead tr th.normal, .sortTable thead tr th.normal { width: 90px; } .generaleTable thead tr th.long, .generaleTable2 thead tr th.long, .sortTable thead tr th.long { width: 120px; } .generaleTable thead tr th.vlong, .generaleTable2 thead tr th.vlong, .sortTable thead tr th.vlong { width: 226px; } #tableDBDE thead tr th.header{ font-size: 10px; } .generaleTable tr td, .generaleTable2 tr td, .sortTable tr td { text-align: center; } .generaleTable tr.st1 td,.generaleTable2 tr.st1 td, .sortTable tr.st1 td { color: #bababa; } #id99 .generaleTable, #id99 .sortTable, #id212 .generaleTable, #id212 .sortTable, #id177 .generaleTable, #id177 .sortTable { width: 100%; } #tableDB td.red, #tableDBDE td.red{background:#ff3300;} #tableDB td.green, #tableDBDE td.green{background:#08c122;} #tableDB td.orange, #tableDBDE td.orange{background:#FFA500;} #tableDB td.green a, #tableDB td.red a, #tableDB td.orange, #tableDB td.red, #tableDBDE td.green a, #tableDBDE td.red a, #tableDBDE td.orange, #tableDBDE td.red{color:#000;} #tableDB td, #tableDBDE td{vertical-align:middle;} .generaleTable thead input, .sortTable input { display: block; width: 100% !important; border: 1px solid #999; } .sortTable input:focus { border-color: #F29100 !important; } .pager { display: block; width: auto; float: right; margin: 10px 72px 0 0; } #pager {width: 100%; float: none; margin: 0; } .pagerBottom { position: absolute; right: 0;bottom:20px;} .pagerTop { position: absolute;right: 0;top:0;} #pager .pagesize{display:none;} .pager form img, #pager form img { display: block; float: left; margin-top: 2px; } .pager form input, #pager form input { margin: 0; padding: 0; width: 58px; height: 16px; border: 1px solid #D3D3D3; color: #666; float: left; margin: 0 6px; text-align: center; } .pager form select { margin: 0; padding: 0; border: 1px solid #D3D3D3; color: #666; margin: 0 10px; } /*footers */ #legal-footer{position:relative;display:block;width:980px;height:14px; background:#FFF;} #legal-footer ul {position:absolute; right:0px;top:0px;} #legal-footer ul li {display:inline;margin: 0 5px;} footer {position:relative;top:10px; text-align:right; font-size:0.92em;} /* Espace Distributeurs */ a.ajout { display: block; width: 130px; position: relative; padding: 5px; background: #2CE80C; font-size: 14px; font-weight: bold; color: #fff; text-align: center; border: 1px solid #000; border-radius: 5px; -moz-border-radius: 5px; } a.delete { display: block; width :20px; height: 20px; background: url(../images/delete.png) center no-repeat; } a.edit { display:block; width:20px; height: 20px; background: url(../images/css.png) center no-repeat; } /* Mes Piscines */ #mes-piscines .piscine, #mes-bassins div.bassin, #actuelle { position: relative; display: block; width: 938px; height: 320px; background: url(../images/ma-piscine.png) right top no-repeat; } #actuelle { width: 770px; float: left; } #content #mes-bassins, .template9 #content #mes-bassins { position: relative; display: block; width: 100%; height: 350px; overflow: hidden; clear: both; } #content #mes-bassins ul {position: absolute; top: 0; left: 0; z-index: 90; } #content #mes-bassins ul li { position: relative; display: block; width: 143px; height: 23px; text-align: center; padding-top: 8px; margin-bottom: 10px; color: #0071B8; font-weight: bold; cursor: pointer; font-size: 13px; } #content #mes-bassins ul li.active, #content #mes-bassins ul li:hover { background: url(../images/sprite.png) 0 -1000px no-repeat; } #content #mes-bassins #mes-bassins-content, #content #mes-bassins #mes-bassins-content-distri { position: relative; display: block; width: 13600px; height: 320px; clear: both; } #content #mes-bassins #prev, #content #mes-bassins #next { position: absolute; display: block; z-index: 30; width: 29px; height: 49px; top: 50%; margin-top: -25px; cursor: pointer; } #content #mes-bassins #prev { left: 0; background: url(../images/sprite.png) -600px -300px no-repeat; } #content #mes-bassins #next { right: 0; background: url(../images/sprite.png) -700px -300px no-repeat; } #content #mes-bassins #mes-bassins-content div.bassin { position: relative; display: block; width: 938px; height: 320px; float: left; padding: 0px; margin-right: 20px;} #content #mes-bassins #mes-bassins-content div.bassin.mod { background: none; } #content #mes-bassins #mes-bassins-content div.bassin.mod .manage { display: block; width: 285px; float: left; border: 1px solid #666; padding: 10px 5px; margin-right: 10px; background: #F5F6F6; } #content #mes-bassins #mes-bassins-content div.bassin.mod .manage.last { margin-right: 0; } #content #mes-bassins #mes-bassins-content div.bassin.mod .manage input { width: 160px; border-color: #666; color: #0071B8; } #content #mes-bassins #mes-bassins-content div.bassin.mod .form { margin-top: 90px; } #content #mes-bassins #mes-bassins-content div.bassin.mod .form button { margin: 9px 26px 0 0 ; } #content #mes-bassins #mes-bassins-content div.bassin .generale, #content #mes-bassins #mes-bassins-content div.bassin .infos { position: absolute; left: 200px; } #content #mes-bassins #mes-bassins-content div.bassin .infos, #actuelle .infos {margin-top: 80px; } #content #mes-bassins #mes-bassins-content div.bassin div.informations, #actuelle .informations { position: absolute; display: block; width: auto; right: 132px; bottom: 105px;} #content #mes-bassins #mes-bassins-content div.bassin div.informations div, #actuelle .informations div { display: block; float: left; padding: 0 10px; } .alertes, .topAlertes, #alertSession, .topAlertesUser { position: absolute; display: block; width: 257px; height:36px; padding-left: 40px; background: url(../images/sprite.png) -600px -800px no-repeat; right: 195px; } .poolInfo { position: relative; display: block; clear: both; width: 257px; min-height:36px; padding-left: 40px; background: url(../images/sprite.png) -600px -950px no-repeat; z-index: 80; } .topAlertes { top: 55px; right: 275px; } #id119 .topAlertes, #id191 .topAlertes , #id271 .topAlertes, .topAlertesUser, #id437 .topAlertes { top: 20px; right: auto; left: 0; width: 230px; } .alertes p, .topAlertes p, .poolInfo p, #alertSession p, .topAlertesUser p { display: block; display: block; height: 23px; padding: 5px; border: 1px solid #666; } .topAlertes p, .poolInfo p, .topAlertesUser p { margin: 0 !important; } .poolInfo p { width: 540px; padding-top: 10px; height: auto; } .alertes p a, .topAlertes p a, .topAlertesUser p a{ float: right; color: #0071b8; } #alertSession { position: relative; right: auto; } #alertSession p { background: #fff; } #mes-bassins div.bassin a.consult { position: absolute; bottom: 0; left: 482px; display: block; width: 218px; height: 57px; background: url(../images/sprite.png) -300px -900px no-repeat; } #mes-bassins div.bassin a.consult:hover {background: url(../images/sprite.png) 0 -900px no-repeat; } .langen #mes-bassins div.bassin a.consult { background: url(../images/sprite-en.png) -300px -900px no-repeat; } .langen #mes-bassins div.bassin a.consult:hover {background: url(../images/sprite-en.png) 0 -900px no-repeat; } .langde #mes-bassins div.bassin a.consult { background: url(../images/sprite-de.png) -300px -900px no-repeat; } .langde #mes-bassins div.bassin a.consult:hover {background: url(../images/sprite-de.png) 0 -900px no-repeat; } .template9 #content #mes-bassins { clear: none; } .template9 #content #mes-bassins #mes-bassins-content div.bassin, .template9 #mes-bassins div.bassin, .template9 #content #mes-bassins { background: none; width: 770px !important; } .template9 #content #mes-bassins ul li { float: left; margin-right: 6px; } /* ALERTES */ #content .empty-alerts { font-size:16px; font-weight:bold; text-align:center; } #content table.alertes_magiline {} #content table.alertes_magiline th,#content .alert-container .alert-title {border:solid 1px #999; padding: 0 3px; background:#0071B8; color:white; font-weight:bold; text-align:center; vertical-align:middle;} #content table.alertes_magiline td, #content .alert-container .alert-visu {border:solid 1px #999; padding: 0 3px; color:black; text-align:center; vertical-align:middle;} #content table.alertes_magiline td.alerte {background:#f7e4e4; font-weight:bold;} #content table.alertes_magiline td a { display: block; width: 100%; height: 100%; cursor: pointer; padding: 3px 0; } #content a#regAlertes { position: absolute; display: block; top: -60px; width: 143px; height: 23px; text-align: center; background: url(../images/sprite.png) 0 -1000px no-repeat; padding-top: 8px; margin-bottom: 10px; color: #0071B8; font-weight: bold; cursor: pointer; font-size: 13px; } .langde #content a#regAlertes{ height: 27px; padding-top: 4px; } #id106 #content a#regAlertes { left: 162px; } #buttonAccessPool{ display: block; width: 143px; height: 23px; text-align: center; background: url(../images/sprite.png) 0 -1000px no-repeat; padding-top: 8px; margin-bottom: 10px; color: #0071B8; font-weight: bold; cursor: pointer; font-size: 13px; } #content .column-6{ float: left; width: 46%; margin: 0 2%; } #content a.btn-install{ background: #F9F9F9; border: 1px solid #F8F8F8; box-shadow: inset 0 0 5px rgba(0,0,0,0.5), inset 0 -1px 0 rgba(255,255,255,0.4); moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5), inset 0 -1px 0 rgba(255,255,255,0.4); webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5), inset 0 -1px 0 rgba(255,255,255,0.4); font-size: 2em; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px; width: 70%; display: block; text-align: center; margin: 0 auto; line-height: 40px; text-transform: uppercase; } .langde #content a.btn-install{ width: 80%; } #content a.btn-install:hover{ background: #252627; color: #3F9CC6; } #content button.btn-install, #content button.btn-install:focus, #content-connect button.btn-install, #content-connect button.btn-install:focus{ background: #F9F9F9; border: 1px solid #F8F8F8; box-shadow: inset 0 0 5px rgba(0,0,0,0.5), inset 0 -1px 0 rgba(255,255,255,0.4); moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.5), inset 0 -1px 0 rgba(255,255,255,0.4); webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5), inset 0 -1px 0 rgba(255,255,255,0.4); font-size: 2em; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px; width: 70%; display: block; text-align: center; margin: 0 auto; line-height: 40px; text-transform: uppercase; color:#666; outline: none; } #content button.btn-install span{ font-size:0.5em; } #id142 ul#historique li a, #id144 ul#historique li a, #id181 ul#historique li a, #id216 ul#historique li a { cursor: pointer; } #id142 #content #details, #id144 #content #details, #id181 #content #details , #id216 #content #details { position: absolute; display: none; width: 300px; top: 50px; right: 184px; background: #fff; border: 2px solid #ccc; padding: 10px; } /* Buttons Gestion Piscine */ #content #manage {position: relative; display: block; float: left;width: 82%; height:350px; } div.managePool, div.managePool2 { position: relative; display: block; width: 200px; float: left; margin-right: 10px; } div.managePool2 { width: 375px; min-height: 100px; } div.managePool #charts { float: right; } div.managePool #charts a { display: block; width: 147px; height: 42px; padding-top: 108px; background: url(../images/sprite.png) -600px -600px no-repeat; color: #000; font-size: 13px; font-weight: bold;} div.managePool2 select { display: block; border: 1px solid #0771B5; width: 180px; } #content h4.actuel { display: block; float: left; width: 590px; color: #000; font-size: 13px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 13px; margin-bottom: 24px; } #content h4.actuel.marge { margin-top: 20px; } #content h4.actuel span, div.managePool #charts a span { font-weight: normal; color: #0771B5; margin-right: 10px; } #id107 #content h4.actuel { margin: 10px 0; } #content h4.actuel.nomarge { margin: 0 0 6px 0; } #id108 #content h4.actuel.nomarge { width: 100%; } a.button, a.buttonMini,a.buttonParam, a.buttonSwitch, a.buttonActif, a.buttonPassif, a.buttonA, a.etallonage, a.buttonDistri { position: relative; display: block; width: 196px; height: 46px; cursor: pointer; margin-bottom: 12px;} a.button.auto.on0 { background: url(../images/sprite.png) -300px -300px no-repeat; } a.button.manuel.on0 { background: url(../images/sprite.png) -300px -700px no-repeat; } .langde a.button.auto.on0 { background: url(../images/sprite-de.png) -300px -300px no-repeat; } .langde a.button.manuel.on0 { background: url(../images/sprite-de.png) -300px -700px no-repeat; } a.button.auto, a.button.auto.on1, a.button.auto:hover { background: url(../images/sprite.png) 0 -300px no-repeat; } .langde a.button.auto, .langde a.button.auto.on1, .langde a.button.auto:hover { background: url(../images/sprite-de.png) 0 -300px no-repeat; } a.button.manuel, a.button.manuel.on1, a.button.manuel:hover { background: url(../images/sprite.png) 0 -700px no-repeat; } .langde a.button.manuel, .langde a.button.manuel.on1, .langde a.button.manuel:hover { background: url(../images/sprite-de.png) 0 -700px no-repeat; } .langen a.button.manuel.on1,.langen a.button.manuel:hover { background: url(../images/sprite-en.png) 0 -700px no-repeat; } .langde a.button.manuel.on1,.langen a.button.manuel:hover { background: url(../images/sprite-de.png) 0 -700px no-repeat; } .reglage-new label { display: block; float: left; width: 60px; font-size: 11px; text-align: center; } div.reglage-new { padding-left: 25px; font-family: calibri; font-size : 120%; display: inline; /* Needs prefixing */ -webkit-box-decoration-break: clone; box-decoration-break: clone;} div.reglage-new span { position: relative; display: block; float: left; width: 50px; height :36px; cursor: pointer; background: url(../images/sprite.png) -300px -1350px no-repeat;padding-left: 25px; font-family: calibri; font-size : 120%; display: inline; } a.buttonMini,a.buttonParam { height: 36px; margin-bottom: 6px; } a.buttonActif, a.buttonPassif, a.buttonA { height: 36px; margin-bottom: 6px; } a.buttonMini.m1.on0 {background: url(../images/sprite.png) -300px -400px no-repeat;} a.buttonMini.m2.on0 {background: url(../images/sprite.png) -300px -500px no-repeat;} .langde a.buttonMini.m1.on0 {background: url(../images/sprite-de.png) -300px -400px no-repeat;} .langde a.buttonMini.m2.on0 {background: url(../images/sprite-de.png) -300px -500px no-repeat;} a.buttonMini.m1:hover, a.buttonMini.m1.on1 {background: url(../images/sprite.png) 0 -400px no-repeat;} a.buttonMini.m2:hover, a.buttonMini.m2.on1 {background: url(../images/sprite.png) 0 -500px no-repeat;} .langde a.buttonMini.m1:hover, .langde a.buttonMini.m1.on1 {background: url(../images/sprite-de.png) 0 -400px no-repeat;} .langde a.buttonMini.m2:hover, .langde a.buttonMini.m2.on1 {background: url(../images/sprite-de.png) 0 -500px no-repeat;} a.buttonParam { background: url(../images/sprite.png) -300px -600px no-repeat; } a.buttonParam.on, a.buttonParam:hover { background: url(../images/sprite.png) 0 -600px no-repeat; } .langen a.buttonParam { background: url(../images/sprite-en.png) -300px -600px no-repeat; } .langde a.buttonParam { background: url(../images/sprite-de.png) -300px -600px no-repeat; } .langen a.buttonParam.on, .langen a.buttonParam:hover { background: url(../images/sprite-en.png) 0 -600px no-repeat; } .langde a.buttonParam.on, .langen a.buttonParam:hover { background: url(../images/sprite-de.png) 0 -600px no-repeat; } a.buttonMini.buttonParam { background: url(../images/sprite.png) -800px -1100px no-repeat; } .langen a.buttonMini.buttonParam { background: url(../images/sprite-en.png) -800px -1100px no-repeat; } .langde a.buttonMini.buttonParam { background: url(../images/sprite-de.png) -800px -1100px no-repeat; } a.buttonMini.buttonParam.on1, a.buttonMini.buttonParam.on, a.buttonMini.buttonParam:hover { background: url(../images/sprite.png) -500px -1100px no-repeat; } .langen a.buttonMini.buttonParam.on1, .langen a.buttonMini.buttonParam.on,.langen a.buttonMini.buttonParam:hover { background: url(../images/sprite-en.png) -500px -1100px no-repeat; } .langde a.buttonMini.buttonParam.on1, .langde a.buttonMini.buttonParam.on,.langde a.buttonMini.buttonParam:hover { background: url(../images/sprite-de.png) -500px -1100px no-repeat; } a.buttonSwitch { width: 201px; margin-top: -4px;} a.buttonSwitch.on { background: url(../images/sprite.png) -300px -800px no-repeat; } a.buttonSwitch.off { background: url(../images/sprite.png) -2px -800px no-repeat; } /** @author : Ismail M, Date : 02/2017 **/ a.buttonActif { background: url(../images/sprite2.png) -500px -1560px no-repeat; } a.buttonPassif { background: url(../images/sprite2.png) -807px -1560px no-repeat; } a.buttonA { background: url(../images/sprite2.png) -295px -70px no-repeat; } a.buttonA :hover { background: url(../images/sprite2.png) -295px -70px no-repeat; } a#modeBaignade { display: block; width: 410px; height: 38px; font-size: 18px; cursor: pointer; padding-top: 8px; text-align: center; text-transform: uppercase; background: url(../images/sprite.png) -500px -1200px no-repeat; text-decoration: none; } a#modeBaignade:hover { background: url(../images/sprite.png) -500px -1300px no-repeat; color: #1c82bb; } a.etallonage, a.buttonDistri { font-size: 18px; height: 38px; padding-top: 8px; text-align: center; text-transform: uppercase; background: url(../images/sprite.png) -300px -1500px no-repeat; margin-top: 10px; } a.etallonage:hover, a.etallonage.on, a.buttonDistri.on , a.buttonDistri:hover { background: url(../images/sprite.png) 0 -1500px no-repeat; text-decoration: none; color: #1c82bb; } a.etallonage.off { background: url(../images/sprite.png) -300px -1500px no-repeat; color: #666; } #manage p { clear: both; } #manage label { display: block; float: left; width: 100px; margin-top: 4px;height :20px; } #manage select { width: 150px; margin: 0; padding: 0; border: 1px solid #aaa; } #manage select option { font-size: 11px; } #pacset, .pacsetDistri, .isset { display: block; width: 302px; height: 30px; padding-top: 5px; } .managePool2 #pacset { height: 15px; } #pacset span, .managePool2 a.oui, .managePool2 a.non, .isset span { display: block; width: 55px; height: 30px; float: right; margin-top: -5px; cursor: pointer; } #indent span , .managePool2 a.oui, .managePool2 a.non, .isset span {display:block; width: 80px; height : 20px; float: right; margin-right: -10px ;margin-top: -5px; cursor: pointer ;} .pacsetDistri { width: auto !important; height: auto !important; float: left;} #pacset span.on, .isset span.on { background: url(../images/sprite.png) 0 -1300px no-repeat; } #indent span.on, .isset span.on {background: url(../images/sprite.png) 0 -1300px no-repeat; } .langen #pacset span.on,.langen .isset span.on { background: url(../images/sprite-en.png) 0 -1300px no-repeat; } .langde #pacset span.on,.langen .isset span.on { background: url(../images/sprite-de.png) 0 -1300px no-repeat; } #pacset span.off , .isset span.off { background: url(../images/sprite.png) -300px -1400px no-repeat; } .langde #pacset span.off , .langde .isset span.off { background: url(../images/sprite-de.png) -300px -1400px no-repeat; } .langen #pacset span.off ,.langen .isset span.off { background: url(../images/sprite-en.png) -300px -1400px no-repeat; } .langde #pacset span.off ,.langen .isset span.off { background: url(../images/sprite-de.png) -300px -1400px no-repeat; } #manage label.long { width: 123px; } #manage p#fPAC { display: block; width: 302px; margin-bottom: 16px; } #id121 #manage p#fPAC, #id290 #manage p#fPAC, #id439 #manage p#fPAC { margin: 20px 0 10px 0; } #cloture_date { display: block; width: 180px; height: 20px; float: right; background: url(../images/sprite.png) -600px -900px no-repeat; margin-top: -5px; text-align: center; color: #fff; padding-top: 4px; } #manage #horaireAutoPAC { width: 180px; } #manage p#fPAC span { display: block; float: right; } #manage p#fPAC span a { display: block; width: 55px; height: 17px; margin: -5px 5px 0 0; padding-top: 5px; float: left; text-align: center; background: url(../images/sprite.png) no-repeat -300px -1350px; cursor: pointer; text-decoration: none; } #manage p#fPAC span a:hover, #manage p#fPAC span a.on { background: url(../images/sprite.png) no-repeat 0px -1350px; color:#1c82bb; } #manage p#fPAC span a.last { margin-right: 0; } #cloture_date { margin-right : 185px !important; } #reglages, #infos1, #infos2, #infosActif { position: absolute; display: none; left: 210px; top: 50px; width: 360px; clear: left; background: #61BBD3 url(../images/background-reglages.png) top left repeat-y ; padding: 5px 10px; color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index:90; } #reglages.regPAC { position: absolute; left: 210px; top: 50px; } #reglages label, #reglages select , #reglages span, #infos1 label, #infos2 label, #infos1 select, #infos2 select, #infosActif label, #infosActif select { display: block; float: left; width: 60px; font-size: 11px; } #reglages label, #infos1 label, #infos2 label, #infosActif label { } #reglages label.day { width: auto; padding-top: 1px; float: left; } #reglages input { float: left; margin-right :5px;} #reglages span { width: 10px; text-align: center; padding-top: 3px; } #reglages span#tcval, #reglages span.tcval2 {display: inline; float: none; } #reglages select, .reglagesDistri select , #infos1 select, #infos2 select, #infosActif select { padding: 0; margin: 0; border: 1px solid #333; margin: 0 2px; } #reglages .clear { height: 3px; } #reglages select.long { width: 75px; } #infos1 div, #infos2 div, #infosActif div { display: block; margin-bottom: 10px; } #infos1 div p, #infos2 div p, #infosActif div p { line-height: 13px; } #reglages.pac { position: absolute; top: 50px; left: 470px !important; width: 300px !important; } #reglages.pac label { width: 50px; } #reglages.pac select { width: 55px; } #manage #save { position: absolute; display: block; width:130px; border: 1px solid #666; background: #F5F6F6; padding: 5px; top: 27px; right: 0; } #manage #save h4 { text-align: center; color: #0071b8; font-weight: bold; } #manage #save ul { margin : 10px 0; } #manage #save ul li { line-height: 14px; font-size: 10px; } #manage #save a { display: block; width: 120px; height: 19px; background: url(../images/sprite.png) -600px -500px no-repeat; text-align: center; font-weight: bold; font-size: 12px; padding-top: 4px; color: #0071b8; margin: auto; } #manage #save p img { display: block; margin: auto; } #manage #save a:hover { color: #fff; text-decoration: none; } #manage #save.maj p { margin: 2px 0; } #saveMod { cursor: pointer; } #reglages #step2 p, #reglages #step3 p { display: block; margin-bottom: 6px; } .title{ color: #000 !important; } .close { position: absolute; display: block; width: 10px; height: 10px; background: url(../images/sprite.png) -500px -1400px no-repeat; right: 10px; cursor: pointer; } #manage .bulle { position: absolute; display: none; width: 610px; top: 0; left: 0; background: #fff; padding: 10px; border: 1px solid #666; } #manage .bulle p { line-height: 1.2em; } #manage .bulle b, #manage .bulle strong { font-weight: bold; } #manage #infosAuto { width: 373px; top: 31px; left: 200px; z-index:99; } #manage #infosManuel { width: 373px; top: 31px; left: 410px; z-index:99; } #manage #infosReglages { width: 373px; top: 160px; left: 200px; z-index:99; } /* Distributeur */ .blocView { position: relative; display: block; float: left; width: 460px; } .blocView .generaleTable, .blocView .generaleTable2 { width: 450px !important; margin: 0 !important; } .blocView .generaleTable thead tr th, .blocView .generaleTable2 thead tr th {font-size: 1em; font-weight: normal; } .blocView .pager { margin: 10px 0px 0 0; } .blocView a.viewAll, .editPool, .viewAll { display: block; width: 168px; height: 20px; float: right; background: url(../images/sprite.png) -800px -400px no-repeat; color: #666; text-decoration: none; margin: 10px; text-align: center; padding-top: 5px; } .buttons{margin:10px 0;float:left;} .buttons span{float:left;display:block;line-height:20px;} .buttons .viewAll{float:left;margin:0 10px;} .buttons .viewAll.on {background: url(../images/sprite.png) -600px -400px no-repeat; color: #fff; text-decoration: none; } .editPool { float: left; margin-left: 0px;} .blocView a.viewAll:hover, .editPool:hover,.viewAll:hover { background: url(../images/sprite.png) -600px -400px no-repeat; color: #fff; text-decoration: none; } a.buttonDistri { margin: 0; } .managePool2 a.oui, .managePool2 a.non { float: left; margin: 5px; margin-top: 0px; } .managePool2 a.non.on, .managePool2 a.non.off:hover { background: url(../images/sprite.png) 0 -1400px no-repeat; } .managePool2 a.non.off { background: url(../images/sprite.png) -300px -1400px no-repeat; } .managePool2 a.oui.on, .managePool2 a.oui.off:hover { background: url(../images/sprite.png) 0 -1300px no-repeat; } .managePool2 a.oui.off { background: url(../images/sprite.png) -300px -1300px no-repeat; } .reglagesDistri { display: none; clear: both; } .reglagesDistri select option em { font-style: italic; } #manage .details { display: block; width: 296px; float: left; margin-bottom: 15px; } #manage .details h5 { font-size: 13px; font-weight: bold; color: #0771b5; margin-bottom: 6px; } #manage .details p { line-height: 13px; } #content #mes-formules-valid { position: absolute; left: 164px; top: -20px; } #content #mes-formules { position: relative; display: block; width: 776px; height: 350px; overflow: hidden; } #content #mes-formules ul {position: absolute; top: 0; left: 0; z-index: 90; } #content #mes-formules ul li { position: relative; display: block; float: left; width: 143px; height: 23px; text-align: center; padding-top: 8px; margin-right: 10px; color: #0071B8; font-weight: bold; cursor: pointer; font-size: 13px; } #content #mes-formules ul li.active, #content #mes-formules ul li:hover { background: url(../images/sprite.png) 0 -1000px no-repeat; } #content #mes-formules #mes-formules-content { position: relative; display: block; width: 13600px; height: 280px; clear: both; margin-top: 35px; } #content #mes-formules #mes-formules-content div.textcontent { position: relative; display: block; float: left; width: 776px; height: 280px; margin-right: 10px; } #content #mes-formules #mes-formules-content div.textcontent textarea { width: 770px; height: 260px; } #manage .grid { display: block; float: left; width :235px; height: 55px; padding: 3px 10px 0px 10px; } #manage .grid:hover { background: #d1d1d1; cursor: pointer; } #manage .grid h5 { font-weight: bold; color: #0771b5; } #manage .grid p { padding-left: 5px; line-height: 13px; } #managePool { display: none; } #managePool .managePool2 div.first {width: 360px; clear: left; background: #61BBD3 url(../images/background-reglages.png) top left repeat-y ; padding: 5px 10px; color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #managePool .managePool2 div p { font-size: 11px !important; line-height: 13px; } #managePool .managePool2 div.details { padding: 0px; border: 0; margin: 10px; background: none; width: auto; color: #999; } #accName { display: block; clear: both; } #accName label { width: 150px; } #accName input { display: block; margin: 0; padding: 0; width: 254px; height: 18px; border: 1px solid #0071b8; color: #666; } #accName button { margin: 10px 368px 0 0 !important; } .search, .searchD { position: relative; display: block; float: left; width: 250px; height: 60px; padding: 2px 10px; margin-bottom: 10px; border: 1px solid #999; background: url(../images/background-nav-left.jpg) repeat; } #searchAlertes { height: 70px; } #searchAlertes a { float: right; font-size: 10px; } .search h5, .searchD h5 { font-weight :bold; color: #0071B8; } .search form, .searchD form { margin-top: 5px; } .search form input, .searchD form input { display: block; margin: 5px 0; padding: 0; width: 150px; height: 18px; border: 1px solid #0071b8; color: #666; float: left; } .search form input:focus, .searchD form input:focus { border: 1px solid #f90; } .search form button, .searchD form button, #accName button { float: right; display: block; margin: 5px 0; background: transparent url(../images/sprite.png) -300px -1350px no-repeat; width: 55px; height: 20px; text-align: center; border: 0; cursor: pointer; color: #666; font-weight: bold; text-transform: uppercase; } .search form button:hover, .search form button:focus, .searchD form button:hover, .searchD form button:focus, #accName button:focus, #accName button:hover { color: #0071b8; background: transparent url(../images/sprite.png) 0px -1350px no-repeat; } .generaleTable.floatTable, .sortTable.floatTable { float: left !important; } /* JQUERY UI DATEPICKER*/ .ui-datepicker{width:17em;display:none;padding:.2em .2em 0;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{line-height:1.8em;text-align:center;margin:0 2.3em;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month-year{width:100%;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{text-align:center;font-weight:700;border:0;padding:.7em .3em;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;text-align:right;text-decoration:none;padding:.2em;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;border-left:0;border-right:0;border-bottom:0;margin:.7em 0 0;padding:0 .2em;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;cursor:pointer;width:auto;overflow:visible;margin:.5em .2em .4em;padding:.2em .6em .3em;}.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}.ui-datepicker-rtl{direction:rtl;}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}.ui-state-disabled{cursor:default!important;}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;background-image:url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-icons_222222_256x240.png);}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #aaa;background:#fff url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222;}.ui-widget-header{border:1px solid #aaa;background:#ccc url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121;}.ui-widget :active{outline:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636;}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-state-default .ui-icon{background-image:url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-icons_888888_256x240.png);}.ui-state-highlight .ui-icon{background-image:url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-icons_2e83ff_256x240.png);}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-icons_cd0a0a_256x240.png);}.ui-icon-carat-1-n{background-position:0 0;}.ui-icon-carat-1-ne{background-position:-16px 0;}.ui-icon-carat-1-e{background-position:-32px 0;}.ui-icon-carat-1-se{background-position:-48px 0;}.ui-icon-carat-1-s{background-position:-64px 0;}.ui-icon-carat-1-sw{background-position:-80px 0;}.ui-icon-carat-1-w{background-position:-96px 0;}.ui-icon-carat-1-nw{background-position:-112px 0;}.ui-icon-carat-2-n-s{background-position:-128px 0;}.ui-icon-carat-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-64px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-64px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:0 -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-off{background-position:-96px -144px;}.ui-icon-radio-on{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-khtml-border-bottom-left-radius:4px;border-bottom-left-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;-khtml-border-bottom-right-radius:4px;border-bottom-right-radius:4px;}.ui-widget-overlay{background:#aaa url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);}.ui-widget-shadow{background:#aaa url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;margin:-8px 0 0 -8px;padding:8px;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}.ui-widget-content a,.ui-widget-header a{color:#222;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-icons_222222_256x240.png);}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-active .ui-icon{background-image:url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/images/ui-icons_454545_256x240.png);}.ui-icon-seek-start,.ui-icon-seek-first{background-position:-80px -160px;} .ui-slider { position: relative; display: block; width: 304px; margin: 10px 0; text-align: left; background: url(../images/background-temp.jpg) repeat-y; } #sliderMAJ.ui-slider { background: #d1d1d1; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; background: #000; border-color: #000; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .template7 #content form.form { display: block; width: 300px; float: left; } .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px; line-height: 16px; overflow: hidden; } .ac_odd { background: #eee; } .ac_over { background: #efefef; } #content #actuelle .cam_link,#content .bassin .cam_link, #content .bassin .t_air, #content .bassin .pH, #content .bassin .mV, #content .bassin .t_eau { position: absolute; display: block; top: 20px; left: 445px; height: 36px; padding: 8px 0 0 40px; background: url(../images/sprite-icones.png) 0 0 no-repeat; color: #3E90C9; font-weight: bold;} #content .bassin .pH { left: 580px; background: url(../images/sprite-icones.png) 0 -100px no-repeat; } #content .bassin .mV{ left: 708px; background: url(../images/sprite-icones.png) 0 -150px no-repeat; } #content .bassin .t_eau{ top: 155px; background: url(../images/sprite-icones.png) 0 0 no-repeat; } #content .bassin .cam_link{left:340px;top: 40px;padding: 13px 0 0 40px;background: url(../images/sprite-icones.png) 0 -199px no-repeat;} #content #actuelle .cam_link,#content #actuelle .t_air, #content #actuelle .pH, #content #actuelle .mV, #content #actuelle .t_eau { position: absolute; display: block; top: 20px; left: 274px; height: 36px; padding: 8px 0 0 40px; background: url(../images/sprite-icones.png) 0 0 no-repeat; color: #3E90C9; font-weight: bold;} #content #actuelle .cam_link {left: 155px; top: 58px;padding: 13px 0 0 40px;background: url(../images/sprite-icones.png) 0 -199px no-repeat;} #content .video-stream {width:50%;float:left;} #content .video-stream img {display:block;width:90%;margin:0 auto;} #content #actuelle .pH { left: 400px; background: url(../images/sprite-icones.png) 0 -100px no-repeat; } #content #actuelle .mV{ left: 540px; background: url(../images/sprite-icones.png) 0 -150px no-repeat; } #content #actuelle .t_eau{ top: 160px; background: url(../images/sprite-icones.png) 0 0 no-repeat; } /* Mes Piscines Distributeurs*/ #mes-bassins-distri .deleteBassin {position: absolute; left: 627px; top: 74px; display: block; width: 130px; height: 15px; padding: 3px 0 0 24px; background: url(../images/delete.png) top left no-repeat; } #mes-piscines .piscine, #mes-bassins-distri div.bassin, #actuelle { position: relative; display: block; width: 938px; height: 320px; background: url(../images/ma-piscine.png) right top no-repeat; } #actuelle { width: 82%; float: left; } #content #mes-bassins, #content #mes-bassins-distri { position: relative; display: block; width: 100%; height: 350px; overflow: hidden; clear: both; } #content #mes-bassins-distri { height: 320px; float: left;width:82%; } #content #mes-bassins-distri ul {position: absolute; top: 0; left: 0; z-index: 90; } #content #mes-bassins-distri ul li { position: relative; display: block; width: 143px; height: 23px; text-align: center; padding-top: 8px; margin-bottom: 10px; color: #0071B8; font-weight: bold; cursor: pointer; font-size: 13px; } #content #mes-bassins-distri ul li.active, #content #mes-bassins-distri ul li:hover { background: url(../images/sprite.png) 0 -1000px no-repeat; } #content #mes-bassins-distri #mes-bassins-content, #content #mes-bassins-distri #mes-bassins-content-distri { position: relative; display: block; width: 100%; height: 320px; clear: both; } #content #mes-bassins-distri #prev, #content #mes-bassins-distri #next { position: absolute; display: block; z-index: 30; width: 29px; height: 49px; top: 50%; margin-top: -25px; cursor: pointer; } #content #mes-bassins-distri #prev { left: 0; background: url(../images/sprite.png) -600px -300px no-repeat; } #content #mes-bassins-distri #next { right: 0; background: url(../images/sprite.png) -700px -300px no-repeat; } #content #mes-bassins-distri #mes-bassins-content div.bassin { position: relative; display: block; width: 938px; height: 320px; float: left; padding: 0px; margin-right: 20px;} #content #mes-bassins-distri #mes-bassins-content div.bassin.mod { background: none; margin-top: -40px;} #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manage, #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manageSmall { display: block; width: 285px; height:210px; float: left; border: 1px solid #666; padding: 10px 5px; margin-right: 10px; background: #F5F6F6; } #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manageSmall { width: 122px !important; } #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manage.last, #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manageSmall.last { margin-right: 0; } #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manage input, #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manageSmall input { width: 160px; border-color: #666; color: #0071B8; } #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manageSmall input { width: 120px; } #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manageSmall select { display: block; width: 120px; height: 20px; background: #fff; border: 1px solid #666; padding: 0; margin: 0; cursor: pointer; } #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .manageSmall p { font-size: 12px; text-align: center; } #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .form { margin-top: 90px; } #content #mes-bassins-distri #mes-bassins-content div.bassin.mod .form button { margin: 9px 22px 0 0 ; } #content #mes-bassins-distri #mes-bassins-content div.bassin .generale, #content #mes-bassins-distri #mes-bassins-content div.bassin .infos { position: absolute; left: 200px; } #content #mes-bassins-distri #mes-bassins-content div.bassin .infos {margin-top: 60px; } #content #mes-bassins-distri #mes-bassins-content div.bassin div.informations { position: absolute; display: block; width: auto; right: 132px; bottom: 105px;} #content #mes-bassins-distri #mes-bassins-content div.bassin div.informations div { display: block; float: left; padding: 0 10px; } #mes-bassins-distri div.bassin a.consult { position: absolute; bottom: 0; left: 482px; display: block; width: 218px; height: 57px; background: url(../images/sprite.png) -300px -900px no-repeat; } #mes-bassins-distri div.bassin a.consult:hover {background: url(../images/sprite.png) 0 -900px no-repeat; } .template9 #content #mes-bassins-distri, .template21 #content #mes-bassins-distri, .template35 #content #mes-bassins-distri { clear: none; } .template9 #content #mes-bassins-distri #mes-bassins-content div.bassin, .template9 #mes-bassins-distri div.bassin, .template21 #content #mes-bassins-distri #mes-bassins-content div.bassin, .template21 #mes-bassins-distri div.bassin, .template35 #content #mes-bassins-distri #mes-bassins-content div.bassin, .template35 #mes-bassins-distri div.bassin{ background: none; width: 100% !important; height:320px;} .template9 #content #mes-bassins-distri ul li, .template21 #content #mes-bassins-distri ul li, .template35 #content #mes-bassins-distri ul li { float: left; margin-right: 6px; } .template9 #content #mes-bassins-distri ul li, .template21 #content #mes-bassins-distri ul li, .template35 #content #mes-bassins-distri ul li { font-size: 12px; padding-top: 6px; height: 25px; } .template9 #content #mes-bassins-distri ul li span, .template21 #content #mes-bassins-distri ul li span, .template35 #content #mes-bassins-distri ul li span { font-size: 10px; display: block; } #return { display: block; margin-bottom: 10px; cursor: pointer; font-size: 11px; color: #666; font-style: italic; } #id70 #top-connect #navLeft, #id87 #top-connect #navLeft { height: 340px; } #content .addBoitier { position: relative; display: none; width: 305px; float: left; border: 1px solid #666; padding: 10px 5px; margin: 0 0 5px 0; background: #F5F6F6; } #content #step22 { position: relative; display: none; width: 305px; float: left; height: 110px; margin: 0 20px 5px 0; } #content #step1 { display: block; } #content #step4 label { width: 170px; } #content #step4 label.long { width: 255px; margin-top:5px;} #content #step4 select { border: 1px solid #666; width: 133px !important; } #content #step4 input { width: 50px !important; margin-bottom: 20px; border: none; margin-top:8px;} #content .addBoitier.big { height: 160px; } #content .addBoitier#step2 { height: 87px; } #content .addBoitier h4{ font-size:1em;font-weight:bold;color:#1B5BA2; margin-bottom: 10px; } #content .addBoitier a.valid { margin-left:10px;display: block; float: right; cursor: pointer; width: 120px; height: 17px; border: none; background: url(../images/sprite.png) -800px -500px no-repeat; text-align: center; font-weight: bold; font-size: 11px; color: #999; padding-top: 5px; text-decoration: none; } #content .addBoitier a.valid:hover, #content #validBoitier:hover, #content #validBoitier:focus { background: url(../images/sprite.png) -600px -500px no-repeat; color:#1B5BA2; } #content .addBoitier p.error { display: block; height: 14px; color: red; } #content .addBoitier label.error { width: 298px !important; } #content #validBoitier { display: block; float: right; cursor: pointer; width: 120px; height: 22px; border: none; background: url(../images/sprite.png) -800px -500px no-repeat; text-align: center; font-weight: bold; font-size: 11px; color: #999; text-decoration: none;margin-left:10px; } #content .addBoitier a.annule { display: block; float: right; cursor: pointer; width: 120px; height: 17px; border: none; background: url(../images/sprite.png) -800px -500px no-repeat; text-align: center; font-weight: bold; font-size: 11px; color: #999; padding-top: 5px; text-decoration: none; } #content .addBoitier a.annule:hover { background: url(../images/sprite.png) -600px -500px no-repeat; color:#1B5BA2; } a#newSetup, #cloturer, #gererAlertes { position: absolute; right: 72px; top: 290px; display: block; font-size: 14px; height: 32px; width: 196px; padding-top: 11px; text-align: center; text-transform: uppercase; background: url(../images/sprite.png) -300px -1500px no-repeat; margin-top: 10px; text-decoration: none; cursor: pointer; } a#newSetup:hover, #cloturer:hover,#gererAlertes:hover { background: url(../images/sprite.png) 0px -1500px no-repeat; color: #0071b8; } #cloturer, #gererAlertes { position: relative; clear: both; right :auto; top: auto; margin: 15px 0 0 395px; } #gererAlertes { font-size: 13px; margin-right: 82px !important; float: right; cursor: pointer; } a#newSetup { right: 53px; top: 300px; } #step2.addBoitier.big { position: absolute; top: 163px; left: 162px; } #step3.addBoitier.big { position: absolute; top: 288px; left: 162px; height: 335px; } #step4.addBoitier { position: absolute; top: 33px; left: 492px; } #step5.addBoitier { position: absolute; top: 197px; left: 492px;} form.form #step5 input{ margin-top:5px; width: auto; float: left; margin-left: 5px; } form.form #step5 label{ margin-top:5px; padding: 0; margin-top: 5px; height: 18px; line-height: 18px; margin-left: 5px; width: auto; margin-right: 20px; } form.form #step5 .longLabel{ width: 100%; } /* infobulle */ a.infoBulle { position:relative;display: block; float: right; background: url(../images/bulle.png) no-repeat left; display: block; height: 19px; padding: 3px 0 0 26px; margin-top: -5px; cursor: pointer; } a.infoBulle span {display: none; z-index:99; position:absolute; } a.infoBulle:hover span { display:block; position:absolute; top:2em; left:0; width:15em; border:1px solid #666; background:#fff; color:#666; text-align: left; padding: 6px; font-size: 11px; z-index:99;} a.infoBulle:hover span { width: 200px; } /* LOADING DIV */ #timer { display: none; } #loadingChangementDiv {position:absolute; z-index:9999; top:0; left:0; display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.5);} #loadingChangementDiv #loadingMessage {position:absolute; top:50%; left:50%; margin:-40px 0 0 -100px; width:200px; height:80px; border-radius:10px; background: #444; } #loadingChangementDiv #loadingMessage h5 {margin:20px 0 10px; text-align:center; color:white; text-shadow:1px 1px 1px black; font-weight:bold; font-size:11px;} #loadingChangementDiv #loadingMessage #progressBarContainter {display:block; position:relative; width:160px; margin: 0 auto; height:5px; border-radius:5px; background-image: linear-gradient(bottom, rgb(148,148,148) 34%, rgb(0,0,0) 100%); background-image: -o-linear-gradient(bottom, rgb(148,148,148) 34%, rgb(0,0,0) 100%); background-image: -moz-linear-gradient(bottom, rgb(148,148,148) 34%, rgb(0,0,0) 100%); background-image: -webkit-linear-gradient(bottom, rgb(148,148,148) 34%, rgb(0,0,0) 100%); background-image: -ms-linear-gradient(bottom, rgb(148,148,148) 34%, rgb(0,0,0) 100%); background-image: -webkit-gradient( linear, left bottom,left top,color-stop(0.34, rgb(148,148,148)),color-stop(1, rgb(0,0,0)));} #loadingChangementDiv #loadingMessage #progressBarContainter #progressBar {display:block; height:5px; width:0px; background:white; display:block; border-radius:5px;} #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none}#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../images/fancybox.png')}#fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none}#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none}#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:0;display:none}#fancybox-outer{position:relative;width:100%;height:100%;background:#fff}#fancybox-content{width:0;height:0;padding:0;outline:0;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff}#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101}#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('../images/fancybox.png') -40px 0;cursor:pointer;z-index:1103;display:none}#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0}#fancybox-img{width:100%;height:100%;padding:0;margin:0;border:0;outline:0;line-height:0;vertical-align:top}#fancybox-frame{width:100%;height:100%;border:0;display:block}#fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:0;background:transparent url('blank.gif');z-index:1102;display:none}#fancybox-left{left:0}#fancybox-right{right:0}#fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block}#fancybox-left-ico{background-image:url('../images/fancybox.png');background-position:-40px -30px}#fancybox-right-ico{background-image:url('../images/fancybox.png');background-position:-40px -60px}#fancybox-left:hover,#fancybox-right:hover{visibility:visible}#fancybox-left:hover span{left:20px}#fancybox-right:hover span{left:auto;right:20px}.fancybox-bg{position:absolute;padding:0;margin:0;border:0;width:20px;height:20px;z-index:1001}#fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url('../images/fancybox-x.png')}#fancybox-bg-ne{top:-20px;right:-20px;background-image:url('../images/fancybox.png');background-position:-40px -162px}#fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url('../images/fancybox-y.png');background-position:-20px 0}#fancybox-bg-se{bottom:-20px;right:-20px;background-image:url('../images/fancybox.png');background-position:-40px -182px}#fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url('../images/fancybox-x.png');background-position:0 -20px}#fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url('../images/fancybox.png');background-position:-40px -142px}#fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url('../images/fancybox-y.png')}#fancybox-bg-nw{top:-20px;left:-20px;background-image:url('../images/fancybox.png');background-position:-40px -122px}#fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102}.fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative}.fancybox-title-outside{padding-top:10px;color:#fff}.fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left}#fancybox-title-over{padding:10px;background-image:url('fancy_title_over.png');display:block}.fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px}#fancybox-title-float-wrap{border:0;border-collapse:collapse;width:auto}#fancybox-title-float-wrap td{border:0;white-space:nowrap}#fancybox-title-float-left{padding:0 0 0 15px;background:url('../images/fancybox.png') -40px -90px no-repeat}#fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:bold;padding:0 0 3px 0;background:url('../images/fancybox-x.png') 0 -40px}#fancybox-title-float-right{padding:0 0 0 15px;background:url('../images/fancybox.png') -55px -90px no-repeat} .lienOublie { position: relative; display: block; width: 200px; font-size: 18px; height: 30px; padding-top: 10px; text-align: center; text-transform: uppercase; background: url(../images/sprite.png) -300px -1500px no-repeat; margin-left: 50px; text-decoration: none; cursor: pointer; } .lienOublie:hover { background: url(../images/sprite.png) 0 -1500px no-repeat; text-decoration: none; color: #1c82bb; } #id68 #myAccount .mdp{display:none !important;} .nonlu, .lu { display: block; height: 12px; padding: 4px 0 0 20px; background: url(../images/unread.png) left no-repeat; } .lu { background: url(../images/read.png) left no-repeat; color: #c9c9c9; } /* readonly */ a.buttonReadonly, a.buttonMiniReadonly,a.buttonParamReadonly, a.buttonSwitchReadonly { position: relative; display: block; width: 196px; height: 46px; cursor: pointer; margin-bottom: 12px;} a.buttonReadonly.auto.on0 { background: url(../images/sprite.png) -300px -300px no-repeat; } a.buttonReadonly.manuel.on0 { background: url(../images/sprite.png) -300px -700px no-repeat; } .langen a.buttonReadonly.auto.on0 { background: url(../images/sprite-en.png) -300px -300px no-repeat; } .langen a.buttonReadonly.manuel.on0 { background: url(../images/sprite-en.png) -300px -700px no-repeat; } .langde a.buttonReadonly.auto.on0 { background: url(../images/sprite-de.png) -300px -300px no-repeat; } .langde a.buttonReadonly.manuel.on0 { background: url(../images/sprite-de.png) -300px -700px no-repeat; } a.buttonReadonly.auto, a.buttonReadonly.auto.on1r { background: url(../images/sprite.png) 0 -300px no-repeat; } a.buttonReadonly.manuel, a.buttonReadonly.manuel.on1 { background: url(../images/sprite.png) 0 -700px no-repeat; } .langen a.buttonReadonly.auto, .langen a.buttonReadonly.auto.on1r { background: url(../images/sprite-en.png) 0 -300px no-repeat; } .langen a.buttonReadonly.manuel, .langen a.buttonReadonly.manuel.on1 { background: url(../images/sprite-en.png) 0 -700px no-repeat; } .langde a.buttonReadonly.auto, .langde a.buttonReadonly.auto.on1r { background: url(../images/sprite-de.png) 0 -300px no-repeat; } .langde a.buttonReadonly.manuel, .langde a.buttonReadonly.manuel.on1 { background: url(../images/sprite-de.png) 0 -700px no-repeat; } a.buttonMiniReadonly,a.buttonParamReadonly { height: 36px; margin-bottom: 6px; } a.buttonActifReadonly, a.buttonPassifReadonly {height: 36px; margin-bottom: 6px; } a.buttonMiniReadonly.m1.on0 {background: url(../images/sprite.png) -300px -400px no-repeat;} a.buttonMiniReadonly.m2.on0 {background: url(../images/sprite.png) -300px -500px no-repeat;} a.buttonMiniReadonly.m1.on1 {background: url(../images/sprite.png) 0 -400px no-repeat;} a.buttonMiniReadonly.m2.on1 {background: url(../images/sprite.png) 0 -500px no-repeat;} a.buttonParamReadonly { background: url(../images/sprite.png) -300px -600px no-repeat; } a.buttonParamReadonly.on { background: url(../images/sprite.png) 0 -600px no-repeat; } a.buttonActifReadonly { background: url(../images/sprite2.png) -300px -600px no-repeat; } a.buttonPassifReadonly { background : url(../images/sprite2.png) -290px -120px no-repeat; } a.buttonAReadonly { background: url(../images/sprite2.png) -290px -70px no-repeat; } .langen a.buttonMiniReadonly.m1.on0 {background: url(../images/sprite-en.png) -300px -400px no-repeat;} .langen a.buttonMiniReadonly.m2.on0 {background: url(../images/sprite-en.png) -300px -500px no-repeat;} .langen a.buttonMiniReadonly.m1.on1 {background: url(../images/sprite-en.png) 0 -400px no-repeat;} .langen a.buttonMiniReadonly.m2.on1 {background: url(../images/sprite-en.png) 0 -500px no-repeat;} .langen a.buttonParamReadonly { background: url(../images/sprite-en.png) -300px -600px no-repeat; } .langen a.buttonParamReadonly.on { background: url(../images/sprite-en.png) 0 -600px no-repeat; } .langde a.buttonMiniReadonly.m1.on0 {background: url(../images/sprite-de.png) -300px -400px no-repeat;} .langde a.buttonMiniReadonly.m2.on0 {background: url(../images/sprite-de.png) -300px -500px no-repeat;} .langde a.buttonMiniReadonly.m1.on1 {background: url(../images/sprite-de.png) 0 -400px no-repeat;} .langde a.buttonMiniReadonly.m2.on1 {background: url(../images/sprite-de.png) 0 -500px no-repeat;} .langde a.buttonParamReadonly { background: url(../images/sprite-de.png) -300px -600px no-repeat; } .langde a.buttonParamReadonly.on { background: url(../images/sprite-de.png) 0 -600px no-repeat; } a.buttonMiniReadonly.buttonParamReadonly { background: url(../images/sprite.png) -800px -1100px no-repeat; } a.buttonMiniReadonly.buttonParamReadonly.on { background: url(../images/sprite.png) -500px -1100px no-repeat; } .langen a.buttonMiniReadonly.buttonParamReadonly { background: url(../images/sprite-en.png) -800px -1100px no-repeat; } .langen a.buttonMiniReadonly.buttonParamReadonly.on { background: url(../images/sprite-en.png) -500px -1100px no-repeat; } .langde a.buttonMiniReadonly.buttonParamReadonly { background: url(../images/sprite-de.png) -800px -1100px no-repeat; } .langde a.buttonMiniReadonly.buttonParamReadonly.on { background: url(../images/sprite-de.png) -500px -1100px no-repeat; } a.buttonSwitchReadonly { width: 201px; margin-top: -4px;} a.buttonSwitchReadonly.on { background: url(../images/sprite.png) -300px -800px no-repeat; } a.buttonSwitchReadonly.off { background: url(../images/sprite.png) -2px -800px no-repeat; } .langen a.buttonSwitchReadonly.on { background: url(../images/sprite-en.png) -300px -800px no-repeat; } .langen a.buttonSwitchReadonly.off { background: url(../images/sprite-en.png) -2px -800px no-repeat; } .langde a.buttonSwitchReadonly.on { background: url(../images/sprite-de.png) -300px -800px no-repeat; } .langde a.buttonSwitchReadonly.off { background: url(../images/sprite-de.png) -2px -800px no-repeat; } #manage p#fPACReadonly { display: block; width: 302px; margin-bottom: 16px; } #manage p#fPACReadonly span { display: block; float: right; } #manage p#fPACReadonly span a { display: block; width: 55px; height: 17px; margin: -5px 5px 0 0; padding-top: 5px; float: left; text-align: center; background: url(../images/sprite.png) no-repeat -300px -1350px; cursor: pointer; text-decoration: none; } #manage p#fPACReadonly span a.on { background: url(../images/sprite.png) no-repeat 0px -1350px; color:#1c82bb; } .langen #manage p#fPACReadonly span a.on { background: url(../images/sprite-en.png) no-repeat 0px -1350px; color:#1c82bb; } .langde #manage p#fPACReadonly span a.on { background: url(../images/sprite-de.png) no-repeat 0px -1350px; color:#1c82bb; } #manage p#fPACReadonly span a.last { margin-right: 0; } /** End of Readonly **/ #sliderBaignade.grey, #sliderEco.grey, #sliderBaignade.grey a, #sliderEco.grey a { opacity: 0.5; } .dateUser { margin: 0; padding: 0; border: 1px solid #f29100; } #id3 .topAlertes, #id38 .topAlertes, #id386 .topAlertes{top:220px; right:195px;} p#lastUpdate { position: absolute; right :210px; top: 100px; } .langde p#lastUpdate{ right :210px; top: 114px; } #id121 h4.actuel span, #id41 h4.actuel span, #id22 h4.actuel span, #id157 h4.actuel span, #id290 h4.actuel span { font-size: 0.95em; font-style: italic; margin: 0 10px; color: #666; } #id222 #navigation, #id14 #navigation, #id57 #navigation, #id222 #meteo, #id14 #meteo, #id57 #meteo {display: none;} #id222 #content #manage , #id14 #content #manage, #id57 #content #manage, #id306 #content #manage, #id427 #content #manage { width: 100%; } #id222 #content #manage div , #id14 #content #manage div, #id57 #content #manage div, #id306 #content #manage div, #id427 #content #manage div, #id511 #content #manage div{ display: block; height: 250px; width: 100%; overflow-y: scroll; } #id222 #content #manage p, #id14 #content #manage p, #id57 #content #manage p, #id306 #content #manage p, #id427 #content #manage p { line-height: 16px; } #id222 #content #manage p a, #id14 #content #manage p a, #id57 #content #manage p a, #id306 #content #manage p a, #id427 #content #manage p a {text-decoration:none;} #id222 #content #manage #cgvButtons, #id306 #content #manage #cgvButtons, #id427 #content #manage #cgvButtons { position: relative; display: block; width: 500px; height: 45px; overflow: hidden; margin: 0 auto; } #id222 #content #manage #cgvButtons a, #id306 #content #manage #cgvButtons a, #id427 #content #manage #cgvButtons a { display: block; width: 196px; font-size: 18px; height: 38px; padding-top: 8px; text-align: center; text-transform: uppercase; background: url(../images/sprite.png) -300px -1500px no-repeat; float: left; margin-top: 5px; } #id222 #content #manage #cgvButtons a#cgv_accept, #id306 #content #manage #cgvButtons a#cgv_accept, #id427 #content #manage #cgvButtons a#cgv_accept { float: right; } #id222 #content #manage #cgvButtons a:hover, #id306 #content #manage #cgvButtons a:hover, #id427 #content #manage #cgvButtons a:hover{ background: url(../images/sprite.png) 0px -1500px no-repeat; text-decoration: none; color: #1c82bb; } #id224 #navigation, #id224 #meteo {display: none;} #id224 #content #manage, #id287 #content #manage, #id478 #content #manage { width: 100%; } #id224 #content #manage div, #id287 #content #manage div, #id478 #content #manage div{ display: block; height: 250px; width: 100%; overflow-y: scroll; } #id224 #content #manage p, #id287 #content #manage p, #id478 #content #manage p { line-height: 16px; } #id224 #content #manage p a, #id287 #content #manage p a, #id478 #content #manage p a {text-decoration:none;} #id224 #content #manage #cgvButtons, #id287 #content #manage #cgvButtons, #id478 #content #manage #cgvButtons { position: relative; display: block; width: 500px; height: 45px; overflow: hidden; margin: 0 auto; } #id224 #content #manage #cgvButtons a, #id287 #content #manage #cgvButtons a, #id478 #content #manage #cgvButtons a { display: block; width: 196px; font-size: 18px; height: 38px; padding-top: 8px; text-align: center; text-transform: uppercase; background: url(../images/sprite.png) -300px -1500px no-repeat; float: left; margin-top: 5px; } #id224 #content #manage #cgvButtons a#cgv_accept, #id287 #content #manage #cgvButtons a#cgv_accept, #id478 #content #manage #cgvButtons a#cgv_accept { float: right; } #id224 #content #manage #cgvButtons a:hover, #id287 #content #manage #cgvButtons a:hover, #id478 #content #manage #cgvButtons a:hover { background: url(../images/sprite.png) 0px -1500px no-repeat; text-decoration: none; color: #1c82bb; } #id226 #navigation, #id226 #meteo {display: none;} #id226 #content #manage, #id334 #content #manage, #id507 #content #manage { width: 100%; } #id226 #content #manage div, #id334 #content #manage div, #id507 #content #manage div{ display: block; height: 250px; width: 100%; overflow-y: scroll; } #id226 #content #manage p, #id334 #content #manage p, #id507 #content #manage p { line-height: 16px; } #id226 #content #manage p a, #id334 #content #manage p a, #id507 #content #manage p a {text-decoration:none;} #id226 #content #manage #cgvButtons, #id334 #content #manage #cgvButtons, #id507 #content #manage #cgvButtons { position: relative; display: block; width: 500px; height: 45px; overflow: hidden; margin: 0 auto; } #id226 #content #manage #cgvButtons a, #id334 #content #manage #cgvButtons a, #id507 #content #manage #cgvButtons a { display: block; width: 196px; font-size: 18px; height: 38px; padding-top: 8px; text-align: center; text-transform: uppercase; background: url(../images/sprite.png) -300px -1500px no-repeat; float: left; margin-top: 5px; } #id226 #content #manage #cgvButtons a#cgv_accept, #id334 #content #manage #cgvButtons a#cgv_accept, #id507 #content #manage #cgvButtons a#cgv_accept { float: right; } #id226 #content #manage #cgvButtons a:hover, #id334 #content #manage #cgvButtons a:hover, #id507 #content #manage #cgvButtons a:hover { background: url(../images/sprite.png) 0px -1500px no-repeat; text-decoration: none; color: #1c82bb; } #id340 #legal-footer ul, #id86 #lastUpdate,#id248 #lastUpdate, #id388 #lastUpdate {display:none !important;} #adminLU { position: absolute; top:14px; right: 228px; } #id141 .formConfig button{margin-top: 0px!important;} .actuForced { position: absolute; display: block; width: 50px; height: 50px; top: -62px; left: 703px; text-indent: -99999px; cursor: pointer; background: url(../images/refresh.png) no-repeat; } /* Bloc Espace Client */ #blocespaceclient{z-index:1000;position:fixed;bottom:0;right:0;} #blocespaceclient #reduireEC{position: absolute; background: url(../images/reduire.png) no-repeat 0 0; bottom: 171px; right: 0; color: #fff; font-weight: bold; text-decoration: none; width: 93px; height: 16px; padding: 11px 0 0 6px; text-align: center;} #content .alert-container { float:left; margin : 10px 0; } #content table.alertes_magiline th,#content .alert-container .alert-title,#content .alert-container .alert-visu,#content table.alertes_magiline td {width:133px;height:30px;vertical-align:middle;padding:0;display:table-cell;} #content table.alertes_magiline td a, #content .alert-container .alert-visu a { display: block; width:60px; height: 30px; padding:0; background: url(../images/voyants.png) no-repeat; margin:0 auto; } #content table.alertes_magiline th,#content table.alertes_magiline td {width:133px;height:30px;vertical-align:middle;padding:0;} #content table.alertes_magiline td a { display: block; width:60px; height: 30px; padding:0; background: url(../images/voyants.png) no-repeat; margin:0 auto; } #content table.alertes_magiline td a.alerte_ko, #content .alert-container .alert-visu a.alerte_ko { background: url(../images/voyants.png) 0 -30px no-repeat; } #adresse_mac_container {display:block; height:20px; margin-bottom: 15px;} #content-connect form.form #adresse_mac_container label { width: 90px; } #content-connect form.form #adresse_mac_container input { display:block; width:24px; float:left; text-align: center; } #content-connect form.form #adresse_mac_container span { display:block; padding-top:6px; width:10px; float:left; text-align: center; } #content-connect form.form #adresse_mac_container label.error {position:absolute;top:65px;left:5px;text-align:left;color:red;} #popupcontent { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: url(../images/overground.png) repeat; } #popup { position: absolute; display: none; top:50%; left: 50%; margin: -100px 0 0 -200px;padding: 20px; width: 400px; height: 160px; background:#fff; font-size:18px; font-weight:bold;text-align:center;line-height:30px; } #popup form { display: block; padding: 10px; background: #fff; } .cameraPopup #popup{ display:block; margin: -80px 0 0 -200px; height:135px; } .set {display:block;height:17px;padding:5px 0;} .set strong {display: block; float:left; padding: 0 5px 0 0;} .set a {display: block; width: 55px; height: 17px; margin: -5px 5px 0 0; padding-top: 5px; float: left; text-align: center; cursor: pointer; text-decoration: none; } .set .off, .set .on:hover {background: url(../images/sprite.png) no-repeat -300px -1350px;} .set .off:hover, .set .on {background: url(../images/sprite.png) no-repeat 0px -1350px; color:#1c82bb;} .set .active {background: url(../images/sprite.png) no-repeat 0px -1350px; color:#1c82bb;} .set .unactive {background: url(../images/sprite.png) no-repeat -300px -1350px;} /** historique de bassin **/ #historiqueBassinSearch, #historiqueAlerteSearch {position:relative; display:block; float:left; width:568px; padding:10px; border:1px solid #D3D3D3; margin-bottom:10px; } #historiqueBassinSearch label{ position: relative; width: 206px; padding-bottom:14px; } #historiqueBassinSearch label input{width:150px;} #historiqueBassinSearch label label.error{position: absolute; width: 206px !important; left:0; bottom:0px; padding-bottom:0px; text-align: left;} #historiqueBassin, #historiqueAlerte {display:block; float:left; width:590px; } #historiqueBassin tr td, #historiqueAlerte tr td { width: 20%; } #historiqueBassin tr th, #historiqueAlerte tr th { padding: 4px 6px; font-weight:bold;} #historiqueBassin tr.even ,#historiqueAlerte tr.even {background:#efefef;} #historiqueAlerteSearch .bloc_search_input{width:40%;float:left;} #historiqueAlerteSearch .bloc_search_button{width:20%;float:left;} #historiqueAlerteSearch .bloc_search_button button{margin-top:22px;} #historiqueAlerteSearch label { display:block;position: relative; width: 100%; } #id70 #content .addBoitier {width:360px;} #id70 #step4.addBoitier.big, #id70 #step4 {right:0; left:auto;} #id70 #step4.addBoitier.big, #id70 #step5 {right:0; left:auto;} #id70 #content #step4 label {width:90px;} #id70 #content #step4 select { width: 290px !important; } #id70 #content #step4 label.long { width: 227px !important; } #id268 #content .addBoitier {width:360px;} #id268 #step4.addBoitier.big, #id268 #step4 {right:0; left:auto;} #id268 #step4.addBoitier.big, #id268 #step5 {right:0; left:auto;} #id268 #content #step4 label {width:90px;} #id268 #content #step4 select { width: 290px !important; } #id268 #content #step4 label.long { width: 227px !important; } #id434 #content .addBoitier {width:360px;} #id434 #step4.addBoitier.big, #id434 #step4 {right:0; left:auto;} #id434 #step4.addBoitier.big, #id434 #step5 {right:0; left:auto;} #id434 #content #step4 label {width:90px;} #id434 #content #step4 select { width: 290px !important; } #id434 #content #step4 label.long { width: 227px !important; } #id240 #manager, #id241 #manager, #id242 #manager, #id243 #manager, #id257 #manager , #id305 #manager, #id327 #manager, #id406 #manager{float:left;} #id240 .generaleTable3 , #id241 .generaleTable3 , #id242 .generaleTable3 , #id243 .generaleTable3 , #id257 .generaleTable3, #id305 .generaleTable3, #id327 .generaleTable3, #id406 .generaleTable3{clear:both;} .template29 #top-connect #content p, .template30 #top-connect #content p { font-size: 13px; line-height: 18px; } .text-center{ text-align:center; } /** Camera **/ .formCamera{ float:left; width: 750px; } .formCamera fieldset{ float:left; margin: 0 2%; width: 46%; } .formCamera fieldset.notice{ float:left; margin: 0; width: 14%; } .formCamera fieldset.flux{ float:left; margin: 0 2%; width: 32%; } .template7 #content form.formCamera { width: 750px; } #content-connect form.formCamera label.long{ width: 315px; margin-right: 10px; } #content-connect form.formCamera input[type=checkbox]{ width: auto; margin-top: 2px; } #content-connect form.formCamera input, #content-connect form.formCamera textarea, #content-connect form.formCamera select { float:left;} .formCamera .champForm{ width: 100%; float: left; margin-bottom: 15px; } .formCamera #box_ip, .formCamera #box_url{ display:none; } .formCamera #box_url #infoMarqueAutre{ display:none; } .formCamera iframe{ display: none; } .formCamera img#cameraFlux{ width: 100%; } .formCamera #vuCamera{ text-align: center; } .formCamera #vuCamera .warning, .formCamera #cameraFlux, .formCamera #cameraLoading{ display:none; } .formCamera #vuCamera .warning p{ font-size: 1.2em; line-height: 1.3em; } .notice a{ display:block; background:url(../images/notice.png) no-repeat center 15px; padding: 80px 0 15px; border: 2px solid #000; margin-top: 40px; width: 100%; text-align:center; font-size: 1.3em; font-weight: bold; text-decoration: none; color:#000; } #content-connect form.form #box_url input#url_cam{width: 185px;} #content-connect form.form #box_url input#url_cam, #content-connect form.form #box_url .infoBulle{margin-top: 5px;} .formCamera a.btnCamera, #content-connect .formCamera button.btnCamera { margin-top: 15px; margin-left:10px;display: block; float: right; cursor: pointer; width: 120px; height: 16px; border: none; background: url(../images/sprite.png) -800px -500px no-repeat; text-align: center; font-weight: bold; font-size: 11px; color: #999; padding-top: 6px; text-decoration: none; } .formCamera a.btnCamera:hover, #content-connect .formCamera button.btnCamera:hover, .formCamera a.btnCamera:focus, #content-connect .formCamera button.btnCamera:focus{background: url(../images/sprite.png) -600px -500px no-repeat;color:#3D9BC5;} #content-connect .formCamera button.btnCamera{height: 22px;padding: 1px 0 2px;} #content-connect .formCamera button.btnCamera.notValid{opacity:0.5;filter:alpha(opacity=50);cursor: not-allowed;} #content-connect .formCamera button.btnCamera.notValid:hover, #content-connect .formCamera button.btnCamera.notValid:focus{background: url(../images/sprite.png) -800px -500px no-repeat;color:#999;} .content-camera { float: left; width: 759px; font-size: 0; } #content .content-camera .column-6 { display:inline-block; float:none; margin: 0 2%; width: 46%; font-size: 11px; vertical-align:middle; } #popup p{ margin-bottom:15px!important; } #popup .btnValid{ background: #F9F9F9; border: 1px solid #252627; font-size: 1em; text-decoration: none; width: auto; text-align: center; margin: 0 auto; text-transform: uppercase; font-size: 0.8em; padding: 5px 15px; } #popup .btnValid:hover{ background: #252627; color: #3F9CC6; } .imgFlux{ text-align: center; } .imgFlux img{ width:100%; } .imgFlux .warning{ text-align:center; } .imgFlux .warning img{ width : auto; } .imgFlux p{ text-align: center; font-size: 1.5em; margin-bottom: 5px!important; text-transform: uppercase; } .imgFlux iframe, .imgFlux .boxCamera .fluxCamera, .imgFlux .warning{ display:none; } .content-camera-full{ padding-top: 40px; } .content-camera-full .imgFlux{ text-align:center; } .content-camera-full .imgFlux img{ max-width:100%; width: auto; } .boxCamera .editPool{ right: auto; left: auto; margin: 15px auto; float: none; } #top-connect #content .imgFlux p.visibleDistri, #top-connect .imgFlux p.visibleDistri{ font-size: 1em; text-transform: initial; margin-top: 15px; } p.visibleDistri span, .imgFlux p.visibleDistri button{ display:inline-block; line-height: 30px; vertical-align: middle; } .imgFlux p.visibleDistri button, .imgFlux p.visibleDistri button:focus{ background: url(../images/voyants.png) no-repeat; background-position: -4px -31px; width: 24px; height:25px; border: none; margin: 0 5px; cursor: pointer; outline: none; } .imgFlux p.visibleDistri button.red{ background-position: -32px -31px; } .imgFlux p.visibleDistri button.green{ background-position: -4px -3px; } .imgFlux img.cameraLoading{ width: auto; max-width: 100%; } #box-language{ padding: 20px; } #box-language h2{ color: #000; font-weight: bold; font-size: 1.5em; text-align: center; line-height: 1.5em; } #box-language ul {text-align:center;margin-top:20px;} #box-language ul li {display:inline;} #box-language ul li a.fr{margin-right:5px;} #box-language ul li a.en{margin-left: 5px; margin-right:5px;} #box-language ul li a.de{margin-left: 5px;} #box-language ul li a.fr,#box-language ul li a.en,#box-language ul li a.de{display: inline-block;height: 14px;line-height: 14px;} #box-language ul li a.fr span,#box-language ul li a.en span, #box-language ul li a.de span{float:left;background-image:url(../images/drapeaux.png);background-position: no-repeat;height:14px;width:20px;margin-right:5px;} #box-language ul li a.fr span{background-position: -21px top;} #box-language ul li a.en span{background-position: left top;} #box-language ul li a.de span{background-position: -42px top;} #box-language ul li a.fr:hover span, #box-language ul li a.fr.active span{background-position: -21px -15px;} #box-language ul li a.en:hover span, #box-language ul li a.en.active span{background-position: left -15px;} #box-language ul li a.de:hover span, #box-language ul li a.de.active span{background-position: -42px -15px;} #box-language input[type="text"]{ display: block; margin: 0; padding: 0; width: 160px; height: 18px; border: 1px solid #666; color: #0071B8; } #box-language label{ position: relative; display: block; width: 115px; height: 13px; float: left; font-size: 12px; padding-top: 5px; } #box-language h2{ font-size: 14px; font-weight: bold; color: #0071B8; margin: 0 0 10px 0; } #box-language .civilitebox label, #box-language .civilitebox input, #content-connect #myAccount div.blocAccount .civilitebox label.labciv, #content-connect #myAccount div.blocAccount .civilitebox input, #content-connect form.form .civilitebox label, #content-connect form.form .civilitebox input{ position: relative; float:none; display: inline-block; vertical-align: middle; } #box-language .civilitebox label.labciv, #content-connect #myAccount div.blocAccount .civilitebox label.labciv, #content-connect #myAccount div.blocAccount .civilitebox input, #content-connect form.form .civilitebox label.labciv, #content-connect form.form .civilitebox input{ width: auto; padding: 0; } #content-connect #myAccount div.blocAccount .civilitebox, #content-connect form.form .civilitebox{ margin-bottom: 13px; position: relative; } .civilitebox label.error { position: absolute!important; bottom: -15px; left: 0; } #box-language .notvalid input[type="text"]{ color: #a94442; background-color: #f2dede; border-color: #ebccd1; } #box-language .notvalid label{ color: #a94442; } #box-language p{ margin-bottom: 5px; } #box-language button { float: right; display: block; width: 168px; height: 26px; border: none; background: url(../images/sprite.png) -800px -397px no-repeat; text-align: center; font-weight: bold; font-size: 14px; color: #999; padding: 2px 0;} #box-language button:hover, #box-language button:focus { background: url(../images/sprite.png) -600px -397px no-repeat; cursor: pointer; color: #0071B8; } .errorBox{ display: none; color: #a94442; } #content-connect form.form .civilitebox input.civilitefr, #content-connect form.form .civilitebox input.civiliteen, #content-connect form.form .civilitebox input.civilitede, #content-connect form.form .civilitebox label.civilitefr, #content-connect form.form .civilitebox label.civiliteen, #content-connect form.form .civilitebox label.civilitede{ display: none; } #id70 #content, #id268 #content, #id434 #content{min-height: 660px;} #id86 .topAlertes, #id248 .topAlertes, #id388 .topAlertes{display: none;} /* Modif Nouveau réglage Alertes */ .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border:0; outline:0; box-sizing: border-box; } .btn-long { width:196px; height: 36px; background: url(../images/sprite.png) -300px -1500px no-repeat; } .btn-switcher.on { background: url(../images/sprite.png) 0px -1600px no-repeat; width:195px; height: 36px; padding: 0; } .btn-switcher.off { background: url(../images/sprite.png) 0px -1680px no-repeat; width:195px; height: 36px; padding: 0; } .btn-switcher .label1, .btn-switcher .label2 { display: inline-block; box-sizing: border-box; vertical-align: middle; margin-bottom: 0; padding: 6px 12px; width:97px; height: 36px; line-height: 24px; float: left; font-weight: bold; font-size: 14px; color: #999999; cursor: pointer; background-image: none; background-color: transparent; border:0; outline:0; } .btn-switcher.on .label1, .btn-switcher.off .label2 { color : #ffffff; } .advice { font-size: 14px; font-weight: bold; } .advice-important { font-size: 14px; font-weight: bold; color:#0071B8; } #updateAlertes, #ActivDR { margin:40px 60px; } #validInfo { position:absolute; display: block; width:350px; height:100px; right:0; top:50px; padding:10px; } .traitement-ph-left { width: 375px; float: left; padding-top:20px; } .traitement-chlore-right { width: 375px; float: left; padding-top:20px; }