html, body {height: 100%;}
body {overflow: hidden;}
/***** HEADER *****/
#header {
    display: inline-block;
    width: 100%;
    height: 51px;
    vertical-align: top;
    z-index: 2;
}

#header #logos {
    float: left;
}

/*
    CONTENT
*/
#content {
    width: auto;
}

body.open-project #header #logos.compressed {
    width: 51px;
    overflow: hidden;
}

body.open-project #header #logos {
    width: 220px;
    text-align: center;
    background-color: #f1f1f1;
    color: #404040;
    transition: 0.3s width;
}

body.open-project #header #logos .logo {
    width: 51px;
    height: 51px;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

body.open-project #header #logos img {display: none;}

body.open-project #header #logos span {
    display: inline-block;
    line-height: 20px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 1px;
    font-size: 20px;
    margin-top: 5px;
    transition: all 0.3s;
}

body.open-project #header #logos.compressed span {
    font-size: 14px;
}
#header .societe-logo {
    display: inline-block;
    height: 51px;
    line-height: 51px;
    float: right;

    /*margin-left: 5px;*/
    background: #C4C4C4;
    padding-left: 10px;
    position: relative;
    z-index: 2;
}

#header .societe-logo:before {
    content: " ";
    width: 15px;
    height: 100%;
    background: #C4C4C4;
    display: inline-block;
    position: absolute;
    left: -7px;
    transform: skewX(-15deg);
    z-index: -1;
}

#header .societe-logo img.img-circle {
    width: 100%;
    max-width: 45px;
    height: auto;
    margin-top: 3px;
    border-radius: 50%;
}
#header .societe-logo img#logo_client {
    max-width: 100%;
    height: 51px;
}

#header .societe-logo #user {        
    padding: 11px 15px 0 0;
    float: left;
}

#header .societe-logo #user p {
    font-family: "Arial", sans-serif;
    font-size: 12.8px;
}

#header .societe-logo #user p a {
    font-family: "Arial", sans-serif;
    font-size: 8.96px;
    text-decoration: underline;
}

#header #guide_opener {
    display: inline-block;
    /*width: 51px;*/
    width: 0;
    height: 51px;
    line-height: 51px;
    text-align: left;
    padding: 0;
    padding-left: 51px;
    position: relative;
    transition: 0.4s width;
    overflow: hidden;
    background: transparent;
    font-size: 14px;
    font-family: Arial, sans-serif;
    box-sizing: content-box;
    
    display: none;
}
#header #guide_opener:hover {
    width: 120px;    
    background-color: rgba(209, 39, 39, 0.53);
}

#header #guide_opener span.fa {
    position: absolute;
    top: 0;
    left: 0;

    display: inline-block;
    width: 51px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

#header #menu {float: left;}
#header #menu .navigation li {
    display: inline-block;    
    height: 51px;
    line-height: 51px;
    box-sizing: border-box;
    transition: 0.2s border-bottom ease-out;
}
#header #menu .navigation li:hover,
#header #menu .navigation li.active {
    /*border-bottom: 5px solid #d12727;*/
    border-bottom: 5px solid #8d3232;
}
#header #menu .navigation li a {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;    
    height: 51px;
    line-height: 51px;
    text-shadow: none;
    font-family: "Arial", sans-serif;
    font-size: 12px;
}

#header #select-programmes {
    float: left;
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/
    /*height: 51px;*/
    height: 50px;

    position: relative;
    margin-left: 5px;
    padding-left: 5px;
}
#header #select-programmes::before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 50%;
    border-left: 1px solid rgba(175, 174, 174, 0.38);
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

#header #select-programmes::after {
    content: "";
    transition: 0.3s all;    
    width: 100%;
    height: 0;
    background-color: #8d3232;
    position: absolute;
    bottom: -1px;
}

#header #select-programmes:hover::after {
    height: 5px;
}

#header #select-programmes #selecteur-programme {
    height: 100%;
    margin: 0;
    border-radius: 0;
    background: #404040;

    border: 0;
    outline: none;
    box-shadow: none;
    cursor: pointer;

    /*color: white;*/
    color: #AFAEAE;
    font-size: 12px;
    font-weight: 300;

    transition: 0.3s color;
}

#header #select-programmes #selecteur-programme:hover {color: white;}
/*#header #select-programmes #selecteur-programme:focus {color: white;}*/
/***** /HEADER *****/
/***** SIDEMENU *****/
#sidemenu {
    display: inline-block;
    width: 220px;
    height: calc(100% - 50px);
    background: #404040;
    position: absolute;
    z-index: 2;
    transition: 0.3s width;
    top: 50px;
    left: 0;
}

#sidemenu .speed-access {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

#sidemenu .speed-access li {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    position: relative;
}

#sidemenu .speed-access li:before {
    display: inline-block;
    width: 0;
    height: 100%;
    background-color: rgba(209, 39, 39, 0.53);
    content: "";
    position: absolute;
    transition: 0.2s width;
}
#sidemenu .speed-access li.menu-toggler {
    padding-top: 10px;
    margin-top: 10px;
}
#sidemenu .speed-access li.menu-toggler:after {
    display: inline-block;
    content: " ";
    position: absolute;
    width: 40%;
    border-top: 1px solid rgba(175, 174, 174, 0.38);
    left: 50%;
    top: 0;
    transform: translate(-50%);
}

#sidemenu .speed-access li.menu-toggler span.fa {
    transition: 0.3s transform;
}
#sidemenu .speed-access li.menu-toggler.compressed span.fa {transform: rotate(180deg);}

#sidemenu .speed-access li:hover a,
#sidemenu .speed-access li.active a {
    color: #FFFFFF;
}

#sidemenu .speed-access li:hover:before,
#sidemenu .speed-access li.active:before {
    width: 5px;
}

#sidemenu.compressed {
    width: 51px;
}

#sidemenu .speed-access li span.edit,
#sidemenu .speed-access li a {
    text-decoration: none;
    color: #AFAEAE;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 37px 0 51px;
    overflow: hidden;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    transition: 0.3s all;
    font-family: "Arial", sans-serif;
    cursor: pointer;
}

#sidemenu .speed-access li a small {
    position: absolute;
    right: 5px;
    top: 17px;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    text-align: center;
    color: #FFFFFF;
    background: #656565;
    text-shadow: none;
    font-weight: bold;
    width: 28px;
    box-sizing: border-box;

    transition: 0.3s all;
    font-family: "Arial", sans-serif;
    opacity: 0.2;
}

#sidemenu .speed-access li:hover a small {
    opacity: 1;
}

#sidemenu.compressed .speed-access li span.edit,
#sidemenu.compressed .speed-access li a {width: 0; padding-right: 0;}
#sidemenu.compressed .speed-access li a small {
    width: 19px;
    height: 19px;
    line-height: 19px;
    text-align: center;
    padding: 0;
    top: 5px;
    right: 4px;
    font-size: 10px;
    font-weight: normal;
}

#sidemenu .speed-access li .tooltip-compressed {
    overflow: hidden;    
    width: 0;
    height: 50px;
    background-color: #404040;
    color: #FFFFFF;
    font-size: 12px;
    transition: 0.3s all;
    font-family: "Arial", sans-serif;
    position: absolute;
    top: 0;
    left: 51px;
}
#sidemenu .speed-access li.menu-toggler .tooltip-compressed {top: 10px;}

#sidemenu.compressed .speed-access li:hover .tooltip-compressed {
    display: inline-block;
    width: auto;
    padding-right: 15px;
}
#sidemenu .speed-access li span.edit span.fa,
#sidemenu .speed-access li a span.fa {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
}

#content-wrapper {
    height: calc(100% - 51px);
    box-sizing: border-box;
    overflow: auto;
    background: #F1F1F1;
}

/***** /SIDEMENU *****/

/***** CONTENT-WRAPPER *****/
body.open-project #content-wrapper {
    margin-left: 220px;
    height: calc(100% - 51px);
    transition: 0.3s margin-left;
}

body.open-project #content-wrapper.compressed {
    margin-left: 50px;
}

body.open-project #content-wrapper #content {
    width: 95%;
    padding: 40px 0 10px 0;
    box-sizing: border-box;
    z-index: auto;
    clear: none;
}

body.open-project #content-wrapper #content .shadow-block {
    border-radius: 0;
    box-shadow: none;
    background: white;
    box-sizing: border-box;
    margin-top: 0;
    /*margin-bottom: 20px;*/
}

body.open-project #content-wrapper #content .shadow-block h3 {
    position: relative;
    padding-left: 60px;
    font-size: 20px;
    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
}

body.open-project #content-wrapper #content .shadow-block h3 span.fa {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: 300;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 0;
}

body.open-project #content-wrapper #content .shadow-block h3 .picto {
    left: 0;
    background: #C4C4C4;
    color: #404040;    
}
body.open-project #content-wrapper #content .shadow-block h3 .edit span {
    right: 0;
    color: #FFFFFF;
}
body.open-project #content-wrapper #content .shadow-block h3 small {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 0;
    font-size: 11px;
    color: #FFFFFF;    
    box-sizing: border-box;
    position: absolute;
    right: -13px;
    top: 13px;
    background: #656565;
}

body.open-project #content-wrapper #content .shadow-block h3 .edit:after{display: none;}

body.open-project #content-wrapper #content .shadow-block #graph-periode {
    width: 100%;
}
body.open-project #content-wrapper #content h2 {margin: 10px 0 0 0;}

body.open-project #content-wrapper #content h2,
body.open-project #content-wrapper #content #action {
    display: none;
}
/***** /CONTENT-WRAPPER *****/

