/* 04 avril 2016 */
/* Font face & icon */

@font-face {
  font-family: 'oswald';
  src: url('fonts/oswald/Oswald-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'oswald';
  src: url('fonts/oswald/Oswald-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'oswald';
  src: url('fonts/oswald/Oswald-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'oswald';
  src: url('fonts/oswald/Oswald-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}



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


/* start */

.ab-clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

html {
  background: #8e8075;
  margin: 0;
  border-top: 50px solid black;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

body {
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

@media screen and (max-width: 1024px) {
  .dark>body {
    background-color: #000;
  }
}

main {
  opacity: 1;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}

@media screen and (max-width: 1024px) {
  .dark main {
    opacity: .1;
  }
}

@media screen and (min-width: 1025px) {
  html {
    border-top: 38px solid #8D200B;
  }
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "oswald", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  margin: 0 auto 0;
  line-height: 25px;
  width: 100%;
  overflow-x: hidden;
}

@media screen and (min-width: 1025px) {
  body {
    width: 1024px;
  }
  #single-column,
  .page-item {
    min-height: 600px;
  }
}

.page-item #pageContent,
#pageContent .page-item {
  min-height: auto;
}

em {
  font-style: italic;
}

b,
strong {
  font-weight: bold;
}

hr {
  border: 0;
  height: 1px;
  background: #808075;
  margin: 35px 0;
}

header.menu {
  background: #69160E;
  position: relative;
  top: 0;
  z-index: 20;
  width: 100%;
}

header.menu .tools-button {
  padding: 0 15px;
  height: 37px;
  /*  line-height: 38px;*/
}

@media screen and (min-width: 1025px) {
  header.menu {
    position: absolute;
    background: #8D200B;
    width: 1024px;
  }
}

header.cartouche {
  background: #c2a36d;
  min-height: 90px;
  margin-top: 0;
  padding-left: 15px;
}

@media screen and (min-width: 1025px) {
  header.cartouche {
    background: url("images/cartouche-mur.jpg") no-repeat scroll 0 0 #c2a36d;
    padding-left: 270px;
  }
}

header.cartouche h2 {
  font-size: 31px;
  line-height: 68px;
  text-align: left;
  margin-bottom: 0;
}

header.cartouche h2.small {
  font-size: 31px;
}

header.cartouche span {
  color: white;
  display: block;
  font-size: 14px;
  line-height: 25px;
  padding-bottom: 10px;
}

@media screen and (min-width: 1025px) {
  header.cartouche span {
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 10px;
  }
}

h1.home {
  margin: 0;
  margin-right: 15px;
  float: left;
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
  height: 50px;
  background: #69160E;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.2);
}

h1.home a {
  height: 50px;
  width: 234px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: -100%;
  margin: 0;
  display: block;
  background: transparent url("images/andrebreton.svg") no-repeat -15px center;
}

.no-svg h1.home a {
  background: transparent url("images/andrebreton.gif") no-repeat -15px center;
}

.menu-mobile {
  display: block;
  width: 87px;
  height: 50px;
  background: #8D200B url('images/menu.svg') no-repeat right center;
  position: absolute;
  z-index: 9999;
  right: 0;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif;
  line-height: 41px;
  font-size: 12px;
  top: 0;
  color: #fff;
  text-transform: uppercase;
  padding-left: 7px;
}

@media screen and (min-width: 1025px) {
  h1.home {
    width: auto;
    height: auto;
    position: static;
    box-shadow: none;
    margin-right: 20px;
  }
  h1.home a {
    background: transparent url("images/andrebreton.svg") no-repeat center center;
    height: 38px;
  }
  .no-svg h1.home a {
    background: transparent url("images/andrebreton.gif") no-repeat center center;
  }
  .menu-mobile {
    display: none;
  }
}

ul li a:hover {
  -webkit-transition: color 200ms;
  transition: color 200ms;
  color: #D57724!important;
}

.slide ul li a:hover {
  -webkit-transition: color 600ms;
  transition: color 600ms;
  color: #D57724!important;
}


/* section .home-card */
.home-card {
    margin:31px auto;
    width:300px;
    font-family: "oswald", sans-serif;
}

@media screen and (min-width: 661px) {
  .home-card {
    width:631px;
  }
}

@media screen and (min-width: 1023px) {
  .home-card {
    width:962px;
  }
}

.home-card_card {
  margin-bottom: 31px;
  background: #fff;
  width: 300px;
  position: absolute;
  top: -9999px;
}

.home-card_card:hover {
  cursor: pointer;
}

.home-card_img {
  display: block;
  width: 100%;
  height: auto;
}

.home-card_card.is-hover .home-card_img {
  opacity: .2;
  transition: opacity 500ms;
}

h2.home-card_title{
  font-size: 24px;
  line-height: 1.5em;
  margin: 10px;
  text-align: left;
}

h2.home-card_title a,
a:hover,
a:focus{
  color: #8D200B;
  text-decoration: none;
}

.home-card_meta {
  margin: 10px;
  color: #808080;
}

.home-card_figcaption {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 500ms;
}

.home-card_card.is-hover .home-card_figcaption {
  opacity: .8;
}


/* a */

.home-card_background {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  font-size: 21px;
  line-height: 1.5em;
  color: #8D200B;
}

.home-card_background:hover {
  text-decoration: none;
  color: #8D200B;
}

.home-card_year {
  color: #808080;
}

span.is-block {
  display: block;
}


/*                    */


/* navigation mobile  */

nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#navigation ul {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

nav>ul {
  display: none;
  clear: both;
  background: #574741;
}

nav>ul.show {
  display: block;
}

nav>#tools {
  display: none;
}

nav ul>li {
  display: block;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  line-height: 49px;
  height: 49px;
  border-bottom: 1px solid #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: #574741;
}

nav #tools>li:first-child {
  /*  border-bottom: 1px solid transparent;*/
  /*  remove du 15 octobre 2015 */
}

nav ul li a {
  color: #fff;
  display: block;
  text-indent: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#navigation>li>a[href="#"]:after {
  content: 'next';
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  position: absolute;
  right: 15px;
  opacity: .5;
}

#navigation li.back>a:before {
  content: 'close';
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  opacity: .5;
  margin-right: 15px;
}


/* MAX - WIDTH !!!*/

@media screen and (max-width: 1024px) {
  nav {
    overflow-x: hidden;
    display: table;
  }
  .menu>nav>* {
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
  }
  .menu ul ul {
    display: none;
  }
  .slide-me {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .menu ul.unslide-me {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    display: block;
  }
}


/* navigation desktop et plus */

@media screen and (min-width: 1025px) {
  #navigation a:after {
    display: none;
  }
  nav {
    position: static;
  }
  nav ul {
    position: static;
    top: auto;
    left: auto;
    display: block;
    clear: none;
    background: transparent;
  }
  nav>#tools {
    display: block;
    float: right;
  }
  nav ul>li {
    float: left;
    display: block;
    height: 38px;
    width: auto;
    line-height: 38px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    position: relative;
    border-bottom: 0;
    background: transparent;
  }
  nav ul>li a {
    font-family: "oswald", sans-serif;
    text-decoration: none;
    color: white;
    font-size: 16px;
    padding: 0 9px;
    text-indent: 0;
  }
  .back {
    display: none;
  }
  #navigation li ul {
    clear: both;
    position: absolute;
    top: 38px;
    width: 450px;
    margin: 0px;
    padding: 10px 0px;
    z-index: 10;
    background: none repeat scroll 0% 0% #8D200B;
  }
  nav li li {
    display: block;
    float: none;
    margin: 0;
    height: 25px;
    line-height: 25px;
  }
  nav li li a {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 13px;
  }
  /* correction 26.11.2014 */
  #navigation li:nth-child(4) li {
    margin-left: -102px;
  }
  /* fin */
}

