/* CSS ART-STRONG */

* {margin : 0; padding: 0; color: #454545}

html, body {
    margin: 0;
  padding: 0;
  border: 0;
  font-size: 16px;
  font: inherit;
  vertical-align: baseline;
  width: 100%;
  height: 100%;
  float: left;
  overflow: auto;
  font-family: 'Roboto', sans-serif;
}


 html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}


.exhibit-description li {
list-style: none; 
background: url("../images/puce-texte.png"); 
background-repeat: no-repeat; 
background-size: 5px;
background-position: 2px 6px; /* La première valeur est celle des x et la deuxième celle des y (ou vice-versa) */ 
padding-left: 15px;   
}
.desc-exhibit li {
list-style: none; 
background: url("../images/puce-texte.png"); 
background-repeat: no-repeat; 
background-size: 5px;
background-position: 2px 6px; /* La première valeur est celle des x et la deuxième celle des y (ou vice-versa) */ 
padding-left: 15px;   
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
  background: url(../images/bg.jpg) 50% 50% fixed no-repeat;
  background-size: 150%;
}

a {text-decoration: none}

#simple-pages-breadcrumbs {color:#a92d37; text-transform: inherit !important; position: absolute;}

sup {
vertical-align: baseline;
  position: relative;
  top: 0.25em;
  }

@media screen and (max-width: 1025px) {

body {
  margin: 0;
  background: url(../images/bg.jpg) 50% 50% fixed no-repeat;
  background-size: cover;
}


  #simple-pages-breadcrumbs {display:none; }

}

 header {
  position: relative;
  float: left;
  width: 100%;
  min-height: 200px;
  font-family: 'Montserrat', sans-serif;
  background: white;
 }
 #header-top {
  position: relative;
  width: 100%;
  height: 150px;
  margin:0 auto;
  visibility: visible;
  display: block;
 }

.img-responsive {
  width: 100%;
  height: auto;
}

 @media screen and (max-width: 1025px) {
 
 header {

  min-height: 55px;
 }

 #header-top {
  visibility: hidden;
  display: none;
 }

}

 #logo {
  width: 95px;
  height: 100px;
  position: relative;
  float: left;
  margin-left: 9.63%;
 }

 .logo-mobile {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 2px;
  left: calc(50% - 25px);
  background: url(../images/logo-mobile.png) 50% 50% no-repeat;
  background-size: contain;

 }

 #page-title {
  text-transform: uppercase !important;
  color: #a92d37;
  position: relative;
  float: left;
  margin-left: 3%;
  margin-top: 45px;
  text-align: justify;
}
 #page-title h1 {font-size: 25px; line-height: 30px; margin: 0;  font-family: 'Montserrat', sans-serif; text-align: center; color: #a92d37;}
 #page-title h2 {font-size: 28px; line-height: 25px; margin: 0;  font-family: 'Montserrat', sans-serif; text-align: center; color: #a92d37;}

#page-title-mobile {
  text-transform: uppercase !important;
  color: #a92d37;
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  display: none;

}
 #page-title-mobile h1, #page-title-mobile h2 {font-size: 25px; line-height: 25px; margin: 20px 0; color: #a92d37;}

@media screen and (max-width: 1024px) {
#page-title-mobile {
  display: block;
}
}

#top-corner {
  position: absolute;
  top: 30px;
  right: 3.3%;
}
.top-button {
  position: relative;
  float: left;
  width: auto;
  height: 30px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #a92d37;
  color: #fffaab;
  line-height: 30px;
  margin-right: 15px;
  padding: 0 15px;
  font-family: 'Montserrat', bold, sans-serif;
  outline: none;
  border:none;
  cursor: pointer;
  }

  .top-button:hover {background: #80222a}

  .top-lang {
    position: relative;
    float: left;
    display: block;
    margin-right: 15px;
  }

  .top-lang a {
    padding:0;
    margin:0;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    display:inline-block;
    text-indent:-5000px;
  }

  .french {background: url(../images/french.jpg) 50% 50% no-repeat;}
  .english {background: url(../images/english.jpg) 50% 50% no-repeat;}

 nav {
  position: relative;
  float: left;
  height: auto;
  width: 94%;
  background: #a92d37;
  border-bottom:8px solid #80222a;
  line-height: 42px;
  color: #fffaab;
  padding: 0 3%;
  font-size: 16px;
  text-transform: uppercase !important;

}

#desktop {
  visibility: visible;
  display: block;
}
#mobile {
  visibility:hidden;
}
#head-mobile {
  visibility:hidden;
  display: none;
}
#nav-open {
  visibility:hidden;
}


@media screen and (max-width: 1025px) {
  #desktop {
    visibility: hidden;
    display: none;
  }
  #mobile {
    visibility:visible;
  }

    #mobile a {
    color: #fffaab;
  }

  #head-mobile {
    position: relative;
    float: left;
    width: 100%;
    min-height: 55px;
    visibility: visible;
    display: block;
    background: #a92d37;
    z-index: 10;
  }
  #nav-open {
    visibility: visible;
    position: relative;
    float: left;
    width: 55px;
    height: 55px;
    background: url(../images/menu.png) 50% 50% no-repeat;
    background-size: 25px;
  }
}

nav#desktop ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  width:100%;
  -webkit-padding-start: 0px;

}

nav#desktop ul li {
  list-style: none;
  position: relative;
  float: left;
  height: 34px;
  line-height: 34px;
  padding-top: 4px; 
  padding-bottom: 4px; 
  padding-left: 1.3%;
  padding-right: 1.3%;
  width: auto;
  border-right: 1px solid #fffaab;

}

nav .active {background: #80222a}
nav#desktop ul li:hover {background: #80222a;}


nav#desktop ul li:last-child {
  border-right: none;
}

nav#desktop ul li ul {
  display: none;
}

nav a {color: #fffaab;}

nav #search-module {
  width: 16.4%;
  position: absolute;
  right: 0;
  height: 42px;
}

#searcharea {
  position: relative;
  float: right;
  background: white;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: none;
  width: calc(100% - 25px);
  height: 30px;
  margin-top: 6px;
  padding-left: 25px;
  }

input:focus {
    outline: none !important;
}

input[type="text"]
{
    font-size:18px;
    color: #bfbfbf;
}

  #searchbutton {
    position: absolute;
    right: -1px;
    width: 34px;
    height: 34px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: white url(../images/search.png) 50% 50% no-repeat;
  background-size: 60%;
  color: #a92d37;
  margin-top: 4px;
  border : 2px solid #a92d37;
  cursor:pointer;
  }

#searcharea-mobile {
  position: relative;
  float: right;
  margin-right: 13px;
  background: white;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: none;
  width: 30px;
  height: 30px;
  margin-top: 11px;
  padding-left: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}
#searcharea-mobile.open {
  width: 200px;
  padding-left: 25px;
}

  #searchbutton-mobile {
    position: absolute;
    right: 11px;
    top:9px;
    width: 34px;
    height: 34px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: white url(../images/search.png) 50% 50% no-repeat;
  background-size: 60%;
  color: #a92d37;
  border : 2px solid #a92d37;
  }

  .advanced-search {
    visibility: hidden;
    position: absolute;
    right: 3%;
    top: 50px;
    background: #a92d37;
    border: none;
    width: 300px;
    height: 0px;
    z-index: 10;
    text-align: center;
    line-height: 45px;
    overflow: hidden;
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
  }

    .advanced-search.show {
    visibility: visible;
    position: absolute;
    right: 3%;
    top: 50px;
    background: #a92d37;
    border: none;
    height: 40px;
    z-index: 10;
    text-align: center;
    line-height: 45px;
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;  }

  .advanced-search a {
    color: #fffaab;
  }


  .advanced-search-mobile {
    visibility: hidden;
    position: relative;
    float: left;
    background: #a92d37;
    border: none;
    width: 100%;
    height: 0px;
    z-index: 10;
    text-align: center;
    line-height: 45px;
    overflow: hidden;
  -webkit-transition: height 300ms ease-in-out;
  -moz-transition: height 300ms ease-in-out;
  -ms-transition: height 300ms ease-in-out;
  -o-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
  }

    .advanced-search-mobile.show {
    visibility: visible;
    position: relative;
    background: #80222a;
    border: none;
    height: 40px;
    z-index: 10;
    text-align: center;
    line-height: 45px;
  -webkit-transition: height 300ms ease-in-out;
  -moz-transition: height 300ms ease-in-out;
  -ms-transition: height 300ms ease-in-out;
  -o-transition: height 300ms ease-in-out;
  transition: height 300ms ease-in-out;
  }

  .advanced-search-mobile a {
    color: #fffaab;
    font-family: "Montserrat"
  }


  .container {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }




  @media screen and (max-width: 1601px) {

 .container {
    position: relative;
    float: left; 
    max-width: 1601px;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }

  #top-corner {
  position: absolute;
  top: 10px;
  right: 2%;
}


  nav ul {
    padding: 0
  }



}

@media screen and (max-width: 1441px) {
 #page-title {
  margin-left: 3%;
  margin-top: 45px;
}
 #page-title h1 {font-size: 20px; line-height: 25px; margin: 0;  font-family: 'Montserrat', sans-serif; text-align: center;}
 #page-title h2 {font-size: 23px; line-height: 20px; margin: 0;  font-family: 'Montserrat', sans-serif; text-align: center;}

 #logo {
  width: 95px;
  height: 100px;
  position: relative;
  float: left;
  margin-left: 6%;
 }

}



