/* =========================== 

	App premierchapitre V4

 ========================== */
/* ---------------------------- */
/* UTILE                        */
/* ---------------------------- */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* ---------------------------- */
/* VARIABLES                    */
/* ---------------------------- */
.text-bleu {
  color: #75AED0; }

/* ---------------------------- */
/* INIT                         */
/* ---------------------------- */
strong {
  font-weight: bold; }

em {
  font-style: italic; }

pre {
  overflow: hidden; }

.container-fluid, .container {
  position: relative;
  padding-left: 5px;
  padding-right: 5px; }

.row {
  margin-left: -5px;
  margin-right: -5px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  padding-left: 5px;
  padding-right: 5px; }

.text-app {
  color: #75AED0; }

.btn-app {
  background: #75AED0;
  color: white; }

.ombre {
  -moz-box-shadow: #CCC 2px 2px 10px;
  -webkit-box-shadow: #CCC 2px 2px 10px;
  box-shadow: #CCC 2px 2px 10px; }

button.bg-or, a.bg-or {
  text-transform: uppercase;
  background: #bda381;
  color: white;
  border: 0; }

.bkg-or {
  background: #bda381;
  color: white; }

/* ---------------------------- */
/* MIXINS                       */
/* ---------------------------- */
/* ---------------------------- */
/* STRUCTURE                    */
/* ---------------------------- */
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #555; }

@media (min-width: 1200px) {
  .container {
    width: 750px; } }

.modal-backdrop.in {
  opacity: 0.8; }

/* ---------------------------- */
/* HEADER                       */
/* ---------------------------- */
#app_header {
  position: relative;
  width: auto;
  height: auto;
  z-index: 10; }
  #app_header h1 {
    position: absolute;
    top: -5000px; }
  #app_header .navbar {
    margin-bottom: 0; }
  #app_header .navbar-default {
    background: rgba(255, 255, 255, 0.9);
    border: 0; }

#zone_logo {
  padding: 5px; }

#btn_menu a {
  position: relative;
  display: inherit;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #75AED0;
  font-size: 2em; }
  @media (min-width: 993px) {
    #btn_menu a {
      font-size: 4em; } }

#btn_compte a {
  position: relative;
  display: inherit;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  #btn_compte a.on {
    color: #75AED0; }
  #btn_compte a.off {
    color: #000; }
  #btn_compte a span {
    display: block;
    color: black;
    font-size: 0.6em;
    font-variant: small-caps;
    line-height: 120%; }
    @media (min-width: 993px) {
      #btn_compte a span {
        font-size: 1em; } }
  #btn_compte a i {
    font-size: 1.5em; }
    @media (min-width: 768px) {
      #btn_compte a i {
        font-size: 4em; } }

/* ---------------------------- */
/* MENU                         */
/* ---------------------------- */
.navmenu .nav > li > a {
  display: inline;
  padding: 0px 0px;
  position: relative; }
.navmenu.navmenu-default, .navmenu.navbar-default .navmenu.navbar-offcanvas {
  background: transparent; }
.navmenu ul {
  position: relative;
  height: 100%;
  width: auto;
  padding: 1em;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: top center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  -moz-box-shadow: #666 2px 4px 7px;
  -webkit-box-shadow: #666 2px 4px 7px;
  box-shadow: #666 2px 4px 7px; }
  .navmenu ul li {
    margin: 1.5em 0; }
    @media (max-width: 767px) {
      .navmenu ul li {
        font-size: 1em; } }
    @media (min-width: 768px) {
      .navmenu ul li {
        font-size: 1.5em; } }
    @media (min-width: 993px) {
      .navmenu ul li {
        font-size: 1.5em; } }
    @media (min-width: 1200px) {
      .navmenu ul li {
        font-size: 1.5em; } }
    .navmenu ul li a {
      background: #FFF;
      color: black;
      text-transform: uppercase; }
      .navmenu ul li a:hover {
        text-decoration: none; }

#collapse_menu {
  z-index: 1000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  #collapse_menu .masque {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  #collapse_menu ul {
    position: relative;
    height: auto;
    width: 70%;
    padding: 1em;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-box-shadow: #666 2px 4px 7px;
    -webkit-box-shadow: #666 2px 4px 7px;
    box-shadow: #666 2px 4px 7px; }
    #collapse_menu ul li {
      font-size: 1em;
      margin: 1.5em 0; }
      @media (min-width: 993px) {
        #collapse_menu ul li {
          font-size: 2em;
          margin: 1.5em 0; } }
      #collapse_menu ul li a {
        background: #FFF;
        color: black;
        text-transform: uppercase; }
        #collapse_menu ul li a:hover {
          text-decoration: none; }

