body {width:100%; min-height:100%; margin: 0; padding: 0; overflow:auto; background:#EEE; color:#222; font-family: 'Chivo', sans-serif; font-size:12px;}
html, body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}

input, select {font-family: 'Chivo', sans-serif; color:#333;}
input, select {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
table thead {font-weight:bold;}

#global {height:100%;}
#global h1, #global h2, #global h3, #global h4, #global h5 {margin:0; color:#FFF; padding:2px 5px; font-size:14px;}
#chargement {display:none; position:fixed; z-index:100; top:0px; left:0px; bottom:0px; right:0px; background-image:url('chargement.gif'); background-position:center center; background-repeat:no-repeat;}

#affichage {display:none; position:fixed; z-index:98; top:5px; left:5px; bottom:5px; right:5px; padding:5px; padding-top:25px; overflow:auto; background:#EEE; border:1px solid #999999; box-shadow: 1px 1px 12px #333;}
#affichage #titre {position:fixed; top:5px; left:5px; right:5px; color:#FFF; padding:2px 5px; font-size:14px; font-weight:bold; text-shadow: 0 1px rgba(0,0,0,.1); background: #9fe57c; background: -moz-linear-gradient(top, #9fe57c 0%, #97dd76 23%, #7fc463 68%, #72b659 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fe57c), color-stop(23%,#97dd76), color-stop(68%,#7fc463), color-stop(100%,#72b659)); background: -webkit-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: -o-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: -ms-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: linear-gradient(to bottom, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%);}
#affichage #fermer {position:fixed; right:5px; top:5px; padding:2px 5px; font-weight:bold; cursor:pointer; color:#333;  background: #fac695; background: -moz-linear-gradient(top, #fac695 0%, #f5ab66 47%, #ef8d31 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac695), color-stop(47%,#f5ab66), color-stop(100%,#ef8d31)); background: -webkit-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); background: -o-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); background: -ms-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); background: linear-gradient(to bottom, #fac695 0%,#f5ab66 47%,#ef8d31 100%);}
#affichage table td, #page #principal table th {padding:3px 6px;}
#affichage input, #affichage textarea { min-width:160px; border:1px solid #949494; background:#F5F5F5; padding:2px;}
#affichage input[type="radio"], #affichage input[type="checkbox"] {min-width:20px;}
#affichage h1.alerte {background: #ed758b; background: -moz-linear-gradient(top, #ed758b 0%, #e86c81 23%, #d65263 68%, #cd4353 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed758b), color-stop(23%,#e86c81), color-stop(68%,#d65263), color-stop(100%,#cd4353)); background: -webkit-linear-gradient(top, #ed758b 0%,#e86c81 23%,#d65263 68%,#cd4353 100%); background: -o-linear-gradient(top, #ed758b 0%,#e86c81 23%,#d65263 68%,#cd4353 100%); background: -ms-linear-gradient(top, #ed758b 0%,#e86c81 23%,#d65263 68%,#cd4353 100%); background: linear-gradient(to bottom, #ed758b 0%,#e86c81 23%,#d65263 68%,#cd4353 100%);}

#message {display:none; position:fixed; z-index:99; height:100%; top:0px; left:0px; bottom:0px; right:0px; background:rgba(0,0,0,0.1);}
#message #fenetre {position:fixed; margin-left:50%; left:-150px; top:50%; margin-top:-55px; width:300px; height:116px; border:1px solid #999999; background:#EEE; box-shadow: 1px 1px 12px #333;}
#message #fenetre #titre {width:100%; height:24px; line-height:24px; font-size:14px; font-weight:bold; color:#FFF; text-shadow: 0 1px rgba(0,0,0,.1); background: #7de582; background: -moz-linear-gradient(top, #7de582 0%, #77dd7e 23%, #64c46d 68%, #5ab665 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7de582), color-stop(23%,#77dd7e), color-stop(68%,#64c46d), color-stop(100%,#5ab665)); background: -webkit-linear-gradient(top, #7de582 0%,#77dd7e 23%,#64c46d 68%,#5ab665 100%); background: -o-linear-gradient(top, #7de582 0%,#77dd7e 23%,#64c46d 68%,#5ab665 100%); background: -ms-linear-gradient(top, #7de582 0%,#77dd7e 23%,#64c46d 68%,#5ab665 100%); background: linear-gradient(to bottom, #7de582 0%,#77dd7e 23%,#64c46d 68%,#5ab665 100%);}
#message #fenetre #contenu {width:100%; height:50px; padding:4px;} 

#identification {position:absolute; width:300px; height:300px; margin-left:-150px; left:50%; top:50%; margin-top:-220px; color:#333;}
#identification legend {width:100%; font-size:34px; font-weight:bold; font-style:italic; text-align:center;}
#identification input {width:290px; border:1px solid #999; line-height:25px; font-weight:bold; font-size:14px; border-radius:5px;}
#identification label {font-size:18px; line-height:26px; padding:5px; font-weight:bold;}
#identification a {font-size:16px; padding:5px 15px; font-weight:bold; color:#444; text-decoration:none; border-radius:5px; box-shadow: 1px 1px 5px #656565; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);}
#identification a:hover {color:#FFF; background: #9fe57c; text-shadow: 0 1px rgba(0,0,0,.1); background: -moz-linear-gradient(top, #9fe57c 0%, #97dd76 23%, #7fc463 68%, #72b659 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fe57c), color-stop(23%,#97dd76), color-stop(68%,#7fc463), color-stop(100%,#72b659)); background: -webkit-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: -o-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: -ms-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: linear-gradient(to bottom, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%);}

#bandeau {margin:0; padding:0; width:100%; height:36px; border-bottom:1px ridge #CCC; background: #a7cfdf; background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%); background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%); background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%);}
#bandeau #logo {width:120px; text-align:center; font-style:italic; color:#FFF; font-size:18px; line-height:36px; font-weight:bold; text-shadow: 0 1px rgba(0,0,0,.1);}
#bandeau a {margin:6px; display:inline-block; font-weight:bold; height:24px; line-height:24px; padding:0px 10px; font-size:16px; text-decoration:none; color:#FFF; text-shadow: 0 1px rgba(0,0,0,.1);}
#bandeau a:hover {text-shadow: 0px 0px 15px #276325;}
#bandeau .actif {color:#ffdf9b;}

#page #menu {float:left; width:200px; min-height:100%; background:#D1F5C6; border-bottom:1px ridge #CCC; border-right:1px ridge #CCC;}
#page #menu h1 {margin:0; width:190px; color:#FFF; padding:2px 5px; font-size:14px; text-shadow: 0 1px rgba(0,0,0,.1); background: #5dcf63; background: -moz-linear-gradient(top, #5dcf63 0%, #5cc663 23%, #51ab5a 68%, #509858 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dcf63), color-stop(23%,#5cc663), color-stop(68%,#51ab5a), color-stop(100%,#509858)); background: -webkit-linear-gradient(top, #5dcf63 0%,#5cc663 23%,#51ab5a 68%,#509858 100%); background: -o-linear-gradient(top, #5dcf63 0%,#5cc663 23%,#51ab5a 68%,#509858 100%); background: -ms-linear-gradient(top, #5dcf63 0%,#5cc663 23%,#51ab5a 68%,#509858 100%); background: linear-gradient(to bottom, #5dcf63 0%,#5cc663 23%,#51ab5a 68%,#509858 100%);}
#page #menu ul {padding-left:5px;}
#page #menu table {margin-left:5px;}
#page #menu ul li {list-style-type:none;}
#page #menu input {margin-bottom:4px; min-width:170px; border:1px solid #AAA; background:#FFF; padding:2px;}
#page #menu select {margin-bottom:4px; width:176px; border:1px solid #AAA; background:#FFF;}
#page #menu input[type="radio"], #page #menu input[type="checkbox"] {min-width:20px;}
#page #menu li a {text-decoration:none; color:#333;}
#page #menu li a:hover {font-weight:bold;}
#page #menu li a.actif {font-weight:bold;}

#page #principal {margin-left:201px; margin-right:0px;}
#page #principal table td, #page #principal table th {padding:3px 6px;}
#page #principal input { min-width:160px; border:1px solid #949494; background:#F5F5F5; padding:2px;}
#page #principal input[type="radio"] {min-width:20px;}
#page #principal select { min-width:166px; border:1px solid #949494; background:#F5F5F5;}

#page #principal h1, #affichage h1 {margin:0; color:#FFF; padding:2px 5px; font-size:14px; text-shadow: 0 1px rgba(0,0,0,.1); background: #7de582; background: -moz-linear-gradient(top, #7de582 0%, #77dd7e 23%, #64c46d 68%, #5ab665 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7de582), color-stop(23%,#77dd7e), color-stop(68%,#64c46d), color-stop(100%,#5ab665)); background: -webkit-linear-gradient(top, #7de582 0%,#77dd7e 23%,#64c46d 68%,#5ab665 100%); background: -o-linear-gradient(top, #7de582 0%,#77dd7e 23%,#64c46d 68%,#5ab665 100%); background: -ms-linear-gradient(top, #7de582 0%,#77dd7e 23%,#64c46d 68%,#5ab665 100%); background: linear-gradient(to bottom, #7de582 0%,#77dd7e 23%,#64c46d 68%,#5ab665 100%);}
#page #principal h2, #affichage h2 {margin:0; color:#FFF; padding:2px 5px; font-size:14px; text-shadow: 0 1px rgba(0,0,0,.1); background: #c17de5; background: -moz-linear-gradient(top, #c17de5 0%, #bb77dd 23%, #a764c4 68%, #9c5ab6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c17de5), color-stop(23%,#bb77dd), color-stop(68%,#a764c4), color-stop(100%,#9c5ab6)); background: -webkit-linear-gradient(top, #c17de5 0%,#bb77dd 23%,#a764c4 68%,#9c5ab6 100%); background: -o-linear-gradient(top, #c17de5 0%,#bb77dd 23%,#a764c4 68%,#9c5ab6 100%); background: -ms-linear-gradient(top, #c17de5 0%,#bb77dd 23%,#a764c4 68%,#9c5ab6 100%); background: linear-gradient(to bottom, #c17de5 0%,#bb77dd 23%,#a764c4 68%,#9c5ab6 100%);}
#page #principal h3, #affichage h3 {margin:0; color:#FFF; padding:2px 5px; font-size:14px; text-shadow: 0 1px rgba(0,0,0,.1); background: #e57e7d; background: -moz-linear-gradient(top, #e57e7d 0%, #dd7a77 23%, #c46a64 68%, #b6615a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e57e7d), color-stop(23%,#dd7a77), color-stop(68%,#c46a64), color-stop(100%,#b6615a)); background: -webkit-linear-gradient(top, #e57e7d 0%,#dd7a77 23%,#c46a64 68%,#b6615a 100%); background: -o-linear-gradient(top, #e57e7d 0%,#dd7a77 23%,#c46a64 68%,#b6615a 100%); background: -ms-linear-gradient(top, #e57e7d 0%,#dd7a77 23%,#c46a64 68%,#b6615a 100%); background: linear-gradient(to bottom, #e57e7d 0%,#dd7a77 23%,#c46a64 68%,#b6615a 100%);}
#page #principal h4, #affichage h4 {margin:0; color:#FFF; padding:2px 5px; font-size:14px; text-shadow: 0 1px rgba(0,0,0,.1); background: #ffa84c; background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%);}
#page #principal h5, #affichage h5 {margin:0; color:#FFF; padding:2px 5px; font-size:14px; text-shadow: 0 1px rgba(0,0,0,.1); background: #7dc4e5; background: -moz-linear-gradient(top, #7dc4e5 0%, #77bbdd 23%, #64a1c4 68%, #5a93b6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dc4e5), color-stop(23%,#77bbdd), color-stop(68%,#64a1c4), color-stop(100%,#5a93b6)); background: -webkit-linear-gradient(top, #7dc4e5 0%,#77bbdd 23%,#64a1c4 68%,#5a93b6 100%); background: -o-linear-gradient(top, #7dc4e5 0%,#77bbdd 23%,#64a1c4 68%,#5a93b6 100%); background: -ms-linear-gradient(top, #7dc4e5 0%,#77bbdd 23%,#64a1c4 68%,#5a93b6 100%); background: linear-gradient(to bottom, #7dc4e5 0%,#77bbdd 23%,#64a1c4 68%,#5a93b6 100%);}
#page #titre {width:100%; height:24px; line-height:24px; font-size:14px; text-align:center; font-weight:bold; color:#FFF; text-shadow: 0 1px rgba(0,0,0,.1); background: #808080; background: -moz-linear-gradient(top, #808080 0%, #959595 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#959595)); background: -webkit-linear-gradient(top, #808080 0%,#959595 100%); background: -o-linear-gradient(top, #808080 0%,#959595 100%); background: -ms-linear-gradient(top, #808080 0%,#959595 100%); background: linear-gradient(to bottom, #808080 0%,#959595 100%);}
#page #principal table tfoot {background:#d8dbe0;}
#page #principal table thead {background:#ffffff;}

#barre {height:34px; line-height:34px;}
#barre a {margin-left:10px; font-size:12px; padding:4px 8px; font-weight:bold; color:#444; text-decoration:none; border-radius:4px; border-radius:5px; box-shadow: 1px 1px 2px #656565; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);}
#barre a:hover {color:#FFF; background: #9fe57c; text-shadow: 0 1px rgba(0,0,0,.1); background: -moz-linear-gradient(top, #9fe57c 0%, #97dd76 23%, #7fc463 68%, #72b659 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9fe57c), color-stop(23%,#97dd76), color-stop(68%,#7fc463), color-stop(100%,#72b659)); background: -webkit-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: -o-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: -ms-linear-gradient(top, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%); background: linear-gradient(to bottom, #9fe57c 0%,#97dd76 23%,#7fc463 68%,#72b659 100%);}
#barre a.actif {background: #ffc578; background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc578), color-stop(100%,#fb9d23)); background: -webkit-linear-gradient(top, #ffc578 0%,#fb9d23 100%); background: -o-linear-gradient(top, #ffc578 0%,#fb9d23 100%); background: -ms-linear-gradient(top, #ffc578 0%,#fb9d23 100%); background: linear-gradient(to bottom, #ffc578 0%,#fb9d23 100%);}

#section-groupe {display:none; position:fixed; z-index:98; width:500px; top:100px; left:201px; bottom:100px; padding:5px; overflow:auto; background:#EFE; border:1px solid #999999; box-shadow: 1px 1px 12px #333;}

#saison {display:none; position:fixed; z-index:98; top:36px; width:188px; height:140px; left:0px; padding:5px; overflow:auto; text-align:center; background:#EFE; border:1px solid #999999; box-shadow: 1px 1px 12px #333;}
#saison a {font-size:14px; font-weight:bold;}

.droite {float:right;}
.gauche {float:left;}
.centre {text-align:center;}
.aligne-droite {text-align:right;}
.aligne-gauche {text-align:left;}
.gras {font-weight:bold;}
.sans-decoration li {list-style-type:none;}
.largeur {width:100%;}
.fixed {table-layout:fixed;}
.pointeur {cursor:pointer;}
.cache {display:none;}

.gris {color:#2e2e2e;}
.orange {color:#986000;}
.rouge {color:#7f1923;}
.bleu {color:#324d66;}
.vert {color:#336632;}

.selecteur-bleu {color:#324d66; cursor:pointer;}
.selecteur-bleu:hover {background:rgb(206, 222, 231);}
.selecteur-vert {color:#336632; cursor:pointer;}
.selecteur-vert:hover {background:rgb(206, 233, 206);}
.selecteur-orange {color:#986000; cursor:pointer;}
.selecteur-orange:hover {background:rgb(238, 226, 194);}

.fond-bleu {color:#324d66; cursor:pointer; background:rgb(206, 222, 231);}
.fond-vert {color:#336632; cursor:pointer; background:rgb(206, 233, 206);}
.fond-orange {color:#986000; cursor:pointer; background:rgb(238, 226, 194);}

.decoration tr:nth-child(odd) {background:#CEDECE;}

.tableau-select tr:hover {background:#D1F5C6; cursor:pointer;}

.deselect {opacity:.5;}

.element {display:inline-block; width:120px; max-width:120px; margin:3px 3px; padding:5px; text-align:center; text-decoration:none; color:#222; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.element-long {display:inline-block; text-align:center; text-decoration:none; color:#222; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.element:hover, .element-long:hover {color:#336632;}
.element-selectionne {color:#4E8C0F; font-weight:bold;}