/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic,900,900italic);
*/

@font-face {
font-family: 'Roboto';
src: url('/common/fonts/Roboto-Regular.ttf') format('truetype');
/*src: url('quadranta.eot');
src: url('quadranta.otf') format('truetype'),
     url('quadranta.woff') format('woff'),
     url('quadranta.eot?#iefix') format('embedded-opentype'),
     url('quadranta.svg#QuadrantaBold') format('svg');
*/
font-weight: normal;
font-style: normal;
}

#dt_basic .sorting_1{
    width:90%;
}

table.dataTable tbody th,
table.dataTable tbody td {
    white-space: nowrap;
}

.invalid{
    border-color:red;
}

BODY {
    background-color:#ededed;
}

BODY, h1, h2, h3, h4, h5, h6, UL, LI, P, SPAN, INPUT, A, SELECT, TEXTAREA, FORM, DIV {
    font-family:'Roboto';
}

INPUT, BODY #wrapper input[type=checkbox], BODY #wrapper input[type=radio] {
    border:none;
}

body.identification #container {
    width:100%;
    height:100vh;
    background-image:url("/common/images/bg_login.png");
    background-repeat:no-repeat;
    background-position:right top;
    background-size:100%;
    text-align:center;
}

body.identification {
    width:100%;
}

body.identification #mainContent {
    padding-left:70px;
}

body.identification .page-container {
    width:100%;
    padding-left:0px;
}

.titre H1, #wrapper #oeuvre-liste h2.bottom {
    float:left;
    margin:0;
    width:auto;
    /*min-width:50%;
    max-width:78%;*/
    padding-top:5px;
    font-weight:bold;
}

#wrapper .titre H1, #wrapper h2.bottom, #wrapper .col h1 {
    line-height:inherit;
    font-weight:bold;
}

#wrapper .titre H1, #wrapper .titre H1 .recordsTotal,
#wrapper #oeuvre-liste h2.bottom, #wrapper H2.bottom .recordsTotal, #wrapper .col h1 {
    font-size:25px;
}

/*#wrapper .titre H1 {
    width:55%;
}*/

BODY, P, IMG, h1, h2, h3, h4, h5, h6, UL, LI {
    border:0;
    margin:0;
    padding:0;
}

input, select, textarea {
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

#wrapper A, #wrapper A:hover {
    text-decoration:none;
    pointer:cursor;
    color:#ffffff;
    font-weight:normal;
}

.loader {
    background-image:url("/common/images/loader.gif"); 
    background-repeat:no-repeat;
    background-position:center;
    width:39px;
    height:39px;
}

.icon-set {
    /*background: rgba(0, 0, 0, 0) url("/common/images/top_tray.png") no-repeat scroll 0 0;*/
    display: block;
    position: relative;
}

#wrapper label {
    font-size:13px;
}

body #wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    margin-top:20px;
}

body.identification #wrapper {
    margin-top:0px;
}

footer {
    padding-left:270px;
    margin-top:1.5em;
    margin-bottom:1.5em;
}

footer p {
    font-size:12px;
    margin:0;
}

/* START STYLE BT */

.pull-right .visible-lg .logout {
    border:none;
    width:105px;
    color:#ffffff;
    height:32px;
    line-height:32px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.pull-right .visible-lg .logout {
    display:block;
    float:right;
    text-align:center;
    margin-left:1.0em;
    background-color: #ababab;
    text-decoration:none;
}

.btn_dark {
    background-color:#282828;
    color:#ffffff;
    font-size:13px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding-left: 15px;
    padding-right: 15px;
    float:right;
    height:35px;
    line-height:32px;
    cursor:pointer;
}

.btn_dark img {
    margin-right:0.8em;
}

.btn_dark:hover {
    color:#f5f5f5;
    text-decoration:none;
}

button.add-parameter {
    border:none;
}

.row button.add-parameter.btn_dark.btn_ajout {
    margin-top:1.5em !important;
    margin-bottom:1.0em;
}

#wrapper div.row h1 {
    margin-top:0.5em;
}

#wrapper .btn_middle.white {
    background-color:#ffffff;
    color:#282828;
    font-weight:normal;
}

#wrapper .btn_middle, #ajout_frais {
    background-color:#ababab;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    color:#ffffff;
    padding-left:15px;
    padding-right:15px;
    border:none;
    font-size:13px;
    height:35px;
    line-height:35px;
}

.btn_middle:hover {
    text-decoration:none;
}

#wrapper .btn_middle.blanc {
    background-color:#ffffff;
    color:#323232;
    font-weight:normal;
}

/* END STYLE BT */

//////////////////
/* START HEADER */
//////////////////

.brand.inline IMG {
    margin-left:2.0em;
}

.visible-lg .pull-left.font-heading, .header .btn_middle, .header .dropdown.pull-right {
    float:right;
}

.header .btn_middle {
    margin-top: 0.3em;
    border-left:1px solid #ababab;
}

.header .dropdown.pull-right {
    margin-right: 1.0em;
}

.header .btn_middle {
    background: none;
}

.pace {
    display:none;
}

/* END HEADER */

/* START MENU */

.page-sidebar #user {
    height:100px;
    background-color: #1e1e1e;
    padding: 0 3px 0 32px;
    padding-top:25px;
}

