/**
 * Ce fichier permet de faire la mise en page du menu.
 * (c) 2013 A.ROCHETEAU
 * v 1.0.0 - 04-03-13 :
 * Version initiale
 *
*/
/* Importation de style LESS */
@import 'color';

/* A cause du passage en less */
a { text-decoration:underline; }
table { border-collapse:separate; }
p { margin:0 0 1.5em; }
/*input[type="text"]:disabled, input[type="password"]:disabled {
    background: #FFF;
    border: none;
    width: 300px;
}*/

.evt-histo .fa-caret-down{
  font-size : 21px;
  color : #22b66b;
  font-family: 'FontAwesome';
  cursor: pointer;
  max-height:22px;
  vertical-align: top;
  position: relative;
  top:0px;
}
.evt-histo .fa-caret-up{
  font-size : 21px;
  color : #da261a;
  font-family: 'FontAwesome';
  cursor: pointer;
  max-height:22px;
  vertical-align: top;
  position: relative;
  top:0px;
}
.ty-export .fa-ban{
  font-size : 16px;
  font-family: 'FontAwesome';
  cursor: pointer;
  max-height:22px;
  vertical-align: top;
  position: relative;

}
.ty-export .fa-file-export{
  font-size : 18px;
  font-family: 'FontAwesome';
  cursor: pointer;
  max-height:22px;
  vertical-align: top;
  position: relative;
  color:#0db6db;
}

.ty-export .fa-check,.mess-accpted .fa-check{
  font-size : 18px;
  font-family: 'FontAwesome';
  cursor: pointer;
  max-height:22px;
  vertical-align: top;
  position: relative;
  color:#22b66b ;
}

