.ui-datepicker
{background-color: white;
border: solid 1px;
padding-right: 10px;
}
.cacher
{
    display: none;
}

table.college
{
    width:auto;
}
table td, table th
{
    width: auto;
}
ul.pagination 
{
    
}
ul.pagination li
{
    display:inline;
    margin: 5px;
}
ul.pagination li a
{
    /*background-color:#ff9054;*/
    
    background-color:#aaaaaa;
    display:inline-block;
    padding: 3px 5px;
    border-radius:3px;
    border: #212121 solid 1px;
}

input.controller{
    
}
input.action{
    margin-left: 20px;
}

ul.choix_role{
    
}
ul.choix_role li{
    /*display: inline;*/
    padding: 3px;
    margin: 3px;
    border-radius:3px;
    background-color:#e89801;
}
ul.choix_role li.checked{
    background-color:#cd0a0a;
}
ul.choix_role li a{
    color:#ffffff;
}


table[datatables]{
    background-color:#8ECAFF;
    padding:3px;
    border-radius:5px;
    width: 100%;
}

table[datatables^=conseils] {
    background-color: rgb(58, 85, 80);
}

table[datatables] > thead > tr
{
    background: url(images/background-menu3.png);
    font-size: 1.05em;
    font-weight: bold;
    
    color:white;
    margin-bottom: 5px;
}

table[datatables] > thead > tr > th, table[datatables] > tfoot > tr > td{
    padding: 5px;
    text-transform: capitalize;
    text-align: left;
}

table[datatables] > tfoot > tr{
    font-size: 1.05em;
    font-weight: bold;
    background: url(images/background-menu3.png);
    color:white;
}
table[datatables] tfoot form, table[datatables] tfoot p{
    display: inline-block;
}

table[datatables] a{
    /*color:white;*/
}

ul[datatables].sortable{
    
}
ul[datatables].sortable li{
    padding:5px;
    background-color:#cd0a0a;
    color:white;
    border-radius:3px;
    margin:2px;
}
/*
table[datatables] tr.selectable{
    background-color:#A2A4FF;
}
*/
table[datatables] tr{
    height: 20px;
}
ul.etapes li{
    margin-bottom: 30px;
}
td.id{
    max-width: 50px;
}
td.Infos{
    /*max-width: 30px;*/
}
td.service{
    width: 70px;
}
table[datatables] td.titre{
    text-transform:uppercase;
    max-width: 100px;
    overflow: hidden;
}
table[datatables] td.pst{
    max-width: 100px;
    overflow: hidden;
}
td.actions{
    width:75px;
    padding-left: 20px;
}
td.etape{
    width:200px;
}

table tfoot a{
    color:white;
}
ul.path{
    
}
ul.path li{
    display:inline-block;
}
ul.path li:after{
    content:'>';
}
ul.menu  {
    padding-left:10px;
}
ul.menu li:before{
    content: '> ';
}
table[datatables] tbody tr {
    cursor:default;
}
table[datatables] tbody tr td.titre{
    cursor:pointer;
}

select, input[type=text], input[type=password], input[type=button], input[type=submit], input[type=reset]{
    border-radius: 3px;
    border: 1px solid #8ECAFF;
}
input[type=button], input[type=submit], input[type=reset] {
    background-color: white;
    padding: 2px 5px;
}

label.error{
    color:red;
    margin-left: 10px;
}

/*
table[datatables] tbody tr td.id{
    background: url(images/unchecked.jpg) no-repeat;
    padding-left: 25px;
}
table[datatables] tbody tr.selectable td.id{
    background: url(images/checked.jpg) no-repeat;
}
*/

table[datatables]>tbody>tr>td:first-child:not(.dataTables_empty):not(.undefined){
    background: url(images/unchecked.jpg) no-repeat;
    padding-left: 25px;
}
table[datatables]>tbody>tr.selectable>td:first-child:not(.dataTables_empty):not(.undefined){
    background: url(images/checked.jpg) no-repeat;
}

table[datatables] tbody tr td.titre{
    background: url(images/plus.png) no-repeat;
    padding-left: 25px;
}

table[datatables] tbody tr td.titre.dejaselection{
    background: url(images/moins.png) no-repeat;
}

