/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "utf-8";

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    height: 27px;
    width: 69px;
}

.gsc-result-info {
    text-align: left;
    color: #434a54;
    font-size: 12px;
    padding-left: 8px;
    margin: 10px 0 10px 0;
}

.gsc-input-box {
    height: 32px;
}

.gs-result .gs-title, .gs-result .gs-title * {
    color: #428bca;
    font-weight: bold;
    text-decoration: none;
    /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    color: #428bca;
    text-decoration: none;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    cursor: pointer;
    color: #428bca;
    text-decoration: none;
    margin-right: 5px;
    display: inline;
    border: 1px solid #e6e9ed;
    padding: 2px 5px 2px 5px;
}

/* ************************************************************************  */

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
}

.navbar-header {
    float: left;
}

.navbar {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.navbar-nav {
    float: left;
    margin: 0;
    display: inline;
}

.navbar-nav > li {
    float: left;
}

.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-form.navbar-right:last-child {
    margin-right: /*-30px*/ -15px;
}

.navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 5px;
}

.navbar-right {
    float: right !important;
}

.navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

/* ************************************************************************  */

table, table tr, table td {
    margin: 0;
    padding: 0;
    border: none;
    border-spacing: 0;
}

#cse {
    width: 100%;
    min-height: 800px;
    margin-left: -15px;
    margin-right: -15px;
}

.no-update {
    color: #a94442;
    text-decoration: line-through;
}

.sr-only {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.top-link, a.top-link:focus {
    top: inherit;
    position: fixed;
    right: 2px;
    /*bottom: 80px;*/
    bottom: 2px;
    display: none;
    /*padding: 16px 19px;*/
    padding: 8px 16px 8px 16px;
    background-color: #428bca;
    border-radius: 5px;
    z-index: 2000;
    color: #FFF;
    font-size: 30px;
    text-decoration: none;

    border: 2px solid #FFF;

    /* Texte non sélectionnable. */
    -moz-user-select: none; /* Firefox */
    -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
    -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
    user-select: none; /* Propriété standard */
}

.top-link-hover {
    background-color: #FFF;
}

a.top-link-hover:hover {
    color: #428bca;
}

#beta {
    font-size: 0.8em;
    color: #e6e9ed;
    vertical-align: super;
    line-height: 5px;
    padding-left: 1.2em;
}

.footer {
    display: inline-block;
    float: left;
}

.blankLink {
    color: /*#55acee*/ /*#428bca*/ #31708f;
}

#modalFormClose {
    margin-top: -45px;
}

.blockquote {
    display: inline-block;
    width: calc(100% - 425px - 50px);
    overflow: hidden;
    margin-left: 10px;
    margin-right: 70px;
    float: left;
    margin-top: 12px;
}

.quote-author {
    color: #e6e9ed;
    font-size: 1em;
    font-weight: bold;
    padding-left: 12px;
}

.quote-author .blankLink {
    color: #e6e9ed;
}

/*
.btn-search {
    background-color: #55acee;
}

.btn-search:hover {
    background-color: #428bca;
}
*/

.credits {
    width: 640px;
    margin: 40px auto;
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 5px 5px 5px 5px #55acee;
    -o-box-shadow: 5px 5px 5px 5px #55acee;
    box-shadow: 5px 5px 5px 5px #55acee;
    border-radius: 1px;
}

.creditsP {
    font-size: 2.4em;
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #55acee;
}

.creditsRole {
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: 2px solid #55acee;
    font-style: italic;
}

.creditsCenter {
    text-align: center;
}

.error {
    margin: auto;
    width: 500px;
}

.imgLink {
    margin: auto;
    width: 500px;
}

/*a[href^="#"]:not(.btn, .top-link) {*/
/*color: #005983;*/
/*}*/

.collapsed-plus {
    float: right;
}

.video {
    margin: 15px auto;
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 5px 5px 5px 5px #55acee;
    -o-box-shadow: 5px 5px 5px 5px #55acee;
    box-shadow: 5px 5px 5px 5px #55acee;
    border-radius: 1px;

    border: 0;
}

#viewer-content {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 2px 12px;
    /*margin-bottom: 0;*/
    font-size: 1em;
    vertical-align: middle;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 4px;
    line-height: 1.42857143;
    /*pointer-events: none;*/
    /*position: fixed;*/
    /*margin: 0 auto;*/
    /*width: 50%;*/
    /*left: 25%;*/
    /*top: 200px;*/
    /*z-index: 1500;*/
}

#viewer-content.viewer-content-loading {
    background-color: #c9e2b3;
}

