@charset "UTF-8";
/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Carbon Dab
Author URI: https://wpastra.com/about/
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 2.6.2.1609615152
Updated: 2021-01-02 20:19:12

*/
/****************************Reset**********************************/
ol,
ul {
  list-style: none;
}

/*************************** A few Variables ***********************/
/****************************Header**********************************/
.main-header-bar {
  -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
  background-color: #ae2960;
}

.main-header-bar .menu-item a {
  color: #fff;
}

.main-header-bar .menu-item a:hover {
  color: #000;
}

.astra-logo-svg {
  height: 100%;
}

/*********************General elements for all pages***********************/
.element-divider {
  padding-top: 5px;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.element-divider-separator {
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  direction: ltr;
  border-bottom: 1px solid #333;
}

.elementor-background-overlay {
  background-image: none !important;
}

.wrapper {
  margin: 0 auto;
  max-width: 75rem;
}

.button-link {
  border: 1px solid #ae2960;
  border-radius: 15px;
  background-color: #ae2960;
  padding: 0.25rem 1.5rem;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  color: #fff;
  display: inline-block;
}

.button-link:hover, .button-link:focus {
  background-color: white;
  color: #ae2960;
  border: 1px solid #ae2960;
}

/****************************Home Page******************************/
section.presentation {
  background-image: url(./assets/images/bkg_en_vedette.jpg);
  background-attachment: fixed;
  padding: 13rem 2rem 0 2rem;
}

.dernier-roman {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 48em) {
  .dernier-roman {
    display: block;
  }
}

.dernier-roman-infos {
  width: 50%;
  padding: 4rem 3rem 0 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 48em) {
  .dernier-roman-infos {
    width: 100%;
    padding: 0rem 0 0rem 0;
    text-align: center;
  }
  .dernier-roman-infos .element-divider-separator {
    margin-left: auto;
    margin-right: auto;
  }
}

.dernier-roman-infos h3,
.dernier-roman-infos h4,
.dernier-roman-infos h5,
.dernier-roman-infos .badge-new,
.dernier-roman-infos .resume-roman,
.dernier-roman-infos .element-divider-separator {
  margin-bottom: 0.75rem;
}

.dernier-roman-infos .resume-roman {
  text-align: justify;
}

.dernier-roman-infos .badge-new {
  width: 5rem;
  height: 5rem;
  background-image: url(./assets/images/new_badge_w.png);
  background-size: 100% 100%;
}

@media screen and (max-width: 48em) {
  .dernier-roman-infos .badge-new {
    margin-left: auto;
    margin-right: auto;
  }
}

.dernier-roman-img {
  width: 38%;
  padding: 2rem 1rem 0rem 2rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 48em) {
  .dernier-roman-img {
    width: 75%;
    padding: 4rem 2rem 0rem 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 28em) {
  .dernier-roman-img {
    width: 100%;
    margin-left: 0;
  }
}

section.cta-dernier-roman {
  background-color: rgba(0, 0, 0, 0.03);
  margin-bottom: 0px;
  padding: 4.375rem 2rem 4.7rem 2rem;
  text-align: center;
  position: relative;
  z-index: 0;
}

section.cta-dernier-roman::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4rem;
  background-color: #f7f7f7;
  top: -3.95rem;
  left: 0;
  z-index: 1;
}

.dernier-roman-achat,
.titre-section {
  max-width: 40rem;
  margin: auto;
  text-align: center;
}

.dernier-roman-achat h2,
.dernier-roman-achat p,
.dernier-roman-achat .element-divider,
.titre-section h2,
.titre-section p,
.titre-section .element-divider {
  margin-bottom: 1.5rem;
}

.dernier-roman-achat .element-divider-separator,
.titre-section .element-divider-separator {
  margin: auto;
}

.dernier-roman-achat .lien_achat a,
.titre-section .lien_achat a {
  margin-right: 0.5rem;
  margin-top: 0.5rem;
}

.dernier-roman-achat {
  max-width: 40rem;
}

/**
******  Section slider des romans
*/
#romans-associes {
  padding-top: 6rem;
  position: relative;
}