.page-sidebar #user div {
    float:left;
}

.page-sidebar #user > div:first-child, .page-sidebar #user > div.first{
    width:50px;
    height:50px;
}

.page-sidebar #user div span {
    color:#7a7a7a;
    width:100%;
    display:block;
    margin-left:15px;
}

.page-sidebar #user div .name_user {
    color:#ffffff;
}

#menuGauche .page-sidebar {
    background-color:#282828;
} 

body.menu-pin div.page-container {
    padding-left:250px;
}

#menuGauche .sidebar-header-controls {
    display:none;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
    background-color:#3c3c3c;
}

#menuGauche .page-sidebar .sidebar-menu {
    height: calc(100% - 150px);
}

#menuGauche .page-sidebar .sidebar-menu .scroll-wrapper ul li:last-child ul {
    padding-bottom:45px;
}

#menuGauche .scroll-element.scroll-x .scroll-element_outer .scroll-bar {
    display:none;
}

#menuGauche .page-sidebar a, #menuGauche .page-sidebar button {
    color:#8b8b8b;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a {
    font-family:inherit;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li > a > .title {
    height:45px;
    line-height:45px;
}

.menu-items li a span {
    float:left;
    /*height:45px;*/
}

.menu-items li a span img {
    margin-top:15px;
    margin-right:10px;
}

.menu-items li a span.title {
    height:inherit;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
    padding-top:10px;
    padding-bottom:10px;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu li {
    height:30px;
    line-height:30px;
}


#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a.menu-item-link {
    padding:0;
    text-decoration:none;
    width:100%;
    padding-left:25px;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a.menu-item-link:hover,
#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li > a.menu-item-link:active {
    color:#ffffff;
}


#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.menu_bdd > li.li_admin:hover A ,
#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.menu_bdd > li.li_admin:active A {
    background-image:url("/common/images/icon_cross.png");
    background-repeat:no-repeat;
    background-position:center right;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
    position: relative;
}

#menuGauche .add-oeuvre {
    position: absolute;
    width:auto;
    right:10px;
    top:0px;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
    background-repeat:no-repeat;
    background-position:center left;
    margin-right:10px;
    padding-left:0px;
    margin-left:30px;
    padding-right:10px;
}

/* Icons menu start */
#menuGauche .page-sidebar .sidebar-menu ul li.open.databaseSection ul li:nth-child(1) {
    background-image:url("/common/images/icon_book.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.databaseSection ul li:nth-child(2) {
    background-image:url("/common/images/icon_canvas.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.databaseSection ul li:nth-child(3) {
    background-image:url("/common/images/icon_object.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.databaseSection ul li:nth-child(4),
#menuGauche .page-sidebar .sidebar-menu ul li.open.databaseSection ul li:nth-child(8) {
    background-image:url("/common/images/icon_print.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.databaseSection ul li:nth-child(5) {
    background-image:url("/common/images/icon_car.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.databaseSection ul li:nth-child(6) {
    background-image:url("/common/images/icon_watch.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.databaseSection ul li:nth-child(7) {
    background-image:url("/common/images/icon_shoe.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.statesSection ul li, #menuGauche .page-sidebar .sidebar-menu ul li.open.statesSection ul li:hover {
    background-image:url("/common/images/icon_listsearch.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.settingsSection ul li:nth-child(1) {
    background-image:url("/common/images/icon_type.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.settingsSection ul li:nth-child(2) {
    background-image:url("/common/images/icon_li_location.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.settingsSection ul li:nth-child(3) {
    background-image:url("/common/images/icon_brand.png");
}

#menuGauche .page-sidebar .sidebar-menu ul li.open.settingsSection ul li:nth-child(4) {
    background-image:url("/common/images/icon_material.png");
}

/* Icons menu end */

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li:hover,
#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li:active {
    background-image:url("/common/images/icon_book_active.png");
}

ul.sub-menu-etat {
    max-height:206px !important;
    overflow:auto;
}

ul.sub-menu {
    max-height:270px;
    overflow:auto;
}

.sidebar-menu ul li div {
    width:100%;
    height:50px;
    line-height:50px;
    float:left;
}

.sidebar-menu ul li div .title {
    margin-left:0.4em;
    color:#8b8b8b;
    font-weight:500;
}

#menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
    margin-bottom:0px;
}

/* END MENU */

/* START SELECTIZE */

.selectize-control .selectize-input, .selectize-control .selectize-input.input-active,
.selectize-control .selectize-input.focus {
    width:100%;
    box-shadow:none;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    height:35px;
    line-height:0px;
    padding:0px;
    padding-left:1.0em;
    padding-right:1.0em;
}

/* END SELECTIZE */



/****************/
/* START PARAMS */
/****************/

#wrapper .col {
    padding:0px;
    margin-bottom:1.5em;
}

#wrapper .col h1 {
    margin:0;
    width:60%;
}

#wrapper .col select, #wrapper .col button {
    height:35px;
    line-height:35px;
    border:none;
}

#wrapper .col select {
    padding-left:0.5em; 
}

#wrapper .dataTables_wrapper {
    background-color:#ffffff;
    padding:20px;
}

#wrapper .col, #wrapper .new_parameter_form {
    width:100%;
    float:left;
}

#wrapper .new_parameter_form {
    background-color:#ffffff;
    padding:20px;
}