#console-debug {
    display: none;
    margin: 0;
    padding: 0;
    font-size: 10px;
}

#breadcrumbs-icon {
    color: #fff;
    padding: 0;
    vertical-align: initial;
}

.breadcrumb-arrow ol {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 5px;
    position: relative;
    z-index: 1;
}

.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: unset;
    line-height: unset;
}

.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    border-top: none;
    border-bottom: none;
}

.breadcrumb-arrow li a {
    background-color: #31708f;
    line-height: 34px;
    padding-left: 10px;
}

#breadcrumbs-add-ons {
    float:right;
    margin-right: 15px;
}

.breadcrumbs-doodle {
    display: inline-block;
    vertical-align: middle;
    /*float:right;*/
    margin-top: 1px;
    /*margin-right: 32px;*/
    padding-left: 15px;
}

.breadcrumbs-doodle a {
    top: 1px;
    line-height: 32px;
    color: white;
}

.breadcrumbs-doodle a:hover, .breadcrumbs-doodle a:focus {
    background-color: #4fc1e9;
    /*border: 1px solid #4fc1e9;*/
    text-decoration: none;
}

.breadcrumb-doctor-who-name {
    /*float: right;*/
    /*padding-right: 15px;*/

    /*right: 15px;*/
    /*position: absolute;*/

    width: 110px;
    height: 36px;
    vertical-align: middle;
}

#banner {
    background-color: #FFF;
    border-color: #bce8f1;
    /*
    width: 258px;
    height: 34px;
    */
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    /*border: 2px solid transparent;*/
    border-radius: 4px;
    overflow: hidden;
    /*position: absolute;*/
    /*
    float:right;
    margin-right: 15px;
    */
    margin-top: 2px;
    /*right: 15px;*/
}

.fa-text {
    font-size: 0.8em;
    padding-left: 5px;
}

p {
    margin: 0 0 0;
}

/* No underline links. */
a:hover, a:focus {
    text-decoration: none;
}

.course-link-table {
    width:100%;
    table-layout: fixed;
    overflow-wrap: break-word;
    margin: /*-.5em*/ -.2em 0;
}

.course-link-table > tbody > tr > td:first-child {
    width: 100%;
    /*text-align: left;*/
}

.course-link-table > tbody > tr > td {
    width: 2em;
    height: 1px;
    min-height: 1px;
    padding: .2em 0;
    vertical-align: middle;
    /*text-align: center;*/
}

@-moz-document url-prefix() {
    .course-link-table > tbody > tr > td {
        height: unset;
    }
}

/*
.course-link-table > tbody > tr > td .glyphicon {
    top: unset;
    vertical-align: middle;
}
 */

.course-link-table > tbody > tr > td > div {
    height: 100%;
}

/* li a style. */
.panel-collapse ul {
    list-style-type: none;
}

.panel-collapse ul li {
    /*background-color: #d9edf7;*/
}

.panel-collapse ul li a:not(.vanillaLink):not([href^="#"]) {
    padding: .1em .1em .1em 1em;
    /* padding: .2em; */
}

.panel-collapse ul li > a[href^="#"] {
    background: #bce8f1;
    position: relative;
    display: block;
    height: 100%;
    padding: 0.1em 1em 0.1em 1em;
    border-radius: 0.3em;
}

.panel-collapse ul li > a[href^="#"]:hover {
    background: #d9edf7;
}

.panel-collapse ul li a:not([href^="#"]) {
    position: relative;
    display: block;
    height: 100%;
    padding: .1em .1em .1em .1em;
    /**padding: .2em;*/
    margin: .2em 0;
    background: #f5f5f5;
    /*color: #444;*/
    text-decoration: none;
    border-radius: .3em;
    /*transition: all .3s ease-out;*/
}

