@charset "utf-8";
/* CSS Document */

/* Import local de la police Google Lato
   (pour eviter la fuite d'information via HTTP_REFERER) */

/* Version 'thin' peu lisible sur Firefox/GNU/Linux
@import url(http://fonts.googleapis.com/css?family=Lato:300);
*/
/*
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../vendor/lato.ttf) format('truetype');
}
*/

/* Version normale telle que renvoyée par Google depuis Firefox:
@import url(http://fonts.googleapis.com/css?family=Lato);
*/
/*
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
*/
/* La même chose avec des liens locaux: */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(../fonts/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}


html {
    background-color: hsl(0, 0%, 87%);
}
body {
    background-color: hsl(0, 0%, 100%);
    border-radius: 6px;
    color: hsl(0, 0%, 27%);
    font-family: 'Lato',sans-serif;
    font-size: 0.8em;
    margin: 108px auto 0;
    text-align: left;
}
div#maindiv {
    margin: 1em;
}
div#mw-panel div.portal {
    background-color: hsl(0, 0%, 96%);
    direction: ltr;
    margin-bottom: 1.5em;
    padding-bottom: 1em;
}
form {
    margin: 0;
}
img {
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 0 none;
    border-image: none;
    border-top: 0 none;
}
h1 {
    color: hsl(5, 77%, 53%);
    font-size: 1.4em;
    font-stretch: condensed;
    font-weight: normal;
}
h2 {
    color: hsl(0, 0%, 0%);
    font-size: 1.2em;
    margin-top: 30px;
}
h3 {
    color: hsl(0, 0%, 0%);
    font-size: 1.17em;
    margin-top: 30px;
}
ul {
    list-style-type: circle;
    margin: 0;
}
li {
    margin: 10px;
}
a {
    color: hsl(215, 50%, 30%);
    text-decoration: none;
    transition-duration: 0.3s;
    transition-property: background-color, color, height, shadow;
}
a:hover {
    color: hsl(230, 0%, 100%);
    text-decoration: none;
    background-color: hsl(215, 50%, 30%);
}
th, td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: medium none;
    border-collapse: collapse;
    border-image: none;
    border-top: medium none;
    text-align: left;
}
input[type="text"], input[type="password"], input[type="email"], textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid hsl(0, 0%, 90%);
    border-image: none;
    border-radius: 1px;
    border-top: 1px solid hsl(0, 0%, 90%);
    font-family: "Lucida Grande",sans-serif;
    font-size: 1.2em;
    padding-bottom: 3px;
    padding-right: 3px;
    padding-top: 3px;
}
#searchBox-words {
    width: 250px;
}
#tracker-comment {
    font-size: 1em;
    height: 100px;
}
#tracker-summary {
    font-size: 1.2em;
    font-weight: bold;
    height: 20px;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: hsl(0, 0%, 89%);
    border-bottom: 0 none;
    border-image: none;
    border-top: 0 none;
    height: 1px;
}
#header {
    background: url("../images/header/header-bg.png") repeat scroll 0 0 hsl(0, 0%, 100%);
    border-collapse: collapse;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3);
    font-size: 77%;
    margin: -11em 0 0;
	width: 100%;
    position: fixed;
}
#header-col1 {
    background: url("../images/header/tabs-bg.png") repeat-x scroll 0 0 hsl(222, 17%, 31%);
    padding: 10px;
}
#header-col1 a:hover {
    background-color: transparent;
}
#header-col1 img {
    height: 50px;
    padding: 0;
}
#header-col1 h1 {
    margin: 0;
    padding: 0;
}
#header-col2 {
    background: url("../images/header/tabs-bg.png") repeat-x scroll 0 0 hsl(222, 17%, 31%);
    color: hsl(0, 0%, 93%);
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-right: 7px;
    text-align: center;
    vertical-align: middle;
}
#header-col2 a {
    color: hsl(0, 0%, 93%);
    font-size: 10px;
    font-weight: 800;
}
#header-col2 a:hover {
    color: hsl(216, 77%, 71%);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