#wrapper .new_parameter_form div:first-child {
    width:95%;
}

#wrapper .new_parameter_form div:last-child {
    width:5%;
}

#wrapper .col input {
    width:98%;
    border:1px solid #eaeaea;
    padding-left:1.0em;
    padding-right:0.5em;
    height:35px;
    line-height:35px;
}

#wrapper .col #add-label {
    background-color:#ececec;
}

#wrapper .new_parameter_form div {
    margin-bottom:0px;
    padding-bottom:1.5em;
    border-bottom:1px solid #eaeaea;
}

#wrapper .dataTables_filter input {
    border:1px solid #eaeaea;
    font-weight:normal;
    padding-left:0.8em;
}

#wrapper .dataTables_info {
    margin:0;
    padding:0;
    margin-top:1.5em;
}

#dt_basic {
    margin-top:1.0em;
    float:left;
}

#dt_basic tr {
    cursor:pointer;
}

#dt_basic thead {
    display:none;
}

#wrapper table.dataTable.display tbody tr.odd:hover,
#wrapper table.dataTable.display tbody tr.even:hover {
    background-color:#f9f9f9;
}

#wrapper table.dataTable.display tbody tr.odd > .sorting_1,
#wrapper table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
#wrapper table.dataTable.stripe tbody tr.odd, 
#wrapper table.dataTable.display tbody tr.odd,
#wrapper table.dataTable.display tbody tr.even > .sorting_1,
#wrapper table.dataTable.order-column.stripe tbody tr.even > .sorting_1{
    background-color:inherit;
}

#wrapper .row, #wrapper .row h1 {
    margin:0;
}

#wrapper .row h1 {
    font-size:25px;
    font-weight:bold;
}

#wrapper .row {
/*    margin-bottom:1.0em;*/
}

#wrapper table.dataTable.no-footer {
    border-color:#dddddd;
}

#wrapper table.dataTable.display tbody tr td {
    margin-left:2.0em;
    text-align:left;
}

#wrapper table.dataTable.display tbody tr td.sorting_1 {
    text-align:left;
}

#wrapper table.dataTable.display tbody tr td button {
    margin-left:0.5em;
    width:30px;
    height:30px;
    padding:6px;
    border:1px solid #dddddd;
}

#wrapper table.dataTable.display tr td .edit_row input {
    width:90%;
    border:1px solid #ececec;
    height:30px;
    line-height:30px;
    padding-left:0.8em;
}


/* Pagination */

.dataTables_paginate.paging_simple_numbers a {
    font-size: 13px;
}

.dataTables_paginate.paging_simple_numbers a.paginate_button:hover,
.dataTables_paginate.paging_simple_numbers a.paginate_button.next:hover{
    border-color:#ffffff;
}

.dataTables_paginate.paging_simple_numbers .paginate_button {
    border:none;
    margin:0;
}

#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button {
    padding: 0.2em 0.6em;
    margin:0;
    height:30px;
    line-height:22px;
}

#wrapper .dataTables_paginate.paging_simple_numbers {
    padding-top:0.6em;
}

#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current,
#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current:hover,
#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button:hover {
    background:inherit;
}

#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current,
#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current:hover {
    background-color:#323232;
    border-color:#ffffff;
}

#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.next,
#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.previous {
    color:#323232 !important;
    padding-left: 20px;
    padding-right:20px;
    margin-left:10px;
    margin-right:10px;
    background-repeat:no-repeat;
    font-weight:bold;
}

#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.next,
#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.previous,
#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button {
    box-shadow:none;
}

#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.next {
    background-image:url("/common/images/arrow_next.png");
    background-position:center left;
    padding-right:0;
}

#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.previous {
    background-image:url("/common/images/arrow_previous.png");
    background-position:center right;
}

#wrapper .dataTables_paginate.paging_simple_numbers .paginate_button {
    color:#b4b4b4 !important;
    font-weight:bold;
}

#wrapper .dataTables_paginate.paging_simple_numbers .dataTables_paginate {
    padding-top:1.2em;
    padding-bottom:1.2em;
}

/* Others */

#oeuvre-fiche > .titre #titre h1 span.titre_auteur {
    font-weight:normal;
}

#oeuvre-fiche > .titre #titre h1 span.titre_datation {
    font-weight:normal;
    color:#8b8b8b;
}

#oeuvre-liste #recherche_fulltext_mobile, #oeuvre-liste #recherche_avancee_mobile {
    display:none;
}

/*********************/
/* Responsive Mobile */
/*********************/

