@media all {
    body {
        font-family: Verdana, Arial, Helvetica, 'DejaVu Sans', sans-serif;
        font-size: 62%;
    }
    #environment {
        opacity: 0.8;
        position: fixed;
        font-weight: bold;
        top: 100px;
        min-width: 200px;
        text-align: center;
        -moz-transform: rotate(-50deg);
        -moz-transform-origin: bottom left;
        -webkit-transform: rotate(-50deg);
        -webkit-transform-origin: bottom left;
        -ms-transform: rotate(-50deg);
        -ms-transform-origin: bottom left;
        color: #FFF;
        padding: 0.1em;
        z-index: 2;
    }
    #environment.local {
        background-color: pink;
    }
    #environment.dev {
        background-color: #90EE90;
    }
    #environment.test {
        background-color: #FFA500;
    }
    #environment.acc {
        background-color: red;
    }
    #environment :first-child {
        font-size: 200%;
    }
    #environment :last-child {
        font-size: 80%;
    }
    .layout-content {
        margin-left: 0 !important;
    }
    .layout-body {
        min-height: 300px;
    }
    a {
        text-decoration: none;
    }
    h2 {
        font-size: 140%;
        line-height: 1.3em;
        font-weight: bold;
        color: #074B8C;
    }
    h3 {
        font-size: 120%;
        line-height: 1.5em;
    }
    .page-title {
        color: #999;
        font-size: 160%;
    }
    .layout-content {
        margin-left: 0;
    }
    /*panels */
    .panel {
        z-index: 1010;
        padding: 1px;
        white-space: normal;
        background-color: #ffffff;
        border: 1px solid #ccc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }
    .panel p {
        margin: 0;
    }
    .panel-title {
        padding: 8px 14px;
        margin: -1px;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }
    .panel-content {
        padding: 9px 14px;
    }
    .panel h2 {
        font-size: 20px;
        line-height: 1.5em;
        font-weight: bold;
    }
    .panel h3 {
        font-size: 120%;
        line-height: 1em;
        font-weight: bold;
    }
    .panel.alert {
        border: solid 1px #FCF8E3;
    }
    .panel.alert .panel-title {
        background-color: #FCF8E3;
    }
    .panel.alert-error {
        border: solid 1px #F2DEDE;
    }
    .panel.alert-error .panel-title {
        background-color: #F2DEDE;
    }
    .panel.alert-success {
        border: solid 1px #DFF0D8;
    }
    .panel.alert-success .panel-title {
        background-color: #DFF0D8;
    }
    .panel.alert-info {
        border: solid 1px #D9EDF7;
    }
    .panel.alert-info .panel-title {
        background-color: #D9EDF7;
    }
    .table tbody tr.sub-header > td {
        background-color: #C0DBF0;
    }
    .highlight {
        border: dashed 3px #0065A2;
    }
    .document-metadata {
        display: block;
        margin-left: 1em;
    }
    .layout-content {
        padding: 7px;
    }
    .title1-box-skeu {
        background: url("../images/back_titre.gif") no-repeat scroll right bottom #FFFFFF;
    }
    .title1-box {
        border: 1px solid #B1B6B2;
        padding: 0.5em;
    }
    .title2-box-skeu {
        background: url("../images/gradient1.jpg") no-repeat scroll right bottom #FFFFFF;
    }
    .title2-box {
        min-height: 32px;
        vertical-align: baseline;
        margin-top: 2px;
    }
    .title2-box h2 {
        font-size: 13px;
        font-family: Verdana, ​Arial, ​Helvetica, ​​sans-serif, serif !important;
        font-weight: bold;
        margin-left: 10px;
    }
    input.input-no-bootstrap {
        height: 17px;
        padding: 0 0;
        margin-bottom: 0;
        font-size: 12px;
        line-height: 10px;
        color: #555555;
        vertical-align: middle;
        width: 150px;
    }
    #additional-tools {
        position: static;
    }
    #document-keywords {
        margin-top: 10px;
    }
    #document-keywords li {
        border-bottom: dashed 1px #B1B6B2;
        background: none;
        list-style-image: url(../images/right-arrow.png);
        font-size: 95%;
    }
    #document-keywords li:first-child {
        margin-top: 5px;
    }
    .right-hand-box {
        border: 1px solid #B1B6B2;
        padding: 3px;
    }
    .form-inline {
        margin: 0;
        padding-top: 5px;
    }
    div.social-links:not(:last-child) {
        margin: 0 0 25px 0;
    }
    .imageField {
        border: 0;
    }
    #additional-tools li {
        margin-top: 5px;
    }
    .img-16 {
        width: 16px;
        height: 16px;
    }
    #social-media-mobile {
        display: none;
    }
    .layout-footer {
        color: #666;
        font-size: 95%;
    }
    .light-label {
        color: #666;
        font-size: 95%;
    }
    #embedDocumentBox {
        width:100%;
        height: auto;
        display: none;
        background: #FFF;
    }
    #embedDocumentBox textarea {
        width:100%;
        font-family: Consolas, "Courier New", Courier, serif;
        font-weight: bold;
        font-size: 11px;
        line-height: 17px;
        border: none;
        background-color: white;
        height: 50px;
    }
    #embedDocumentBox textarea:focus {
        box-shadow: none;
    }
    #search-box-mobile{
        display: none;
    }
}

@media all and (max-width: 979px) {
    /* TABLET */
    h2 {
        font-size: 180%;
    }
    .js .layout-wrapper {
        width: 100%;
    }
    .title2-box-skeu {
        background: none;
    }
    .title1-box {
        font-size: 70%;
    }
    .table.main {
        font-size: 90%;
    }
    #accessibility-menu li {
        display: none !important;
    }
    #social-media-mobile {
        display: block;
        position: fixed;
        right: 0;
        /*top: 175px;*/
        top: 195px;
    }
    #social-media-mobile li {
        margin-top: 2px;
        opacity: .6;
    }
    .layout-body {
        min-height: 0;
    }
    .layout-footer {
        color: #FFF;
        font-size: 100%;
    }
    .layout-footer a {
        color: #FFF;
    }
    .light-label {
        font-size: 12px;
    }
    #search-box-mobile{
        display: block;
    }
}

@media print {
    #social-media-mobile {
        display: none;
    }
}