/* ---------------------------- */
/* CONTENT                      */
/* ---------------------------- */
#app_content {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1; }

/* ---------------------------- */
/* FOOTER                       */
/* ---------------------------- */
#app_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0px;
  z-index: 10; }

.bottom_barre {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0px; }
  .bottom_barre li {
    /*display: inline-block;*/
    width: 20%;
    height: 0px;
    float: left; 
  }
    .bottom_barre li a {
      display: block;
      height: 0px;
      width: 100%;
      padding: 0;
      box-shadow: none;
      text-shadow: none;
      border: 0;
      font-size: 1.2em;
      line-height: 200%;
      text-align: center;
      text-decoration: none; }
      .bottom_barre li a.active {
        color: white; }
      .bottom_barre li a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8; }

/* ---------------------------- */
/* INSCRIPTION                  */
/* ---------------------------- */
#panel_inscription {
  background-color: white;
  background-repeat: no-repeat;
  background-position: top center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
  #panel_inscription input {
    background: rgba(255, 255, 255, 0.5);
    color: black; }
    #panel_inscription input::-webkit-input-placeholder {
      color: black; }
    #panel_inscription input:-moz-placeholder {
      color: black; }
    #panel_inscription input::-moz-placeholder {
      color: black; }
    #panel_inscription input:-ms-input-placeholder {
      color: black; }
  #panel_inscription aside {
    display: none; }
    #panel_inscription aside.alert-danger {
      background: rgba(243, 224, 224, 0.9); }
    #panel_inscription aside.alert-success {
      background: rgba(223, 240, 217, 0.9); }
    #panel_inscription aside.alert-info {
      background: rgba(218, 238, 248, 0.9); }

.titre_inscription {
  margin-top: 20px;
  font-size: 1em;
  color: black;
  text-transform: uppercase; }
  @media (min-width: 993px) {
    .titre_inscription {
      font-size: 2em; } }

/* ---------------------------- */
/* MODAL - CONNEXION            */
/* ---------------------------- */
#modal_connexion .modal-content {
  background-color: white;
  background-repeat: no-repeat;
  background-position: top center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }
#modal_connexion .modal-header {
  border: 0; }
  #modal_connexion .modal-header .modal-title {
    font-size: 1.3em;
    color: black;
    text-transform: uppercase; }
    @media (min-width: 993px) {
      #modal_connexion .modal-header .modal-title {
        font-size: 2em; } }
#modal_connexion .modal-body {
  color: black; }
#modal_connexion .modal-footer {
  border: 0;
  padding: 0 5px;
  background: rgba(255, 255, 255, 0);
  line-height: 140%;
  height: auto;
  text-align: center;
  font-variant: small-caps;
  margin-top: 100px; }
  #modal_connexion .modal-footer a {
    text-decoration: none;
    color: inherit;
    font-variant: small-caps;
    font-size: 0.9em;
    line-height: 100%; }
#modal_connexion input {
  background: rgba(255, 255, 255, 0.5); }
#modal_connexion aside {
  display: none; }
  #modal_connexion aside.alert-danger {
    background: rgba(243, 224, 224, 0.9); }
  #modal_connexion aside.alert-success {
    background: rgba(223, 240, 217, 0.9); }

/* ---------------------------- */
/* MODAL - COMPTE                 */
/* ---------------------------- */
#modal_compte .panel-body {
  padding: 5px; }
#modal_compte .tab-content {
  padding-top: 10px; }
#modal_compte h1 {
  font-size: 1.2em;
  line-height: 140%;
  color: gray; }
#modal_compte #tab_envie .liste h4, #modal_compte #tab_lecture .liste h4 {
  font-size: 1em;
  margin: 0; }
#modal_compte #tab_envie .liste .action, #modal_compte #tab_lecture .liste .action {
  margin-top: 30px; }

/* ---------------------------- */
/* MODAL TEASER                 */
/* ---------------------------- */
#modal_t .modal-dialog {
  margin: 0 auto; }
  #modal_t .modal-dialog .modal-content {
    background-repeat: no-repeat;
    background-position: top center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover; }
#modal_t .modal-header {
  background: rgba(255, 255, 255, 0.9);
  padding: 5px; }
  #modal_t .modal-header h2 {
    font-size: 1em;
    color: gray;
    padding: 0;
    margin: 0; }
  #modal_t .modal-header button.close {
    float: none;
    margin-top: -5px;
    color: #ab8b60;
    font-size: 2.5em;
    opacity: 1; }
    @media (min-width: 993px) {
      #modal_t .modal-header button.close {
        font-size: 2em; } }
  #modal_t .modal-header a {
    display: none;
    color: #ab8b60;
    font-size: 1.5em; }
    @media (min-width: 993px) {
      #modal_t .modal-header a {
        font-size: 2em; } }
#modal_t .modal-body {
  min-height: 600px;
  background: rgba(141, 140, 137, 0.75); }
  #modal_t .modal-body #card_teaser .front section {
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.95); }
    #modal_t .modal-body #card_teaser .front section blockquote {
      border-left: 2px solid #666;
      padding: 0 10px; }
      #modal_t .modal-body #card_teaser .front section blockquote div p, #modal_t .modal-body #card_teaser .front section blockquote div div {
        color: #999;
        text-transform: uppercase;
        font-size: 0.8em;
        line-height: 140%; }
        @media (min-width: 993px) {
          #modal_t .modal-body #card_teaser .front section blockquote div p, #modal_t .modal-body #card_teaser .front section blockquote div div {
            font-size: 1em; } }
        #modal_t .modal-body #card_teaser .front section blockquote div p sup, #modal_t .modal-body #card_teaser .front section blockquote div div sup {
          text-transform: lowercase; }
      #modal_t .modal-body #card_teaser .front section blockquote footer {
        line-height: 140%;
        color: #999; }
        #modal_t .modal-body #card_teaser .front section blockquote footer::before {
          content: none; }
    #modal_t .modal-body #card_teaser .front section .disponibilite {
      background: #C62817;
      color: white; }
      #modal_t .modal-body #card_teaser .front section .disponibilite p {
        padding: 0;
        margin: 0;
        line-height: 120%; }
      #modal_t .modal-body #card_teaser .front section .disponibilite .t1 {
        font-size: 1.3em; }
      #modal_t .modal-body #card_teaser .front section .disponibilite .t2 {
        font-size: 0.8em; }
      #modal_t .modal-body #card_teaser .front section .disponibilite .t3 {
        font-size: 0.8em; }
  #modal_t .modal-body #card_teaser .front .metadonnees {
    margin-top: 20px; }
    #modal_t .modal-body #card_teaser .front .metadonnees img {
      -moz-box-shadow: #000 6px 6px 20px;
      -webkit-box-shadow: #000 6px 6px 20px;
      box-shadow: #000 6px 6px 20px; }
  #modal_t .modal-body #card_teaser .back section {
    padding-bottom: 20px; }
    #modal_t .modal-body #card_teaser .back section #quatrieme {
      background-color: rgba(255, 255, 255, 0.95);
      padding: 10px;
      margin-bottom: 5px;
      font-size: 1.1em;
      line-height: 120%; }
      #modal_t .modal-body #card_teaser .back section #quatrieme p {
        text-indent: 20px; }
      @media (min-width: 993px) {
        #modal_t .modal-body #card_teaser .back section #quatrieme {
          font-size: 1.3em; } }

#modal_teaser {
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  top: -5000px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background: #E0D4C4; }
  #modal_teaser.animated {
    visibility: visible;
    z-index: 100;
    top: 0; }

#card {
  position: relative;
  width: 100%;
  height: 100%; }

.Xcard_close_retour {
  position: absolute;
  top: -40px;
  left: 0px;
  right: 0px;
  height: 40px;
  line-height: 40px; }
  .Xcard_close_retour a {
    color: #ab8b60;
    font-size: 1.5em; }
    @media (min-width: 993px) {
      .Xcard_close_retour a {
        font-size: 2em; } }

.Xfront {
  background: #E0D4C4;
  z-index: 10;
  position: relative;
  text-align: center;
  height: 100%; }
  @media (max-width: 767px) {
    .Xfront {
      padding: 50px 30px 10px 30px; } }
  @media (min-width: 768px) {
    .Xfront {
      padding: 60px 30px; } }
  @media (min-width: 993px) {
    .Xfront {
      padding: 70px 30px; } }
  @media (min-width: 1200px) {
    .Xfront {
      padding: 80px 30px; } }
  .Xfront #couverture {
    position: relative;
    display: inline-block;
    height: 100%;
    width: auto;
    max-width: 90%; }
    .Xfront #couverture img {
      height: 100%;
      -moz-box-shadow: #CCC 6px 6px 20px;
      -webkit-box-shadow: #CCC 6px 6px 20px;
      box-shadow: #CCC 6px 6px 20px; }
  .Xfront .navi button, .Xfront .navi a {
    text-transform: uppercase;
    background: #bda381;
    color: white;
    border: 0; }
  .Xfront .encart {
    visibility: hidden;
    position: absolute;
    top: -5000px;
    left: -5%;
    width: 110%;
    height: auto;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 2; }
    .Xfront .encart.animated {
      visibility: visible !important;
      top: 10%; }
    .Xfront .encart blockquote {
      border-left: 2px solid #666;
      padding-left: 10px; }
      .Xfront .encart blockquote div p {
        color: #999;
        text-transform: uppercase;
        font-size: 0.8em;
        line-height: 140%; }
        @media (min-width: 993px) {
          .Xfront .encart blockquote div p {
            font-size: 1.2em; } }
        .Xfront .encart blockquote div p sup {
          text-transform: lowercase; }
      .Xfront .encart blockquote footer {
        line-height: 140%;
        color: #999; }
        .Xfront .encart blockquote footer::before {
          content: none; }

.Xback {
  z-index: 20;
  background: #E0D4C4;
  position: relative;
  text-align: center;
  height: 100%; }
  @media (max-width: 767px) {
    .Xback {
      padding: 0px 3%; } }
  @media (min-width: 768px) {
    .Xback {
      padding: 0px 6%; } }
  @media (min-width: 993px) {
    .Xback {
      padding: 0px 9%; } }
  @media (min-width: 1200px) {
    .Xback {
      padding: 0px 12%; } }
  .Xback .wrapper {
    position: relative;
    max-height: 80%;
    width: 98%;
    margin: 50px auto; }
    @media (min-width: 993px) {
      .Xback .wrapper {
        width: 60%; } }
  .Xback #msg_ajout_envie {
    visibility: hidden; }
    .Xback #msg_ajout_envie.animated {
      visibility: visible;
      z-index: 100;
      top: 0; }
  .Xback .navi {
    position: absolute;
    right: 5px;
    left: 5px;
    bottom: -40px; }
    .Xback .navi button, .Xback .navi a {
      text-transform: uppercase;
      background: #bda381;
      color: white;
      border: 0; }
      .Xback .navi button#ajout_envie, .Xback .navi a#ajout_envie {
        background: #75AED0; }
  .Xback #teaser_quatre {
    background: white;
    -moz-box-shadow: #666 2px 2px 10px;
    -webkit-box-shadow: #666 2px 2px 10px;
    box-shadow: #666 2px 2px 10px;
    padding: 20px;
    height: auto;
    width: 100%;
    overflow: auto;
    font-size: 1.1em;
    line-height: 120%; }
    .Xback #teaser_quatre p {
      text-indent: 20px; }
    @media (min-width: 993px) {
      .Xback #teaser_quatre {
        font-size: 1.3em; } }

.card_close_retour {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 40px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10; }
  .card_close_retour a {
    color: #ab8b60;
    font-size: 1.5em; }
    @media (min-width: 993px) {
      .card_close_retour a {
        font-size: 2em; } }

.front {
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
  position: relative;
  text-align: center;
  height: 100%; }
  .front #couverture {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%; }
    .front #couverture #teaser_couverture {
      height: 100%;
      width: 100%;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
      opacity: 0.2; }
  .front .navi button, .front .navi a {
    text-transform: uppercase;
    background: #bda381;
    color: white;
    border: 0; }
  .front .encart {
    visibility: hidden;
    position: absolute;
    top: -5000px;
    left: 5%;
    width: 90%;
    height: auto;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.95);
    z-index: 2; }
    .front .encart.animated {
      visibility: visible !important;
      top: 10%; }
    .front .encart blockquote {
      border-left: 2px solid #666;
      padding: 0 10px; }
      .front .encart blockquote div p, .front .encart blockquote div div {
        color: #999;
        text-transform: uppercase;
        font-size: 0.8em;
        line-height: 140%; }
        @media (min-width: 993px) {
          .front .encart blockquote div p, .front .encart blockquote div div {
            font-size: 1.2em; } }
        .front .encart blockquote div p sup, .front .encart blockquote div div sup {
          text-transform: lowercase; }
      .front .encart blockquote footer {
        line-height: 140%;
        color: #999; }
        .front .encart blockquote footer::before {
          content: none; }
  .front .couverture_livre {
    position: absolute;
    bottom: 10%;
    right: 0;
    left: 0;
    text-align: center;
    height: 40%; }
    .front .couverture_livre img {
      max-width: 50%;
      max-height: 100%;
      -moz-box-shadow: #000 6px 6px 20px;
      -webkit-box-shadow: #000 6px 6px 20px;
      box-shadow: #000 6px 6px 20px; }

.back {
  z-index: 20;
  background: #E0D4C4;
  position: relative;
  text-align: center;
  height: 100%; }
  @media (max-width: 767px) {
    .back {
      padding: 0px 3%; } }
  @media (min-width: 768px) {
    .back {
      padding: 0px 6%; } }
  @media (min-width: 993px) {
    .back {
      padding: 0px 9%; } }
  @media (min-width: 1200px) {
    .back {
      padding: 0px 12%; } }
  .back .wrapper {
    position: relative;
    max-height: 80%;
    width: 98%;
    margin: 50px auto; }
    @media (min-width: 993px) {
      .back .wrapper {
        width: 60%; } }
  .back #msg_ajout_envie {
    visibility: hidden; }
    .back #msg_ajout_envie.animated {
      visibility: visible;
      z-index: 100;
      top: 0; }
  .back .navi {
    position: absolute;
    right: 5px;
    left: 5px;
    bottom: -50px; }
    .back .navi button, .back .navi a {
      text-transform: uppercase;
      background: #bda381;
      color: white;
      border: 0; }
      .back .navi button#ajout_envie, .back .navi a#ajout_envie {
        background: #75AED0; }
  .back #teaser_quatre {
    background: white;
    -moz-box-shadow: #666 2px 2px 10px;
    -webkit-box-shadow: #666 2px 2px 10px;
    box-shadow: #666 2px 2px 10px;
    padding: 20px;
    height: auto;
    width: 100%;
    overflow: auto;
    font-size: 1.1em;
    line-height: 120%; }
    .back #teaser_quatre p {
      text-indent: 20px; }
    @media (min-width: 993px) {
      .back #teaser_quatre {
        font-size: 1.3em; } }

/* ---------------------------- */
/* TEXTE                        */
/* ---------------------------- */
.contenu_texte {
  font-size: 14px;
  line-height: 120%;
  text-align: justify; }
  .contenu_texte p {
    margin: 0;
    padding: 0;
    line-height: 120%; }
  .contenu_texte hr {
    border-color: white;
    margin: 8px 0; }
  @media (min-width: 1200px) {
    .contenu_texte {
      font-size: 2em; } }

/* ---------------------------- */
/* QCM                     */
/* ---------------------------- */
.contenu_qcm h2 {
  margin-top: 0; }
  @media (max-width: 767px) {
    .contenu_qcm h2 {
      font-size: 14px; } }
  @media (min-width: 768px) {
    .contenu_qcm h2 {
      font-size: 14px; } }
  @media (min-width: 993px) {
    .contenu_qcm h2 {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .contenu_qcm h2 {
      font-size: 14px; } }
.contenu_qcm .questionnaire {
  position: relative; }
  .contenu_qcm .questionnaire form, .contenu_qcm .questionnaire #sondage_merci {
    z-index: 2;
    padding: 10px;
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.7); }

/* ---------------------------- */
/* CITATION                     */
/* ---------------------------- */
@media (max-width: 767px) {
  .contenu_citation {
    padding: 5px 6px; } }
@media (min-width: 768px) {
  .contenu_citation {
    padding: 10px 6px; } }
@media (min-width: 993px) {
  .contenu_citation {
    padding: 10px 6px; } }
@media (min-width: 1200px) {
  .contenu_citation {
    padding: 10px 6px; } }
.contenu_citation .citation {
  font-family: "Playfair Display",serif;
  line-height: 100%;
  text-align: center; }
  .contenu_citation .citation p {
    margin: 0; }
  @media (max-width: 767px) {
    .contenu_citation .citation {
      font-size: 16px; } }
  @media (min-width: 768px) {
    .contenu_citation .citation {
      font-size: 32px; } }
  @media (min-width: 993px) {
    .contenu_citation .citation {
      font-size: 32px; } }
  @media (min-width: 1200px) {
    .contenu_citation .citation {
      font-size: 32px; } }
.contenu_citation .signature {
  text-align: center;
  font-size: 10px; }
  @media (min-width: 1200px) {
    .contenu_citation .signature {
      font-size: 14px; } }

/* ---------------------------- */
/* ILLUSTRATION                 */
/* ---------------------------- */
.illustration img {
  width: 100%; }
.illustration h2 {
  display: inline-block;
  position: absolute;
  height: auto;
  padding: 5px;
  margin: 0;
  font-weight: normal;
  color: black;
  font-size: 14px; }
  .illustration h2 p {
    margin: 0;
    padding: 0;
    line-height: 120%; }
  @media (min-width: 993px) {
    .illustration h2 {
      font-size: 2em; } }

.illustration_plus {
  position: relative; }
  .illustration_plus a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%; }
  .illustration_plus img {
    width: 100%; }
  .illustration_plus div {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    height: auto;
    color: black; }
    .illustration_plus div p {
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      opacity: 0.7;
      line-height: 120%; }
    @media (min-width: 993px) {
      .illustration_plus div {
        font-size: 2em; } }
  .illustration_plus .plus {
    position: absolute;
    bottom: 0px;
    right: 5px;
    color: #39B3D7;
    font-size: 4em;
    line-height: 100%;
    text-transform: uppercase; }
  .illustration_plus .signature {
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #FFF;
    font-size: 0.8em;
    text-transform: uppercase; }