/***** FOOTER *****/
body.open-project #footer {
    position: absolute;
    width: 220px;
    bottom: 0;
    left: 0;
    z-index: 2;
    box-sizing: border-box;    
    padding: 0 0 5px 0;
}

body.open-project #footer a.mentions-legales {
    color: #AFAEAE;
    font-size: 12px;
    text-decoration: none;
}

body.open-project #footer a.mentions-legales:hover { color: #FFFFFF; }

body.open-project #footer.compressed {
    width: 51px;
}

body.open-project #footer img {
    transform-origin: top left;
}

body.open-project #footer.compressed img {
    transform: rotate(-90deg);
    margin-left: 15px;
    margin-bottom: -20px; 
}

body.open-project #footer.compressed a.mentions-legales {
    font-size: 11px;
}

/***** /FOOTER *****/


/***** FICHE PROJET *****/
body.open-project #form_projet {
    background: transparent;
    padding: 0;
    box-shadow: none;
}

body.open-project #form_projet fieldset {
    border-radius: 0;
    background: #FFFFFF;
    padding: 50px 0 0 0;
    height: auto;    
    transition: height 0.2s ease-out;
}

body.open-project #form_projet fieldset .content {
    padding: 20px;
    box-sizing: border-box;
}

body.open-project #form_projet fieldset.close .content {
    height: 0;
    padding: 50px 0 0 0;
    overflow: hidden;
}

body.open-project #form_projet fieldset.closed *:not(legend):not(.fa):not(.deployContent):not(.bar1):not(.bar2) {
    opacity: 0;
}

body.open-project #form_projet fieldset legend {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 20px;
    background: #404040;
    color: #FFFFFF;
    border-bottom: none;
    font-weight: 600;
}   

body.open-project #form_projet fieldset legend span {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #FFFFFF;
}

body.open-project #form_projet fieldset legend span .bar1,
body.open-project #form_projet fieldset legend span .bar2 {
    display: inline-block;
    width: 15px;
    height: 5px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.2s ease-out;
}

body.open-project #form_projet fieldset legend span .bar1 {transform: translate(-80%, -50%) rotate(-45deg);}
body.open-project #form_projet fieldset legend span .bar2 {transform: translate(-30%, -50%) rotate(45deg);}
body.open-project #form_projet fieldset.closed legend span .bar1 {transform: translate(-80%, -50%) rotate(45deg);}
body.open-project #form_projet fieldset.closed legend span .bar2 {transform: translate(-30%, -50%) rotate(-45deg);}

body.open-project #form_projet input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), 
body.open-project #form_projet #adresse,
body.open-project #form_projet select {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}
body.open-project #form_projet .fa.fa-file-pdf-o {margin-right: 5px;}
body.open-project #form_projet input:read-only {
    background: #c4c4c4!important;
    color: #727272!important;
    font-weight: 700!important;
    cursor: not-allowed;
}

body.open-project #form_projet .custom-option {
    padding-left: 50px;
}
body.open-project #form_projet .custom-option + .custom-option {
    margin-top: 10px;
}
body.open-project #form_projet #url_iframe {/*margin-top: 20px;*/}

#addProjet #form_projet label.type-label,
body.open-project #form_projet label.type-label {vertical-align: top;}

#addProjet #form_projet div.type-wrapper,
body.open-project #form_projet div.type-wrapper {display: inline-block; width: 79%;}

#addProjet #form_projet div.type-wrapper label:not(.fa),
body.open-project #form_projet div.type-wrapper label:not(.fa) {width: 85px; padding: 0 0 0 10px;}

#addProjet #form_projet div.type-wrapper label.fa,
body.open-project #form_projet div.type-wrapper label.fa {
    font-family: "FontAwesome";
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    vertical-align: top;
    background-color: #ECECEC;
    border-right: 1px solid #C4C4C4;
    cursor: pointer;
}
#addProjet #form_projet div.type-wrapper input.type-programme,
body.open-project #form_projet div.type-wrapper input.type-programme {display: none;}

#addProjet #form_projet div.type-wrapper input.type-programme + label,
body.open-project #form_projet div.type-wrapper input.type-programme + label {
    height: 36px;
    line-height: 36px;
    padding: 0 0 0 45px;
    position: relative;
    top: 0;
    vertical-align: top;
    cursor: pointer;
}

#addProjet #form_projet div.type-wrapper input[type="text"]:disabled,
body.open-project #form_projet div.type-wrapper input[type="text"]:disabled {
    background: #c4c4c4!important;
    color: #727272!important;

    cursor: not-allowed;
}

#addProjet #form_projet div.type-wrapper input.type-programme + label:before,
body.open-project #form_projet div.type-wrapper input.type-programme + label:before {
    content: "";
    font-family: "FontAwesome";
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    top: 1px;
    left: 1px;
    background-color: #FFFFFF;
    border: 1px solid #C4C4C4;
    font-size: 15px;
}
#addProjet #form_projet div.type-wrapper input.type-programme + label:hover:before,
body.open-project #form_projet div.type-wrapper input.type-programme + label:hover:before {content: "\f00c"; color: rgba(64, 64, 64, 0.5);}

#addProjet #form_projet div.type-wrapper input.type-programme:checked + label:before,
body.open-project #form_projet div.type-wrapper input.type-programme:checked + label:before {content: "\f00c";color: #404040;}
/**** GESTION DE LA GALERIE ****/
/**** GESTION DES DOCUMENTS ****/

#document {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 70px 20px 20px 20px;
    background-color: #FFFFFF;
    position: relative;
    box-sizing: border-box;
}

#document h1 {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 20px;
    box-sizing: border-box;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
}

#document.layout-galerie-col #addDocument {
    background-color: #FFFFFF;
    border: 2px dashed #afaeae;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #afaeae;
    cursor: pointer;
    background: none;
    margin: 0;
    position: relative;
    padding: 3px;
}

#document.layout-galerie-col #addDocument span {
    display: inline-block;
    width: 209px;
    height: auto;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 18px;
}

#document ul.galerie-sortable li {
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

#document ul.galerie-sortable .galerie-div {overflow: hidden; border: 0; padding: 5px;}
#document ul.galerie-sortable .galerie-div .galerie-delete {z-index: 1;}

#document ul.galerie-sortable li img {
    width: auto;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#document ul.galerie-sortable .galerie-div:hover + .zoom_img {display: block;}
#document ul.galerie-sortable .ui-sortable-helper .galerie-div:hover + .zoom_img {display: none;}

#document ul.galerie-sortable li .zoom_img {
    display: none;
    position: absolute;
    width: 600px;
    background: #FFFFFF;
    padding: 5px;
    border: 1px solid #7fb2b6;
    transition: display 0.2s ease-out;
    top: 225px;
    z-index: 2;
}

#document ul.galerie-sortable li.ui-sortable-placeholder {
    width: 219px;
    height: 219px;
    border: 1px dashed #afaeae;
    visibility: visible!important;
}

#document ul.galerie-sortable li .zoom_img img {
    width: 100%;
    height: auto;
    transform: translate(0, 0);
    position: static;
}

#document ul.galerie-sortable li .content {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #404040;
    color: #FFFFFF;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
}

#document ul.galerie-sortable li .content div.handle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #C4C4C4;
    cursor: -webkit-grab;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
}

#document ul.galerie-sortable li .content div.handle:hover{background-color: #404040;}

#document ul.galerie-sortable li .content .file-name {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 40px;
    vertical-align: top;
    color: #FFFFFF;
    padding-left: 50px;
    padding-right: 40px;
    overflow: hidden;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size:13px;
    font-weight: 600;
}
#document ul.galerie-sortable li .content .galerie-delete {
    background: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    cursor: pointer;
    color: #808080;
}
#document ul.galerie-sortable li .content .galerie-delete:hover {color: #FFFFFF;}

/* GALERIE DIABLERETS */
#document .list-galerie {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
#document .list-galerie:last-child {margin-left: 1%;}

body.open-project #content-wrapper #content #document #liste-document h3 {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0;
    padding-left: 20px;
    text-shadow: none;
    /*color: #404040;*/
    color: #FFFFFF;
    box-sizing: border-box;
    position: relative;
}

body.open-project #content-wrapper #content #document #liste h3 {
    background-color: #848484;    
    height: 50px;
    line-height: 50px;
    padding-left: 50px;
    position: relative;
    border: 0;
}
body.open-project #content-wrapper #content #document #liste h3 a {
    color: #FFFFFF;
    padding: 0;
    font-weight: 300;
    outline: none;
}

body.open-project #content-wrapper #content #document #liste h3 span.supprimerDossier {
    font-family: "FontAwesome", sans-serif;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    float: none;
    margin: 0;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
}
body.open-project #content-wrapper #content #document #liste h3 span.supprimerDossier:hover {color: #404040;}
body.open-project #content-wrapper #content #document #liste h3 span.supprimerDossier:before {
    content: "\f014";
}
body.open-project #content-wrapper #content #document #liste h3 span.ui-icon {
    transition: transform 0.2s ease-out;
    background-image: none;
    text-indent: 0;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    top: 0;
    left: 0;
    font-family: "FontAwesome", sans-serif;
    font-size: 8px;
}

