/* créateur du site : Netalapage (c)2006 www.netalapage.com, sites personnalisés */
/* nom de la page   : kronobase.css                                              */
/* protégé par SARL : Netalapage - création des sites Internet uniques, pas cher */

html {min-height: 101%}
body {background: #eee; height: 100%; width: 100%; color: #000}
* {margin: 0px; padding: 0px; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px}

/* Pop-ups */
/* #simplemodal-overlay {background-color:#fff} */
#simplemodal-container {height:150px; width:600px; color:#fff; background: #fc0; border:6px solid #f60; padding:12px;-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px}
#simplemodal-container a.modalCloseImg {background:url('../pics/close.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
.simplemodal-data {padding:30px;}

.ui-autocomplete-loading { background:url('../pics/indicator.gif') no-repeat right center }

.modal-overlay {position:fixed; top:0px; right:0px; bottom:0px; left:0px; height:100%; width:100%; margin:0px; padding:0px; background:#000; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:101}  
.modal-window {position:fixed; top:50%; left:50%; margin:0px; padding:0px; z-index:102}  
.close-window {position:absolute; width:32px; height:32px; right:8px; top:40px; background:transparent url('../pics/close-button.png') no-repeat scroll right top; text-indent:-99999px; overflow:hidden; cursor:pointer; opacity:.5; filter: alpha(opacity=50); -moz-opacity: 0.5}  
.close-window:hover {opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99}  
#modal-photo {border: 20px solid #fa5; background-color: #fff}

.slideshow {margin: 20px auto; width: 210px; height: 170px}
.slideshow div {width: 210px; height: 170px; display: none}

h1 {font-size: 18px}  h2 {font-size: 18px}  h3 {font-size: 16px}
h4 {font-size: 16px}  h5 {font-size: 16px}  h6 {font-size: 30px}

a {color: #00f}
a:hover, a.noline, a.none {text-decoration: none}
.simplemodal-close:hover, a.noline:hover {text-decoration: underline; cursor: pointer}

p {margin-top: 10px}
hr {border: 1px outset #ddc; width: 50%; margin: 10px auto}
input, textarea, select {border: 1px solid #999}

li {list-style-type: none}
li.disc {list-style-type: disc}
li.dash {list-style-type: square}
li.number {list-style-type: decimal-leading-zero}

/* containers for pages */
#main {width: 990px; margin: 0px auto}
#mainContent {background-color: #ffe}
#mainContentIndex {background-color: #fc7}
#mainContentIndex, #mainContent {width: 590px; margin: 20px 0px 10px 165px; border: 2px solid #da5; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px}
#mainContentAdmin {width: 815px; margin: 20px 0px 10px 165px; background-color: #ffe; border: 2px solid #da5; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px}

/* position various DIVs */
#logo {position: fixed; top: 20px; width: 144px; height: 50px; margin-left: 10px}
#totale {position: fixed; top: 500px; width: 80px; height: 50px; margin-left: 10px; text-align: center; background-color: #222; color: #fff; font-weight: bold; border: 1px solid #da5; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px}
#connected {position: fixed; top: 580px; width: 160px}
#language {position: absolute; top: 30px; width: 22px; height: 15px; margin-left: 175px}
#eventDirect {position: fixed; top: 550px; width: 150px; height: 29px; margin-left: 15px}
#print-results {position: absolute; top: 30px; width: 22px; height: 15px; margin-left: 720px}
#imageAdmin {position: fixed; top: 200px; width: 210px; margin-left: 750px; background-color: #ffe}
#dateTime {position: fixed; top: 508px; width: 70px; height: 29px; margin-left: 90px; text-align: center}
#menu {position: fixed; top: 80px; width: 120px; margin-left: 20px; background-color: #ffe; border: 2px solid #da5; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px}
#image {position: fixed; top: 20px; width: 210px; margin-left: 770px; background-color: #fc7; border: 2px solid #da5; z-index: 1; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px}

/* force fixed divs */
* html #menu, * html #logo, * html #connected, * html #totale, * html #netalapage, * html #dateTime, * html #eventDirect, * html #image {position: absolute}

/* navigation */
#menu li.forum a {color: #f00; background-color: #ccf; width: 60px; display: block; font-size: 12px; margin-left: 30px}
#menu li.current a {color: #000; background-color: #eed; width: 100%; display: block; font-size: 12px}
#menu li a:hover {text-decoration: underline; font-size: 12px}
#menu li {margin: 4px 0px 4px 0px; text-align: center; font-size: 12px}
#menu li a {color: #666; text-decoration: none; font-size: 12px}
#menu li.line {height: 1px; background-color: #ccb; width: 105px; font-size: 1px; margin-left: 5px}

.errorY input, .errorY textarea, .errorY select {background-color: #f66}

/* logout */
#deconnect {position: fixed;top: 0px;right: 35%}
#deconnect a{border: 2px solid; border-color: #666 #000 #000 #666;background: #fa5;text-decoration: none;color: #000;border-radius: 6px;display: inline-block;padding: 2px; box-shadow: 2px 2px 10px #888;cursor: pointer}
#deconnect a:hover{border-color: #fff;}

/* standard definitions */
.lef {float: left}
.rig {float: right}

.tmid {text-align: center}
.tright {text-align: right}

em {font-style: normal}
strong {font-weight: normal}

.bold {font-weight: bold}
.italic {font-style: italic}

.f8 {font-size: 8px}
.f9 {font-size: 9px}
.f10 {font-size: 10px}
.f11 {font-size: 11px}
.f12 {font-size: 12px}
.f14 {font-size: 14px}
.f15 {font-size: 15px}
.f18 {font-size: 18px}
.f20 {font-size: 20px}
.f24 {font-size: 24px}
.f50 {font-size: 50px}

.red {color: #f00}
.blue {color: #00f}
.black {color: #000}
.green {color: #090}
.white {color: #fff}
.purple {color: #909}
.orange {color: #f60}
.grey333 {color: #333}
.grey666 {color: #666}
.grey999 {color: #999}
.green289 {color: #289}

.h12 {height: 12px}
.h15 {height: 15px}
.h17 {height: 17px}
.h20 {height: 20px}
.h25 {height: 25px}
.h80 {height: 80px}
.h150 {height: 150px}
.h520 {height: 520px}

.w12 {width: 12px}
.w10 {width: 10px}
.w20 {width: 20px}
.w30 {width: 30px}
.w38 {width: 38px}
.w40 {width: 40px}
.w50 {width: 50px}
.w60 {width: 60px}
.w70 {width: 70px}
.w80 {width: 80px}
.w100 {width: 100px}
.w110 {width: 110px}
.w120 {width: 120px}
.w130 {width: 130px}
.w170 {width: 170px}
.w180 {width: 180px}
.w200 {width: 200px}
.w240 {width: 240px}
.w250 {width: 250px}
.w270 {width: 270px}
.w290 {width: 290px}
.w293 {width: 293px}
.w350 {width: 350px}
.w370 {width: 370px}
.w410 {width: 410px}
.w420 {width: 420px}
.w430 {width: 430px}
.w470 {width: 470px}
.w475 {width: 475px}
.w530 {width: 530px}
.w560 {width: 560px}
.w584 {width: 584px}
.w590 {width: 590px}
.w630 {width: 630px}
.w645 {width: 645px}
.w670 {width: 670px}
.w765 {width: 765px}
.w809 {width: 809px}

.m2 {margin: 2px}
.mt0 {margin-top: 0px}
.mt1 {margin-top: 1px}
.mt2 {margin-top: 2px}
.mt3 {margin-top: 3px}
.mt4 {margin-top: 4px}
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt40 {margin-top: 40px}
.ml1 {margin-left: 1px}
.ml2 {margin-left: 2px}
.ml4 {margin-left: 4px}
.ml10 {margin-left: 10px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}
.ml40 {margin-left: 40px}
.ml45 {margin-left: 45px}
.ml50 {margin-left: 50px}
.ml60 {margin-left: 60px}
.ml80 {margin-left: 80px}
.ml110 {margin-left: 110px}
.ml120 {margin-left: 120px}
.ml165 {margin-left: 165px}
.ml240 {margin-left: 240px}
.mr1 {margin-right: 1px}
.mr2 {margin-right: 2px}
.mr5 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr20 {margin-right: 20px}
.mr50 {margin-right: 50px}
.mb1 {margin-bottom: 1px}
.mb3 {margin-bottom: 3px}
.mb6 {margin-bottom: 6px}
.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px}
.mauto {margin: 0px auto}

.p2 {padding: 2px}
.p4040 {padding: 4px 0px}
.p4242 {padding: 4px 2px}
.p1212 {padding: 1px 2px}
.p3535 {padding: 3px 5px}
.pt10 {padding-top: 10px}
.pl10 {padding-left: 10px}
.pl30 {padding-left: 30px}
.pl50 {padding-left: 50px}
.pr10 {padding-right: 10px}
.pb10 {padding-bottom: 10px}
.pt4 {padding-top: 4px}

.backGreyEEC {background-color: #eec}
.backNone {background-image: none;}
.backNoise {background-image: url("../pics/back.jpg");}
.backGreyCCF {background-color: #ccf}
.backBlack000 {background-color: #000}
.backOrangeFA5 {background-color: #fa5}
.backOrangeFC7 {background-color: #fc7}
.backOrangeF60 {background-color: #f60}
.backRedF66 {background-color: #f66}
.backRedD33 {background-color: #d33}
.backGreen0C0 {background-color: #0c0}
.backWhiteFFF {background-color: #fff}

.bord1GreyBBA {border: 1px solid #bba}
.bord1OrangeDA5 {border: 1px solid #da5}
.bord1left {border: 1px solid; border-color: #eec #ddb #ddb #eec}
.bord1right {border: 1px solid; border-color: #ddb #eec #eec #ddb}
.bord1button {border: 1px solid; border-color: #666 #000 #000 #666}
.bord2button {border: 2px solid; border-color: #666 #000 #000 #666}

.bord1right000 {border-right: 1px solid #000}
.bord1bottomfff {border-bottom: 1px solid #fff}

.point {cursor: pointer}
.ls1 {letter-spacing: 1px}

#messageIP, .noshow {display: none}
.stats, .low, .warn {display: none; visibility: hidden; font-size: 6px}
.kronobase {clear: both; height: 1px; font-size: 1px; margin: 0px; list-style: none}
.rounded6 {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px}
.rounded20 {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px}
.roundedTop {-webkit-border-top-left-radius: 18px; -webkit-border-top-right-radius: 18px; -moz-border-radius-topleft: 18px; -moz-border-radius-topright: 18px; border-top-left-radius: 18px; border-top-right-radius: 18px}