/* ---------------------------- */
/* MOTEUR DE RECHERCHE          */
/* ---------------------------- */
@media (max-width: 768px) {
  .contenu_recherche .nav-justified > li {
    display: table-cell;
    width: 1%; }
  .contenu_recherche .nav-justified > li > a {
    border-bottom: 1px solid #ddd !important;
    border-radius: 3px !important;
    margin: 0 5px !important;
    padding: 5px !important;
    color: white; }
  .contenu_recherche .nav-justified > li.active > a {
    color: #555; } }
.contenu_recherche .panel-body {
  padding: 10px; }
.contenu_recherche a {
  color: #555; }

/* ---------------------------- */
/* BOOSTER D'ENVIE              */
/* ---------------------------- */
ul.envie {
  position: relative;
  padding: 0;
  font-size: 7px; }
  @media (min-width: 993px) {
    ul.envie {
      font-size: 14px; } }
  ul.envie li {
    position: relative;
    display: block;
    float: left;
    width: 31%;
    margin: 1%;
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; }
    ul.envie li a {
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      padding: 5px;
      line-height: 120%; }
      ul.envie li a:hover {
        text-decoration: none; }
      ul.envie li a span {
        display: block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }

/* ---------------------------- */
/* LIVRES                       */
/* ---------------------------- */
.carousel_coverflow .owl-item {
  float: none;
  display: inline-block;
  vertical-align: bottom; }

.fdcolor a {
  display: block;
  position: relative;
  padding: 5px;
  margin-bottom: 5px;
  width: 100%;
  height: 100%; }
  .fdcolor a:hover {
    text-decoration: none; }
  .fdcolor a img {
    margin-bottom: 10px; }
  .fdcolor a p {
    color: black;
    margin: 0;
    line-height: 120%; }
    .fdcolor a p.titre {
      font-size: 1em; }
    .fdcolor a p.auteur {
      font-size: 0.8em; }
    .fdcolor a p.editeur {
      font-size: 0.8em;
      color: black; }

.lst_couvG_metaD section {
  position: relative;
  width: auto;
  height: auto;
  overflow: hidden;
  padding: 5px 0; }
.lst_couvG_metaD a:hover {
  text-decoration: none; }
.lst_couvG_metaD a img {
  width: 100%; }
.lst_couvG_metaD a p {
  color: black;
  margin: 0;
  line-height: 120%; }
  .lst_couvG_metaD a p.titre {
    font-size: 1em; }
    @media (min-width: 993px) {
      .lst_couvG_metaD a p.titre {
        font-size: 1.8em; } }
  .lst_couvG_metaD a p.auteur {
    font-size: 0.8em; }
    @media (min-width: 993px) {
      .lst_couvG_metaD a p.auteur {
        font-size: 1.4em; } }
  .lst_couvG_metaD a p.editeur {
    font-size: 0.8em;
    color: gray; }
    @media (min-width: 993px) {
      .lst_couvG_metaD a p.editeur {
        font-size: 1.4em; } }

/* ---------------------------- */
/* PRICES                       */
/* ---------------------------- */
.pricing {
  position: relative;
  margin-bottom: 15px;
  border: 2px solid #75AED0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }
  .pricing .pricing-heading {
    background: #75AED0;
    padding: 5px 0; }
    .pricing .pricing-heading h3 {
      font-size: 1em;
      line-height: 160%;
      color: white;
      text-transform: uppercase; }
      .pricing .pricing-heading h3 small {
        font-size: 1.2em; }
  .pricing .pricing-body {
    padding: 5px; }
    .pricing .pricing-body .prix {
      font-size: 3em;
      color: gray;
      margin: 10px 0; }
      .pricing .pricing-body .prix small {
        font-size: 0.5em; }
      .pricing .pricing-body .prix span {
        display: block;
        font-size: 0.3em;
        top: -10px; }
    .pricing .pricing-body .info {
      font-size: 0.9em;
      color: gray;
      padding: 5px;
      line-height: 120%; }
  .pricing .pricing-footer {
    background: #F7F7F7;
    color: black; }

/* ---------------------------- */
/* CITATIONS                    */
/* ---------------------------- */
#citation {
  background-color: #efefef;
  padding: 15px 15px;
  position: relative;
  margin: 0px 0; }
  #citation h2 {
    color: #bb0715;
    font-family: "Playfair Display",serif;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase; }
    @media (max-width: 767px) {
      #citation h2 {
        font-size: 22px; } }
    @media (min-width: 768px) {
      #citation h2 {
        font-size: 44px; } }
    @media (min-width: 993px) {
      #citation h2 {
        font-size: 44px; } }
    @media (min-width: 1200px) {
      #citation h2 {
        font-size: 44px; } }
    #citation h2 span {
      color: #000;
      text-transform: none; }
  #citation p {
    font-family: Times,"Playfair Display",serif;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 10px 20px; }
    @media (max-width: 767px) {
      #citation p {
        font-size: 16px; } }
    @media (min-width: 768px) {
      #citation p {
        font-size: 32px; } }
    @media (min-width: 993px) {
      #citation p {
        font-size: 32px; } }
    @media (min-width: 1200px) {
      #citation p {
        font-size: 32px; } }
    #citation p span {
      color: #bb0715; }
  #citation .pdjAuteur {
    font-family: "Playfair Display",serif;
    font-style: normal;
    font-weight: normal;
    padding: 0; }
    @media (max-width: 767px) {
      #citation .pdjAuteur {
        font-size: 14px; } }
    @media (min-width: 768px) {
      #citation .pdjAuteur {
        font-size: 28px; } }
    @media (min-width: 993px) {
      #citation .pdjAuteur {
        font-size: 28px; } }
    @media (min-width: 1200px) {
      #citation .pdjAuteur {
        font-size: 28px; } }