#tools {
  width: 100%;
}

#tools li a {
  padding: 0;
  color: #C2A36D;
}

#tools li:nth-child(2) {
  display: none;
}

#tools a.icon-search {
  /*  float:right;*/
  text-indent: 38px;
  width: 28px;
  height: 38px;
  display: block;
  overflow: hidden;
  text-overflow: clip;
  background: transparent url("images/icon-search.svg") no-repeat center center;
}

.no-svg #tools a.icon-search {
  background: transparent url("images/icon-search.gif") no-repeat center center;
}

@media screen and (min-width: 1025px) {
  #tools {
    float: right;
    width: auto;
  }
  #tools li:nth-child(2) {
    display: block;
  }
  #tools li a {
    padding: 0 5px;
    color: #C2A36D;
  }
  #tools a.icon-search {
    text-indent: 38px;
    width: 28px;
    height: 38px;
    display: block;
    overflow: hidden;
    background: transparent url("images/icon-search.svg") no-repeat center center;
  }
  .no-svg #tools a.icon-search {
    background: transparent url("images/icon-search.gif") no-repeat center center;
  }
}


/* UTILS */

.hide-me {
  display: none;
}

@media screen and (max-width: 1024px) {
  .hide-me-mobile {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  .hide-me-desktop {
    display: none;
  }
}

.show-me {
  animation: show 200ms ease both;
}

img.center {
  margin: 0 auto;
  display: block;
}

.left {
  float: left;
}

@keyframes hide {
  0% {
    height: 400px;
  }
  100% {
    height: 0;
  }
}

@keyframes show {
  0% {
    opacity: 0;
    display: none;
  }
  100% {
    opacity: 1;
    overflow: auto;
    display: block;
  }
}


/*----------------*/


/*   LOGIN BAR    */


/*----------------*/

#login-panel form {
  display: inline-block;
  float: right;
  color: white;
  width: 40%;
  font-family: "oswald", sans-serif;
  font-size: 12px;
  padding: 21px 10px 10px 10px;
  font-weight: 300;
}

#login-panel p {
  margin-left: 115px;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 400;
}

#login-panel .error {
  color: #ffae00;
  margin-left: 21px;
}

#login-panel label {
  width: 100px;
  display: inline-block;
  text-align: right;
  margin-right: 15px;
  font-weight: 400;
}

#login-panel input {
  width: 184px;
}

#login-panel input,
#login-panel button {
  border: none;
  font-family: "oswald", sans-serif;
  font-size: 12px;
  line-height: 14px;
  padding: 5px 6px;
  margin: 0 15px 5px 0;
  font-weight: 300;
  display: inline-block;
}

#login-panel button {
  background: #691208;
  color: white;
}

#languages {
  margin-left: 115px;
  margin-bottom: 8px;
  float: right !important;
}

#languages ul{
  margin-right: 29px;
}

#languages ul li span {
  color: #fff
}


#languages ul li a {
  color: #D57724!important;
}

#askLog {
 margin-left: 115px;
 margin-bottom: 8px;
 font-size: 13px;
 text-align: justify;
 width: 55%;
}

#askLog span {
  display: block;
}
/*----------------*/


/*   SEARCH BAR   */


/*----------------*/

@media screen and (max-width: 1024px) {
  #search #norql {
    border: 0;
    border-radius: 0;
    margin: 0;
    height: 46px;
    padding: 2px 13px 2px 15px;
    width: calc(100% - 50px - 28px);
  }
  #search .btn {
    float: right;
    margin: 0;
    text-indent: 48px;
    width: 49px;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 0;
    display: block;
    overflow: hidden;
    background: #8D200B url("images/icon-search.svg") no-repeat center center;
  }
  .no-svg #search .btn {
    background: #8D200B url("images/icon-search.gif") no-repeat center center;
  }
}

@media screen and (min-width: 1025px) {
  #search {
    float: right!important;
    font-family: "oswald", sans-serif;
    font-size: 12px;
    height: 60px;
    padding: 10px;
    font-weight: 300;
  }
  #search input,
  #search button {
    border: none;
    font-family: "oswald", sans-serif;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 6px;
    margin: 0 21px 0 0;
    font-weight: 300;
    display: inline-block;
  }
  #search a {
    text-decoration: none;
    color: #C2A36D;
    margin-right: 21px;
    font-size: 12px;
  }
  #search button {
    background: #691108;
    color: white;
  }
  #search form {
    /*    height: 50px;*/
  }
}


/*----------------*/


/*  SOCIAL TOOLS  */


/*----------------*/

#social .sidetools a {
  font-family: "oswald",sans-serif;
  font-size: 21px;
  line-height: 34px;
  height: 30px;
  margin: 0 0 1em 0;
  text-decoration: none;
  width: 172px;
  display: block;
  overflow: hidden;
  color: #D57724;
  cursor: pointer;
  white-space: nowrap;
}

#share ul li a {
  font-size: 12px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  display: block;
  width: 30px;
  overflow: hidden;
  height: 25px;
}

#share ul li a:hover {
  width: auto;
}

.social a.lsf-icon:hover {
  width: auto;
  color: black!important;
}

.lsf,
.lsf-icon:before,
.lsf-icon:after {
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.lsf-icon:before,
.lsf-icon:after {
  content: attr(title);
  margin-right: 12px;
  margin-left: 7px;
  font-size: 24px!important;
  line-height: 22px!important;
}

.lsf-icon.facebook:before {
  content: '\E047';
}

.lsf-icon.twitter:before {
  content: '\E12f';
}

.lsf-icon.mail:before {
  content: '\E08a';
}

.lsf-icon.pinterest:before {
  content: '\E104';
}

.lsf-icon.more:before {
  content: '\E108';
}

.lsf-icon.rss:after {
  content: '\E113';
  color: #f60;
}

#w-comm-full {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 200%;
  background: rgba(255, 255, 255, 0.8);
}

#w-comm-full #w-comm-close {
  color: white;
  background: #8D200B;
  padding: 3px;
  font-size: 12px;
  float: right;
  cursor: pointer;
}

#w-comm-full form {
  width: 600px;
  background: #ececec;
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: -248px;
}

#w-comm-full h3 {
  color: #534741;
  font-size: 20px;
  font-weight: 700;
  width: 200px;
  text-transform: uppercase;
  text-align: right;
  margin: 41px 0 21px 0;
}

#w-comm-full label {
  color: #691208;
  text-align: right;
  width: 200px;
  vertical-align: top;
  display: inline-block;
  line-height: 24px;
}

#w-comm-full input {
  display: inline-block;
  border: none;
  width: 327px;
  margin-left: 11px;
  margin-bottom: 21px;
  height: 24px;
}

#w-comm-full textarea {
  display: inline-block;
  border: none;
  width: 327px;
  margin-left: 11px;
  margin-bottom: 21px;
  height: 200px;
}

#w-comm-full button {
  border: none;
  font-family: "oswald", sans-serif;
  font-size: 12px;
  line-height: 13px;
  padding: 5px 6px;
  margin: 4px 59px 35px 0;
  font-weight: 300;
  display: inline-block;
  background: #8D200B;
  color: white;
  float: right;
}


/*----------------*/


/*   SLIDE HOME   */


/*----------------*/

.slide {
  margin-top: 0;
  height: 326px;
  background: transparent;
  position: relative;
}

@media screen and (min-width: 1025px) {
  .slide {
    height: 652px;
  }
  .slide>ul>li{
    display:block;  /* mars 2016 */
  }
}

.slide ul {
  position: absolute;
  bottom: 0;
  float: left;
  width: 100%;
}

.slide li {
  float: left;
  display: block;
  text-align: center;
  height: 76px;
  line-height: 75px;
  font-family: "oswald", sans-serif;
  font-size: 23px;
  text-transform: uppercase;
  overflow: hidden;
  margin:0;
}

.slide li a {
  text-decoration: none;
  color: white;
  display: block;
}

.slide li.first {
  width: 50%;
  background: #574741;
  display: none;
}

.slide li {
  width: 50%;
  background: #8e8075;
  display: none; /* version 1 item mars 2016 */

}

.slide li.last {
  width: 100%; /* version 1 item  mars 2016 */
  background: rgb(156, 143, 133);
  display: block;
}

@media screen and (min-width: 1025px) {
  .slide li.first {
    width: 346px;
    display: block; /* mars 2016 ? */
  }
  .slide li {
    width: 332px;
  }
  .slide li.last {
    width: 346px;
  }
}


/* $$$ */

.slide div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -moz-transform: rotate(0);
  -webkit-transform: translateZ(0);
}

div.mur {
  background: transparent url('images/mur.jpg') no-repeat center center;
  background-size: cover;
  display: block; /* mars 2016 */
}

div.bureau {
  background: transparent url('images/bureau.jpg') no-repeat center center;
  background-size: cover;
  display: none; /* mars 2016 */
}

div.map {
  background: transparent url('images/map.jpg') no-repeat center center;
  background-size: cover;
  display: none; /* mars 2016 */
}

@media screen and (min-width: 1025px) {
  div.mur {
    background: transparent url('images/mur.jpg') no-repeat center top;
  }

  div.bureau {
    background: transparent url('images/bureau.jpg') no-repeat center top;
  }

  div.map {
    background: transparent url('images/map.jpg') no-repeat center top;
  }
}


/* main */

main {
  background: #f9f9f8;
}


/* sidebar */

.sidebar h2,
.menu-box,
.sidebar #cw-filter-facets-table,
.box-title,
.box,
.filter-separater {
  display: none;
}

@media screen and (min-width: 1025px) {
  .sidebar h2,
  .menu-box,
  #cw-filter-facets-table,
  .box-title,
  .box,
  .filter-separater {
    display: block;
  }
}

.cw-relationwidget-table .facet input[name=has_text-facet] {
  width: 25em;
}


.sidebar {
  background: rgba(194, 163, 109, 0.2);
  display: block;
}

.sidebar>ul {
  padding: 2px 17px 17px 17px;
}

.sidebar:empty {
  padding: 0;
}

@media screen and (min-width: 1025px) {
  .sidebar {
    background: #f9f9f8;
    display: block;
    width: 174px;
    float: left;
    padding: 60px 30px 60px 30px;
  }
  .sidebar:empty {
    width: 174px;
    float: left;
    padding: 60px 30px 60px 30px;
  }
}

.sidebar h2 {
  font-size: 20px;
  text-transform: uppercase;
  text-align: left;
  line-height: 33px;
  margin: 0;
}

.sidebar>ul {
  margin-bottom: 30px;
}