body.open-project #content-wrapper #content #document #liste h3 span.ui-icon:before {    
    content: "\f054";
}
#document #lot #liste {
    /*height: 532px;*/
    height: 658px;
    overflow: auto;
    background: #f1f1f1;
}
#document #lot #liste .listeLots {
    padding: 0;
    background-image: none;
    background-color: #F7F7F7;
}
#document #lot #liste .listeLots ul {margin: 0; max-height: none;}
#document #lot #liste .listeLots ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 1px;
}
#document #lot #liste .listeLots ul li span {
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
#document #lot #liste .listeLots ul li span.col1 {
    background-color: #C4C4C4;
    text-align: center;
    margin-right: 5px;
    font-weight: bold;
}

#document #lot #liste .listeLots ul li span.remove_lot,
#document #lot #liste .listeLots ul li span.show {
    width: 40px;
    background-position: center;
    float: right;
    background: none;
    font-family: "FontAwesome", sans-serif;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: 300;
    color: #848484;
}
#document #lot #liste .listeLots ul li span.remove_lot:hover,
#document #lot #liste .listeLots ul li span.show:hover {color: #404040;}

#document #lot #liste .listeLots ul li span.remove_lot:before {content: "\f014";}
#document #lot #liste .listeLots ul li span.show:before {content: "\f06e";}


#document #lot #formCreateDossier {
    top: 50px;
    right: 0;
    border-color: #404040;
    border-radius: 0;
    background: #FFFFFF;
}

#document #lot #formCreateDossier input[type="text"] {
    background-color: #ECECEC;
    color: #404040;
    border: 0;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    margin: 0;
    width: 200px;
    height: 40px;
    padding: 0 10px;
    box-sizing: border-box;    
}

#document #lot #formCreateDossier input[type="button"] {
        background: #848484;
    color: white;
    border: 0;
    border-radius: 0;
    outline: none;
    width: 40px;
    height: 40px;
    box-shadow: none;
    cursor: pointer;
    padding: 0;
}

/** OVERIDE JQUERY UI  **/
.ui-icon.ui-icon-triangle-1-e {
    transform: rotate(0deg);
}
.ui-icon.ui-icon-triangle-1-s {
    transform: rotate(90deg);
}

/* TABLEAU DOCUMENT */
#liste-document table,
#liste-document table thead, 
#liste-document table tbody {
    width: 100%;
    margin: 0;
}

#liste-document table tbody {
    /*max-height: 505px;*/
    max-height: 630px;
}

#liste-document table thead tr {
    display: inline-block;
    width: 100%;
}
#liste-document table thead tr th {
    display: inline-block;
    width: 25%!important;
    box-sizing: border-box;   
    text-align: center!important;
    background-color: #848484;
    color: #FFFFFF;
    padding: 7px 0;
}
#liste-document table tbody tr {
    width: 100%;
    display: inline-block;
}
#liste-document table tbody tr:hover {box-shadow: none;}
#liste-document table tbody tr td {
    width: 25%!important;
    height: 40px;
    line-height: 40px;
    padding: 0;
    float: left;
    box-sizing: border-box;
}

#liste-document table tr.even td {
    background-color: #E6E6E6;
}
#liste-document table tr.odd td {
    background-color: #DCDCDC;
}

#liste-document table tbody tr td.action-document {
    text-align: center;
}
#liste-document table tbody tr td.action-document * {
    float: none;
    display: inline-block;
}

#liste-document tbody tr div.show,
#liste-document tbody tr div.supprimer,
#liste-document tbody tr div.attribuer {
    background: none;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #848484;
    font-family: "FontAwesome", sans-serif;
    font-size: 18px;
}

#liste-document tbody tr div.show:hover,
#liste-document tbody tr div.supprimer:hover,
#liste-document tbody tr:hover div.attribuer,
#liste-document tbody tr.active div.attribuer {background: none; color: #404040;}

#liste-document tbody tr div.show:before {content: "\f06e";}
#liste-document tbody tr div.supprimer:before {content: "\f014";}
#liste-document tbody tr div.attribuer:before {content: "\f047";}


#liste-document #addDocument {
    position: absolute;
    right: 0;
    top: 0;
    float: none;
    width: auto;
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
    background-image: none;
    background-repeat: no-repeat;
}

#document #lot {padding: 0; position: relative;}
#document #lot #encart {    
    border-radius: 0;
    background-color: #404040;  
    background-image: none;
    margin: 0;
    height: 50px;    
    box-sizing: border-box;
}
#document #lot #encart * {color: #FFFFFF; text-shadow: none;}
#document #lot #addDossier {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    padding: 0;
    margin: 0;
}
#liste-document #addDocument span,
#document #lot #addDossier span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0;    
}
/***** ACTUALITE *****/

#actualites {
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background: transparent;
}

#actualites #actualite_wrapper,
#actualites #update_bloc_title {
    background-color: #FFFFFF;
    /*border: 1px solid #C4C4C4;*/
    margin-bottom: 15px;
    position: relative;
}

#actualites h1 {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 20px;
    box-sizing: border-box;
    font-family: 'Yanone Kaffeesatz', sans-serif;

    /*background: #C4C4C4;*/
    /*color: #404040;*/
    /*font-weight: 300;*/
    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
}

#form_actualite {
    box-shadow: none;
    border-radius: 0;
    /*border: 1px solid #C4C4C4;*/
}

#actualites #actualite_wrapper #add_actualite {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    height: 50px;
    text-align: left;
}

#actualites #actualite_wrapper #add_actualite a {
    background: transparent;
    /* RESET CSS */
    border: 0;
    border-radius: 0;    
    box-shadow: none;
    text-shadow: none;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    transition: width 0.2s ease-out;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    width: 0;
    height: 50px;
    line-height: 50px;
    padding-left: 50px;
    text-align: left;
    position: relative;
}

#actualites #actualite_wrapper #add_actualite a span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;    
    background: transparent;
    position: absolute;
    left: 0;
}

#actualites #actualite_wrapper #add_actualite a:hover {
    width: 190px;
}

#actualite_wrapper .actualite {
    position: relative;
    border: 0;
    height: 130px;
    padding: 0;
    /*border-bottom: 1px solid #C3C3C3;*/
}

#actualite_wrapper .actualite::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    height: 0;
    width: 40%;
    border-bottom: 1px solid #C3C3C3;
}

#actualite_wrapper .actualite:last-of-type::after {border-bottom: 0;}

#actualite_wrapper .actualite .content {
    width: 100%;
    height: 100%;
    padding: 20px 220px 20px 120px;
}
#actualite_wrapper .actualite .infos {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100%;
    padding: 20px 10px;
    margin: 0;
    /*border-right: 1px solid #C3C3C3;*/
}

#actualite_wrapper .actualite .image {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 100%;
    /*border-left: 1px solid #C3C3C3;*/
    text-align: center;
    padding-top: 12px;
}

#actualites #pages {
    text-align: left;
    padding: 0;
    border-top: 0;
}

#actualites #pages ul li:first-of-type {
    margin-left: 0;
}

#actualites #pages ul li {
    border-radius: 0;
    margin-left: 5px;
}

#actualites #form_container #titre_bloc_actualite {
    border-radius: 0;
    box-shadow: none;
    outline: none;
    background-color: #ECECEC;
}
/* FORMULAIRE ACTUALITES */
#form_actualite {
    padding-top: 65px;
    position: relative;
}

#form_actualite input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]) {
    border-radius: 0;
    box-shadow: none;
    outline: none;
    background-color: #ECECEC;
}

#form_actualite h1 {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 20px;
    box-sizing: border-box;
    font-family: 'Yanone Kaffeesatz', sans-serif;

    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
}

#form_actualite #form_container label,
#form_actualite #editor_container label {
    width: 20%;
    cursor: pointer;
}

#form_actualite #form_container input {width: 79%;}
#form_actualite #form_container input[type="radio"]{margin-left: 21%;}
#form_actualite #form_container input[type="radio"] + label {width: 10%;}

#form_actualite #form_container,
#form_actualite #editor_container {width: 80%;}
#form_actualite #editor_container {margin-bottom: 15px;}

#form_actualite #image_container {
    width: 20%;
    text-align: right;
}

/***** GESTION DES LOTS ****/
body.open-project #recap-lot thead tr,
body.open-project #liste-lot thead tr {border-bottom: 1px solid #FFFFFF;}

body.open-project #recap-lot thead tr th,
body.open-project #liste-lot thead tr th {
    /*background-color: #C3C3C3;*/
    /*color: #404040;*/
    background-color: #848484;
    color: #FFFFFF;
    padding: 7px 0;
    text-align: center;    
    border-left: 1px solid #C4C4C4;
    position: relative;
}
body.open-project #recap-lot thead tr th:first-of-type,
body.open-project #liste-lot thead tr th:first-of-type{border-left: 0;}

body.open-project table tr td {
    padding: 5px 0 5px 0;
    text-align: center;
}

body.open-project #liste-lot thead tr:first-child th:first-child,
body.open-project #recap-lot thead tr:first-child th:first-child,
body.open-project #recap-lot thead tr:first-child th:last-child,
body.open-project #liste-lot thead tr:first-child th:last-child {
    border-radius: 0;
}

body.open-project #liste-lot tfoot tr th,
body.open-project #recap-lot tfoot tr th,
body.open-project #liste-lot tfoot tr:first-child th:first-child,
body.open-project #recap-lot tfoot tr:first-child th:first-child,
body.open-project #recap-lot tfoot tr:first-child th:last-child,
body.open-project #liste-lot tfoot tr:first-child th:last-child {
    background-color: transparent;
    border-radius: 0;
}
body.open-project #recap-lot tr,
body.open-project #liste-lot tr {border-bottom: 1px solid #FFFFFF;}
body.open-project #recap-lot tr td,
body.open-project #liste-lot tr td {border-left: 1px solid #C4C4C4;}
body.open-project #recap-lot tr td:first-of-type,
body.open-project #liste-lot tr td:first-of-type {border-left: 0;}