textarea.editeur{
    width: 484px;
    height: 291px;
}

div.chargement{
    background: url(images/ajaxloader.gif) no-repeat;
    float: right;
    width: 40px;
    height: 40px;
    display: none;
}

div.ajaxloader{
    background: url(images/ajaxloader.gif) no-repeat;
    width: 16px;
    height: 16px;
}

form.form{
    background-color: #B2DBFF;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #49A9FF;
}
.ui-dialog form.form{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
}

form *{
    padding: 1px 2px;
    margin: 1px 2px;
}
.zone{
    border-radius: 3px;
    border: 1px solid #C8E5FF;
    background-color: aliceBlue;
    margin: 5px 0;
    padding: 5px;
    
    /* Ascensseur */
    overflow-y: auto;
    max-height: 700px;
}
.zone div.contenu p{
    /*margin: 10px 0;*/
}

table[datatables] tbody tr td{
    padding-left: 5px;
    padding-right: 5px;
}
table[datatables] tbody tr td.Infos input[type=image][title="Point retourné"]{
    background-color: red;
}
table[datatables] tbody tr td:nth-child(odd){
    /*color:#0E3460;*/
}
table[datatables] thead tr th[champ=Tri]{
    width: 60px;
}
table[datatables] thead tr th[champ=Numero]{
    width: 60px;
}
table[datatables] thead tr th[champ=id]{
    width: 50px;
}
table[datatables] thead tr th[champ=pst]{
    width: 50px;
}
table[datatables] thead tr th[champ=id_point]{
    width: 65px;
}
table[datatables] thead tr th[champ=Role]{
    width: 95px;
}
table[datatables] thead tr th[champ=Infos]{
    width: 85px;
}
table[datatables] thead tr th[champ=titre]{
    
}
table[datatables] thead tr th[champ=Service]{
    width: 70px;
}
table[datatables] thead tr th[champ=Competence]{
    width: 105px;
}
table[datatables] thead tr th[champ=Echevin]{
    width: 120px;
}
table[datatables] thead tr th[champ=Departement]{
    width: 120px;
}
table[datatables] thead tr th[champ=hierarchie], table[datatables] thead tr th[champ=Hierarchie]{
    width: 120px;
}
table[datatables] thead tr th[champ=Etape]{
    width: 70px;
}
table[datatables] thead tr th[champ=College]{
    width: 140px;
}
table[datatables] thead tr th[champ=Conseil]{
    width: 140px;
}
table[datatables] thead tr th[champ=Seance]{
    width: 140px;
}
table[datatables] thead tr th[champ=Pertinence]{
    width: 50px;
}
table[datatables] thead tr th[champ=Date]{
    width: 120px;
}
table[datatables] thead tr th[champ=Type]{
    width: 150px;
}
table[datatables] thead tr th[champ=regime]{
    width: 350px;
}
table[datatables] thead tr th[champ=recup]{
    width: 150px;
}
table[datatables] thead tr th[champ=VA]{
    width: 150px;
}
table[datatables][id_role] tr>*:first-child{
    /*display: none;*/
}
input.champselect{
    width: 100%;
}

input.pasvide{
    background:aliceblue;
    
}

form.organiser table tbody table tbody tr td{
    margin: 5px;
    background-color: aliceblue;
    border: 1px solid black;
    border-radius: 3px;
    padding: 5px;
}
p.etatenregistrement{
    color:red;
    border: 1px solid black;
}


.ui-effects-transfer { border: 2px solid black; }

table.form tr:nth-child(odd){
    
}

.ui-dialog{
    margin-left: 50px;
    margin-top: 50px;
}

a.cke_toolbox_collapser{
    display: none;
}

.ui-sortable-placeholder{
    display: block;
}
form{
    clear: both;
}

.cke_bottom{
    display:none;
}

div.suivi table tr td div{
    max-height: 100px;
    overflow-y: auto;
}