#romans-associes::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  height: 1px;
  width: 90%;
  border-top: 1px solid lightgray;
}

.titre-section .element-divider {
  margin-bottom: 3.5rem;
}

#books-cover-slider {
  padding-bottom: 1rem;
}

#books-info-slider {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 12rem 0 5rem 0;
  margin-top: -10rem;
}

#books-info-slider .see-them-all {
  text-align: center;
  margin-top: 5rem;
}

.books-cover-slider,
.books-info-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 98%;
  margin: auto;
}

@media screen and (max-width: 48em) {
  .books-cover-slider,
  .books-info-slider {
    width: 90%;
  }
}

.books-cover-slider li,
.books-info-slider li {
  margin: 0 1rem 0 1rem;
}

.book-card-infos {
  padding-left: 0.5rem;
}

.book-card-infos h3,
.book-card-infos h4,
.book-card-infos h6,
.book-card-infos p,
.book-card-infos .resume-roman,
.book-card-infos .element-divider {
  margin-bottom: 0.5rem;
}

.books-info-slider .slick-prev,
.books-info-slider .slick-next {
  top: -1rem;
  height: 2rem;
  width: 2rem;
  background: black;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

@media screen and (max-width: 48em) {
  .books-info-slider .slick-prev,
  .books-info-slider .slick-next {
    height: 1.2rem;
    width: 1.2rem;
  }
}

.books-info-slider .slick-prev:hover,
.books-info-slider .slick-next:hover {
  background: #ae2960;
}

.books-info-slider .slick-prev:focus,
.books-info-slider .slick-next:focus {
  background: black;
}

.books-info-slider .slick-prev::before,
.books-info-slider .slick-next::before {
  opacity: 1;
  color: #eaeaea;
  position: absolute;
  top: -1px;
  left: -5px;
  font-size: 2.5rem;
}

@media screen and (max-width: 48em) {
  .books-info-slider .slick-prev::before,
  .books-info-slider .slick-next::before {
    font-size: 1.5rem;
  }
}

.books-info-slider .slick-next {
  right: -10px;
}

.books-info-slider .slick-prev {
  left: -10px;
}

/*
* Modification du cadre autour des vignettes d'articles
* Les vignettes du module EA viennent avec une border
*/
.eael-grid-post-holder {
  border: 0;
}

#home-actualite {
  background-color: #f7f7f7;
  margin-top: -1px;
  padding: 0rem 0 3rem 0;
}

#home-actualite .see-them-all {
  text-align: center;
  margin-bottom: 5rem;
}

/**
**************************** Book Card Module ***************************
*/
.book-cover-container {
  width: 100%;
  position: relative;
  padding-bottom: 145%;
}

.book-card {
  width: 100%;
  height: 100%;
  position: absolute;
}

.book-card .field-content {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  position: relative;
}

.book-card .field-content a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.book-card .field-content a::after,
.book-card .field-content a::before,
.book-card .field-content::before,
.book-card .field-content::after {
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  content: "";
  display: block;
  height: 99%;
  left: 2px;
  position: absolute;
  top: 2px;
  -webkit-transform: rotateY(0deg) translateZ(0px);
          transform: rotateY(0deg) translateZ(0px);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  width: 99%;
}

.book-card .field-content::before {
  -webkit-transition: all 0.7s ease 0s;
  transition: all 0.7s ease 0s;
  z-index: 38;
}

.book-card .field-content::after {
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  z-index: 39;
}

.book-card .field-content a::before {
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 40;
}

.book-card .field-content a::after {
  -webkit-transition: all 0.45s ease 0s;
  transition: all 0.45s ease 0s;
  z-index: 41;
}

.book-card.is-openable:hover .field-content::before {
  -webkit-box-shadow: 5px 0 8px -5px #333;
          box-shadow: 5px 0 8px -5px #333;
  -webkit-transform: rotateY(-20deg);
          transform: rotateY(-20deg);
}