#header-line2 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: hsl(222, 17%, 31%);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto auto;
    padding-bottom: 10px;
    padding-right: 7px;
    text-align: right;
}
#header-news {
    background-color: hsl(222, 17%, 31%);
    display: table-cell;
}
#header-news span {
    background-color: hsl(222, 17%, 31%);
    height: 200px;
}
.quicknews-toggle {
    color: hsl(0, 0%, 100%);
    display: inline;
    font-size: 12px;
}
.quicknews .title {
    color: hsl(0, 100%, 50%);
    font-size: 12px;
}
.quicknews ul {
    background-color: hsl(0, 0%, 100%);
    display: block;
    margin: 10px;
    width: 100%;
}
.quicknews ul li {
    display: inline;
    list-style: none outside none;
    margin: 0;
}
.quicknews ul li:hover {
    background-color: hsl(240, 100%, 50%);
}
#searchBox {
    display: inline;
}
#searchBox a {
    color: hsl(0, 0%, 100%);
    font-size: 10px;
    font-weight: bold;
    margin-right: 10px;
    text-decoration: none;
    transition-duration: 0.3s;
    transition-property: background-color, color, height, shadow;
}
#searchBox a:hover {
    font-weight: bold;
    text-decoration: underline;
    background-color: hsl(222, 17%, 31%);
}
#searchBox span {
    display: inline;
    margin-left: 20px;
}
#searchBox span input[type="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-image: url("../images/search-logo.png");
    background-position: 3px 2px;
    background-repeat: no-repeat;
    border-bottom: 1px solid hsl(0, 0%, 100%);
    border-image: none;
    border-radius: 20px;
    border-top: 1px solid hsl(0, 0%, 100%);
    display: inline;
    height: 10px;
    margin-right: 7px;
    padding-left: 20px;
    width: 130px;
}
#searchBox span input[type="submit"] {
    display: none;
}
#quicknavform {
    color: hsl(0, 0%, 100%);
    display: inline;
    float: left;
}
#quicknavform span {
    color: hsl(0, 0%, 100%);
    display: inline;
}
#quicknav {
    margin-left: 7px;
    width: 180px;
}
.tabGenerator {
    border-collapse: collapse;
    font-size: 1.2em;
    font-weight: bold;
    height: 60px;
    text-transform: uppercase;
}
.tabGenerator tbody {
    margin-left: 50px;
}
.tabGenerator td {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.tabGenerator .tg-middle {
    background-color: hsl(0, 0%, 74%);
    height: 26px;
    padding-top: 0;
    text-align: center;
    vertical-align: bottom;
    width: 100px;
}
.tabGenerator .tg-middle span {
    background-color: hsl(0, 0%, 53%);
    margin-top: 0;
}
.tabGenerator .tg-middle span span {
    background-color: hsl(0, 0%, 53%);
    border-bottom: 0 none;
    color: hsl(0, 0%, 100%);
    display: block;
    font-size: 0.9em;
    font-stretch: condensed;
    height: 20px;
    line-height: 20px;
    margin: 0 2px;
    text-align: center;
    transition-duration: 0.3s;
    transition-property: background-color, color, height, shadow;
    vertical-align: middle;
}
.tabGenerator .tg-middle span span:hover {
    background-color: hsl(0, 0%, 93%);
    display: block;
    height: 30px;
	color: hsl(0, 0%, 0%);
}
.tabGenerator .tg-middle span span a {
    color: hsl(0, 0%, 0%);
    display: block;
}
.tabGenerator .tg-middle span.selected span {
    background-color: hsl(0, 0%, 93%);
    height: 30px;
	color: hsl(0, 0%, 0%);
	font-family: 'Open',sans-serif;
    font-stretch: condensed;
}
.tabGenerator .tg-right span.selected span {
    display: none;
}
.innertabs .tabGenerator {
    border-collapse: collapse;
    font-weight: normal;
    height: 20px;
}
.innertabs .tabGenerator tbody {
    margin-left: 50px;
}
.innertabs .tabGenerator td {
    margin: 0;
    padding: 0 2px 0 0;
    vertical-align: middle;
}
.innertabs .tabGenerator .tg-middle {
    background-color: hsl(0, 0%, 93%);
    vertical-align: middle;
}
.innertabs .tabGenerator .tg-middle span {
    background-color: hsl(0, 0%, 97%);
    margin-top: 0;
}

.innertabs .tabGenerator .tg-middle span span {
    background-color: hsl(0, 0%, 85%);
    border-bottom: 3px solid hsl(0, 0%, 85%);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: hsl(0, 0%, 0%);
    display: block;
    font-family: arial;
    height: 20px;
    line-height: 20px;
    margin: 5px 0 0;
    text-align: center;
    vertical-align: middle;
}
.innertabs .tabGenerator .tg-middle span span:hover {
    background-color: hsl(0, 0%, 85%);
    display: block;
    border-bottom: 3px solid hsl(215, 50%, 30%);
}
.innertabs .tabGenerator .tg-middle span span a {
    color: hsl(0, 0%, 0%);
    display: block;
}
.innertabs .tabGenerator .tg-middle span.selected span {
    background-color: hsl(0, 0%, 93%);
    border-bottom: 3px solid hsl(215, 50%, 30%);
}

.innertabs .tabGenerator .tg-right span.selected span {
    display: none;
}
.topTab, a.topTab, a.topTab:visited, a.topTab:hover, .topTabSelected, a.topTabSelected, a.topTabSelected:visited, a.topTabSelected:hover {
    color: hsl(0, 0%, 27%);
    font-family: arial,helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
}
.bottomTab, a.bottomTab, a.bottomTab:visited, a.bottomTab:hover {
    color: hsl(0, 0%, 100%);
    font-family: arial,helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
}
.bottomTabSelected, a.bottomTabSelected, a.bottomTabSelected:visited, a.bottomTabSelected:hover {
    color: hsl(0, 0%, 27%);
    font-family: arial,helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
}
.topLeft {
    text-align: left;
    vertical-align: top;
}
.middleRight {
    text-align: right;
    vertical-align: middle;
}
.pane {
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 44%);
}
.tabberlive .tabbertabhide {
    display: none;
}
.tabber {
}
.tabberlive {
}
.tabberlive ul {
    border-bottom: 1px solid hsl(210, 4%, 89%);
    border-spacing: 6px 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0;
}
.tabberlive li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: medium none;
    border-image: none;
    border-top: 1px solid hsl(210, 4%, 89%);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: table-cell;
    height: 16px;
    margin-right: 10px;
    padding: 5px;
}
.tabberlive li:hover {
}
.tabberlive, .tabbertab {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid hsl(210, 4%, 89%);
    border-image: none;
    border-top: 0 none;
    margin-bottom: 10px;
    padding: 5px;
}
#tab1.tabberlive {
}
#tab2.tabberlive {
}
#tab2.tabberlive .tabbertab {
    height: 200px;
    overflow: auto;
}
.field-holder {
    clear: both;
}
.box-surround {
    background-color: hsl(0, 0%, 91%);
    border-bottom-color: hsl(0, 0%, 53%);
    border-radius: 1px
    border-top-color: hsl(0, 0%, 53%);
    margin-bottom: 0;
    padding: 10px;
}
.box-title-content {
    border-bottom: 1px solid hsl(0, 0%, 80%);
    color: hsl(0, 0%, 50%);
    font-size: 1.2em;
    font-stretch: condensed;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 0;
    padding-top: 5px;
}
.box-content {
    border-bottom: 1px solid hsl(210, 4%, 89%);
    margin: 0;
    padding: 8px 8px 8px 18px;
}
.box-content p {
    margin: 0;
}
.box-middle {
    color: hsl(0, 0%, 50%);
    font-weight: bold;
    margin: 0;
    padding-bottom: 2px;
    padding-left: 18px;
    padding-top: 2px;
}
.widget {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: hsl(0, 0%, 97%);
    border-bottom: medium none;
    border-image: none;
    border-top: 1px solid hsl(210, 4%, 89%);
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.widget_titlebar {
    background: none repeat scroll 0 0 hsla(0, 0%, 0%, 0);
    border-bottom: 1px solid hsl(210, 4%, 89%);
    color: hsl(0, 0%, 50%);
    font-size: 1.5em;
    font-stretch: condensed;
    font-weight: 300;
    padding-bottom: 5px;
    padding-left: 13px;
    padding-top: 5px;
}
.widget_titlebar_close img {
    height: 12px;
    width: 12px;
}
.widget_titlebar_minimize img {
    height: 12px;
    width: 12px;
}
.widget_titlebar_maximize img {
    height: 12px;
    width: 12px;
}
.widget_content {
    border-bottom: 1px solid hsl(210, 4%, 89%);
    margin: 0;
    padding: 8px;
}

.widget_content table {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid hsl(0, 0%, 84%);
    border-collapse: collapse;
    border-image: none;
    border-top: 1px solid hsl(0, 0%, 84%);
}
.widget_content table td {
    padding: 4px;
}
.bgcolor-grey {
    background-color: hsl(216, 61%, 88%);
}
.listTable table {
    border-collapse: collapse;
}
.listTable table td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid hsl(0, 0%, 50%);
    border-image: none;
    border-top: 1px solid hsl(0, 0%, 50%);
    padding: 5px;
}
.submenu {
    border-bottom: 1px solid hsl(210, 4%, 89%);
    border-spacing: 2px 0;
    margin-bottom: 25px;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 0;
}
.submenu li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: hsl(0, 0%, 80%);
    border-bottom: medium none;
    border-image: none;
    border-top: 1px solid hsl(210, 4%, 89%);
    display: table-cell;
    height: 16px;
    margin-left: 5px;
    margin-right: 10px;
    padding: 5px;
}
.submenu li:hover {
}
#ft {
    text-align: center;
}
.error {
    background-color: hsl(0, 100%, 95%);
    border-color: hsl(6, 63%, 46%);
    border-radius: 1px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: hsl(0, 0%, 33%);
    font-size: small;
    font-weight: normal;
    margin: 2px 3px 3px;
    padding: 7px;
    text-align: left;
}
.warning_msg, .warning, .tips, .important, .veryimportant {
    background-color: hsl(52, 100%, 87%);
    border-color: hsl(39, 82%, 71%) hsl(39, 80%, 71%) hsl(39, 81%, 71%);
    border-radius: 1px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    color: hsl(0, 0%, 33%);
    font-size: small;
    font-weight: normal;
    margin: 2px 3px 3px;
    padding: 7px;
    text-align: left;
}
.feedback {
    background-color: hsl(91, 84%, 69%);
    border-bottom: 1px solid hsl(120, 100%, 25%);
    border-radius: 6px;
    border-top: 1px solid hsl(120, 100%, 25%);
    font-size: small;
    font-weight: normal;
    margin: 2px 3px 3px;
    padding: 7px;
    text-align: left;
    text-shadow: 1px 1px hsl(75, 81%, 79%);
}
#ffErrors {
    background-color: hsl(3, 100%, 63%);
    border-bottom: 1px solid hsl(0, 100%, 50%);
    border-radius: 6px;
    border-top: 1px solid hsl(0, 100%, 50%);
    color: hsl(0, 0%, 0%);
    margin: 2px 3px 3px;
    padding: 7px;
    text-shadow: 1px 1px hsl(4, 100%, 73%);
}
#ffErrors .error {
    background-color: hsl(3, 100%, 63%);
    border-bottom: 1px solid hsl(0, 100%, 50%);
    border-radius: 6px;
    border-top: 1px solid hsl(0, 100%, 50%);
    color: hsl(0, 0%, 0%);
    margin: 2px 3px 3px;
    padding: 7px;
    text-shadow: 1px 1px hsl(4, 100%, 73%);
}
.footer {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: hsl(229, 11%, 29%);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-top: 1px solid hsl(0, 0%, 97%);
    color: hsl(0, 0%, 86%);
    margin-top: 40px;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px hsl(0, 0%, 100%);
}
.footer img {
    float: right;
}
.even {
    background-color: hsl(0, 0%, 94%);
    font-weight: normal;
}
.odd {
    background-color: hsl(0, 0%, 100%);
    font-weight: normal;
}
.widget_titlebar_prefs a:hover {
    background-color: hsla(0, 0%, 0%, 0);
}