@media screen and (max-width: 1281px) {
  nav #search-module {
    position: absolute;
    right: 0;
    height: 42px;
  }
}

/* FIN HEADER */

/* FOOTER */

footer {
  position: relative;
  float: left;
  width: 100%;
  background: white;
  color: #2d2d2d;
  padding: 30px 0;
    border-top:8px solid #80222a;

}

footer .partners {
  width: 80.7%;
  background: white;
  display: block;
  position: relative;
  float: left;
  margin: 0 9.63%;
  padding: 0;
}

footer .credits {
  position: relative;
  float: left;
  width: 90%;
  padding: 15px 5%;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  display: block;
}

.sponsor {
  position: relative;
  float: left;
  height : 4.80vw;
  padding: 0 10px;
}

.sponsor.bnf {
  max-width:200px;
  height: auto;
}

.sponsor.bnf img{
  max-width:100%;
  height: auto;
}

.img-responsive-footer {
  height: 3.3vw;
  width: auto;
}

footer .credits p {
  position: relative;
  font-weight: bold;
  line-height: 30px;
  margin: auto;
  text-align: center;
}

footer .credits a.twitter-footer {
  position: relative;
  height: 30px;
  display: block;
  width: 30px;
  margin: auto;
}

footer .credits a:hover {
  text-decoration: underline;
}

footer .credits img.twitter-footer {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 1025px) {
  .sponsor {
    height: 40px;
    width: 40%;
    padding: 15px 4%;
    text-align: center;
  }

  .sponsor.bnf {
    max-width: 100%;
    height: 40px;
  }

  .img-responsive-footer {
    width: auto;
    height: 100%;
  }
  footer .partners {
  width: calc(100% - 30px);
  margin: 0;
  padding: 15px;
  }


footer .credits p {
  position: relative;
  float: left;
  width: 100%;
  font-weight: bold;
  line-height: 30px;
  margin-right: 0;
  text-align: center;
}

footer .credits a.twitter-footer {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 auto;
  height: 30px;
}

footer .credits img.twitter-footer {
  position: relative;
  float: none;
  width: 30px;
  height: 30px;
  margin: 0 auto;
    text-align: center;

}



}

@media screen and (max-width: 769px) {
  .img-responsive-footer.bnf {
    width: 100%;
    height: auto;
  }
}

/* FIN FOOTER */


/* INDEX */

.general-wrap {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

.intro {
  position: relative;
  float: left;
  background: #a92d37;
  display: block;
  border-bottom:8px solid #80222a;
}

.ariane {
  position: relative;
  float: left;
  background: white;
  color:#a92d37;
  line-height: 40px;
  padding-left: 4%;
  width: 96%;
  border-bottom:8px solid #80222a;
}

.ariane a {color: #a92d37; z-index: 10; cursor: pointer;}
.intro-text {
  width: 37.98%;
  position: relative;
  float: left;
  text-align: left;
  padding: 50px 2.39% 50px 9.63%;
  font-size: 16px;
  color: white;

}

.intro-text p{
  color: white;
}


.read-more {
  background: #a92d37;
  position: absolute;
  right:7.5%;
  bottom: 20px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  line-height: 0.6em;
  padding: 10px;
  color:#fffaab;
  display: none;
  margin-top: 20px;
  cursor: pointer;
}

.intro-pic {
  position: absolute;
  right: 0;
  background:  url(../images/intro-bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  width: 50%;


}

@media screen and (max-width: 769px) {
.intro-text {
  width: 85%;
  position: relative;
  float: left;
  text-align: justify;
  padding: 20px 7.5% 60px 7.5%;
  font-size: 16px;
-webkit-transition: height 500ms ease-in;
-moz-transition: height 500ms ease-in;
-ms-transition: height 500ms ease-in;
-o-transition: height 500ms ease-in;
transition: height 500ms ease-in;  }

   .intro-text p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 1em;     /* fallback */
-webkit-transition: height 500ms ease-in;
-moz-transition: height 500ms ease-in;
-ms-transition: height 500ms ease-in;
-o-transition: height 500ms ease-in;
transition: height 500ms ease-in;
     }

   .intro-text.open p {
   line-height: 1em;     /* fallback */
   margin-bottom: 0;
   height: auto; 
   max-height: none;
   display: block;   /* fallback */

}
.read-more {
  display: block;
}

.intro-text.open .read-more {
  display: none;
}

.intro-pic {
  position: relative;
  float: left;
  background:  url(../images/intro-bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  width: 100%;
  height: 230px;
  }
  .ariane {
    display: none;
    visibility: hidden;
  }
}

section {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

section .title {
  position: relative;
  float: left;
  min-height: 45px;
  line-height: 45px;
  background: #a92d37;
  -webkit-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  padding-right: 15px;
  padding-left: 9.63vw;
  margin-top: 45px;
  margin-bottom: 45px;
  text-transform: inherit !important;
  max-width:1000px;
}

section .title h2 {
  position: relative;
  float: left;
  color: #fffaab;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  margin: 0 5% 0 0;
  padding: 0;
  width: 100%;
  padding-right:25px;
}


@media screen and (max-width: 769px) {
section .title {
  position: relative;
  float: left;
  height: auto;
  width: calc(100% - 30px);
  line-height: 30px;
  background: #a92d37;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 15px;
  margin-top: 45px;
  margin-bottom: 0;
  text-align: center;
  border-bottom:8px solid #80222a;


}
section .title h2 {
  position: relative;
  float: left;
  color: #fffaab;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  padding: 0;
  width: 100%;
  }
}

#mission-container {
  position: relative;
  float: left;
  width: 80%;
  margin-left: 10%;
  height: 335px;
  overflow: hidden; 
}

.mission-slider {
  position: absolute;
  left: 0;
  overflow: hidden;
}

.mission-item {
  width: calc(26.5vw - 20px);
  margin-right: 30px;
  position: relative;
  float: left;
  height: 335px;
  background: grey;

}

.img-mission {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.img-mission img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.mission-item:last-child {
  margin-right: 0px;
}

.name-mission {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45px;
  vertical-align: top;
  line-height: 35px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  background: #a92d37;
  display: block;
  text-align: center;
  padding-top: 10px;
  color: #fffaab;
}

#methodes-container {
  position: relative;
  float: left;
  width: 80%;
  margin-left: 10%;
  height: 335px;
  overflow: hidden;
  margin-bottom:45px;
}

.methodes-slider {
  position: absolute;
  left: 0;
  overflow: hidden;
}

.methodes-item {
  width: calc(16vw - 26px);
  margin-right: 30px;
  position: relative;
  float: left;
  height: 13.8vw;
  background: grey;

}

.img-methode {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.img-methode img {
  width: 100%;
  height: 100%;
  object-fit: cover;

}

.methodes-item:last-child {
  margin-right: 0px;


}

.name-methode {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 30px);
  height: 45px;
  vertical-align: top;
  line-height: 45px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  background: #a92d37;
  display: block;
  text-align: center;
  color: #fffaab;
overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 15px;
    }

.arrow-left {
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%; 
  top:calc(8.72vw + 3*45px);
  left:6%;
  background: url(../images/arrow-left.png) 50% 50% no-repeat;
  background-size: cover;
  z-index: 10;
  display: block;

}

.arrow-right {
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  border-radius: 50%; 
  top:calc(8.72vw + 3*45px);
  right:6%;
  background: url(../images/arrow-right.png) 50% 50% no-repeat;
  background-size: cover;
  z-index: 10;
  display: block;
}

.methodes-hp .arrow-left {top:calc(6.9vw + 3*45px);}
.methodes-hp .arrow-right {top:calc(6.9vw + 3*45px);}


@media screen and (max-width: 1024px){
  .mission-item {
    width: calc(40vw - 15px);
    margin-right: 30px;
    height: 335px;
  }

  .methodes-item {
    width: calc(26.66vw - 20px);
    margin-right: 30px;
    height: 250px;
  }
}


@media screen and (max-width: 641px) {
#mission-container {
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0;
  height: 335px;
  overflow: hidden
}

.mission-item {
  /*width: calc(25% - 22.5px);  = 100%/nbr block - (nbr_block-1)*30px/nbr_block */
  margin-right: 0;
  position: relative;
  float: left;
  height: 335px;
  background: grey;
  width: 100vw;

}

#methodes-container {
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0;
  height: 335px;
  overflow: hidden
}

.methodes-item {
  /*width: calc(25% - 22.5px);  = 100%/nbr block - (nbr_block-1)*30px/nbr_block */
  margin-right: 0;
  position: relative;
  float: left;
  height: 335px;
  background: grey;
  width: 100vw;

}

.arrow-left {top:257.5px;}
.arrow-right {top: 257.5px;}
.methodes-hp .arrow-left {top: 257.5px}
.methodes-hp .arrow-right {top:257.5px;}
}


/* SIMPLE PAGES */

.main-title {
  position: relative;
  float: left;
  background: #fffaab;
  display: block;
  width: 100%;
  border-bottom:8px solid #80222a;
  padding: 15px 0;
  margin-bottom: 40px;
  }

.main-title h1 {text-align: center;   text-transform: inherit !important; font-size: 30px; font-weight: normal; line-height: 3em;}
.main-title a {color:#a92d37; font-weight: bold; text-decoration: underline;}

.exhibit-list .exhibit {
  position: relative;
  float: left;
  width: 80.74%;
  margin-bottom: 40px;
  margin-left: 9.63%
}
.exhibit-list .img-exhibit {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    /* margin-right: 30px; */
    display: block;
    overflow: hidden;
}
.exhibit-list .img-exhibit img {
  object-fit: cover;
}

.exhibit-list .desc-exhibit {
  position: relative;
  float: right;
  width: calc(100% - 14vw - 30px);
  height: auto;
  font-size: 16px;
  background: #f4f4f4;
  padding: 15px;
  border-bottom:8px solid #80222a;
  list-style: inside;
}

.exhibit-list .desc-exhibit h2 {
  text-transform: inherit !important;
}

.exhibit-list .link-exhibit {
  position: relative;
  float: right;
  width: calc(100% - 14vw - 30px);
  color: #a92d37;
  background: #f4f4f4;
  text-align: center;
  padding: 15px;
  line-height: 1.3em;
  font-size: 18px;
  text-align: center;
}

.exhibit-list .link-exhibit a {
  position: relative;
  float: right;
  width: auto;
  height: 45px;
  line-height: 45px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #a92d37;
  color: #fffaab;
  margin-right: 15px;
  padding: 0 15px;
  font-family: 'Montserrat', bold, sans-serif;
  outline: none;
  border:none;
  cursor: pointer;

}

.exhibit-list.methodes .exhibit < .exhibit-mission {display:none;}
.exhibit-list.missions .exhibit < .exhibit-methode {display:none;}


.exhibit-item-caption {
  text-align:left !important;
}

.exhibit-bloc {
  position: relative;
  float: left;
  width: 80.74%;
  margin-bottom: 40px;
  background: #f4f4f4;
  margin-top: 50px;
  margin-left: 9.63%;
  z-index: 0;
}

.exhibit-bloc:before, .exhibit-bloc:after {
      content: " ";
    display: table;
}

section .exhibit-bloc {
  margin-top: 0;
}

.exhibit-bloc .summary, .exhibit-bloc .summary:before {
  width: calc(30% - 36px);
    padding: 35px 18px;

}
.exhibit-bloc .summary {
  float: left;
  background: #a92d37;
  color: #fffaab;
}
.exhibit-bloc .summary:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
      background: #a92d37;
  border-bottom: 8px solid #80222a;
}



.exhibit-bloc .summary p {
    font-weight: bold;
    color: #fffaab;
}

.exhibit-bloc .summary .further ul li {
  font-weight: bold;
  cursor: pointer;
  list-style: none; 
  background: url("../images/puce-affiner.png"); 
  background-repeat: no-repeat; 
  background-position: 2px 4px; /* La première valeur est celle des x et la deuxième celle des y (ou vice-versa) */ 
  padding-left: 15px;   
  background-size: 5px;
  text-indent: 0;
  margin-bottom: 5px;

  }


.exhibit-bloc .summary ul li{
  list-style: inside;
  line-height: 16px;
  padding-left: 16px;
  color: #fffaab;
  list-style-type: decimal;
    text-indent: -16px;
    padding-bottom: 8px;
}



.exhibit-bloc .summary a {
  color: #fffaab;
  font-size: 13px;
  text-decoration: none;
  text-transform: inherit !important;
  font-weight: bold;
  line-height: 16px;
}

  .summary .chapters {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }

  .summary .dl {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }

  .summary .dl .dl-integral {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
  }

.dl-integral img {
  width: 58px;
  height: auto;
}

.summary .further {
    position: relative;
    float: left;
    width: 100%;
  }


.exhibit-bloc .content, .exhibit-bloc .content:before {
  width: calc(70% - 98px);
  padding: 35px 49px;
}
.exhibit-bloc .content {
  float: left;
  color: #454545;
  height: auto;
}
.exhibit-bloc .content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 30%;
    background: #f4f4f4;
  border-bottom: 8px solid #bfbfbf;
}

}

.exhibit-bloc .content-left {
  position: relative;
  float: left;
  width: 53.8%;

}

.exhibit-description {
  /*position: relative;*/
  width: 100%;
  /*border-bottom: 1px solid #80222a; */
  margin-top:20px;
  padding-bottom: 30px;
  list-style: inside;
}

.exhibit-description h1 {
  font-size: 25px;
  text-align: left;
  line-height: 28px;
  margin-bottom: 15px;
}

.exhibit-author {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
}
.exhibit-author p {
  line-height: 1.8em;
}

.exhibit-thumb {
  width : 42.5%;
  position: relative;
  float: left;
  overflow: hidden;
}

.exhibit-thumb img {
  width: 100%;
  height: auto;
}

.map-bloc {
  position: relative;
  float: left;
  width: 100%;
  height: 0px;
  margin-bottom: 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;  
  visibility: hidden;
}

.map-bloc h2 {
  width: 100%;
  line-height: 45px;
  border-bottom: 8px solid #80222a;
  text-align: center;
  font-weight: normal;
  color: #a92d37;}

.map-bloc.show {
  height: auto;
  visibility: visible;
  margin-top: 40px;


}

.map-bloc .map-container {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100% - 53px);
  overflow: hidden;
}

.map-bloc .map-container img{
  width: 100%;
  height: auto;
}

.map-container #demoMap{
    pointer-events: none;
}

.timeline-bloc {
  position: relative;
  float: left;
  width: 100%;
  height: 0px;
  margin-bottom: 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;  
  visibility: hidden;
}

.timeline-bloc h2 {
  width: 100%;
  line-height: 45px;
  border-bottom: 8px solid #80222a;
  text-align: center;
  font-weight: normal;
  color: #a92d37;}

.timeline-bloc.show {
  height: auto;
  visibility: visible;
  margin-top: 40px;

}

.timeline-bloc .timeline-container {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100% - 53px);
  overflow: hidden;
}

.timeline-bloc .timeline-container img{
  width: 100%;
  height: auto;
}

.timeline-container iframe{
    pointer-events: none;
}


.biblio-bloc {
  position: relative;
  float: left;
  width: 100%;
  height: 0px;
  margin-bottom: 0px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;  
  visibility: hidden;
}

.biblio-bloc h2 {
  width: 100%;
  line-height: 45px;
  border-bottom: 8px solid #80222a;
  text-align: center;
  font-weight: normal;
  color: #a92d37;
}

.biblio-bloc.show {
  height: auto;
  visibility: visible;
  margin-top: 40px;

}

.biblio-bloc .biblio-container {
  position: relative;
  float: left;
  width: 100%;
  height: calc(100% - 53px);
  overflow: hidden;
}

.biblio-bloc .biblio-container img{
  width: 100%;
  height: auto;
}


.exhibit-navigation {
  position: relative;
  width: 37.6%;
  height: 45px;
  margin: 0 auto;
  margin-bottom : 40px;
}

.exhibit-navigation #exhibit-nav-prev {
  position: absolute;
  left:0;
  width: calc(50% - 24px);
  border-right: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-left.png) 0% 50% no-repeat;
  line-height: 45px;
  font-size: 18px;
  text-align: right;
  -webkit-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  padding-right: 20px;
}

.exhibit-navigation #exhibit-nav-next {
  position: absolute;
  right:0;
  width: calc(50% - 24px);
  border-left: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-right.png) 100% 50% no-repeat;
  line-height: 45px;
  font-size: 18px;
  text-align: left;
  -webkit-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
  padding-left: 20px;
}

.exhibit-navigation a {
  text-decoration: none;
  font-weight: bold;
  color: #fffaab;
  text-transform: inherit !important;
  font-family: 'Montserrat'
}


@media screen and (max-width: 1441px) {

.exhibit-bloc .summary {
  position: relative;
  float: left;
  width: calc(29% - 36px);
  background: #a92d37;
  border-bottom: 8px solid #80222a;
  height: auto;
  color: #fffaab;
  padding: 35px 18px;
  font-size: 14px;
  }
}




@media screen and (max-width: 1025px) {
  .exhibit-list .desc-exhibit {
  position: relative;
  float: right;
  width: calc(100% - 20vw - 38px);
  height: auto;
  font-size: 16px;
  background: #f4f4f4;
  padding: 15px;
  border-bottom:8px solid #80222a;
  list-style: inside;
  }
  .exhibit-list .link-exhibit {
  position: relative;
  float: right;
  width: calc(100% - 20vw - 38px);
  color: #a92d37;
  background: #f4f4f4;
  text-align: center;
  padding: 15px;
  line-height: 1.3em;
  font-size: 16px;
  }


  .exhibit-bloc .summary, .exhibit-bloc .summary:before {
    width: calc(100% - 36px);
    padding: 35px 18px;

}
.exhibit-bloc .summary {
  float: left;
  background: #a92d37;
  color: #fffaab;
}
.exhibit-bloc .summary:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
      background: #a92d37;
  border-bottom: 8px solid #80222a;
}

  .summary .chapters {
    position: relative;
    float: left;
    width: 30%;
    margin-bottom: 0px;
  }

  .summary .dl {
    position: relative;
    float: left;
    width: 30%;
    margin-bottom: 0px;
  }

  .summary .dl .dl-integral {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
  }

.dl-integral img {
  width: 58px;
  height: auto;
}

.summary .further {
    position: relative;
    float: left;
    width: 30%;
  }

  .exhibit-bloc .content-left {
    position: relative;
    float: left;
    width: 100%;

  }
  .exhibit-bloc {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    background: #f4f4f4;
    margin-top: 50px;
    margin-left: 0;
  }
