/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
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: 4.1.6.1690036964
Updated: 2023-07-22 14:42:44

*/
/*lien d'evitement*/
.screenreader-text {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}
.screenreader-text:focus {
  color: black;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}
html{
  overflow-x: hidden;
}
/*fonts*/
h1, h2, h3, .site-title{
 
font-family: 'Gravitas One', cursive;
font-family: 'Playfair Display', serif;
margin-bottom:1em;
 
}
h1{
  font-size: 2.5em;
}
h2{
  font-size: 2em
}
h4{
  font-size: 1.7em;
}
p{
    font-size: 24px;
    margin-bottom: 0.6em;
}
a:hover{
opacity: 0.9;
}
.ml{
    margin-left:20px;
    padding-left:20px;
}
.mr{
  margin-right: 20px;
  padding-right: 20px;
}
.mrl{
  margin-left:20px;
  margin-right: 20px;
}
.m20{
  margin: 20px!important;
}
.mt{
    margin-top:20px;
    padding-top:20px;
}
.mb20{
  margin-bottom: 20px;
}
.mt20{
  margin-top: 20px;
}
.block{
display: block;
}

.p10{
padding: 10px;
}
.p2002020{
  padding:20px 0 20px 20px
}
.p200200{
  padding:20px 0 20px 0
}
body, .site-content, #masthead{
    background-color: #DDFDDD;
}
.flex{
    display:flex
}
.borderradius50 div img{
    border-radius: 50%;
}
.textedouble, .site-title a, .site-logo-img{
    margin-left:20px
}
a{
  color:#DDDDFF;
}
.liennoir a {
  background-color: #000;
  padding:5px;
  margin-bottom: 10px;
}
ol, ul{
  margin:0
}
.centre{
  text-align: center;
}
.wp-block-image img{
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
/*met en couleur le menu actif*/
.current-menu-item a{
text-decoration: underline!important;
     }
     .current-menu-item a, .site-title a, .current_page_item a{
        color:#FFFFFF
     }
     .current_page_item a:hover, .menu-link{
      background-color: black;
     }
    
 

    
      /*fonts personalisés*/
      @font-face {
        font-family: 'fb6';
        src:  url('fonts/fb6.eot?v981hp');
        src:  url('fonts/fb6.eot?v981hp#iefix') format('embedded-opentype'),
          url('fonts/fb6.ttf?v981hp') format('truetype'),
          url('fonts/fb6.woff?v981hp') format('woff'),
          url('fonts/fb6.svg?v981hp#fb6') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }
      
      [class^="fb6-"], [class*=" fb6-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'fb6' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
      
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      .fb6-twiter:before {
        content: "\e905";
      }
      .fb6-tiktok:before {
        content: "\e904";
      }
      .fb6-serrage-de-main:before {
        content: "\e903";
      }
      .fb6-cadre1:before {
        content: "\e902";
      }
      .fb6-certificat:before {
        content: "\e901";
        }
      .fb6-cross:before {
        content: "\ea0f";
        padding-right: 10px;
      }
      .fb6-checkmark:before {
        content: "\ea10";
      }
      .fb6-balance:before {
        content: "\e900";
      }
      .fb6-cb:before {
        content: "\e919";
      }
      .fb6-colis:before {
        content: "\e918";
      }
      .fb6-play:before {
        content: "\e912";
      }
      .fb6-cart:before {
        content: "\e93a";
      }
      .fb6-envelop:before {
        content: "\e945";
        position: relative;
bottom: -18px;
      }
      .fb6-collectifjardiniers:before {
        content: "\e906";
        position: absolute;
        right: 20px;
        top:15px;
font-size: 40px;
z-index: 200;

      }
      .opac:hover{
    color:white;
        opacity: 1;
      }
      .fb6-history:before {
        content: "\e94d";
      }
      .fb6-bubbles:before {
        content: "\e96c";
      }
      .fb6-clipboard:before {
        content: "\e9b8";
      }
      .fb6-loop2:before {
        content: "\ea2e";
      }
      .fb6-facebook2:before {
        content: "\ea91";
      }
      .fb6-instagram:before {
        content: "\ea92";
      }
      .fb6-youtube:before {
        content: "\ea9d";
      }
      .fb6-twitch:before {
        content: "\ea9f";
      }
      .fb6-tumblr2:before {
        content: "\eaba";
      }
      .iconred:before, .icone:before{
        color:#DDDDFF;
        font-size: 2em;
      }
      .iconred:hover:before{
      opacity: 0.9;
      }
      /*hero*/
      .hero{
        box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;

border: 8px inset black;
position: absolute;
top:100px;
left:20px;
text-align: center;
width: 350px;
background: white;
      }
      .hero h1{
        padding-bottom: 30px;
      }
      .hero p{
        text-align: start;
margin-left: 20px;
position: relative;
z-index: 2;
      }
      .imghero{
  
        position: relative;
      }
      
/*wp*/
.wp-block-column{
  padding: 20px;
}
/*page accueil*/
.sources a{
margin-top: 10px;
}
/*scroll top*/
#ast-scroll-top{
  background: #000;
}
      /*Aticle offre*/
      .articleoffre{
background-color: #000;
padding:20px 0 20px 0;
      }
      .section1, .section2{
        display: flex;
        justify-content: space-between;
padding: 20px 20px 20px 20px;
flex-wrap: wrap;
      }
      .ombre{
        box-shadow: rgba(255, 255, 255, 0.372) 0px 15px 25px, rgba(255, 255, 255, 0.239) 0px 5px 10px;
      }
   
      .startsection1, .startsection2, .startsection3, .startsection4{
        background-color: #DDFDDD;
height: 290px;
width: 450px;
rotate: 1deg;
border: 8px inset black;
margin-bottom: 20px;
      }
      .startsection1 h4, .startsection2 h4, .startsection3 h4, .startsection4 h4{
      font-style: italic;
      text-align: center;}
      .startsection1 p, .startsection2 p, .startsection3 p, .startsection4 p{
        margin-left: 10%;
      }
      .startsection1:hover, .startsection2:hover, .startsection3:hover, .startsection4:hover{
margin-top: -10px;
      }
      .abon{
       display: block;
width: 200px;
height: 40px;
line-height: 40px;
font-family: sans-serif;
text-decoration: none;
background-color: #DDFDDD;
border: 4px inset #000;
letter-spacing: 2px;
text-align: center;
position: relative;
transition: all .45s;
cursor: pointer;

left: 20%;
top: 30px;
}
.abon::before {
  position: absolute;
  content: "";
  left: 0;
  border: 2px inset #DDFDDD;
  height: 36px;
}
.abon:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: white;
  transition: all .45s;
}