body.open-project #liste-lot tr.odd td.cat1,
body.open-project #recap-lot tr.odd td.cat1,
body.open-project #liste-lot tr.odd td.cat2,
body.open-project #recap-lot tr.odd td.cat2,
body.open-project #recap-lot tr.odd td.cat3,
body.open-project #liste-lot tr.odd td.cat3 {background-color: #E6E6E6}

body.open-project #liste-lot tr.even td.cat1,
body.open-project #recap-lot tr.even td.cat1,
body.open-project #liste-lot tr.even td.cat2,
body.open-project #recap-lot tr.even td.cat2,
body.open-project #recap-lot tr.even td.cat3,
body.open-project #liste-lot tr.even td.cat3 {background-color: #DCDCDC;}

body.open-project .header_tab {
    width: 100%;
    height: 51px;
    line-height: 51px;
    border-bottom: #C4C4C4 1px solid;
    padding: 0 20px;
    
    font-family: 'Yanone Kaffeesatz', sans-serif;
    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    text-align: left;
    position: relative;
    box-sizing: border-box;
}

body.open-project .header_tab .action_wrapper {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    
    position: absolute;
    right: 0;
    top: 0;
}
body.open-project .header_tab .action_wrapper * {
    display: inline-block;
}

body.open-project .header_tab .action_wrapper button {
    padding: 0 25px;
    margin: 0;
    height: 50px;
    vertical-align: top;
}
body.open-project .header_tab .action_wrapper button,
body.open-project .header_tab .action_wrapper .export-xls,
body.open-project .header_tab .action_wrapper .import-csv {
    width: 0;
    height: 50px;
    line-height: 50px;    
    padding: 0 0 0 50px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s width ease-out;
    font-family: "Source Sans Pro", arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
}
body.open-project .header_tab .action_wrapper button:hover,
body.open-project .header_tab .action_wrapper .import-csv:hover {width: 160px;}
body.open-project .header_tab .action_wrapper .export-xls:hover {width: 200px;}

body.open-project .header_tab .action_wrapper button span,
body.open-project .header_tab .action_wrapper .export-xls span,
body.open-project .header_tab .action_wrapper .import-csv span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
}


/***** GESTION DES PAGES *****/

#content .pages-container,
#content .menu-container {
    margin: 0;
    padding: 50px 20px 20px 20px;
    background-color: #FFFFFF;
    border: 1px solid #C3C3C3;
    position: relative;
}

#content .pages-container {margin-bottom: 15px;}

#content .pages-container h3,
#content .menu-container h3 {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #404040;
    color: #FFFFFF;
    font-weight: 600;
}
#content .menu-container > p,
#content .pages-container > p {
    margin: 15px 0 15px 0;
    font-size: 12px; 
}

#content .pages-container .add-pages,
#content .menu-container .add-menu {
    top: 0;
    right: 0;
    
    height: 50px;
    line-height: 50px;
    border: 0;
    background-color: transparent;
}
#content .pages-container .add-pages span.text,
#content .menu-container .add-menu span.text {
    color: white;
}

#content .pages-container .add-pages span.adder,
#content .menu-container .add-menu span.adder {
    width: 50px;
    height: 50px;
    line-height: 50px;   
}


#content .pages-container .listing-new-pages,
#content .menu-container .listing-new-menu {
    top: 50px;
    right: 0;
}
.pages-container .add-pages span.adder,
.menu-container .add-menu span.adder,
.list-menu li .handle,
.pages-container ul.pages-list .fa-file {
    background-color: #C4C4C4;
}
/***** PAGES FORM *****/
#seo {
    background-color: #FFFFFF;
    border: 1px solid #C3C3C3;
    margin-bottom: 15px;
}

#seo fieldset {
    padding: 70px 20px 20px 20px;
    border: 0;
    margin-bottom: 0;
}

#seo fieldset.closed {
    padding: 49px 0 0 0;
    margin-bottom: 0;
}

#seo fieldset legend {
    /*background-color: #C3C3C3;*/
    /*font-weight: 300;*/
    /*color: #404040;*/
    font-size: 20px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding-left: 20px;
    margin: 0;

    background-color: #404040;
    color: #FFFFFF;
    font-weight: 600;
}

#seo fieldset legend span {
    position: absolute;
    right: 0;
    top: 0;

    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;

    color: #FFFFFF;
}
#seo fieldset p {margin-top: 15px; text-align: center;}
#seo fieldset p button {display: inline-block; margin: 0;}
#seo fieldset label {
    /*font-weight: 300;*/
}
#seo fieldset input {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}

.placeholder {background-color: #FFFFFF;}
#page-wrapper {
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #C3C3C3;
    padding: 70px 20px 20px 20px;  
}

#page-wrapper .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #C3C3C3;
}

#page-wrapper .header h3 {
    line-height: 50px;
    padding-left: 20px;
    box-sizing: border-box;
    /*color: #404040;*/
    /*font-weight: 300;*/
    font-size: 20px;

    background-color: #404040;
    color: #FFFFFF;
    font-weight: 600;
}

#page-wrapper .add_import_blocs {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    line-height: 50px;
}

#page-wrapper .add_import_blocs > span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 0;
    background: transparent;
    color: #FFFFFF;
}

#page-wrapper .add_import_blocs > span.add:hover {width: 150px;}
#page-wrapper .add_import_blocs > span.import:hover {width: 160px;}

#page-wrapper .add_import_blocs > span .fa {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

#page-wrapper .page-container {
    width: 1280px;
    margin: auto;
    transition: 0.2s width;
}

#page-wrapper .page-container.tablet-landscape {width: 1024px;}
#page-wrapper .page-container.tablet-portrait {width: 768px;}
#page-wrapper .page-container.mobile-landscape {width: 767px;}

/***** CAROUSEL *****/
.carousel-container {
    position: relative;
    padding: 70px 20px 20px 20px;
    /*border: 1px solid #C3C3C3;*/
    background-color: #FFFFFF;
    margin-bottom: 15px;
}

.carousel-container h1 {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 20px;
    box-sizing: border-box;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
}

.carousel-container > p:first-of-type {
    margin: 0 0 20px 0!important;
}
.carousel-container .item-list li.my-custom-placeholder,
.carousel-container .item-list li {
    width: 219px;
    height: 219px;
    float: left;
    margin: 0 10px 10px 0;
}
.carousel-container .item-list li .img-wrapper {
    width: 219px;
    height: 219px;
    overflow: hidden;
    position: relative;
    
    cursor: -webkit-zoom-in;
}
.carousel-container .item-list li img {
    margin: 0;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.carousel-container .item-list li .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #404040;
    color: #FFFFFF;
    
    margin: 0;
    padding: 0;
    border: 0;
}

.carousel-container .item-list li .content .handle,
.carousel-container .item-list li .content .editable,
.carousel-container .item-list li .content .deleter {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
}

.carousel-container .item-list li .content .editable {right: 40px;}
.carousel-container .item-list li .content .file-name {
    display: inline-block;
    width: 100%;
    height: 40px;
    vertical-align: top;
    color: #FFFFFF;
    padding-left: 50px;
    padding-right: 80px;
    overflow: hidden;
}

.carousel-container .item-list li.isNew .content .file-name {padding-right: 40px;}

.carousel-container .item-list li .zoom_img {
    display: none;
    position: absolute;
    width: 600px;
    background: #FFFFFF;
    padding: 5px;
    border: 1px solid #7fb2b6;
    transition: display 0.2s ease-out;
    top: 219px;
    z-index: 10;
}
.carousel-container .item-list li .img-wrapper:hover + .zoom_img {display: block;}

.carousel-container .item-list li .zoom_img img {
    width: 100%;
    height: auto;
    transform: translate(0, 0);
    position: static;
}


.carousel-container .item-list li #dropper {
    width: 219px;
    height: 219px;
}

.carousel-container .item-list li #dropper span {
    display: inline-block;
    width: 209px;
    height: auto;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 30px;
    box-sizing: border-box;
    font-size: 18px;
}

/***** STATS *****/

#content #page-stats {
    position: relative;
    border-radius: 0;
    box-shadow: none;
    padding: 50px 0 20px 0;
    border: 0;
    background: transparent;
}

#content #page-stats #graph-visite {
    background: #FFFFFF;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 380px;
    margin-bottom: 15px;
    border: 0;
}

#content #page-stats h1,
#content #page-stats > div h3 {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #404040;
    color: #FFFFFF;
    font-size: 20px;
    top: 0;
    left: 0;
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

#content #page-stats > div {
    width: calc((100% / 2) - 10px);
    position: relative;
    padding: 60px 20px 20px 120px;
    background-color: #FFFFFF;
    margin-left: 0;
    min-height: 165px;
    margin-bottom: 15px;
    margin-right: 15px;
    background-position: 15px calc(50% + 25px);
    box-sizing: border-box;
}

#content #page-stats #classement-lot,
#content #page-stats #type-ecran {margin-right: 0;}
#content #page-stats #type-ecran {
    padding-left: 20px;
}

#content #page-stats #type-ecran #graph-ecran {
    margin: 0;
    padding: 0;
    height: 150px;
    position: static;
}
/**** FIL D'ARIANE *****/

body.open-project #breadcrumbs {
    position: absolute;
    display: block;
    top: 5px;
    left: 0;
    height: 30px;
    line-height: 30px;
    width: 100%;
    font-size: 12px;
}