/* Mobile portrait */
@media screen 
and (min-device-width: 320px)
and (max-device-width: 738px)
and (orientation : portrait)
, screen 
and (min-device-width: 320px)
and (max-device-width: 738px)
and (orientation : landscape)
, screen 
and (min-device-width: 720px)
and (max-device-width: 1280px)
and (orientation : portrait)
{

    /* Menu */

    body.dashboard nav.page-sidebar {
        width:100%;
        z-index:9999;
    }

    body.dashboard nav.page-sidebar .sidebar-header {
        height:120px;
    }

    body.dashboard nav.page-sidebar .sidebar-header a img {
        width:250px;
        margin-top:1.5em;
        margin-left:1.0em;
    }

    body.dashboard ul li.databaseSection div a .title,
    body.dashboard ul li.statesSection div .title, 
    body.dashboard ul li.settingsSection div .title,
    body.dashboard nav.page-sidebar .sidebar-menu ul li ul.sub-menu li a {
        font-size:3.5em;
        line-height:2.0em;
    }

    body.dashboard ul li.databaseSection div a .title,
    body.dashboard ul li.statesSection div .title, 
    body.dashboard ul li.settingsSection div .title {
        display:block;
        margin-top:0.8em;
        margin-bottom:0.8em;
        height:60px;
    }

    body.dashboard ul li.databaseSection div a .title,
    body.dashboard ul li.statesSection div .title, 
    body.dashboard ul li.settingsSection div .title,
    body.dashboard ul li div span {
        float:left;
        line-height:70px;
        color:#ababab;
    }

    body.dashboard ul li.databaseSection div,
    body.dashboard ul li.statesSection div {
        height:150px;
    } 

    body.dashboard nav.page-sidebar {
        overflow:auto;
    }

    body.dashboard nav.page-sidebar .sidebar-menu ul li ul.sub-menu li {
        padding-top:1.0em;
        padding-bottom:1.0em;
        height:40px;
        line-height:2.0em;
        display:table;
    }

    body.dashboard nav.page-sidebar .sidebar-menu ul {
        height:auto;
        overflow:auto;
    }

    ul.sub-menu {
        max-height:800px;
    }

    .page-sidebar #user {
        height:180px;
    }

    .page-sidebar #user div span {
        font-size:3.0em;
        margin-left:2.0em;
    }

    .page-sidebar #user div img {
        width:100px;
        height:auto;
        margin-top:1.0em;
    }


    .page-sidebar .sidebar-menu .menu-items li div img {
        width:50px;
        margin-top:3.0em;
        margin-right:2.0em;
    }

    #menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
        background-size:50px;
        padding-left:4.0em;
    }

    .page-sidebar .sidebar-menu .menu-items li {
        width:auto;
    }

    #menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
        width:90%;
    }

    #menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.menu_bdd > li.sub-menu-item:hover A,
    #menuGauche .page-sidebar .sidebar-menu .menu-items > li ul.menu_bdd > li.sub-menu-item:active A {
        background-size:70px;
        height:auto;
        background-image:none;
    }

    /* General */
    
    body.identification #mainContent {
        padding-left:0px;
    }

    .btn-link.toggle-sidebar {
        padding:0px;
        background-color:#ffffff;
    }

    .btn-link.toggle-sidebar span {
        width:90px;
        height:90px;
        background-image:url("/common/images/menu_list.png");
        background-repeat:no-repeat;
        background-size:100%;
        background-position:top center;
        margin:0px;
    }

    #menuGauche > nav.page-sidebar.visible .sidebar-header .sm-action-bar.open_menu {
        margin-left:83%;
    }

    body.dashboard .sidebar-menu ul.menu-items li.settingsSection {
        display:none;
    }

    /* Login */
    body.identification #container {
        background-image:url("/common/images/bg_login_mobile.jpg");
        height:inherit;
        background-position:right top -5.0em;
    } 

    body #mainContent {
        width:100%;
        text-align:center;
    }
    
    #mainContent #contentLeft img {
        width:60%;
        margin-top:2.0em;
    }
    
    #mainContent #contentLeft h1 {
        margin-top:2.0em;
    }

    #mainContent #contentLeft {
        width:90%;
        padding-left:5%;
        padding-right:5%;
        text-align:center;
        margin:auto;
        padding-top:5em;
    }
    
    #mainContent #contentLeft .flash-error {
        margin-top:2.0em;
    }
    
    #identifiant-error {
        color:#B40A1E;
    }

    body #mainContent P {
        position:fixed;
        bottom:0.5em;
    }

    body footer {
        padding-left:1.5em;
        height:80px;
    }

    body footer p {
        font-size:2.8em !important;
        padding-top:1.0em;
        padding-bottom:2.0em;
    }

    .header {
        -moz-box-shadow: 0px 0px 5px 0px #656565;
        -webkit-box-shadow: 0px 0px 5px 0px #656565;
        -o-box-shadow: 0px 0px 5px 0px #656565;
        box-shadow: 0px 0px 5px 0px #656565;
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
    }

    /* List */

    #recherche_fulltext_mobile, #recherche_avancee_mobile {
        display:block;
        width:220px;
        height:100px;
        line-height:80px;
        font-size:3.5em;
        z-index:999;
        background-color:#f5f5f5;
    }

    #recherche_fulltext_mobile.active, #recherche_avancee_mobile.active {
        background-color:#282828;
        color:#ffffff;
        opacity:1.0;
    }

    #recherche form a {
        display:none;
    }

    #oeuvre-liste #recherche {
        position:relative;
    }

    #oeuvre-liste #recherche_fulltext_mobile, #oeuvre-liste #recherche_avancee_mobile {
        display:block;
        position:absolute;
        top:110px;
    }

    #oeuvre-liste #recherche_fulltext_mobile {
        right:3.5%;
    }

    #oeuvre-liste #recherche_avancee_mobile {
        right:28%;
    }

    body div.page-container {
        padding-left:0px;
    }

    body .header {
        height:120px;
        z-index:9999;
    }

    .page-container .header .brand img {
        width:250px;
        margin-top:1.0em;
    }

    .btn-link.toggle-sidebar {
        width:80px;
        height:80px;
        margin-left:1.0em;
    }

    .page-sidebar {
        left:0px !important;
    }

    body.menu-pin div.page-container {
        padding-left:0px;
    }

    body #wrapper {
        margin-top:8.0em;
    }

    #recherche .btn_dark, #recherche div.titre .btn_middle.white {
        display:none;
    }

    body.menu-pin #menuGauche .page-sidebar {
        transform: translate(0px, 0) !important;
    }

    #wrapper .titre H1 {
        width:100%;
        font-size:5.0em;
        float:left;
        display:inline;
        margin-bottom:0.5em;
    }

    #wrapper .titre H1 > .recordsTotal {
        font-size:1.0em;
        float:left;
        width:auto;
        display:inline;
    }

    #tableau_recherche_wrapper #tableau_recherche tr th,
    #tableau_recherche_wrapper #tableau_recherche tr td {
        font-size:3.0em;
        line-height:100px;
    }

    #recherche form h2, #oeuvre-liste #etats h2 {
        width:100%;
        font-size:4.0em;
        margin:0.5em;
        margin-bottom:1.2em;
    }

    #oeuvre-liste #etats h2 {
        background-size:40px;
    }

    #tableau_recherche {
        margin-bottom:2.0em;
    }

    #tableau_recherche_length label, #tableau_recherche_paginate a {
        font-size:2.5em;
        padding-top:1.0em;
    }

    .dataTables_paginate.paging_simple_numbers a {
        height:100px;
        line-height:100px;
    }

    #tableau_recherche_paginate.dataTables_paginate.paging_simple_numbers, #tableau_recherche_length {
        width:100%;
        text-align:center;
    }

    #tableau_recherche_wrapper #tableau_recherche_paginate.dataTables_paginate.paging_simple_numbers span a {
        height:100px;
        line-height:80px;
    }
    
    #tableSearch #tableau_recherche_wrapper #tableau_recherche thead th DIV.fleche {
        background-size:60px;
        width:50px;
        height:100px;
    }

    #recherche form input {
        width:96%;
        height:80px;
        margin-bottom:1.0em;
        border:2px solid #dcdcdc;
        background-size:40px;
    }

    /*#recherche #recherche_full input {
        margin-top:2.0em;
    }*/
    
    #recherche #recherche_full #full_text {
        font-size:3.0em;
        width:95%;
        margin-left:0.6em !important;
        height:130px;
    }
    
    #recherche #recherche_full {
        position:relative;
    }
    
    #recherche #recherche_full input.submit_full_text {
        width:80px;
        border:none;
        background-color:transparent;
        position:absolute;
        right:50px;
        top:160px;
        z-index:999;
    }

    #etats #load_etat select, #oeuvre-liste #etats div #libelle_etat {
        width:60%;
        margin-bottom:0.5em;
        margin-left:0.5em;
    }
    
    #etats #load_etat select {
        width:75%;
    }

    #etats #load_etat select, #etats #load_etat button, #etats #load_etat .btn_dark,
    #etats div #valider_etat, #etats div #annuler_etat, #oeuvre-liste #etats div #libelle_etat {
        height:70px;
    }

    #etats #load_etat .btn_dark, #etats #load_etat select,
    #etats div #valider_etat, #etats div #annuler_etat, #oeuvre-liste #etats div #libelle_etat {
        line-height:70px;
        font-size:2.0em;
        font-weight:normal;
    }

    #etats #load_etat .btn_dark {
        margin-right:0.5em;
    }

    #etats #load_etat button {
        width:80px;
        border:2px solid #dcdcdc;
    }
    
    #etats #load_etat button img {
        width:40px;
    }
    
    #etats #load_etat .btn_dark {
        width:30%;
        float:left;
        font-size:3.0em;
        margin-top:0.3em;
        margin-left:0.5em;
        text-align:center;
        margin-bottom:0.3em;
    }

    #recherche #champs_generaux {
        float:left;
    }

    /* Advanced research filters */

    #form_recherche #champs_generaux {
        padding-left:1.0em;
        padding-right:1.0em;
    }

    #form_recherche #champs_generaux #left,
    #form_recherche #champs_generaux #middle,
    #form_recherche #champs_generaux #right {
        width:100%;
    }

    #form_recherche #champs_generaux #left div input,
    #form_recherche #champs_generaux #middle div input,
    #form_recherche #champs_generaux #right div input {
        border:2px solid #dcdcdc;
        height:100px;
        font-size:3.0em;
        line-height:100px;
        margin-bottom:30px;
    }

    #form_recherche #champs_generaux div .moitie label {
        font-size:3.0em;
    }
    
    #wrapper #form_recherche #champs_generaux #middle > DIV.moitie.colonne > div {
        width:100% !important;
        margin:0 !important;
    }

    #form_recherche #champs_generaux div .moitie div .choix.last {
        margin-left:3.0em;
    }

    #form_recherche #champs_generaux div .moitie {
        width:100%;
    }

    #form_recherche #champs_generaux > div.first-child .moitie:first-child {
        border-top:none;
    }
    
    #form_recherche h2 span, #recherche_full h2 span {
        display:none;
    }
    
    #champs_generaux DIV.moitie.colonne > div {
        width:100%;
        margin-right:0%;
    }
    
    #champs_generaux .borderBottom {
        border-bottom:1px solid #cdcdcd;
    }
    
    #recherche #form_recherche UL LI {
        width:100%;
        height:100px;
        margin-bottom:1.0em;
        height:100px;
        line-height:100px;
    }
    
    #recherche #form_recherche UL LI a {
        background-size:50px;
        padding-left:6.0em;
        height:100px;
        line-height:100px;
    }
    
    #wrapper #recherche #form_recherche #champs_generaux #middle div > select#localisation,
    #wrapper #recherche #form_recherche #champs_generaux #middle div > span.select2.select2-container,
    .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered,
    #wrapper #recherche .select2.select2-container .selection .select2-selection.select2-selection--single {
        height:100px;
        line-height:100px;
    }
    
    /*#wrapper #recherche .select2.select2-container span.select2-selection__arrow*/
    #wrapper #recherche .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width:80px;
        height:100px;
        right:50px !important;
        top:20px;
        border-width:40px 25px 0 25px;
    }
    
    #wrapper #recherche .select2-container--default .select2-selection--single .select2-selection__arrow {
        right:60px;
    }
    
    #wrapper #recherche .select2.select2-container span.select2-selection__arrow b {
        width:50px;
        height:50px;
    }
    
    #wrapper #recherche #form_recherche #champs_generaux #middle div > select#localisation,
    #wrapper #recherche #form_recherche #champs_generaux #middle div > span.select2.select2-container,
    .select2.select2-container .selection .select2-selection.select2-selection--single .select2-selection__rendered {
        font-size:4.0em;
    }
            
    #recherche #form_recherche UL LI a label, #form_recherche .bas_recherche button {
        font-size:4.0em;
        height:100px;
        line-height:80px;
    }
    
    #recherche #form_recherche UL LI a input,
    #recherche #form_recherche .bloc_categorie .champ_supplementaire div input[type="checkbox"],
    #form_recherche .bloc_categorie .champ_supplementaire div input[type="checkbox"] {
        width:60px;
        height:60px;
    }
    
    /* Champs supp. */
    
    #wrapper #oeuvre-liste #form_recherche div {
        float:none;
    }
    
    #wrapper #oeuvre-liste #form_recherche div.clear {
        display:none;
    }
    
    #form_recherche .bloc_categorie div, #form_recherche .bloc_categorie .champ_supplementaire div input {
        width:100%;
        margin-right:0;
    }
    
    #form_recherche .bloc_categorie .categorie_select img {
        width:40px;
    }
    
    #form_recherche .bloc_categorie .categorie_select {
        margin-bottom:1.0em;
    }
    
    #form_recherche .bloc_categorie div select, #form_recherche .bas_recherche,
    #form_recherche .bloc_categorie .categorie_select,
    #form_recherche .bloc_categorie .champ_supplementaire div select,
    #form_recherche .bloc_categorie .champ_supplementaire div input {
        height:100px;
        line-height:100px;
    }
    
    #form_recherche .bloc_categorie .champ_supplementaire div input {
        margin-bottom:0.3em;
    }
    
    #form_recherche .bloc_categorie div select,
    #form_recherche .bloc_categorie .categorie_select span,
    #form_recherche .bloc_categorie .champ_supplementaire div select,
    #form_recherche .bloc_categorie .champ_supplementaire div input,
    #form_recherche .bloc_categorie .champ_supplementaire div label {
        font-size:3.0em;
    }
    
    #form_recherche .bloc_categorie .categorie_select {
        line-height:100px;
    }
    
    #form_recherche .bas_recherche button {
        padding-left:1.0em;
        padding-right:1.0em;
    }

    /* Table */

    .datatable-btn-option, .dt-buttons {
        display:none;
    }

    #tableSearch #tableau_recherche_wrapper #tableau_recherche tr th {
        background-size:60px;
    }

    #tableSearch #tableau_recherche_wrapper #tableau_recherche tr td img {
        width:60px;
    }
    
    /* Class taille th start */
    
    #tableSearch #tableau_recherche_wrapper th {
        font-size:3.0em;
    }
    
    #tableSearch #tableau_recherche_wrapper .th_localisation,
    #tableSearch #tableau_recherche_wrapper .th_est_neuf {
        width:400px !important;
    }

    #tableSearch #tableau_recherche_wrapper .th_id,
    #tableSearch #tableau_recherche_wrapper .th_categorie,
    #tableSearch #tableau_recherche_wrapper .th_frais_adjudication,
    #tableSearch #tableau_recherche_wrapper .th_vendeur,
    #tableSearch #tableau_recherche_wrapper .th_categorie,
    #tableSearch #tableau_recherche_wrapper .th_titre,
    #tableSearch #tableau_recherche_wrapper .th_artiste,
    #tableSearch #tableau_recherche_wrapper .th_auteur,
    #tableSearch #tableau_recherche_wrapper .th_commentaires,
    #tableSearch #tableau_recherche_wrapper .th_dscriptif,
    #tableSearch #tableau_recherche_wrapper .th_vendeur {
        width:350px !important;
    }

    #tableSearch #tableau_recherche_wrapper .th_prix_achat,
    #tableSearch #tableau_recherche_wrapper .th_prix_marchand,
    #tableSearch #tableau_recherche_wrapper .th_date_achat,
    #tableSearch #tableau_recherche_wrapper .th_frais_conservation,
    #tableSearch #tableau_recherche_wrapper .th_estimation ,
    #tableSearch #tableau_recherche_wrapper .th_prix_vente,
    #tableSearch #tableau_recherche_wrapper .th_editeur,
    #tableSearch #tableau_recherche_wrapper .th_imprimeur,
    #tableSearch #tableau_recherche_wrapper .th_marque,
    #tableSearch #tableau_recherche_wrapper .th_localisation {
        width:300px !important;
    }

    #tableSearch #tableau_recherche_wrapper .th_genre,
    #tableSearch #tableau_recherche_wrapper .th_datation,
    #tableSearch #tableau_recherche_wrapper .th_numero_lot,
    #tableSearch #tableau_recherche_wrapper .th_etat,
    #tableSearch #tableau_recherche_wrapper .th_nombreVolumes,
    #tableSearch #tableau_recherche_wrapper .th_format,
    #tableSearch #tableau_recherche_wrapper .th_reliure,
    #tableSearch #tableau_recherche_wrapper .th_numeroExemplaire,
    #tableSearch #tableau_recherche_wrapper .th_totalExemplaires,
    #tableSearch #tableau_recherche_wrapper .th_dimensions,
    #tableSearch #tableau_recherche_wrapper .th_encadrement,
    #tableSearch #tableau_recherche_wrapper .th_numeroMaitreAffiche,
    #tableSearch #tableau_recherche_wrapper .th_entoilage,
    #tableSearch #tableau_recherche_wrapper .th_modele,
    #tableSearch #tableau_recherche_wrapper .th_reference,
    #tableSearch #tableau_recherche_wrapper .th_matiere,
    #tableSearch #tableau_recherche_wrapper .th_serieLimitee,
    #tableSearch #tableau_recherche_wrapper .th_numeroBoite,
    #tableSearch #tableau_recherche_wrapper .th_numeroMouvement,
    #tableSearch #tableau_recherche_wrapper .th_est_neuf,
    #tableSearch #tableau_recherche_wrapper .th_frais_adjudication {
        width:250px !important;
    }

    #tableSearch #tableau_recherche_wrapper .th_photo,
    #tableSearch #tableau_recherche_wrapper .th_judaica,
    #tableSearch #tableau_recherche_wrapper .th_id,
    #tableSearch #tableau_recherche_wrapper .th_inventorie {
        width:180px !important;
    }
    
    /* Class taille th end */

    /* Detail */

    #wrapper #oeuvre-fiche div {
        width:100%;
    }

    #wrapper #oeuvre-fiche .titre #titre h1 {
        width:85%;
        float:right;
        font-size:2.0em;
        margin-left:0em;
    }

    #oeuvre-fiche .btn_middle.blanc {
        display:none;
    }

    #oeuvre-fiche a#return-result {
        width:10%;
        float:left;
        height:140px;
        font-size:0px;
        display:block;
        padding-top:50px;
        text-align:center;
    }

    #oeuvre-fiche a#return-result img {
        width:60%;
        line-height:50%;
        padding-top:2.0em;
    }

    #oeuvre-fiche div span, #oeuvre-fiche div div span,
    #oeuvre-fiche #frais .tableau_frais > div,
    #oeuvre-fiche #documents > div {
        font-size:3.2em;
        line-height:1.5em;
    }

    #oeuvre-fiche > .titre #titre h1, #oeuvre-fiche > .titre #titre h1 span {
        line-height:1.0em;
    }

    #oeuvre-fiche .half #documents div ul span i {
        font-size:0.3em;
        line-height:0.6em;
    }

    #oeuvre-fiche #achat .prix_date div span:last-child, #oeuvre-fiche #achat .prix_date div span.last {
        margin-left:1.0em;
        line-height:2.0em;
    }

    #wrapper #oeuvre-fiche div.full .alignement .gauche {
        width:50%;
    }

    #wrapper #oeuvre-fiche div.full .alignement .droite {
        width:50%;
    }
    
    #wrapper #oeuvre-fiche #detail_oeuvre.full #titre.alignement .gauche,
    #wrapper #oeuvre-fiche #detail_oeuvre.full #titre.alignement .droite,
    #wrapper #oeuvre-fiche #detail_oeuvre.full #numeroMaitreAffiche.alignement .gauche,
    #wrapper #oeuvre-fiche #detail_oeuvre.full #numeroMaitreAffiche.alignement .droite {
        width:95%;
    }

    #wrapper #oeuvre-fiche .alignement span img, #wrapper #oeuvre-fiche .half div div span img,
    #wrapper #oeuvre-fiche .half div div img {
        width:50px;
    }
    
    #wrapper #oeuvre-fiche .alignement .droite .num_inventaire_hidden {
        display:none;
    }

    #wrapper #achat .infos_supp .colonne div {
        font-size:3.0em;
        line-height:2.0em;
    }

    #wrapper #achat .infos_supp .colonne div span,
    #oeuvre-fiche #documents div ul li span, #oeuvre-fiche #documents div ul li div {
        font-size:1.0em;
        line-height:1.2em;
    }

    #oeuvre-fiche #frais .tableau_frais table tr td {
        font-size:3.0em;
        line-height:1.2em;
    }

    #oeuvre-fiche #frais .tableau_frais table tr td span {
        font-size:1.0em;
    }

    #oeuvre-fiche #documents div ul li {
        display:inline-block;
        width:100%;
    }

    #oeuvre-fiche #documents div ul li div {
        font-weight:normal;
    }

    #wrapper #oeuvre-fiche #documents div ul li div {
        width:50%;
    }

    #oeuvre-fiche #documents div ul li div, #oeuvre-fiche #documents div ul li span {
        float:left;
    }

    #wrapper #visuels div {
        text-align:center;
    }
    
    /* Recherche */
    
    #form_recherche #container_recherche {
        padding-left:1.5em;
        padding-right:1.5em;
        margin:0;
    }
    
    #form_recherche #container_recherche > img {
        width:70%;
        margin-bottom:8.0em;
    }
    
    #form_recherche #container_recherche input {
        width:100%;
        line-height:100px;
        margin:auto;
        height:100px;
        font-size:3.5em;
        background-size:60px;
        margin-bottom:1.0em;
    }
    
    #form_recherche #container_recherche div button {
        font-size:3.5em;
        background-color:#323232;
        color:#ffffff;
        padding:0.5em;
        padding-left:1.5em;
        padding-right:1.5em;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        margin-left:15%;
    }
}