.panel-collapse ul li .course-link-table > tbody > tr > td a:not([href^="#"]) {
    margin: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.panel-collapse ul li .course-link-table > tbody > tr > td:first-child a:not([href^="#"]) {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
}

.panel-collapse ul li a:not([href^="#"]):hover {
    background: #d9edf7;
}

.panel-collapse ul li a:not(.vanillaLink):not([href^="#"]):before {
    content: "\00a0";
    counter-increment: li;
    position: absolute;
    left: -1.1em;
    top: 50%;
    margin-top: -1em;
    background-color: #428bca;
    height: 1.5em;
    width: 1.5em;
    /*line-height: 1.7em;*/
    border: .3em solid #fff;
    /*text-align: center;
    font-weight: bold;*/
    border-radius: 1.5em;
    /*transition: all .3s ease-out;*/
}

.panel-collapse ul li ul li a:not(.vanillaLink):not([href^="#"])::before {
    background: #3bafda;
}

.panel-collapse ul li ul li ul li a:not(.vanillaLink):not([href^="#"])::before {
    background: #bce8f1;
}

.panel-collapse ul li ul li ul li ul li a:not(.vanillaLink):not([href^="#"])::before {
    background: #d9edf7;
}

/*
.panel-collapse ul li a:not([href^="#"]):before {
    position: relative;
    display: block;
    padding: .1em .1em .1em 1em;
    margin: .2em 0;
    background: #f5f5f5;
    border-radius: .3em;
}
*/

/*
.navbar-default .navbar-nav > li > .sypherGlyph {
    font-family: 'Glyphicons Halflings';
}
 */

.search-input-box {
    border-radius: 24px;
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin-right .3s ease-in-out;
    -o-transition: width .3s ease-in-out, height .3s ease-in-out, margin-right .3s ease-in-out;
    transition: width .3s ease-in-out, height .3s ease-in-out, margin-right .3s ease-in-out;
}

/*
.search-input-box:before {
    content: "LOL";
}
*/

.search-input-box:focus {
    width: 20em;
}

.navbar-brand {
    padding-left: 10px;
}

.hover-link figure img, .navbar-brand {
    opacity: 1;
}
.hover-link figure:hover img, .navbar-brand:hover {
    opacity: .5;
}

.badge {
    background-color: #31708f;
}

.img-circle {
    background-color: rgba(0,0,0,0.5);
    width: 48px;
    height: 48px;
}

iframe {
    border: none;
}

.navbar-default {
    z-index: 2000;
}

#nav-mobile {
    display: none;
}

.navbar-nav > li > .dropdown-menu {
    padding: 0;
    border-radius: 4px;
}

/* ************************************************************************  */

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #e6e9ed;
    border-color: rgba(0,0,0,0.5);;
}

.sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    height: 120vh;
    background-color: rgba(0,0,0,0.5);
    z-index: 997;
    display: none;
}

.nav-side-menu {
    overflow: auto;
    font-size: /*12px*/ 1em;
    font-weight: 200;
    background-color: #2e353d;
    position: fixed;
    top: 0;
    bottom: 0;
    /*width: 300px;*/
    height: 100%;
    color: #e1ffff;
    /*display: none;*/
    padding-top: /*120px*/ 50px;
}
.nav-side-menu .brand {
    background-color: #23282e;
    line-height: /*50px*/ /*4.15em*/ 3.2em;
    display: block;
    text-align: center;
    font-size: /*14px*/ 1.15em;
}
.nav-side-menu .toggle-btn {
    display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: /*35px*/ 2.9em;
    cursor: pointer;
    /*
      .collapsed{
         .arrow:before{
                   font-family: FontAwesome;
                   content: "\f053";
                   display: inline-block;
                   padding-left:10px;
                   padding-right: 10px;
                   vertical-align: middle;
                   float:right;
              }
       }
    */
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 3px solid #d19b3d;
    background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    background-color: #181c20;
    border: none;
    line-height: /*28px*/ 2.33em;
    border-bottom: 1px solid #23282e;
    margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    background-color: #020203;
}
/*.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}*/
.nav-side-menu li {
    padding-left: 0px;
    border-left: 3px solid #2e353d;
    border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
    text-decoration: none;
    color: #e1ffff;
    display: block;
}
.nav-side-menu li a span {
    padding-left: 10px;
    /*width: 20px;*/
    padding-right: 20px;
}
.nav-side-menu li:hover {
    border-left: 3px solid #d19b3d;
    background-color: #4f5b69;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.navbar-form .has-feedback .form-control-feedback {
    top: 0;
}

.content-loading {
    background:url("../images/loading/loading.gif") center center no-repeat;
}

.ctrfl {
    background:url("../images/ctrlf.jpg") center center no-repeat;
    display: inline-block;
    height: 1em;
    width: 2.5em;
}

#sitemapImg, #validHtmlImg, #validCssImg {
    width: 32px;
    height: 32px;
}

#ccByNcSaImg {
    width: 88px;
    height: 31px;
}

/*
body {
    margin: 0px;
    padding: 0px;
}
*/

/* ************************************************************************  */