.exhibit-bloc .content, .exhibit-bloc .content:before {
  width: calc(100% - 40px);
    padding: 35px 20px;
}
.exhibit-bloc .content {
  float: left;
  color: #454545;
  height: auto;
}
.exhibit-bloc .content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left:0;
    background: #f4f4f4;
  border-bottom: 8px solid #bfbfbf;
}
  .exhibit-thumb {
    width : 100%;
    position: relative;
    float: left;
    overflow: hidden;
    margin: 30px 0 0 0;
  }

  .exhibit-thumb img {
    width: 100%;
    height: auto;
  }

.exhibit-navigation {
  position: relative;
  width: 100%;
  height: 45px;
  margin: 0 auto;
  margin-bottom : 40px;
}

.exhibit-navigation #exhibit-nav-prev {
    position: relative;
    float: left;
  width: calc(100% - 24px);
  border-right: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-left.png) 0% 50% no-repeat;
  line-height: 45px;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-right: 20px;
  margin-bottom: 15px;
}

.exhibit-navigation #exhibit-nav-next {
    position: relative;
    float: left;
  width: calc(100% - 24px);
  border-left: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-right.png) 100% 50% no-repeat;
  line-height: 45px;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-left: 20px;
  margin-bottom: 15px;
}

.exhibit-navigation a {
  text-decoration: none;
  font-weight: bold;
  color: #fffaab;
  text-transform: inherit !important;
  font-family: 'Montserrat'
}

.map-bloc.show {
  height: auto;
  visibility: visible;
  margin-top: 40px;

}

.timeline-bloc.show {
  height: auto;
  visibility: visible;
  margin-top: 40px;

}

.biblio-bloc.show {
  height: auto;
  visibility: visible;
  margin-top: 40px;

}


}

@media screen and (max-width: 769px) {

  .exhibit-list .img-exhibit {margin: 0;  border: none;   width: 100%; height: auto;}
  .exhibit-list .exhibit {margin: 0 0 40px 0;  border: none;   width: 100%;}
  .exhibit-list .desc-exhibit {
  position: relative;
  float: right;
  width: calc(100% - 30px);
  height: auto;
  font-size: 1em;
  background: #f4f4f4;
  padding: 15px;
  border-bottom:8px solid #80222a;
  list-style: inside;
  }
  .exhibit-list .link-exhibit {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  color: #a92d37;
  background: #f4f4f4;
  text-align: center;
  padding: 15px;
  line-height: 1.3em;
  font-size: 16px;
  }
  .exhibit-list .link-exhibit a {
    position: relative;
    float: right;
  }  
.exhibit-list .img-exhibit img {
  height: auto;
  width: 100%;
}
.exhibit-bloc {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 40px;
  background: #f4f4f4;
  margin-top: 50px;
}
.exhibit-bloc .content, .exhibit-bloc .content:before {
  width: calc(100% - 40px);
    padding: 35px 20px;
}
.exhibit-bloc .content {
  float: left;
  color: #454545;
  height: auto;
}
.exhibit-bloc .content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left:0;
    background: #f4f4f4;
  border-bottom: 8px solid #bfbfbf;
}


   .summary .chapters {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }

  .summary .dl {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 50px;
  }

  .summary .dl .dl-integral {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
  }

.dl-integral img {
  width: 70px;
  height: auto;
}

.summary .further {
    position: relative;
    float: left;
    width: 100%;
  }

.summary .further li {
  font-weight: bold;
  cursor: pointer;
  list-style: inside;
} 

}
/* FIN SIMPLE PAGES */


/* NOTICES */

.notice-layout {
    position: relative;
    float: left;
    width: 80.74%;
    margin-left: 9.63%;
}

.quote-layout {
    position: relative;
    float: left;
    width: calc(80.74% - 30px);
    background: #fffeed;
    padding: 15px;
    margin-left: 9.63%;
    }

.notice-core {
  position: relative;
  float: left;
  width: calc(60% - 30px);
  height: auto;
  background: #fffeed;
  font-family: 'Roboto';
    padding: 15px;
    margin-bottom: 0;
    margin-top: 50px;
    border: 1px dotted #666;
}

.notice-core.event {
  position: relative;
  float: left;
  width: calc(60% - 30px);
  height: auto;
  background: #fffeed;
  font-family: 'Roboto';
    padding: 15px;
    margin-bottom: 30px ;
    margin-top: 0;
    border: 1px dotted #666;
}



.notice-core h1 {
  width: 100%;
  line-height: 45px;
  text-transform: inherit !important;
  font-weight: normal;
  font-size: 18px;
  color: #80222a;
}

.notice-core hr {
  position: relative;
  float: left;
  width: calc(100% + 30px);
  background: #80222a;
  height: 8px;
  left: -15px;
}

.notice-contenu {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
  border-bottom: 2px solid #80222a;
  padding-bottom: 0px;
  color: #2d2d2d;
}

.notice-contenu:last-child {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 10px;
  border-bottom:  none;
  color: #2d2d2d;
}

.notice-contenu h2 {
  position: relative;
  float: left;
  width: 41%;
  text-transform: inherit !important;
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #80222a;
}

.notice-detail {
  position: relative;
  float: left;
  width: 58%;
  color: #454545;
  font-size: 16px;
  line-height: 20px;
}

.notice-detail.event {
  position: relative;
  float: left;
  width: 100%;
  color: #454545;
  font-size: 16px;
  line-height: 20px;
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}


.notice-detail p {
  margin-bottom: 15px;
  line-height: 25px;
}

.notice-detail a {
  text-decoration: underline;
  color: #2d2d2d;

}

.notice-side {
  position: relative;
  float: left;
  margin-left: 3%;
  width: calc(26% - 30px);
  margin-top: 50px;
  margin-bottom: 50px;

}

.notice-side.event {
  position: relative;
  float: left;
  margin-left: calc(4% + 20px);
  width: calc(36% - 30px);
  margin-top: 0;
  margin-bottom: 50px;

}

.to-cart {
  height: 50px;
  position: relative;
  float: left;
  width: 100%;
  text-align: right;
}

.to-cart a {
  position: relative;
  float: right;
  width: calc(100% - 70px);
  line-height: 20px;
  padding:10px;
  /*background: #a92d37 url(../images/add-to-cart.png) 0% 50% no-repeat;*/
  background: #a92d37;
  background-size: contain;
  color: #fffaab;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding-right: 20px;
  font-family: 'Roboto';
  font-weight: normal;
  padding-left:50px;
}

.to-cart a:before {
  content: "\f07a";
  font-family: FontAwesome;
  padding-right:10px;
  position: absolute;
  left:20px;
}


.to-cart a:hover {
  background:#80222a;
}

.notice-attachement {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  background: #fffeed;
  padding: 15px;
  color: #454545;
  font-weight: bold;
  font-size: 20px;
  margin-top: 50px;
  border: 1px dotted #666;

}

.attachement-thumb {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

.attachement-thumb .image-jpeg,
.attachement-thumb .image-png {
  position: relative;
  float: left;
  width: calc(50% - 25px);
  margin: 12px;
}

.attachement-thumb .image-jpeg img,
.attachement-thumb .image-png img {
  width: 100%;
  height: auto;
}

.item-navigation {
  font-family: 'Roboto';
  margin-top: 30px;
  position: relative;
  width: 37.6%;
  margin: 0 auto;
  margin-bottom : 80px;
  margin-top: 30px;
}
.item-navigation #browse-back {
  position: relative;
  left:0;
  width: calc(50% - 24px);
  border-right: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-left.png) 0% 50% no-repeat;
  line-height: 45px;
  font-size: 18px;
  text-align: right;
  -webkit-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  padding-right: 20px;
}

.item-navigation #item-nav-prev {
  position: absolute;
  left:0;
  width: calc(50% - 24px);
  border-right: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-left.png) 0% 50% no-repeat;
  line-height: 45px;
  font-size: 18px;
  text-align: right;
  -webkit-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px;
  padding-right: 20px;
}

.item-navigation #item-nav-next {
  position: absolute;
  right:0;
  width: calc(50% - 24px);
  border-left: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-right.png) 100% 50% no-repeat;
  line-height: 45px;
  font-size: 18px;
  text-align: left;
  -webkit-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
  padding-left: 20px;
}

.item-navigation a {
  text-decoration: none;
  font-weight: bold;
  color: #fffaab;
  text-transform: inherit !important;
  font-family: 'Montserrat'
}

.container hr {
  position: relative;
  float: left;
  height: 2px;
  background: #80222a;
  width: 100%;
  margin-bottom:30px;
  border: none;
}

@media screen and (max-width: 1300px) {
    .item-navigation {
      margin-top: 30px;
      position: relative;
      width: 50%;
      margin: 0 auto;
      margin-bottom : 80px;
      margin-top: 30px;
    }
  .item-navigation #item-nav-prev {
    position: absolute;
    left:0;
    width: calc(50% - 24px);
    border-right: 8px solid #80222a;
    background: #a92d37 url(../images/arrow-left.png) 0% 50% no-repeat;
    line-height: 45px;
    font-size: 18px;
    text-align: right;
    -webkit-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
    padding-right: 20px;
  }

  .item-navigation #item-nav-next {
    position: absolute;
    right:0;
    width: calc(50% - 24px);
    border-left: 8px solid #80222a;
    background: #a92d37 url(../images/arrow-right.png) 100% 50% no-repeat;
    line-height: 45px;
    font-size: 18px;
    text-align: left;
    -webkit-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    padding-left: 20px;
  }

}



@media screen and (max-width: 1025px) {
  .container hr {
  position: relative;
  float: left;
  height: 2px;
  background: #80222a;
  width: 100%;
  margin-bottom:20px;
  border: none;
  left: 0;
}
}

   /*  SECTION COMMENTAIRES   */

