@charset "UTF-8";
/*$theme-police-link: #2196f3;*/
/* 4% */
html, body { height: 100%; width: 100%; }

html { scroll-behavior: smooth; }

body { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; background-color: transparent; color: #424242; }

.has-background-image { background-image: url(../img/background.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; }

.blurred-overlay { /*background: rgba(0, 0, 0, .35);*/ background: white; /*background: rgba($theme-secondary, .35);*/ backdrop-filter: blur(8px); height: auto; width: 100%; }

.baground-secondary { background-color: #282828; }

.baground-secondary h2, .baground-secondary p { color: white; }

.baground-secondary h2 { text-align: left; margin-top: 0px; margin-bottom: 20px; }

/* #font-page-canvas { position: absolute; left: 0; top: 0; z-index: -9999; width: 100%; height: 100%; display: block; } */
/* hr.light { border-color: $theme-secondary; } hr.secondary { border-color: $theme-secondary; } */
p.legend { font-style: italic; margin-top: -20px; }

a.disabled { pointer-events: none; touch-action: none; }

h1 { font-family: 'MedievalSharp', Times, serif; }

h1, h2, h3 { margin-top: calc(30px * 1.0); }

p { justify-content: center; }

h3, h4, h5, h6, p, ul { margin-top: 0%; }

h1, h2, h3 { margin-bottom: calc(30px * 1.0); }

h4, h5 { margin-bottom: calc(30px * 0.2); }

.no-margin-bottom { margin-bottom: calc(30px * 0.2); }

h6, p, ul { margin-bottom: calc(30px * 1.0); }

audio, video, .img-responsive, .embed-responsive, .iframe-responsive { margin-bottom: calc(30px * 1.0 + 5px); margin-top: 5px; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; /*avoid margin ignored after floating elements*/ clear: both; display: inline-block; width: 100%; color: #282828; }

h1 { font-size: 42px; }

h2 { font-size: 30px; }

h3 { font-size: 24px; line-height: 1.5; }

h4 { font-size: 18px; line-height: 1.5; }

h5 { font-size: 16px; }

ul, li, p { font-weight: 300; font-size: 18px; }

li { margin: 0; padding: 2px; }

ul { /*list-style-type: none;*/ padding-left: 20px; padding-top: 0px; }

p { line-height: 1.5em; }

.img-max { max-width: 1800px; width: 100%; }

img.logo { max-height: 50px; margin-bottom: 20px; margin-top: 20px; margin-bottom: 20px; text-align: center; }

small { display: inline-block; font-size: 12px; line-height: 1.3; }

hr.line { margin-top: 0px; margin-bottom: 0px; border-color: darkgray; }

hr.default { overflow: visible; /* For IE */ padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; margin-top: 45px; margin-bottom: 45px; }

hr.default:after { content: "§"; font-family: 'MedievalSharp', Times, serif; display: inline-block; position: relative; top: -0.7em; font-size: 2.0em; padding: 0 0.25em; background: white; }

section { padding-top: 60px; padding-bottom: 20px; background-color: transparent; }

aside { padding: 50px 0; }

.credits h2, .credits h3 { margin-bottom: 0px; color: darkgray; }

.credits h4 { margin-bottom: 10px; color: darkgray; }

a:not(.navbar-link) { /*text-decoration: underline;*/ font-weight: 400; }

/*Fonts*/
.medievalsharp-regular { font-family: "MedievalSharp", serif; font-weight: 400; font-style: normal; }

/*Navigation*/
.navbar-bottom { /*background-color: $theme-primary;*/ background-color: white; margin-bottom: 10px; padding-top: 20px; padding-bottom: 20px; }

.navbar-default { background-color: rgba(40, 40, 40, 0.9); font-family: 'Roboto', sans-serif; transition: all 0.1s ease; font-weight: 400; /* title */ /*toggle button (small screen)*/ border-bottom-color: darkgray; border-bottom-width: 1px; /*main item*/ /*main item when opened (small screen)*/ /*sub item (small screen)*/ /*sub item (large screen)*/ /*     example of how to change navbar color when not on top of page @media (max-width: 768px) { &.affix { background-color: rgba($navbar-background-color, 0.5); } } */ }

.navbar-default .navbar-header .navbar-brand { padding-top: 17px; margin-left: 0px; font-weight: 400; color: white; }

.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { color: #fff17e; }

.navbar-default .navbar-toggle { border-color: white; }

.navbar-default .navbar-toggle .icon-bar { background-color: white; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgba(40, 40, 40, 0.9); /*border-color: $theme-police-alert;*/ }

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff17e; }

.navbar-default .navbar-nav > li > a { /*text-transform: uppercase;*/ font-size: 17px; color: white; font-weight: 400; /*text-align: center;*/ }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff17e; }

.navbar-default .navbar-nav .open > a { color: white; }

.navbar-default .navbar-nav .open > a:hover, .navbar-default .navbar-nav .open > a:focus, .navbar-default .navbar-nav .open > a:active { color: #fff17e; background-color: rgba(40, 40, 40, 0.9); }

.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: white; font-weight: 400; }

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff17e; }

.navbar-default .navbar-nav > li > .dropdown-menu { background-color: rgba(40, 40, 40, 0.9); border-radius: 0px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.navbar-default .navbar-nav > li > .dropdown-menu a { font-size: 15px; font-weight: 400; color: white; }

.navbar-default .navbar-nav > li > .dropdown-menu a:hover { background-color: transparent; color: #fff17e; }

/*Dropdown auto expend (no need to toggle as bootstrap default)*/
@media (min-width: 768px) { /*main item boxes*/ .navbar-nav { float: none; /*float: right;*/ width: 78%; /* take brand width into account */ margin: 0 auto; display: table; table-layout: auto; float: none; /*width: 100%;*/ } .navbar-nav > li { display: table-cell; float: none; text-align: center; width: calc(100% / 4); /* 4 items in the navbar */ padding-left: 30px; padding-right: 0px; } .dropdown-menu .sub-menu { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: -1px; } .dropdown-menu li:hover .sub-menu { visibility: visible; } .dropdown:hover .dropdown-menu { display: block; } .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu { margin-top: 0; } .navbar .sub-menu:before { border-bottom: 7px solid transparent; border-left: none; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; left: -7px; top: 10px; } .navbar .sub-menu:after { border-top: 6px solid transparent; border-left: none; border-right: 6px solid #fff; border-bottom: 6px solid transparent; left: 10px; top: 11px; left: -6px; } }

header { position: relative; width: 100%; min-height: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-image: url("../img/header.jpg"); text-align: center; color: white; }

header .header-content { position: relative; text-align: center; padding: 100px 15px 15px; width: 100%; }

header .header-content .header-content-inner { border-radius: 8px; }

header .header-content .header-content-inner h1 { font-family: 'MedievalSharp', Times, serif; }

header .header-content .header-content-inner h1 { margin-top: 15px; margin-bottom: 1px; color: white; }

header .header-content .header-content-inner hr { margin: 30px auto; }

header .header-content .header-content-inner h2 { color: white; font-size: 24px; margin-bottom: 15px; }

@media (min-width: 768px) { header .header-content .header-content-inner h1 { font-size: 65px; } header .header-content .header-content-inner h2 { font-size: 32px; } }

@media (min-width: 768px) { header { min-height: 100%; } header .header-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 50px; } header .header-content .header-content-inner { max-width: 1000px; margin-left: auto; margin-right: auto; } header .header-content .header-content-inner p { font-size: 18px; max-width: 80%; margin-left: auto; margin-right: auto; } }

/*

#video-background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
}


.section-heading {
    margin-top: 0;
}

.section-heading {
    margin-top: 0;
}

.service-box {
    max-width: 400px;
    margin: 50px auto 0;
    @media (min-width: 992px) {
        margin: 20px auto 0;
    }
    p {
        margin-bottom: 0;
    }
}

*/
/*.portfolio-box { position: relative; display: block; max-width: 650px; margin: 0 auto; .portfolio-box-caption { color: white; opacity: 0; display: block; background: rgba( $theme-primary, .9 ); border-radius: 26px; position: absolute; bottom: 0; text-align: center; width: 100%; height: 100%; @include transition-all; .portfolio-box-caption-content { width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); .project-category, .project-name { @include sans-serif-font; padding: 0 15px; } .project-category { text-transform: uppercase; font-weight: 600; font-size: 14px; } .project-name { font-size: 18px; } } } &:hover { .portfolio-box-caption { opacity: 1; } } // attempt to avoid box caption still visible after click with ios device // (while staying on the same page) &:focus, &:active, &:visited { .portfolio-box{ opacity: 0; } .portfolio-box-caption { opacity: 0; // color: yellow; } } @media (min-width: 768px) { .portfolio-box-caption { .portfolio-box-caption-content { .project-category { font-size: 16px; } .project-name { font-size: 22px; } } } } }*/
.no-padding { padding: 0; }

/* change padding of first and last columns */
.btn-default { color: white; background-color: black; }

table { width: 100%; table-layout: fixed; }

th, td { text-align: center; padding-top: 10px; }

tr:first-child th { font-weight: bold; font-weight: 1000; font-size: 1.1em; }

.img-responsive { border: 1px solid #282828; border-radius: 1px; margin-left: auto; margin-right: auto; }

.embed-responsive { border: 1px solid #282828; border-radius: 1px; display: block; margin-left: auto; margin-right: auto; }

.iframe-responsive { border: 1px solid #282828; border-radius: 1px; padding: 0; width: 100%; }

.borderless { border-style: none; }

.embed-responsive-210by297 { padding-bottom: 141.42%; }

/* audio playbars */
audio { width: 100%; background-color: transparent; color: #282828; /*border-radius: 3px;*/ }

audio:focus { outline: none; }

.fa, .fas, .fab { color: #282828; }

.baground-secondary .fa, .baground-secondary .fas, .baground-secondary .fab { color: white; }

.icon-hover:hover { color: #fff17e; }

/* thumbnails on main page*/
.pack { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }

.card { float: none; padding-right: 8px; padding-left: 8px; padding-bottom: 8px; margin-bottom: 8px; }

@media (min-width: 576px) { .card { padding-right: 8px; padding-left: 8px; padding-bottom: 8px; } }

.panel-img { width: 100%; border: 1px solid white; border-radius: 10px; }

.panel-body { padding-bottom: 0px; }

.panel { height: 100%; margin-bottom: 0px; border: none; overflow: auto; color: white; background-color: transparent; border-radius: 10px; box-shadow: 0px 0px 0px 0px rgba(40, 40, 40, 0.8); transition: all 0.1s ease; }

.panel:hover, .panel:focus, .panel:active { box-shadow: 0px 0px 8px 0px rgba(40, 40, 40, 0.8); /* -webkit-box-shadow: 0px 0px 10px 0px rgba($theme-secondary, 0.8); -moz-box-shadow: 0px 0px 10px 0px rgba($theme-secondary, 0.8); box-shadow: 0px 0px 10px 0px rgba($theme-secondary, 0.8); */ }

.panel-title { font-weight: 400; font-size: 22px; font-family: "MedievalSharp", serif; text-align: center; }

/* avoid weird empty row slot in bootstrap for Safari (for index panels)*/
.row:before, .row:after { display: flex !important; }

/* HAL bibliography */
/* .iframeHal { background-color: $theme-primary; position: absolute; left: 0; width: 100%; height: 100% !important; -webkit-overflow-scrolling: touch; overflow-y: scroll; } */
.iContainer { background-color: white; position: fixed; left: 0; right: 0; top: 10%; bottom: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; }

#res_script { /*@include sans-serif-font !important;*/ }

.ChampRes { display: none; }

.NoticeRes, .Rubrique, .SousRubrique, .NoticeRes { color: #282828 !important; margin-left: 5%; margin-right: 5%; }

.ValeurRes { margin-left: 0em; }

/* after p */
.ValeurRes, .ValeurRes > a { font-weight: 300; font-size: 16px; }

/* after h3 */
.Rubrique { font-size: 22px; line-height: 1.5; text-transform: uppercase; margin-top: calc(30px * 2.0); margin-bottom: calc(30px * 0.4); }

.Rubrique:first-of-type { margin-top: calc(30px * 1); }

/* after h4 */
.SousRubrique { font-size: 18px; line-height: 1.5; margin-top: calc(30px * 0.6); margin-bottom: calc(30px * 0.4); padding-left: 5px; padding-right: 5px; border: 2px solid gray; border-radius: 5px; display: inline-block; }

.Rubrique, .SousRubrique { font-weight: 300; }

.Fichier_joint, .LienBibtex { display: none; }

/* .LienBibtexACoteFulltext > a > img, .LienBibtex > a > img { content:url("https://cdn.icon-icons.com/icons2/2148/PNG/512/bibtex_icon_132550.png"); max-width: 18px; } .Fichier_joint > a > img { content:url("https://cdn.icon-icons.com/icons2/908/PNG/512/book-open-shape_icon-icons.com_70792.png"); max-width: 18px; } */

/*# sourceMappingURL=main.css.map */