/* Surcharge de boostrap */
.panel {
    box-shadow: 4px 4px 8px #333;
}
/* Lien masqué pour accessibilité */
.assistive-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

/* titre du site */
.titreSite {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 38px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing:2px;
    /*font-variant: small-caps;*/
    color: #3399ff;
    text-shadow: 2px 2px 2px #000;
    vertical-align: middle;
}

/* item de navigation */
#navbar li:hover {
     background-color: #eaeaff;
} 

a.navbar-brand:hover {
     text-shadow: 2px 2px 2px #999;
}

@media print {
    nav,header,footer,.noprint {
        display: none;
    }
    
    td {
        line-height: 12px;
    }
}
/*********************************************************/
/*********** ELEMENTS POUR ORGANIGRAMME ***************/
/*********************************************************/
.cell {
    font-size: 14px;
    font-variant: small-caps;
    font-weight: bold;
    color:#555;
}

.membre {
    border: 1px solid #F7FFE6;
    width:400px;
    font-size: 12px;
    list-style-type: none;
    border-right-style: outset;
    border-left-style: outset;
    border-bottom-style: outset;
    border-top-style: outset;
}

.fondP {    
    background-color: #eaeaff;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeaff), to(#fff));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(center top , #eaeaff, #fff);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(center top, #eaeaff, #fff);
    /* IE 10 */
    background: -ms-linear-gradient(center top , #eaeaff, #fff);
    /* Opera 11.10+ */
    background: -o-linear-gradient(center top , #eaeaff, #fff);

    background-repeat: repeat-x;
}

/* Pour stagiaire */
.fondS {    
    background-color: #eaffbf;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaffbf), to(#fff));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(center top , #eaffbf, #fff);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(center top, #eaffbf, #fff);
    /* IE 10 */
    background: -ms-linear-gradient(center top , #eaffbf, #fff);
    /* Opera 11.10+ */
    background: -o-linear-gradient(center top , #eaffbf, #fff);

    background-repeat: repeat-x;
}

.idphoto {
    float: left;
    padding: 5px;
}

td.tlabel {
    text-align: right;
    font-variant: small-caps;
    padding-right: 5px;
    background-color: #fbffcf;
}

/* QCM */
.ckTR input:checked + label {
    border : 2px solid red;
    padding: 4px;
    border-radius: 5px;
}

li.bonChoix input:checked + label {
    border : 2px solid green;
    padding: 4px;
    border-radius: 5px;
}

li.corrige input + label {
    border : 2px dotted green;
    padding: 4px;
    border-radius: 5px;
}

ol.qcm > li {
    margin-bottom: 20px;
    border-bottom: 1px solid #9AB;
}

/* TRI de tableau */
/* Classe obligatoire pour les flèches */
.flecheDesc {
  width: 0; 
  height: 0; 
  float:right;
  margin: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}
.flecheAsc {
  width: 0; 
  height: 0;
  float:right;
  margin: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

/* Classe optionnelle pour le style */
.avectri th.selection {background-color:#5d625c;color:#fff;}
.avectri th.selection .flecheDesc {border-bottom-color: white;}
.avectri th.selection .flecheAsc {border-top-color: white;}