body.open-project #breadcrumbs .fa {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #404040;
    text-align: center;
    font-size: 15px;
}

body.open-project #breadcrumbs .fa:before {position: relative; top: 1px;}

body.open-project #breadcrumbs a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #404040;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
}

body.open-project #breadcrumbs a:hover {
    text-decoration: underline;
}

body.open-project #breadcrumbs a.active,
body.open-project #breadcrumbs a.active:hover {
    text-decoration: none;
    font-weight: 600;
}

.layout2col {padding: 0;}

/***** ALLOTEMENT ****/
#allotement-wrapper {
    position: relative;
    background-color: #FFFFFF;
    padding: 70px 20px 20px 20px;
}

#allotement-wrapper > h3 {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    font-size: 20px;
    background-color: #404040;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 20px;
}
#allotement-wrapper > h3 a {
    display: inline-block;
    width: 0;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding-left: 50px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
    font-family: "Source Sans Pro", Arial, sans-serif;
    overflow: hidden;
    text-decoration: none;
    
    transition: width 0.2s ease-out;
}
#allotement-wrapper > h3 a:hover {width: 190px;}
#allotement-wrapper > h3 a span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

.list-lot .item .handle, .comm-container .item .handle, .lot-container .item .handle {
    background-color: #404040;
    border: 1px solid #404040;
}

/***** PROGRAMME *****/ 
#tabs_programme {
    background: #FFFFFF;
    position: relative;
    padding: 50px 0 20px 0;
    border: 0;
}

#tabs_programme h3 {
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: 600;
    font-size: 20px;
    background-color: #404040;
    color: #FFFFFF;
    
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 20px;
}

#tabs_programme h3 .switch-lang {
    top: 0;
    right: 0;
}

#form_actualite h1 .switch-lang {
    top: 0;
    right: 0;
}

#form_actualite h1 .switch-lang button,
#tabs_programme h3 .switch-lang button {
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: transparent;
    border: 0;
}
#tabs_programme .ui-tabs-nav li.ui-state-default {
    background: #C3C3C3;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin-right: 1px;
    font-weight: 300;
    color: #404040;
}
#tabs_programme .ui-tabs-nav li.ui-state-default a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 10px 0 10px;
}

#tabs_programme #add_tab {
    background: none;
    border: none;
}

#tabs_programme #add_tab a {
    padding: 0;
    padding-left: 50px;
    width: 0;
    overflow: hidden;
    content: "";
    cursor: pointer;
    
    color: #FFFFFF;
    background: #c3c3c3;
}
#tabs_programme #add_tab a:hover {color: #404040;}
#tabs_programme #add_tab a:before {
    font-family: "FontAwesome", Arial, sans-serif;
    content: "\f067";
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
}


#tabs_programme .ui-tabs-nav li.ui-state-active {background: #FFFFFF;}

#tabs_programme form {
    box-shadow: none;
    border: 0;
}

#tabs_programme #form_programme label {
    font-size: 12px;
    font-weight: bold;
    color: #727272;
    width: 10%;
    float: left;
    line-height: 36px;
    cursor: pointer;
}

#tabs_programme #form_programme input:not([type="submit"]) {
    border-radius: 0;
    background-color: #ECECEC;
    border: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #404040;
    font-weight: 300;
    width: 90%;
}

/***** GESTION LOCATIVE *****/
/*#gestionnaire {width: 100%;}*/

#location-wrapper {
    padding: 0;
    border: none;
    background-color: #FFFFFF;
    position: relative;
}

#location-wrapper #gestionnaire {
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    /*border: 1px solid #C3C3C3;*/
}

#location-wrapper #gestionnaire .header,
#location-wrapper #gestionnaire .header button {background-color: #C3C3C3;}

#location-wrapper #gestionnaire .header .mois + .mois::before {background-color: #FFFFFF;}
#location-wrapper #gestionnaire .header .appart::after {background-color: #FFFFFF;}

#location-wrapper #filtre-location {
    top: 0;
    right: 0;
    width: 250px;
    margin-top: 0;
}

#location-wrapper #filtre-location .ajout-reservation {
    width: 100%;
    position: static;
    margin-bottom: 15px;
}

@media screen and (max-width: 1540px){
    #location-wrapper #filtre-location .ajout-reservation {
        padding: 0;
    }
}

#detail-periode input,
#detail-periode select,
#detail-periode textarea {
    border-radius: 0!important;
    border: 0!important;
    box-shadow: none;
    background-color: #ECECEC!important;
}

.dropDossier {
    box-sizing: border-box;
    border-radius: 0;
    color: #404040;
}

input[type="submit"], button, a.button {
    margin-top: 0;
    margin-bottom: 0;
}

/** CUSTOM POPOVER LOCALISATION **/
.form_projet #popover_localisation {
    padding: 20px;
}

.form_projet #popover_localisation hr {display: none;}

.form_projet #popover_localisation #coordonnees {
    position: relative;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    padding-right: 160px;
    box-sizing: border-box;
}

.form_projet #popover_localisation #coordonnees::before {
    content: "";
    display: inline-block;
    width: 50%;
    height: 0;
    border-top: 1px solid #C4C4C4;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
}
.form_projet #popover_localisation #coordonnees label {
    width: 100px;
    height: 36px;
    /*background: #404040;*/
    /*color: white;*/
    background: #c4c4c4;
    color: #404040;

    line-height: 36px;
    padding: 0 10px;
    /*width: auto;*/
    box-sizing: border-box;
    cursor: pointer;
}

.form_projet #popover_localisation #coordonnees input.long {
    border-radius: 0;
    background-color: #ECECEC;
    border: 0;
    box-shadow: none;
    margin-bottom: 20px;
    outline: none;
}
.form_projet #popover_localisation #coordonnees input.long:last-of-type {margin-bottom: 0;}
.form_projet #popover_localisation #coordonnees #localiser {
    position: absolute;
    top: 15px;
    right: 0;
    width: 23%;
    height: 91px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.form_projet.ui-draggable {
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    background: #404040;
    height: 50px;
    line-height: 50px;
    padding: 0;
    border-radius: 0;
    border: 0;
}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix .ui-dialog-title {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none;
    width: 50px;
    height: 50px;
    border: 0;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 50px;
    border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: inline-block;
    margin: 0;
    text-indent: 9999px;
}

/* datatable pagination styling */
table {
    margin: 60px 0 20px 0;
}

[id$='_paginate'] {
    font-size: 12px;
    margin: 10px 0;
}

[id$='_paginate'] .paginate_button, [id$='_paginate'] .paginate_active {
    margin: 0 3px;
    cursor: pointer;
    padding: 5px 10px;
    color: white;
    background-color: #404040;
    font-weight: bold;
}
[id$='_paginate'] .paginate_button:first-child,
[id$='_paginate']:first-child {
    margin-left: 0;
}

[id$='_paginate'] .paginate_button:hover, [id$='_paginate'] .paginate_active {
    background-color: black;
}

[id$='_paginate'] .paginate_button.previous, [id$='_paginate'] .paginate_button.next {
    display: none;
}

.filters-container {
    margin-bottom: 15px;
}

#form_filtres_affichage {
    background-color: white;
    padding: 15px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}

#form_filtres_affichage label {
    font-family: arial, sans-serif;
    display: inline-block;
    font-size: 14px;
    width: 10%;
    color: black;
}
body.open-project .filters-container #form_projet fieldset,
#form_filtres_affichage fieldset {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border: 1px solid #404040;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
}

#form_filtres_affichage fieldset.closed {
    height: 0!important;
    padding-bottom: 0;
    border-bottom: 1px solid #404040;
}

body.open-project .filters-container #form_projet fieldset legend,
#form_filtres_affichage fieldset legend {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    margin-bottom: 10px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 20px;
    color: #404040;
    font-weight: 600;
    background-color: transparent;
}
body.open-project .filters-container #form_projet fieldset legend span,
#form_filtres_affichage fieldset legend span {
    display: inline-block;
    font-size: 20px;
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #404040;
}

body.open-project .filters-container #form_projet,
body.open-project #form_filtres_affichage {
    background: transparent;
    padding: 0;
    box-shadow: none;
}

body.open-project .filters-container #form_projet fieldset,
body.open-project #form_filtres_affichage fieldset {
    border-radius: 0;
    background: #FFFFFF;
    padding: 70px 20px 20px 20px;
}

body.open-project .filters-container #form_projet fieldset.closed,
body.open-project #form_filtres_affichage fieldset.closed {
    height: 0;
    padding: 50px 0 0 0;
}

body.open-project #form_filtres_affichage input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),
body.open-project #form_filtres_affichage #adresse,
body.open-project #form_filtres_affichage select {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
    min-width: 80%;
}

body.open-project #form_filtres_affichage fieldset legend span .bar1,
body.open-project #form_filtres_affichage fieldset legend span .bar2 {
    display: inline-block;
    width: 15px;
    height: 5px;
    background-color: #404040;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform 0.2s ease-out;
}

body.open-project #form_filtres_affichage fieldset legend span .bar1 {transform: translate(-80%, -50%) rotate(-45deg);}
body.open-project #form_filtres_affichage fieldset legend span .bar2 {transform: translate(-30%, -50%) rotate(45deg);}
body.open-project #form_filtres_affichage fieldset.closed legend span .bar1 {transform: translate(-80%, -50%) rotate(45deg);}
body.open-project #form_filtres_affichage fieldset.closed legend span .bar2 {transform: translate(-30%, -50%) rotate(-45deg);}