.abon a{
  z-index: 3;
  position: relative;
  color: #000!important;
  padding: 22px 30px 20px 32px;
  font-weight: bold;
}

.abon:hover:after{
  width: 100%;
}
.abon:hover::before{
width: 100%;
}
.startsection2 .abon a{
  padding:20px 41px 20px 41px;
}
.startsection4 .abon a{
  padding:20px 53px 20px 53px;
}
.startsection3 .abon a{
  padding:20px 61px 20px 61px;
}
/*chat*/
#sac-user-url{
display:none
}
#sac-latest-message{
background-color: #DDFDDD;
}
#sac-messages li{
    font-size: 20px;
}
#sac-output{
  background: white;
  border: 1px solid #000!important;
  margin-left: 20px;
}
input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea {
  border: 1px solid #000!important;
}
#sac-messages li a {
  background: black;
  padding: 2px;
  margin:2px 0 2px 0;
  display: block;
}
.avertisement{
    position: relative;
    color:red!important;
    
    
}

/*commentaire*/
.ast-comment-content a{
  background-color: black;
  padding: 3px;
}
#url{
  display: none;
}
.ast-comment-content p{
margin-top: 20px;
}
#post-18, .comments-area{
  margin: 20px;
}
.required-field-message{
  display: flex;
  padding:10px 0 10px 0
}
.ast-comment-meta{
  color: #DDDDFF;
}
.ast-button, .button, button, input, select, textarea{
color:black;
opacity: 0.8;
}
.comment-form-attachment__label{
    display:none
}
.ast-comment-info{
  background-color: black;
}
.entry-meta{
  display: none;
}
.dco-image-attachment img {
  min-width: 70%;
  text-align: center;
}
/*formulaire*/
.wpcf7-not-valid-tip{
  color:red
}
.wpcf7-form {
margin: 20px;
}
.wpcf7-form-control-wrap{
  margin-top: 5px;
}
.wpcf7-list-item{
  margin: 0;
}
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
  color:white;
  background: #000;
}
.wpcf7 form.sent .wpcf7-response-output{
  border-color: #000;
}
.wpcf7 form .wpcf7-response-output{
  border: 2px solid black
}
.wpcf7-list-item{
margin-right: 20px;
}
/*tentative chexbox n2*/

