* { box-sizing: border-box; }
html, body { height: 100%; }

/* REPLICA Complete */

@font-face {
    font-family: "Replica-Bold";
    src:url("/replicafont/fonts/lineto-replica-bold.eot");
    src:url("/replicafont/fonts/lineto-replica-bold.eot?#iefix") format("embedded-opentype"),
        url("/replicafont/fonts/lineto-replica-bold.woff2") format("woff2"),
        url("/replicafont/fonts/lineto-replica-bold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Replica-Regular";
    src:url("/replicafont/fonts/lineto-replica-regular.eot");
    src:url("/replicafont/fonts/lineto-replica-regular.eot?#iefix") format("embedded-opentype"),
        url("/replicafont/fonts/lineto-replica-regular.woff2") format("woff2"),
        url("/replicafont/fonts/lineto-replica-regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* generique */
body {
    /* font-family: 'Times New Roman';
    line-height: 22px;
    font-size:20px; */
    font-family: 'Times New Roman';
    line-height: 14px;
    font-size:10px;
    word-wrap: break-word;
    color: black;
}



img { width: 100%; height: auto;}
.img-responsive { width: 100%; height: auto; margin-bottom: 10px; }

div.borderleft {
	border-left:1px solid black;
}
div.bordertop { 
	border-top: 1px solid black;
	padding-top:15px; 
	margin-top:15px;
}
.borderbottom { 
	border-bottom: 1px solid black;
	margin-bottom:30px;
	padding-bottom:15px; 
    display: block;
}
div.r3.borderbottom p {
	margin:0;
}
a.globallink { 
    position: absolute;
    display: block;
    top:0;
    left:0;
    width: 100%;
    height:100%;
}

#pageStation a {
    text-decoration: none;
    color: #00beff;
    border-bottom: 1px solid #00beff;
    display: inline;
}
#pageStation ul { list-style-type: none; padding-left: 0; }

#pageStation ul li > a::before {
    content: "→ ";
    font-family: 'Replica-Regular';
}
#pageStation img {
   margin-bottom: 10px;
}
/* FONTS Arhem 
    Time new roman
*/
.a0 {
    /* font-family: 'Times New Roman';
    font-size:40pt;
    line-height: 40pt; */
    font-family: 'Times New Roman';
    font-size:35pt;
    line-height: 38pt;
}
.a1 {
    /*font-family: 'Times New Roman';
    font-size:30pt;
    line-height: 36pt;*/
    font-family: 'Times New Roman';
    font-size:25pt;
    line-height: 28pt;
    padding-bottom: 15px;
}
.a2 {
    /*font-family: 'Times New Roman';
    font-size:20pt;
    line-height: 24pt;*/
    font-family: 'Times New Roman';
    font-size:20pt;
    line-height: 24pt;
}

.a3 {
    /*font-family: 'Times New Roman';
    font-size:15pt;
    line-height: 19pt; */
    font-family: 'Times New Roman';
    font-size:14pt;
    line-height: 17pt;
}

.a4 { 
    font-family: 'Times New Roman';
    font-size:10pt;
    line-height: 12pt;
}
.blue { color: #00BEFF; }
.grey { color: #A0A0A0; }

/* FONTS Replica */
.r0 {
    font-family: "Replica-Bold";
    font-size:40pt;
    line-height: 40pt;
    text-align: center;
    padding-bottom:20px;
}
.r1 {
    font-family: 'Replica-Regular';
    font-size:30pt;
    line-height: 36pt;
    color: #00BEFF;
}
.r2 {
    font-family: "Replica-Bold";
    font-size:30pt;
    line-height: 30pt;
    margin-bottom: 10px;
}

.r3 {
    font-family: "Replica-Bold";
    font-size:20pt;
    line-height: 22pt;
    padding-bottom: 15px;
}

.r4, .ressources h1 {
    font-family: "Replica-Bold";
    font-size:15pt;
    line-height: 16pt;
}
.r5, ul.menui18n li a, #bibliosearch {
    font-family: "Replica-Regular";
    font-size:10pt;
    line-height: 15pt;
    letter-spacing: 0.5pt;
    text-transform: uppercase;
}
/* autres */
.a4 a, a.a4 {
    font-family: 'Times New Roman';
    font-size:10pt;
    line-height: 12pt;
}

.a1 strong, .a2 strong, .a3 strong, .a4 strong {
    font-weight: bold;
}
a, a:hover {
    color: inherit;
    text-decoration: none;
}
a.a0 { color:white;}

h1, .h1, h2, .h2, h3, .h3 {
    margin:0;
    padding: 0;
}
/* lire la suite */
div.lirelasuite a { 
	display:block;
	margin-top:30px;
	font-size:20px;
}

div.lirelasuite a:hover { 
	color:#00beff;
}
div.lirelasuite a::before {
	content: "↓ ";
	font-size: 25px;
}

/* carousel */
.carousel-control.right {
    background-image: none;
    right: 0;
    border: 0!important;
}
.carousel-control.left {
    background-image: none;
    background-repeat: repeat-x;
    border: 0!important;
}

/* firstheader */
#firstheader {
    border-top: 15px solid #00beff;
    padding-top: 30px; 
}

