/******
 * Couleurs TSPS :
 * Vert : #65be6c
 * Rouge : #ee222b
 * Gris foncé : #58595b
 * Gris Clair : #e8e8e8
 ****/

body {background-color:#e8e8e8;}
/*h1 {font-size:1.5em;text-transform: uppercase;font-weight:bold;}
h2 {font-size:1.35em;}
h3 {font-size:1.2em;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color:#58595b;}*/

h1.titleModule {
    margin: 20px 0 20px 0;
    padding:0 0 0 10px;
    font-size:25px;
    display:block;
    color:#e8e8e8;
    font-weight:bold;
    background-color:#58595b;
}
h3 {font-size:20px;font-weight:bold;color:#58595b;border-bottom:1px solid;}
.green {
    color:green;
}
.red {
    color:red;
}
.no-margin, .no-margin>input {
    margin:0px;
}
.margin-top {
    margin-top:20px;
}
.margin-bottom {
    margin-bottom:20px;
}
.margin-right {
    margin-right:20px;
}
.no-padding {
    padding:0px;
}
.clear {clear:both;}
.smallText {font-size:0.75em;}
.boldText {font-weight:bold;}
.infoText {font-size:0.7em;color:#999;line-height: 10px;}
.smallCol div.column{
    padding: 0 5px 0 5px;
    margin:0px;
}
.leftColumnBox, .rightColumnBox {padding:0;}
div.cssIcon input {
    background-image:none;
    background-repeat:no-repeat;
    background-position: 8px 10px;
    padding-left: 30px;
}
.OptionValue {display:none;}

.console {
    background-color: black;
    font-family: monospace;
    color: grey;
}
s
div.littleInput>label{
    /*font-size:0.8em;*/
}
div.littleInput>label>input, div.littleInput>label>textarea{
    padding:1px;
    margin:0px;
    height:auto;
    border:none;
    background-color:#DDD;
}
div.littleInput>label>input:focus, div.littleInput>label>textarea:focus{
    border:none;
}
input.alert, select.alert{
    background-color:#fce6e2;
    border-color:#ec5840;
}
input.save, select.save{
    background-color:#e1faea;
    border-color:#65be6c;
}
label.save {
    color:#65be6c;
    font-weight:bold;
}
label.alert {
    color:#ec5840;
    font-weight:bold;
}
.grey{color:#999;}
a.button, a.button:hover, a.button:visited {color:white;text-decoration:none;}
a, a:visited {color:black;}
a:hover {text-decoration: underline;color:black;}
table {width:100%;border:2px solid #e8e8e8;margin-bottom:0px;}
table caption { }
table thead th, table tfoot th {
    font-size:0.9em;
    padding:0px;
}
table thead th a, table tfoot th a {
    color:#000;
}
table thead th a:hover, table tfoot th a:hover {
    color:#000;
    text-decoration:underline;
}
fieldset {
    border:2px solid #999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:0 10px 0 10px;
}
fieldset legend {
    padding:0 10px 0 10px;
}
.tabs {
    background-color:transparent;
}
.tabs-title {
    background-color:#eee;
}
.tabs-title a {
    font-size:1rem;
    color:#000;
    font-weight:lighter;
}
.tabs-title a.is-active {font-weight:bolder;}
.tabs-title.is-active{
    background-color:#fff;
}
table tbody, table thead, table tfoot {border:none;}
table thead {
    border-bottom:1px solid #bbb;
    border-top:5px groove #bbb;
    background-color:#eee;
}
table tfoot {
    border-top:1px solid #bbb;
    border-bottom:5px groove #bbb;
    background-color:#eee;
}
table.listingTable thead img.imgOrder {
    width:8px;
}
ul li {font-size:1em;}
img.icon {
    min-width:16px;
}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

.bloc-login {max-width: 500px;}
.logo-login {width:200px;margin:10% auto 25px auto;}

.mainBar {
    padding:0;
    line-height:45px;
    height:45px;
    background-color:#58595b;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
}
.mainBar .logo {height:40px;margin-top:-8px;}
.mainBar .headerLogo {padding:0px;font-size:20px;font-weight:bold;}
.mainBar .headerLogo a {color:white;}
.mainBar .headerLogo a:hover {color:white;}
.mainBar .headerNav {padding:0;color:#FFF;}
.mainTime {margin:2px 5px 2px 0;float:right;text-align:right;}

.mainTime>.date {font-size:15px;line-height:15px;}
.mainTime>.time {font-size:26px;line-height:26px;font-weight:bold;}
.mainTime>.littleDate {line-height:18px;}

.main {}
.mainNav {margin:0;padding:0;z-index:2;}
.mainNav > .callout {
    width:100%;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
}
.mainNav .menu .nav-menu-title {text-align:center;}
.mainNav .menu {padding:0;}
.mainNav .menu li {margin:3px;font-weight:bold;font-size:0.8em;}
.mainNav .menu li a {border:1px solid #58595b;background-color:#58595b;color:white;}
.mainNav .menu li a:hover {background-color:#65be6c;color:#0a0a0a;text-decoration:none;}
.mainNav .menu li.enabled a:hover, .mainNav .menu li.logoff a:hover {color:#0a0a0a;text-decoration:none;}
.mainNav .menu li.enabled a {background-color:#65be6c;color:#fff;}
.mainNav .menu li.logoff a {background-color:#ec5840;color:#fff;}
.footer {
    margin-bottom:20px;
}
.debug {
    background-color:#ffffcc;
    position:fixed;
    bottom:0px;
    padding:10px;
    width:100%;
    text-align:center;
    color:red;
}
.logo-picsaile {width:60px;}

h1.titleModule {
    margin: 20px 0 20px 0;
    padding:0 0 0 10px;
    font-size:25px;
    display:block;
    color:#e8e8e8;
    font-weight:bold;
    background-color:#58595b;
}

.DayTimeBox caption {text-align:left;background-color:#fff;}
.DayTimeBox caption:first-letter {text-transform: capitalize;}
.DayTimeBox div.callout {padding:0;background-color:transparent;}

#btnSetDay {margin-top:10px;}

/* Small only */
@media screen and (max-width: 39.9375em) {
    tbody td, thead th, tfoot td {padding:7px;font-size:80%;}
    .mainNav {position:absolute;max-width:300px;}
    .mainTime>.date {font-size:12px;}
    .mainTime>.time {font-size:24px;}
    .mainContent {padding-left:0px;padding-right:0px;border-left:none;border-right:none;}
    .DayeTimeBox {padding:0;}
    /*.column{padding-left:0px;padding-right:0px;}*/
    table thead th, table tfoot th {font-size:0.5em;}
    .smallText {font-size:0.6em;}

}

/* Medium and up */
@media screen and (min-width: 40em) {

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    tbody td, thead th, tfoot td {padding:4px;font-size:90%;}
    .mainNav {position:absolute;max-width:300px;}
    .content {padding-left:3px;padding-right:3px;border-left:none;border-right:none;}
}

/* Large and up */
@media screen and (min-width: 64em) {
    .rightColumnBox {padding-left:20px;}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}