* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {width: 100%; height: 100%; font-family: 'SegoeWP', sans-serif; font-size: 16px; line-height: 24px; color: black; margin: 0; zoom: 90%; -moz-transform:scale(0.9); -moz-transform-origin: center top; -ms-transform:scale(0.9); -ms-transform-origin: 100% 0;}

.clear {clear: both;}
img {max-width: 100%; height:auto; outline: 0;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
@media \0screen {img { width: auto }}

@font-face {font-family: 'SegoeWP'; src: url('../fonts/SegoeWP.eot'); src: url('../fonts/SegoeWP.woff2') format('woff2'), url('../fonts/SegoeWP.woff') format('woff'), url('../fonts/SegoeWP.ttf') format('truetype'), url('../fonts/SegoeWP.svg#SegoeWP') format('svg'), url('../fonts/SegoeWP.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'SegoeWPSemibold'; src: url('../fonts/SegoeWPSemibold.eot'); src: url('../fonts/SegoeWPSemibold.woff2') format('woff2'), url('../fonts/SegoeWPSemibold.woff') format('woff'), url('../fonts/SegoeWPSemibold.ttf') format('truetype'), url('../fonts/SegoeWPSemibold.svg#SegoeWPSemibold') format('svg'), url('../fonts/SegoeWPSemibold.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal;}

h1, h2 {font-size: 26px; line-height: 36px; font-family: 'SegoeWPSemibold', sans-serif; text-transform: uppercase; color: #573c37; font-weight: bold; text-align: center; margin: 0 0 30px 0; background: url(../images/hh.png) repeat-x center;}
h1 span, h2 span {display: inline-block; padding: 0 15px; background: white;}
h3 {font-size: 16px; line-height: 24px; text-transform: uppercase; margin: 0 0 3px 0; color: #512922; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
h3 a {color: #512922; text-decoration: underline;}
h3 a:hover {color: #512922; text-decoration: none;}
h3.spip {font-size: 20px; line-height: 28px; text-transform: none; margin: 0 0 10px 0; color: #573c37; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}

ul.spip {margin-bottom: 15px;}
ul.spip li, ol.spip li {list-style-position: outside; margin-left: 18px; list-style-type: disc; float: none;}
ul.spip li, ol.spip li:first-child {margin-left: 18px!important;}
p {font-size: 16px; line-height: 24px; color: black; text-align: justify; margin: 0 0 15px 0;}
a {outline: 0; color: black; text-decoration: underline;}
a:hover {color: black; text-decoration: none;}
b, strong {font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}

/* Tableaux */
.table-container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 20px 0;}
.table-container::-webkit-scrollbar {-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb {border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3);}
table.spip {max-width: 100%; width: 100%;  margin: 20px auto; border-collapse: collapse; border-spacing: 0; font-size: 16px; font-weight: 400;}
table.spip caption {caption-side: top; text-align: center; margin: 0 auto;}
table.spip tr.row_first {background: #f2ebe3; color: #573c37;  font-size: 18px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
table.spip tr.row_odd {background: white;}
table.spip tr.row_even {background: white;}
table.spip th, table.spip td {padding: 5px; border: 1px solid #cdcdcd; text-align: left;}
table.spip th {vertical-align: bottom; font-size: 18px; background: #f2ebe3; color: #573c37;  font-size: 18px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; padding: 7px;}
table.spip td {vertical-align: top;}

/* Logos, documents et images */
.spip_logo {margin: 0; padding: 0; border: 0;}
.spip_documents {text-align: center; line-height: normal;}
.blog-en-article .spip_documents img {border: 1px solid silver;}
.spip_documents p {margin: 0.10em; padding: 0;}
.spip_documents_center {display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left {float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right {float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre {margin-right: auto; margin-left: auto; font-size: 0.90em; }
.spip_doc_descriptif {clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }

/* modeles par defaut */
.spip_modele {float: right; display: block; padding: 1em; border: 1px solid; width: 180px; }

/* Couleurs des liens de SPIP */
a.spip_mail {color: black; text-decoration: underline;}
a.spip_mail:before {content: ""!important;}
a.spip_mail:hover {color: black; text-decoration: none;}
a.spip_out, a[rel=external] {color: black; text-decoration: underline;}
a.spip_out:hover, a[rel=external]:hover {color: black; text-decoration: none;}
a.spip_url {color: black; text-decoration: underline;}
a.spip_url:hover {color: black; text-decoration: none;}
a.spip_glossaire {color: black; text-decoration: underline;}
a.spip_glossaire:hover {color: black; text-decoration: none;}
a[hreflang]:after {content: "\0000a0(" attr(hreflang) ")";}
code {word-wrap: break-word;}

.wrapper {display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0 auto;}
.center {width: 96%; max-width: 1200px; margin: 0 auto;}

#toTop {right: 10px; bottom: 50px; width: auto; z-index: 10; display: none; padding: 5px 15px 3px 15px; font-size: 18px; text-transform: uppercase; line-height: 30px; background: #573c37; color: #f2ebe3; position: fixed; cursor: pointer; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
#toTop:hover {background: white; color: #573c37;}

/* Header */
.header {width: 100%; background: #f2ebe3; height: 275px; margin-bottom: 100px;}
.logo {width: 25%; float: left; padding: 13px 0 10px 0; text-align: left;}
.buttons {width: 75%; float: left; padding: 25px 0 0 0;  text-align: right;}
.buttons img {margin-left: 5px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.buttons img:hover {opacity: 0.7;}
.image {width: 100%; float: left; margin-bottom: 20px;}
.image img {float: left;}
#menu.menu-default {position: absolute; z-index: 100; width: 100%; height: 50px; background: #573c37;}
#menu.menu-fixed {position: fixed; top: 0; background: #573c37; width: 100%; height: 50px; z-index: 100;}
.menu-wrapper {border-top: 1px solid #9b7a74; border-bottom: 1px solid #9b7a74; margin: 2px 0; width: 100%; height: 44px;}
.search {float: left; width: 22%; text-align: right; color: white; margin-top: 9px;}
.search label {display: none;}
.search input[type="text"] {width: 190px; height: 26px; vertical-align: top; border: 0; padding: 0 5px; margin-right: 4px; background: #fbfaf7 url(../images/search.png) no-repeat 180px 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; }
.search input[type="submit"] {cursor: pointer; width: 30px; height: 26px; vertical-align: top; background: #9c7067; border: 0; text-align: center; color: #f2ebe3; font-size: 12px; text-transform: uppercase; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; }

/* Footer */
.footer {width: 100%; background: #9c7067; padding: 40px 0; float: left; margin-top: 50px;}
.footer-column1, .footer-column2, .footer-column3, .footer-column4, .footer-column5 {float: left; text-align: left;}
.footer-column1 {width: 20%; margin-top: 18px;}
.footer-column1 p {font-size: 13px; line-height: 16px; color: #efd8d4; text-align: left; margin: 0;}
.footer-column2 {width: 29%; margin-top: 15px;}
.footer-column2 img {margin-right: 3px; float: left;}
.footer-column2 p {font-size: 14px; line-height: 19px; color: white; text-align: left; margin-bottom: 7px;}
.footer-column2 p a {color: white; text-decoration: underline;}
.footer-column2 p a:hover {color: white; text-decoration: none;}
.footer-column3 {width: 15%; margin-right: 7%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-gap: 5px; -moz-column-gap: 5px; -webkit-column-gap: 5px;}
.footer-column3 p {text-align: left; margin: 0;}
.footer-column3 p a {font-size: 14px; color: white; text-decoration: none; border-bottom: 1px dashed white;}
.footer-column3 p a:hover {color: white; text-decoration: none; border: 0;}
.footer-column4 {width: 21%; margin-top: 27px;}
.footer-buttons {width: 100%; margin-bottom: 3px;}
.footer-buttons img {height: 20px; margin-right: 2px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.footer-buttons img:hover {opacity: 0.5;}
.footer-search {width: 100%;}
.footer-search label {display: none;}
.footer-search input[type="text"] {width: 140px; height: 22px; vertical-align: top; border: 0; padding: 0 5px; margin-right: 4px; background: #f4efe9 url(../images/search-small.png) no-repeat 132px 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px;}
.footer-search input[type="submit"] {cursor: pointer; width: 30px; height: 22px; vertical-align: top; background: #573c37; border: 0; text-align: center; color: #f4efe9; font-size: 11px; text-transform: uppercase; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; }
.footer-column5 {width: 8%; text-align: right; margin-top: 40px;}


/* Content*/
.content {display: table-row;	table-layout: fixed; height: 100%; padding: 40px 0;}
.block-news, .block-projects, .block-journals, .block-books {width: 100%; margin-bottom: 50px; float: left;}

.block-news {}
.all-news {width: 100%; text-align: left;}
.all-news hr {display: none; border-top: 1px solid #d6d6d6; border-bottom: 0; border-left: 0; border-right: 0; margin: 30px 0; width: 100%; float: left;}
.all-news>div {width: 49.6%; display: inline-block; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.all-news>div:nth-child(odd) {padding: 0 20px 0 0;}
.all-news>div:nth-child(even) {padding: 0 0 0 20px;}
.all-news>div:nth-child(1) hr, .all-news>div:nth-child(2) hr {display: block;}
.all-news img {float: left; margin-right: 15px; border: 1px solid #573c37;}
.date {font-size: 14px; color: #7e7e7e; padding-left: 15px; background: url(../images/date.jpg) no-repeat left center; margin: 0 0 3px 0; clear: left; display: inline-block;}
a.more-small {color: #0077c2; text-decoration: none; font-size: 14px; line-height: 22px; display: inline-block; padding: 0 8px 0 10px; background: url(../images/more.png) no-repeat right 9px; vertical-align: bottom; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
a.more-small:hover {color: #0077c2; text-decoration: none;}
.all-news>div p {margin: 0;}
.article-list-default hr {display: block;}

.all-news-page hr {display: block;}
.all-news-more {width: 100%; text-align: center; margin: 30px 0 50px 0;}

.block-projects {}
.all-projects {width: 100%;}
.all-projects>div {width: 23.125%; margin: 0 2.5% 0 0; float: left; text-align: center;}
.all-projects>div:last-child {margin: 0;}
.all-projects>div a {color: black; text-decoration: none; font-size: 15px; line-height: 19px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
.all-projects>div a:hover {color: black; text-decoration: underline;}
.all-projects>div img {width: 100%;}
.all-projects>div img:hover {opacity: 0.5;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.rubrique-default>div {margin: 0 2.5% 30px 0;}

.all-projects-page {margin-top: 30px;}
.all-projects-page>div {width: 22%; margin: 0 2% 40px 0; float: none; display: inline-block; text-align: center; vertical-align: top;} 
.all-projects-page>div:last-child {margin: 0 2% 40px 0;}

.block-journals {width: 100%; background: #f4efe9; padding: 35px 0 0 0;}
.block-journals h1 span, .block-journals h2 span {background: #f4efe9;}
.all-journals {width: 100%;}
.all-journals>div {width: 49.6%; margin-bottom: 40px; display: inline-block; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.all-journals>div:nth-child(odd) {padding: 0 20px 0 0;}
.all-journals>div:nth-child(even) {padding: 0 0 0 20px;}
.all-journals>div h3 {margin-bottom: 5px;}
.all-journals>div img {border: 5px solid #e2dacf; float: left; margin-right: 25px;}
.all-journals>div img:hover {border: 5px solid #9c7067;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.all-journals>div p {text-align: left;}
a.more-big {color: white; background: #0077c2; text-decoration: none; font-size: 14px; text-transform: uppercase; padding: 2px 10px; display: inline-block; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
a.more-big:hover {color: white; text-decoration: none; background: #9c7067;}

.block-books {text-align: center;}
.block-books h1, .block-books h2 {margin: 0;}
.all-books {width: 94%; margin: 30px 0 0 3%;}
a.more-medium {color: #0077c2; font-size: 16px; line-height: 20px; text-decoration: none; border-bottom: 1px dashed #0077c2; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; margin-top: -20px;}
a.more-medium:hover {color: #0077c2; text-decoration: none; border: 0;}
.owl-nav {position: absolute; top: 0; width: 100%;}
.owl-prev {position: absolute; top: 85px; left: -3%; width: 21px; height: 119px; display: block; text-indent: -200000px; background: url(../images/prev.png) center no-repeat;}
.owl-next {position: absolute; top: 85px; right: -3%; width: 21px; height: 119px; display: block; text-indent: -200000px; background: url(../images/next.png) center no-repeat;}
.owl-item a {color: #0077c2; font-size: 15px; line-height: 19px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
.owl-item div a div {margin-top: 10px;}


.error {width: 100%; text-align: center; margin-top: 40px;}
.error h1 {font-size: 110px; line-height: 120px; color: black; background: none; margin: 0 0 10px 0; font-family: 'SegoeWPSemibold', sans-serif;}
.error p {font-size: 20px; line-height: 30px; color: black; text-align: center; margin: 0;}
.error-search {width: 100%; text-align: center; margin-top: 10px;}
.error-search label {display: none;}
.error-search input[type="text"] {width: 240px; height: 34px; border: 1px solid #bfbfbf; padding: 0 5px; margin-right: 10px; background: white; vertical-align: top;}
.error-search input[type="submit"] {cursor: pointer; height: 36px; background: #0077c2; border: 0; text-align: center; padding: 0 20px; color: white; font-size: 14px; line-height: 36px; vertical-align: top; text-transform: uppercase; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.error-search input[type="submit"]:hover {background: #9c7067;}

.sign-in {width: 100%; text-align: center; margin-top: 40px;}
.sign-in p {text-align: center; margin: 0 0 5px 0;}
.sign-in p a {color: black; text-decoration: underline;}
.sign-in p a:hover {color: black; text-decoration: none;} 
.sign-in label {display: none;}
.sign-in label.nofx {display: block;}
.sign-in input[type="text"], .sign-in input[type="password"] {width: 190px; height: 24px; border: 1px solid #bfbfbf; padding: 0 5px; margin: 0 0 10px 0; background: white; vertical-align: top;}
.sign-in input[type="submit"] {height: 25px; background: #0077c2; margin-top: 20px; border: 0; text-align: center; padding: 0 20px; color: white; font-size: 14px; line-height: 24px; vertical-align: top; text-transform: uppercase; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
/*.sign-in form div {display: inline-block;} */
.sign-in legend {display: none;}
.sign-in input[type="checkbox"] {display: none;}
.sign-in fieldset {border: 0;}
a.full_access {text-align: center; display: block; margin: 0 0 35px 0; font-size: 18px;}


.breadcrumbs {margin: -30px 0 10px 0; width: 100%;}
.breadcrumbs li {display: inline-block;  margin-right: 10px;}
.breadcrumbs li a {text-decoration: none; color: #9c7067; font-size: 14px;}
.breadcrumbs li a:hover {color: #9c7067; text-decoration: underline}
.breadcrumbs li span {font-size: 14px; color: #9c7067; background: url(../images/br.png) right 8px no-repeat; padding-right: 10px;}
.breadcrumbs li:last-child a {text-decoration: none;}
.breadcrumbs li:last-child a span {background: none; color: black;}       



.logo-article {float: left; margin-right: 20px;  padding-right: 20px;}
.gallery {margin-top: 30px; text-align: center; width: 100%; float: left;}
.gallery .item-gal {width: 18%; height: 18%; margin: 0 1% 2% 1%;  float: left;  border: 1px solid silver; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.gallery .item-gal img {float: left;}

.about-block1, .about-block2, .about-block3, .about-block4, .about-block5, .about-block6, .about-block7, .about-block8,  .about-block9 {width: 100%; margin-bottom: 50px; float: left;}

.about-block1 {}
.about-block1 img {float: left; margin: 0 25px 0 0;}

.about-block2 {background: #f4efe9; padding: 30px 10px 0 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.about-block2>div {padding: 0 20px; width: 49.6%; display: inline-block; margin-bottom: 30px; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.about-block2>div p {margin: 0;}

.about-block3 {text-align: center;}
.about-block3 h1, .about-block3 h2 {margin-bottom: 5px;}
.about-block3 a.more-big {margin: 0 0 35px 0;}

.about-block4 {width: 100%; background: #ebe2e1; padding: 35px 0;}
.about-block4 h1 span, .about-block4 h2 span {background: #ebe2e1;}
.about-block4 .center>div {width: 33.3%; float: left; padding-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.about-block4 .center>div p {text-align: left;}
.about-block4 h3 {font-size: 18px; line-height: 30px; margin-bottom: 15px;}
.about-block4 ul {margin-bottom: 15px; list-style-image: url("../images/li.png");}
.about-block4 ul li {margin-bottom: 5px; list-style-position: outside; margin-left: 13px; text-align: left;}
.about-block4 a.more-big {margin-left: 13px;}

.about-block5 {text-align: center;}
.about-block5>div {width: 22.6%; display: inline-block; text-align: center; margin: 0 1% 2% 1%; vertical-align: top;}
.about-block5>div img {width: 250px; height: 250px; border: 5px solid #dfc4c1; opacity: 0.7; -webkit-border-radius: 50%; -khtml-border-radius: 50%;  -o-border-radius: 50%;  -ms-border-radius: 50%;  -icab-border-radius: 50%;  border-radius: 50%; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.about-block5>div img:hover {border: 5px solid #9c7067; opacity: 1;}
.about-block5>div a {max-width: 250px; display: inline-block;}

.about-block6 {width: 100%; background: #f4efe9; padding: 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.about-block6 h1 span, .about-block6 h2 span {background: #f4efe9;}
.about-block6 div { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-gap: 40px; -moz-column-gap: 40px; -webkit-column-gap: 40px;}

.about-block7 {text-align: center;}
.about-block7 h1, .about-block7 h2 {margin: 0;}
.about-block7 .all-news {margin-top: 40px}

.about-block8 {}
.about-block8 p {text-align: left;}
.about-block8-left {width: 41%; float: left; background: #ebe2e1; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.about-block8-right {width: 59%; float: left; padding-left: 25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.about-block9 {margin-bottom: -50px;}
.map {margin: 0%; padding-bottom: 400px; overflow: hidden; position: relative; height: 0;}
.map iframe {left: 0; top: 0; height: 100%; width: 100%; position: absolute;}

.pagination {text-align: center; padding-top: 10px; margin: 10px 0 20px 0; width: 100%;  font-size: 16px; line-height: 25px;}
.pagination a {color: black; text-decoration: none;}
.pagination .pages {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0px 10px;}
.pagination .pages a {margin: 0 10px; }
.pagination .pages .on {margin: 0 10px; color: white; background: #0077c2; display: inline-block; width: 28px; height: 28px;  -webkit-border-radius: 50%; -khtml-border-radius: 50%;  -o-border-radius: 50%;  -ms-border-radius: 50%;  -icab-border-radius: 50%;  border-radius: 50%;}
.pagination a:hover {text-decoration: underline; color: black;}
.pagination .prev a, .pagination .next a {font-weight: normal;}
span.sep {display: none;}

.rubrique-books {}
.rubrique-books>div {width: 100%; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #d6d6d6;}
.rubrique-books>div>div {display: table;}
.rubrique-books>div img {float: left; margin: 0 30px 0 0;}
.rubrique-books>div h2, .rubrique-books>div h2 a {font-size: 24px; line-height: 32px; text-transform: none; color: #573c37; text-align: left; background: none; margin: 0 0 15px 0}
.rubrique-books>div h2 a {text-decoration: underline;}
.rubrique-books>div h2 a:hover {text-decoration: none;}
.rubrique-books>div a.order {color: #f2ebe3; text-decoration: none; background: #9c7067; font-size: 18px; line-height: 28px; padding: 2px 20px; display: inline-block; text-transform: uppercase; margin-bottom: 15px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.rubrique-books>div a.order:hover {color: white; text-decoration: none; background: #0077c2;}
.rubrique-books>div a.book-links {color: white; text-decoration: none; background: #0077c2; font-size: 14px; line-height: 20px; padding: 2px 10px; display: inline-block; margin: 0 8px 8px 0; text-transform: uppercase; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.rubrique-books>div a.book-links:hover {color: white; text-decoration: none; background: #573c37;}

.books-pop-up {position: absolute; top: 150px; left: 50%; width: 800px; margin-left: -400px; background: white; border: 3px solid #9c7067; padding: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.books-pop-up a.close {width: 19px; height: 17px; display: block; background: url(../images/close.jpg) no-repeat; position: absolute; top: 10px; right: 10px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.books-pop-up a.close:hover {background: url(../images/close-up.jpg) no-repeat;}
.books-pop-up img {float: left; margin-right: 25px;}
.books-pop-up>div {display: table;}
.books-pop-up h1 {font-size: 18px; line-height: 26px; text-transform: none; color: #573c37; text-align: left; margin: -7px 0 15px 0; background: none;}
.books-pop-up p {font-size: 14px; line-height: 20px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; margin: 0;}
.books-pop-up label {display: none;}
.books-pop-up input[type="text"] {width: 200px; height: 24px; border: 1px solid #bfbfbf; padding: 0 5px; margin-bottom: 8px; background: white; vertical-align: top; display: block;}
.books-pop-up input[type="submit"] {cursor: pointer; background: #0077c2; border: 0; text-align: center; padding: 5px 25px;  margin-bottom: 15px; color: white; font-size: 14px; line-height: 26px; display: block; vertical-align: top; text-transform: uppercase; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.books-pop-up input[type="submit"]:hover {background: #9c7067;}

.page-search {width: 100%; float: left;}
.page-search-form {width: 100%; margin: 0 0 30px 0; float: left; text-align: center;}
.page-search-form input[type="text"] {width: 72.5%; height: 24px; border: 1px solid #bfbfbf; padding: 0 5px; margin: 0 1% 10px 0; background: white; vertical-align: top; display: inline-block; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.page-search-form select {width: 25%; margin: 0 0 10px 1%;  height: 24px; border: 1px solid #bfbfbf; padding: 0 5px; vertical-align: top; display: inline-block; float: left;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.page-search-form input[type="checkbox"] {display:none;}
.page-search-form input[type="checkbox"] + label {font-size: 14px; line-height: 20px; color: black; cursor: pointer;}
input[type="checkbox"] + label::before {content: ""; display: inline-block; height: 16px; width: 16px; margin: 0 7px 0 0; background: url(../images/checkbox.jpg) no-repeat; vertical-align: sub;}
input[type="checkbox"]:checked + label::before {background: url(../images/checkbox-up.jpg) no-repeat;}
.page-search-form-journals {float: left; width: 100%; text-align: left; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.page-search-form-years {float: left; width: 100%; text-align: left; padding-top: 7px; margin: 7px 0 15px 0; border-top: 1px solid #d6d6d6;}
.page-search-form-years>div {float: left; margin-right: 20px;}
.page-search-form input[type="submit"] {cursor: pointer; background: #0077c2; border: 0; text-align: center; padding: 5px 80px;  margin-bottom: 15px; color: white; font-size: 14px; line-height: 26px; vertical-align: top; text-transform: uppercase; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.page-search-form input[type="submit"]:hover {background: #9c7067;}
.page-search h2 {font-size: 20px; line-height: 26px; font-family: 'SegoeWP', sans-serif; text-transform: none; color: #573c37; font-weight: bold; text-align: center; margin: 0; background: none;}
.page-search h2 span {color: #0077c2; padding: 0 0 0 10px;}
.page-search-results {float: left; margin-top: 20px; padding-top: 25px; border-top: 1px solid #ebe2e1; width: 100%;}
.page-search-results>div {float: left; padding: 8px 13px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.page-search-results-top a {font-size: 13px; line-height: 19px; color: #454647; text-decoration: none; background: url(../images/br2.png) right 7px no-repeat; padding-right: 7px; margin-right: 10px;}
.page-search-results-top a:hover {color: #454647; text-decoration: underline;}
.page-search-results-bottom a {color: #573c37; font-size: 15px; line-height: 20px; text-decoration: underline; font-weight: bold;}
.page-search-results-bottom a:hover {color: #573c37; text-decoration: none;}
.page-search-results>div:nth-child(odd) {background: #f6f2ed;}

.scholar {text-align: center; text-decoration: underline; font-size: 26px; line-height: 36px; font-family: 'SegoeWPSemibold', sans-serif; text-transform: uppercase; color: #573c37; font-weight: bold;}
.scholar2 {text-align: center; font-size: 20px; line-height: 30px; color: #573c37; margin-bottom: 30px;}


.rubrique-journals {width: 100%;}
.rubrique-journals>div {width: 23%; max-width: 300px; margin: 0 4.9% 30px 4.9%; display: inline-block; text-align: center; vertical-align: top;}
.rubrique-journals>div a {color: black; text-decoration: none; font-size: 15px; line-height: 19px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
.rubrique-journals>div a:hover {color: black; text-decoration: underline;}
.rubrique-journals>div img {border: 1px solid #cdb7b3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.rubrique-journals>div img:hover {opacity: 0.5;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}

.rubrique-one-journal {width: 100%; float: left; min-height: 500px;}
.tabs {float: left; width: 100%; list-style-type: none; padding: 0; margin: 0; position: relative; text-align: center;}
.tabs:after {content: ""; clear: both; display: block; height: auto;}
.tabs li {float: left; margin-right: 5px;}
.tabs li:first-child {margin-left: 10px;}
.tabs li > input {display: none;}
.tabs li > label {display: inline-block; border: 1px solid #ceb5af; height: 50px; line-height: 30px; font-size: 18px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; color: #573c37; padding: 5px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: pointer; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.tabs li:last-child > label {border-right-width: 1px;}
.tabs .tab-content {display: none; position: absolute; left: 0; top: 40px; padding: 20px 25px; border: 1px solid #ceb5af; text-align: left; background: white; height: 450px; width: 100%; overflow-y: auto; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.tabs .tab-content h1 {font-size: 22px; line-height: 30px; text-align: left; margin: 0 0 20px 0; background: none;}
.tabs .tab-content h3 {margin-bottom: 15px;}
.tabs li > input:checked + label {background-color: #9c7067; color: white;}
.tabs li > input:checked ~ .tab-content {	display: block;}
.rubrique-one-journal-logo {float: left; margin: 10px 20px 20px 0;}
.rubrique-one-journal-logo img {border: 1px solid #9c7067;}
.tabs-journal-menu {display: inline-block; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;  -moz-column-gap: 30px;  -webkit-column-gap: 30px; column-gap: 30px;}
.tabs-journal-menu a {display: block; background: url(../images/li.png) left 10px no-repeat; padding-left: 10px; margin-bottom: 6px;}
.tabs-archieve {padding-top: 20px; margin-top: 5px; display: inline-block; border-top: 1px solid #ceb5af; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;  -moz-column-gap: 40px;  -webkit-column-gap: 40px; column-gap: 40px;}
.tabs-archieve a {display: block; background: url(../images/li.png) left 10px no-repeat; padding-left: 10px;}
.tabs-indexed {}

.rubrique-one-journal-volume {width: 100%; float: left; margin-top: -10px;}
.rubrique-one-journal-volume-logo {width: 150px; margin: 0px 20px 20px 0; float: left;}
.rubrique-one-journal-volume h3 {margin: 0 0 20px 0;}
.rubrique-one-journal-volume select {width: 170px; border: 1px solid #bfbfbf; height: 26px; padding: 0 17px 0 5px; margin-right: 3px; -webkit-appearance: none; background: url(../images/select.jpg) no-repeat 150px center; line-height: 1em; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none!important; vertical-align: top;}
.rubrique-one-journal-volume select::-ms-expand {display: none;}
.rubrique-one-journal-volume input[type="button"] {cursor: pointer; background: #0077c2; border: 0; height: 26px; margin: 0 0 10px 0; text-align: center; padding: 0 20px;  color: white; font-size: 14px; line-height: 26px; vertical-align: top; text-transform: uppercase; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.rubrique-one-journal-volume input[type="button"]:hover {background: #9c7067;}
.rubrique-one-journal-volume-list {width: 100%;}
.rubrique-one-journal-volume-list>div {margin: 20px 0; padding-left: 47px; background: url(../images/lock2.jpg) no-repeat left center;}
.rubrique-one-journal-volume-list>div.open {background: url(../images/lock.jpg) no-repeat left center;}
.rubrique-one-journal-volume-list hr {border-top: 1px solid #ceb5af; border-bottom: 0; border-left: 0; border-right: 0;}
.rubrique-one-journal-volume-list p {margin: 0 0 7px 0; line-height: 21px; text-align: left; vertical-align: middle;}
.rubrique-one-journal-volume-list p i.fas {margin-right: 7px; color: #7c4337;}
.fa-download {margin-left: 15px;}
span.id {width: 16px; height: 16px; display: inline-block; margin-left: 5px; background: url(../images/id.png) no-repeat;}
.rubrique-one-journal-volume-list a {color: #7c4337; text-decoration: underline; text-transform: uppercase;}
.rubrique-one-journal-volume-list a:hover {color: #7c4337; text-decoration: none;}
.rubrique-one-journal-volume-list a.doi {text-transform: none;}

.one-journal-article {width: 100%; float: left; margin-top: 20px;}
.one-journal-article-left {float: left; width: 18%; margin-right: 2%;}
.one-journal-article-left img {border: 1px solid #9c7067; width: 100%;}
.one-journal-article-right {float: left; width: 80%;}
.one-journal-article h1 {font-size: 20px; line-height: 26px; font-family: 'SegoeWP', sans-serif; color: #573c37; font-weight: bold; text-align: left; margin: -5px 0 25px 0; background: none;}
a.download-article {color: #f2ebe3; text-decoration: none; background: #9c7067; font-size: 18px; line-height: 28px; padding: 2px 20px; display: inline-block; text-transform: uppercase; margin-bottom: 15px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
a.download-article:hover {color: white; text-decoration: none; background: #0077c2;}


ul.journal-meny {display: inline-block; margin: 0 0 0 10px; width: auto; padding: 0;}
ul.journal-meny li {width: auto; list-style: none; padding: 2px 20px 2px 5px; display: inline-block; position: relative; background: #ebe2e1;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.journal-meny li a {text-decoration: none; cursor: pointer;}
ul.journal-meny li a img {float: left; margin: 8px 8px 0 4px; display: block; width: auto; border: 0;}
ul.journal-meny li a span {display: inline-block; color: #573c37; font-size: 18px; line-height: 28px; text-transform: uppercase;}
ul.journal-meny li ul {display: none; position: absolute; top: 0px; left: 0; margin: 0; background: #ebe2e1; text-align: left; width: 350px; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.journal-meny li ul li {margin: 0; padding: 3px 0; height: auto;  background: #ebe2e1; display: list-item;}
ul.journal-meny li ul li a {font-size: 16px; color: #573c37; text-decoration: none; text-transform: none; margin: 0 10px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
ul.journal-meny li ul li a:hover {text-decoration: underline; color: #573c37;}
.close2 {cursor: pointer; display: block; position: absolute!important; top: 10px; right: 15px; text-align: right; z-index: 100; width: 50px!important;}
.close2 img {width: auto; border: 0;}
.one-journal-article-chapo {width: 100%; margin: 5px 0 30px 0;}
.one-journal-article-chapo p {margin: 0 0 7px 0; line-height: 21px; text-align: left; vertical-align: middle;}
.one-journal-article-chapo p i.fas {margin-right: 7px; color: #7c4337;}
.one-journal-article-right .buttons {width: 100%; float: left;  padding: 15px 0 0 0; text-align: left;}

.one-journal-article-left ul.journal-meny {margin: 10px 0 0 0; width: 100%;}
.one-journal-article-left ul.journal-meny li {width: 100%;}

.all-price {margin: 20px 0; padding: 15px 10px 10px 10px; width: 100%; border: 1px solid #d6d6d6; -webkit-border-radius: 5px; -khtml-border-radius: 5px;  -o-border-radius: 5px;  -ms-border-radius: 5px;  -icab-border-radius: 5px;  border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.all-price p {font-size: 18px; line-height: 28px;}
.all-price small {font-size: 15px; line-height: 19px;}
.form_price  input[type="submit"] {cursor: pointer; border: 0; color: #f2ebe3; text-decoration: none; background: #9c7067; font-size: 18px; line-height: 28px; padding: 2px 20px; display: inline-block; text-transform: uppercase; margin-bottom: 15px; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.form_price  input[type="submit"]:hover {color: white; text-decoration: none; background: #0077c2;}
.form_price>div {float: left; margin-right: 15px; padding-top: 2px;}

.top10 {width: 100%; margin-bottom: 5px;}
.top10 td img {border: 1px solid #573c37;}
.top10 td:first-child {width: 5%; min-width: 50px;}
.top10 td {padding-left: 15px; vertical-align: top; text-transform: uppercase;}
.top10 td:last-child {width: 5%; min-width: 50px; text-align: right; vertical-align: top; font-weight: 900; color: #7c4337;}
.top10 td .page-search-results-top {text-transform: none;}
                                    
.top20-link {width: 100%; text-align: center;}
.top20-link-right {text-align: right;}
.top20-link a {background-color: white; color: #9c7067;  text-decoration: none; margin: 0 10px 10px 10px; display: inline-block;  border: 1px solid #ceb5af;  font-size: 18px;  font-family: 'SegoeWPSemibold', sans-serif;  font-weight: bold; padding: 7px 30px 11px 30px;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  -webkit-border-radius: 5px; -khtml-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -icab-border-radius: 5px; border-radius: 5px;}
.top20-link a:hover, .top20-link a.on {background-color: #9c7067; color: white; text-decoration: none;}
.top20-result {margin-top: 30px;}
.top20-result h2 {background: none; text-transform: none;}

.tabletop20 th, .tabletop20 td {padding: 3px!important;}
a.platform {width: 24.5%; margin-right: 1%; padding: 5px 0; color: white; background: #9c7067; display: inline-block; float: right; font-size: 14px; line-height: 26px;  vertical-align: top;  text-transform: uppercase; font-family: 'SegoeWPSemibold', sans-serif;  font-weight: bold;}

/* Page Statistik */
.stat1-left {width: 75%; float: left; margin: 20px 2% 0 0; height: 700px;}
.stat1-right {width: 23%; float: left; margin: 20px 0 0 0;}

.stat2 {width: 100%;}
.stat2 p {text-align: right;}

.stat3-left {width: 82%; float: left; margin: 50px 0 0 0; height: 500px;}
.stat3-right {width: 18%; float: left;}

.top20-papers h3 {font-size: 20px; line-height: 30px; margin: 0 0 10px 0;}
.top20-papers table.spip tr.row_even {background: #f2ebe3;}
.top20-papers table.spip th, .top20-papers table.spip td {padding: 10px;}

/*  Menu <  1024 */
@media only screen and (min-width: 100px) and (max-width: 1000px) {
html {height: 100%; font-size: 100%;}
ul.meny {float: left; margin: 0; width: 44%; padding: 0;}
ul.meny li {width: 100%; height: 50px; list-style: none; position: relative;}
ul.meny li a {text-decoration: none;}
ul.meny li a img {float: left; margin: 12px 7px 0 0; display: block}
ul.meny li a span {display: inline-block; color: #f7f7d6; font-size: 17px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold; text-transform: uppercase; margin-top: 10px;}
ul.meny li ul {display: none; position: absolute; top: 44px; left: 0; margin: 0; background: #573c37; text-align: left; width: 100%; min-width: 310px; max-height: 90vh; height: auto; overflow-y: auto; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #9b7a74; border-left: 1px solid #9b7a74; border-right: 1px solid #9b7a74; box-shadow: 0 0 0 2px #573c37, 0 0 0 2px #573c37; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
ul.meny li ul li {margin: 0; padding: 5px 0;}
ul.meny li ul li a {font-size: 17px; color: #f7f7d6; text-decoration: none; text-transform: uppercase; margin: 0 10px;}
ul.meny li ul li a:hover {text-decoration: none; color: #fff29d;}
ul.meny li ul li a.on {text-decoration: none; color: white;}
ul.meny li ul li {height: auto; width: 100%; }
ul.meny li ul li ul {position: relative; top: 0; left: 0; border: 0; height: auto; overflow: hidden;}
ul.meny li ul li ul li {position: relative; margin: 0;  padding: 7px 0 0 0; border-bottom: 0;}
ul.meny li ul li ul li a {position: relative; padding: 0; margin: 0; font-size: 15px; color: #f7f7d6; text-decoration: none; text-transform: none; margin: 0; background: none;}
ul.meny li ul li > ul li {display: list-item; list-style-type: disc; list-style-position: inside; margin-left: 10px; color: #f7f7d6;}
#menu.menu-fixed {}
.close {cursor: pointer;  display: block; position: absolute!important; top: 10px; right: 15px; text-align: right; z-index: 100;}
}

/*  Menu > 1024 */
@media only screen and (min-width: 1000px) and (max-width: 1000000px) {
html {height: 100%; font-size: 100%;}
ul.meny {float: left; margin: 0;  width: 78%; height: auto; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.meny li {display: inline-block; list-style: none; width: auto; height: auto;}
ul.meny li a img, ul.meny li a span {display: none;}
ul.meny li ul {display: block; margin: 0;}
ul.meny li ul li {margin: 0; position: relative; padding: 0; }
ul.meny li ul li a {color: #f7f7d6; font-size: 18px; line-height: 44px; padding: 0 16px; height: 44px; text-transform: uppercase; text-decoration: none; display: inline-block; -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
ul.meny li ul li a:hover {color: #f7f7d6; background: #9b7a74; text-decoration: none;}
ul.meny li ul li a.on {color: #f7f7d6; background: #9b7a74;}
ul.meny li ul li {height: auto; width: auto; min-width: auto;}
ul.meny li ul {z-index: 100;}
ul.meny li ul li ul {display: none;}
ul.meny li ul li:hover > ul {display: inline-block;  min-width: 350px;}
ul.meny li ul li ul {text-align: left; padding: 5px 0 10px 0; position: absolute; top: 44px; left: 0; z-index: 100; background: #573c37; border-bottom: 1px solid #9b7a74; border-left: 1px solid #9b7a74; border-right: 1px solid #9b7a74; box-shadow: 0 0 0 2px #573c37, 0 0 0 2px #573c37; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
ul.meny li ul li ul li {margin: 0; padding: 0 10px 0 0; width: 100%; background: none; border: 0; }
ul.meny li ul li ul li:hover {width: 100%;}
ul.meny li ul li ul li a {white-space: nowrap; font-size: 17px; color: #f7f7d6; text-decoration: none; background: none; border: 0; line-height: 30px; text-transform: none; padding: 0; margin: 0 3px 0 16px; height: auto; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.meny li ul li ul li a:hover {text-decoration: none; color: #f7f7d6; width: 100%; text-decoration: underline; background: none;}
#menu.menu-default {top: 275px;}
li.close {display: none!important;}
}

/* 0 - 540 (320, 360, 414, 480, 533, 540) */
@media only screen and (min-width: 100px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
p {font-size: 18px; line-height: 26px;}
.header {height: 160px;}
.logo {width: 100%; text-align: center;}
.buttons {width: 100%; text-align: center; padding: 5px 0 15px 0}
.buttons img {margin: 0 3px;}
.image {display: none;}
.search {width: 56%;}
.search input[type="text"] {width: 120px; background: #fbfaf7 url(../images/search.png) no-repeat 110px 5px;}
#menu.menu-default {top: 160px;}
.footer {padding: 30px 0;}
.footer-column1, .footer-column2, .footer-column3, .footer-column4, .footer-column5 {width: 90%; text-align: center; margin: 0 0 15px 5%; border-bottom: 1px solid #a67f76; padding-bottom: 15px;}
.footer-column1 p, .footer-column2 p {text-align: center;}
.footer-column2 img {display: none;}
.footer-column3 {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
.footer-column5 {border: 0; margin: 0; padding: 0;}
.all-news hr {display: block;}
.all-news>div {width: 100%;}
.all-news>div:nth-child(odd) {padding: 0;}
.all-news>div:nth-child(even) {padding: 0;}
.all-projects>div {width: 80%; max-width: 250px; margin: 0 auto 25px auto; float: none;}
.all-projects>div:last-child {margin: 0 auto 25px auto;}
.all-journals>div {width: 100%;}
.all-journals>div:nth-child(odd) {padding: 0;}
.all-journals>div:nth-child(even) {padding: 0;}
.all-journals>div img {margin: 0 20px 20px 0;}
.all-journals>div h3 {display: table;}
.error {margin-top: 20px;}
.error h1 {font-size: 80px; line-height: 90px;}
.error p {font-size: 18px;}
.error-search input[type="text"] {width: 200px; margin-right: 5px;}
.error-search input[type="submit"] {padding: 3px 10px;}
.sign-in form div {display: block; margin-bottom: 5px;}
.gallery .item-gal {width: 48%; height: 48%;}
.about-block1 img {margin-bottom: 15px;}
.about-block2>div {width: 100%;}
.about-block4 .center>div {width: 100%; padding-right: 0; margin-bottom: 40px; float: none;}
.about-block4 .center>div:last-child {margin-bottom: 0;}
.about-block5>div {width: 90%; margin: 0 0 30px 5%; display: block;}
.about-block6 {padding: 20px;}
.about-block6 div { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.about-block8-left {width: 100%; margin-bottom: 25px;}
.about-block8-right {width: 100%; padding-left: 0;}
.books-pop-up {top: 30px; left: 0; width: 100%; margin-left: 0; padding: 25px;}
.books-pop-up img {margin: 0 15px 0 0; max-width: 150px;}
.page-search-form-journals {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.rubrique-journals>div {width: 100%; margin: 0 auto 30px auto; display: block;}
.rubrique-one-journal {min-height: 630px;}
.rubrique-one-journal .tabs li {width: 70%; margin: 0 auto 3px auto; float: none;}
.rubrique-one-journal .tabs li:first-child {margin: 0 auto 3px auto;}
.rubrique-one-journal .tabs li > label {width: 100%; height: 40px; line-height: 30px;}
.rubrique-one-journal .tabs .tab-content {top: 172px; padding: 10px 15px;}
.tabs-journal-menu {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.tabs-archieve {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
.rubrique-one-journal-volume .tabs li > label {font-size: 16px; padding: 5px 10px;}
.rubrique-one-journal-volume-logo {margin: 0 0 10px 0; float: none;}
.rubrique-one-journal-volume select {margin-bottom: 7px; display: block;}
.rubrique-one-journal-volume-list .bro {display: block;}
.fa-download {margin-left: 0;}
.one-journal-article-left {width: 100%; margin: 0 0 20px 0;}
.one-journal-article-right {width: 100%;}
ul.journal-meny {display: block; margin: 0 0 25px 0px;}
ul.journal-meny li ul {width: 310px;}
.owl-prev {top: 60px; left: -5%; width: 13px; height: 74px; background-size: cover;}
.owl-next {top: 60px; right: -5%;  width: 13px; height: 74px; background-size: cover;}
.stat1-left {width: 100%; margin: 20px 0 2% 0; height: auto;}
.stat1-right {width: 100%; margin: 20px 0 0 0;}
.stat3-left {width: 100%; margin: 0 0 2% 0 ; height: auto;}
.stat3-right {width: 100%; margin: 0;}
.top20-link a {margin: 0 5px 5px 5px; padding: 7px 10px 11px 10px;}
}

/* 541 - 768 (568, 600, 640, 720, 768) */
@media only screen and (min-width: 541px) and (max-width: 768px) {
html {height: 100%; font-size: 100%;}
.header {height: 180px;}
.logo {width: 40%;}
.buttons {width: 60%;}
ul.meny {width: 50%;}
.search {width: 50%;}
#menu.menu-default {top: 180px;}
.footer-column1 {width: 39%; margin: 0 0 15px 3%; border-bottom: 1px solid #a67f76; padding-bottom: 15px; height: 80px;}
.footer-column2 {width: 55%; margin: 0 0 15px 0; border-bottom: 1px solid #a67f76; padding-bottom: 15px; height: 80px;}
.footer-column3 {width: 38%; margin: 0 0 0 3%; }
.footer-column4 {width: 36%;}
.footer-column5 {width: 19%;}
.all-news hr {display: block;}
.all-news>div {width: 100%;}
.all-news>div:nth-child(odd) {padding: 0;}
.all-news>div:nth-child(even) {padding: 0;}
.all-projects>div {width: 47%; margin: 0 1% 25px 1%; display: inline-block; float: none; vertical-align: top;}
.all-projects>div:last-child {margin: 0 1% 25px 1%;}
.all-journals>div {width: 100%;}
.all-journals>div:nth-child(odd) {padding: 0;}
.all-journals>div:nth-child(even) {padding: 0;}
.all-journals>div img {margin: 0 15px 0 0;}
.gallery .item-gal {width: 31%; height: 31%;}
.about-block2>div {width: 100%;}
.about-block4 .center>div {width: 100%; padding-right: 0; margin-bottom: 40px; float: none;}
.about-block4 .center>div:last-child {margin-bottom: 0;}
.about-block5>div {width: 49.5%; margin: 0 0 30px 0;}
.about-block6 div { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.about-block8-left {width: 100%; margin-bottom: 25px;}
.about-block8-right {width: 100%; padding-left: 0;}
.books-pop-up {top: 30px; left: 5%; width: 90%; margin-left: 0; padding: 25px;}
.books-pop-up img {max-width: 150px;}
.page-search-form-journals {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.rubrique-journals>div {width: 39.8%;}
.rubrique-one-journal .tabs li > label {font-size: 15px; padding: 5px 8px;}
.rubrique-one-journal-volume select {margin-bottom: 7px; display: block;}
.one-journal-article-left {width: 22%; margin: 0 3% 0 0;}
.one-journal-article-right {width: 75%;}
ul.journal-meny {display: block; margin: 0 0 25px 0px;}
ul.journal-meny li ul {width: 310px;}
.owl-prev {top: 60px; left: -5%;}
.owl-next {top: 60px; right: -5%;}
.stat1-left {width: 100%; margin: 20px 0 2% 0; height: auto;}
.stat1-right {width: 100%; margin: 20px 0 0 0;}
.stat3-left {width: 100%; margin: 0 0 2% 0; height: auto;}
.stat3-right {width: 100%; margin: 0;}
}

/* 720, 768 */
@media only screen and (min-width: 719px) and (max-width: 768px) {
html {height: 100%; font-size: 100%;}
.header {height: 200px;}
#menu.menu-default {top: 200px;}
.footer-column3 {width: 30%; margin: 0 0 0 3%; }
.footer-column4 {margin-left: 8%;}
.all-news hr {display: none;}
.all-news>div {width: 49.6%;}
.all-news>div:nth-child(odd) {padding: 0 20px 0 0;}
.all-news>div:nth-child(even) {padding: 0 0 0 20px;}
.all-news>div:nth-child(1) hr, .all-news>div:nth-child(2) hr {display: block;}
.all-journals>div img {margin: 0 25px 0 0;}
.gallery .item-gal {width: 23%; height: 23%;}
.tabs li > label {font-size: 18px; padding: 5px 10px;}
.rubrique-one-journal-volume select {margin-bottom: 0; display: inline-block;}
.owl-prev {top: 85px; left: -4%;}
.owl-next {top: 85px; right: -4%;}
.stat1-left {width: 60%; margin: 20px 2% 0 0; height: auto;}
.stat1-right {width: 38%;}
.stat3-left {width: 75%; margin: 50px 0 0 0; height: auto;}
.stat3-right {width: 25%;}
}

/* 800, 960) */
@media only screen and (min-width: 769px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
.header {height: 215px;}
.logo {width: 40%;}
.buttons {width: 60%;}
ul.meny {width: 50%;}
.search {width: 50%;}
#menu.menu-default {top: 215px;}
.footer-column1 {width: 39%; margin: 0 0 15px 3%; border-bottom: 1px solid #a67f76; padding-bottom: 15px; height: 80px;}
.footer-column2 {width: 55%; margin: 0 0 15px 0; border-bottom: 1px solid #a67f76; padding-bottom: 15px; height: 80px;}
.footer-column3 {width: 30%; margin: 0 0 0 3%; }
.footer-column4 {width: 34%; margin-left: 10%;}
.footer-column5 {width: 19%;}
.all-journals>div img {margin: 0 15px 0 0;}
.gallery .item-gal {width: 23%; height: 23%;}
.about-block5>div {width: 49.5%; margin: 0 0 30px 0;}
.rubrique-default>div:nth-child(4n) {margin: 0 0 30px 0;}
.books-pop-up {top: 30px; left: 5%; width: 90%; margin-left: 0; padding: 25px;}
.rubrique-journals>div {width: 23%;}
.owl-prev {top: 105px; left: -4%;}
.owl-next {top: 105px; right: -4%;}
.stat1-left {width: 68%; margin: 20px 2% 0 0; height: auto;}
.stat1-right {width: 30%;}
.stat3-left {width: 75%; margin: 50px 0 0 0; height: auto;}
.stat3-right {width: 25%;}
}

/* 960) */
@media only screen and (min-width: 801px) and (max-width: 960px) {
html {height: 100%; font-size: 100%;}
.header {height: 235px;}
#menu.menu-default {top: 235px;}
.about-block5>div {width: 32.5%; margin: 0 0 30px 0;}
.books-pop-up {top: 30px; left: 10%; width: 80%; margin-left: 0;}
}

/*  961 - 1199 (1024) */
@media only screen and (min-width: 961px) and (max-width: 1199px) {
html {height: 100%; font-size: 100%;}
.header {height: 245px;}
ul.meny {width: 80%;}
.search {width: 20%;}
#menu.menu-default {top: 245px;}
ul.meny li ul li a {padding: 0 10px;}
.search input[type="text"] {width: 150px; background: #fbfaf7 url(../images/search.png) no-repeat 140px 5px;}
.footer-column2 {width: 32%;}
.footer-column3 {margin-right: 4%;}
.owl-item {height: 290px; border: 5px solid white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.owl-item:hover {border: 5px solid #0077c2;}
.owl-item div a div {display: none;}
.owl-item:hover div a div {display: block;  position: absolute; top: 15px; left: 2%; width: 96%; text-align: center;}
.owl-item:hover a {color: #0077c2; font-size: 15px; line-height: 19px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
.owl-item:hover a img {position: absolute; top: 110px; width: 110px; left: 50%; margin-left: -55px;}
.all-journals>div img {margin: 0 15px 0 0;}
.about-block5>div {width: 32.5%; margin: 0 0 30px 0;}
.rubrique-default>div:nth-child(4n) {margin: 0 0 30px 0;}
.rubrique-journals>div {width: 23%;}
}

/*  > 1200 */
@media only screen and (min-width: 1199px) and (max-width: 10000000px) {
html {height: 100%; font-size: 90%;}
.owl-item {height: 290px;  border: 5px solid white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.owl-item:hover {border: 5px solid #0077c2;}
.owl-item div a div {display: none;}
.owl-item:hover div a div {display: block;  position: absolute; top: 15px; left: 2%;  width: 96%; text-align: center;}
.owl-item:hover a {color: #0077c2; font-size: 15px; line-height: 19px; font-family: 'SegoeWPSemibold', sans-serif; font-weight: bold;}
.owl-item:hover a img {position: absolute; top: 110px; width: 110px; left: 50%; margin-left: -55px;}
.rubrique-default>div:nth-child(4n) {margin: 0 0 30px 0;}
/*.page-search-form {width: 80%; margin: 0 10% 30px 10%;} */
}

/* ORCID connect ID button */
#connect-orcid-button { border: 1px solid #D3D3D3; padding: .3em; background-color: #fff; border-radius: 8px; box-shadow: 1px 1px 3px #999; cursor: pointer; color: #999; font-weight: bold; font-size: .8em; line-height: 24px; vertical-align: middle; }
#connect-orcid-button: hover{ border: 1px solid #338caf; color: #338caf; }
#orcid-id-icon { display: block; margin: 0 .5em 0 0; padding: 0; float: left; }