.book-card.is-openable:hover .field-content::after {
  -webkit-box-shadow: 5px 0 8px -5px #333;
          box-shadow: 5px 0 8px -5px #333;
  -webkit-transform: rotateY(-25deg);
          transform: rotateY(-25deg);
}

.book-card.is-openable:hover .field-content a::before {
  -webkit-box-shadow: 5px 0 8px -5px #333;
          box-shadow: 5px 0 8px -5px #333;
  -webkit-transform: rotateY(-30deg);
          transform: rotateY(-30deg);
}

.book-card.is-openable:hover .field-content a::after {
  -webkit-box-shadow: 5px 0 8px -5px #333;
          box-shadow: 5px 0 8px -5px #333;
  -webkit-transform: rotateY(-35deg);
          transform: rotateY(-35deg);
}

.book-card.is-openable:hover .book-card-img {
  -webkit-box-shadow: 5px 5px 15px -5px #333;
          box-shadow: 5px 5px 15px -5px #333;
  -webkit-transform: scale(1) rotateY(-40deg) perspective(1800px);
          transform: scale(1) rotateY(-40deg) perspective(1800px);
}

.book-card-img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  -webkit-transform-origin: 0 50% 0;
          transform-origin: 0 50% 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  max-width: 100%;
  z-index: 42;
}

/********************Page de tous les romans************************/
#tous-les-romans {
  padding-top: 0rem;
}

.all-book-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: auto;
}

.all-book-cards ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 1rem;
  margin-bottom: -2rem;
  margin-left: 2%;
  margin-right: 2%;
}

@media screen and (max-width: 36em) {
  .all-book-cards ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.all-book-cards ul > * {
  margin-bottom: 5rem;
}

.all-books-cover-list li {
  width: 28%;
  margin-right: 8%;
}

@media screen and (max-width: 48em) {
  .all-books-cover-list li {
    width: 45%;
  }
}

@media screen and (max-width: 36em) {
  .all-books-cover-list li {
    width: 60%;
  }
}

@media screen and (max-width: 22em) {
  .all-books-cover-list li {
    width: 85%;
  }
}

.all-books-cover-list li .book-card-infos {
  margin-top: 1rem;
  padding-left: 0.75rem;
}

@media screen and (min-width: 48em) {
  .all-books-cover-list li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 47.999em) {
  .all-books-cover-list li:nth-child(2n) {
    margin-right: 0;
  }
}

/**************************Page d'un roman***************************/
#page-roman {
  padding-top: 4rem;
}

#page-roman .resume-roman {
  text-align: justify;
}

#page-roman .cta-page-roman {
  margin-bottom: 0px;
  padding: 2.375rem 2rem 4.7rem 2rem;
  text-align: center;
  position: relative;
  z-index: 0;
}

#page-roman .cta-page-roman .dernier-roman-achat {
  margin-left: 36%;
  max-width: 45rem;
}

@media screen and (max-width: 48em) {
  #page-roman .cta-page-roman .dernier-roman-achat {
    margin-left: auto;
  }
}

#page-roman .roman-meta {
  font-weight: bold;
}

@media screen and (max-width: 48em) {
  #page-roman .roman-meta {
    text-align: center;
    margin: 0 0 1.5em 0em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#page-roman .roman-meta .roman-meta-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (max-width: 48em) {
  #page-roman .roman-meta .roman-meta-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

#page-roman .roman-meta .roman-meta-line > * {
  width: 50%;
  text-align: left;
}

@media screen and (max-width: 48em) {
  #page-roman .roman-meta .roman-meta-line > * {
    width: 90%;
    text-align: center;
  }
}

#page-roman .roman-buy {
  text-align: left;
  margin-left: 3em;
}

@media screen and (max-width: 48em) {
  #page-roman .roman-buy {
    text-align: center;
    margin-left: 0em;
  }
}

#page-roman .roman-buy a {
  margin-right: 1rem;
}

#page-roman .highlight {
  color: #ae2960;
}

.roman {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 48em) {
  .roman {
    display: block;
  }
}

.roman-img {
  width: 35%;
}

@media screen and (max-width: 48em) {
  .roman-img {
    width: 60%;
    margin: auto auto 3rem auto;
  }
}