/* ---------------------------- */
/* LIVRE                        */
/* ---------------------------- */
.livre {
  padding-top: 20px;
  padding-bottom: 20px; }
  .livre h1 {
    color: #75AED0; }
    @media (max-width: 767px) {
      .livre h1 {
        font-size: 1.2em; } }
    @media (min-width: 768px) {
      .livre h1 {
        font-size: 2em; } }
    @media (min-width: 993px) {
      .livre h1 {
        font-size: 2em; } }
    @media (min-width: 1200px) {
      .livre h1 {
        font-size: 2em; } }
  .livre .teaser {
    padding: 0 10px;
    margin-top: 10px; }
    @media (max-width: 767px) {
      .livre .teaser {
        font-size: 1em; } }
    @media (min-width: 768px) {
      .livre .teaser {
        font-size: 1.5em; } }
    @media (min-width: 993px) {
      .livre .teaser {
        font-size: 1.3em; } }
    @media (min-width: 1200px) {
      .livre .teaser {
        font-size: 1.3em; } }
  .livre .quatre {
    padding: 0 10px;
    margin: 10px 0; }
    @media (max-width: 767px) {
      .livre .quatre {
        font-size: 1em; } }
    @media (min-width: 768px) {
      .livre .quatre {
        font-size: 1.5em; } }
    @media (min-width: 993px) {
      .livre .quatre {
        font-size: 1.3em; } }
    @media (min-width: 1200px) {
      .livre .quatre {
        font-size: 1.3em; } }
  .livre p {
    margin: 0;
    padding: 0; }
  .livre button, .livre a {
    text-transform: uppercase;
    background: #bda381;
    color: white;
    border: 0; }