.comments-container {
  position: relative;
  float: left;
  width: calc(70% - 30px);
  margin-left: 9.63%;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 40px;
  height: auto;
}


.comments-container h2 {
  width: 100%;
  line-height: 40px;
  text-transform: inherit !important;
  font-weight: normal;
  font-size: 18px;
  color: #80222a;
  text-align: left;
}

.comments-container hr {
  position: relative;
  float: left;
  width: calc(100% + 30px);
  background: #80222a;
  height: 8px;
  left: -15px;
}

.comment-bloc {
  width: 100%;
  position: relative;
  float: left;
  border-bottom: 2px solid #80222a;
  margin-bottom: 20px;
  height: 0;
  visibility: hidden;
  display: none;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.comment-bloc.show {
  height: auto;
  visibility: visible;;
  display: block;
}

.comments-display {
  position: relative;
  float: right;
  margin-right: 9.63%;
  width:  10%;
  line-height:0px;
  height: 0px;
  visibility: hidden;
  background: #a92d37;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  color: #fffaab;
  font-family: "Montserrat";
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.comments-display.show {
  line-height:45px;
  height: 45px;
  visibility: visible;
  margin-bottom: 40px;
}

.comments-hide {
  position: relative;
  float: right;
  margin-right: 9.63%;
  width:  10%;
  line-height:0px;
  height: 0px;
  visibility: hidden;
  background: #a92d37;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  color: #fffaab;
  font-family: "Montserrat";
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.comments-hide.show {
  line-height:45px;
  height: 45px;
  visibility: visible;
  margin-bottom: 40px;
}

.comment-add .comments-left {
  width: calc(50% - 10px);
  height: auto;
  position: relative;
  float: left;
  margin-right: 10px;
}

.comments-left label {
  position: relative;
  float: left;
  width: 20%;
  border-bottom: 2px solid #a92d37;
  margin-top: 10px;
  line-height: 40px;

  }
  .comments-left input {
  position: relative;
  float: left;
  width: 79%;
  border-bottom: 2px solid #a92d37;
  margin-top: 10px;
  line-height: 40px;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  }

.add {
  display: none;
  height: 0;
  visibility: hidden;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;}

.add.show {
  display: block;
  height: auto;
  visibility: visible;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;}


.comment-add .comments-right {
  width: calc(50% - 10px);
  height: auto;
  position: relative;
  float: left;
  margin-left: 10px;
}

.comments-right label {
  position: relative;
  float: left;
  width: 100%;
  line-height: 40px;

  }
  .comments-right textarea {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 2px solid #a92d37;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  min-height: 116px;
  }


  .comment-add .submit {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20PX;
  }

  .comment-add .submit input {
    width: 200px;
    position: relative;
    float: right;
    line-height: 40px;
    background: #a92d37;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fffaab;
    font-weight: bold;
    font-family: "Montserrat";
    border:none;
  }


@media screen and (max-width: 1025px) {
  .notice-layout {
    width: 100%;
    margin-left: 0;
}

.notice-core {
  width: calc(100% - 30px);
}

.notice-core.event {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  height: auto;
  background: #fffeed;
  font-family: 'Roboto';
    padding: 15px;
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: 8px solid #bfbfbf;
}

.quote-layout {
    position: relative;
    float: left;
    width: calc(100% - 30px);
    background: #fffeed;
    padding: 15px;
    margin-left: 0;
    margin-bottom: 40px;
    }

.notice-core h1 {
  font-size: 18px;
  line-height: 25px;
  text-align: center;
}


.notice-contenu h2 {
  width: 100%;
  font-size: 16px;
  text-align: center;
}

.notice-detail {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
}

.notice-side {
  position: relative;
  float: left;
  margin-left: 0;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 50px;

}

.notice-side.event {
  position: relative;
  float: left;
  margin-left: 0;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 50px;

}

.to-cart {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

.to-cart a {
  position: relative;
  float: right;
  width: calc(100% - 20px);
  line-height: 40px;
  background: #a92d37 url(../images/add-to-cart.png) 0% 50% no-repeat;
  background-size: contain;
  color: #fffaab;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Montserrat';
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-right: 20px;
}

.notice-attachement {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  background: #fffeed;
  padding: 15px;
  font-family: 'Roboto';
  color: #454545;
  font-weight: bold;
  font-size: 18px;
  margin-top: 30px;
  border-bottom: 8px solid #bfbfbf;
}

.notice-attachement p {
  margin-left:15px;
  border:1px solid ;
}

.attachement-thumb {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

.item-navigation {
  position: relative;
  width: 100%;
  margin: 0 auto;
  margin-bottom : 80px;
}

.item-navigation #browse-back {
  position: relative;
  float: left;
  width: calc(100% - 24px);
  border-right: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-left.png) 0% 50% no-repeat;
  line-height: 45px;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-right: 20px;
  margin-bottom: 15px;
}

.item-navigation #item-nav-prev {
  position: relative;
  float: left;
  width: calc(100% - 24px);
  border-right: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-left.png) 0% 50% no-repeat;
  line-height: 45px;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-right: 20px;
  margin-bottom: 15px;
}

.item-navigation #item-nav-next {
  position: relative;
  float: left;
  width: calc(100% - 24px);
  border-left: 8px solid #80222a;
  background: #a92d37 url(../images/arrow-right.png) 100% 50% no-repeat;
  line-height: 45px;
  font-size: 14px;
  text-align: center;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-left: 20px;
  margin-bottom: 15px;
}

.comments-container {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 40px;
  height: auto;
}

.comments-display {
  position: relative;
  float: right;
  margin-right: 0;
  width:  100%;
  line-height:0px;
  height: 0px;
  visibility: hidden;
  background: #a92d37;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #fffaab;
  font-family: "Montserrat";
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.comments-display.show {
  line-height:45px;
  height: 45px;
  visibility: visible;
  margin-bottom: 0;
}

.comments-hide {
  position: relative;
  float: right;
  margin-right:0;
  width:  100%;
  line-height:0px;
  height: 0px;
  visibility: hidden;
  background: #a92d37;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #fffaab;
  font-family: "Montserrat";
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.comments-hide.show {
  line-height:45px;
  height: 45px;
  visibility: visible;
  margin-bottom: 0;
}
.comment-add .comments-left {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  margin-left: 0;
}

.comments-left label {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 0;
  margin-top: 10px;
  line-height: 20px;

  }
  .comments-left input {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 2px solid #a92d37;
  margin-top: 10px;
  line-height: 40px;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  }

.comment-add .comments-right {
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  margin-left: 0;
}

.comments-right label {
  position: relative;
  float: left;
  width: 100%;
  line-height: 20px;
  margin-top: 10px;

  }
  .comments-right textarea {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 2px solid #a92d37;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  min-height: 116px;
  }


  .comment-add .submit {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20PX;
  }

  .comment-add .submit input {
    width: 100%;
    position: relative;
    float: right;
    text-align: center;
    line-height: 40px;
    background: #a92d37;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fffaab;
    font-weight: bold;
    font-family: "Montserrat";
    border:none;
  }


}

@media screen and (max-width: 769px) {
  .attachement-thumb .image-jpeg {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
  }

  .attachement-thumb .image-jpeg img{
    width: 100%;
    height: auto;
  }
  .item-navigation #item-nav-prev {

    text-align: center;
    font-size: 14px;

  }

  .item-navigation #item-nav-next {

    text-align: center;
    font-size: 14px;

  }

.to-cart {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}

.to-cart a {
  position: relative;
  float: right;
  width: calc(100% - 50px);
  line-height: 25px;
  background: #a92d37 ;
  color: #fffaab;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Montserrat';
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-right:0;
}

}

/* RECHERCHE AVANCÉE */

.search-container {
    position: relative;
  float: left;
  width: 55%;
  margin-left: 9.63%;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 40px;
  height: auto;

}

.search-infos {
  position: relative;
  float: left;
  width: calc(80.74% - 30px);
  margin-left: 9.63%;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 40px;
  height: auto;
  text-align: justify;
}


.field {
  width: 100%;
  position: relative;
  float: left;
  height: auto;
  margin-bottom: 15px;
}

.field label {
  position: relative;
  float: left;
  width: 40%;
  line-height: 50px;
}

.field input {
  position: relative;
  float: left;
  width: 200px;
  line-height: 40px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  border: 2px solid #a92d37;  
  padding: 0 20px;
}

.field select {
  position: relative;
  float: right;
  width: 30%;
  height: 32px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  border: 2px solid #a92d37;  
  padding: 0 20px;
  outline: none;
}

.field.select label {
  position: relative;
  float: left;
  width: 60%;
}

form hr {
  position: relative;
  float: left;
  width: calc(100% + 30px);
  left: -15px;
  background: #80222a;
  height: 8px;
  border:none;
}

.submit-search {
  width: 150px;
  position: relative;
  float: right;
  background: #a92d37;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  line-height: 40px;
  text-align: center;
  color: #fffaab;
  font-family: "Montserrat";
  border:none;
  margin-top: 15px;
}