.ty-export .fa-times,.mess-refused .fa-times{
  font-size : 18px;
  font-family: 'FontAwesome';
  cursor: pointer;
  max-height:22px;
  vertical-align: top;
  position: relative;
  color:#da261a;
}
.mess-link-consultation .fa-eye{
  font-size : 18px;
  font-family: 'FontAwesome';
  cursor: pointer;
  max-height:22px;
  vertical-align: top;
  position: relative;
  color:#110652;
}
#messages_tab tr td{
  vertical-align: middle;
}
.table-histo,.table-mess {
  width:100%;
  margin:0 auto;
  background:#ccc;
}
#calque_xml{
  text-align: left !important;
}
/*html,body,*/
html {
  .toUpper {
    text-transform: uppercase;
  }
    margin:0;
    padding:0;
    border:0;
    body{
        position:relative;
        border:0;
        vertical-align:top;
        margin: 0;
        padding: 0;
        color: #555;
        font: normal 10pt Tahoma,Helvetica,sans-serif;
        background: #EFEFEF;
        #loading{
            height:100%;
            width:100%;
            background-color:#fff;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
            opacity:0.7;
            text-align:center;vertical-align:middle;
            position:absolute;
            width:100%;
            z-index:9999;
            img{
                margin:auto auto;
                width:auto;
                left: 50%;
                position: fixed;
                top: 50%;
                z-index:9999;
            }
        }
        div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
        address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
        caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup,
        nav, section {
            margin:0;
            padding:0;
            border:0;
            font-size:100%;
            font:inherit;
            vertical-align:top;
        }
        article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
            display:block;
        }
        table {
            border-spacing:0;
            margin-bottom:1.4em;
            width:98.4%;
            caption, th, td {
                text-align:left;
                font-weight:400;
                float:none !important;
            }
            caption {
                background:#eee;
            }
            th {
                font-weight:700;
            }
            thead{
                th{
                    background:#c3d9ff;
                }
            }
            tfoot{
                font-style:italic;
            }
        }
        h1, h2, h3, h4, h5, h6 {
            font-weight:400;
            color:#111;
            img{
                margin:0;
            }
        }
        h1 {
            font-size:2em;
            line-height:1;
            margin-bottom:.5em;
        }
        h2 {
            font-size:1.6em;
            margin-bottom:.75em;
        }
        h3 {
            font-size:1.4em;
            line-height:1;
            margin-bottom:1em;
        }
        h4 {
            font-size:1.2em;
            line-height:1.25;
            margin-bottom:1.25em;
        }
        h5 {
            font-size:1em;
            font-weight:700;
            margin-bottom:1.5em;
        }
        h6 {
            font-size:1em;
            font-weight:700;
        }
        blockquote, q {
            quotes:"" "";
            &:before,&:after{
                content:'';
            }
        }
        blockquote {
            margin:1.5em;
            color:#666;
            font-style:italic;
        }
        a{
            color:#06c;
            img{
                border:none;
            }
            &:focus, &:hover {
                color:@police1;
            }
        }
        :focus {
            outline:0;
        }
        p {
            .left {
                margin:1.5em 1.5em 1.5em 0;
                padding:0;
            }
            .right {
                margin:1.5em 0 1.5em 1.5em;
                padding:0;
            }
        }
        .left {
            float:left !important;
        }
        .right {
            float:right !important;
        }
        strong, dfn {
            font-weight:700;
        }
        em, dfn {
            font-style:italic;
        }
        sup, sub {
            line-height:0;
        }
        abbr, acronym {
            border-bottom:1px dotted #666;
        }
        address {
            margin:0 0 1.5em;
            font-style:italic;
        }
        del {
            color:#666;
        }
        pre {
            margin:1.5em 0;
        }
        pre, code, tt {
            font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;
        }
        li{
            ul, ol{
                margin:0;
            }
        }
        ul {
            list-style-type:disc;
        }
        ol {
            list-style-type:decimal;
        }
        dl {
            margin:0 0 1.5em;
            dt {
                font-weight:700;
                dd {
                    margin-left:1.5em;
                }
            }
        }
        .clearfix, .container {
            display:block;
            &:after{
                content:" ";
                display:block;
                height:0;
                clear:both;
                visibility:hidden;
                overflow:hidden;
            }
        }
        .clear {
            clear:both;
        }
        .small {
            font-size:.8em;
            margin-bottom:1.875em;
            line-height:1.875em;
        }
        .large {
            font-size:1.2em;
            line-height:2.5em;
            margin-bottom:1.25em;
        }
        .hide {
            display:none;
        }
        .quiet {
            color:#666;
        }
        .loud {
            color:#111;
        }
        .highlight {
            background:#ff0;
        }
        .added {
            background:#060;
            color:#fff;
        }
        .removed {
            background:#900;
            color:#fff;
        }
        .first {
            margin-left:0;
            padding-left:0;
        }
        .last {
            margin-right:0;
            padding-right:0;
            border-radius: 0 0 12px 12px;
        }
        .top {
            margin-top:0;
            padding-top:0;
        }
        .bottom {
            margin-bottom:0;
            padding-bottom:0;
        }
        .container {
            width:1000px;
            margin:0 auto;
        }
        .border {
            padding-right:4px;
            margin-right:5px;
            border-right:1px solid #ddd;
        }
        .colborder {
            padding-right:24px;
            margin-right:25px;
            border-right:1px solid #ddd;
        }
        .column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10,
        .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20,
        .span-21, .span-22, .span-23, .span-24 {
            float:left;
            margin-right:10px;
        }

        .span-1 {width:30px;}   .span-2 {width:70px;}   .span-3 {width:110px;}  .span-4 {width:150px;}
        .span-7 {width:270px;}	.span-8 {width:310px;}	.span-9 {width:350px;}	.span-10 {width:390px;}
        .span-11 {width:430px;}	.span-12 {width:470px;}	.span-13 {width:510px;}	.span-14 {width:550px;}
        .span-15 {width:590px;}	.span-16 {width:630px;}	.span-17 {width:670px;}	.span-18 {/*margin-top:-930px;*/}
        .span-19 {width:760px;}	.span-20 {width:790px;}	.span-21 {width:830px;}	.span-22 {width:870px;}
        .span-23 {width:910px;}
        .span-5 {
            border: 1px solid #808080;
            border-radius: 5px;
            height: 608px;
            padding-bottom: 30px;
            position: relative;
            right: 728px;
            top: 115px;
            width: 208px;
            margin-top: -25px;
        }
        .span-6 {
            border: 1px solid #808080;
            border-radius: 5px;
            height: 479px;
            left: 45px;
            position: relative;
            top: 104px;
            width: 208px;
            margin-top: -18px;
        }
        .span-24 {
            width:950px;
            margin-right:0;
        }
        input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3,
        input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6,
        input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9,
        input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12,
        input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15,
        input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18,
        input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21,
        input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {
            border-left-width:1px;
            border-right-width:1px;
            padding-left:5px;
            padding-right:5px;
        }
        input.span-1, textarea.span-1 {width:18px;}     input.span-2, textarea.span-2 {width:58px;}
        input.span-3, textarea.span-3 {width:98px;}     input.span-4, textarea.span-4 {width:138px;}
        input.span-5, textarea.span-5 {width:178px;}	input.span-6, textarea.span-6 {width:218px;}
        input.span-7, textarea.span-7 {width:258px;}	input.span-8, textarea.span-8 {width:298px;}
        input.span-9, textarea.span-9 {width:338px;}	input.span-10, textarea.span-10 {width:378px;}
        input.span-11, textarea.span-11 {width:418px;}	input.span-12, textarea.span-12 {width:458px;}
        input.span-13, textarea.span-13 {width:498px;}	input.span-14, textarea.span-14 {width:538px;}
        input.span-15, textarea.span-15 {width:578px;}	input.span-16, textarea.span-16 {width:618px;}
        input.span-17, textarea.span-17 {width:658px;}	input.span-18, textarea.span-18 {width:698px;}
        input.span-19, textarea.span-19 {width:738px;}	input.span-20, textarea.span-20 {width:778px;}
        input.span-21, textarea.span-21 {width:818px;}	input.span-22, textarea.span-22 {width:858px;}
        input.span-23, textarea.span-23 {width:898px;}	input.span-24, textarea.span-24 {width:938px;}
        .append-1 {padding-right:40px;}     .append-2 {padding-right:80px;}     .append-3 {padding-right:120px;}
        .append-4 {padding-right:160px;}    .append-5 {padding-right:200px;}    .append-6 {padding-right:240px;}
        .append-7 {padding-right:280px;}    .append-8 {padding-right:320px;}    .append-9 {padding-right:360px;}
        .append-10 {padding-right:400px;}   .append-11 {padding-right:440px;}	.append-12 {padding-right:480px;}
        .append-13 {padding-right:520px;}   .append-14 {padding-right:560px;}	.append-15 {padding-right:600px;}
        .append-16 {padding-right:640px;}   .append-17 {padding-right:680px;}	.append-18 {padding-right:720px;}
        .append-19 {padding-right:760px;}   .append-20 {padding-right:800px;}	.append-21 {padding-right:840px;}
        .append-22 {padding-right:880px;}   .append-23 {padding-right:920px;}
        div.append-bottom, .append-bottom {
            margin-bottom:1.5em;
        }
        .prepend-1 {padding-left:40px;}     .prepend-2 {padding-left:80px;}     .prepend-3 {padding-left:120px;}
        .prepend-4 {padding-left:160px;}    .prepend-5 {padding-left:200px;}    .prepend-6 {padding-left:240px;}
        .prepend-7 {padding-left:280px;}    .prepend-8 {padding-left:320px;}    .prepend-9 {padding-left:360px;}
        .prepend-10 {padding-left:400px;}   .prepend-11 {padding-left:440px;}   .prepend-12 {padding-left:480px;}
        .prepend-13 {padding-left:520px;}   .prepend-14 {padding-left:560px;}   .prepend-15 {padding-left:600px;}
        .prepend-16 {padding-left:640px;}   .prepend-17 {padding-left:680px;}   .prepend-18 {padding-left:720px;}
        .prepend-19 {padding-left:760px;}   .prepend-20 {padding-left:800px;}   .prepend-21 {padding-left:840px;}
        .prepend-22 {padding-left:880px;}   .prepend-23 {padding-left:920px;}
        div.prepend-top, .prepend-top {
            margin-top:1.5em;
        }
        .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11,
        .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21,
        .pull-22, .pull-23, .pull-24 {
            float:left;position:relative;
        }
        .pull-1 {margin-left:-40px;}    .pull-2 {margin-left:-80px;}    .pull-3 {margin-left:-120px;}
        .pull-4 {margin-left:-160px;}   .pull-5 {margin-left:-200px;}   .pull-6 {margin-left:-240px;}
        .pull-7 {margin-left:-280px;}   .pull-8 {margin-left:-320px;}   .pull-9 {margin-left:-360px;}
        .pull-10 {margin-left:-400px;}	.pull-11 {margin-left:-440px;}	.pull-12 {margin-left:-480px;}
        .pull-13 {margin-left:-520px;}	.pull-14 {margin-left:-560px;}	.pull-15 {margin-left:-600px;}
        .pull-16 {margin-left:-640px;}	.pull-17 {margin-left:-680px;}	.pull-18 {margin-left:-720px;}
        .pull-19 {margin-left:-760px;}	.pull-20 {margin-left:-800px;}	.pull-21 {margin-left:-840px;}
        .pull-22 {margin-left:-880px;}	.pull-23 {margin-left:-920px;}	.pull-24 {margin-left:-960px;}
        .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10,
        .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19,
        .push-20, .push-21, .push-22, .push-23, .push-24 {
            float:left;
            position:relative;
        }
        .push-1 {margin:0 -40px 1.5em 40px;}    .push-2 {margin:0 -80px 1.5em 80px;}    .push-3 {margin:0 -120px 1.5em 120px;}
        .push-4 {margin:0 -160px 1.5em 160px;}	.push-5 {margin:0 -200px 1.5em 200px;}	.push-6 {margin:0 -240px 1.5em 240px;}
        .push-7 {margin:0 -280px 1.5em 280px;}	.push-8 {margin:0 -320px 1.5em 320px;}	.push-9 {margin:0 -360px 1.5em 360px;}
        .push-10 {margin:0 -400px 1.5em 400px;}	.push-11 {margin:0 -440px 1.5em 440px;}	.push-12 {margin:0 -480px 1.5em 480px;}
        .push-13 {margin:0 -520px 1.5em 520px;}	.push-14 {margin:0 -560px 1.5em 560px;}	.push-15 {margin:0 -600px 1.5em 600px;}
        .push-16 {margin:0 -640px 1.5em 640px;}	.push-17 {margin:0 -680px 1.5em 680px;}	.push-18 {margin:0 -720px 1.5em 720px;}
        .push-19 {margin:0 -760px 1.5em 760px;}	.push-20 {margin:0 -800px 1.5em 800px;}	.push-21 {margin:0 -840px 1.5em 840px;}
        .push-22 {margin:0 -880px 1.5em 880px;}	.push-23 {margin:0 -920px 1.5em 920px;}	.push-24 {margin:0 -960px 1.5em 960px;}
        .box {
            padding:1.5em;
            margin-bottom:1.5em;
            background:@bg2;
        }
        hr {
            margin-top: 20px;
            margin-bottom: 20px;
            border: 0;
            border-top: 1px solid #EEE;
        }
        /*affichage pop up*/
        #CNCerti, #FromCerti, #ToCerti {
            display: block;
        }
        @font-face {
            font-family: 'Cambria'; src: url("../../font/CAMBRIA.TTC");
        }
        #header{
            width:1000px;
            padding-top:20px;
        }
        #content{
            clear: left;
            float: left;
            margin-left: 20px;
        }
        #sidebar{
            padding: 20px 20px 20px 0;
        }
        #idutil {
            float: left;
            font-size: 13px;
            width: auto;
            margin-top:-10px;
        }
        .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{
            background: @bg3;
            cursor: move;
        }
        .ui-dialog{
            .ui-dialog-content {
                background: none repeat scroll 0 0 transparent;
                border: 0 none;
                overflow: auto;
                padding: .5em 1em;
                text-align: center;
            }
        }
        .ui-datepicker{
            z-index: 99999 !important; /*calendrier*/
            .ui-datepicker-buttonpane{
                button.ui-datepicker-current {
                    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
                    font-weight: 700;
                    color: #111;
                    font-family: Verdana,Arial,sans-serif;
                }
            }
            &:hover{
                .ui-datepicker-buttonpane:hover{
                    button.ui-datepicker-current:hover {
                        background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #DADADA;
                        font-weight: 700;
                        color: #111;
                        font-family: Verdana,Arial,sans-serif;
                    }
                }
            }
        }
        .ui-datepicker-close {
            color: #222;
            &:hover {
                color: #111;
            }
        }
        /*placement des elements du fil d'ariane : la connexion/déconnexion  et la langue*/
        #page{
            div.form{
                form{
                    .static {
                        text-align:left;
                        margin:0;
                        padding:0;
                    }
                    #dvchangermdp{
                        .champ{
                            input[type="checkbox"]{
                                margin: 4px 0 0;
                                width: 14px !important;
                            }
                        }
                    }
                }
            }
            margin-bottom: 5px;
            background: #FFF;
            min-height:650px;
            height: auto;
            #connexion{
                clear: left;
                font-size: 13px;
                margin:0 auto;
                width: 965px;
            }
            #BouttonsResume {
                margin-top:30px;
            }
            .pagination{
                display:block;
                float:none;
                text-align:center;
                padding:15px 0;
                ul {
                    margin:0;
                    li{
                        display:inline;
                        display:inline-block;
                        margin-left:4px;
                        a, span{
                            display:inline-block;
                            padding:1px 3px;
                            cursor: pointer;
                            font-weight:normal;
                            font-family: tahoma;
                            color: #808080;
                            font-size:15px;
                            line-height:20px;
                            text-decoration:none;
                            background-color:transparent;
                            border:0;
                        }
                        &.selected, &.selected{
                            a, span{
                                color: @police1;
                            }
                        }
                        &.next, &.last, &.first, &.previous {
                            display:inline;
                            visibility:visible;
                        }
                        &.hidden {
                            display:none;
                            visibility:hidden;
                            border:0;
                        }
                    }
                    select {
                        margin:0;
                        float:none;
                    }
                }
            }
        }
        #langue,#langue2{
            display: none;
        }
        .rightHeader{
          float:right;
          max-width: 50%;
          display:inline-flex;
          margin-top:-10px;
            .lastCon{
                float:left;
                margin-right:3px;
                white-space: nowrap;
                display:inline-flex;
                width:300px,
            }
            .deconnexion{
                float:right;
            }
        }
        .champ{
            /*width:200px;
            height: 26px;*/
            .divClearFile {
                border: solid 1px #4878b6;
                img {
                    padding-top: 3px;
                    cursor: pointer;
                }
            }
        }
        /*msg flash*/
        div.flash-error, div.flash-notice, div.flash-success{
            padding: 10px 2px;
            text-align: center;
            float:left;
            margin-left: 54px;
            margin-top: 25px;
            width: 844px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        div.flash-success{
            color:#264409;
            background: none repeat scroll 0 0 #E6EFC2;
            border :2px solid #C6D880;
            a{
                color:#264409;
            }
        }
        div.flash-error{
            color:#8A1F11;
            background: none repeat scroll 0 0 #FBE3E4;
            border:2px solid #FBC2C4;
            a{
                color:#8a1f11;
            }
        }
        div.flash-notice{
            background:#FFF6BF;
            color:#514721;
            border: 2px solid #FFD324;
            a{
                color:#514721;
            }
        }
        div.form{
            .rememberMe{
                label{
                    display: inline;
                }
            }
            input[type="text"], input[type="password"], input[type="file"] {
                width: 300px;
            }
            fieldset{
                border: 1px solid #DDD;
                padding: 10px;
                margin: 0 0 10px;
                border-radius:7px;
            }
            .hint{
                margin: 0;
                padding: 0;
                color: #999;
            }
            span.requi#FF0000{
                color: #FF0000;
                font-size: 10px;
            }
            span.required{
                color: red;
                font-size: 10px;
            }
            label.error, span.error{
                color: #C00;
            }
            .less_error{
                background: #FEE;
                border-color: #C00;
            }
            .less_success{
                background: #E6EFC2;
                border-color: #C6D880;
            }
            div.error{
                label{
                    &:first-child{
                        color: #C00;
                    }
                }
                input,textarea,select{
                    .less_error;
                }
            }
            input,textarea,select{
                &.error{
                    .less_error;
                }
                &.success{
                    .less_success;
                }
            }
            div.success{
                label{
                    color: inherit;
                }
                input,textarea,select{
                    .less_success;
                }
            }
            .errorSummary {
                border: 2px solid #C00;
                padding: 7px 7px 12px 7px;
                margin: 0 0 20px;
                background: #FEE;
                font-size: .9em;
                p{
                    margin: 0;
                    padding: 5px;
                }
                ul{
                    margin: 0;
                    padding: 0 0 0 20px;
                }
            }
            .errorMessage{
                color: #FF0000;
                font-size: 10px;
            }
        }
        div.buttons{
            margin-top:15px;
        }
        div.view{
            padding: 10px;
            margin: 10px 0;
            border: 1px solid @bd2;
        }
        /*ERREUR 404*/
        #erreur404 {
            background-color: @bg1;
            border: 4px solid @bg3;
            border-radius: 10px;
            margin: 80px 0 40px 51px;
            padding: 11px;
            text-align: center;
            width: 825px;
        }
        #placementh2{
            color: @policeborder;
            font-size: 27px;
        }
        .error-form{
            color: #FF0000;
            font-size:10px;
        }
        #form_recherche {
            border: 4px solid @bg3;
            border-radius: 10px 10px 10px 10px;
            margin-left: 65px;
            float:left;
            z-index: 0;
        }
        div.breadcrumbs {
            color: @police2;
            font-family: tahoma;
            font-size: 13px;
            float:left;
            width: auto;
            z-index: 2;
            margin-left:74px;
            text-align:initial;
            a {
                color: @police1;
                text-decoration: none;
            }
            span:last-child{
                color: @police2;
            }
        }
        .champDate {
            background-color: #FFFFFF;
            border: 1px solid #808080;
            height: 19px;
            width: 304px;
        }
        #util99 {
            color: @police1;
        }
        div.search-form{
            padding: 10px;
            margin: 10px 0;
            background: #eee;
        }
        .util {
            display: block;
            height: 25px;
            line-height: 25px;
            width: 202px;
        }
        .TitreSpan-5{
            border-bottom:1px solid #808080;
            height:25px;
            line-height:25px;
            padding-left:10px;
            font-size:16px;
        }
        .portlet-decoration {
            border-bottom: 1px solid #808080;
            height: 34px;    line-height: 34px;
            padding: 3px 8px;
            width: 193px;
        }
        .portlet-title{
            font-size: 14px;
        }
        .portlet-content {
            padding: 6px 0;
            width: 212px;
            ul{
                list-style-image:none;
                list-style-position:outside;
                list-style-type:none;
                margin: 0;
                padding: 0;
            }
            li{
                padding: 2px 0 4px;
            }
        }
        /*OPERATIONS*/
        .operations{
            list-style-type: none;
            margin: 0;
            padding: 0;
            li{
                padding-bottom: 2px;
                a {
                    color: @police1;
                    cursor: pointer;
                    display: block;
                    font: bold 12px/15px Arial;
                    padding: 2px 0 2px 8px;
                    text-decoration: none;
                    &:visited{
                        color: @police1;
                    }
                    &:hover{
                        background: @bg4;
                    }
                }
            }
        }
        .AfficherModifier{
            &:hover{
                background-color: #658CC4;
                cursor:pointer;	color: #FFF;
            }
        }
        /*LOGOS*/
        /*Définition des polices*/
        @font-face {
            font-family: 'Istok Web';
            font-style: normal;
            font-weight: 400;
            src: url("../../font/IstokWeb-Regular.ttf");
        }
        @font-face {
            font-family: 'Istok Web';
            font-style: normal;
            font-weight: 700;
            src: url("../../font/IstokWeb-Bold.ttf");
        }
        @font-face {
            font-family: 'Istok Web';
            font-style: italic;
            font-weight: 400;
            src: url("../../font/IstokWeb-Italic.ttf");
        }
        @font-face {
            font-family: 'Istok Web';
            font-style: italic;
            font-weight: 700;
            src: url("../../font/IstokWeb-BoldItalic.ttf");
        }
        /* configuration du titre sepaplug*/
        /*Placement de la bande "logo + SEPAPLUG Manager */
        #logo{
            margin:20px auto 0 auto;
            width: 85%;
            z-index: 0;
            border-bottom:2px solid #61caee;
            h1 {
                margin:0;
                padding:0;
                font-size:28px;
                font-weight:normal;
                font-family: 'Istok Web', sans-serif;
                #spmSpecification_blue{
                    color:#61CAEE;
                }
                #spmSpecification_red{
                    color:#ff0000;
                }
                .spmSpecification{
                    display: inline-block;
                    font-size: 20.5px;
                    padding-top: 5.5px;
                    margin-left: 10px;
                }
            }
            img {
                width:30px;
                max-width:30px;
            }
        }
        .ui-widget-content{
            .ui-dialog-titlebar-close{
                .ui-icon-closethick{
                    background-image: url("../../images/ui-icons_222222_256x240.png");
                    background-repeat: repeat;
                }
            }
        }
        /*place l'image au côté du deconnexion*/
        #logodeco {
            float: left;
            width: 17px;
        }
        .marge{
            margin-left:5em;
        }
        #champ_qxban{
            color:#808080;
        }
        #champ_bic{
            color:#808080;
        }
        #footer {
            clear: left;
            float: left;
            font-size: 0.8em;
            padding-bottom: 20px;
            padding-top: 30px;
            text-align: center;
            vertical-align: bottom;
            width: 100%;
        }
        li {
            cursor: default;
        }
        div.wide.form{
            label {
                float: left;
                margin-right: 10px;
                position: relative;
                text-align: right;
                width: 100px;
            }
            .buttons,.hint,.errorMessage{
                clear: left;
                padding-left: 110px;
            }
        }
        .TdLabel {
            padding: 0; width: 200px;
        }
        .TdInput {
            padding: 0;
            width: 290px;
            height: 33px;
        }
        .TdError {
            padding: 0;
            color : #FF0000;
            width: 225px;
            padding-left: 10px;
        }
        .input_text {
            width: 285px;
        }
        .input_text2 {
            width: 292px;
        }
        .SPM-form {
            border: 1px solid #808080;
            border-radius: 5px 5px 5px 5px;
            margin-left: 280px;
            margin-top: 89px;
            padding-left: 107px;
            padding-right: 46px;
            padding-top: 35px;
            width: 521px;
        }
        #Administrateur_Type{
            margin-right:64px;
        }
        #content_logo_page_auth{
            font-size:38px;
            font-family:'CAMBRIA',Helvetica,Arial,sans-serif;
        }
        #timeout_page_auth{
            margin-top:30px;
            text-align:center;
            p{
                color:#FF0000;
            }
        }
        input[type="radio"]{
            height: 13px;
            width: 13px;
            padding: 0;
            margin-right: 3px;
        }
        #titrePage{
            color: @police1;
            float: right;
            font-family: tahoma;
            font-size: 13px;
            margin-right: 75px;
            text-align: right;
            text-transform: uppercase;
            vertical-align: bottom;
            width: auto;
            z-index: 2;
            & > span {
                float: left;
                padding-right: 5px;
                text-align: right;
                width: auto;
            }
            img {
                float: right;
                margin-right: -11px;
                margin-top: -10px;
                max-width: 28px;
            }
        }
        .bloc_bas {
            background-color: @bg1;
            border-radius: 10px 10px 10px 10px;
            border: 4px solid @bg3;
            color: #333333;
            width: 844px;
        }
        div.notice {
            background-color: #FCF8E3;
            border: 1px solid #FBEED5;
            border-radius: 0;
            color: #C09853;
            margin: 0;
            padding: 8px 35px 8px 14px;
            text-align: center;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        }
        .puceNotice {
            font-size:9px;
            vertical-align: middle;
        }
        .note {
            color: @policeborder;
            font-family: tahoma;
            font-size: 10px;
            font-style: italic;
            float: right;
            margin-right: 5px;
            margin-top: 5px;
        }
        .bordure {
            background: none repeat scroll 0 0 @bg1;
            border-color: @bg3;
            border-radius: 0 0 10px 10px;
            border-style: none solid solid;
            border-width: medium 4px 4px;
            height: auto;
            width: auto;
        }
        .bordure2 {
            background: none repeat scroll 0 0 @bg1;
            border-bottom: 4px solid @bg3;
            border-left: 4px solid @bg3;
            border-radius: 0 0 10px 10px;
            border-right: 4px solid @bg3;
            height: auto;
            width: auto;
        }
        .popup-certificat, .popup-xml {
            font-size: 12px !important;
            height: auto;
            outline: 0 none;
            width: 847px !important;
            z-index: 1002;
            white-space: pre-line !important;
        }
        .popup-certificat{
            table-layout :fixed !important;
        }
        .popup-xml{
            table{
                table-layout :fixed !important;
            }
        }
        #calque_certificat{
            width:auto !important;
        }
        .texte3P {
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }
}