@charset "UTF-8"; /*****************************************************************/ /* FlexiGrid */ /*****************************************************************/ .flexigrid{font-family: Arial, Helvetica, sans-serif;font-size: 0.85em;position: relative;border: 0px solid #eee;overflow: hidden;color: #000} .flexigrid.hideBody{height: 26px !important;border-bottom: 1px solid #ccc} .ie6fullwidthbug{border-right: 0px solid #ccc;padding-right: 2px} .flexigrid div.nDiv{background: #eee url(../images/flexigrid/line.gif) repeat-y -1px top;border: 1px solid #ccc;border-top: 0px;overflow: auto;left: 0px;position: absolute;z-index: 999;float: left} .flexigrid div.nDiv table{margin: 2px} .flexigrid div.hDivBox{float: left;padding-right: 40px} .flexigrid div.bDiv table{margin-bottom: 10px} .flexigrid div.bDiv table.autoht {border-bottom: 0px;margin-bottom: 0px} .flexigrid div.nDiv td{padding: 2px 3px;border: 1px solid #eee;cursor: default} .flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td{background: #d5effc url(../images/flexigrid/hl.png) repeat-x top;border: 1px solid #a8d8eb} .flexigrid div.nDiv td.ndcol1{border-right: 1px solid #ccc} .flexigrid div.nDiv td.ndcol2{border-left: 1px solid #fff;padding-right: 10px} .flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1{border-right: 1px solid #d2e3ec} .flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2{border-left: 1px solid #eef8ff} .flexigrid div.nBtn{position: absolute;height: 24px;width: 14px;z-index: 900;background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;border: 0px solid #ccc;border-left: 1px solid #ccc;top: 0px;left: 0px;margin-top: 1px;cursor: pointer;display: none} .flexigrid div.nBtn div{height: 24px;width: 12px;border-left: 1px solid #fff;float: left;background: url(../images/flexigrid/ddn.png) no-repeat center} .flexigrid div.nBtn.srtd{background: url(../images/flexigrid/wbg.gif) repeat-x 0px -1px} .flexigrid div.mDiv{background: url(../images/flexigrid/wbg.gif) repeat-x top;border: 1px solid #ccc;border-bottom: 0px;border-top: 0px;font-weight: bold;display: block;overflow: hidden;white-space: nowrap;position: relative} .flexigrid div.mDiv div{padding: 6px;white-space: nowrap} .flexigrid div.mDiv div.ptogtitle{position: absolute;top: 4px;right: 3px;padding: 0px;height: 16px;width: 16px;overflow: hidden;border: 1px solid #ccc;cursor: pointer} .flexigrid div.mDiv div.ptogtitle:hover{background-position: left -2px;border-color: #bbb} .flexigrid div.mDiv div.ptogtitle span{display: block;border-left: 1px solid #eee;border-top: 1px solid #fff;border-bottom: 1px solid #ddd;width: 14px;height: 14px;background: url(../images/flexigrid/uup.png) no-repeat center} .flexigrid div.mDiv div.ptogtitle.vsble span{background: url(../images/flexigrid/ddn.png) no-repeat center; } .flexigrid div.tDiv /*toolbar*/{background: #fafafa url(../images/flexigrid/bg.gif) repeat-x top;position: relative;border: 1px solid #ccc;border-bottom: 0px;overflow: hidden} .flexigrid div.tDiv2{clear: both;padding: 1px} .flexigrid div.sDiv /*toolbar*/{background: #fafafa url(../images/flexigrid/bg.gif) repeat-x top;position: relative;border: 1px solid #ccc;border-top: 0px;overflow: hidden;display: none} .flexigrid div.sDiv2{float: left;clear: both;padding: 5px;padding-left: 5px;width: 1024px} .flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select{vertical-align: middle} .flexigrid div.btnseparator{float: left;height: 22px;border-left: 1px solid #ccc;border-right: 1px solid #fff;margin: 1px} .flexigrid div.fbutton{float: left;display: block;cursor: pointer;padding: 1px} .flexigrid div.fbutton2{float: right;display: block;cursor: pointer;padding: 1px} .flexigrid div.fbutton div{float: left;padding: 1px 3px} .flexigrid div.fbutton2 div{float: right;padding: 1px 3px} .flexigrid div.fbutton span{float: left;display: block;padding: 3px} .flexigrid div.fbutton2 span{float: right;display: block;padding: 3px} .flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver, .flexigrid div.fbutton2:hover, .flexigrid div.fbutton2.fbOver{padding: 0px;border: 1px solid #ccc} .flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div,.flexigrid div.fbutton2:hover div, .flexigrid div.fbutton2.fbOver div{padding: 0px 2px;border-left: 1px solid #fff;border-top: 1px solid #fff;border-right: 1px solid #eee;border-bottom: 1px solid #eee} .flexigrid div.hDiv{background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;position: relative;border: 1px solid #ccc;border-bottom: 0px;overflow: hidden} .flexigrid div.hDiv table{border-right: 1px solid #fff} .flexigrid div.cDrag{float: left;position: absolute;z-index: 2;overflow: visible} .flexigrid div.cDrag div{float: left;background: none;display: block;position: absolute;height: 24px;width: 5px;cursor: col-resize} .flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging{background: url(../images/flexigrid/line.gif) repeat-y 2px center} .flexigrid div.iDiv{border: 1px solid #316ac5;position: absolute;overflow: visible;background: none} .flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea{font-family: Arial, Helvetica, sans-serif;font-size: 11px} .flexigrid div.iDiv input.tb{border: 0px;padding: 0px;width: 100%;height: 100%;padding: 0px;background: none} .flexigrid div.bDiv{border: 1px solid #ccc;border-top: 0px;background: #fff;overflow: auto;position: relative} .flexigrid div.bDiv table{border-bottom: 1px solid #ccc} .flexigrid div.hGrip{position: absolute;top: 0px;right: 0px;height: 5px;width: 5px;background: url(../images/flexigrid/line.gif) repeat-x center;margin-right: 1px;cursor: col-resize} .flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver{border-right: 1px solid #999;margin-right: 0px} .flexigrid div.vGrip{height: 5px;overflow: hidden;position: relative;background: #fafafa url(../images/flexigrid/wbg.gif) repeat-x 0px -1px;border: 1px solid #ccc;border-top: 0px;text-align: center;cursor: row-resize} .flexigrid div.vGrip span{display: block;margin: 1px auto;width: 20px;height: 1px;overflow: hidden;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;background: none} .flexigrid div.hDiv th, .flexigrid div.bDiv td /* common cell properties*/{text-align: left;border-right: 1px solid #ddd;border-left: 1px solid #fff;overflow: hidden;vertical-align: top !important} .flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div/* common inner cell properties*/{padding: 5px;border-left: 0px solid #fff} .flexigrid div.hDiv th, div.colCopy{font-weight: normal;height: 24px;cursor: default;white-space: nowrap;overflow: hidden} div.colCopy {font-family: Arial, Helvetica, sans-serif;font-size: 11px;background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;border: 1px solid #ccc;border-bottom: 0px;overflow: hidden} .flexigrid div.hDiv th.sorted{background: url(../images/flexigrid/wbg.gif) repeat-x 0px -1px;border-bottom: 0px solid #ccc} .flexigrid div.hDiv th.thOver{} .flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div{border-bottom: 1px solid orange;padding-bottom:4px} .flexigrid div.hDiv th.sorted div{border-bottom: 0px solid #ccc;padding-bottom: 5px} .flexigrid div.hDiv th.thMove{background: #fff;color: #fff} .flexigrid div.hDiv th.sorted.thMove div{border-bottom: 1px solid #fff;padding-bottom: 4px} .flexigrid div.hDiv th.thMove div{background: #fff !important} .flexigrid div.hDiv th div.sdesc{background: url(../images/flexigrid/dn.png) no-repeat center top} .flexigrid div.hDiv th div.sasc{background: url(../images/flexigrid/up.png) no-repeat center top} .flexigrid div.bDiv td{border-bottom: 1px solid #fff;vertical-align: top;white-space: nowrap} .flexigrid div.hDiv th div{} .flexigrid span.cdropleft{display: block;background: url(../images/flexigrid/prev.gif) no-repeat -4px center;width: 24px;height: 24px;position: relative;top: -24px;margin-bottom: -24px;z-index: 3} .flexigrid div.hDiv span.cdropright{display: block;background: url(../images/flexigrid/next.gif) no-repeat 12px center;width: 24px;height: 24px;float: right;position: relative;top: -24px;margin-bottom: -24px} .flexigrid div.bDiv td div{border-top: 0px solid #fff;padding-bottom: 4px} .flexigrid tr td.sorted{background: #f3f3f3;border-right: 1px solid #ddd;border-bottom: 1px solid #f3f3f3} .flexigrid tr td.sorted div{} .flexigrid tr.erow td{background: #f7f7f7;border-bottom: 1px solid #f7f7f7} .flexigrid tr.erow td.sorted{background: #e3e3e3;border-bottom: 1px solid #e3e3e3} .flexigrid tr.erow td.sorted div{} .flexigrid div.bDiv tr:hover td, .flexigrid div.bDiv tr:hover td.sorted,.flexigrid div.bDiv tr.trOver td.sorted, .flexigrid div.bDiv tr.trOver td{background: #d9ebf5;border-left: 1px solid #eef8ff;border-bottom: 1px dotted #a8d8eb} .flexigrid div.bDiv tr.trSelected:hover td, .flexigrid div.bDiv tr.trSelected:hover td.sorted,.flexigrid div.bDiv tr.trOver.trSelected td.sorted, .flexigrid div.bDiv tr.trOver.trSelected td,.flexigrid tr.trSelected td.sorted, .flexigrid tr.trSelected td {background: #d5effc url(../images/flexigrid/hl.png) repeat-x top;border-right: 1px solid #d2e3ec;border-left: 1px solid #eef8ff;border-bottom: 1px solid #a8d8eb} .flexigrid.novstripe .bDiv table{border-bottom: 1px solid #ccc;border-right: 1px solid #ccc} .flexigrid.novstripe div.bDiv td {border-right-color: #fff} .flexigrid.novstripe div.bDiv tr.erow td.sorted{border-right-color: #e3e3e3} .flexigrid.novstripe div.bDiv tr td.sorted{border-right-color: #f3f3f3} .flexigrid.novstripe div.bDiv tr.erow td {border-right-color: #f7f7f7;border-left-color: #f7f7f7} .flexigrid.novstripe div.bDiv tr.trSelected:hover td, .flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted, .flexigrid.novstripe div.bDiv tr.trOver.trSelected td,.flexigrid.novstripe tr.trSelected td.sorted, .flexigrid.novstripe tr.trSelected td{border-right: 1px solid #0066FF;border-left: 1px solid #0066FF} .flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td{border-left-color: #d9ebf5;border-right-color: #d9ebf5} .flexigrid div.pDiv{background: url(../images/flexigrid/wbg.gif) repeat-x 0 -1px;border: 1px solid #ccc;border-top: 0px;overflow: hidden;white-space: nowrap;position: relative} .flexigrid div.pDiv div.pDiv2{margin: 3px;margin-left: -2px;float: left;width: 1024px} div.pGroup{float: left;background: none;height: 24px;margin: 0px 5px} .flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol{position: relative;top: 5px;overflow: visible} .flexigrid div.pDiv input{vertical-align: text-top;position: relative;top: -5px} .flexigrid div.pDiv div.pButton{float: left;width: 22px;height: 22px;border: 0px;cursor: pointer;overflow: hidden} .flexigrid div.pDiv div.pButton:hover, .flexigrid div.pDiv div.pButton.pBtnOver{width: 20px;height: 20px;border: 1px solid #ccc;cursor: pointer} .flexigrid div.pDiv div.pButton span{width: 20px;height: 20px;display: block;float: left} .flexigrid div.pDiv div.pButton:hover span, .flexigrid div.pDiv div.pButton.pBtnOver span{width: 19px;height: 19px;border-top: 1px solid #fff;border-left: 1px solid #fff} .flexigrid .pSearch{background: url(../images/flexigrid/magnifier.png) no-repeat center} .flexigrid .pFirst{background: url(../images/flexigrid/first.gif) no-repeat center} .flexigrid .pPrev{background: url(../images/flexigrid/prev.gif) no-repeat center} .flexigrid .pNext{background: url(../images/flexigrid/next.gif) no-repeat center} .flexigrid .pLast{background: url(../images/flexigrid/last.gif) no-repeat center} .flexigrid .pReload{background: url(../images/flexigrid/load.png) no-repeat center} .flexigrid .pReload.loading{background: url(../images/flexigrid/load.gif) no-repeat center} /* ie adjustments */ .flexigrid.ie div.hDiv th div, .flexigrid.ie div.bDiv td div, div.colCopy.ie div/* common inner cell properties*/{overflow: hidden} .flexigrid div.fbutton .add{background: url(../images/flexigrid/add.png) no-repeat center left} .flexigrid div.fbutton .delete{background: url(../images/flexigrid/close.png) no-repeat center left} .flexigrid div.fbutton .modif{background: url(../images/flexigrid/modif.png) no-repeat center left} .flexigrid div.fbutton .fiche{background: url(../images/flexigrid/fiche.png) no-repeat center left;} .flexigrid div.fbutton .liste{background: url(../images/flexigrid/liste.png) no-repeat center left} .flexigrid div.fbutton .demo{background: url(../images/flexigrid/demo.png) no-repeat center left} .flexigrid div.fbutton2 .Aide,.flexigrid div.fbutton .Aide{background: url(../images/flexigrid/aide.png) no-repeat center left} #rowgras td {font-weight:bold} #rowA td, #rowAR td, #rowP td,#rowS td {color:#777} #rowV td {color:#ec6a00} /*****************************************************************/ /* PW2 */ /*****************************************************************/ html {height:100%;font: 0.9em "Trebuchet MS",arial,tahoma,helvetica,sans-serif ;color:#000000} html * {font-family: "Trebuchet MS",arial,tahoma,helvetica,sans-serif} body {margin:0px;padding:0px;width:100%;height:100%;background:#fff url(../images/fond_header.png) repeat-x} form, .sans {margin:0px;padding:0px} table td {vertical-align:top} .
Commandes
cell {clear:both} .clear-right {clear:right} .clear-both {clear:both} .float-left {float:left} .float-right {float:right} .droite {text-align:right} .centrer {text-align:center} .marger {padding:0px 70px} .retrait {padding-left:20px;font-size:0.8em} .max {width:100%} .middle {width:50%} .quart {width:25%} .cinq {width:20%} .gras { font-weight:bold;} .souligne { text-decoration:underline;} .width_800 {width:800px;border-collapse:collapse} .width_700 {width:700px;border-collapse:collapse} .width_600 {width:600px;border-collapse:collapse} .width_120 {width:120px} .width_180 {width:180px} .width_250 {width:250px} .height_270 {height:270px;border-collapse:collapse} .height_370r {height:370px;border-collapse:collapse} .height_370 {height:450px;border-collapse:collapse} .height_580 {height:380px;border-collapse:collapse} .marginAuto {margin:auto} .important {color:red} .gris {background:#efefef} .blanc {background:#ffffff} .noir {color:#000000} .orange {color:#ff6000} .pad{padding:5px 10px} .pad2{padding:5px 80px} .pl10{padding-left:10px} .m010 {margin:0px 10px 0px 0px} .fmin {font-size:0.8em} .bordure td {border-bottom:1px solid #ccc} #container {height:100%;background:transparent url(../images/bg_bas.png) no-repeat bottom right} div.header{height:93px;width:100%;background:transparent url(../images/header.png) no-repeat top left} .idPW {display:block;position:absolute;top:47px;right:15px;font-size:0.8em;color:#333;padding:0px;text-align:center;font-style:italic;cursor:default} .idPW span {font-size:1em;font-style:normal;font-weight:bold;color:#000} /* lien deconnexion */ .header>a {float:right;margin:10px 5px 0} a img {border:0px} a.link {text-decoration:none;color:#333} a.link img {float:left} :focus { outline:0; } table.info-interne td {vertical-align:top} .ma {margin:auto} .menu img {display:block} /* fil d'ariane */ .ariane {color:#333;text-align:left;padding:70px 0px 0px 80px;font-size:0.9em} .ariane a {color:#888;text-decoration:none} .ariane a:hover {color:#333;text-decoration:underline} /* menu */ .menu{float:left;width:216px;margin:0px;padding:0px;} .menu li {margin:0px;padding:0px;display:inline;} .menu .fond {margin-left:63px;} .menu a{display:block;font-size:1.1em; font-weight:normal; margin-left:25px;text-align:center;text-decoration:none;padding:0px;height:35px;overflow:hidden; border:none;} .menu a img {float:left;clear:left;} .menu a span{display:block;height:29px;margin:0px;margin-left:35px;padding-top:5px;color:#545454;background:#dfdfdf;text-decoration:none;border-bottom:1px solid #bbbbbb; cursor:pointer} .menu a:hover span{background:#cfcfcf} .menu a.actif span{background:#bbbbbb} .menu div {display:block;font-size:0.8em;width:153px;margin-left:63px;background:#cfcfcf;padding:0px} .menu div a {display:block;width:auto;text-align:left;border-bottom:1px solid #bbbbbb;margin:0px;color:#555;padding:1px 5px;text-indent:5px} .menu div a:hover {background:#888;color:#fff;border-bottom:1px solid #888} .menu div.ssEns { padding:0; width:151px; overflow:hidden; } .menu div.ssEns a.actif {background:#fff;border:1px solid #ccc;border-top:0px; width:151px;} .menu div.ssEns a.actif:hover {background:#eee;color:#555} /* centre */ div.centre{display:block;border:solid 2px #bbbbbb;background:#f5f5f5;margin:0px 35px 0px 250px} div.connexion {margin:auto;width:570px;height:155px;border:0px;padding:120px 0px 0px 0px;background:transparent url('../images/bg_identification.png') no-repeat top center} div.connexion table {margin:auto} div.centre .coin {background:#ffffff url(../images/coin.png) no-repeat bottom left;width:21px;height:21px;font-size:0px} div.centre .bg{float:left;margin-left:-2px;_margin-left:-1px} div.centre .hg{float:left;margin-left:-2px;_margin-left:-1px;margin-top:-2px;background-position:top left} div.centre .bd{float:right;margin-right:-2px;_margin-right:-1px;background-position:bottom right} div.centre .hd{float:right;margin-right:-2px;_margin-right:-1px;margin-top:-2px;background-position:top right} div.centre .regle {height:19px} /* Club privilège */ .imgClubPrivilege{padding:20px 20px 30px 0;} /* contenu */ .texte {padding:10px} /* TITREs */ h1{font-size:1.1em;text-align:center} h2{font-size:1.1em;color:#ff6000} h3 {margin:8px 0px 3px 0px;padding:0px 0px 0px 15px;font-size:1em;font-weight:bold;height:18px;border-bottom:2px solid #ccc} h4 {background:#fff;padding:2px;border:2px solid #ccc;margin:0px} h5 {padding:2px 5px;font-size:1em;margin:0px} .titre h2 {float:left;margin-left:10px;background:#f5f5f5;padding:0px 10px} .info-interne .titre h2 {background:#fff;margin-bottom:0px} .titre {background:url('../images/hline.jpg') repeat-x 0px 25px} .titre img {float:left} .titre img.droite {float:right} .titre i {float:right;font-size:0.8em} .info-interne .titre img {margin-left:10px} .titre hr {padding:0px;margin:0px;visibility:hidden;height:60px} .etat {text-align:right;font-size:1.1em;font-weight:bold} .Ina {color:red} .Act {color:green} /* fond transparent */ .info-main {position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;z-index:2999;overflow:auto} .info-box,.info-box2 {position:relative;display:block;top:10%;width:100%;left:0px;text-align:left;z-index:3000} .info-box2 {top:1%;height:99%} .info-interne {border:2px solid #ccc;background:#fff;margin:auto;text-align:left;padding:10px} body>.info-main {position:fixed} .info-bg {position:absolute;top:0px;left:0px;width:100%;height:100%;background:#efefef;z-index:1} .info-box a.more {font-size:0.8em;color:#777;text-decoration:none} .info-box a.more:hover {color:#333;text-decoration:underline} /* index.php */ .sysinfo {border:1px solid #ccc;background:#efefef;float:right} .sysinfo td {background:#fff;padding:3px} /* formulaires client */ #resultat_recherche {border:2px solid #ccc;height:120px;overflow:hidden;overflow-y:auto;font-size:1.2em;width:410px;height:270px} #resultat_recherche a {display:block;padding:5px;border:1px solid transparent;border-bottom:1px solid #efefef;text-decoration:none;color:#555} #resultat_recherche a:hover {border:1px solid #ccc;color:#000;background:#efefef} #resultat_recherche a>span {display:block;text-align:right} .rech_result_denom {display:block;text-align:center;font-weight:bold;padding:10px} .recherche02 {border:2px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;background:#efefef;padding:10px} table.liste {width:100%;border-collapse:collapse} table.liste td {padding:3px;border:1px solid #eee;border-bottom:1px solid #ccc;vertical-align:top} table.liste .disabled td {color:#777;background:#f5f5f5} /* connexion */ a.connexion {text-decoration:none;color:#333;font-style:Italic;font-size:0.7em} a.connexion:hover {text-decoration:underline} /* */ div.enabled {background:#333;border:1px solid #ccc;padding:10px;color:#fff;margin-bottom:5px} div.disabled {background:#eee;border:1px solid #ccc;padding:10px;color:#888;margin-bottom:5px} div.actif {background:#fff;border:4px solid #4d5f9c;padding:10px;color:#000;margin-bottom:5px} /* upload */ .explore {width:100%;border-collapse:collapse} .explore td {padding:2px 5px;border-bottom:1px solid #eee} .explore td.b {border-left:1px solid #ccc} .explore td a.titreCell {display:block;text-decoration:none;font-weight:bold;color:#eee} .explore td a.titreCell:hover {color:#fff;text-decoration:underline} .explore td a.sup {display:block;text-decoration:none;font-style:italic;color:#333;font-size:0.9em} .explore td a.sup:hover {color:#000;text-decoration:underline} table.m {width:80%;margin:auto;border:1px solid #ccc} .value {font-weight:bold} /* footer */ #footer{width:100%;height:20px;text-align:center;color:#555;font-size:0.8em} a.ediPub span {display:block;padding:5px;width:337px;border:2px solid #ccc;background:#fff;margin:auto} .select-fake {width:200px;height:200px;display:block;overflow-y:scroll;padding:2px;background:#efefef;border:1px solid #ccc;position:relative} .select-fake div {display:block;margin:0px;padding:1px} .select-fake div a {background:#fff;padding:3px 5px;text-decoration:none;display:block;width:170px;border:1px solid #ccc;color:#333} .select-fake div a:hover {background:#bbb;border-color:#555;color:#333} .select-fake div.first a {font-style:italic;font-weight:bold;color:#ff6000;background:#ddd;border:1px solid #aaa} .select-fake div.selected a {color:#fff;font-weight:bold;border-color:#555;background-color:#888} #imgPreview {margin:0 auto;border:2px solid #ccc} /* autocomplete */ input.autocomplete-loading{background-image:url('../images/autocomplete.gif');background-position: center right;background-repeat:no-repeat} ul.autocomplete {position: absolute;overflow: hidden;background-color: #fff;border: 1px solid ButtonShadow;margin: 0px;padding: 0px;list-style: none;color: #000;display:none;z-index:1000} ul.autocomplete li {display: block;padding: 0.3em;overflow: hidden;width: 100%;cursor:pointer} ul.autocomplete li.selected {background-color: Highlight;color: #fff} /*** STATISTIQUES ***/ .contenu-statistique{background-color:#ffffff} .stat-cadre-module {width:247px;height:57px;background:transparent url('../images/packweb_module.png') no-repeat -5px 0px} .stat-cadre-module:hover {background-position:-5px -60px} .stat-cadre-module H2 {margin:0px;padding:8px;color:#000} .stat-cadre-module H2:first-letter {color:#ff7d00} .stat-cadre-module div {float:right;margin-top:12px} .stat-cadre-module div.stat {margin-right:15px} .ctest a,.stat a{text-decoration:none;color:#000;font-weight:bold} .ctest a:hover,.stat a:hover {text-decoration:underline} #div-chapitre b {font-size:1.1em;margin-bottom:10px;padding:0px} .ctest{background:url(../../images/formation/sprite-statistiques.png)} .ctest-rouge{width:200px;height:50px;background-position:-220px -105px ;margin:5px 2px 0px 0px;float:left;padding:15px 5px 0px 5px;text-align:center} .ctest-vert{width:200px;height:50px;background-position:-5px -246px ;margin:5px 2px 0px 0px;float:left;padding:15px 5px 0px 5px;text-align:center} .ctest-orange,.ctest-orange2{width:200px;height:50px;background-position:-5px -104px ;margin:5px 2px 0px 0px;float:left;padding:15px 5px 0px 5px;text-align:center} .ctest-rouge:hover{background-position:-220px -177px ;cursor:pointer} .ctest-vert:hover{background-position:-219px -246px ;cursor:pointer} .ctest-orange:hover{background-position:-5px -176px ;cursor:pointer} .ctest-orange2:hover{} div.limit {width:700px;height:250px;overflow:hidden;overflow-y:scroll;padding:0px;margin:0px} div.limit table {margin:0px} /*** Formation***/ .formContenu {margin:auto} .formContenu a {text-decoration:none} .formContenu a:hover {background:#000;color:#fff} .cadre-module{margin:10px 0px 10px 0px;width:568px;background:#fff} .cadre-module h2 {color:#000} .feu-module{width:20px;margin:5px;float:left} .vignette{float:right;width:65px;height:65px;margin:5px} .entete-module{cursor:pointer;height:77px;padding-left:10px} .chapitre{width:450px;margin-left:50px;margin-bottom:20px;display:none} .cadre-chapitre{width:100%;height:26px;border-top:1px solid #ababab} .cadre-chapitre a{color:#000000;font-weight:normal;font-size:0.95em;padding:0px 5px 0px 5px} .cadre-cours{float:left;margin:3px 0px 3px 5px} .cadre-test{float:right;margin-right:5px} .cadre-test-interieur{float:left;margin:3px 5px 3px 0px} .cadre-test-interieur a{color:#000000;font-weight:normal;font-size:0.95em;padding:0px 5px 0px 5px} .cadre-apprentissage{margin:10px 0px 10px 0px;width:548px;border:2px solid #5eb776;background:#fff;padding:10px} .cadre-examen{margin:10px 0px 10px 0px;padding:5px;width:558px;border:2px solid #5eb776;background:#fff;padding:10px} /*** Correction des questions***/ #player_correction{float:right;margin:2px 2px 0px 0px} #entete-question{height:40px} #image-question{margin:0px;width:640px;height:325px;display:block} #IdQuestion{float:right;font-size:0.8em;margin-right:50px;padding-top:15px} #div-droite-question{clear:both;float:right;height:464px;border:1px solid #E4E4E4;width:235px;position:relative;padding:5px} #div-gauche-question{float:left} #question-suivante{width:120px;height:33px;background-position: -153px -298px ;float:left;margin-left:60px;position:absolute;bottom:20px} #question-suivante:hover{background-position: -286px -298px } #div-reponse{display:none} #texte-question{width:630px;height:150px;padding:5px;background-color:#000000;color:#ffffff;font-weight:bold;font-size:1.1em;margin:0px} .ligne-question{height:25px} .proposition-question{padding:5px 10px 0px 10px;background-color:#000000;float:left} .pointille-question{background:url(../../images/formation/pointille.gif) repeat-x;height:25px} .lettre-question{padding:5px 10px 0px 10px;background-color:#000000;float:right} .ennonce-question{clear:both} #correction-question{font-size:0.95em;clear:both;margin-top:10px} #fond-page-question{position:absolute;top:0px;width:100%;height:100%;background-color:#000000;z-index:10} #resultat-gauche{float:left;width:330px} #resultat-droite{float:right;margin-left:0px;margin-top:40px;padding-left:30px;width:510px;border-left:1px solid #cccccc} .div-correction_question-h{width:360px;height:15px;background:url(../../images/formation/sprite-resultat.png) 0px -318px } .div-correction_question-m{width:330px;background:url(../../images/formation/sprite-resultat.png) 0px -335px;padding:0px 10px 0px 10px;-padding:0px;-width:350px} .div-correction_question-b{width:360px;height:22px;background:url(../../images/formation/sprite-resultat.png) 0px -611px } /* ------------------ Plaquette -------------------- */ .plaquettes,.plaquettes2 {border-collapse:collapse} .plaquettes thead td,.plaquettes2 thead td {vertical-align:middle;border:2px solid #AAA;padding:3px} .plaquettes thead td.first,.plaquettes2 thead td.first {border:none;width:200px} .plaquettes thead td img,.plaquettes2 thead td img {display:block} .plaquettes tbody td,.plaquettes2 tbody td {border:2px solid #AAA;padding:3px} .plaquettes tbody td.first,.plaquettes2 tbody td.first {background:#ccc;color:#333} .plaquettes tbody td.first.centrer,.plaquettes2 tbody td.first.centrer {font-style:italic;font-size:0.8em} .plaquettes tbody td a {color:#333;text-decoration:none;display:block;width:210} .plaquettes tbody td a:hover {background:#333;color:#fff} /* Nouveaux style des pages Mon site internet */ .sprite-bcd{background:url(../images/sprite-bcd.png);} .button-search{width:18px;height:18px;background-position:-1px -2px;margin-right:10px;} .button-search:hover{cursor:pointer;} .button-plus{width:18px;height:18px;background-position:-1px -19px;margin-right:10px;} .button-plus:hover{cursor:pointer;} .button-delete{width:18px;height:18px;background-position:-1px -36px;margin-right:10px;} .button-delete:hover{cursor:pointer;} .button-delete2{width:18px;height:18px;background-position:-1px -54px;margin-right:10px;} .button-delete2:hover{cursor:pointer;} .bloc-square{border:1px solid #bdbdbd;-webkit-box-shadow: 0px 0px 10px 1px #aaa;-moz-box-shadow: 0px 0px 10px 1px #aaa;box-shadow: 0px 0px 10px 1px #aaa;} .bloc-square .cell-head{font-weight:bold;border:0px;color:#172983;padding:5px 0px 0px 15px;margin:0px;height:26px;background:url(../images/bloc-square-bg.png) repeat-x;text-transform:uppercase;} .bloc-square .cell-head-right{font-weight:normal;color:#000;float:right;text-transform:none;margin-right:10px;} .bloc-square-cell{background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;margin-left:15px;} .bloc-square-cell:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-half-left{width:50%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6; position:relative;} .bloc-square .cell-half-right{width:50%;float:right;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-half-left:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-half-right:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-module{height:140px;cursor:pointer;} .bloc-square .cell-module-titre{margin:10px 0px 0px 120px;text-transform:uppercase;border-bottom:1px solid #dcdcdc;height:30px;line-height:30px;} .bloc-square .cell-module-thumb{margin:10px 0px 0px 10px;height:120px;float:left;} .bloc-square .cell-module-content{margin:10px 0px 0px 120px;font-size:0.9em;position:relative;} .bloc-square p{margin:0px 0px 0px 10px;} .bloc-square .cell-half-left .tarif{position:absolute;top:72px;right:5px;font-style:italic;} .bloc-square-cell .tarif{position:absolute;bottom:5px;right:5px;font-style:italic;} .bloc-square .cell-third-left{width:33.33%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-third-left:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-third-right{width:33.33%;float:right;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-third-right:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-quarter-left{width:25%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-quarter-left:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-quarter-right{width:25%;float:right;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-quarter-right:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-eighth-left{width:12.5%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-eighth-left:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-eighth-right{width:12.5%;float:right;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-eighth-right:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-sixteenth-left{width:6.25%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-sixteenth-left:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-sixteenth-right{width:6.25%;float:right;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-sixteenth-right:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-eighth-sixteenth-left{width:18.75%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-eighth-sixteenth-left:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-eighth-sixteenth-right{width:18.75%;float:right;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-eighth-sixteenth-right:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-quarter-sixteenth-left{width:31.25%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-quarter-sixteenth-left:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-quarter-sixteenth-right{width:31.25%;float:right;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-quarter-sixteenth-right:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-half-quarter-left{width:75%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;position:relative;} .bloc-square .cell-half-quarter-right{width:75%;float:right;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;} .bloc-square .cell-half-quarter-left:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .cell-half-quarter-right:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .margin-droite{margin-right:10px;} /* Spécifique page catalogue article */ .bloc-square .cell-article-titre{margin:10px 0px 0px 0px;text-transform:uppercase;padding:5px 0px 5px 10px;font-size:0.9em;height:190px;text-align:justify;position:relative;width:60%;} .bloc-square .cell-article-detail{;margin-left:20px;width:600px;} .bloc-square .cell-article-bouton-panier{float:right;margin-top:8px;*margin-top:-45px;*margin-left:80px;} .bloc-square .cell-article-detail a{color:#172983;text-decoration:none;} .bloc-square .cell-article-thumb{margin:10px 0px 0px 10px;height:100%;float:left;} .bloc-square .titre_article{font-size:1.4em;color:#172983;font-weight:bold;} .bloc-square .article_prix_gros{font-size:1.8em;font-weight:bold;margin-left:10px;color:#ff6600;} .bloc-square h2{padding-left:15px;} .texte-preferenciel{font-size:1em ;color:#0077cc;} .bloc-square .cell-article-offre{ background: #005379; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTM3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM3NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #005379 0%, #003762 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005379), color-stop(100%,#003762)); background: -webkit-linear-gradient(top, #005379 0%,#003762 100%); background: -o-linear-gradient(top, #005379 0%,#003762 100%); background: -ms-linear-gradient(top, #005379 0%,#003762 100%); background: linear-gradient(top, #005379 0%,#003762 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005379', endColorstr='#003762',GradientType=0 ); position:relative; height:110px; padding-left:20px; padding-right:130px; color:#ffffff; } .bloc-square .cell-article-offre .bloc-prix-offre{position:absolute;top:-12px;right:10px;width:127px;height:107px;color:#ffffff;text-shadow:-1px 2px 2px #333333;text-align:center;font-size:1.3em;line-height:85px;background-image:url(../images/article-promo.png);} .bloc-square .bloc-detail-offre{position:relative;background:#d7d7d7;color:#172983;padding-left:130px;padding-top:15px;padding-right:30px;padding-bottom:10px;margin-bottom:10px;min-height:35px;cursor:pointer;} .bloc-square .bloc-detail-offre:hover{background-color:#e2ebf9;border-bottom:1px solid #d7e4f6;} .bloc-square .bloc-detail-offre .bloc-thumb-offre{position:absolute;top:-25px;left:20px;width:100px;height:100px;} .bloc-square .bloc-detail-offre .tarif{position:absolute;bottom:5px;right:10px;font-style:italic;color:#000000;} /* bloc-square spécifique à la liste des noms de domaines */ #bloc-square-listeDomaine .title{ font-weight: bold; } #bloc-square-listeDomaine .cell-1{ width:38%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6; position:relative; } #bloc-square-listeDomaine .cell-2{ width:20%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6; position:relative; } #bloc-square-listeDomaine .cell-3{ width:20%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6; position:relative; } #bloc-square-listeDomaine .cell-4{ width:17%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6; position:relative; } #bloc-square-listeDomaine .cell-5{ width:5%;float:left;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6; position:relative; } .gestion-code .bloc-square-cell div{height:35px;line-height:35px;} .code-acces div{cursor:pointer;} .code-acces div span.oui{color: blue; font-weight:normal;} .code-acces div span.non{color: red;} /* Spécifique à la page site */ .site-outil-on{width:25%;float:left;background-color:#e2e2e2;margin:1px 0px;} .site-outil-on:hover{cursor:pointer;border-bottom:2px solid #777;} .site-outil-off{width:25%;float:left;background-color:#b0b0b0;border-right:0px solid #fff;margin:1px 0px;} .site-outil-off:hover{cursor:pointer;border-bottom:2px solid #777;} .site-outil-box{width:111px;height:60px;background:url(../images/site-outils-sprite.png) no-repeat;margin:auto;} .site-outil-14-on{background-position:-1px -1px ;} .site-outil-14-off{background-position:-113px -1px ;} .site-outil-15-on{background-position:-1px -62px;} .site-outil-15-off{background-position:-113px -62px;} .site-outil-17-on{background-position:-1px -123px;} .site-outil-17-off{background-position:-113px -123px;} .site-outil-13-on{background-position:-1px -184px;} .site-outil-13-off{background-position:-113px -184px;} .site-outil-16-on{background-position:-1px -245px;} .site-outil-16-off{background-position:-113px -245px;} /**** Notation intervention ****/ .etoile-off{float:left;width:24px;height:24px;background-position: -25px -76px;cursor:pointer;} /*.etoile-off:hover{background-position: 0px -76px;}*/ .etoile-on{float:left;width:24px;height:24px;background-position: 0px -76px;cursor:pointer;} /**** Factures ***/ span.bt { display:inline-block; padding:0px 5px; border:1px outset #aaa; cursor:pointer } /*** Aides ***/ .Aide {position:absolute;bottom:20px;left:20px} .imgAide {border:1px solid #000;margin:5px} body>.Aide {position:fixed} .n-Aide a {text-decoration:none;font-weight:bold;color:#555} .n-Aide a:hover {text-decoration:underline;color:#333} table.comp{border-collapse:collapse;background:#eee;border:1px solid #ccc;margin:auto;margin-bottom:10px;margin-right:50px;float:right} table.comp td, table.comp th {padding:5px 20px} table.comp a {font-size:0.8em} /*****************************************************************/ /* niceForm */ /*****************************************************************/ img {border:0} /* .niceform {color:#555} input, textarea {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#404040} label {cursor:pointer;padding-left:2px;line-height:16px} label.chosen {font-weight:bold} .outtaHere {position:absolute;left:-3000px} .radioArea, .radioAreaChecked {float:left;width:15px;height:14px;font-size:0;cursor:pointer} .radioArea {background:url(../images/niceform/radio.gif) no-repeat left top} .radioAreaChecked {background:url(../images/niceform/radio.gif) no-repeat left bottom} .checkboxArea, .checkboxAreaChecked {display:block;float:left;clear:left;width:13px;height:13px;font-size:0;padding:0;margin:0;cursor:pointer} .checkboxArea {background:url(../images/niceform/checkbox.gif) no-repeat left top} .checkboxAreaChecked {background:url(../images/niceform/checkbox.gif) no-repeat left bottom} .focused {border:1px dotted #ddd} .textinput, .textinputHovered {height:18px;background:url(../images/niceform/input_bg.gif) repeat-x left top;border:none;padding:3px 0px 2px 0px;vertical-align:middle} .textinputHovered {background-position:left bottom;padding-bottom:2px} .inputCorner {padding-bottom:0;vertical-align:middle} .txtarea .tr, .txtarea .tr_xon {background:url(../images/niceform/txtarea_tr.gif) no-repeat top right} .txtarea .tr_xon {background:url(../images/niceform/txtarea_tr_xon.gif) no-repeat top right} .txtarea img.txt_corner {width:5px;height:5px;display:block} .txtarea .br, .txtarea .br_xon {background:url(../images/niceform/txtarea_br.gif) no-repeat top right} .txtarea .br_xon {background:url(../images/niceform/txtarea_br_xon.gif) no-repeat top right} .txtarea .cntr {background:url(../images/niceform/txtarea_cntr.gif) repeat-y right top} .txtarea .cntr_xon {background:url(../images/niceform/txtarea_cntr_xon.gif) repeat-y right top} .txtarea .cntr_l, .txtarea .cntr_l_xon {width:5px;background:url(../images/niceform/txtarea_l.gif) repeat-y left top;float:left} .txtarea .cntr_l_xon {background:url(../images/niceform/txtarea_l_xon.gif) repeat-y left top} .txtarea textarea {border:0;background:none;padding:0;margin:5px} .selectArea {width:200px;height:21px;background:url(../images/niceform/select_bg.gif) repeat-x left top} .selectArea .left {width:8px;height:21px;float:left;background:url(../images/niceform/select_left.gif) no-repeat left top} .selectArea .right {width:21px;height:21px;float:right;background:url(../images/niceform/select_right.gif) no-repeat left top} .selectArea .right a {display:block;width:200px;height:21px;margin-left:-179px;position:absolute} .selectArea .right i {display:none} .selectArea .center {width:160px;color:#000;padding-top:3px;overflow:hidden;white-space:nowrap} .optionsDivInvisible, .optionsDivVisible {position:relative;margin-top:-1px;margin-left:3px;width:172px;background:#d5d6d6;padding:2px;font-size:11px;z-index:10000;overflow:auto;max-height:140px} .optionsDivInvisible, .dn {display:none} .optionsDivVisible {display:block;position:relative} .optionsDivVisible p {margin:0;padding:0} .optionsDivVisible a {text-decoration:none;display:block;padding:1px 4px;border:1px solid #c0c0c0;color:#333} .optionsDivVisible a:hover {color:#FFF;background:#5F6062;border-color:#cfd0d6} .buttonSubmit, .buttonSubmitHovered {width:auto;height:26px;color:#555;font-weight:bold;padding:2px;background:url(../images/niceform/button_bg.gif) repeat-x left top;border:none} .buttonImg {position:relative;_margin-bottom:2px} .buttonSubmitHovered {background-position:left bottom;color:#333} .buttonImg {vertical-align:bottom} input[type=button],input[type=submit]{ margin-left:0px; margin-right:0px; } span.obli {color:red;float:right;margin-right:5px} .legend {font-size:0.8em;text-align:right} .legend span.obli {color:red;float:none;margin:0px 5px} /* /*****************************************************************/ /* Tabs */ /*****************************************************************/ @media projection, screen {.tabsform .ui-tabs-hide {display: none}} @media print {.tabsform .ui-tabs-nav {display: none; background:none;}} /* Datepicker ----------------------------------*/ /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../images/ui/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../images/ui/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../images/ui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../images/ui/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../images/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; } .ui-buttonset .ui-state-default, .ui-buttonset .ui-widget-content .ui-state-default, .ui-buttonset .ui-widget-header .ui-state-default { position:relative; z-index:0; border: 1px solid #f11e28; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #f11e28; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 4px #555; -moz-box-shadow: 1px 1px 4px #555; box-shadow: 1px 1px 4px #555; behavior: url('css/htc/PIE.htc'); } .ui-buttonset .ui-state-default a, .ui-buttonset .ui-state-default a:link, .ui-buttonset .ui-state-default a:visited { color: #f11e28; text-decoration: none; } .ui-buttonset .ui-state-hover, .ui-buttonset .ui-widget-content .ui-state-hover, .ui-buttonset .ui-widget-header .ui-state-hover, .ui-buttonset .ui-state-focus, .ui-buttonset .ui-widget-content .ui-state-focus, .ui-buttonset .ui-widget-header .ui-state-focus { border: 1px solid #8e8792; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #8e8792; } .ui-buttonset .ui-state-hover a, .ui-buttonset .ui-state-hover a:hover { color: #8e8792; text-decoration: none; } .ui-buttonset .ui-state-active, .ui-buttonset .ui-widget-content .ui-state-active, .ui-buttonset .ui-widget-header .ui-state-active { position:relative; border: 1px solid #25b41d; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #25b41d; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 4px #555; -moz-box-shadow: 1px 1px 4px #555; box-shadow: 1px 1px 4px #555; behavior: url('css/htc/PIE.htc'); } .ui-buttonset .ui-state-active a, .ui-buttonset .ui-state-active a:link, .ui-buttonset .ui-state-active a:visited { color: #25b41d; text-decoration: none; } .ui-buttonset .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(../images/ui/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../images/ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../images/ui/ui-icons_222222_256x240.png); } #menu .ui-icon { width: 16px; height: 16px; background: none; border:none; } .ui-widget-content .ui-icon {background-image: url(../images/ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../images/ui/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(../images/ui/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../images/ui/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui/ui-icons_ffd27a_256x240.png); } /* positioning */ .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-seek-first { background-position: -80px -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; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(../images/ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} /* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; } /* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .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; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Overlays */ .ui-widget-overlay { background: #666666 url(../images/ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0;z-index:10000 } .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 { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; 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 .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .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-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .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-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 0.5; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 0px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .tabsform { border:none; font-size:1em; } .tabsform .niveau1 {font-size:0.9em; } .tabsform .niveau1,.tabsform .niveau2 {list-style-type:none;margin:0px;padding:0px;height:30px; background:none; border:none; margin-bottom:13px;} .tabsform .niveau1 li,.tabsform .niveau2 li {float:left;padding:3px 5px;margin-right:3px;background:#6f6f6f;border:1px solid #6f6f6f;border-bottom:0px} .tabsform .niveau2 { margin-bottom:14px;} .tabsform .niveau2 li {background:#BABABA;border:1px solid #BABABA;border-bottom:0px} .tabsform .niveau1 .ui-tabs-selected {background:#fff;border-bottom:1px solid #BABABA;position:relative; margin-top:2px;} .tabsform .niveau2 .ui-tabs-selected {background:#fff;border-bottom:1px solid #BABABA;position:relative; margin-top:1px;} .tabsform .niveau1 a {text-decoration:none;font-size:1.2em;color:#fff} .tabsform .niveau2 a {text-decoration:none;font-size:1em;color:#fff} .tabsform .niveau1 .ui-tabs-selected a {color:#6F6F6F;} .tabsform .niveau2 .ui-tabs-selected a {color:#6F6F6F;} .tabsform .ui-tabs-panel {background:#fff;padding:10px} .tabsform .ui-tabs-panel {background:#fff;border:1px solid #6f6f6f;z-index:2} .SousMenu .ui-tabs-panel {background:#fff;border:1px solid #bababa;z-index:3} .tabsform .niveau1 li.ui-tabs-disabled {background:#fff} .tabsform .niveau1 li.ui-tabs-disabled a {color:#fff} .boutonRadio{height:auto; width:60px;} table.facture {margin:auto;border:1px solid #ccc;border-collapse:collapse} table.facture th {border:1px solid #ccc;padding:3px 5px;background:#333;color:#fff} table.facture td {border:1px solid #ccc;padding:3px 5px} .rate td {color:#D22} .reussi td {color:#080} #divTooltip {border:2px solid #ccc;padding:5px;background:#fff;opacity: 0.85;z-index:2} #divTooltip h1 {margin:0px;padding:0px 3px 3px 3px} table.accueil{border-collapse:separate;border-spacing: 10pt 5pt} table.accueil td {background:#fff;border:2px solid #ccc;padding:0px 3px} table.accueil td.big {width:38%} table.accueil ul.list {margin:0px;padding:0px;list-style-type:none} table.accueil ul.list li {margin:0px;padding:0px 5px 0px 10px} table.accueil a {text-decoration:none;color:#555} table.accueil a:hover {color:#333;text-decoration:underline} table.accueil a.lnk {display:block;text-align:right;font-weight:bold;color:#aaa} table.boutique td {border:0px} table.boutique .haut div.titre_boutique {text-align:center;font-weight:bold} table.boutique .haut a {display:block;text-align:right;text-decoration:none;color:#aaa;font-weight:bold} table.boutique .haut a:hover {color:#333;text-decoration:underline} table.boutique .bas div.titre_boutique {margin:30px 0px 5px 0px;font-weight:bold;color:#9ac404;font-size:1.2em} table.boutique .bas a {color:#333;text-decoration:none;display:block;border:1px solid transparent;margin-right:2px;width:120px;height:160px;} table.boutique .bas a:hover {color:#000;border:1px solid #333} table.boutique .bas a img {float:none} table.boutique .bar {border-right:2px solid #ccc} .produit-phare{text-align:center;} /****************************/ /** Preconisation Partie AE */ /****************************/ .preconisation_bloc {width:100%; width:580px; margin:0 auto;} .preconisation_haut {background:url(../images/preconisation_haut.png); width:580px; height:24px; float:left;} .preconisation_centre {background:url(../images/preconisation_centre.png) repeat-y; width:580px; height:auto; float:left;} .preconisation_bas {background:url(../images/preconisation_bas.png); width:580px; height:24px; float:left;} .preconisation_contenu {width:540px; height:auto; margin-left:20px; float:left;} .preconisation_actif {background:url(../images/actif.png); width:15px; height:15px; float:left;} .preconisation_inactif {background:url(../images/inactif.png); width:15px; height:15px; float:left;} .preconisation_courslu {background:url(../images/cours_lu.png); width:20px; height:20px; float:left;} .preconisation_coursnonlu {background:url(../images/cours_nonlu.png); width:20px; height:20px; float:left;} .preconisation_liste {float:left; width:100%; clear:both; margin-bottom:2px;} .preconisation_texteliste {float:left; margin-left:8px; margin-top:0px;} /****************************/ /** Page ClubPrivilège */ /****************************/ #privilege_fond_hautdroite{margin-right:-10px;width:533px;height:380px;position:absolute;top:0px;right:0px;background-image:url(../images/club_privilege_fond_hautdroite.png);} #privilege_fond_basdroite{margin-right:-10px;width:169px;height:277px;position:absolute;bottom:0px;right:0px;background-image:url(../images/club_privilege_fond_basdroite.png);} #privilege_fond_basgauche{margin-left:-10px;width:154px;height:273px;position:absolute;bottom:400px;left:0px;background-image:url(../images/club_privilege_fond_basgauche.png);} .bloc_image_cp{ margin-bottom: 200px; text-align: center; margin-top: 20px; } .bloc_image_cp_ae img{ margin-right: -2px; margin-bottom: 15px; } .bloc_image_cp img{ margin-right: 15px; margin-bottom: 10px; margin-left: 270px; } .picto_debut_paragraphe{ margin-right: 10px; } .image_voyage{ } .image_ae img{ border: 5px solid #555; border-radius: 10px; } #club_privilege em{ margin-bottom: 40px; } .cp_edikit{ } /****************************/ /** NOMAPAD */ /****************************/ .nomapad_ES{width:25px;height:25px;background:url("../../images/nomapad/sprite_nomapad.png") no-repeat;margin:5px;cursor:pointer;} .nomapad_ES_verte{background-position:0px 0px;} .nomapad_ES_rouge{background-position:0px -30px;} .nomapad_ES_gris{background-position:0px -60px;} .nomapad_simu{width:21px;height:24px;background:url("../../images/nomapad/sprite_nomapad.png") no-repeat;margin:5px;cursor:pointer;} .nomapad_simu_vert{background-position:0px -90px;} .nomapad_simu_rouge{background-position:0px -120px;} .nomapad_simu_gris{background-position:0px -150px;} .carre{width:19px;height:19px;background:url("../../images/nomapad/sprite_nomapad.png") no-repeat;margin:5px;cursor:pointer;} .nomapad_carre_plein{background-position:-30px -55px;} .nomapad_carre_croix{background-position:-30px -80px;} .nomapad_carre_barre{background-position:-30px -105px;} .nomapad_carre_vide{background-position:-30px -130px;} .nomapad_titre{width:auto;height:21px;background:url("../../images/nomapad/sprite_nomapad.png") no-repeat;margin:5px;padding-left:20px;font-weight:bold;} .nomapad_etape1{background-position:-65px -0px;} .nomapad_etape2{background-position:-65px -25px;} .nomapad_etape3{background-position:-65px -50px;} .nomapad_etape4{background-position:-65px -75px;} .nomapad_bt{height:48px;float:left;margin-top:8px;} .nomapad_bt_gris{height:48px;font-size:0.9em;text-align:center;font-weight:bold;cursor:pointer;} .nomapad_coin_gch{height:48px;width:13px;background:url("../../images/nomapad/sprite_nomapad.png") no-repeat;background-position:-30px 0px;float:left;margin-left:8px;} .nomapad_bt_centre{height:48px;width:auto;background:url("../../images/nomapad/sprite_nomapad.png") repeat;background-position:0px -280px;float:left;padding-top:3px;} .nomapad_coin_dt{height:48px;width:13px;background:url("../../images/nomapad/sprite_nomapad.png") no-repeat;background-position:-44px 0px;float:left;margin-right:8px;} .nomapad_barre{height:19px;-moz-border-radius:0 0 10px 10px;background:url("../../images/nomapad/sprite_nomapad.png") no-repeat; margin:5px; text-align:center;} .nomapad_barre_verte{background-position:0px -180px;border:1px solid .08ab00;} .nomapad_barre_jaune{background-position:0px -205px;border:1px solid .dc8f00;} .nomapad_barre_orange{background-position:0px -230px;border:1px solid .cf500a;} .nomapad_barre_rouge{background-position:0px -255px;border:1px solid .8b0606;} .nomapad_fondchoixdate{margin-top:-40px; background:#eeeeee; padding:4px; padding-left:10px; margin-bottom:8px; float:right; font-weight:bold;} .nomapad_content{float:left;} .nomapad_datepuceES{float:left; font-size:0.9em; margin-top:7px;} .nomapad_contentsynoptique_infos{float:left; clear:both; margin-left:25px;margin-top:-5px;margin-bottom:10px;} .nomapad_contentsynoptique_carre{font-weight:bold; font-size:0.9em; float:left; width:90%; padding-left:15px; margin-left:10px; margin-top:-1px; border-top:1px solid #fff; border-bottom:1px solid #fff;} .nomapad_contentsynoptique_lettre{width:15px; float:left; font-size:1.2em; font-weight:bold; margin-top:2px; text-align:center;} /************************ Index admin ************************/ /* Mise a jours v1.3*/ /* Classement Médailles */ #medaille_or{background:url(../images/med_or_etg.png) no-repeat;width:300px;height:60px;} #medaille_argent{background:url(../images/med_ag_etg.png) no-repeat;width:300px;height:60px;} #medaille_bronze{background:url(../images/med_bz_etg.png) no-repeat;width:300px;height:60px;} .medaille_content{margin-left:75px;padding-top:25px;font-size:0.8em;font-weight:bold;} table.accueil .table_palmares{width:100%;font-size:0.8em;} table.accueil .table_palmares td{border:0px;} #compteur_aiguille {height:100%;margin:auto;text-align:center;vertical-align:middle;padding:0px;margin:0px;} #compteur_aiguille embed {margin:auto;display:block;} #compteur_recept {width:408px;height:408px;position:absolute;right:-74px;top:-58px;} #compteur_recept * {padding:0px;margin:0px;} #compteur_recept td {width:408px;height:408px;text-align:center;vertical-align:middle;} .ResultatListe {border-collapse:collapse;border:1px solid #bbb;margin:auto;} .ResultatListe th {background:#ddd;padding:3px 5px;border:1px solid #bbb;text-align:center;} .ResultatListe td {padding:3px 5px;border-bottom:1px solid #bbb;border-right:1px solid #ccc;text-align:center;} .ResultatListe td.last {border-right:1px solid #bbb;} .ResultatListe tbody>td {position:fixed} .ResultatListe .vide {background-color:#efefef;} .ResultatListe caption {text-align:left} .abandon td {color:#888;} .rate td {color:#D22;} .reussi td {color:#080;} .detail {text-decoration:none;color:#555} .detail:hover {text-decoration:underline;color:#000} .ResultatListe .insec, .ResultatListe small {white-space:nowrap} .cont_list_test {padding-top:10px;background:transparent url('../../images/stats/fond_stat_test.png') no-repeat center top;height:620px} .ResultatListe th {background:transparent url('../../images/stats/lst_head_bg.png') repeat-x center center;} .ResultatListe td {background-image:url('../../images/stats/lst_cell_bg.png');background-repeat:repeat-x;background-position:bottom center;} .stat{background:url(../../images/formation/sprite-statistiques.png);} .cadre-stat-450{width:395px;height:160px;background-position:-2px -348px ;margin:10px;padding:10px;float:left;} .cadre-stat-450:hover{background-position:-2px -529px ;cursor:pointer;} .cadre-stat-packweb{background:url(../../images/stats/fond-cadre-stat-packweb.png) no-repeat right;margin:0px 20px 0px 20px;height:115px;} .cadre-stat-boitier{background:url(../../images/stats/fond-cadre-stat-boitier.png) no-repeat right;margin:0px 20px 0px 20px;height:115px;} .cadre-stat-simulateur{background:url(../../images/stats/fond-cadre-stat-simulateur.png) no-repeat right;margin:0px 20px 0px 20px;height:115px;} .cadre-stat-umpc{background:url(../images/stats/fond-cadre-stat-umpc.png) no-repeat right;margin:0px 20px 0px 20px;height:115px;} .cadre-test-rouge{width:203px;height:52px;background-position:-217px -105px ;margin:5px;float:left;padding:15px 5px 0px 5px;text-align:center;} .cadre-test-vert{width:203px;height:52px;background-position:-2px -245px ;margin:5px;float:left;padding:15px 5px 0px 5px;text-align:center;} .cadre-test-orange{width:203px;height:54px;background-position:-2px -102px ;margin:5px;float:left;padding:15px 5px 0px 5px;text-align:center;} .cadre-test-rouge:hover{background-position:-217px -177px ;cursor:pointer;} .cadre-test-vert:hover{background-position:-216px -245px ;cursor:pointer;} .cadre-test-orange:hover{background-position:-2px -174px ;cursor:pointer;} .simu{background:url(../../images/stats/sprite-statistique-simulateur.png);} .simu-hautcadre{width:634px;height:14px;background-position:-1px -228px;} .simu-centrecadre{width:594px;background:url(../../images/stats/statistique-simu-cendre-cadre.png);padding:0px 20px;} .simu-bascadre{width:634px;height:23px;background-position:-1px -255px;} .objectif-nonaborde {width:18px;height:18px;background-position:-1px -81px;float:right;} .objectif-aborde {width:18px;height:18px;background-position:-1px -41px;float:right;} .objectif-guidage {width:18px;height:18px;background-position:-1px -61px;float:right;} .objectif-validation {width:18px;height:18px;background-position:-1px -1px;float:right;} .objectif-complet {width:18px;height:18px;background-position:-1px -21px;float:right;} .sousobjectif-gp {width:18px;height:18px;background-position:-21px -1px;float:left;} .sousobjectif-g1 {width:18px;height:18px;background-position:-21px -21px;float:left;} .sousobjectif-g2 {width:18px;height:18px;background-position:-21px -42px;float:left;} .sousobjectif-r1 {width:18px;height:18px;background-position:-21px -63px;float:left;} .sousobjectif-r2 {width:18px;height:18px;background-position:-42px -1px;float:left;} .sousobjectif-a1 {width:18px;height:18px;background-position:-42px -22px;float:left;} .sousobjectif-a2 {width:18px;height:18px;background-position:-42px -42px;float:left;} .sousobjectif-nonaborde {width:18px;height:18px;background-position:-42px -63px;float:left;} .sousobjectif-vert{font-weight:bold;color:#abd630;width:40px;float:left;} .sousobjectif-orange{font-weight:bold;color:#fe7e47;width:40px;float:left;} .sousobjectif-rouge{font-weight:bold;color:#ff1111;width:40px;float:left;} .sous-objectif{margin:5px 0px 0px 20px;} .simu-cadre-heure{width:223px;height:179px;background-position:-76px -5px;padding:20px;float:right;} .simu-note{width:250px;float:left;margin:5px 10px 5px 30px;} .simu-exercice-reussi{width:15px;height:15px;float:left;background-color:#abd630;} .simu-exercice-rate{width:15px;height:15px;float:left;background-color:#ff1111;} .barracuda{float:right;background:url(../../images/stats/simulateur-barracuda.jpg);width:250px;height:252px;} .bt-stat-pw-conseils{width:96px;height:28px;background-position:-2px -712px;float:left;margin:3px;} .bt-stat-pw-conseils.hover{height:28px;background-position:-2px -740px;} .bt-stat-pw-test{width:104px;height:28px;background-position:-104px -712px ;float:left;margin:3px;} .bt-stat-pw-test.hover{height:24px;background-position:-104px -740px ;} .bt-stat-pw-teledis{width:130px;height:28px;background-position:-215px -712px ;float:left;margin:3px;} .bt-stat-pw-teledis.hover{height:24px;background-position:-215px -740px ;} .bt-stat-pw-global,.bt-stat-pw-global2{width:96px;height:28px;background-position:-360px -1px ;float:left;margin:3px;} .bt-stat-pw-global:hover,.bt-stat-pw-global2.hover{height:24px;background-position:-360px -29px ;} .bt-stat-pw-module,.bt-stat-pw-module2{width:96px;height:28px;background-position:-360px -54px ;float:left;margin:3px;} .bt-stat-pw-module:hover, .bt-stat-pw-module2.hover{height:24px;background-position:-360px -81px ;} .bt-stat-pw-apprentissage,.bt-stat-pw-apprentissage2{width:129px;height:29px;background-position:-2px -314px ;float:left;margin:3px;} .bt-stat-pw-apprentissage:hover, .bt-stat-pw-apprentissage2.hover{background-position:-131px -314px ;} .bt-stat-pw-examen{width:87px;height:27px;background-position:-262px -314px ;float:left;margin:3px;} .bt-stat-pw-examen:hover{background-position:-351px -314px ;} .sel_etablissement {float:right;} .sel_etablissement option {} .img-stat-horloge { background-position:-430px -116px; float:left; height:20px; margin-left:20px; margin-right:5px; width:20px; } td.bleu h2 { text-align:right; color:#0000ff; margin:0px; } td.bleu .elem { border:2px solid #0000ff; margin-bottom:10px; background:#fff; } td.rose h2 { text-align:right; color:#f607f3; margin:0px; } td.rose .elem { border:2px solid #f607f3; margin-bottom:10px; background:#fff; } td .elem.desactive { background:#ccc; color:#888; } div.infoRetour{ height:1em; font-size:0.8em; color:red; margin-bottom:5px; margin:0px; padding:0px; text-align:center; } .bcd_menu_verouille,.bcd_menu_delete,.pw_options,.pw_menu_verouille,.pw_menu_delete {cursor:pointer} .hidden{display:none} .stat-feu-vert{width:16px;height:16px;float:right;background-position:-431px -173px ;margin:1px 5px 0px 10px;} .stat-feu-rouge{width:16px;height:16px;float:right;background-position:-431px -156px ;margin:1px 5px 0px 10px;} .stat-feu-gris{width:16px;height:16px;float:right;background-position:-431px -191px ;margin:1px 5px 0px 10px;} .stat-feu-orange{width:16px;height:16px;float:right;background-position:-431px -208px ;margin:1px 5px 0px 10px;} .ui-datepicker-trigger{cursor:pointer; margin-left:-23px; margin-top:6px; position:absolute; } .chCode { position:absolute; margin-left:-23px; margin-top:4px; cursor:pointer; } #stats_conduite_table { border-collapse:collapse; width:380px; margin-top:-8px; } #stats_conduite_table td, #stats_conduite_table th { border:none; vertical-align:middle; text-align:center; font-size:0.8em; line-height:1em; } #stats_conduite_table .cols1 { width:150px; padding:5px; font-weight:bold; } #stats_conduite_table .colsgris { width:55px; background:#dfdede; } #stats_conduite_table .colsgrisclair { width:60px; background:#f7f7f7; } .table_palmares .cols1 { width:150px; padding:5px; font-weight:bold; } .table_palmares .colsgris { width:45px; background:#dfdede; padding:5px; } .table_palmares .colsgrisclair { width:50px; background:#f7f7f7; padding:5px; } .puce_conduite{width:20px;height:20px;background:url("../images/puce_validation.png") no-repeat;} .puce_conduite_verte{background-position:0px 0px; margin:0 auto;} .puce_conduite_rouge{background-position:0px -22px; margin:0 auto;} .puce_conduite_gris{background-position:0px -44px; margin:0 auto;} .puce_niveau{width:24px;height:24px;background:url("../images/puce_niveau.png") no-repeat;} .puce_niveau_verte{background-position:0px 0px; margin:0 auto;} .puce_niveau_rouge{background-position:0px -26px; margin:0 auto;} .puce_niveau_orange{background-position:0px -52px; margin:0 auto;} .puce_niveau_jaune{background-position:0px -78px; margin:0 auto;} .puce_niveau_grise{background-position:0px -104px; margin:0 auto;} .puce_niveau{width:30px;height:30px;background:url("../images/puce_niveau2.png") no-repeat;} .puce_niveau_verte{background-position:-3px -113px; margin:0 auto;} .puce_niveau_rouge{background-position:-3px -28px; margin:0 auto;} .puce_niveau_orange{background-position:-3px -57px; margin:0 auto;} .puce_niveau_jaune{background-position:-3px -85px; margin:0 auto;} .puce_niveau_grise{background-position:-3px -142px; margin:0 auto;} .puce_niveautitre{width:56px;height:28px;background:url("../images/puce_niveau2.png") no-repeat;} .puce_niveau0{background-position:0px 0px; margin:0 auto;} .puce_niveau1{background-position:-57px 0px; margin:0 auto;} .puce_niveau2{background-position:-112px 0px; margin:0 auto;} .puce_niveau3{background-position:-169px 0px; margin:0 auto;} .lnk_pp { text-indent:-4000px; display:block; width:220px; height:30px; background:transparent url('../../images/formation/sprite_boutons.png') no-repeat 0px -408px; } .lnk_pp:hover { background-position: 0px -448px; } .list_fusion_principale{ padding-right:20px; margin-top:0; } .list_fusion_principale li{ list-style-image: url('../images/login.png'); margin-bottom:3px; } .list_fusion_doublon{ margin:0; } .list_fusion_doublon li{ list-style: none; padding-top:5px; } /* .list_fusion_doublon li.add_btn_fusion { list-style-image: url('../images/icone_fichier.png'); *list-style-image:none; *list-style:none; *background:url('../images/icone_fichier.png') no-repeat left; cursor:pointer; margin:0; height:20px; color:#FF6000; } .list_fusion_doublon li.remove_btn_fusion { list-style-image: url('../images/fichier_coche.png'); cursor:pointer; margin:0; height:20px; color:#589F31; font-style:italic; font-size:0.9em; } .ligne_eleve_fusion{ color:#6F6F6F; } */ #infosHautDroite{float:right; display:block; border-top:solid 2px #bbbbbb; border-left:solid 1px #bbbbbb; background:#efefef; margin-bottom:15px;} .blocfichiers{float:left; margin-top:10px; margin-right:15px;} div.fond_mini {background:url(../images/fond_bloc_mini.png) no-repeat bottom left;width:12px;height:12px;font-size:0px} div.fond_mini.bg{float:left;margin-left:-2px;_margin-left:-1px} div.fond_mini.hg{float:left;margin-left:-2px;_margin-left:-1px;margin-top:-2px;background-position:top left} div.fond_mini.bd{float:right;margin-right:0px;_margin-right:-1px;background-position:bottom right} div.fond_mini.hd{float:right;margin-right:0px;_margin-right:-1px;margin-top:-2px;background-position:top right} div.fond_mini_contenu{clear:both; padding-left:20px; padding-right:20px;} div.div_fonc_bloc{clear:both; display:block;border-top:solid 2px #bbbbbb; border-left:solid 1px #bbbbbb; border-right:solid 1px #bbbbbb; background:#EBEBEB; margin-bottom:20px; padding-bottom:22px; padding-top:7px;} div.div_fonc_bloc_messages{clear:both; display:block;border-top:solid 2px #bbbbbb; border-left:solid 1px #bbbbbb;;border-right:solid 1px #bbbbbb; background:#EBEBEB; margin-bottom:20px; padding-bottom:22px; padding-top:7px;} div.fond_bloc {background:url(../images/fond_bloc.png) no-repeat bottom left;width:22px;height:22px;font-size:0px} div.fond_bloc.bg{float:left;margin-left:-1px;_margin-left:-1px; margin-top:0px;} div.fond_bloc.hg{float:left;margin-left:-1px;_margin-left:-1px;margin-top:-9px;background-position:top left} div.fond_bloc.bd{float:right;margin-right:-1px;_margin-right:-1px; margin-top:0px; background-position:bottom right} div.fond_bloc.hd{float:right;margin-right:-1px;_margin-right:-1px; margin-top:-9px;background-position:top right} .bloc_listeMessage{position:relative; padding-left:15px; padding-bottom:1px;} .bloc_listeMessage .bloc_date {text-decoration:none; float:right; margin-top:10px; margin-right:20px;} .bloc_listeMessage .bloc_date .texteDate{float:right; margin-top:5px; margin-right:5px;} .bloc_listeMessage .bloc_date .date{float:right; margin-top:5px; margin-right:5px;color:#ff6000;} .icones_boutons{background:url(../images/icones_fichiers.png) no-repeat; height:39px; margin-top:0px; } .icones_fichiers{background:url(../images/icones_fichiers.png) no-repeat;width:39px;height:39px; float:left; margin-top:-10px; } .icone_PDF{ background-position:-80px 0; } .icone_Document{ background-position:0 0; } .icone_Tableur{ background-position:-119px 0; } .icone_Image{ background-position:-40px 0; } .icone_Musique{ background-position:-163px 0; } .icone_Video{ background-position:-204px 0; } .icone_Flash{ background-position:-250px 0; } .icone_Archive{ background-position:-295px 0; } .icone_Inconnu{ background-position:-39px 0; } .icone_Devis{ background-position:0 -37px; } .tabtarif { border-collapse:collapse; } .tabtarif td { padding:15px 15px 15px 10px; border:1px solid #BBBBBB; width:150px; } .borderradius { position:relative; border:1px solid #BBBBBB; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; behavior: url('css/htc/PIE.htc'); } a.btCss { display:block; line-height:30px; padding: 0 0 0 0; } *a.btCss { display:block; line-height:30px; padding: 0 15px 0 15px; } .btCss { font-family:Arial,sans-serif; cursor:pointer; min-width:150px; *min-width:auto; height:30px; text-align:center; text-transform: uppercase; border:none; margin:0 5px 0 5px; padding: 0 15px 0 15px; *padding:0; margin-top:7px; margin-bottom:7px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px 8px 8px 8px; display:moz-inline-box; text-decoration:none; position:relative; behavior: url('css/htc/PIE.htc'); } .btNeutre { color:#666666; /*text-shadow: -1px -1px 1px #cc985a;*/ /*filter: dropshadow(color=#cc985a, offx=-1, offy=-1); */ background: #bcbcbc; background: linear-gradient(top, #8e8c8c 0%,#b5b5b5 50%,#bcbcbc 50%,#e0e0e0 100%); background: -moz-linear-gradient(top, #8e8c8c 0%, #b5b5b5 50%, #bcbcbc 50%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8c8c), color-stop(50%,#b5b5b5), color-stop(50%,#bcbcbc), color-stop(100%,#e0e0e0)); background: -webkit-linear-gradient(top, #8e8c8c 0%,#b5b5b5 50%,#bcbcbc 50%,#e0e0e0 100%); background: -o-linear-gradient(top, #8e8c8c 0%,#b5b5b5 50%,#bcbcbc 50%,#e0e0e0 100%); /* background: -ms-linear-gradient(top, #8e8c8c 0%,#b5b5b5 50%,#bcbcbc 50%,#e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8c8c', endColorstr='#e0e0e0',GradientType=0 ); background: linear-gradient(top, #8e8c8c 0%,#b5b5b5 50%,#bcbcbc 50%,#e0e0e0 100%); */ -pie-background: linear-gradient(#8e8c8c, #e0e0e0); -webkit-box-shadow: 1px 1px 1px 1px #cc985a; -moz-box-shadow: 1px 1px 1px 1px #cc985a; box-shadow: 1px 1px 1px 1px #cc985a; position:relative; behavior: url('css/htc/PIE.htc'); } .btNeutre:active { color:#777777; /*text-shadow: -1px -1px 1px #dca86a;*/ /*filter: dropshadow(color=#dca86a, offx=-1, offy=-1); */ background: #cccccc; background: -moz-linear-gradient(top, #9e9c9c 0%, #c5c5c5 50%, #cccccc 50%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9c9c), color-stop(50%,#c5c5c5), color-stop(50%,#cccccc), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #9e9c9c 0%,#c5c5c5 50%,#cccccc 50%,#f0f0f0 100%); background: -o-linear-gradient(top, #9e9c9c 0%,#c5c5c5 50%,#cccccc 50%,#f0f0f0 100%); /*background: -ms-linear-gradient(top, #9e9c9c 0%,#c5c5c5 50%,#cccccc 50%,#f0f0f0 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9c9c', endColorstr='#f0f0f0',GradientType=0 );*/ /*background: linear-gradient(top, #9e9c9c 0%,#c5c5c5 50%,#cccccc 50%,#f0f0f0 100%);*/ -pie-background: linear-gradient(#9e9c9c, #f0f0f0); -webkit-box-shadow: 1px 1px 1px 1px #cc985a; -moz-box-shadow: 1px 1px 1px 1px #cc985a; box-shadow: 1px 1px 1px 1px #cc985a; position:relative; behavior: url('css/htc/PIE.htc'); } .btNeutre:hover { color:#676767; /*text-shadow: 1px 1px 1px #cc985a;*/ /*filter: dropshadow(color=#cc985a, offx=1, offy=1); */ background: #acacac; background: -moz-linear-gradient(top, #7e7c7c 0%, #a5a5a5 50%, #acacac 50%, #d0d0d0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7c7c), color-stop(50%,#a5a5a5), color-stop(50%,#acacac), color-stop(100%,#d0d0d0)); background: -webkit-linear-gradient(top, #7e7c7c 0%,#a5a5a5 50%,#acacac 50%,#d0d0d0 100%); background: -o-linear-gradient(top, #7e7c7c 0%,#a5a5a5 50%,#acacac 50%,#d0d0d0 100%); /*background: -ms-linear-gradient(top, #7e7c7c 0%,#a5a5a5 50%,#acacac 50%,#d0d0d0 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7c7c', endColorstr='#e0e0e0',GradientType=0 );*/ /*background: linear-gradient(top, #7e7c7c 0%,#a5a5a5 50%,#acacac 50%,#d0d0d0 100%);*/ -pie-background: linear-gradient(#7e7c7c, #d0d0d0); -webkit-box-shadow: inset 1px 1px 1px 1px #cc985a; -moz-box-shadow: inset 1px 1px 1px 1px #cc985a; box-shadow: inset 1px 1px 1px 1px #cc985a; position:relative; behavior: url('css/htc/PIE.htc'); } .btActive, .btNeutre { color:#eeeeee; /*text-shadow: -1px -1px 1px #6e9f80;*/ /*filter: dropshadow(color=#6e9f80, offx=-1, offy=-1); */ background: #303030; /* Old browsers */ background: -moz-linear-gradient(top, #303030 0%, #646464 50%, #6d6d6d 50%, #8f8f8f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(50%,#646464), color-stop(50%,#6d6d6d), color-stop(100%,#8f8f8f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #303030 0%,#646464 50%,#6d6d6d 50%,#8f8f8f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #303030 0%,#646464 50%,#6d6d6d 50%,#8f8f8f 100%); /* Opera11.10+ */ /*background: -ms-linear-gradient(top, #303030 0%,#646464 50%,#6d6d6d 50%,#8f8f8f 100%);*/ /* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#8f8f8f',GradientType=0 );*/ /* IE6-9 */ /*background: linear-gradient(top, #303030 0%,#646464 50%,#6d6d6d 50%,#8f8f8f 100%);*/ /* W3C */ -pie-background: linear-gradient(#303030, #8f8f8f); -webkit-box-shadow: 1px 1px 1px 1px #6e9f80; -moz-box-shadow: 1px 1px 1px 1px #6e9f80; box-shadow: 1px 1px 1px 1px #6e9f80; /*box-shadow:0px 2px 0px #263D2F, inset 0px 1px 0px #36B52D;*/ position:relative; behavior: url('css/htc/PIE.htc'); } .btActive:active, .btNeutre:active { color:#fefefe; /*text-shadow: -1px -1px 1px #7eaf90;*/ /*filter: dropshadow(color=#7eaf90, offx=-1, offy=-1); */ background: #404040; /* Old browsers */ background: -moz-linear-gradient(top, #404040 0%, #747474 50%, #7d7d7d 50%, #9f9f9f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(50%,#747474), color-stop(50%,#7d7d7d), color-stop(100%,#9f9f9f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #404040 0%,#747474 50%,#7d7d7d 50%,#9f9f9f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #404040 0%,#747474 50%,#7d7d7d 50%,#9f9f9f 100%); /* Opera11.10+ */ /*background: -ms-linear-gradient(top, #404040 0%,#747474 50%,#7d7d7d 50%,#9f9f9f 100%);*/ /* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#9f9f9f',GradientType=0 );*/ /* IE6-9 */ /*background: linear-gradient(top, #404040 0%,#747474 50%,#7d7d7d 50%,#9f9f9f 100%);*/ /* W3C */ -pie-background: linear-gradient(#404040, #9f9f9f); -webkit-box-shadow: 1px 1px 1px 1px #6e9f80; -moz-box-shadow: 1px 1px 1px 1px #6e9f80; box-shadow: 1px 1px 1px 1px #6e9f80; /*box-shadow:0px 2px 0px #263D2F, inset 0px 1px 0px #36B52D;*/ position:relative; behavior: url('css/htc/PIE.htc'); } .btActive:hover, .btNeutre:hover { color:#dedede; /*text-shadow: 1px 1px 1px #5eaf90;*/ /*filter: dropshadow(color=#5eaf90, offx=-1, offy=-1); */ background: #202020; /* Old browsers */ background: -moz-linear-gradient(top, #202020 0%, #545454 50%, #5d5d5d 50%, #7f7f7f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#202020), color-stop(50%,#545454), color-stop(50%,#5d5d5d), color-stop(100%,#7f7f7f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #202020 0%,#545454 50%,#5d5d5d 50%,#7f7f7f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #202020 0%,#545454 50%,#5d5d5d 50%,#7f7f7f 100%); /* Opera11.10+ */ /*background: -ms-linear-gradient(top, #202020 0%,#545454 50%,#5d5d5d 50%,#7f7f7f 100%);*/ /* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#7f7f7f',GradientType=0 );*/ /* IE6-9 */ /*background: linear-gradient(top, #202020 0%,#545454 50%,#5d5d5d 50%,#7f7f7f 100%);*/ /* W3C */ -pie-background: linear-gradient(#202020, #7f7f7f); -webkit-box-shadow: inset 1px 1px 1px 1px #6e9f80; -moz-box-shadow: inset 1px 1px 1px 1px #6e9f80; box-shadow: inset 1px 1px 1px 1px #6e9f80; /*box-shadow:0px 1px 0px #3C614B, inset 0px 2px 0px #263D2F;*/ position:relative; behavior: url('css/htc/PIE.htc'); } .btDesactive { color:#555555; /*text-shadow: -1px -1px 1px #c08e93;*/ /*filter: dropshadow(color=#c08e93, offx=-1, offy=-1); */ background: #bcbcbc; background: -moz-linear-gradient(top, #bcbcbc 0%, #d6d6d6 50%, #e0e0e0 50%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(50%,#d6d6d6), color-stop(50%,#e0e0e0), color-stop(100%,#e0e0e0)); background: -webkit-linear-gradient(top, #bcbcbc 0%,#d6d6d6 50%,#e0e0e0 50%,#e0e0e0 100%); background: -o-linear-gradient(top, #bcbcbc 0%,#d6d6d6 50%,#e0e0e0 50%,#e0e0e0 100%); /*background: -ms-linear-gradient(top, #bcbcbc 0%,#d6d6d6 50%,#e0e0e0 50%,#e0e0e0 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#e0e0e0',GradientType=0 );*/ /*background: linear-gradient(top, #bcbcbc 0%,#d6d6d6 50%,#e0e0e0 50%,#e0e0e0 100%);*/ -pie-background: linear-gradient(#bcbcbc, #e0e0e0); -webkit-box-shadow: 1px 1px 1px 1px #c08e93; -moz-box-shadow: 1px 1px 1px 1px #c08e93; box-shadow: 1px 1px 1px 1px #c08e93; position:relative; behavior: url('css/htc/PIE.htc'); } .btDesactive:active { color:#878787; /*text-shadow: -1px -1px 1px #d09ea3;*/ /*filter: dropshadow(color=#d09ea3, offx=-1, offy=-1); */ background: #cccccc; background: -moz-linear-gradient(top, #cccccc 0%, #e6e6e6 50%, #f0f0f0 50%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(50%,#e6e6e6), color-stop(50%,#f0f0f0), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #cccccc 0%,#e6e6e6 50%,#f0f0f0 50%,#f0f0f0 100%); background: -o-linear-gradient(top, #cccccc 0%,#e6e6e6 50%,#f0f0f0 50%,#f0f0f0 100%); /*background: -ms-linear-gradient(top, #cccccc 0%,#e6e6e6 50%,#f0f0f0 50%,#f0f0f0 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f0f0f0',GradientType=0 );*/ /*background: linear-gradient(top, #cccccc 0%,#e6e6e6 50%,#f0f0f0 50%,#f0f0f0 100%);*/ -pie-background: linear-gradient(#cccccc, #f0f0f0); -webkit-box-shadow: 1px 1px 1px 1px #c08e93; -moz-box-shadow: 1px 1px 1px 1px #c08e93; box-shadow: 1px 1px 1px 1px #c08e93; position:relative; behavior: url('css/htc/PIE.htc'); } .btDesactive:hover { color:#666666; /*text-shadow: 1px 1px 1px #b07e83;*/ /*filter: dropshadow(color=#b07e83, offx=1, offy=1); */ background: #acacac; background: -moz-linear-gradient(top, #acacac 0%, #c6c6c6 50%, #d0d0d0 50%, #d0d0d0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acacac), color-stop(50%,#c6c6c6), color-stop(50%,#d0d0d0), color-stop(100%,#d0d0d0)); background: -webkit-linear-gradient(top, #acacac 0%,#c6c6c6 50%,#d0d0d0 50%,#d0d0d0 100%); background: -o-linear-gradient(top, #acacac 0%,#c6c6c6 50%,#d0d0d0 50%,#d0d0d0 100%); /*background: -ms-linear-gradient(top, #acacac 0%,#c6c6c6 50%,#d0d0d0 50%,#d0d0d0 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acacac', endColorstr='#e0e0e0',GradientType=0 );*/ /*background: linear-gradient(top, #acacac 0%,#c6c6c6 50%,#d0d0d0 50%,#d0d0d0 100%);*/ -pie-background: linear-gradient(#acacac, #d0d0d0); -webkit-box-shadow: inset 1px 1px 1px 1px #c08e93; -moz-box-shadow: inset 1px 1px 1px 1px #c08e93; box-shadow: inset 1px 1px 1px 1px #c08e93; position:relative; behavior: url('css/htc/PIE.htc'); } .btImage { height:35px; padding-left:35px; color:#666666; text-shadow: -1px -1px 1px #cc985a; -webkit-box-shadow: 1px 1px 1px 1px #cc985a; -moz-box-shadow: 1px 1px 1px 1px #cc985a; box-shadow: 1px 1px 1px 1px #cc985a; position:relative; behavior: url('css/htc/PIE.htc'); } .btImage:active { color:#777777; text-shadow: -1px -1px 1px #dca86a; -webkit-box-shadow: 1px 1px 1px 1px #cc985a; -moz-box-shadow: 1px 1px 1px 1px #cc985a; box-shadow: 1px 1px 1px 1px #cc985a; position:relative; behavior: url('css/htc/PIE.htc'); } .btImage:hover { color:#676767; text-shadow: 1px 1px 1px #cc985a; -webkit-box-shadow: inset 1px 1px 1px 1px #cc985a; -moz-box-shadow: inset 1px 1px 1px 1px #cc985a; box-shadow: inset 1px 1px 1px 1px #cc985a; position:relative; behavior: url('css/htc/PIE.htc'); } .boutonCSS3{ font-family:Arial,sans-serif; font-size:1.6em; width:200px; height:43px; padding-top:17px; /*permet le centrage vertical*/ text-align:center; color:#000; background:#444; background:-moz-linear-gradient(top,#555,#2C2C2C); background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#2C2C2C)); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-shadow:0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); position:relative; behavior: url('css/htc/PIE.htc'); } .boutonCSS3:hover{ color:#222; background:#555; background:-moz-linear-gradient( top, #777, #333); background:-webkit-gradient( linear, left top, left bottom, from(#777), to(#333)); cursor:pointer; position:relative; behavior: url('css/htc/PIE.htc'); } .boutonCSS3:active{ color:#000; background:#444; background:-moz-linear-gradient( top, #555, #2C2C2C); background:-webkit-gradient( linear, left top, left bottom, from(#555), to(#2C2C2C)); -webkit-box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); position:relative; behavior: url('css/htc/PIE.htc'); } .btOuiOn{ float:left; font-family:Arial,sans-serif; font-size:1em; font-weight:bold; color:#fff; width:50px; height:20px; padding-top:3px; /*permet le centrage vertical*/ text-align:center; background:#4d8fef; /*background:-moz-linear-gradient(top,#3877e0,#5a99f4);*/ background: -moz-linear-gradient(top, #4d8fef 0%, #4085ec 50%, #5b95f5 50%, #65b0e3 100%); background:-webkit-gradient(linear, left top, left bottom, from(#336fd4), to(#76adfc), color-stop(0.50, #4085ec), color-stop(0.50, #4d8fef)); -pie-background: linear-gradient(#2B2F36, #336FD4); -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-radius:4px 0 0 4px; text-shadow:0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); -webkit-box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); position:relative; behavior: url('css/htc/PIE.htc'); } .btNonOn{ float:left; font-family:Arial,sans-serif; font-size:1em; font-weight:bold; color:#fff; width:50px; height:20px; padding-top:3px; /*permet le centrage vertical*/ text-align:center; background:#4d8fef; background: -moz-linear-gradient(top, #4d8fef 0%, #4085ec 50%, #5b95f5 50%, #65b0e3 100%); background:-webkit-gradient(linear, left top, left bottom, from(#336fd4), to(#76adfc), color-stop(0.50, #4085ec), color-stop(0.51, #4d8fef)); -pie-background: linear-gradient(#2B2F36, #336FD4); -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-radius:0 4px 4px 0; text-shadow:0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); -webkit-box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); box-shadow:1px 1px 10px black inset, 0 1px 0 rgba(255,255,255,0.4); position:relative; behavior: url('css/htc/PIE.htc'); } .btNonOff{ float:left; font-family:Arial,sans-serif; font-size:1em; font-weight:bold; color:#999; width:50px; height:20px; padding-top:3px; text-align:center; background: #cdcdcd; background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)); background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /*background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%);*/ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 );*/ /*background: linear-gradient(top, #ffffff 0%,#cdcdcd 100%);*/ -pie-background: linear-gradient(#ffffff, #cdcdcd); -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; -webkit-box-shadow: inset -1px 3px 5px 0px #a2a2a2; -moz-box-shadow: inset -1px 3px 5px 0px #a2a2a2; box-shadow: inset -1px 3px 5px 0px #a2a2a2; text-shadow:0px 1px 0px rgba(255,255,255,0.2); position:relative; behavior: url('css/htc/PIE.htc'); } .btNonOff:hover{ cursor:pointer; color:#4085ec; } .btOuiOff{ float:left; font-family:Arial,sans-serif; font-size:1em; font-weight:bold; color:#999; width:50px; height:20px; padding-top:3px; /*permet le centrage vertical*/ text-align:center; /* background:#cdcdcd; background: -moz-linear-gradient(top, #f0f0f0, #cdcdcd 20%, #fbfbfb); background:-webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fbfbfb), color-stop(0.2, #cdcdcd)); -pie-background: linear-gradient(#ffffff, #cdcdcd); */ background: #cdcdcd; background: -moz-linear-gradient(top, #ffffff 0%, #cdcdcd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd)); background: -webkit-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); background: -o-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); background: -ms-linear-gradient(top, #ffffff 0%,#cdcdcd 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 ); background: linear-gradient(top, #ffffff 0%,#cdcdcd 100%);*/ -pie-background: linear-gradient(#ffffff, #cdcdcd); -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-radius:4px 0 0 4px; text-shadow:0px 1px 0px rgba(255,255,255,0.2); /* -webkit-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); box-shadow:0 0 5px rgba(0,0,0,0.5), 0 -1px 0 rgba(255,255,255,0.4); box-shadow:1px 1px 10px #ffffff inset, 0 1px 0 rgba(255,255,255,0.4); */ -webkit-box-shadow: inset 1px 3px 5px 0px #a2a2a2; -moz-box-shadow: inset 1px 3px 5px 0px #a2a2a2; box-shadow: inset 1px 3px 5px 0px #a2a2a2; position:relative; behavior: url('css/htc/PIE.htc'); } .btOuiOff:hover{ cursor:pointer; color:#4085ec; } /* .inputbutton { -webkit-box-shadow: 1px 1px 4px #555; -moz-box-shadow: 1px 1px 4px #555; box-shadow: 1px 1px 4px #999999; position:relative; border:1px solid #ccc; -o-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-box-border-radius:6px 6px 6px 6px; -webkit-box-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px; color: #ffffff; padding:6px; padding-left:35px; padding-right:35px; cursor:pointer; text-transform:uppercase; font-weight:bold; behavior: url('htc/PIE.htc'); *background: #facb87; background: #facb87\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFf7950a, endColorstr=#FFfacb87); background-image: -moz-linear-gradient( top, #f7950a, #facb87 ); background-image: -webkit-gradient( linear, left top, left bottom, from(#f7950a), to(#facb87) ); margin-top:20px; margin-left:20px; } */ /* .inputbutton.valide { background: #339859; *background: #b0d9bf; background: #b0d9bf\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF339859, endColorstr=#FFb0d9bf); background-image: -moz-linear-gradient(top,#339859,#b0d9bf ); background-image: -webkit-gradient(linear,left top, left bottom,from(#339859),to(#b0d9bf)); } .inputbutton:hover { -webkit-box-shadow: 1px 1px 1px #555; -moz-box-shadow: 1px 1px 1px #555; box-shadow: 1px 1px 1px #555; } .inputbutton.annule { *background: #f7aaaa; background: #f7aaaa\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFfb4242, endColorstr=#FFf7aaaa); background-image: -moz-linear-gradient(top,#fb4242,#f7aaaa); background-image: -webkit-gradient(linear,left top, left bottom,from(#fb4242),to(#f7aaaa)); } */ form input.error, textarea.error { position:relative; border: 1px solid #ff8686; /* background: rgba(255, 255, 255, 0.9); background:-moz-linear-gradient(90deg, #F77, #fff); background:-webkit-gradient(linear, left top, left bottom, from(#F77), to(#fff), color-stop(0.2, #fff)); */ behavior: url('css/htc/PIE.htc'); } label.error { display: none; } label.label,label.labeloption,label.labellong,label.labelmoyen{ cursor:pointer; display:block; float:left; font-size:0.9em; font-weight:bold; line-height:25px; margin-bottom:5px; width:135px; } label.labeloption { width:530px; } label.labellong { width:280px; } label.labelmoyen { width:180px; } form p:hover label.label,form p:hover label.labeloption,form p:hover label.labellong,form p:hover label.labelmoyen{ color:#0459b7; } form label.label:hover,form label.labeloption:hover,form label.labellong:hover,form label.labelmoyen:hover{ color:#0459b7; } form p{ margin:2px 0px; clear:both; } form p:hover label.label:after,form p:hover label.labelmoyen:after, form p:hover label.labellong:after{ content:" »"; } form label.label:hover:after,form label.labeloption:hover:after,form label.labellong:hover:after,form label.labelmoyen:hover:after{ content:" »"; } form .half-left, .half-left{ width:50%;float:left; } form .half-right, .half-right{ width:50%;float:right; } input[type=password], textarea, select{ position:relative; background: rgba(255, 255, 255, 0.9); /*background:-moz-linear-gradient(90deg, #eee, #ddd); /* Firefox background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee), color-stop(0.2, #fff)); /* Webkit -pie-background: linear-gradient(top, #ddd 0%, #eee 20%);*/ border:1px solid #aaa; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; /*-moz-box-shadow:0 0 3px #aaa; -webkit-box-shadow:0 0 3px #aaa; box-shadow:0 0 3px #aaa;*/ font-size:0.95em; width:160px; margin-top:3px; behavior: url('css/htc/PIE.htc'); } /* input[type=password]:focus, textarea:focus, select:focus{ position:relative; background: rgba(255, 255, 255, 0.9); background:-moz-linear-gradient(90deg, #fff, #eee); background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); -moz-box-shadow:0 0 5px #0459b7; -webkit-box-shadow:0 0 5px #0459b7; outline:none; behavior: url('css/htc/PIE.htc'); } */ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { border:1px solid #86c2eb; position:relative; } input[type=text],input[type=password], select, textarea { /*background: #ffffff;*/ border:1px solid #dbdbdb; border:1px solid #cfcfcf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; /*-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4); -moz-box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4); box-shadow:0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4); box-shadow:1px 1px 3px #c1c0c0 inset, 0 0 5px rgba(255,255,255,0.4);*/ outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */ font-size:0.95em; width:160px; margin-top:3px; padding:2px; padding-left:5px; position:relative; } form.separateur_form p { border-bottom:1px solid #ffffff; padding-bottom:6px; padding-top:2px; } select{ width:170px; height:25px; } input[type=checkbox] { margin-top:9px; } input.inputdate { width:100px; } form input, form textarea, form select { behavior: url('css/htc/PIE.htc'); resize:none; } .height_50 { height:25px; height:35px !important; height:36px\0; *height:34px; } .separateur_section { position:relative; z-index:8; margin-top:-3px; border-top:1px solid #c9c9c9; border-bottom:1px solid #ffffff; -webkit-box-shadow:0 0 2px #bdbaba; -moz-box-shadow:0 0 2px #bdbaba; box-shadow:0 0 2px #bdbaba; } .separateur_section.decale { margin-top:0; } .separateurHorsForm { float:left; width:100%; border-bottom:1px solid #ffffff; padding-top:6px; height:31px; } .separateurHorsFormBox { float:left; width:100%; border-bottom:1px solid #ffffff; padding-top:3px; padding-bottom:3px; } /*form select { position:relative; border:1px solid #969393; -webkit-border-radius: 5px 3px 3px 5px; -moz-border-radius: 5px 3px 3px 5px; border-radius: 5px 3px 3px 5px; padding-left:6px; behavior: url('css/htc/PIE.htc'); } */ .switch:hover label:after{ content:none; } .box-active, .box-desactive{ position:relative; cursor: normal; width:35px; text-align:center; display: block; float: left; padding:2px 15px 2px 15px; font-size:1em; -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 1); -moz-box-shadow:0px 0px 2px 0px rgba(0, 0, 0, 1); box-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.5) inset; font-weight:bold; behavior: url('htc/PIE.htc'); } /* Desactive NON */ .box-desactive { background: #F2EFEF; color:#b9b8b8; border:1px solid #ccc; -moz-box-border-radius:3px 3px 3px 3px; -webkit-box-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; padding-left:15px; position:relative; z-index:2; behavior: url('htc/PIE.htc'); } /* Active NON */ .box-desactive.selected { background: #000 repeat-x top;-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;*background: #000;background: #000\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFafafaf, endColorstr=#FF##0000);background-image: -moz-linear-gradient(top,#afafaf,#000);background-image: -webkit-gradient(linear,left top, left bottom,from(#afafaf),to(#000)); border:1px solid #ccc; -moz-box-border-radius:0 3px 3px 0; -webkit-box-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; color: #fff; behavior: url('htc/PIE.htc'); } /* Desactive OUI */ .box-active { border:1px solid #ccc; background:#F2EFEF; color: #b9b8b8; -webkit-box-border-radius:3px 3px 3px 3px; -moz-box-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; padding-left:15px; behavior: url('htc/PIE.htc'); } /* Active OUI */ .box-active.selected { background: #339859;-o-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;*background: #b0d9bf;background: #b0d9bf\0/;filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF339859, endColorstr=#FFb0d9bf); background-image: -moz-linear-gradient(top,#339859,#b0d9bf );background-image: -webkit-gradient(linear,left top, left bottom,from(#339859),to(#b0d9bf));-webkit-box-border-radius:3px 0 0 3px; -moz-box-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; color: #fff; behavior: url('htc/PIE.htc'); } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; margin-top:-51px;}\**/ #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:72px; background:url(../images/colorbox/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:72px; background:url(../images/colorbox/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:72px; background:url(../images/colorbox/controls.png) no-repeat -100px -72px; margin-top:-51px} #cboxBottomRight{width:21px; height:72px; background:url(../images/colorbox/controls.png) no-repeat -129px -72px;margin-top:-51px} #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:72px; background:url(../images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:72px; background:url(../images/colorbox/border.png) 0 -72px repeat-x; margin-top:-51px; text-align:center;padding-top:10px;} #cboxContent{background:#e8e8e8; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} /*#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}*/ #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -21px -96px; width:45px; height:45px; text-indent:-9999px;} #cboxClose.hover{background-position:-21px -51px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to IE9. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } .cboxTitre { height:51px; margin-top:-13px; *margin-top:0; background: #fdfdfd; /* Old browsers */ background: -moz-linear-gradient(top, #fdfdfd 0%, #fdfdfd 66%, #ececec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(66%,#fdfdfd), color-stop(100%,#ececec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfdfd 0%,#fdfdfd 66%,#ececec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fdfdfd 0%,#fdfdfd 66%,#ececec 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fdfdfd 0%,#fdfdfd 66%,#ececec 100%); /* IE10+ */ background: linear-gradient(top, #fdfdfd 0%,#fdfdfd 66%,#ececec 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#fdfdfd\', endColorstr=\'#ececec\',GradientType=0 ); /* IE6-9 */*/ } /* .cboxTitre { display:none; } #cboxTopCenter h2 { color:#0169b1; font-variant:small-caps; line-height: 58px; padding-left:45px } #cboxTopCenter img { float:left; margin-top:5px\0; padding-top: 20px; height:40px; } */ .cboxTitre h2 { color:#0169b1; text-transform: uppercase; line-height: 58px; padding-left:60px } .cboxTitre img { float:left; margin-top:8px; height:40px; } .cboxCorps { border-top:1px solid #ffffff; } .cboxCorps h2{font-size:1.1em; color:#0169b1; margin:0; padding:0; padding-top:10px; padding-bottom:5px;} #cboxContent { border-bottom:1px solid #ffffff; } #alerte_caractere { color:#ffffff; /*border:1px solid #0c0c0c;*/ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position:absolute; padding:3px; font-size:0.75em; width:176px; margin-top:5px; margin-left:172px; *margin-top:33px; *margin-left:-175px; background: #515151; background: -moz-linear-gradient(top, #515151 0%, #0c0c0c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#0c0c0c)); background: -webkit-linear-gradient(top, #515151 0%,#0c0c0c 100%); background: -o-linear-gradient(top, #515151 0%,#0c0c0c 100%); background: linear-gradient(top, #515151 0%,#0c0c0c 100%); z-index:99999; behavior: url('css/htc/PIE.htc'); } #alerte_caractere_fleche { height:20px; width:20px; opacity:0.8; background: #333333; position:absolute; margin-top:0px; margin-left:182px; -moz-transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(1) rotate(45deg) translate(0px, 0px) skew(0deg, 0deg); z-index:99999; } #confirm_password { font-weight:bold; font-size:0.75em; } .rouge { color:red; } .vert { color:green; } /******EXCLUSION*********/ #cacheExclusion { background-color: #000000; height: 485px; opacity: 0.5; filter : alpha(opacity=50); position: absolute; width: 640px; } #bandeauExclusion { height: 485px; position: absolute; width: 640px; z-index:100; background-image: url("../images/bandeauExclusion.png"); background-repeat: no-repeat; background-position: 0px 0px; } #barreOutilsQuestion { position: relative; float:left; margin:-52px 0 0 -13px; *margin:-50px 0 0 5px; z-index:150; *width:100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border:none; background-color:#cccccc; } .box_maquette{ margin-bottom: 20px; } .box_maquette img{ -webkit-border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; border-radius: 12px 12px 12px 12px; border: #cccccc 5px solid; behavior: url('css/htc/PIE.htc'); } #etape_maquette #nousecrire{ margin: -3px 0px 0px 20px; }