/* Mobile landscape */
@media screen 
and (min-device-width: 320px)
and (max-device-width: 738px)
and (orientation : landscape)
{
    
    body.identification #wrapper #mainContent #contentLeft img {
        width:30%;
    }
    
    body.identification #wrapper #mainContent #contentLeft {
        margin-top:-5em;
    }
    
    body.identification #container {
        background-size:70%;
        background-position:right top -4.0em;
    } 
    
}

/*********************/
/* Responsive Tablet */
/*********************/

/* Tablet portrait */
@media only screen 
and (min-device-width: 720px)
and (max-device-width: 1280px)
and (orientation : portrait)
{
    
    body.identification #wrapper #mainContent #contentLeft img {
        width:40%;
    }
    
    body.identification #wrapper #mainContent #contentLeft {
        padding-top:25.0em;
    }
}

/* Tablet lanscape */
@media only screen 
and (min-device-width: 720px)
and (max-device-width: 1280px)
and (orientation : landscape)
{
    
    BODY.menu-pin > #menuGauche nav.page-sidebar {
        display:block;
        z-index:9999;
        /*transform:translate(0px, 0px) !important;*/
    }
    
    BODY.menu-pin > #menuGauche > nav.page-sidebar .sidebar-menu {
        overflow:auto !important;
    }
    
    BODY.menu-pin > #menuGauche > nav.page-sidebar .sidebar-menu ul.menu-items {
        height:auto;
    }
    
    BODY.menu-pin > #menuGauche > nav.page-sidebar .sidebar-menu ul.menu-items .settingsSection ul {
        padding-bottom:30px;
    }
    
    BODY.menu-pin > #menuGauche > nav.page-sidebar .sidebar-header a img {
        margin-top:0.5em;
    }
    
    .page-container .header .pull-left .header-inner .brand, .page-container .header .pull-left.sm-table {
        display:none !important;
    }
    
    .page-container .header .pull-right .visible-lg {
        display:block !important;
        margin-right:0.8em;
    }
    
    #recherche_full #full_text {
        width:40%;
    }
    
    #form_recherche #champs_generaux #right .moitie {
        width:47%;
    }
    
    #form_recherche .bloc_categorie .genre {
        width:67.5%;
    }
    
    #wrapper #form_recherche ul li {
        width:30.5%;
        margin-left:0.5em;
        margin-bottom:1.0em;
    }
    
    #form_recherche div.bloc_categorie_3 .champ_supplementaire div, #form_recherche div.bloc_categorie_5 .champ_supplementaire div {
        width:30.6%;
    }
    
    #form_recherche .bloc_categorie .champ_supplementaire div, #form_recherche .bloc_categorie .champ_supplementaire .marge_haut div {
        width:22.7%;
    }
    
    #form_recherche .bloc_categorie .champ_supplementaire .fullBlock {
        width:100%;
    }
    
    #wrapper #etats #id_etat, #wrapper #etats div #libelle_etat {
        width:56%;
    }
    
    body #wrapper .row h1, body #wrapper .row button.add-parameter {
        margin-top:0px !important;
    }
    
    body footer p {
        margin-bottom:1.5em;;
    }
    
    body.identification #container {
        height:auto;
    }
    
    body.identification #container #contentLeft {
        padding-bottom:16em;
    }
    
    #recherche_full {
        position:relative;
    }
    
    #recherche_full input.submit_full_text {
        top:15px !important;
        position:absolute;
        z-index:999;
    }
    
    #wrapper #oeuvre-fiche #detail_oeuvre.full #titre.alignement .gauche,
    #wrapper #oeuvre-fiche #detail_oeuvre.full #titre.alignement .droite {
        width:40%;
    }
    
    #wrapper #oeuvre-fiche #detail_oeuvre.full #numeroMaitreAffiche.alignement .gauche,
    #wrapper #oeuvre-fiche #detail_oeuvre.full #numeroMaitreAffiche.alignement .droite {
        width:60%;
    }
    
}