.roman-img .book-card {
  -webkit-box-shadow: 0 5px 25px -10px #000;
          box-shadow: 0 5px 25px -10px #000;
}

.roman-infos {
  width: 55%;
  padding: 0 3%;
  margin-left: auto;
}

.roman-infos .sous-titre {
  text-align: justify;
}

@media screen and (max-width: 48em) {
  .roman-infos {
    width: 90%;
    margin: auto;
  }
  .roman-infos h2,
  .roman-infos .distro,
  .roman-infos .ll,
  .roman-infos .pp,
  .roman-infos .sous-titre {
    text-align: center;
  }
  .roman-infos .element-divider-separator {
    margin: auto;
  }
}

.roman-infos .ll a {
  margin-right: 1rem;
}

.roman-infos > * {
  margin-bottom: 1rem;
}

.roman-infos h2 {
  margin-bottom: 0.25rem;
}

.roman-infos .resume-roman {
  max-height: 16rem;
  overflow: hidden;
  margin-bottom: 1rem;
}

.roman-infos .resume-roman.show-all {
  max-height: none;
}

.roman-infos #resume-roman-controls {
  font-weight: bold;
}

.roman-infos #myBtn {
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.roman-infos #myBtn:hover {
  color: #ae2960;
  text-decoration: underline;
}

.roman-social-network {
  width: 5%;
}

@media screen and (max-width: 48em) {
  .roman-social-network {
    width: 90%;
    margin: auto;
  }
}

.roman-social-network {
  margin-left: auto;
  text-align: center;
  margin-top: 2rem;
}

.roman-social-network .btn {
  display: inline-block;
  margin-bottom: 0.5rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 2.5rem;
  height: 2.5rem;
}

@media screen and (min-width: 48em) {
  .roman-social-network .btn {
    display: block;
  }
}

.roman-social-network .btn:hover {
  opacity: 0.8;
}

.roman-social-network .btn:active {
  -webkit-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
}

.roman-social-network .fcb {
  background-image: url(./assets/icons/facebook.svg);
}

.roman-social-network .itg {
  background-image: url(./assets/icons/instagram.svg);
}

.roman-social-network .ytb {
  background-image: url(./assets/icons/youtube.svg);
}

.roman-social-network .twt {
  background-image: url(./assets/icons/twitter.svg);
}

#more {
  display: none;
}

/**************************Blog Page********************************/
.blog-list-wrapper {
  background-color: white;
  padding: 3em;
  z-index: 0;
  position: relative;
}

@media screen and (max-width: 28em) {
  .blog-list-wrapper {
    padding: 3rem 1rem;
  }
}

.big-title {
  padding: 1em 1em 2em;
  text-align: center;
}

.blog {
  letter-spacing: 1px;
  line-height: 1.2;
}

.blog-list {
  text-align: left;
  margin-left: 1em;
}

.blog-item {
  width: 100%;
  margin-bottom: 4rem;
}

.blog-post-card {
  margin: auto;
  /*width: 80%;*/
  -webkit-box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1.5rem;
  position: relative;
  background-color: white;
}

.blog-post-card::before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0.5rem;
  -webkit-box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.3);
  border-radius: 1.5rem;
  z-index: -1;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.blog-post-card:hover::before {
  -webkit-transform: translateY(0.75rem);
  transform: translateY(0.75rem);
}

.blog-item:nth-child(2n + 1) .blog-post-card {
  border-bottom-left-radius: 0;
}

.blog-item:nth-child(2n + 1) .blog-post-card::before {
  left: -1rem;
  background-color: #ae2960;
  border-bottom-left-radius: 0;
}

.blog-item:nth-child(2n) .blog-post-card {
  border-bottom-right-radius: 0;
}

.blog-item:nth-child(2n) .blog-post-card::before {
  left: 1rem;
  background-color: #ae2960;
  border-bottom-right-radius: 0;
}

.blog-post-infos {
  padding: 1.5rem 2rem;
  position: relative;
}

.blog-date {
  margin-bottom: 1rem;
}