.sidebar ul li a {
  color: #534741;
  display: block;
  text-decoration: none;
  font-family: "oswald", sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.sidebar ul li {
  margin-bottom: 10px
}

.sidebar ul ul li a {
  color: #534741;
  display: block;
  text-decoration: none;
  font-family: "oswald", sans-serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
  margin-left: 11px;
}


/*----------------*/


/*   page-item    */


/*----------------*/

.h4-date {
  font-size: 17px;
  line-height: 27px;
  font-family: "oswald", sans-serif;
  color: #8D200B;
  margin-top: 24px;
  margin-bottom: 12px;
  display: block;
}

.page-item {
  padding: 30px 13px 30px 17px;
}

.page-item .col {
  width: 100%;
  float: left;
  margin-bottom: 24px;
}

.page-item article .col {
  width: 50%;
  float: left;
  margin-bottom: 24px;
}

@media screen and (max-width: 780px) {
  .page-item article .col {
    width: 90%;
  }
  .page-item article a>img {
    margin-top: 24px!important;
  }
}

@media screen and (min-width: 1025px) {
  .page-item .col {
    width: 50%;
    float: left;
  }
}

@media screen and (max-width: 780px) {
  .page-item {
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
}

@media screen and (min-width: 1025px) {
  .page-item {
    float: left;
    width: 600px;
    padding: 60px 26px 60px 34px;
  }
}

#single-column h2,
.page-item h2 {
  font-size: 20px;
  text-align: left;
  margin-bottom: 20px;
}

@media screen and (min-width: 1025px) {
  #single-column h2,
  .page-item h2 {
    font-size: 38px;
    margin-bottom: 26px;
  }
}

#single-column h3,
.page-item h3 {
  font-size: 17px;
  color: #8D200B;
  line-height: 24px;
  margin-bottom: 5px;
}

@media screen and (min-width: 1025px) {
  #single-column h3,
  .page-item h3 {
    font-size: 17px;
    margin-bottom: 7px;
  }
}

#single-column p,
.page-item p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 7px;
}


/* Correction BW 26.11.2014 */


/* Correction BW 19.10.2015 */

.page-item figure {
  /*  float: left;*/
  display: block;
  margin-bottom: 7px;
  margin-right: 54px;
}

.page-item figure p {
  font-size: 12px;
  color: #777;
}


/* fin */

.page-item .data {
  vertical-align: baseline;
  color: #808075;
  margin: 44px 0;
  line-height: 23px;
}

.page-item .data a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.page-item .data th, .page-item .data td {
  border-top: 1px solid #808075;
  border-bottom: 1px solid #808075;
  padding: 10px;
  font-size: 14px;
}

.page-item .data th, .page-item .data td:first-child {
  font-size: 17px;
  font-family: "oswald", sans-serif;
  text-align: right;
  color: #8D200B;
  border-right: 24px solid #f9f9f8;
  background-color: inherit;
}

@media screen and (min-width: 1025px) {
  .page-item .data th, .page-item .data td:first-child {
    width: 172px;
  }
}

.page-item .thumb {
  margin-right: 7px;
  border: 4px solid transparent;
}

.page-item .thumb:hover,
.page-item .thumb.curr {
  cursor: pointer;
  border: 4px solid #D57724;
}

.page-item #full:hover {
  cursor: pointer;
}


/* page || section */


/* katia */


/* .section{ */


/* 	float:left; */


/* 	padding:60px 26px 60px 34px; */


/* 	width:600px; */


/* } */

.section label {
  font-size: 17px;
  font-family: "oswald", sans-serif;
  color: #8D200B;
  margin-right: 12px;
  line-height: 23px;
  float: left;
}

.section input {
  border: 1px solid #808075;
  height: 24px;
  float: left;
  width: 190px;
  margin-right: 12px;
}

.section button {
  border: none;
  font-family: "oswald", sans-serif;
  font-size: 12px;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0 15px 5px 0;
  font-weight: 300;
  display: inline-block;
  background: #8D200B;
  color: white;
  float: left;
}

.section small {
  display: block;
  font-size: 12px;
  line-height: 29px;
  clear: both;
}

.section a.lsf-icon.flux-rss {
  text-decoration: none;
  color: #8D200B;
  margin-top: 32px;
  display: inline-block;
  border-bottom: 1px dotted #f60;
  padding-bottom: 1px;
}

.section a.lsf-icon.flux-rss:before {
  display: none;
}

.section a.lsf-icon.flux-rss:after {
  margin-right: 0;
}

.section h3 {
  font-size: 29px;
  line-height: 35px;
  color: #534741;
  margin-bottom: 21px;
  width: 490px;
}

.section p {
  font-size: 14px;
  line-height: 20px;
  width: 490px;
  margin-bottom: 20px;
  max-width: 100%; /* pour mobile */
}

.page-nav ul {
  float: left;
  margin-top: 21px;
  margin-bottom: 21px;
}

.page-nav ul li {
  display: inline-block;
  margin: 0;
}

.page-nav ul li:last-child {
  margin-right: 0px;
}

.page-nav ul li a {
  font-size: 18px;
  padding: 10px;
  display: block;
  text-decoration: none;
  color: #8E8E8E;
}