@media screen and (max-width: 1441px) {

.search-container {
  width: 70%;
}

}
@media screen and (max-width: 1025px) {

.search-container {
    position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 40px;
  height: auto;

}

.search-infos {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 40px;
  height: auto;
  text-align: justify;
}


.field {
  width: 100%;
  position: relative;
  float: left;
  height: auto;
  margin-bottom: 15px;
}

.field label {
  position: relative;
  float: left;
  width: 100%;
  line-height: 40px;
}

.field input {
  position: relative;
  float: left;
  width: calc(100% - 44px);
  line-height: 50px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  border: 2px solid #a92d37;  
  padding: 0 20px;
}

.field select {
  position: relative;
  float: right;
  width: calc(100% - 4px);
  height: 32px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  border: 2px solid #a92d37;  
  padding: 0 20px;
}

.field.select label {
  position: relative;
  float: left;
  width: 100%;
}

form hr {
  position: relative;
  float: left;
  width: calc(100% + 30px);
  left: -15px;
  background: #80222a;
  height: 8px;
  border:none;
}

.submit-search {
  width: 150px;
  position: relative;
  float: right;
  background: #a92d37;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  line-height: 40px;
  text-align: center;
  color: #fffaab;
  font-family: "Montserrat";
  border:none;
  margin-top: 15px;
}


}

@media screen and (max-width: 641px) {

}


/* FIN RECHERCHE AVANCÉE */

/* RESULTAS RECHERCHE */

.search-result {
  position: relative;
  float: left;
  width: 80.74%;
  margin-left: 9.63%;
  margin-bottom: 40px;
}



.search-result .affiner, .search-result .affiner:before {
  width: calc(30% - 30px);
  padding: 15px;
}
.search-result .affiner {
  float: left;
  background: #a92d37;
  color: #fffaab;
}
.search-result .affiner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 0;
      background: #a92d37;
  border-bottom: 8px solid #80222a;
}

.affiner p.text {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  line-height: 25pxpx;
  margin-bottom: 15px;
  color: #fffaab;
}

.affiner ul {
  list-style: none;
  margin-left: 15px;
  margin-bottom: 30px;
  color: #fffaab;
}

.affiner ul li label{
  color: #fffaab;
}

.mobile-affiner {
  position: relative;
  float: right;
  width: 50px;
  height: 50px;
  font-size: 24px;
  display: none;
  z-index: 10;
}

.affiner-bloc {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.affiner-bloc.show {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
}

.affiner-bloc p {
  color: #fffaab;
 }


.search-result .results, .search-result .results:before {
  width: calc(70% - 30px);
  padding: 15px;
}
.search-result .results {
  float: left;
  color: #454545;
  height: auto;
}
.search-result .results:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 30%;
    background: #f4f4f4;
  border-bottom: 8px solid #bfbfbf;
}



.search-result .results hr {
  position: relative;
  float: left;
  width: calc(100% + 30px);
  left: -15px;
  background: #80222a;
  border:none;
  height: 8px;
}

#sort-links {
  position: relative;
  float: left;
  width: 100%;
  line-height: 50px;
}
#sort-links a {
  color: #a92d37;
  text-decoration: none;
}

#sort-links ul {
 list-style: none;
}

#sort-links ul li{
  position: relative;
  float: left;
  line-height: 45px;
  margin-right: 20%;
 }

 .item.hentry {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 2px solid #80222a;
  margin-bottom: 20px;
 }

#sort-links .see-item a {
  color: #fffaab;
}

 .item.hentry h2 {
  position: relative;
  float: left;
  font-family: "Roboto";
  text-transform: inherit !important;
  font-weight: normal;
  font-size: 18px;
  color: #454545;
  width: 100%;
 }

 .item.hentry h2 a{
  text-decoration: none;
  color: #454545;
}

 .item.hentry .item-description {
  position: relative;
  float: left;
  width: 62%;
  text-align: justify;
 }

 .item.hentry .type {
  display: inline-block;
  float: left;
  line-height: 40px;
  width: 70%;
 }

  .item.hentry .see-item {
    position: relative;
    float: right;
    line-height: 45px;
    background: #a92d37;
    border-radius: 50px;
    -webkit-border-radius:50px;
    width: 20%;
    color: #fffaab;
    font-weight: bold;
    text-align: center;
    color: #fffaab;
    margin-bottom: 15px;
}

  .item.hentry .see-item a {
    color: #fffaab;
    text-decoration: none;
}


@media screen and (max-width: 1025px) {

.search-result {
  position: relative;
  float: left;
  width: 100%;
  margin-left: 0;
  margin-bottom: 40px;
}

.search-result .affiner {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  background: #a92d37;
  color: #fffaab;
  padding: 15px;
}

.affiner p.text {
  position: relative;
  float: left;
  width: calc(100% - 50px);
  line-height: 50px;
  margin-bottom: 0;
}

.affiner ul {
  list-style: none;
  margin-left: 15px;
  margin-bottom: 30px;
}

.mobile-affiner {
  position: absolute;
  right: 15px;
  top:15px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  font-family: "Montserrat";
  display: block;
  background: #80222a;
  cursor: pointer;
  color: #fffaab;
}

.affiner-bloc {
  position: relative;
  float: left;
  width: 30%;
  height: 0;
  overflow: hidden;
}

.affiner-bloc.show {
  position: relative;
  float: left;
  width: 30%;
  height: auto;
}

.search-result .results {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding: 15px;
  background: #f4f4f4;
}

#sort-links ul li{
  position: relative;
  float: left;
  line-height: 45px;
  margin-right: 10%;
 }

.item.hentry .item-description {
  position: relative;
  float: left;
  width: 100%;
  text-align: justify;
 }

 .item.hentry .type {
  display: inline-block;
  float: left;
  line-height: 40px;
  width: 100%;
 }

  .item.hentry .see-item {
    position: relative;
    float: right;
    line-height: 45px;
    background: #a92d37;
    border-radius: 0;
    -webkit-border-radius:0;
    width: 100%;
    color: #fffaab;
    font-weight: bold;
    text-align: center;
    color: #fffaab;
    margin-bottom: 15px;
}



}


@media screen and (max-width: 641px) {
  .affiner-bloc {
    position: relative;
    float: left;
    width: 100%;
    height: 0;
    overflow: hidden;
  }

  .affiner-bloc.show {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
  }
}


/* FIN RESULTAS RECHERCHE */


/* FIN EVENEMENTS */

.exhibit-list.evenements {
  position: relative;
  float: left;
  width: 80.74%;
  margin-bottom: 40px;
  margin-left: 9.63%;
  background:#f4f4f4;
  line-height: 40px;
  height: auto;
}

.exhibit-list.evenements a {
  text-decoration: none;
  color: #454545;

}


.exhibit-list.evenements #sort-links {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
  background:#f4f4f4;
  color: #80222a;  
  padding: 0 15px;
  border-bottom: 8px solid #80222a;
}

.exhibit-list.evenements #sort-links ul li {
  margin-right: 0;
  text-align: center;
}



.exhibit-list .exhibit.evenements {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding:0 15px;
  margin-bottom: 0;
  margin-left: 0;
  background:#f4f4f4;
  line-height: 40px;
  height: auto;
}

.exhibit-list .exhibit.evenements.dark {
  background: #bfbfbf;
}

.exhibit.evenements .desc-exhibit {
  position: relative;
  float: left;
  width: 36%;
  height: auto;
  font-size: 16px;
  line-height: 40px;
  list-style: inside;
  border-bottom: none;
  padding: 0;
  text-align: center;
  background: none;
}


.title-event {
  position: relative;
  float: left;
  line-height: 20px;
  width: 30%;
  text-align: center;
  padding: 10px 0 10px 0;
}

.title-event h2 {
  text-align: center;
  font-weight: normal;
  text-transform: inherit !important;
  font-size: 16px;
}

.lieu-exhibit {
  position: relative;
  float: left;
  width: 16.5%;
  text-align: center;
}
.annee-exhibit {
  position: relative;
  float: left;
  width: 17.5%;
  text-align: center;
}

.pagination {
  position: relative;
  float: left;
  width: calc(25% - 30px);
  min-width: 300px;
  background: #a92d37;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  color: #fffaab;
  height: 45px;
  padding: 0 15px;
  margin-bottom: 40px;
}

.pag-prev {
  position: relative;
  float: left;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.pag-state {
  position: relative;
  float: left;
  width: calc(100% - 90px);
  text-align: center;
  color: #fffaab;
  font-weight: bold;
  text-transform: inherit !important;
  line-height: 45px;
  font-size: 20px;
}

.pag-next {
  position: relative;
  float: left;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.pagination a {
  opacity: .8;
  text-indent:-5000px;
  display:inline-block;
  width: 45px;
  height: 45px;
  background: url(../images/arrow-right.png) 0% 50% no-repeat;
}

.pagination a:hover {
  background-position: 2px;
  opacity: 1;
}
.pagination .pag-prev a {
 background-image: url(../images/arrow-left.png);
}

.pagination .pag-prev a:hover {
  background-position: -2px;
}

@media screen and (max-width: 1025px) {
  .exhibit-list.evenements {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
    background:#f4f4f4;
    line-height: 20px;
    height: auto;
  }
.pagination {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0%;
  background: #a92d37;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  color: #fffaab;
  height: 45px;
  padding: 0 15px;
  margin-bottom: 40px;
}

.exhibit-list.evenements a {
  text-decoration: none;
  color: #454545;
}

.exhibit-list .exhibit.evenements {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding:0 15px;
  margin-bottom: 0;
  margin-left: 0;
  background:#f4f4f4;
  line-height: 20px;
  height: auto;
}

.exhibit.evenements .desc-exhibit {
  position: relative;
  float: left;
  width: 36%;
  height: auto;
  font-size: 16px;
  line-height: 20px;
  list-style: inside;
  border-bottom: none;
  padding: 0;
  text-align: center;
  background: none;
}

.title-event {
  position: relative;
  float: left;
  line-height: 20px;
  width: 30%;
  text-align: left;
}
.title-event h2 {
  text-align: left;
}
}

@media screen and (max-width: 769px) {
.pagination {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
  background: #a92d37;
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #fffaab;
  height: 45px;
  padding: 0 15px;
  margin-bottom: 40px;
}

.title-event {
  position: relative;
  float: left;
  line-height: 20px;
  width: 30%;
  text-align: center;
  padding: 0;
}

}


/* FIN EVENEMENTS */

/* RESSOURCES */

.exhibit-list.ressources {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 40px;
  margin-left: 0;
  background:#f4f4f4;
  line-height: 40px;
  height: auto;
}

.exhibit-list.ressources a {
  text-decoration: none;
  color: #454545;

}


.exhibit-list.ressources #sort-links {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
  background:#f4f4f4;
  color: #80222a;  
  padding: 0 15px;
  border-bottom: 8px solid #80222a;
}

.exhibit-list.ressources #sort-links ul li {
  margin-right: 0;
  text-align: center;
}



.exhibit-list .exhibit.ressources {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding:0 15px;
  margin-bottom: 0;
  margin-left: 0;
  background:#f4f4f4;
  line-height: 40px;
  height: auto;
}

.exhibit-list .exhibit.ressources.dark {
  background: #bfbfbf;
}

.title-ressources {
  position: relative;
  float: left;
  line-height: 25px;
  width: 50%;
  text-align: left;
  display: block;
  min-height: 40px;
}

.title-ressources h2 {
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 0 10px 0;
}

.auteur-ressources {
  position: relative;
  float: left;
  width: 30%;
  text-align: center;
  display: block;
  min-height: 40px;
}
.annee-ressources {
  position: relative;
  float: left;
  width: 20%;
  text-align: center;
  display: block;
  min-height: 40px;
}


@media screen and (max-width: 1025px) {
  .exhibit-list.ressources {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0;
    background:#f4f4f4;
    line-height: 40px;
    height: auto;
  }

  .title-ressources {
    position: relative;
    float: left;
    line-height: 20px;
    width: 50%;
    text-align: left;
    display: block;
    min-height: 40px;
  }

  .title-ressources h2 {
    text-align: left;
    font-weight: normal;
    font-size: 16px;
  }
  .auteur-ressources {
    position: relative;
    float: left;
    width: 30%;
    text-align: center;
    display: block;
    min-height: 40px;
  }
  .annee-ressources {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    display: block;
    min-height: 40px;
  }

  .exhibit-list .exhibit.ressources {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding:5px 15px;
  margin-bottom: 0;
  margin-left: 0;
  background:#f4f4f4;
  line-height: 20px;
  height: auto;
}
}

@media screen and (max-width: 641px) {

}


/* FIN RESSOURCES */


/* BROWSE RESSOURCES */

.ressources-container {
  width: 80.74%;
  margin-left: 9.63%;
  position: relative;
  float: left;
}

.images-ressources, .cartes-ressources, .biblio-ressources, .advanced-ressources {
  position: relative;
  float: left;
  width: 45%;
  margin-bottom: 40px;
}

.title-ressource {
  width: 100%;
  position: relative;
  float: left;
  border-bottom: 8px solid #80222a;
  text-align: center;
  line-height: 40px;
  background: #f4f4f4;
  font-weight: normal;

}

.ressource-desc {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding: 15px;
  background: #f4f4f4;
}

.see-ressources {
  position: relative;
  float: left;
  text-align: center;
  line-height: 40px;
  width: 100%;
  padding-top: 20px;
}

.see-ressources a {
  position: relative;
  line-height: 40px;
  background: #a92d37;
  border-radius: 50px;
  -webkit-border-radius:50px;
  text-decoration: none;
  font-weight: normal;
  color: #fffaab;
  padding: 10px;
  font-family: 'Roboto' !important;
  padding: 10px 20px;  
}


.see-ressources a:hover {
  background-color:#80222a
}

@media screen and (max-width: 1025px) {
.ressources-container {
  width: 100%;
  margin-left: 0%;
  position: relative;
  float: left;
}

.images-ressources, .cartes-ressources, .biblio-ressources, .advanced-ressources {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 40px;
  background: #f4f4f4;
}

.title-ressource {
  width: 100%;
  position: relative;
  float: left;
  border-bottom: 8px solid #80222a;
  text-align: center;
  line-height: 40px;
  background: #f4f4f4;
  font-weight: normal;

}

.ressource-desc {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  padding: 15px;
  background: #f4f4f4;
}

.see-ressources {
  position: relative;
  float: left;
  text-align: center;
  line-height: 40px;
  width: 100%;
  padding-top: 20px;
}

.see-ressources a {
  position: relative;
  float: left;
  width: calc(100% - 20px);
  line-height: 1.2em;
  background: #a92d37;
  border-radius: 0;
  -webkit-border-radius:0;
  text-decoration: none;
  font-family: 'Montserrat';
  font-weight: bold;
  color: #fffaab;
  padding: 10px;
}
}


/* FIN BROWSE RESSOURCES */


/* A PROPOS / STANDARD SIMPLE PAGE */
.simple-page-content {
  position: relative;
  float: left;
  width: calc(80.74% - 30px);
  margin-left: 9.63%;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 40px;
  height: auto;
  text-align: justify;
}

.simple-page-content h1 {

  font-size: 20px;
  text-transform: inherit !important;
  font-family: 'Roboto';
  font-weight:bold;
  width: 100%;
  line-height: 25px;
}

.simple-page-content h2 {
  font-size: 18px;
  text-transform: inherit !important;
  font-family: 'Roboto';
  font-weight:bold;
  width: calc(100% - 20px);
  line-height: 22px;
  padding-left: 20px;
}

.simple-page-content h3 {

  font-size: 18px;
  text-transform: inherit !important;
  font-family: 'Roboto';
  font-weight:normal;
  width: calc(100% - 40px);
  line-height: 22px;
  padding-left: 40px;
}

.simple-page-content p {

  font-size: 16px;
  font-family: 'Roboto';
  font-weight:normal;
  text-align: justify;
  width: 100%;
  line-height: 18px;
}

.simple-page-content a {
  text-decoration: underline;
}

.simple-page-content li {
list-style: none; 

background: url("../images/puce-texte.png"); 
background-repeat: no-repeat; 
background-size: 5px;
background-position: 2px 6px; /* La première valeur est celle des x et la deuxième celle des y (ou vice-versa) */ 
padding-left: 15px;   
}

@media screen and (max-width: 1025px) {

.simple-page-content {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 40px;
  height: auto;
  text-align: justify;
}

}

@media screen and (max-width: 769px) {
  .simple-page-content {
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
  }
}
/* FIN A PROPOS / STANDARD SIMPLE PAGE */

/* CONTACT */

.search-container.contact {
  width: calc(35% - 30px);
}

.field.contact input {
  width: 50%;
  height: 30px;
}

.field.contact textarea {
  width: calc(100% - 30px);
  min-height: 150px;
  padding: 15px;
  outline: none;
  border-bottom: 2px solid #80222a;
  border-left: none;
  border-top: none;
  border-right: none;
  font-family: "Roboto"
}

.search-container.contact .submit {
  position: relative;
  float: left;
  width: 100%;
}

.contact-submit {
  position: relative;
  float: right;
  width: auto;
  background: #a92d37;
  border-radius: 50px;
  -webkit-border-radius : 50px;
  height: 30px;
  color: #fffaab;
  font-family: "Montserrat";
  font-size: 16px;
  line-height: 30px;
  border:none;
  outline: none;
  padding: 0 15px;
}

.contact-tel {
  position: relative;
  float: left;
  width: calc(40.74% - 30px);
  color:  #fffaab;
  margin-left: 5%;
  background: #f4f4f4;
  padding: 15px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1025px) {
  .search-container.contact {
    width: calc(100% - 30px);
  }
  .contact-tel {
    position: relative;
    float: left;
    width: calc(100% - 30px);
    color:  #fffaab;
    margin-left: 0;
    background: #f4f4f4;
    padding: 15px;
    margin-bottom: 30px;
  }


}

@media screen and (max-width: 781px) {
  .field.contact input {
    width: calc(100% - 45px);
    height: 30px;
  }

  .contact-submit {
    position: relative;
    float: right;
    width: 100%;
    background: #a92d37;
    border-radius: 0;
    -webkit-border-radius : 0;
    height: 30px;
    color: #fffaab;
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 30px;
    border:none;
    outline: none;
    padding: 0 0;
    text-align: center;
  }
}

/* FIN CONTACT */


/* Pictos */

.pictos-container {
  width: 290px;
  position: relative;
  margin: 0 auto;
  height: 65px;
  overflow: hidden;
  margin-bottom: 40px;
}

.picto {
  position: relative;
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 10px;
}

.picto a img {
  width: 50px;
  height: 50px;
  margin-top: 5px;
}



/* USER LOGIN */

.user-login {
  position: relative;
  float: left;
  width: 30%;
  margin-left: 9.63%;
  margin-bottom: 45px;
  background: #f4f4f4;
  padding: 15px;
}
.user-login label {display: none;}

.user-login .inputs {width: 100%;}
.user-login input {font-size:16px; width: calc(100% - 65px); color: #454545;}
.user-login input:placeholder {color: #f4f4f4;}

p.clear {line-height: 50px; text-align: center;}

p.explanation {
  display: none;
}
.user-login input#submit  {
    width: 200px;
    position: relative;
    float: left;
    line-height: 40px;
    background: #a92d37;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fffaab;
    font-weight: bold;
    font-family: "Montserrat";
    border:none;
    cursor: pointer;
    margin-bottom: 15px;
    margin-left:15px;
  }
.user-login input.submit  {
    width: 200px;
    position: relative;
    float: left;
    line-height: 40px;
    background: #a92d37;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fffaab;
    font-weight: bold;
    font-family: "Montserrat";
    border:none;
    cursor: pointer;
    margin-bottom: 15px;
    margin-left:15px;
  }

#login-form {
  position: relative;
  float: left;
  width: 40%;
  margin-left: 9.63%;
  margin-bottom: 45px;
  background: #f4f4f4;
  padding: 15px;
  border:none;
  outline: none;
  clear:both;
}


#login-form fieldset {
  border:none;
  outline:none;
}

#login-form #remember {
  line-height: 50px;
  margin-top:15px;
  text-align: left;
  width: 20px;
}

#login-form input#submit  {
    width: 200px;
    position: relative;
    float: left;
    line-height: 40px;
    background: #a92d37;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    color: #fffaab;
    font-weight: bold;
    font-family: "Montserrat";
    border:none;
    cursor: pointer;
  }

  #login-links {
    position: relative;
    float: left;
    width: 100%;
  }

#backtologin {
  line-height: 50px;
  text-align: center;
  font-weight: bold;
}
#backtologin:hover {text-decoration: underline;}

@media screen and (max-width: 1025px) {

.user-login {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
}
.user-login label {display: none;}

.user-login input {width: calc(100% - 65px); color: #454545; margin-left: 15px;}

#login-form {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  margin-left: 0;
}

}

/* FIN USER LOGIN */

/* SOLR SEARCH */

#solr-facets {
    margin-left: 9.63%;
    position: relative;
    float: left;
    background: #A92D37;
    color: #fffaab;
    padding: 15px;
    width: calc(20% - 30px);
}

#solr-facets a, #solr-facets h2, #solr-facets strong, #solr-facets ul li, .facet-count {
color: #fffaab;
}

#solr-facets h2 {
margin-bottom: 30px;
}

#solr-facets ul {
margin-top: 8px;
margin-bottom: 15px;
}

#solr-results {
    position: relative;
    float: left;
    width: calc(60.74% - 30px);
    background: #f4f4f4;
    padding: 15px;
    margin: 0 0 30px 0;

}
#num-found {
  margin-bottom: 15px;
}

.solr {
    position: relative;
    float: left;
    width: 80.74%;
    margin-left: 9.63%;
    margin-bottom: 30px;
}

#solr-search-form span.float-wrap input[type="text"] {
  position: relative;
    float: left;
    width: calc(100% - 40px);
    line-height: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    border: 2px solid #a92d37;
    padding: 0 20px;
}


#solr-results div.result {
  padding: 15px 0;
  border-top: 1px dotted #80222a;
  margin:0;
}

#solr-search-form input[type="submit"] {
    position: absolute;
    right: 0;
    width: 53px;
    height: 53px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white url(../images/search.png) 50% 50% no-repeat;
    background-size: 60%;
    color: #a92d37;
    border: 2px solid #a92d37;  
    content: "";
    z-index: 10;
}

@media screen and (max-width: 769px) {
  #solr-facets {
      margin-left: 0;
      position: relative;
      float: left;
      background: #A92D37;
      color: #fffaab;
      padding: 15px;
      width: calc(100% - 30px);
  }

  #solr-results {
      position: relative;
      float: left;
      width: calc(100% - 30px);
      background: #f4f4f4;
      padding: 15px;
      margin: 0 0 30px 0;
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
  }


  .solr {
      position: relative;
      float: left;
      width: 95%;
      margin-left: 2.5%;
      margin-bottom: 30px;
  }

  #solr-search-form span.float-wrap input[type="text"] {
    position: relative;
      float: left;
      width: calc(100% - 40px);
      line-height: 50px;
      border-radius: 50px;
      -webkit-border-radius: 50px;
      border: 2px solid #a92d37;
      padding: 0 20px;
  }


  #solr-results div.result {
    padding: 15px 0;
    border-top: 1px solid #80222a;
    margin:0;
  }

  #solr-search-form input[type="submit"] {
      position: absolute;
      right: 0;
      width: 53px;
      height: 53px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background: white url(../images/search.png) 50% 50% no-repeat;
      background-size: 60%;
      color: #a92d37;
      border: 2px solid #a92d37;  
      content: "";
      z-index: 10;
  }

}
/* SOLR SEARCH */


/* CART */


.cart-buttons {
  position: relative;
  float: left;
  width: 20%;
}

.dl-cart, .empty-cart {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

a.dl-cart,  a.empty-cart {
  position: relative;
  float: left;
  width: calc(100% - 30px);
  line-height: 40px;
  background: #a92d37;
  background-size: contain;
  color: #fffaab;
  text-decoration: none;
  font-weight: bold;
  font-family: 'Montserrat';
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 0 15px 0 15px;
}


.cart-items {
  position: relative;
  float: left;
  margin-left: 10%;
  width: 70%;
}

.cart-item {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  border-bottom: 8px solid #a92d37;
  margin-bottom: 30px;
}

.cart-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

a.remove-item {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: url(../images/close.png) 50% 50% no-repeat;
  background-size: contain;
  cursor: pointer;
}

.cart-item-notes {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.cart-item-notes label {
  position: relative;
  float: left;
  width: 100%;
  text-transform: inherit !important;
  text-align: center;
  font-weight: bold;
  line-height: 25px;
}

.cart-item-notes textarea {
  position: relative;
  float: left;
  border-bottom: 4px solid #a92d37;
  border-left: none;
  border-top: none;
  border-right: none;
  min-height: 150px;
  width: calc(100% - 30px);
  max-width: calc(100% - 30px);
  padding: 15px;

}

.cart-item-notes textarea:focus{
  outline: none;
  border-top: none;
}


.cart-item-buttons {
  position: relative;
  float: left;
  width: 100%;
  height: 40px;
  text-align: center;
  margin-bottom: 30px
}

.cart-item-buttons:last-child {
  margin-bottom: none
  }

a.cart-item-button {
  position: relative;
  float: left;
  width: auto;
  height: 30px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #a92d37;
  color: #fffaab;
  line-height: 30px;
  margin-right: 15px;
  padding: 0 15px;
  font-family: 'Montserrat', bold, sans-serif;
  outline: none;
  border:none;
  cursor: pointer;
  text-decoration: none;
  text-transform: inherit !important;
  
}

.view-cart-link .top-button {
  position: relative;
  float: left;
  width: 130px;
  height: 30px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #a92d37;
  color: #fffaab;
  line-height: 30px;
  margin-right: 15px;
  padding: 0 0 0 15px;
  font-family: 'Montserrat', bold, sans-serif;
  outline: none;
  border:none;
  cursor: pointer;
  text-align: left;
  }
.view-cart-link .top-button .cart-count {
  position: relative;
  float: right;
  width: 30px;
/*  height: 30px;*/
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #80222a;
  text-align: center;
  color: #fffaab;
border:1px solid #000;
}
a.view-cart-link .top-button .cart-count i { 
  font-style : normal;
    position: relative;
  float: right;
  width: 30px;
  height: 25px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #80222a;
  text-align: center;
  color: #fffaab;
/*border:1px solid red !important;*/
padding-top:0px !important;
}


@media screen and (max-width: 769px) {
  .cart-buttons {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }

  .cart-item-buttons {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px
  }
}



/* CART */

.footnotes {
  width:100%;
  float:left;
  margin-bottom:30px;
}

.footnotes h3 {
  width:100%;
  margin-top:20px;
  padding-bottom:10px;
  border-bottom:1px dotted #333;
}

.footnotes span.content {
  padding:10px !important;
  margin-left:20px;
  width:100% !important;
  text-align: justify;
}

.footnote_anchor {
  font-weight: bold;
  margin-left: -30px;
  text-align: right;
  width: 25px;
  float: left;
  position: absolute;
  border-bottom: 1px dotted #555;
}

.footnote_link {
  color:black;
  font-size:12px;
  font-weight: bold;
  display:inline-block;
  padding-left:5px;
  padding-right:5px;
}

.footnote_link:hover {
  text-decoration: underline;
}

/* 
  @Louis : ci-dessous le code pour le sous-menu (non prévu initialement)
  La version responsive fonctionne également
  Le JS qui va avec est dans main.js
*/

nav#desktop ul li ul {
  position: absolute;
  left:-2px;
  border:none;
  top:42px;
  width:inherit;
}

nav#desktop ul li ul.show {
  display: inline !important;
  z-index: 100;
}

nav#desktop .parent ul li {
  width:inherit;
}

.navigation .parent ul li {
  /*border:1px solid red;*/
  z-index: 9;
  position: absolute;
  background-color:#80222a;
  left: 0;
  width: 200px;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
}
  
.navigation .parent ul li:hover {
  background-color:#a92d37 !important;
}
  
.navigation .parent ul li a {
  text-transform: normal !important;
  color: black;  
  display:block;
  border:1px solid #fffaab;
  width:250px;
  font-size:15px;
  padding-left:10px;
  color:#fffaab;
  margin-left:1px;
}

.solr-title {
width:initial !important;
}