.blog-topic {
  display: inline-block;
  margin-top: 0.3rem;
  margin-bottom: 1rem;
  padding: 0.5em 1em;
  border: 1px solid #ae2960;
  color: #ae2960;
  border-radius: 40px;
  -webkit-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
  font-weight: 600;
  text-transform: lowercase;
}

.blog-topic:hover {
  color: white;
  background-color: #ae2960;
}

.blog-card-title {
  display: block;
  margin-bottom: 1rem;
}

.blog-post-abstract {
  margin-bottom: 4rem;
}

.read-more-link {
  position: absolute;
  right: 4rem;
  bottom: 1.5rem;
}

/***************************Page de tous les projets***************************/
.all-items-container {
  padding: 0 2%;
}

@media screen and (max-width: 48em) {
  .all-items-container {
    padding: 0 4%;
  }
}

.item-container {
  margin-bottom: 8rem;
}

.item-container .element-divider-separator {
  width: 80%;
  margin: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.item-container .item-title {
  width: 80%;
  margin: 3rem auto;
  text-align: center;
}

.item-container .item-image-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (max-width: 48em) {
  .item-container .item-image-content {
    display: block;
  }
}

.item-container .item-image-content .item-image {
  width: 32%;
}

@media screen and (max-width: 48em) {
  .item-container .item-image-content .item-image {
    width: 80%;
    margin: auto;
  }
}

.item-container .item-image-content .item-image-container {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}

.item-container .item-image-content .item-image-container img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}

.item-container .item-image-content .item-content {
  padding-top: 2rem;
  width: 63%;
  margin-left: 4%;
  text-align: justify;
}

@media screen and (max-width: 48em) {
  .item-container .item-image-content .item-content {
    width: 90%;
    margin: auto;
  }
}

.item-container .item-image-content .item-content .readmore {
  margin-top: 1rem;
}

/********************************Page des actualités*********************************/
.blog-list.les-actualites .blog-item:nth-child(2n + 1) .blog-post-card::before {
  background-color: #004953;
}

.blog-list.les-actualites .blog-item:nth-child(2n) .blog-post-card::before {
  background-color: #004953;
}

/********************************Page contact*********************************/
.wpforms-confirmation-container {
  text-align: center;
  border: 1px solid lightgreen;
  border-radius: 10px;
  padding: 1rem 2rem;
  margin-top: 5rem;
}

.wpforms-confirmation-container p {
  margin-bottom: 0;
}

/*************************Partie supérieure du footer*******************************/
#top-footer {
  background-color: #004953;
  color: rgba(255, 255, 255, 0.5);
  padding: 6.25rem 3rem 5rem 3rem;
}

#top-footer h3 {
  color: #fff;
}

#top-footer a {
  color: #fff;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

#top-footer a:hover {
  color: #ae2960;
}

@media screen and (max-width: 48em) {
  #top-footer {
    padding-top: 2rem;
  }
}

#top-footer .element-divider {
  width: 20%;
  margin-bottom: 1.5rem;
}

#top-footer .element-divider .element-divider-separator {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-trois-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 48em) {
  .footer-trois-items {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#footer-auteur {
  width: 30%;
}

#footer-romans {
  width: 30%;
}

#footer-actus {
  width: 33%;
}

@media screen and (max-width: 48em) {
  #footer-auteur,
  #footer-romans,
  #footer-actus {
    width: 100%;
    margin: 2rem auto;
  }
}

.footer-roman-description,
.footer-actu-description {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 0 0.75rem 0;
  margin-bottom: 0.75rem;
}

#newsletter-block {
  padding: 6rem 1rem 4rem 1rem;
  position: relative;
}

#newsletter-block::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  height: 1px;
  width: 90%;
  border-top: 1px solid lightgray;
}

.subscribe-newsletter-container {
  max-width: 60rem;
  margin: auto;
  text-align: center;
}

.subscribe-newsletter-container .newsletter-header {
  margin-bottom: 3rem;
}

.subscribe-newsletter-container .newsletter-header h2 {
  margin-bottom: 1rem;
}