.filters-container fieldset legend span .bar1,
.filters-container fieldset legend span .bar2 {background-color: #404040!important;}

.form_control {
    width: 49%;
    margin: 0 0 5px 0;
    display: inline-block;
    text-align: center;
}
.form_control.form_submit {
    width: 100%;
}

.form_control button {
    margin: 5px auto;
}
/* STYLE LABEL */
form label,
.seo_wrapper label,
#form_projet label,
#popover_localisation label,
#seo_form label {
    font-size: 12px;
    font-weight: bold;
    color: #727272;
}

/* CSS OVERLAY LOADER */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    
    background-color: rgba(64, 64, 64, 0.5);
}

#loader .icon-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    width: 80px;
    height: 80px;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 100%;
}

#loader .icon-loader i {
    position: relative;
    top: 24px;
    color: #8d3232;
}

/* SLIDER LOT */
.online-toggle.ui-slider .ui-slider-range {
    background-color: #8d3232;
}

#bottom_menu {
    display: inline-block;
    width: 100%;
    height: 50px;
    background-color: #C4C4C4;
}
#societe_fille,
#societe {
    background-color: white;
    position: relative;
    padding-bottom: 5px;
    width: 1200px;
    margin: 80px auto 10px auto;
}

#societe #form_societe {
    border: none;
    border-radius: 0;
    /*margin: 5px 0 0 0;*/
    margin: 0;
    padding: 20px;
    box-shadow: none;
}
#societe #form_societe fieldset {margin: 0; padding: 0;}
#societe #form_societe fieldset legend {margin-bottom: 15px;}
#societe #form_societe > div {
    margin: 0;
    padding: 0;
}

#societe #form_societe > div:last-of-type {padding-left: 20px;}

#societe #form_societe input:not([type="submit"]) {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}
#societe #form_societe fieldset#infos input {width: 84%;}
#societe #form_societe fieldset#infos label {width: 15%; cursor: pointer;}

#societe .header {
    text-align: left;
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 20px;
    box-sizing: border-box;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
    margin-top: 0;
}

#societe #form_societe input[type="text"] {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}

#societe #programmes ul{
    margin-top: 5px;
    margin-left: 5px;
}

#societe #programmes ul li {
    padding: 5px;
}

#societe #action {
    position: absolute;
    top: -15px;
    left: 0;
}


#utilisateurs {
    background-color: white;
    position: relative;
    width: 1200px;
    margin: 80px auto 10px auto;
    /*padding-bottom: 5px;*/
}

#utilisateurs #action {
    position: absolute;
    top: -15px;
    left: 0;
}

#utilisateurs #utilisateur {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

#utilisateur>div {
    overflow: auto;
}

#utilisateur form label input[type="checkbox"] {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
    width: auto !important;
    height: auto !important;
}

#utilisateur form label input:not([type="radio"]), #utilisateur form label select {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}

#utilisateur form label {
    font-size: 12px;
    font-weight: bold;
    color: #727272;
}
/*#utilisateurs #utilisateur #liste-utilisateur {height: 516px;}*/
#utilisateurs .dataTable tr th {
    background-color: #848484;
    border-radius: 0;
    padding: 7px 5px;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
#utilisateur #liste-utilisateur_wrapper .dataTables_scrollHead {background-color: #848484;border-bottom: 1px solid #FFFFFF;}
#utilisateurs .dataTable tr th:first-of-type {border-left: 0;}
#utilisateur #liste-utilisateur tr.user:hover td {background-color: #c1bebe;}
#utilisateur #liste-utilisateur tr.user.active td {background-color: #FFFFFF;}
#utilisateur #liste-utilisateur tr {border-bottom: 1px solid #FFFFFF;}
#utilisateur #liste-utilisateur tr:last-of-type {border-bottom: 0;}
#utilisateur #liste-utilisateur tr.user td {border-left: 1px solid #C4C4C4;}
#utilisateur #liste-utilisateur tr.user td:first-of-type {border-left: 0;}
#utilisateur #liste-utilisateur tr.odd td {background-color: #E6E6E6;}
#utilisateur #liste-utilisateur tr.even td {background-color: #DCDCDC;}
#utilisateurs .header {
    text-align: left;
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 20px;
    box-sizing: border-box;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
    margin-top: 0;
}

#utilisateurs .header .actions {
    position: absolute;
    top: 0;
    right: 0;
    
    height: 50px;
}
#utilisateurs .header a {
    display: inline-block;
    width: 0;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding-left: 50px;
    position: relative;
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
    font-family: "Source Sans Pro", Arial, sans-serif;
    overflow: hidden;
    text-decoration: none;
    
    transition: width 0.2s ease-out;
}
#utilisateurs .header a:hover {width: 180px;}
#utilisateurs .header a span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

/** GESTION DES CONTACTS **/
#content #liste-contact {
    margin: 0;
}

#content #liste-contact thead tr th {
    background-color: #848484;
    color: #FFFFFF;
    padding: 7px 0;
    text-align: center;
    border-left: 1px solid #C4C4C4;
}

#content #liste-contact thead tr th:first-of-type {border-left: 0;}

#content #liste-contact thead tr:first-child th:first-child,
#content #liste-contact thead tr:first-child th:last-child {border-radius: 0;}

#content #liste-contact tr {border-bottom: 1px solid #FFFFFF;}
#content #liste-contact tr:last-of-type {border-bottom: none;}

#content #liste-contact tr td {
    background-color: #E6E6E6;
    border-left: 1px solid #c4c4c4;
}


#content #liste-contact tr td:first-of-type{border-left: 0;}

#content #liste-contact tr.even td {
    background-color: #DCDCDC;
}

#content #liste-contact tr td.stats {
    background-color: #C4C4C4;
    height: auto;
    padding: 20px 0 20px 128px;
}
#content #liste-contact tr td.stats > h4 {
    width: 92%;
    border-bottom: 1px solid #FFFFFF;    
    margin-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}
#content #liste-contact tr td.stats div {}

#content #liste-contact .notes-off,
#content #liste-contact .remove_compte,
#content #liste-contact .stats_contact {
    background: none;
    font-family: "FontAwesome", Arial, sans-serif;
    
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}
#content #liste-contact .notes-off {cursor: default;}


#content #liste-contact .notes-off:before {content: "\f075";}
#content #liste-contact .remove_compte:before {content: "\f014";}
#content #liste-contact .stats_contact:before {content: "\f1fe";}

#content #liste-contact .remove_compte:hover,
#content #liste-contact .stats_contact:hover, 
#content #liste-contact .stats_contact.active {color: #404040;}

#content #liste-contact .notes-on.note-active:after {
    bottom: -20px;
    left: 50%;
    transform: translate(-50%);
}
#content #liste-contact .stats_contact.active:after {
    bottom: -8px;
    left: 50%;
    transform: translate(-50%);
}

#content #liste-contact .notes-on {
    background: none;
    font-family: Arial, sans-serif;
    
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    
    position: relative;
    z-index: 0;
}

#content #liste-contact .notes-on:before {
    font-family: "FontAwesome", sans-serif;
    color: #404040;
    font-size: 25px;
    content: "\f075";
    
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

#content #liste-contact .message {width: 100%; border: 0; position: relative;}
#content #liste-contact .message:after {
    content: " ";
    display: inline-block;
    border-bottom: 1px solid #FFFFFF;
    width: 80%;
    height: 0;
    
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
#content #liste-contact .message:last-of-type:after{display: none;}
#content #liste-contact .message .message_content {    
    display: inline-block;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #C4C4C4;
}
#content #liste-contact .message .message_content h4 {    
    color: #404040;
    font-size: 17px;
    font-weight: 300;
    text-shadow: 1px 1px 0 rgb(220, 220, 220);
}
#content #liste-contact .message .message_content p:first-of-type {
    font-weight: bold;
    margin-bottom: 15px;
    color: #404040;
}
#content #liste-contact .message div.message_action {background-color: #C4C4C4;}
#content #liste-contact .message div.message_action span.message_action {
    display: inline-block;
    width: 50px;
    height: 100%;
    background: none;
    position: relative;
}
#content #liste-contact .message div.message_action span.message_action .no-phone-wrapper,
#content #liste-contact .message div.message_action span.message_action > .fa {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: #404040;
}
    
#content #liste-contact .message div.message_action span.message_action .fa-stack {font-size: 20px;}
#content #liste-contact .message div.message_action span.remove_contact:before {
    font-family: "FontAwesome", sans-serif;
    content: "\f014";
    font-size: 30px;
    display: inline-block;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: #909090;
    
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#content #liste-contact .message div.message_action span.remove_contact:hover:before {color: #404040;}
#content #liste-contact tbody {border-bottom: 1px solid #c4c4c4;}

/* COMMERCIALISATEURS */
#commercialisateurs {
    background-color: white;
    position: relative;
    width: 1200px;
    margin: 80px auto 10px auto;
    /*padding-bottom: 5px;*/
}

#commercialisateurs #action {
    position: absolute;
    top: -15px;
    left: 0;
}

#commercialisateurs .header {
    text-align: left;
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-size: 20px;
    box-sizing: border-box;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    background: #404040;
    color: #FFFFFF;
    font-weight: 600;
    margin-top: 0;
}

#commercialisateurs .header .actions {
    position: absolute;
    top: 0;
    right: 0;
    
    height: 50px;
}
#commercialisateurs .header a {
    display: inline-block;
    width: 0;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding-left: 50px;
    position: relative;
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
    font-family: "Source Sans Pro", Arial, sans-serif;
    overflow: hidden;
    text-decoration: none;
    
    transition: width 0.2s ease-out;
}
#commercialisateurs .header a:hover {width: 180px;}
#commercialisateurs .header a#add_societe:hover {width: 220px;}
#commercialisateurs .header a span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}