#logolink img { margin-top: -15px;}
#logolink img { 
    width:auto;
    height: 70px;
}

/* second menu*/
/* second header specific page stations */
div.menustations ul li, div.menubiblio ul li {
    display: inline-block;
    margin-right: 20px;
}
div.menustations ul {
    width: 90%;
    margin:0 auto; 
}
div.menubiblio ul {
    padding:0;
    margin:0;
}
#headerbiblio.bordertop { margin-top: 30px; }
#headerbiblio.borderbottom { margin-bottom: 15px; }
#bibliolookingfor { margin-bottom: 15px;}
#bibliosearch { border: 0;width:100%;}
#bibliosearch::-webkit-input-placeholder { color: black; }
#bibliosearch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
}
#bibliosearch::-moz-placeholder { /* Firefox 19+ */
  color: black;
}
#bibliosearch:-ms-input-placeholder { /* IE 10+ */ color: black;
}
#bibliosearch:-moz-placeholder { /* Firefox 18- */
  color: black;
}


/* menu */
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-collapse {
  padding: 0;
}
.navbar-default .navbar-nav { margin: 0 auto;}
.navbar-default .navbar-nav > li > a {
    color: black;
}
.navbar-nav > li > a {
    font-size: 10pt;
    line-height: 15pt;
    letter-spacing: 1pt;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 15px;
    text-transform: uppercase;
}
ul > li > a.active.current, ul > li > a:focus, ul > li > a:hover  {
    color:#00beff;
}
.navbar-default {
    margin-top:0;
    margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active.current, .navbar-nav > li > a.active.sub { 
    color: #00beff; 
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active.current, .navbar-nav > li > a.active.sub {
  color: #00beff;
}
.navbar-nav > li:last-child > a { 
    border-right: 0;
}
ul.nav.nav-list li a:hover, ul.nav.nav-list li a:focus {
    color: #018fe2;
    background-color: transparent;
    text-decoration: none;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active.current {
    color: #00beff;
}

/* menu i18n */
ul.menui18n { padding: 0;float:right;}
ul.menui18n li a img { display:none;}
ul.menui18n li.current.first a::after { content: " / "; }
ul.menui18n li { display: inline-block;}

/* centeredtextonimage */
div.centeredlinkonimage {
    background:#ccc;
    background-repeat: no-repeat;
    background-size: cover;
    width:100%;
    height:500px;
    line-height:500px;
    text-align:center; /* centrage horizontal */ 
}
div.centeredlinkonimage div.bloc span.a0 {
    font-family: "Replica-Regular";
    font-size: 30pt;
    letter-spacing: 1pt;
    line-height: 36pt;
}
div.centeredlinkonimage div.bloc {
	width:80%; /* largeur du bloc */
	padding:10px; /* aération interne du bloc */
	vertical-align:middle;
	display:inline-block;
	line-height:1.2; /* on rétablit le line-height */
	text-align:center; /* ... et l'alignement du texte */ 
	color:white;
}

.video-container { margin-bottom: 10px; }

/* Teaser (vignette station ) */
div.teaser { 
	position: relative;
} 
div.stationsvignette { 
    margin-bottom:30px;
}
div.stationsvignette img { 
    width:100%;
    margin-bottom: 15px;
    height: auto;
}

/* Isotope  Mansonry */
.grid-item { 
  width: 15%;
  height: 140px;
  border-top: 1px solid #333;
  margin-bottom: 15px;
  padding-top: 10px;
  overflow: hidden;
 }
 .grid-item a { 
    color:#00BEFF;
 }
.grid-item.index .a4 {  
    font-family: "Replica-Bold";
    font-size:40pt;
    line-height: 40pt;
    text-align: left;
    padding-bottom:20px;
}
.grid-item.index .teaser-text {
    display: none;
 }


/* footer */
div.footer {
  border-top: 1px solid black;
  padding-top: 30px;
  margin-bottom: 30px;
  margin-top: 30px;
}
div.footer img { width:300px; height:auto;}

/* Détails page présentation */
#pagepresentation p { 
    margin-bottom: 20px;
}
/* Détails page contactparticpants */
#participantscontact a {
    font-size: 10pt;
    letter-spacing: 1pt;
    line-height: 15pt;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
}
/* Responsif */

@media (max-width:991px) {
   
}
@media (min-width:  992px) {
    div.norightpadding { padding-right: 0; }
    div.noleftpadding { padding-left: 0; }
}

@media (max-width:767px) {
  
}

@media (min-width:768px) and (max-width:991px) {
    div.norightpadding { padding-right: 0; }
    div.noleftpadding { padding-left: 0; }


}
@media (max-width:768px) {
    .navbar-nav {
     margin: 0;
    }
    ul.menui18n {
        margin-right: 15px;
    }
}