/*
* HTML5 Boilerplat e
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles defaults
========================================================================== */
@import url("fonts.css");
html,
button,
input,
select,
textarea,
a {color: #333;}
/*body {margin: 0; padding: 0; background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555;}*/
body {margin: 0; padding: 0; background: #f7f7f7; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555;}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}
/*
* A better looking default horizontal rule
*/
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0;}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {vertical-align: middle; border: 0;}
/*
* Remove default fieldset styles.
*/
fieldset {border: 0;}
/*
* Allow only vertical resizing of textareas.
*/
textarea {resize: vertical;}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
/* ==========================================================================
JLE STYLES
========================================================================== */
* {margin: 0; padding: 0;}
a {text-decoration: none;}
li {list-style: none;}
h1, h2 {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; text-transform: uppercase;}
h2 {color: #1E3A6C; font-size: 18px;}
h2 span {font-weight: 700;}
h3 {color: #1E3A6C; font-size: 14px; outline: none;}
ul.list li {margin: 0 0 5px 15px; list-style: disc;}
ul.list a:hover {text-decoration: underline;}
a:hover {text-decoration: underline;}
ol li {list-style-type:decimal; margin: 0 0 0 20px;}
a.plus {color: #868686 !important; font-size: 11px; text-decoration: none;}
a.plus:hover {text-decoration: underline;}
input {outline-color: #b3d4fc;}
.bleu {color: #1E3A6C;}
pre {display: block; padding: 10px; margin: 0 0 10px; font-size: 13px; word-break: break-all; word-wrap: break-word;background: #f5f5f5; border: 1px solid #CCC; border-radius: 5px;}
.alert {padding: 15px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 5px; margin-top:10px; }
.alert-error {color: #a94442; background: #f2dede; border-color: #ebccd1; font-size:18px;}
.alert-info {color: #31708f; background: #d9edf7; border-color: #bce8f1; font-size:18px;}
.alert-success {color: #3c763d; background: #dff0d8; border-color: #d6e9c6; font-size:18px;}
/* ========================================== */
/* ============== STRUCTURE COMMUNE ============== */
/* ========================================== */
/*#wrapper {width: 980px; padding: 0 10px; margin: 0 auto; border-left: 1px solid #EEE; border-right: 1px solid #EEE;}*/
#wrapper {background: white; width: 1160px; padding: 0 20px; margin: 0 auto;}
main {position: relative; /*background: #FFF url(/library/images/common/bg-aside.png) repeat-y right top;*/}
#col_content {float: left; width: 820px; padding-bottom: 20px; position: relative;}
#col_content .inner {padding: 15px 15px 0 20px;}
/* ========================================== */
/* ============== HEADER ============== */
/* ========================================== */
header {position: relative; height: 90px; padding: 15px 0;}
header .menu-icon {display: none; padding: 5px;}
header .menu-icon span {color: #234279; font-size: 32px;}
header .pub, header #panier, header #lang {position: absolute;}
header .pub {left: 250px; top: 15px; width: 900px; height: 90px; overflow: hidden; text-align:center;}
header .pub img {margin: auto; display:block;}
/*header #panier {left: 770px; top: 60px;}
header #lang {right: 10px; top: 60px;}
header div#panier {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase;}
header div#panier a {background: url(/library/images/common/icon-panier.png) no-repeat right 0; padding-right: 25px; padding-top: 3px; margin-right: 5px; color: #666;}
header div#panier a:hover {color: #274987;}
header div#lang a {display: block; float: left; width: 25px; height: 15px; background: url(/library/images/common/icon-lang.png) no-repeat; margin-left: 5px;}
header div#lang a#fr {background-position: 0 0;}
header div#lang a#en {background-position: 0 -15px;}
*/
/*header h1,
header a.pub,
header div#panier {float: left; margin-right: 20px;}
header a.pub {margin-right: 32px;}
header div#panier {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase;margin-top: 45px;}
header div#lang {float: right; margin: 45px 10px 0 0;}*/
/* ========================================== */
/* ============== NAV ============== */
/* ========================================== */
nav {padding-bottom: 5px;}
nav div#menu {position: relative; height: 47px; margin-bottom: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #234279 url(/library/images/common/bg-menu.png) repeat-x 0 bottom; behavior: url(/library/js/PIE.htc);}
nav div#menu ul#maxmenu {position: relative;}
nav div#menu li {display: block; position: relative; float: left; background: url(/library/images/common/nav-separ.png) 0 0 no-repeat; padding: 0 15px; line-height: 46px;}
nav div#menu li a,
nav div#menu li span {display: block; float: left; color: #FFF; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; text-transform: uppercase; cursor: pointer;}
nav div#menu li span {background: url(/library/images/common/nav-fleche.png) no-repeat right 22px; padding-right: 20px;}
nav div#menu li:hover span, nav div#menu li span:hover {background: url(/library/images/common/nav-fleche-on.png) no-repeat right 22px;}
nav div#menu li:hover {padding: 0 15px; background: #F2F5FB; cursor: pointer; border: 1px solid #BBB; border-bottom: none;}
nav div#menu li:hover a,
nav div#menu li:hover span,
nav div#menu li+li a:hover,
nav div#menu li+li span:hover,
nav div#menu li+li span.active {color: #234279;}
nav div#menu li:first-child {background: none; padding: 0;}
nav div#menu li:first-child:hover {border: none;}
nav div#menu li a.ir {background: url(/library/images/common/icon-home.png) no-repeat center center; height: 46px; width: 46px;}
/* MAXI MENU */
nav div#menu div.submenu {position: absolute; z-index: 1000; display: none; left: -1px; top: 46px; min-width: 250px; background: #F2F5FB; border: 1px solid #BBB; border-top: none;-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; behavior: url(/library/js/PIE.htc);}
nav div#menu li.maxi div.submenu {width: 680px;}
nav div#menu li.maxi div.submenu ul {float:left; border-right: 1px solid #DDD; width: 42%;}
nav div#menu li.maxi div.submenu ul+ul {border: none;}
nav div#menu div.submenu ul {padding: 0 25px; margin: 15px 0;}
nav div#menu div.submenu img {vertical-align: baseline;}
nav div#menu div.submenu li:first-child a {background: none; width: auto; height: auto; margin-top: 0;}
nav div#menu div.submenu li {float: none; background: none; padding: 0; line-height: normal; margin-bottom: 5px;}
nav div#menu div.submenu li:hover {border: none; padding: 0;}
nav div#menu div.submenu li.heading {font-size: 14px; color: #234279; margin-bottom: 10px;}
nav div#menu div.submenu li.heading a {font-size: 14px; color: #234279;}
nav div#menu div.submenu li.editeurs a {float: left; margin: 0 10px 10px 0;}
nav div#menu div.submenu li a {float: none; font-family: Arial, Helvetica, sans-serif; color: #234279; text-transform: none; font-size: 11px;}
nav div#menu div.submenu ul li a:hover {color: #000; text-decoration: underline;}
/*nav div#menu form#f_search {position: absolute; width: 200px; top: 10px; right: 10px;height: 27px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/library/js/PIE.htc); background: #FFF }*/
/*nav div#menu form#f_search input {width: 200px; height: 27px; line-height: 27px; padding-left: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/library/js/PIE.htc); font-size: 11px; background: #FFF url(/library/images/common/icon-search.png) no-repeat 190px center;}*/
/*nav div#menu form#f_search input {width: 180px; height: 27px; line-height: 27px; padding-left: 10px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
behavior: url(/library/js/PIE.htc); font-size: 11px;}
nav div#menu form#f_search button {position: relative; top: -4px; left:-2px; height:27px; width:15px; background: #FFF url(/library/images/common/icon-search.png) no-repeat center;
-webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0; margin-top:0; padding:0px;}*/
nav div#menu form#f_search {position: absolute; width: 210px; top: 10px; right: 10px; height: 27px;}
nav div#menu form#f_search input {width: 182px; height: 27px; padding-left: 10px;font-size: 11px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; behavior: url(/library/js/PIE.htc);}
nav div#menu form#f_search button {position: absolute; top: 0px; right: 3px; width:25px; height: 27px; background: #FFF url(/library/images/common/icon-search.png) no-repeat center; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0;}
/*nav div#ariane {float: left; font-size: 11px; color: #1E3A6C; padding: 0 10px; width:740px;}*/
nav div#ariane {float: left; font-size: 11px; color: #1E3A6C; padding: 0 10px; width: 820px;}
nav div#ariane a {color: #1E3A6C; text-decoration: underline;}
nav div#ariane a:hover {text-decoration: none;}
/*nav #panier {left: 770px; top: 60px;}*/
nav #panier {float:left; width:150px;}
nav div#panier {font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase;}
nav div#panier a {background: url(/library/images/common/icon-panier.png) no-repeat right 0; padding-right: 25px; padding-top: 3px; margin-right: 5px; color: #666;}
nav div#panier a:hover {color: #274987;}
nav div#lang a {display: block; float: right; width: 25px; height: 15px; background: url(/library/images/common/icon-lang.png) no-repeat; margin-left: 5px;}
nav div#lang a#fr {background-position: 0 0;}
nav div#lang a#en {background-position: 0 -15px;}
nav a#advanced_search {float: right; color: #868686; margin-right: 10px;}
nav a#advanced_search:hover {color: #1E3A6C;}
/* ========================================== */
/* ================ ASIDE =================== */
/* ========================================== */
/******* COL RIGHT *******/
/*aside {float: right; width: 200px; padding: 15px 10px 20px 10px;}*/
aside {float: right; width: 320px; padding-bottom: 20px; text-align:center;}
aside * {color: #1E3A6C;}
main aside h2 {margin-bottom: 10px; border-bottom: 3px solid #1E3A6C; padding-bottom: 5px;}
aside .bloc-moncompte {
background: #f2f5fb;
padding: 20px 20px 10px 20px;
margin-bottom: 20px;
text-align:left;
}
aside .bloc-moncompte section {
padding: 0;
margin: 0;
}
/* non loggué */
aside section {/*border-bottom: 1px solid #FFF;*/ padding-bottom: 10px; margin-bottom: 15px;}
aside section#login_institution {display: none;}
aside form.f_ident p {margin-bottom: 5px;}
aside form.f_ident input {margin: 0 10px; width: 170px; height: 20px; padding: 0 5px; border: 1px solid #999; font-size: 11px;color: #999;}
aside form.f_ident input.bt_submit {width: auto; background: #1E3A6C; color: #FFF; text-transform: uppercase; border: none; float: right; margin: 0 8px 0 0;}
aside form.f_ident a {color: #1E3A6C; font-size: 11px; text-decoration: underline; float: right;}
aside form.f_ident p#droite {text-align:right; margin-right:7px;}
/* login particulier */
aside p.welcome {font-size: 13px; margin-bottom: 5px;}
aside p.welcome strong {font-size: 14px;}
aside a {text-decoration: underline;}
aside a:hover {text-decoration: none;}
aside ul {margin-bottom: 20px;}
aside section {margin-bottom: 15px;}
aside h3 {font-size: 12px; text-transform: uppercase; margin-bottom: 5px;}
aside h3 a, aside h4 a {text-decoration: none;}
aside h3 a:hover, aside h4 a:hover {text-decoration: underline;}
aside article {margin-bottom: 5px; font-size: 11px;}
aside article img {width: 40px; float: left; border: 1px solid #484848; margin-right: 5px;}
aside article p {font-style: italic;}
aside p#abonnements {font-weight: bold; font-size: 13px; border-top: 1px solid #1E3A6C; border-bottom: 1px solid #1E3A6C; margin: 15px 0; padding: 5px 0;}
/* bt annonces - pubs */
aside a#bt_annonces {margin-left:35px; margin-right:35px;display: block; height: 40px; line-height: 40px; text-decoration: none; /*width: 196px;*/ margin-bottom: 15px; text-align: center; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 18px; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #091A3A; background: #274A89 url(/library/images/common/bg-annonces.png) repeat-x 0 bottom; behavior: url(/library/js/PIE.htc);}
aside a#bt_annonces span {color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
aside a#bt_annonces:hover {background: #1E3A6C;}
/*aside a.pub {display: block; border: 1px solid #999; margin-bottom: 15px;}*/
aside a.pub {display: block; margin-bottom: 15px; text-align: center;}
/* ========================================== */
/* ============== CONTENT HOME ============== */
/* ========================================== */
main h2 {border-bottom: 3px solid #1E3A6C; padding-bottom: 5px; margin-bottom: 5px; outline: none;}
main p.sublink {text-align: right; margin-bottom: 15px;}
main p.sublink a {color: #1E3A6C; font-size: 11px;}
main p.sublink a:hover {text-decoration: underline;}
main p.all {text-align: right; text-transform: uppercase; font-size: 10px; position: relative; top: -10px;}
main p.all a {color: #868686; display: inline-block; line-height: 30px;}
main p.all a:hover {color: #1E3A6C;}
main p.all#all_articles {top: 10px;}
main p.all#all_articles a {background: url(/library/images/common/icon-articles.png) no-repeat 0 0; padding-left: 25px;}
main p.all#all_nouveautes a {background: url(/library/images/common/icon-livres-ebook.png) no-repeat 0 0; padding-left: 50px;}
main p.all#all_revues a {background: url(/library/images/common/icon-revues.png) no-repeat 0 0; padding-left: 35px;}
main article p.auteur {color: #1E3A6C; font-size: 11px; font-style: italic; margin-bottom: 5px;}
/*main article p.auteur a {color: #1E3A6C; text-decoration: underline;}*/
main article p.auteur a {color: #1E3A6C;}
/* ========================================== */
/* ============== Pub right en HTML ============== */
/* ========================================== */
.pub_ilae {background:#FFFFFF; padding-left:15px; padding-top:15px;padding-bottom:10px;}
.pub_ilae img {margin-bottom: 10px;}
.pub_ilae ul {margin-bottom:0px;}
.pub_ilae li {color:#000000; font-size:13px;}
.pub_ilae a{color:#000000;text-decoration:none;font-weight:bold;}
/* ========================================== */
/* ============== FOOTER ============== */
/* ========================================== */
footer {border-top: 2px solid #1E3A6C; padding-bottom: 50px;}
footer h2 {float: left; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 16px; width: 160px; padding-right: 15px; text-align: right; background: url(/library/images/common/footer-separ.png) no-repeat right top;}
footer h2 span {font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
footer a:hover {text-decoration: underline;}
footer div#partenaires ul, footer div#services ul {float: left; margin-left: 15px;}
footer div#partenaires ul li, footer div#services ul li {display: inline; margin-right: 2px;}
footer div#partenaires ul li a, footer div#services ul li a {margin-right: 2px;}
footer div#partenaires {background: #FCFCFD; height: 60px; line-height: 60px; margin-bottom: 10px;}
footer div#partenaires * {color: #1E3A6C;}
footer div#services {background: #F1F1F1; border-top: 2px solid #777; height: 60px; line-height: 60px; margin-bottom: 30px; padding-right: 5px;}
footer div#services * {color: #777;}
footer div#services div#social {float: right;}
footer div#footer {text-align: center;}
footer div#footer * {color: #1E3A6C;}
footer div#footer ul {margin-bottom: 15px;}
footer div#footer li {display: inline;}
/* ==========================================================================
pages de contenu libre du footer
========================================================================== */
/* bloc contenu-libre */
.b-contenu-footer {width: 338px; padding: 10px 10px 10px 20px; margin-bottom: 15px; border-style: solid; border-width: 1px; border-color: #CCC; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/library/js/PIE.htc);}
.b-contenu-footer h3 {font-size: 13px;}
.b-contenu-footer p {position: relative; padding-left:10px; padding-top:10px; text-align:justify;}
/*.b-contenu-footer p img {position: absolute; top: 3px; left: 0;}*/
.b-contenu-footer ul {margin-bottom: 15px;}
.b-contenu-footer li {margin-left:30px; list-style: circle;}
.b-contenu-footer a {text-decoration:underline; color:#0000ff;}
/* ==========================================================================
pages de contenu libre
========================================================================== */
.pagination {clear:both;}
/* ==========================================================================
MEDIA QUERIES
========================================================================== */
@media (max-width: 1024px) {
#wrapper {
width: 990px;
}
header .pub {
right: 0;
left: auto;
width: 728px;
}
#col_content {
width: 670px;
}
aside {
width: 300px;
}
}
@media (max-width: 768px) {
#wrapper {
border: none;
padding: 0 15px;
width: auto;
}
header {
height: auto;
padding-top: 80px;
/*padding-top: 0;*/
}
header h1 {
margin-top: 20px;
width: 220px;
}
header img {
max-width: 100%;
}
header .pub {
left: 0;
top: 0;
width: 100%;
height: auto;
}
header .pub embed {
height: 50px;
}
/* 20180622/CM header .pub iframe {
display: none;
}
*/
header #panier {
left: auto;
right: 0;
top: 10px;
}
header #lang {
left: 0;
right: auto;
top: 10px;
}
nav div#lang a {
color: white;
}
header .menu-icon {
display: inline-block;
float: right;
margin-top: 25px;
}
header .menu-icon:hover {
outline: none;
text-decoration: none;
}
nav div#ariane {
float: none;
margin-bottom: 15px;
padding: 0;
width: auto;
}
nav div#menu {
background-image: none;
display: none;
height: auto;
}
nav div#menu li {
float: none;
background: none;
}
nav div#menu li a,
nav div#menu li span {
float: none;
}
nav div#menu div.submenu {
position: relative;
left: 0;
top: 0;
min-width: 0;
background: #F2F5FB;
border: none;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
padding-bottom: 15px;
}
nav div#menu li.maxi div.submenu {
width: auto;
}
nav div#menu li.maxi div.submenu ul {
float: none;
border: none;
width: auto;
}
nav div#menu div.submenu ul {
padding: 0;
margin: 0 0 15px 0;
}
main {
background: none;
padding-top: 10px;
}
#col_content {
float: none;
width: auto;
}
aside {
float: none;
width: auto;
}
aside a#bt_annonces {
margin: 15px auto;
}
aside a.pub {
border: none;
text-align: center;
}
footer div#partenaires, footer div#services {
height: auto;
line-height: normal;
padding: 10px 0;
}
footer h2 {
float: none;
width: auto;
padding-left: 15px;
text-align: left;
background: none;
}
footer div#partenaires ul, footer div#services ul {
float: none;
margin-right: 15px;
}
}
@media (max-width: 480px) {
header {
padding-top: 40px;
}
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px;}
.ir:before {content: ""; display: block; width: 0; height: 150%;}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {display: none !important; visibility: hidden;}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; width: 1px;}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {visibility: hidden;}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {content: " "; /* 1 */
display: table; /* 2 */}
.clearfix:after {clear: both;}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {*zoom: 1;}
.alerte, .alerte a {color: #FF0000;}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: none;
}
abbr:after,
a:after{content:"" !important;}
/* a[href]:after {
content: " (" attr(href) ")";
}
*/
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
header .pub {
display: none;
}
header #panier {
display: none;
}
header #lang {
display: none;
}
}