div.loader{

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("images/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position: center top;
    border: 2px solid black;
    border-radius: 3px;
    text-align: center;
    padding-top: 20px;
}

/*
@keyframes 'loader-tiret' {
    from {
      -webkit-transform: rotate(0);
    }
    to {
      -webkit-transform: rotate(270deg);
    }
}
div.loader{
    -webkit-animation-name: 'loader-tiret';
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 10;
}
*/

/*
div#menuv li:not(.present)>ul:not(:contains(.present)){
    display: none;
}*/


div#menuv ul>li.present>a{
    padding: 0 3px;
    background-color: rgba(73, 169, 255, 0.2);
    border-radius: 3px;
    /*border-top-left-radius: 0;
    border-bottom-left-radius: 0*/
}
div#menuv ul>li.present:before{
    /*padding: 0 3px;*/
    /*margin-right: 1px;*/
    /*background-color: rgba(73, 169, 255, 0.2);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;*/
}

div#menuv>div>ul>li>ul>li{
    display: none;
}
div#menuv>div>ul>li.presen >ul>li{
    display: block;
}
div.zone div.contenu{
    /*background-color: white;*/
    padding-left: 25px;
}
div.zone div.contenu{
    text-indent: 40px;
}
div.zone div.contenu table{
    text-indent: 0;
}

/*div.editeur{
    
    width: 400px;
}*/
div.editeur>button{
    float: left;
    background-color: #E6E6E6;
    margin: 1px 2px;
    border-radius: 2px;
    border: 1px dashed #999;
    padding: 2px;
}
/*
div.editeur>button:before{
    display: inline-block;
    width: 5px;
    height: 5px;
    content: '';
    background: gray;
    margin: 0 3px;
    border-radius: 3px;
    margin-bottom: 4px;
}*/

div#pleinecran{
    
    /*position: fixed;*/
    /*top:0;left:0;bottom:0;right:0;*/
    /*padding: 5px;*/
}

div#pleinecran button{
    font-size: 15px;
    font-weight: bold;
}

div#pleinecran>div.zone{
    border: solid 2px black;
    margin: 3px;
    position: fixed;
    top:0;left:0;bottom:0;right:0;
}

/*div.colonne ul{
    list-style-type: none;
}*/
ul.sanspuce{
    list-style-type: none;
}

div[contenteditable=true] p{
    cursor: text;
}
table.dataTable td {
padding: 1px 10px;
}



/*    Editeur   */


    div.editeur{
        border: 1px solid rgba(255, 255, 255, 0.4);
        background-color: rgba(255, 255, 255, 0.8);
        min-width: 200px; 
/*        max-width: 800px;*/
        min-height: 300px; max-height: 800px;
        
    }
    div.editeur.agrandi{
        background-color: whitesmoke;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;
    }
    div.editeur > div.toolbar{
        -webkit-user-select: none;
        border: 1px solid green;
        height: 32px;
    }
    div.editeur > div.toolbar > div{
        display: inline-block;
        margin: 0;
        padding: 0;
        height: 20px;
    }
    div.editeur > div.toolbar button[editeur-command]{
        border: 1px solid black;
        /*width: 30px;*/ height: 30px;
        background-color: #E3E3E3;
        padding: 2px 5px;  
        border-radius: 2px;
        
        border: none;
        background: none;
    }
    div.editeur > div.toolbar button[editeur-command]{         
        color: black;
    }
    div.editeur > div.toolbar button[editeur-command]:hover{        
        /*color: white;*/
        cursor: pointer;
    }
    div.editeur > div[contenteditable=true]{
        border: 1px solid rgba(0, 0, 0, 0.4);
        background-color: rgba(255, 255, 255, 0.8);
        min-height: 200px; max-height: 400px;
        height: 400px;
        overflow-y: scroll;
    }
    div.editeur.agrandi > div[contenteditable=true]{
        max-height: 620px;
        height: 620px;
    }
    
/* Bouton de reconnection */
button.reconnect{
    margin: 5px;
    padding: 5px;
}

/*
    Permet de gagner un peu de place.
    Remplace la valeur du padding de .ui-tabs .ui-tabs-panel venant de jquery-ui-1.8.9.custom.css:494 
*/
.ui-tabs .ui-tabs-panel {
    padding: 0.5em 0.3em;
}

/* Validation */
input[pattern]:valid {
    color: green;
}
input[pattern]:invalid {
    color: red;
}