@media screen and (min-width: 1025px) {
  .page-nav ul li a {
    font-size: 15px;
    padding: 10px;
  }
  .page-nav ul li a:first-child {
    padding-left: 0;
  }
}

.page-nav ul.right {
  float: right;
}


/* item */

.item a.add {
  background: #e7e7e7 url("images/add.svg") no-repeat 0 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: 100%;
  overflow: hidden;
}

.no-svg .item a.add {
  background: #e7e7e7 url("images/add.gif") no-repeat 0 0;
}


/* mon album */

.item a.up,
.item a.down,
.item a.trash {
  right: 0;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  overflow: hidden;
}

.item a.trash {
  background: #e7e7e7 url("images/trash.svg") no-repeat 0 0;
  position: absolute;
  top: 0;
}

.no-svg .item a.trash {
  background: #e7e7e7 url("images/trash.gif") no-repeat 0 0;
}

.item a.up {
  background: #e7e7e7 url("images/up.svg") no-repeat 0 0;
  position: absolute;
  top: 26px;
}

.no-svg .item a.up {
  background: #e7e7e7 url("images/trash.gif") no-repeat 0 0;
}

.item a.down {
  background: #e7e7e7 url("images/down.svg") no-repeat 0 0;
  position: absolute;
  top: 52px;
}

.no-svg .item a.down {
  background: #e7e7e7 url("images/down.gif") no-repeat 0 0;
}

.item {
  position: relative;
  background: #EDEDED;
  /* LIDL des jeunes */
  margin-bottom: 5px;
  padding: 16px 36px;
}

.item p {
  width: auto;
}

.item .col {
  overflow: hidden;
}

div.work_image {
  float: left;
  margin-right: 36px;
}

div.work_image  a.invoice_link{
 display: block;
 font-size: 80%;
 color: #777;
 width: 150px;
}

.item h2 {
  font-size: 21px;
  font-weight: 400;
  text-align: left;
  margin-top: 21px;
  margin-bottom: 0;
}

.item a {
  text-decoration: none;
  color: #8B200B;
}

#img-full {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: table-cell;
  background: rgba(0, 0, 0, 0.9);
  overflow: scroll;
}

.img-center {
  text-align: center;
  display: block;
  margin: auto;
  padding: 30px;
}


/* home page */

.col1-3 {
  width: 321px;
  float: left;
  padding: 60px 10px;
}

.col1-3:nth-child(2) {
  width: 322px;
  float: left;
}

.col1-3 .article {
  margin-bottom: 95px;
}

.article .post {
  background: white;
  padding: 20px;
  width: 255px;
  margin: 0 auto;
}

.article .post h3 {
  font-family: "oswald", sans-serif;
  font-size: 21px;
  color: #8D200B;
  font-weight: 400;
  line-height: 1.3em;
}

.article .post small,
.article .post p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 40px;
  display: block;
}

h2 {
  font-family: "oswald", sans-serif;
  text-align: center;
  font-size: 59px;
  color: #8D200B;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 95px;
}

h2 span {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 300;
  display: block;
  color: #574741;
  margin-bottom: 30px;
  line-height: 1em;
}

blockquote.tiny {
  font-family: "oswald", sans-serif;
  text-align: center;
  font-size: 23px;
  color: #574741;
  line-height: 33px;
  font-weight: 400;
}

blockquote.big {
  font-family: "oswald", sans-serif;
  text-align: center;
  font-size: 39px;
  color: #574741;
  margin-bottom: 22px;
  letter-spacing: .5px;
  text-transform: uppercase;
  line-height: 50px;
  font-weight: 700;
}

.quote figcaption {
  font-size: 15px;
  text-align: center;
  font-weight: 400;
}


/* ressources */

.ressources {
  float: left;
  padding: 60px 26px 60px 34px;
  width: 600px;
  font-size: 14px;
  line-height: 21px;
}

.ressources h3 {
  font-family: "oswald", sans-serif;
  font-size: 23px;
  color: #8D200B;
  margin-bottom: 24px;
}