#commercialisateurs #societe_fille {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

#commercialisateurs #societe_fille > div:first-child {
    width: 20%;
    height: 550px;
    
    background-size: cover;
    background-image: url(../img/background_sidebar.jpg);
}
#commercialisateurs #societe_fille > div:last-child {
    width: 80%;
    height: 550px;
    overflow: auto;
}

#commercialisateurs #societe_fille #liste-societe {
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
}

#commercialisateurs #societe_fille #liste-societe div.societe {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 6px;
    position: relative;
}
#commercialisateurs #societe_fille #liste-societe div.societe:hover {background: none;}
#commercialisateurs #societe_fille #liste-societe div.societe h4 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    height: 50px;
}

#commercialisateurs #societe_fille #liste-societe div.societe:after {
    content: "";
    display: inline-block;
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translate(-50%);
}

#commercialisateurs #societe_fille #liste-societe div.societe:last-child:after{display: none;}

#commercialisateurs form label input:not([type="radio"]), #utilisateur form label select {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}

#commercialisateurs #societe_fille #liste-societe div.societe span.edit,
#commercialisateurs #societe_fille #liste-societe div.societe span.suppr {
    display: inline-block;
    width: 25px;
    height: 50px;
    line-height: 50px;
    color: #FFFFFF;
    text-align: center;
}
#commercialisateurs #societe_fille #liste-societe div.societe span.edit {transition: 0.2s right ease-out;}
#commercialisateurs #societe_fille #liste-societe div.societe:hover span.edit {right: -10px;}
#commercialisateurs #societe_fille #liste-societe div.societe.active span.edit,
#commercialisateurs #societe_fille #liste-societe div.societe span.suppr {display: none;}
#commercialisateurs #societe_fille #liste-societe div.societe span.suppr:hover {color: #404040;}
#commercialisateurs #societe_fille #liste-societe div.societe.active span.suppr,
#commercialisateurs #societe_fille #liste-societe div.societe:hover span.suppr {display: inline-block; font-size: 20px;}

#societe_fille #liste-societe div.societe span.edit {
    position: absolute;
    top: 0;
    right: 0;
}

#societe_fille #liste-societe div.societe span.suppr:after{display:none;}
#societe_fille #liste-societe div.societe span.suppr:before {
    content: "\f014";
    font-family: FontAwesome;
    text-align: center;
}

#societe_fille #liste-societe div.societe span.suppr {
    position: absolute;
    top: 0;
    right: 35px;
}

#commercialisateurs #societe_fille #liste-societe div.societe.active {background: none;}
#commercialisateurs #societe_fille #liste-societe div.societe.active h4{font-weight: 600;font-size:20px;}

#societe_fille #liste-societe div.societe span.edit:after{display:none;}
#societe_fille #liste-societe div.societe span.edit:before {
    content: "\f054";
    font-family: FontAwesome;
    text-align: center;
}

#societe_fille #liste-societe div.societe h4 {width: auto;}

#societe_fille form label {
    font-size: 12px;
    font-weight: bold;
    color: #727272;
}
#societe_fille form label.readonly > div {display: none!important;}
/* FORM AJOUT DE SOCIETE */
#addProjet, #addProjet #form_projet {
    background: transparent;
    padding: 0;
    box-shadow: none;        
    position: relative;
    padding-bottom: 5px;
    width: 1200px;
    margin: 80px auto 10px auto;
}

#addProjet #form_projet fieldset {
    border-radius: 0;
    background: #FFFFFF;
    padding: 70px 20px 20px 20px;
    height: auto;    
    transition: height 0.2s ease-out;
}

#addProjet #form_projet fieldset legend {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    box-sizing: border-box;
    font-size: 20px;
    background: #404040;
    color: #FFFFFF;
    border-bottom: none;
    font-weight: 600;
}   

#addProjet #form_projet input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), 
#addProjet #form_projet #adresse,
#addProjet #form_projet select {
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
}
#addProjet #form_projet #url_iframe {/*margin-top: 20px;*/}
#addProjet #form_projet .fa.fa-file-pdf-o {margin-right: 5px;}
#addProjet #form_projet input:read-only {
    background: #c4c4c4!important;
    color: #727272!important;
    font-weight: 700!important;
    cursor: not-allowed;
}

#addProjet #action {
    position: absolute;
    top: -15px;
    left: 0;
}

#error-display .success {
    background-color: #DEF2E0;
    color: #42A95A;
    border: 1px solid #CCEBCC;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 5px;
}

#error-display .success .success-close {
    float: right;
    cursor: pointer;
}

/* FORM SEO POUR LANDING PAGE */
.form-seo {
    border-bottom: 1px solid #C3C3C3;
    border-left: 1px solid #C3C3C3;
    border-right: 1px solid #C3C3C3;
}
.form-seo fieldset {padding: 20px!important;}
.form-seo fieldset legend {
    height: 40px;
    line-height: 40px;
    color: #727272;
    font-size: 16px;

    border-bottom: 1px solid #404040;
}

.form-seo fieldset label {
    width: 10%;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #727272;
    display: inline-block;
    vertical-align: top;
}

#landing-page-wrapper .form-seo fieldset textarea {
    width: 90%;
    height: 70px;
    border: 0;
    padding: 5px!important;;
    box-sizing: border-box;
    margin: 0;
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    color: #000000;
    font-weight: 300;
    resize: none;
    font-family: arial, sans-serif;
}

#landing-page-wrapper .form-seo fieldset p {text-align: right;}
#landing-page-wrapper .form-seo fieldset p button {
    background: #404040;
    border: 0px;
    padding: 15px 25px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    /* font-size: 24px; */
    font-size: 18px;
    font-weight: 300;
    color: white;
    /* border-radius: 4px; */
    display: block;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* Page SEO : Referencement */