/*tentative de changement de couleur de la chexbox

input[type=checkbox] {
  color:white;
  background: #000;
  border: 1px solid #FFF;
}
input[type="checkbox"]:checked {
  background: white;

  }
  input[type="checkbox"]:checked:before{

    content: '';
    display: block;
    color: black;
    
    position: absolute;
  }
*/
/*nos actions*/
#wp-block-file--media-1b3c51a6-b9a7-4cc4-8fa0-411ef4377adb{
  display: none;
}
/*footer*/
footer{
    background-color: black;
    color:#DDFDDD;
padding:20px
}
footer h3{
    color:#DDFDDD; 
    margin-bottom: 20px;
}
.footercenter{
  display: none;
  justify-content: center;
  flex-wrap: wrap;
}
.footercenter a{
  margin: 20px 20px 0 0;

}
.separation{
  width: 100%;
  height: 2px;
  background-color: #FFFFFF;
}
/*n'affiche pas l image mis en avant*/
.post-thumb-img-content{
display:none
}
/*supprime ce qu'on veux pas du theme*/
#snippet-box{
  display: none!important;
}
.entry-content > .wp-block-group, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns {
  padding-left: 0;
}
a:hover, a:focus{
  color:#DDDDFF
}
.entry-title, .elementor-page-title, h1.entry-title{
  display: none!important;
}
input[type="email"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  
  color:black
}
.menu-toggle, button, .ast-button, .ast-custom-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"], form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, body .wp-block-file .wp-block-file__button, .search .search-submit, .woocommerce a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale, [CLASS*="wc-block"] button, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping), .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout, .woocommerce button.button.alt.disabled.wc-variation-selection-needed 
 { border-color: black;
background-color: black;
 opacity: 1;
}
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type="reset"]:hover, input[type="reset"]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus, body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover, [CLASS*="wc-block"] button:hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons .button:not(.checkout):not(.ast-continue-shopping):hover, .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover, .woocommerce button.button.alt.disabled.wc-variation-selection-needed:hover {
  border-color: black;
  background-color: black;
  opacity: 0.9; 
}
@media (min-width: 1201px){
.ast-separate-container .entry-content[ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[ast-blocks-layout] > .alignwide {
  margin-left: auto;
  margin-right: auto;
}
.hero h1{
  position: relative;
  z-index: 2;
}
}
#primary, #secondary{
    width: auto;
}
.ast-container{
    max-width: none;
}
.ast-container, .ast-container-fluid {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .entry-content[ast-blocks-layout] > * {
    max-width: none;}
    /*supprime ce qu'on ne veux pas d'elementor*/
    .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding: 0px;
      }
      .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
        padding: 0px;
      }
      .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
     padding: 0px !important;;
      }
      .entry-content p {
        margin-bottom: 0;
      }
/*responsive*/
.mobile, .mobile2{
    display:none
}
.desk{
    display:block
}
@media screen and (max-width: 1000px){
.desk{
    display:none!important;
    
}
.mobile{
    display:block;
}
.liennoir a{
  display: block;
}
}
@media (max-width: 940px){
.section1, .section2{
  justify-content: center;
}
.dco-image-attachment img {
  min-width: 90%;

}
}

/*menu mobile*/
@media (max-width: 921px){
.ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
  background-color: black;
}
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
  color:#DDFDDD;
}
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {
  background-color: black;
}
.section1, .section2{
  padding-bottom: 0;
}
.section1{
  margin-bottom: -20px;
}
}

@media (max-width: 768px){
.textedouble{
    margin:20px 0 20px 0
}
.borderradius50{
    margin: 20px 0 0 20px;
}
.dco-image-attachment img {
  min-width: 100%;

}
}

@media (max-width: 581px){

  .hero{
position: relative;
top:20px;
width: auto;
margin:0 20px 0 20px;
left:auto
  }
  .mobile2{
    display:block;
    position: relative;
    z-index: 1;
    top:-180px;
    margin-bottom: -200px;
  }
 .imghero{
  top: -140px;
 }
 #sac-output{
  margin-left: 0;
 }

}

@media (max-width: 515px){
  .imghero{
    
    top:-100px;
    margin-bottom: -100px;
      }
}
@media (max-width: 448px){
  .imghero{ 
    top:-50px;
    margin-bottom: -50px;
      }
  
}
@media (max-width: 400px){
  .imghero{ 
    top:-10px;
    margin-bottom: -10px;
      }
  
}

@media (max-width: 349px){
.startsection1 .abon{
top:10px
}
}

@media (max-width: 325px){
  .hero{position: relative;
    top:20px;
    width: 240px;
    left:10px

  }
  .mobile2{
    top: -200Px;
margin-bottom: -150px;
  }

  .abon{
    left:5px;
  }
}
/*animation*/
.fadedown{
  opacity: 0;
	
  
}
.wp-block-image{
  animation: fadeIn 2s ease-in both;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes fadeIn {
  0% {
     opacity: 0;
     transform: translateY(-20px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}