.ressources h4 a {
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted black;
  color: black;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

.ressources p {
  margin-bottom: 24px;
}


/* index contributeur */

.index {
  /* float:left; */
  /* padding:60px 26px 60px 34px; */
  /* width:600px; */
  font-size: 14px;
  line-height: 21px;
}

.index h3 {
  font-family: "oswald", sans-serif;
  font-size: 28px;
  color: #8D200B;
  margin-bottom: 24px;
}

.index li a {
  text-decoration: none;
  color: black;
}

.sidebar ol {
  text-align: center;
  margin-bottom: 22px;
  margin-top: -5px;
  ;
}

.sidebar ol li {
  display: inline;
  line-height: 31px;
}

.sidebar ol li a {
  text-decoration: none;
  font-family: "oswald", sans-serif;
  font-size: 28px;
  margin-right: 3px;
  color: #8D200B;
  text-transform: uppercase;
}


@media screen and (max-width:1024px){
 .sidebar ol{
   padding-top:22px;
  }
 .sidebar ol li a {
   width:44px;
   height:44px;
   display: inline-block;
  }
}

.sidebar select {
  display: block;
  width: 100%;
}


/* wiki */

.page-wiki {
  float: left;
  padding: 60px 26px 60px 34px;
  width: 600px;
  font-size: 14px;
  line-height: 21px;
}

.page-wiki h3 {
  font-size: 35px;
  line-height: 35px;
  color: #8D200B;
  margin-bottom: 21px;
  width: 490px;
  font-weight: 700;
}

.page-wiki form {
  background: #ececec;
  margin-left: -15px;
  padding: 15px;
}

.page-wiki .clearfix {
  margin-bottom: 54px;
}

.page-wiki .left {
  margin-right: 10px;
}

.page-wiki label {
  display: block;
  color: #8D200B;
  margin: 0 0 5px 0;
}

.page-wiki input {
  display: inline-block;
  border: 1px solid grey;
  width: 100%;
  height: 24px;
  font-size: 14px;
  margin: 5px 0;
  text-indent: 5px;
}

.page-wiki textarea {
  width: 100%;
  height: 200px;
  margin-bottom: 15px;
}

.page-wiki .c select {
  width: 100%;
}

.page-wiki .c {
  width: 500px;
  margin: 5px 0;
}

.page-wiki .a {
  display: table-cell;
  padding: 2px 5px 2px 0;
  height: 20px;
  white-space: nowrap;
  overflow: auto;
}

.page-wiki .b {
  display: table-cell;
  width: 100%;
  height: 24px;
}

.page-wiki .input-file input {
  border: 0;
  font-size: 11px;
  margin-right: 20px;
}

.page-wiki button {
  border: none;
  font-family: "oswald", sans-serif;
  font-size: 12px;
  line-height: 13px;
  padding: 5px 6px;
  margin: 54px 15px 35px 0;
  font-weight: 300;
  display: inline-block;
  background: #8D200B;
  color: white;
}

.page-wiki .input-file,
.page-wiki .input-file input {
  height: 24px;
  width: 180px;
  padding: 0;
  margin: 0;
}

.page-wiki .input-file {
  position: relative;
  background: #8D200B;
  color: white;
  text-align: center;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  width: auto!important;
  padding: 0 5px;
}

.page-wiki .input-file input {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

.page-wiki .inline-w200 {
  width: 200px;
  display: inline-block;
}

.page-wiki p {
  font-size: 12px;
  width: 490px;
  margin-bottom: 24px;
}


/* recherche avancée */

.recherche {
  float: left;
  padding: 60px 26px 60px 34px;
  width: 600px;
  font-size: 14px;
  line-height: 21px;
}

.recherche .clearfix {
  margin-bottom: 54px;
}

.recherche .left {
  margin-right: 10px;
}

.recherche label {
  display: block;
  color: #8D200B;
}

.recherche input {
  display: inline-block;
  border: 1px solid grey;
  width: 100%;
  height: 24px;
  font-size: 14px;
  margin: 5px 0;
  text-indent: 5px;
}

.recherche .c select {
  width: 100%;
}

.recherche .c {
  width: 500px;
  margin: 5px 0;
}

.recherche .a {
  display: table-cell;
  padding: 2px 5px 2px 0;
  height: 20px;
  white-space: nowrap;
  overflow: auto;
}

.recherche .b {
  display: table-cell;
  width: 100%;
  height: 24px;
}

.recherche button {
  border: none;
  font-family: "oswald", sans-serif;
  font-size: 12px;
  line-height: 13px;
  padding: 5px 6px;
  margin: 54px 15px 35px 0;
  font-weight: 300;
  display: inline-block;
  background: #8D200B;
  color: white;
}

.recherche .tag {
  font-size: 12px;
  color: #8D200B;
  text-decoration: none;
}


/* newsletter */

.newsletter h2 {
  font-size: 17px;
  font-weight: 700;
  text-transform: none;
}

.newsletter ul li a {
  font-weight: 400;
  text-indent: 11px;
}

.section h4 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  margin: 21px 0;
  font-weight: bold;
}


/* album */

.cartouche.album {
  background-color: #D57724;
}

.album h2 {
  color: white;
}

.page-album h3 {
  border-bottom: 2px solid #FFF;
  padding-left: 15px;
  font-size: 15px;
  font-weight: 400;
  color: #534741;
  /* height: 32px; */
  vertical-align: bottom;
  line-height: 24px;
  position: relative;
}

.page-album h3 a:first-child {
  margin-top: 4px;
  margin-bottom: 3px;
  width: 262px;
  display: inline-block;
}

h3 span.trash {
  background: #e7e7e7 url("images/trash.svg") no-repeat 0 0;
  float: right;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  overflow: hidden;
  margin: 4px 4px 0 0;
  cursor: pointer;
}

.no-svg h3 span.edit {
  background: #e7e7e7 url("images/edit.gif") no-repeat 0 0;
}

h3 span.edit {
  background: #e7e7e7 url("images/edit.svg") no-repeat 0 0;
  float: right;
  width: 24px;
  height: 24px;
  text-indent: 100%;
  overflow: hidden;
  margin: 4px 4px 0 0;
  cursor: pointer;
}

.no-svg h3 span.trash {
  background: #e7e7e7 url("images/trash.gif") no-repeat 0 0;
}

.page-album {
  float: left;
  padding: 30px 0px 60px 0px;
  width: 720px;
}

@media screen and (max-width: 740px) {
  .page-album {
    width: 100%;
  }
}

.page-album article {
  background: #cecece;
  width: 340px;
  float: left;
  margin-bottom: 40px;
}

@media screen and (max-width: 740px) {
  .page-album article {
     background: #cecece;
     width: 340px;
     max-width: 100%;
     float: left;
     margin-bottom: 40px;
     margin-right: 40px;
     margin-left: calc(50% - 170px); /* centrage en mobile */
  }
}

.page-album article .col {
  float: left;
  width: auto;
}

@media screen and (max-width: 740px) {
  .page-album article .col {
    width: auto;
  }
}

.page-album article .col img {
  display: block;
  margin-left: 15px;
  margin-top: 15px;
}

.page-album article p {
  font-size: 13px;
  padding: 15px 15px;
}

.page-album article footer {
  font-size: 12px;
  border-top: 2px solid white;
  padding: 7px 15px;
}

.page-album a.tag,
p a.tag {
  text-decoration: none;
  color: #544842;
  line-height: 20px;
}


/* logilab styles */

#single-column {
  padding: 60px 34px;
  width: 600px;
}