.seo.pages-container ul.pages-list li {overflow: hidden; margin: 10px 0; border: 1px solid #cccccc;}
.seo.pages-container ul.pages-list li .content {margin: 0; border: 0;}
.seo.pages-container ul.pages-list .fa-file {top: 0; border: 0;}
.seo.pages-container ul.pages-list .seo_container {
    width: calc(100% - 84px);
    margin-left: 42px;
    box-sizing: border-box;

    height: 0;
    padding: 0;
    transition: 0.2s height ease-out, 0.1s padding ease-out;
}

.seo.pages-container ul.pages-list .seo_container.open {
    transition: 0.2s height ease-in, 0.1s padding ease-in;
    padding: 10px 0;
    /*height: 112px;*/
    /*height: 186px;*/
    height: 283px;
}

.seo.pages-container ul.pages-list .seo_container label {
    width: 10%;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #727272;
    display: inline-block;
    vertical-align: top;
}
.seo.pages-container ul.pages-list .seo_container textarea {
    width: 90%;
    height: 70px;
    border: 0;
    padding: 5px;
    box-sizing: border-box;
    margin: 0;
    background: #ECECEC;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 14px;
    color: #000000;
    font-weight: 300;
    resize: none;
    font-family: Arial, sans-serif;
}


/* ADMIN MODULARITE */
.modularites-container {
    position: relative;
    margin: 0;
    //padding: 50px 20px 20px 20px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    border: 1px solid #C3C3C3;
}
.modularites-container.no-padding {
    padding: 50px 0 0 0;
    background-color: transparent;
    border: none;
}

/*.modularites-container .header {*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 50px;*/
    /*line-height: 50px;*/
    /*top: 0;*/
    /*left: 0;*/

    /*padding-left: 20px;*/
    /*box-sizing: border-box;*/
    /*background: #404040;*/
    /*border-bottom: none;*/
    /*z-index: 1;*/
/*}*/

/*#content .modularites-container .header h3 {*/
    /*display: inline-block;*/
    /*font-size: 20px;*/
    /*color: #FFFFFF;*/
    /*font-weight: 600;*/
    /*font-family: 'Yanone Kaffeesatz', sans-serif;*/
/*}*/

/*.modularites-container .header .actions {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*height: 50px;*/
    /*line-height: 50px;*/
/*}*/

/*.modularites-container .header .actions a {*/
    /*display: inline-block;*/
    /*color: #FFFFFF;*/
    /*padding: 0 10px;*/
    /*font-size: 14px;*/
    /*text-decoration: none;*/
/*}*/

.modularites-container .modularite,
.modularites-container .etage,
.modularites-container .vendeur {
    width: 100%;
}

.modularites-container .vendeur {
    padding: 0 20px;
    box-sizing: border-box;
}

.modularites-container .modularite.first,
.modularites-container .etage.first,
.modularites-container .vendeur.first {margin-top: 20px;}

.modularites-container .modularite .title,
.modularites-container .etage .title,
.modularites-container .vendeur .title {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #c3c3c3;
    padding: 0 10px;
    box-sizing: border-box;
    font-weight: 600;
}

.modularites-container .modularite .etages-list .title,
.modularites-container .etage .modularites-list .title,
.modularites-container .vendeur .paniers-list .title {background-color: #e4e2e2; font-weight: 300; padding-left: 20px;}

.modularites-container .modularite .title i,
.modularites-container .etage .title i,
.modularites-container .vendeur .title i {
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    top: 0;
    right: 0;
    text-align: center;
    cursor: pointer;
}

.modularites-container .etage .configuration {
    display: inline-block;
    /*height: 50px;*/
    /*line-height: 50px;*/
    /*padding: 0 20px;*/
    flex: 1;
    overflow: hidden;
    position: relative;
}
.modularites-container .etage .configuration .configuration-image {
    width: 250px;
    margin: 20px 0;
    opacity: 1;
    transition: opacity ease-in-out .2s;
}
.modularites-container .etage .configuration .configuration-image.faded {
    opacity: 0.4;
    transition: opacity ease-in-out .2s;
}
.modularites-container .modularites-list .configurations-list {
    text-align: center;
    display: flex;
}

.modularites-container .etage .configuration input[type="checkbox"] {display: none;}
.modularites-container .etage .configuration label {cursor: pointer; margin-right: 10px;}
.modularites-container .etage .configuration p {margin: 10px 0;}
.modularites-container .etage .configuration .toggler-active {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 30px;
    border-radius: 20px;
    background: #c1c1c1;

    overflow: hidden;
    cursor: pointer;

    transition: all .2s ease-in-out;

    vertical-align: middle;
    top: -3px;
}

.modularites-container .etage .configuration .toggler-active:before {
    content: "Off";
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 0;
    line-height: 30px;
    font-size: 10px;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}

.modularites-container .etage .configuration .toggler-active:after {
    content: "";
    position: absolute;
    display: block;
    width: 28px;
    height: 28px;

    top: 1px;
    left: 29px;

    border-radius: 50%;
    background-color: #FFFFFF;
    transition: all .2s ease-in-out;
}

.modularites-container .etage .configuration input[type="checkbox"]:checked + .toggler-active {background-color: limegreen;}
.modularites-container .etage .configuration input[type="checkbox"]:checked + .toggler-active:after {left: 1px;}
.modularites-container .etage .configuration input[type="checkbox"]:checked + .toggler-active:before {
    right: 8px;
    left: auto;
    content: "On";
    transition: all .2s ease-in-out;
}

.modularites-container .etage .title.closed + div,
.modularites-container .vendeur .title.closed + div {
    height: 0;
    opacity: 0;
    visibility: hidden;
}

/* OVERIDE VENDEURS */
.modularites-container .vendeur,
.modularites-container .vendeur .panier {border-bottom: 1px solid #FFFFFF;}
.modularites-container .vendeur > .title {
    height: 146px;
    line-height: 146px;
    padding: 0 10px;

    font-size: 16px;
    text-transform: uppercase;
}

.modularites-container .vendeur > .title img {vertical-align: middle; margin-right: 10px;}
.modularites-container .vendeur > .title i {
    width: 100px;
    height: 146px;
    line-height: 146px;
    font-size: 20px;
}

.modularites-container .vendeur .panier > .title {
    height: 100px;
    line-height: 100px;
    padding-left: 100px;
    font-size: 16px;
}
.modularites-container .vendeur .panier > .title strong {text-transform: uppercase;}
.modularites-container .vendeur .panier > .title img {vertical-align: middle; margin-right: 10px;}
.modularites-container .vendeur .panier > .title i {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
}
.modularites-container .vendeur .content-list {padding: 0 100px;}
.modularites-container .vendeur .content-list p {
    padding: 10px 0px;
}

.modularites-container .vendeur .content-list .lot {
    position: relative;
    /*display: inline-block;*/
    height: 100px;
    overflow: hidden;
    line-height: 100px;
    margin-bottom: 10px;
}
.modularites-container .vendeur .content-list .lot img {
    height: 100%;
    vertical-align: middle;
}

/* STATS */
.modularites-container .stats {
    position: relative;
    /*height: 100px;*/
    padding: 20px 20px 0 140px;
    /*line-height: calc(100px / 3);*/
}

.modularites-container .icone {
    position: absolute;
    top: 71px;
    left: 20px;
}

.modularites-container .stats p span {font-weight: 600;}

body.open-project #content-wrapper #content table.stats-lot {
    width: 80%;
    margin:  20px auto;
}
body.open-project #content-wrapper #content table.stats-lot thead {display: table-row-group;}
body.open-project #content-wrapper #content table.stats-lot tfoot {display: table-header-group; background-color: #404040;}
body.open-project #content-wrapper #content table.stats-lot tfoot input {width: 90%;}

body.open-project #content-wrapper #content table.stats-lot + .dataTables_paginate {
    width: 80%;
    margin:  20px auto;
    line-height: 24px;
}

body.open-project #content-wrapper #content table.stats-lot th i,
body.open-project #content-wrapper #content #liste-lot th i {
    /*float: right;*/
    /*margin-right: 10px;*/
    /*margin-left: -10px;*/
    position: absolute;
    right: 5px;
}

body.open-project #content-wrapper #content table.stats-lot th i:before,
body.open-project #content-wrapper #content #liste-lot th i:before {
    content: "\f078";
    font-family: "FontAwesome";
    font-style: normal;
}

body.open-project #content-wrapper #content table.stats-lot th.sorting_desc i:before,
body.open-project #content-wrapper #content #liste-lot th.sorting_desc i:before {
    content: "\f077";
}

/* Gestion des statistiques par modularité */
.modularites-container .stats-modularites {
    /*position: absolute;*/
    /*top: 50px;*/
    font-weight: bold;
}
.modularites-container .stats-modularites .no-bold {font-weight: normal; margin: 10px 0; padding-left: 20px;}
.etages-container {
    display: block;
    width: 70%;
    margin: auto;
    /*margin-top: 70px;*/
}

.etages-container .etage > .title {background-color: transparent;border-bottom: 1px solid grey;}
.etages-container .etage .modularites-list > .title {background-color: #f9f9f9;}
.etages-container .etage .configurations-list .configuration {border-right: #c0c0c0 1px solid; background-color: #e5e5e5;}
.etages-container .etage .configurations-list .configuration:last-of-type {border-right: none;}
.etages-container .etage .configurations-list .configuration > .title {background-color: #838383; color: #FFFFFF; font-weight: bold; border-bottom: 1px #FFFFFF solid;}

/** TOGGLER **/
.modularites-container .header i {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFFFFF;
    right: 0;
    top: 0;
    cursor: pointer;
}

.modularites-container.closed {
    max-height: 50px;
    overflow: hidden;
    padding: 0;
}

/** GESTION DES OPTIONS VENDEURS **/
.actionButton {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #848484;
    transition: all .2s ease-in-out;
}

.actionButton:hover {
    background-color: #404040;
    transition: all .2s ease-in-out;
}

.actionButton.annulerOption:hover {
    background-color: #d12727;
}

.actionButton.accepterOption:hover {
    background-color: #32CD32;
}

.actionsVendeur {
    /*white-space: nowrap;*/
    line-height: 30px;
}

.actionsVendeur .act {
    /*float: right;*/
    /*vertical-align: top;*/
    /*margin-right: 10px;*/
}

/** Alertify **/
.ajs-button {
    display: inline-block;
    font-family: Arial, sans-serif;
}

.tooltip {
    position: absolute;
    background-color: #000000;
    text-transform: uppercase;
    border-radius: 5%;
    padding: 10px;
    color: #FFFFFF;
    line-height: 1;
    white-space: nowrap;
    z-index: 110;
}

.tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    pointer-events: none;
    border: solid transparent;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
}
table tr td.accepted {
    /*background-color: #32cd32!important;*/
    /*color: #FFFFFF!important;*/
}

table tr td.needAdv {
    background-color: #8d3232!important;
    color: #FFFFFF!important;
}

.lotHistorique {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.lotHistorique li {
    padding: 10px;
    border-bottom: 1px solid white;
}
.lotHistorique li:nth-child(odd) {
    background: #dcdcdc;
}
.lotHistorique li:nth-child(even) {
    background: #e6e6e6;
}
.lotHistorique span {font-weight: bold;}
.lotHistorique .isAccepted {color: #32cd32;}
.lotHistorique .isRefused {color: #8d3232;}

/** TEST **/
.dataTables_wrapper {position: relative;}
#liste-lot_processing {
    position: absolute;
    background: #FFFFFF;
    padding: 50px;
    text-align: center;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}

/** Formulaire dans modal **/
#vendeursForm {padding: 20px;}
#vendeursForm .form-group {margin-bottom: 20px;}
#vendeursForm .form-group:last-of-type {margin-bottom: 0;}

#vendeursForm .form-group .error {color: #8d3232; padding-left: 100px; margin-top: 5px; font-size: 12px; font-weight: bold;}

#vendeursForm .form-group label {
    display: inline-block;
    width: 100px;
    line-height: 34px;
    text-align: right;
    color: #000000;
    cursor: pointer;
    font-family: Arial, sans-serif;
    padding-right: 10px;
    box-sizing: border-box;
}

#vendeursForm .form-group select,
#vendeursForm .form-group input {
    width: calc(100% - 100px);
    box-shadow: none;
}
#vendeursForm input[type="submit"] {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    height: 52px;
    line-height: 52px;
    padding: 0 15px;
    background: transparent;
    color: #000000;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    transition: all .2s ease-in-out;
}

#vendeursForm input[type="submit"]:hover {
    background-color: #8d3232;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
}
#liste-lot tr.offline td .actionsVendeur .act a:not(.voirHistorique) {display: none!important;}

/** Toggle Affichage / Masquage des pages spécifique à l'espace téléchargement **/
.pages-container ul.pages-list li input[type="checkbox"] {
    display: none;
}

.pages-container ul.pages-list li input[type="checkbox"]:checked + label span:before {
    content: "\f06e";
}
.pages-container ul.pages-list li input[type="checkbox"] + label span:before {
    content: "\f070";
}
.pages-container ul.pages-list li label span:hover {
    color: gray;
    background-color: transparent;
}