body {
    font-family: Verdana, Helvetica, Arial,sans-serif;
    font-size: 0.8em;
    background: #E5E6DD;
    /* background-image:url(../images/ban.jpg);
    background-repeat:no-repeat;
    background-position: top left;
    background-attachment:inherit ;
    /*   overflow: no-content;*/
    /*    background: -moz-linear-gradient(top, rgba(79,133,187,0.43) 0%, rgba(79,133,187,1) 100%);  FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,133,187,0.43)), color-stop(100%,rgba(79,133,187,1)));  Chrome,Safari4+
    background: -webkit-linear-gradient(top, rgba(79,133,187,0.43) 0%,rgba(79,133,187,1) 100%);  Chrome10+,Safari5.1+
    background: -o-linear-gradient(top, rgba(79,133,187,0.43) 0%,rgba(79,133,187,1) 100%);  Opera 11.10+
    background: -ms-linear-gradient(top, rgba(79,133,187,0.43) 0%,rgba(79,133,187,1) 100%);  IE10+
    background: linear-gradient(to bottom, rgba(79,133,187,0.43) 0%,rgba(79,133,187,1) 100%);  W3C
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e4f85bb', endColorstr='#4f85bb',GradientType=0 );  IE6-9 */
}

#header {
    /*height: 170px;*/
    display: block;
}

#header img {
    display: block;
    margin: 0 auto;
}

.accordeon{
    margin :auto;
    height: 600px;
    width : 100%;
}
.saisie{
    width: 30px;
}

.tableau{
    margin-left: 10px;
    border: 1px solid black;
    margin :auto;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-collapse: separate;
    border-spacing: 0px;
}
.tableau td{
    border-top: 1px solid black;
    border-left: 1px solid #000;
}

.tableau td:nth-child(n+2){
    border-left: 1px solid black;
}
.tableau > tbody > tr:hover{
    background: #C9D0DF;
}
.choixsemaine{
    margin: auto;
    width: 90%;
    border: 1px solid black;
    margin-top: 0px;
}
.choixsemaine tr {
    border: 1px solid black;
}
.choixsemaine tr:hover{
    background: #98A4BE;
}
#content{
    margin-top: 50px;
    width: 100%;
}

.icon{
    margin: auto;
}

.presentation {
    min-width:200px;
}
.presentation:nth-child(1) {
    margin-top:3px;
}
.presentation li {
    border: none;
    width: 99.9%;
    min-width:150px;
}
.presentation li a {
    width: 98%;
    min-width:150px;
    font-size: 20px;
    border: none;
    color: white;
    text-shadow: -1px 1px 0 #5b5b5b;
}
.jour{
    text-shadow: -1px 1px 0 #5b5b5b;
}

.nav {
    text-align: center;
    width: 100%;
    margin : 0;
    padding: 0;
}
.nav li {
    display: inline;
    list-style: outside none none;
}
.nav {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent -moz-linear-gradient(center bottom , #666666 0pt, #5e5e5e 50%, #707070 51%, #808080 100%) repeat scroll 0 0;
    border-color: #707070 #333 #333;
    border-image: none;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #999;
    height: 36px;
    text-align: center;
}
.nav a {
    border-left: 1px solid #555;
    border-right: 1px solid #888;
    color: white;
    font-family: Helvetica,Arial,Verdana,sans-serif;
    font-size: 1em;
    height: 50px;
    line-height: 36px;
    padding: 0 35px;
    text-decoration: none;
    text-shadow: -1px -1px 0 #444;
}
.nav *:first-child a {
    border-left: 0 none;
}
.nav *:last-child a {
    border-right: 0 none;
}
.nav a:hover,  .nav a:focus {
    background: transparent -moz-linear-gradient(center bottom , #444444 0pt, #3e3e3e 50%, #505050 51%, #606060 100%) repeat scroll 0 0;
    text-shadow: -1px -1px 0 #000;
}

#frame{
    width: 100%;
    height : 600px;
    display:  none;
}

.isBio{
    color : #4caf50;
    font-weight: bold;
    font-style: italic;
}

.isTheme{
    color: red;
    font-weight: bold;
    font-style: italic;
}

.cliquable{
    cursor: pointer;
}

.refOk{
    background: url(../images/bullet_green.png);
}
.refNoOk{
    background: url(../images/bullet_red.png);

}
.refOk, .refNoOk{
    background-repeat: no-repeat;
    padding-left: 30px !important;
}

.message-acceuil {
    color: red;
    font-size: 1.5em;
    text-align: center;
}

.on-save {
    display: inline-block;
    float: right;
    width: 13%;
    vertical-align: middle;
    margin-top: -40px;
}

.on-save img, span{
  vertical-align : middle;
}

.btn {
    display: inline-block;
    text-decoration: none;

    color: #014c8e;
    font-size: 1.5em;
    cursor: pointer;

    border-left: 0;
    border-right: 0;
    border-top: 5px solid #014c8e;
    border-bottom: 5px solid #014c8e;
}
.btn-not-active {
   pointer-events: none;
   cursor: default;
   color : #9e9e9e;
    border-color: #9e9e9e;
}

.btn-header {
    position: absolute;
    top: 10px;
}

.btn-logout {left: 10px;}

/*.btn-retour {left: 10px;}*/

.btn-archives {
    position:absolute;
    right: 5%;
    top: 20px;
    margin-right: auto;
}

.btn-help { right: 1%; }

.btn-red {
    color: red;
    border-top: 5px solid red;
    border-bottom: 5px solid red;
}

.comptes{
  position: absolute;
  /*height: 100px;*/
  padding-top: 10px;
  padding-bottom: 10px;
  top: 10px;
}

@media only screen and (max-width: 1500px) {
    .comptes{
        position: relative;
    }
}
@media only screen and (min-width: 1500px) {
    .comptes{
        width: 30%;
        text-align: center;
        top: 0px;
        left: 0px;
        border-right: 1px solid;
        border-bottom: 1px solid;
        border-bottom-right-radius: 20px;
    }
}

.container-help
{
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    margin: 20px auto;
    width: 90%;
}

.container-help h2
{
   text-align: center;
}

.container-help p
{

}

.menu-footer
{
    width: 100%;
    margin-top: 20px;
}

.recap
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.compositions
{
    width: 50%;
    display: table;
    margin: 0 auto;

    border: 1px solid;
    padding: 15px;
}

.compositions-L7
{
    width: 48%;
    float: left;

    border: 1px solid;
    margin-left: 1%;
    padding: 15px;
}

.compositions h4 { margin-top: 0; }

.dl-menu
{
    display: inline-block;
    text-align: center;
    width: 60%;
}

.table-resize { width: 370px; }
.td-resize { width: 310px; }

.sc-modifjus {
    text-align: center;
    font-size: 0.75em;
}

@media only screen and (max-width: 1600px) {
    .td-resize { width: 200px; }
    .table-resize { width: 300px; }
}

.alert-gsalade {
    color: red;
}

.alert-gsalade.hide {
    display: none;
}

.center-container {
    width: 100%;
    text-align: center;
}

.mono-day-cell {
    text-align: center;
    min-width: 130px;
}

.mono-multi-day-cell {
    text-align: center;
    min-width: 150px;
}

.credit-left {
    border-right: 2px solid #014c8e;
}

.credit-left, .credit-right {
    float: left;
    width: calc(50% - 1px);
    height: 70vh;
    margin-top: 20px;
}

.credit-left .credit-history {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 70%;
}

.credit-left .tableau {
    margin: auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.credit-left .tableau th, .credit-left .tableau td {
    padding: 5px;
}

.big {
    font-size: 2em;
    color: #014c8e;
}