.subscribe-newsletter-container .newsletter-header .element-divider-separator {
  margin: auto;
}

.subscribe-newsletter-container .wpforms-field-container,
.subscribe-newsletter-container .wpforms-submit-container {
  margin: auto;
}

.subscribe-newsletter-container .wpforms-field-container input {
  border-radius: 20px;
  margin: auto;
}

/***************************Page Contact******************************/
body.page-id-20 #content {
  background-image: url(./assets/images/pexels-pixabay-301614.jpg);
  background-size: 100% 100%;
  background-color: #f7f7f7;
}

/***************************SideBar************************************/
.sidebar-main aside {
  border-radius: 10px;
  border-bottom-left-radius: 0;
  position: relative;
  background-color: white;
}

.sidebar-main aside::before {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 2px;
  left: -5px;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  z-index: -1;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.sidebar-main aside:hover::before {
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 7px 7px rgba(0, 0, 0, 0.3);
}

.sidebar-main aside:nth-child(2n + 1)::before {
  background-color: #ae2960;
}

.sidebar-main aside:nth-child(2n)::before {
  background-color: #004953;
}

#srpw_widget-2 .srpw-thumbnail {
  width: 100px;
  height: 130px;
  margin: auto;
}

/*************************Page d'un article*********************************/
article .entry-header {
  text-align: center;
}

article .entry-header .entry-title {
  margin-bottom: 0.5em;
}

article .entry-content {
  text-align: justify;
}

article.post,
article.ss_actualite,
article.ss_projet,
.blog-list-wrapper,
#comments.comments-area {
  border: 1px solid #ae2960;
  -webkit-box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.3);
}

#comments .submit,
.search .search-submit {
  padding: 6px 25px;
  border-radius: 20px;
  border: 1px solid #ae2960;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.elementor-button-wrapper .elementor-button {
  border-style: none;
}

/******************************pagination***********************************/
.ss-pagination {
  text-align: center;
  margin-bottom: 2rem;
}

ul.page-numbers {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

ul.page-numbers li {
  margin: 0 1rem;
}

ul.page-numbers span.page-numbers,
ul.page-numbers a.page-numbers {
  background: rgba(230, 230, 230, 0.2);
  display: inline-block;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 50%;
  -webkit-box-shadow: inset -1.28px -1.28px 1.83px rgba(255, 255, 255, 0.75), inset 3.28px 3.28px 2.91px rgba(190, 199, 215, 0.75);
          box-shadow: inset -1.28px -1.28px 1.83px rgba(255, 255, 255, 0.75), inset 3.28px 3.28px 2.91px rgba(190, 199, 215, 0.75);
}

ul.page-numbers a.page-numbers {
  background: rgba(230, 230, 230, 0.6);
  -webkit-box-shadow: -1.28px -1.28px 1.83px rgba(255, 255, 255, 0.75), 3.28px 3.28px 2.91px rgba(190, 199, 215, 0.75);
          box-shadow: -1.28px -1.28px 1.83px rgba(255, 255, 255, 0.75), 3.28px 3.28px 2.91px rgba(190, 199, 215, 0.75);
}

ul.page-numbers a.page-numbers:hover {
  -webkit-box-shadow: inset -1.28px -1.28px 1.83px rgba(255, 255, 255, 0.75), inset 3.28px 3.28px 2.91px rgba(190, 199, 215, 0.75);
          box-shadow: inset -1.28px -1.28px 1.83px rgba(255, 255, 255, 0.75), inset 3.28px 3.28px 2.91px rgba(190, 199, 215, 0.75);
}

.ast-header-break-point
.main-header-bar
.main-header-bar-navigation
.main-header-menu {
  background-color: #ae2960 !important;
}

.ast-header-break-point
.main-header-bar
.main-header-bar-navigation
.menu-item-has-children
.sub-menu {
  background-color: #ae2960 !important;
}

@media screen and (max-width: 767px) {
  .elementor-22 .elementor-element.elementor-element-73eabc0 {
    padding: 1rem 1rem 2rem 1rem;
  }
}
/*# sourceMappingURL=style.css.map */