@media only screen and (max-width: 768px) {
    #banner {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    /* Style appliqué uniquement sur les écrans de largeur < 600px. */
    body {
        font-size: /*4.5em*/ /*3.6*/ 1.2em;
    }

    .no-mobile {
        display: none !important;
    }

    h1, h2, h3, h4, h5, h6, .panel-title, .navbar-brand/*, .breadcrumb */ {
        /*
        padding-top: 25px;
        padding-bottom: 25px;
         */
    }

    h1 {
        font-size: /*1.5em*/ 1.2em;
    }

    h2, .panel-title, .navbar-brand {
        font-size: /*1.25em*/ 1.1em;
    }

    .badge {
        font-size: 1.1em;
    }

    .credits {
        width: initial;
    }

    .img-circle {
        /*width: 48px;*/
        /*height: 48px;*/
        margin-top: 0.1em;
        margin-right: initial;
    }

    .top-link {
        /*font-size: 100px;*/
    }

    .btn-social-icon {
        height: 48px;
        width: 48px;
        font-size: /*1.45em*/ 2.4em;
    }

    .navbar-form .form-control {
        height: 48px;
        font-size: /*1.4em*/ 2.3em;
    }

    .btn-social-icon>:first-child {
        height: 100%;
        line-height: 100%;
    }

    #nav-mobile {
        display: initial;
        font-size: /*1.75*/ /*2.6*/ /*3.6*/ /*3.2em*/ 4em;
        padding-left: 8px;
        margin-top: -13px;
        /*margin-right: 15px;*/
    }

    .navbar {
        min-height: 56px;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-top: -15px;
        margin-right: 0.1em;
    }

    /*
    .navbar-default .navbar-nav > li > .sypherGlyph {
        font-size: 2em;
        height: 120px;
    }
     */

    .navbar-nav > li > a {
        padding-top: /*0.3em*/ 4px;
        padding-left: 0.1em;
        padding-right: 0.1em;
        font-size: /*4em*/ /*2.3em*/ 3.9em;
    }

    .nav > li > a {
        padding-left: 0.1em;
        padding-right: 0.1em;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 10px;
        /*right: 0.4em;*/
        font-size: /*1.5em*/ 2.4em;
    }

    .search-input-box {
        border-radius: 48px;
    }

    .btn-default {
        width: 100px;
        height: 100px;
        font-size: 1.5em;
    }

    .search-input-box, .search-input-box:focus {
        width: /*7em*/ initial;
    }

    .gsc-control-cse {
        font-size: 0.5em;
    }

    .breadcrumb {
        min-height: 48px;
    }

    .breadcrumb-arrow li a {
        /*background-color: #31708f;*/
        line-height: 46px;
        /*padding-left: 10px;*/
    }

    .panel-default > .panel-heading {
        height: 48px;
    }

    .panel-title {
        padding-top: 18px;
    }

    .btn-success {
        font-size: 75%;
    }

    .gsc-tabHeader.gsc-tabhActive, .gsc-refinementHeader.gsc-refinementhActive, .gsc-tabHeader.gsc-tabhInactive, .gsc-refinementHeader.gsc-refinementhInactive {
        font-size: 3em;
    }

    .gcsc-more-maybe-branding-box, .gsc-results .gsc-cursor {
        font-size: 3em;
    }

    .gsc-cursor-next-page {
        font-size: 1.4em;
    }

    .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
        font-size: 2em;
    }

    .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
        font-size: 2.6em;
    }

    .gs-fileFormat, .gs-fileFormatType {
        font-size: 1.4em !important;
    }

    .gs-webResult:not(.gs-no-results-result):not(.gs-error-result) .gs-snippet, .gs-fileFormatType {
        font-size: 2.4em;
    }

    .gsc-webResult .gsc-result {
        border-bottom: 5px solid #428bca !important;
    }

    #shellDial {
        font-size: 75%;
    }

    #inpShell {
        font-size: 75%;
        height: 50px;
    }

    #google-cse-results iframe {
        height:1860px;
        width:100%;
    }

    .tooltip {
        font-size: 1em;
    }

    .breadcrumbs-doodle {
        padding-top: /*0*/ 14px;
        margin-top: 0;
    }

    .breadcrumbs-doodle a {
        line-height: 18px;
    }

    .nav-side-menu {
        position: /*relative*/ fixed;
        width: 100%;
        margin-bottom: 10px;
        z-index: 100;
        /*display: initial;*/
    }

    .nav-side-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 /*!important*/;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        /*width: 40px;*/
        text-align: center;
    }

    .brand {
        text-align: left /*!important*/;
        font-size: /*22px*/ 1.85em;
        padding-left: 20px;
        line-height: /*50px*/ 4.15em /*!important*/;
    }

    .nav-side-menu .menu-list .menu-content {
        display: block;
    }

    .panel-collapse ul li a:not(.vanillaLink):not([href^="#"]) {
        padding: 1.3em .1em 1.3em 1em;
    }
}