.container-fluid{margin-right:auto;margin-left:auto;padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem}.row.reverse{-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;-webkit-box-orient:vertical;-webkit-box-direction:reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-xs{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}.start-xs{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-xs{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}@media only screen and (min-width:48em){.container{width:46rem}.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-sm{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}.start-sm{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-sm{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-sm{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-sm{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-sm{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-sm{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-sm{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-sm{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:62em){.container{width:61rem}.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-md{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}.start-md{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-md{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-md{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-md{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-md{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-md{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-md{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-md{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}@media only screen and (min-width:75em){.container{width:71rem}.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{box-sizing:border-box;-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;padding-right:1rem;padding-left:1rem}.col-lg{-webkit-flex-grow:1;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}.start-lg{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;text-align:start}.center-lg{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;text-align:center}.end-lg{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;text-align:end}.top-lg{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start}.middle-lg{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.bottom-lg{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.first-lg{-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1}.last-lg{-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1}}

html {
  height: 100%;
  overflow-x: hidden;
}





/***************
 *   GENERIC
 ***************/
.bepolar-valentin {
  flex-grow:1;
}
.page-bpvalentin {
  color: #FFF;
  position: relative;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  overflow-x: hidden;
}
.page-bpvalentin:before {
  content:"";
  position: fixed;
  background:url('images/laroseetlenoirfond.png') top center no-repeat;
  background-size: cover;
  width:100%;
  height:100%;
  z-index: -1;
}


.test {
  content:"";
  position: fixed;
  background-color: chartreuse;
  background-size: cover;
  width:100%;
  height:100%;
  z-index: -1;
}

.page-bpvalentin strong {
  font-weight: bold;
  color: #FFF;
}
.container {
  max-width: 1280px;
  width: 98%;
  margin:0 auto;
}

/***************
 *   HEADER
 ***************/
.page-bpvalentin .logo-site {
    display: block;
    position: absolute;
    clear: both;
    padding: 30px 0;
    top: 0;
    left: 30px;
    z-index: 100;
}
.page-bpvalentin .introduction {
  margin-bottom: 50px;

}
.page-bpvalentin .introduction img {
  margin-bottom: 20px;
}
.page-bpvalentin .introduction .content-logo {
  text-align:center;
  margin:52px 0 50px 0;
  /* transition:1s all ease-in-out; */
}
.page-bpvalentin .introduction .content-logo img {
  margin-top: 200px;
  width:400px;
  max-width:100%;
  /* transition:1s all ease-in-out; */
}
.page-bpvalentin .introduction .subtitle {
  position:absolute;
  top:300px;
  left:50%;
  transform: translateX(-50%);
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 37px;
  text-align:center;
  text-transform: initial;
  color:#ffffff;
  width:90%;
  max-width:59%;
  margin:auto;
  opacity:0;
  /* transition:1s all ease-in-out; */
}
.page-bpvalentin .introduction .subtitle strong {
  font-size: 24px;
  color:#C10C1A;
}
.page-bpvalentin .introduction .select-presentation {

    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 29px;
    font-weight: 700;
    line-height: 37px;
    text-align: center;
    opacity: 0;
    width: 96%;
    max-width: 68%;
    margin: 0 auto;
    transition: 1s all ease-in-out;
  
}
.page-bpvalentin .introduction .select-subtitle {
  font-size: 29px;
  font-weight: 700;
  line-height: 37px;
  color:#ffffff;
  text-transform: initial;
  text-align:center;
  margin-top: 10%;
}
.page-bpvalentin .introduction .select-text {
    color:#969696;
    font-size:16px;
}
.page-bpvalentin .introduction .select-subtitle strong {
  color:#C10C1A;
}
.page-bpvalentin .introduction.open .content-logo {
  margin:50px 0 50px 0;
}
.page-bpvalentin .introduction.open .content-logo img {
  width:184px !important;
}
.page-bpvalentin .introduction.open .subtitle {
  opacity:0 !important;
}
.page-bpvalentin .introduction.open .select-presentation {
  opacity:1;
}
.page-bpvalentin .introduction.select .select-presentation {
  opacity:0;
}
.page-bpvalentin .infozone {
    display: block;
    position: absolute;
    clear: both;
    padding: 30px 0;
    top: 0;
    right: 30px;
    z-index: 100;
}
.page-bpvalentin .infozone .infozone-link {
    display: block;
    position:relative;
    background:url('bubble.png') top right no-repeat;
    width:33px;
    height:34px;
    float:right;
    cursor:pointer;
    z-index: 2;
}
.page-bpvalentin .infozone .infozone-link:before {
    content:'?';
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    transform:translate(-50%, -50%);
    font-family: 'Arvo', Arial, sans-serif;
    font-size:18px;
    font-weight:700;
    color:#C10C1A;
    text-align:center;
    opacity:1;
    transition:.5s all ease-in-out;
    z-index: 3;
}
.close.icon {
    color: #C10C1A;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    margin-top: 0;
    margin-left: 0;
    width: 14px;
    height: 14px;
    opacity:0;
    transition:.5s all ease-in-out;
}
.close.icon:before {
    content: '';
    position: absolute;
    top: 5px;
    width: 14px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.close.icon:after {
    content: '';
    position: absolute;
    top: 5px;
    width: 14px;
    height: 2px;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.page-bpvalentin .infozone .infozone-link:after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    transform:translate(-50%, -50%);
    font-family: 'Arvo', Arial, sans-serif;
    font-size:18px;
    font-weight:700;
    color:#C10C1A;
    text-align:center;
    z-index: 3;
}
.page-bpvalentin .infozone .infozone-content {
    width:200px;
    background-color:#ffffff;
    position:relative;
    top:10px;
    right:-20px;
    border-radius:8px;
    width:0;
    height:0;
    overflow: hidden;
    z-index: 1;
    transition:.5s all ease-in-out;
}
.page-bpvalentin .infozone.open .infozone-link:before {
    opacity:0;
}
.page-bpvalentin .infozone.open .close.icon {
    opacity:1;
}
.page-bpvalentin .infozone.open .infozone-content {
    width:200px;
    height:470px;
    opacity: 1;
}
.page-bpvalentin .infozone .infozone-content .infozone-content-inner {
    position:absolute;
    padding:15px;
}
.page-bpvalentin .infozone .infozone-content h3 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight:700;
    text-transform: initial;
    margin-bottom:10px;
    color:#000000;
}
.page-bpvalentin .infozone .infozone-content h4 {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    font-weight:700;
    text-transform: initial;
    margin-bottom:6px;
    color:#C10C1A;
}
.page-bpvalentin .infozone .infozone-content p {
    font-size: 12px;
    line-height:15px;
    font-weight:400;
    text-transform: initial;
    margin-bottom:10px;
    color:#585858;
}

/***************
 *   CONTENT
 ***************/
.page-bpvalentin .calendrier-livres {
  position: relative;
}
/* .page-bpvalentin .calendrier-livres .calendrier-inner {
  overflow:hidden;
  position: relative;
  min-height: 700px;
} */
.page-bpvalentin .calendrier-livres .button-access-livres {

    position: absolute;
    top: 340px;
    left: 50%;
    transform: translateX(-50%);
    width: 208px;
    color: #ffffff;
    background-color: #A68693;
    border-radius: 10px;
    padding: 26px;
    margin: 0 auto;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    opacity: 0;
    transition: 1s all ease-in-out; 
    overflow: hidden;
    z-index: 2;
  
}


.page-bpvalentin .calendrier-livres .button-access-livres span {
    position: absolute;
    display: block;
    width:100%;
    text-align: center;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    transition: .2s all ease-in-out;
}
.page-bpvalentin .calendrier-livres .button-access-livres:before {
    position:absolute;
    content: attr(data-text);
    width:100%;
    text-align: center;
    left:50%;
    bottom:-30px;
    transform: translate(-50%, 0);
    transition: .2s all ease-in-out;
}
.page-bpvalentin .calendrier-livres .button-access-livres:hover span {
    position: absolute;
    left:50%;
    top:-30px;
    transform: translate(-50%, 0);
}
.page-bpvalentin .calendrier-livres .button-access-livres:hover:before {
    bottom:50%;
    transform: translate(-50%, 50%);
}
.page-bpvalentin .calendrier-livres .button-access-livres .fa {
    transition: .2s all ease-in-out;
    margin-left: 12px;
}
.page-bpvalentin .calendrier-livres .button-access-livres:hover .fa {
    margin-left: 24px;
}

.page-bpvalentin .calendrier-livres .button-access-livres:hover {
  background-color: #E8C7D5;
}

.page-bpvalentin .calendrier-livres.open .button-access-livres {
    opacity: 0 !important;
    z-index: -1;
}
.page-bpvalentin .calendrier-livres .partenaire-livres {
    position:absolute;
    top:425px;
    left:50%;
    transform: translateX(-50%);
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    z-index: 2;
}
.page-bpvalentin .calendrier-livres.open .partenaire-livres {
    opacity: 0 !important;
    z-index: -1;
}
.page-bpvalentin .calendrier-livres .partenaire-livres-inner {
  text-align: center;
  position:relative;
  width:75%;
  max-width:600px;
  margin: auto;
  margin-top: 4%;
  margin-bottom: 7%;

}
.page-bpvalentin .calendrier-livres .livres-box {
    position:absolute;
    width:100%;
    top:300px;
    left:70%;
}



.introduction .calendrier-livres .partenaires{

  position:absolute;
  width:100%;
  top:180px;
  left:70%;
  opacity:0;
  z-index: -1;
  transition:1s all ease-in-out;

}










.page-bpvalentin .calendrier-livres .livres-box .livre-container {
  min-width:auto;
  margin:auto;
}
.page-bpvalentin .calendrier-livres .livres-box .livre {
  display:flex;
  flex-direction:column;
  width:450px;
  height:100%;
  text-align: center;
  margin: 0 auto;
}
.page-bpvalentin .calendrier-livres .livres-box .livre .livre-couverture {
  display:block;
  cursor:pointer;
  position:relative;
  overflow: hidden;
  margin:0 auto 20px;
  width:auto;
  height:100%;
  max-width:225px;
  max-height:330px;
  transform:scale(0.9);
  transition:.2s all ease-in-out;
}
.page-bpvalentin .calendrier-livres .livres-box .livre .livre-couverture img {
  width:auto;
  height:100%;
}
.page-bpvalentin .calendrier-livres .livres-box .livre.selected label:before {
  content:"Polar sélectionné";
  position:absolute;
  width:110%;
  padding:5px;
  top:35px;
  left:50%;
  transform:translateX(-50%) rotate(-10deg);
  color:#000000;
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
  background-color:#A68693;
}
.page-bpvalentin .calendrier-livres .livres-box .livre input {
  display:none;
}
.page-bpvalentin .calendrier-livres .livres-box .livre:hover .livre-couverture {
  transform:scale(1);
}
.page-bpvalentin .calendrier-livres .livres-box .livre .livres-liens {
    display:flex;
    margin-top: auto;
}
.page-bpvalentin .calendrier-livres .livres-box .livre .livres-liens a {
    position:relative;
    width:210px;
    color:#ffffff;
    border:2px solid #A68693;
    border-radius:8px;
    font-size:14px;
    font-weight:700;
    text-transform:initial;
    margin-top: auto;
    padding:20px;
    margin:0 15px;
    transition: .2s all ease-in-out;
    overflow: hidden;
}
.page-bpvalentin .calendrier-livres .livres-box .livre .livres-liens a span {
    position: absolute;
    display: block;
    width:100%;
    text-align: center;
    left:50%;
    top:50%;
    transform: translate(-50%, -50%);
    transition: .2s all ease-in-out;
}


.page-bpvalentin .calendrier-livres .livres-box .livre .livres-liens a:before {
    position:absolute;
    content: attr(data-text);
    width:100%;
    text-align: center;
    left:50%;
    bottom:-30px;
    transform: translate(-50%, 0);
    transition: .2s all ease-in-out;
}
.page-bpvalentin .calendrier-livres .livres-box .livre .livres-liens a:nth-child(2) {
  background-color:#A68693;
}
.page-bpvalentin .calendrier-livres .livres-box .livre .livres-liens a:hover span {
    position: absolute;
    left:50%;
    top:-30px;
    transform: translate(-50%, 0);
}
.page-bpvalentin .calendrier-livres .livres-box .livre .livres-liens a:hover:before {
    bottom:50%;
    transform: translate(-50%, 50%);
}
.page-bpvalentin .calendrier-livres.open .livres-box {
    opacity:1;
    left:0;
    z-index: 1;
}
.page-bpvalentin .calendrier-livres .button-access-form {
    position:absolute;
    width:310px;
    top:640px;
    left:50%;
    transform: translateX(-50%);
    color:#ffffff;
    background-color:#3a3a3a;
    padding:15px;
    margin: 0 auto;
    cursor:pointer;
    font-size:16px;
    font-weight:700;
    text-align:center;
    border-radius:10px;
    opacity:0;
    transition:1s all ease-in-out;
    z-index: -1;
}
.page-bpvalentin .calendrier-livres .button-access-form.open {
    color:#000000;
    background-color:#C10C1A;
    opacity:1 !important;
}
.page-bpvalentin .calendrier-livres .button-access-form .fa {
    transition: .2s all ease-in-out;
    margin-left: 12px;
}
.page-bpvalentin .calendrier-livres .button-access-form:hover .fa {
    margin-left: 24px;
}
.page-bpvalentin .calendrier-livres.open .button-access-form {
    opacity:0.6;
    z-index: 3;
}

.page-bpvalentin .calendrier-livres.select .button-access-form,
.page-bpvalentin .calendrier-livres.select .button-access-form.open {
   opacity:0 !important;
}
.page-bpvalentin .calendrier-livres.select .button-access-form.open {
   opacity:0 !important;
}
.page-bpvalentin .calendrier-livres.select .livres-box {
    z-index: -1;
    opacity:0;
}
.page-bpvalentin .calendrier-livres .achats-popup {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:800px;
    max-width:90%;
    height:auto;
    background-color:#ffffff;
    color:#333;
    z-index: 100;
    display:none;
}
.page-bpvalentin .calendrier-livres .achats-popup .achats-close {
    position:absolute;
    cursor:pointer;
    top:24px;
    right:20px;
    width:15px;
    height:15px;
}
.page-bpvalentin .calendrier-livres .achats-popup .achats-close span{
    background-color:#abaaaa;
    display:block;
    position:absolute;
    height:4px;
    width:22px;
    top:5px;
    left:0;
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
}
.page-bpvalentin .calendrier-livres .achats-popup .achats-close:hover span {
    background-color:#000000;
}
.page-bpvalentin .calendrier-livres .achats-popup .achats-close span:nth-child(1){
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.page-bpvalentin .calendrier-livres .achats-popup .achats-close span:nth-child(2){
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

/***************
 *   FORMULAIRE
 ***************/
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin {
  position:absolute;
   opacity:0;
   z-index: -1;
}
.page-bpvalentin .calendrier-livres.select .formulaire-bpvalentin {
  position:relative;
   opacity:1;
   z-index: 2;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin h2{
  font-size:46px;
  line-height: 66px;
  color:#ffffff;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin h3{
  margin-top:5px;
  font-size:25px;
  font-family: 'Open Sans', Arial, sans-serif;
  text-transform:uppercase;
  color:#ffffff;
  text-align: center;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin h2 strong,
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin h3 strong {
  color:#C10C1A;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .checkbox-livres {
  display:none;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .container-form {
  width:80%;
  margin:0 auto;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip li {
  margin:1rem 0;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip {
  margin-top: 30px;
  margin-bottom: 0;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip form label {
  text-align:left;
  font-size:18px;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip input[type='text'] {
  height:36px;
  padding:5px;
  font-size:16px;
  line-height: 36px;
  width:100%;
  box-sizing: border-box;
  border:none;
  border-radius:5px;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip select {
  background-color:#FFF;
  height:40px;
  padding:5px;
  font-size:20px;
  line-height: 30px;
  width:100%;
  box-sizing: border-box;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip button[type='submit'] {
  width:100%;
  background-color: #C10C1A;
  color:#000000;
  border:0 none;
  font-size:16px;
  font-weight:700;
  padding: 20px 0;
  text-align: center;
  border-radius:5px;
  cursor: pointer;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip button[type='submit'] .fa {
  transition: .2s all ease-in-out;
  margin-left: 12px;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip button[type='submit']:hover .fa {
  margin-left: 24px;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire_spip .boutons {
  text-align: center;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire-recap-livres {
  position:relative;
  display:block;
  width:500px;
  max-width:100%;
  height:350px;
  margin:0 auto 40px;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire-recap-livres .formulaire-recap-subtitle {
  margin-top:40px;
  color:#ffffff;
  text-align: center;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire-recap-livres img:nth-of-type(1) {
  position:absolute;
  left: 115px;
  top: 35px;
  width:155px;
  height:auto;
  z-index: 1;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire-recap-livres img:nth-of-type(2) {
  position:absolute;
  right: 110px;
  top: 80px;
  width:145px;
  height:auto;
  z-index: 2;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire-recap-livres img:nth-of-type(3) {
  position:absolute;
  left:170px;
  bottom:0;
  width:135px;
  height:auto;
  z-index: 3;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .button-refaire-livres {
  color: #C10C1A;
  background-color: transparent;
  border: solid 3px #C10C1A;
  border-radius: 10px;
  padding: 20px;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  transition: .2s all ease-in-out;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .button-refaire-livres:hover {
  color: #000000;
  background-color: #C10C1A;
  border-radius: 10px;
}
.page-bpvalentin .calendrier-livres .formulaire-bpvalentin .reponse_formulaire_livres_ok {
  margin-top:50px;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-align:center;
  color:#ffffff;
  border:0;
}

.autrices {

  width: 70%;
  margin-bottom: 5%;
}
/***************
 *   FOOTER
 ***************/



/* .page-bpvalentin  .footer-bpvalentin {
  margin:0px 0 0px;
}
.page-bpvalentin  .footer-bpvalentin div {
  margin-top:0px;
  margin-bottom:0px;
} */
.page-bpvalentin .copyright-site {
  opacity: 0;
  display: block;
  float:right;
  padding: 0;
  margin-right:30px;
  z-index: 100;
  font-size:14px;
  line-height:34px;
  color:#B2B2B2;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 20px;
}

.page-bpvalentin .share-links {
  opacity: 0;
  display: flex;
  bottom: 0;
  vertical-align: middle;
  float:left;
  margin-left:30px;
  position: absolute;
  vertical-align: middle;
  margin-bottom: 20px;

}
.network {
  vertical-align: middle;
  color:#B2B2B2;
  padding-top: 5px;

}


.page-bpvalentin .share-links  a {
  color:#B2B2B2;
  display:inline-block;
  font-size:20px;
  line-height:30px;
  margin:0 0 0 10px;
  width:30px;
  height:30px;
  border:2px solid #B2B2B2;
  border-radius:50%;
  text-align:center;
  vertical-align: middle;
  transition: .2s all ease-in-out;
  
}


   .fb-color a:hover  {
  background-color: #395592;
  color: #FFF;
  border:2px solid #395592;
}


.tt-color a:hover  {
  background-color: #1c99e6;
  color: #FFF;
  border:2px solid #1c99e6;
}

.ig-color a:hover  {
  background-color: #db297f;
  color: #FFF;
  border:2px solid #db297f;
}


.qc-cmp2-container {
  display:none !important;
}

/***************
 *   COUNTDOWN
 ***************/
.calendrier-countdown {
  margin-top: 360px;
}
.page-bpvalentin .calendrier-livres.calendrier-countdown .calendrier-inner{
  min-height: initial;
}
.countdown-title p {
  font-size:18px;
  text-align:center;
}
.countdown-container {
    margin:0 0 150px 0;
}
.countdown {
    text-align: center;
    color:#ffffff;
}
.countdown .countdown-section {
    position:relative;
    display: inline-block;
    margin:0 10px;
}
.countdown .countdown-amount {
    display: block;
    font-family: 'Arvo', Arial, sans-serif;
    font-size:79px;
    font-weight:700;
    line-height:98px;
    color:#C10C1A;
}
.countdown .countdown-period {
    display: block;
    font-family: 'Arvo', Arial, sans-serif;
    font-size:14px;
    font-weight:700;
    color:#C10C1A;
}
.countdown .countdown-amount span {
    position:relative;
    display: inline-block;
    float:left;
    margin:12px;
    padding:5px;
    background: #5F5F5F;
    min-width:72px;
    min-height:98px;
}
.countdown .countdown-amount span:after {
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    right:-8px;
    height : 0;
    width : 0;
    border-right : 8px solid transparent;
    border-bottom : 98px solid #333333;
}

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

}

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




  .page-bpvalentin .logo-site {
      display: none;
  }
  .page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire-recap {
    order: 0;
    margin-bottom:40px;
  }
  .page-bpvalentin .calendrier-livres .formulaire-bpvalentin .formulaire-fields {
    order: 1;
  }
}

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

  .page-bpvalentin .footer-bpvalentin div {
    bottom: -40px;
    margin-bottom: -30px;
    left: 0;
  }

  .network {
font-size: 16px;
  }

  .page-bpvalentin .calendrier-livres .button-access-form { 
    position:fixed;
    top:initial;
    left:initial;
    bottom:0;
    width:100%;
    transform:none;
    border-radius:0;
    padding:30px 0;
  }
  .page-bpvalentin .calendrier-livres.open .button-access-form {
      opacity:1;
      z-index: 3;
  }
  .qc-cmp-persistent-link {
    display: none !important;
  }
  .page-bpvalentin .copyright-site {
    float:none;
    text-align: center;
  }
  .page-bpvalentin .share-links {
    float:none;
    text-align: center;
    margin-bottom: 10px;
  }
  .page-bpvalentin .calendrier-livres .achats-popup .achats {
      margin:0 !important;
  }
  .page-bpvalentin .calendrier-livres .achats-popup .achats li {
    flex: 0 33% !important;
  }

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


    .page-bpvalentin .copyright-site {
      opacity: 0;
      display: block;
      float:right;
      padding: 0;
      margin-right:30px;
      z-index: 100;
      font-size:14px;
      line-height:34px;
      color:#B2B2B2;
      position: absolute;
      bottom: 30px;
      right: 0;
    }
   




    .page-bpvalentin .calendrier-livres .button-access-form { 
      position:fixed;
      top:initial;
      left:initial;
      bottom:0;
      width:100%;
      transform:none;
      border-radius:0;
      padding:30px 0;
    }
    .page-bpvalentin .calendrier-livres.open .button-access-form {
        opacity:1;
        z-index: 3;
    }
    .qc-cmp-persistent-link {
      display: none !important;
    }
    .page-bpvalentin .copyright-site {
      float:none;
      text-align: center;
    }
    .page-bpvalentin .share-links {
      float:none;
      text-align: center;
    }
    .page-bpvalentin .calendrier-livres .achats-popup .achats {
        margin:0 !important;
    }
    .page-bpvalentin .calendrier-livres .achats-popup .achats li {
      flex: 0 33% !important;
    }
  
  
    .page-bpvalentin .calendrier-livres .button-access-livres {
  
      position: absolute;
      top: 420px;
      left: 50%;
      transform: translateX(-50%);
      width: 208px;
      color: #ffffff;
      background-color: #A68693;
      border-radius: 10px;
      padding: 26px;
      margin: 0 auto;
      cursor: pointer;
      font-size: 16px;
      font-weight: 700;
      text-align: center;
      opacity: 0;
      transition: 1s all ease-in-out; 
      overflow: hidden;
      z-index: 2;
    
  }

  .page-bpvalentin .row-glider {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .page-bpvalentin .column-glider{

    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 2;
    margin-left: 8%;
    margin-right: 8%;
}

.glider-prev{
  left: 20%;
  top:110%;
  color: #A68693;
}

.glider-next{

  left: 80%;
  top:110%;
  color: #A68693;
}

  
  .page-bpvalentin .calendrier-livres .partenaire-livres {
    position:absolute;
    top:495px;
    left:50%;
    transform: translateX(-50%);
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    z-index: 2;
  }

  
  
  .page-bpvalentin .introduction .select-subtitle {
    font-size: 22px;
    font-weight: 700;
    line-height: 37px;
    color: #ffffff;
    text-transform: initial;
    text-align: center;
    margin-top: 20%;
  }
  
  .page-bpvalentin .calendrier-livres .livres-box {
    position: absolute;
    width: 100%;
    top: 360px;
    left: 70%;
    opacity: 0;
    z-index: -1;
    transition: 1s all ease-in-out;
  }
  
  
  }
}
@media only screen and (max-width: 500px) 
{
    .page-bpvalentin .introduction .subtitle {
        font-size: 24px;
        line-height: 32px;
    }
    .page-bpvalentin .introduction .select-presentation {
        font-size: 24px;
        line-height: 32px;
    }
    .page-bpvalentin .calendrier-livres .livres-box .glider-track {
        padding-left:calc(50% - 180px);
    }
    .page-bpvalentin .calendrier-livres .livres-box .livre {
        display: flex;
        flex-direction: column;
        width: 360px;
        height: 100%;
        text-align: center;
    }
}



.row-autrices
{  
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 60%;
  margin: auto;
  opacity: 0;
}

.column-autrices
{
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  margin-top: 350px;
  flex: 1;
}



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


  .page-bpvalentin .introduction .subtitle {

    font-size: 20px;
    max-width: 100%;
    top: 280px;
  }
  
  .row-autrices
  {  
   
    display: block;
    width: 60%;
    margin: auto;
    opacity: 0;
    margin-top: 320px;
  }

  .column-autrices
{
  display: block;
  margin-top:10px ;
}

}


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


  .page-bpvalentin .introduction .subtitle {

    font-size: 20px;
    max-width: 100%;
    top: 280px;
  }
  
  .row-autrices
  {  
   
    display: block;
    width: 60%;
    margin: auto;
    opacity: 0;
    margin-top: 450px;
  }

  .column-autrices
{
  display: block;
  margin-top:-64px;
}

}





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


  .page-bpvalentin .introduction .subtitle {

    font-size: 20px;
    max-width: 100%;
    top: 280px;
  }
  
  .row-autrices
  {  
   
    display: block;
    width: 60%;
    margin: auto;
    opacity: 0;
    margin-top: 480px;
  }

  .column-autrices
{
  display: block;
  margin-top:-64px;
}

}


.button-more{
  background-color: #D1A3BB;
  border-radius: 15px;
  padding: 10px 25px;
  text-transform: uppercase;
  color: #460C28;
  display: inline-block;
}



a, h1{
  color:  #D1A3BB;
}
.center-bp {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}