#single-column h4,
.page-item h4 {
  margin: 21px 0;
}

.card-summary {
  margin: 1em 2em 2em;
  /* padding-bottom: 2em;*/
  font-size: 90%;
}

.card-content blockquote {}

a#desktop {
  background: #71665a;
}

.section.metadata {
  margin: 3em 0;
}

.modal button.btn {
  float: none;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 12px;
  margin: 0 0 0 7px;
}

body .modal-header h4 {
  margin: 0px
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary.active {
  border-color: #574741;
  background: #691108;
  color: white;
}


a.more-link {
  font-size: 90%;
  color: #6A6A6A;
}
a.more-link:before {
  content: ' \2014 \00A0';
}
div.white-panel {
  padding: 1em;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

/* mobile ajout */
main ul li {
  margin: 20px 0;
}
@media screen and (min-width: 1025px) {
  main ul li {
    margin: 0;
  }
}

form#invoice-form label:first-letter {
  text-transform: uppercase;
}

form#invoice-form label:first-letter {
  text-transform: uppercase;
}

.facetValueDisabled span, div.facetCheckBox span {
  padding-left: 18px;
}

.editableField {
    display: inline;
}

div.editableFieldValue {
	display: inline-block;
}

div.editableFieldValue > div.editableField {
    position: absolute;
    margin-right: -50px;
}

div.releditField > div.editableField {
    margin-left: 40px;
}

.editableField img {
    vertical-align: middle;
}


#map-geo .leaflet-map-pane {
  z-index: 1;
}

#map-geo .leaflet-control-container .leaflet-top,
#map-geo .leaflet-control-container .leaflet-bottom {
  z-index: 15
}

span.displayTEI {
    display: block;
    text-align: center;
    font-size: 0.8em;
    font-weight: normal;
    color: #8D200B;
    cursor: pointer;
}

span.displayTEIpage {
    font-size: 0.8em;
    font-weight: normal;
    color: #8D200B;
    cursor: pointer;
    color: #D57724;
}

span.displayTEIpage:hover {
	color: #8D200B;
}

span.displayTEIpage::before {
    content: "[";
	color: #8D200B;
}
span.displayTEIpage::after {
    content: "]";
	color: #8D200B;
}

.up2payButton {
  padding: 0.2rem 1em;
  border-radius: 0.25em;
  border: rgb(128, 128, 117) solid 1pt;
  font-size: 85%;
}

#tei_tdm p {
	margin: 0 0 0 1em;;
	padding: 0;
    font-size: 80%;
    line-height: 150%;
}

div.TEIannotation {
	background: #efece6;
 	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

.TEIannotation .returnToText::before {
    content: " ";
}

.TEIannotation .TEIp {
    font-size: 80%;
    line-height: 150%;
}