.image_supprimer_input
{
background-image:url("delete.gif");
}

#header-col2 {
    background: url("../images/header/tabs-bg.png") repeat-x scroll 0 0 hsl(222, 17%, 31%);
    color: hsl(0, 0%, 93%);
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-right: 7px;
    text-align: right;
    vertical-align: middle;
}

#header-col2 a {
    background-repeat: repeat-x;
    border: 2px solid hsl(0, 0%, 85%);
    border-radius: 3px;
    color: hsl(0, 0%, 85%);
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin-left: 1px;
    padding: 7px 12px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
}

#header-col2 a:hover {
    color: hsl(0, 0%, 0%);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    background-color: hsl(0, 0%, 85%);
}

select {
    margin-bottom: 5px;
    vertical-align: middle;
}

input[type="text"], input[type="password"], input[type="email"] {
    border-radius: 1px;
    height: 17px;
    margin-bottom: 5px;
    padding-left: 7px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: middle;
    border-color: hsl(222, 17%, 31%);
}
input:focus {
    box-shadow: 0.5em 0 0 hsl(0, 0%, 54%) inset;
    padding-left: 7px;
}
textarea {
    border-radius: 1px;
    margin-bottom: 5px;
    padding-left: 7px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: middle;
    border-color: hsl(222, 17%, 31%);
    width: auto;
}
textarea:focus {
    box-shadow: 0.5em 0 0 hsl(0, 0%, 54%) inset;
}

tt {
    font-size: 1.4em;
}

/* Activity page */
#activity_select, #activity_startdate, #activity_enddate, #activity_submit {
    display: inline-block;
    padding-right: 50px;
}

/* Mediawiki */
#globalWrapper a:hover {
    color: hsl(0, 0%, 100%);
    font-weight: normal;
}
#globalWrapper a.external:hover {
    background-color: hsl(215, 50%, 30%);
}
#p-cactions li a:hover {
    background-color: hsl(215, 50%, 30%);
}
p.information {
    background-color: hsl(199, 81%, 86%);
    border-color: hsl(209, 47%, 45%);
    border-style: solid;
    border-width: 1px 1px 1px 5px;
}
#p-personal li a:hover {
    background-color: hsl(215, 50%, 30%);
}

#header {
    /* 9999 is tracker tooltip */
    z-index: 10000;
}