t/*******************************************************************************
 * DEFAULT
 *******************************************************************************/

    body { margin:0; overflow-y:scroll; line-height:1.6em; }
    body, textarea, select, input { font-family:sans-serif; font-size:15px; }
    a { text-decoration:none; color:#000; }
    .button { border:1px solid #d3d3d3; display:inline-block; background:#f7f7f7; padding:0 10px; line-height:1.6em; cursor:pointer; }
    .mainbutton { border: 1px solid #2a2a2a; background:#2a2a2a; color:#bababa; }
    div.help { width:800px; margin-bottom:1em; text-align:justify; font-style:normal; font-weight:normal; }

/*******************************************************************************
 * HEADER
 *******************************************************************************/

    .header {
        padding:0 5px 0 20px;
        height:52px;
        /* background: -webkit-linear-gradient(#2a2a2a, #111111); */ /* For Safari 5.1 to 6.0 */
        /* background: -o-linear-gradient(#2a2a2a, #111111); */ /* For Opera 11.1 to 12.0 */
        /* background: -moz-linear-gradient(#2a2a2a, #111111); */ /* For Firefox 3.6 to 15 */
        background: linear-gradient(#B6258F, #B6258F); /* Standard syntax */
        color:#bababa;
    }
    .logo { float:left; display:block; padding:14px 15px 16px 0; height:22px; }
    .header ul { display:inline-block; margin:0; padding:0; list-style:none; /*border-right:1px solid #2f2f2f;*/ }
    .header li { display:inline-block; }
    .header ul a { display:inline-block; padding:0 15px; color:#f9b862; text-transform: uppercase; line-height:52px; border-left:1px solid #2f2f2f; outline:none; }
    .header ul a:hover, .header ul li.active a { color:#f7f7f7; }
    .user { float:right; }
    .user li span  { display:inline-block; padding:0 15px; color:#bababa; text-transform: uppercase; line-height:52px; /*border-left:1px solid #2f2f2f;*/ }

    #status { position:fixed; bottom:0; left:0; right:0; z-index:99; padding:30px 20px; border-top:1px solid #ccc; background: #ddd; display:none; opacity:0.9;}
    #status.error { border-top:1px solid #c00; background:#fee; color:#c00; }

/*******************************************************************************
 * MAIN
 *******************************************************************************/

    .main { padding:10px 20px; }
    .comment { font-style:italic; }

/*******************************************************************************
 * SOUS-MENU ACTION
 *******************************************************************************/

.sous-menu { margin-bottom:10px; }
.sous-menu .button { color:#949494; background-color:#FFFFFF;}
.sous-menu .button.back { margin-right:20px; }
.sous-menu .button.selected, .sous-menu .button:hover { border-color:#b6258f; color:#FFFFFF; background-color:#b6258f;}
.sous-menu .button.disabled { visibility:hidden; }


/*******************************************************************************
 * PARTICIPANT
 ******************************************************************************/

.green {color:#00AF19;}
.red {color:#FF0000;}


/*******************************************************************************
 * TABLEAUX
 *******************************************************************************/

    table { empty-cells:show; border-collapse:collapse; margin:1.6em 0 0 0; border-top:1px dotted #999; }
    th { border-bottom:1px dotted #999; padding:3px 10px; text-align:left; }
    td { border-bottom:1px dotted #999; padding:3px 10px; background:#f7f7f7; }
    th.checkboxes, td.checkboxes { padding-left:0; }
    tr:hover td { background:#fff; }
    p.tableoptions { margin:5px 0 1.6em 0; clear:left; }
    .pagination { clear:left; margin-top:1em;}

    a.order {padding-right:16px; background:url(../img/order.png) right 0 no-repeat; }
    a.asc {background-position: right -16px; }
    a.desc {background-position: right -32px; }

    .preview th, .preview td { border:none; background:#fff; padding:0; }

    table.lines { border-top:1px solid #999; width:100%; }
    table.lines th { border-bottom:1px solid #999; padding:10px 10px; text-align:left; }
    table.lines td { border-bottom:1px solid #999; padding:10px 10px; background:#fff; }

    table.error { color:#FF0000; }

    /*.stats table, .stats-nicolas table { border-top:1px solid #666; }

    .stats thead th, .stats-nicolas thead th { text-align:right; width: 100px; background: #eee; border-bottom: 1px solid #999; }
    .stats tbody th, .stats-nicolas tbody th { width: 400px; }
    .stats tbody td, .stats-nicolas tbody td { text-align: right; background:#fff; }

    .stats .condensed thead th[colspan="3"], .stats-nicolas .condensed thead th[colspan="3"] { width: auto; }
    .stats .condensed thead th, .stats-nicolas .condensed thead th { width: auto; text-align:center;}

    .stats .condensed tbody td, .stats-nicolas .condensed tbody td { text-align:center; }
    .stats tbody td.full, .stats-nicolas tbody td.full { background:#eee; }
    .stats tbody td.overquota, .stats-nicolas tbody td.overquota { background:#fee; }*/

    /*.stats .condensed thead th[colspan="3"], .stats-nicolas .condensed thead th[colspan="3"] { border-left: 1px solid #999; }
    .stats .condensed thead th:nth-child(3n+2), .stats-nicolas .condensed thead th:nth-child(3n+2) { border-left: 1px solid #999; }
    /*.stats .condensed tbody td:nth-child(3n+2), .stats-nicolas .condensed tbody td:nth-child(3n+2) { border-left: 1px solid #999; }


}*/

.import td.error {background-color:#FF0000;}


/*******************************************************************************
 * FICHES
 *******************************************************************************/

    /*
    table .fiche { margin-bottom:0; padding:15px 0; background:inherit; border:none; }
    .fiche { margin-bottom:1em; padding:15px; background:#f7f7f7; border:1px solid #d3d3d3; }
    .fiche h3 { margin:0; }
    */
    .fiche { margin: 0 0 2em 0;}
    .fiche table { width: 100%; }
    .fiche table th { width: 200px; }
    .fiche table td { background: #fff; }
    .fiche table td:hover { background: #fff;}

    .fiche table tr.titlerow th, .fiche table tr.titlerow td { background: #ddd; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-top:-1px; }


    .details .fiche table { width:70%; margin-bottom:40px;}
    .details .fiche table th { width:40%; font-weight:normal; line-height: 18px; padding-top: 5px; padding-bottom: 5px; }

    .details span.fieldname { font-weight:bold; }
    .details span.fieldlabel { font-size:14px; font-style:italic; color:#ababab; }


/*******************************************************************************
 * FORMULAIRES
 *******************************************************************************/


    .field { margin-bottom:1em; clear:left; }
    .field .fa { color:#BBBBBB; }
    .field .fieldname {font-size:14px;font-style: italic; color:#ababab;}

    label, .field p { display:block; line-height:1.2em; margin-bottom:.2em;}
    label.mandatory:after, .mandatory:after { content: ' *';}
    input[type=text] { border:1px solid #dedede; background:#e1efef; padding:0 5px; line-height:1.6em; width:350px; }
    input[type=password] { border:1px solid #dedede; background:#e1efef; padding:0 5px; line-height:1.6em; width:350px; }
    textarea { border:1px solid #dedede; background:#e1efef; padding:5px; line-height:1.6em; width:350px; height:100px; }
    select { border:1px solid #dedede; background:#e1efef; padding:0 5px 0 5px; line-height:1.6rem; height:25px; }
    select option { line-height:1.6rem; }

    input[type=submit] { border:none; background:#2a2a2a; color:#bababa; padding:0 10px; line-height:1.6em; cursor:pointer; }
    input[type=text].short { width:200px; }
    input[type=password].short { width:200px; }

    ul.error { border:1px solid #c00; background:#fee; color:#c00; padding:5px 5px 5px 25px; }
    .error label { color:#c00; }
    .error input[type=text], .error input[type=password], .error textarea, .error select, select.error, input[type=text].error { color:#c00; border-color:#c00; background:#fee; }
    .error-hint { display:block; color:#c00; font-size:13px; font-style:italic; }

    .hint { display:block; font-size:13px; font-style:italic; }

    .fields {
        margin:0;
        padding:0;
        list-style:none;
        width:300px;
    }
    .fields li {
        margin: 7px 0;
        display:block;
        border:1px solid #d3d3d3;
        background:#f7f7f7;
        padding:0 35px;
        line-height:1.6rem;
        position:relative;
    }
    .fields li .del {
        line-height: 1.6rem;
        position:absolute;
        right: 7px;
        color:#d3d3d3;
    }
    .fields li .move {
        line-height: 1.6rem;
        display: inline-block;
        position:absolute;
        left: 0;
        padding: 0 7px;
        border-right: 1px solid #d3d3d3;
        color:#d3d3d3;
        cursor:move;
    }
    .fields li .del:hover {
        color:#000;
    }
    .fields li .move:hover {
        /*color:#000;*/
    }

    fieldset { border-color:#CCCCCC; }
    legend { padding-left:5px; padding-right:5px; }



/*******************************************************************************
 * MAILS
 *******************************************************************************/
.mail-success {
    display:block;
}
.mail-fail {
    display:block;
    color:#b00;
    text-decoration: line-through;
}

/*******************************************************************************
 * UPLOAD
 *******************************************************************************/

     .uploadbutton { cursor:pointer; }
     .fileupload { display:none; }
     .uploadprogress { height:22px; background:#dedede; display:none; position:relative; }
     .uploadbar { height:100%; width:30%; background:#bababa; }
     .uploadnum { position:absolute; padding-left:10px; }

/*******************************************************************************
 * THUMBS
 *******************************************************************************/

    .thumbs { padding:1em 0; }
    .thumb { border:1px solid #bababa; background-color:#fff; float:left; text-align:center; margin-right:20px; margin-bottom:20px; padding-bottom:5px; }

    .daimage { border:1px solid #bababa; background-color:#fff; float:left; text-align:center; margin-right:20px; margin-bottom:20px; padding-bottom:5px; }
    .daimage-img { display:block; margin-bottom:5px; height:150px; }
    .daimage-add { background:#bababa; display:block; height:150px; width:150px; margin-bottom:5px; }
    .choosemany .daimage-img { cursor:move; }

    .daproduct { border:1px solid #bababa; background-color:#fff; float:left; text-align:center; margin-right:20px; margin-bottom:20px; padding-bottom:5px; }
    .daproduct-img { display:block; margin-bottom:5px; height:150px; }
    .choosemany .daproduct-img { cursor:move; }


    .ui-sortable-placeholder { background:#eee !important; visibility:visible !important; }

    .thumb-over-image {
        -webkit-filter: grayscale(100%);
        filter: gray;
        filter: grayscale(100%);
        transition: filter 1s ease-in 1s;
    }
    .thumb-over:hover .thumb-over-image {
        -webkit-filter: none;
        filter: none;
        transition: none;
    }
/*******************************************************************************
 * ABECEDAIRE
 *******************************************************************************/

.abecedaire {
    margin:1rem 0;
}
.abecedaire a, .abecedaire span {
    margin-right: 10px;
}
.abecedaire a.active {
    border-bottom:1px solid #000;
}
.abecedaire span {
    color:#999;
}

/*******************************************************************************
 * VIEWS
 *******************************************************************************/

    ul.views li { margin-bottom:10px; }

/*******************************************************************************
 * ARTICLES
 *******************************************************************************/

    form.editing .tools { display:none; }


    .block {margin-bottom:20px;}

    .block a.handle, .block a.deleteblock, .block a.edittextblockcancel { display:none; }
    .issortable .block a.handle { display:inline-block; }
    .isdelete .block a.deleteblock { display:inline-block; }
    .issortable .block a.edittextblock, .isdelete .block a.edittextblock { display:none; }
    .issortable .block a.editimagesblock, .isdelete .block a.editimagesblock { display:none; }
    .editable a.edittextblockcancel { display:inline-block; }

    .issortable .block, .isdelete .block { border:1px dotted #bababa; margin-bottom:15px; padding:0 15px 15px 15px; background:#fff;  }

    .block table { border-collapse:collapse; margin:0; }
    .block table td { padding:0 20px 0 0; border:0; }
    .block .tools { clear:left; }
    .block a.edittextblock { cursor:pointer; }
    .block a.edittextblockcancel { cursor:pointer; }
    .block a.deleteblock { clear:left; cursor:pointer; }
    .block a.handle { clear:left; cursor:move; }
    .block textarea { display:block; }

    .block .daimage { margin-top:15px; margin-bottom:5px; }
    .block .daimage-delete, .block .addimage { display:none; }
    .block.editing .daimage-img { cursor:move; }
    .block.editing .daimage-delete,  .block.editing .addimage { display:inline-block; }

    .activatelang.active { background:#bababa; }

    ul.steps { list-style:none; padding:0; }
    ul.steps li { display:inline; }
    ul.steps a, ul.steps span { display:inline-block; width:30px; height:30px; color:#fff; background:#666; border-radius:15px; text-align:center; line-height:30px; color:white; }
    ul.steps li.active a { background:#000; }
    ul.steps span { background:transparent; color:#000; }

/*******************************************************************************
 * NICOLAS
 *******************************************************************************/
    .nicolas .header { background: linear-gradient(#2a2a2a, #111111); /* Standard syntax */ }
    .nicolas .header a { color:#ccc; }

/************************************
/*** STATISTICS
/************************************/

.stats h3 { margin-bottom:10px; }
.stats table { margin-top:0px; margin-bottom:30px; font-size:14px;}
.stats thead td { background-color:#FFFFFF; }
.stats tbody { color:#777777; }
.stats td, .stats th { border-left-style: dotted; border-left-width: 1px; border-right-style : dotted; border-right-width: 1px;}


/************************************
/*** ROOMING
/************************************/







/*******************************************************************************
 * http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified
 * slightly enhanced, universal clearfix hack
 *******************************************************************************/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: ".";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */