/*
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: 3.7.7.1644487015
Updated: 2022-02-10 10:56:55

*/

/*header*/
*{
  box-sizing: border-box;
  }
p{
  font-size: 17px;
}
body{
  box-sizing: border-box;
  max-width: 100%!important;
  overflow-x: hidden;
}
.entry-title, .entry-header{
	display:none;
}
.ast-mobile-header-wrap .ast-above-header-bar, .ast-above-header-bar .site-above-header-wrap {
  height: 60px;
}
.custom-logo{
  position: absolute;
top:0px;
width: 55px;
}
.custom-logo[alt~="jd6"]{
  color:black
}
.site-header{
  z-index: 10;
}
/*head hero*/



/*menu*/
#ast-desktop-header{
	position: fixed;
width: 100%;
top:0;
}
/*cible le menu actif*/
.site-above-header-wrap{
  height: 60px;
}
 .current-menu-item a{
color:#ED1C24!important
 }
 .sub-menu{
   background-color: black!important;
   align-items: center;
   text-align: center;
  
 }

 .main-navigation ul{

  position: fixed;
  top: 10px;
  right: 50px;

 }
 nav ul li a{
   font-size: 1.5em;
 }
 .sub-menu li:after {
   content:'';
   width: 0px;
   position: relative;
   bottom: 0px;
  left:40%;
   background-color: #f4fefe;
   transition: 1.1s;
 }
 .sub-menu li:hover:after, .current-menu-item:after{
   width: 50px;
   height: 2px;
 }
.borderrouge{
  border: 5px inset #ED1C24;
  padding-top: 20px!important;
}
.blanc{
  color:#f4fefe!important;
}
.centremontep{
	position: relative;
top: -400px;
text-align:center;
		color:#f4fefe;
}
/*gerer le responsive*/
.mobile, .textmobile1, .textmobile2bis, .mobileback{
  display:none;
}
.desk, .desk2, .deskbacktitre{
  display: block;
}

/*ajouter de l'espace*/
.mr20{
	margin-right:3vw!important;
}
.mb20{
  margin-bottom:20px;
}
.mrml30{
  margin:auto 3vw auto 3vw!important;
}
.ml30{
margin-left: 3vw;
}
.pt20{
  padding-top: 20px;
}
.pt30{
  padding-top: 30px;
}
.p20{
  padding:20px
}
.pt50{
  padding-top: 50px;
}
.pt40{
  padding-top: 40px;
}
.pb20{
  padding-bottom: 20px;
}
.pb30{
  padding-bottom: 30px;
}
.mt-30{
  margin-top: -30px;
}
.floatr{
  float: right;
}
/*boutons*/
.wp-block-button{
  padding-bottom: 20px;
}

/*animation boutons*/
.wrapper{
}

.abon{
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-family: sans-serif;
  text-decoration: none;
  color: #000;
  border: 2px inset #000;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  transition: all .45s;
  cursor: pointer;
  border: 2px inset #ED1C24;
  left:3vw;
  top:30px
}
.abonblanhov{
  display: block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-size: 1.2em;
  font-family: sans-serif;
  text-decoration: none;
  color: #f4fefe;
  background-color: #000;
  border: 2px inset #ed1c24;
  letter-spacing: 2px;
  text-align: center;
  position: relative;
  transition: all .45s;
  cursor: pointer;
  border: 2px inset #ED1C24;
  margin-bottom: 20px;

 
}
.abon span, .abonblanhov span{
  position: relative;
  z-index: 2;
}
.abon::before, .abonblanhov:before{
  position: absolute;
  content: "";
 left: 0;
  border: 3px inset #ED1C24;
  height: 36px;
}
.abon:after, .abonblanhov:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #ED1C24;
  transition: all .45s;
}

.abon:hover{
  color: #000!important;
}
.abonblanhov:hover{
  color:#f4fefe!important
}
.abon span{
  color:#f4fefe
}
.abon:hover:after, .abonblanhov:hover:after{
  width: 100%;
}
.fb6-cross:hover::before{
  -moz-transform: scale(1.1) rotate(20deg);
  -webkit-transform: scale(1.1) rotate(20deg);
  -o-transform: scale(1.1) rotate(20deg);
  -ms-transform: scale(1.1) rotate(20deg);
  transform: scale(1.1) rotate(20deg);
}
/*animation fermer*/

/*animation pulse
@-webkit-keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.bouton, button, .elementor-button {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.bouton:hover, .bouton:focus, .bouton:active, button:hover, button:focus,  button:active , .elementor-button:hover{
  -webkit-animation-name: pulse-shrink;
  animation-name: pulse-shrink;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count:4;*//* defini le nombre de fois ou l annimation se repete*//*
  animation-iteration-count: 4;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  border:1px solid #ED1C24;
  background-color: #000;
}
*/

/*faire que les block n'aient plus de marges*/
.wp-block-group{
	padding:0;
}
.elementor-800 .elementor-element.elementor-element-9195281, .elementor-widget:not(:last-child), .elementor-widget:not(:last-child) {
  margin-top: 0px;
  margin-bottom:0px!important;
}
.site-content .ast-container {
 
  display: block;
}
.ast-container, .ast-container-fluid{
 padding:0 0 0 0!important;
}
.elementor-800 .elementor-element.elementor-element-9195281, .elementor-widget:not(:last-child) {
  margin-bottom: 0;
}
.elementor-column > .elementor-element-populated{
  padding:0!important;
}
.entry-content > .wp-block-cover, .entry-content > .wp-block-columns.has-background{
  padding:0!important;
}
.wp-block-column{
	margin:0!important;
}
.wp-block-image.size-full {
  margin: 0!important;
}

/*slide*/
.slideshow-container {
background:#000 ;
  position: relative;
  margin: auto;
  padding:50px 0 150px 0;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;

  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 6px;
  color: white;
  font-weight: bold;
  font-size:26px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  color:#ed1c24
}

/* Position the "next button" to the right */
.navprevnext{
  display: flex;
flex-direction: row;
width: 100%;
}
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev {
  position: absolute;
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
  color:#ed1c24;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  margin-right: 30px;
 }
 .desk3{
   margin-top: -140px;
   position: relative;
   display: flex;
   justify-content: center;
 }
 .ptextdots{
   color:#ed1c24;
   font-size: 14px;
 }
.active, .dot:hover {
 opacity:0.6;
}
.spanhover:hover, .spanhover:focus {
  position: relative;
  z-index: 7;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
/*background image avec un dégradé pour le texte qui soit penché*/

.backgroundtitre2, .backgroundtitre1,  .backgroundtitre3{
  padding:30px;
  height: auto;
  background: linear-gradient(45deg, rgba(0,0,0,1) 50%,#f4fefe 50%);
border:5px inset #ED1C24;
}
.backgroundtitre3{

}
h2, .entry-content h2{
  font-size: 3em;
}
h1{
  color:#f4fefe!important;
}
.h2gauche{
  color:#f4fefe!important;
  text-align: left;
}
.h2droite{
 
  text-align: center;
  background: -webkit-linear-gradient(45deg, #f4fefe 50%, #000 50%);
  background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-transform: uppercase;
}


  /*background rond
  .backgroundnoirrond{
    background-color: #000;
    z-index: -1;
    border-radius: 100%;
    padding: 195px;
position: relative;
top: -390px;
width: 250px;
margin: 0 auto;
  }*/
.textaligncenter{
 margin-bottom: -400px;
}
/*ombres*/
.ombre{
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}
.ombremarque{
  box-shadow: rgb(38, 57, 77) 0px 20px 3vw -10px;
}
.ombreimage{
  filter: drop-shadow(3vw 10px 4px #000);
}
.ombrerouge{
  box-shadow: rgba(237,28,36, 0.15) 0px 15px 25px, rgba(237,28,36, 0.05) 0px 5px 10px;
}
/*page acceuil*/

.elementor-column, .elementor-column-wrap {
align-items: center;
justify-content: center;
}
/*grid avec 2 images et textes*/
.grid1{
  display: grid;
  grid-template-columns: 3vw 180px 370px 1fr 180px 370px 3vw;
}
.start1{
  grid-column-start: 2;
}
.start2{
  grid-column-start: 3;
}
.start3{
  grid-column-start: 5;
}
.start4{
  grid-column-start: 6;
}
.grid5{
 display: flex;
justify-content: space-between;
padding: 0 3vw 20px 3vw;
}
.width300{
  width: 300px;
}
.logolol1, .logoapex1, .logorb6, .logoautresjeux{
  width: 150px;
position: relative;
left: 100px;
}

.start-grid3-1, .start-grid3-2, .start-grid3-3{
  background-color: #000;
  height: 310px;
  width: 300px;
  clip-path: polygon(20px 0, 100% 0%, calc(100% - 20px) 100%, 0% calc(100% - 20px));
  -webkit-clip-path:polygon(20px 0, 100% 0%, calc(100% - 20px) 100%, 0% calc(100% - 20px));
color:#f4fefe;
text-align: center;
font-style: italic;
border: 8px inset #ED1C24;
}
.start-grid3-1:hover, .start-grid3-2:hover, .start-grid3-3:hover, .start-grid3-1:active, .start-grid3-2:active, .start-grid3-3:active,.start-grid3-1:focus, .start-grid3-2:focus, .start-grid3-3:focus{
  margin-top: -15px;
}

.start-grid3-1 h4, .start-grid3-1 .wrapper p, .start-grid3-2 h4, .start-grid3-3 h4,.start-grid3-2 .wrapper p, .start-grid3-3 .wrapper p{
  color:#f4fefe;
  text-align: center;
  font-style: italic;
}
.start-grid3-1 h4, .start-grid3-2 h4, .start-grid3-3 h4{
  font-size: 1.6em;
}

.fondnoir, .fondnoir2, .imggroshov{
background-color: black;
height: 230px!important;
}

.pblanc, .h2blanc, .h2blanc2 {
color:#f4fefe;
text-align: center;
padding: 15px;
}
.h2blanc{
  padding-bottom: 40px;
  font-size: 2em!important;
  padding-top: 20px;
  color:#f4fefe!important
}
.h2blanc2{
  padding-top: 20px;
  padding-bottom: 40px;
 
}
/*fonts*/
h2{
  color:black;
  font-size: 3em ;}
h3{
  font-family: 'Gravitas One', cursive;
  font-size: 1.1em;
 
}
.entry-content h3, h3{
  color:inherit;
}
/*couleur des liens*/
a, .lien{
  color:#ED1C24;
  text-decoration: underline;
}
.nounderline{
  text-decoration: none!important;
  padding-bottom: 10px;
}
@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";
}
.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";
}
.iconesnoires{
  color:#000;
  font-size: 2.5em;
}
.iconnesposition{
  position: relative;
  left: -50px;
  top: 40px;
  font-size: 1.5em;
}
#certif{
  top: 50px;
}
.iconnesposition:before, .iconred{
  color:#ED1C24;
  font-size: 1.5em;
  }
.fb6-certificat:before{
  font-size: 2em;
}
.centerreseaux{
  text-align: center;
  padding-top: 65px;
}
/*équipe*/
.role{
  border:2px inset #ED1C24;
  text-align: center;
  justify-items: center;
  vertical-align: middle;
  padding-top: 10px;
  padding-bottom: 10px;
  color:#f4fefe;
  background-color: #000;
}
.border2px{
  border:2px inset #ED1C24;
  background: linear-gradient(5deg, #f4fefe 80%, black);
}
.grid2{
  display: grid;
  grid-template-columns: 3vw 300px 1fr 300px 1fr 300px 3vw;
}
.cap0{
  grid-column-start: 2;
}
.cap{
  grid-column-start: 2;
  overflow: hidden;
  z-index: 2;
 background-color: #f4fefe;
  margin-bottom: -250px;
  perspective: 1000px;
  height: 250px;
}
.cap:hover, .cap2:hover, .cap3:hover, .cap4:hover, .cap4bis:hover, .cap5:hover,.cap:focus, .cap2:focus, .cap3:focus, .cap4:focus, .cap4bis:focus, .cap5:focus{
  opacity:0;
  
}
.capverso{
  background-color: #000;
  grid-column-start: 2;
 cursor:pointer;
 height: 250px;
 }
.cap2{
  grid-column-start: 4;
  overflow: hidden;
  z-index: 2;
 background-color: #f4fefe;
 height: 250px;
  perspective: 1000px;
}
.capverso2{
  grid-column-start: 4;
  background-color: #000;
  cursor:pointer;
  height: 250px;
  margin-top: -250px;
}
.cap3{
  grid-column-start: 6;
  overflow: hidden;
  z-index: 2;
 background-color: #f4fefe;
 margin-top: -250px;
  perspective: 1000px;
  height: 250px;
}
.capverso3{
  grid-column-start: 6;
  background-color: #000;
  cursor:pointer;
  height: 250px;
  margin-top: -250px;
}
.butonjoueur{
  position: absolute;
  top: 190px;
  left: 10px;
  font-style: italic;
}
.nomjoueur{
  text-align: left;
  padding-right: 15px;
  padding-top: 10px;
  position: relative;
top: 80px;
left: 10px;
color: #ed1c24;

}
.imagequipe{
  margin-top: -90px;
  margin-bottom: 20px;
  margin-left: 50px;
}
.logoapexteam{
  position: relative;
  top: -420px;
left: 10px;
border-radius: 100%;
background: #000;
padding: 5px;
width: 55px;
}
.grid3{
  display: grid;
  grid-template-columns: 3vw  1fr 300px 1fr 3vw;
}
.grid3bis{
  display: grid;
  grid-template-columns: 3vw 300px 1fr 300px 3vw;
  grid-row: 1;
}
.cap4{
  grid-column-start: 3;
  overflow: hidden;
  z-index: 2;
 background-color: #f4fefe;
  perspective: 1000px;
  height: 250px;
}
.cap4bis{
  grid-column-start: 2;
  overflow: hidden;
  z-index: 2;
 background-color: #f4fefe;
  perspective: 1000px;
  height: 250px;
  margin-top: -250px;
}
.cap5{
  grid-column-start: 4;
  overflow: hidden;
  z-index: 2;
 background-color: #f4fefe;
  perspective: 1000px;
  height: 250px;
}
.capverso4{
  grid-column-start: 3;
  background-color: #000;
  cursor:pointer;
  height: 250px;
  margin-top: -250px;
}
.capverso4bis{
  grid-column-start: 2;
  background-color: #000;
  cursor:pointer;
  height: 250px;
  margin-top: -250px;

}
.capverso5{
  grid-column-start: 4;
  background-color: #000;
  cursor:pointer;
  height: 250px;
  margin-top: -250px;
}
/*categorie*/
.categorie{
margin-top: 50px;
display:grid;
grid-template-columns: repeat(2, minmax(10px, 1fr));

}
.flextacategorie{
   background-color: #000;
   border:2px inset #ed1c24;
   margin: 0 3vw 20px 3vw;
   display: grid;
 
}

.h2cat{
  color:#f4fefe;
  font-size:1.7em;
  position: relative;
  text-align: center;
  padding: 10px;
  border:2px inset #ed1c24;
}
.theexcerpt{
  color: #f4fefe;
text-align: center;
border-top:2px inset #ed1c24;
padding: 10px 20px 0px 20px;
}
.imgcategorie{
  text-align: center;
  position: relative;
}
.imgcategorie img{
  opacity: 1;
}
.categorie h2:nth-child(3n+2){

  height: auto;
 background-repeat: no-repeat;
}
.categorie h2:nth-child(3n+1){
   height: auto;
background-repeat: no-repeat;
}
.categorie h2:nth-child(3n+0){

  height: auto;
 background-repeat: no-repeat;
}
  /*footer*/
  .noircentre{
    text-align: center;
    background-color: #ed1c24;
    margin-top: -20px;
    padding: 5px 0 5px 0;
  }
  .noircentre img{
    width: 70px;
    background: black;
border-radius: 100%;
padding: 10px;
  }

  .footerflex1, .footerflex2{
      display: flex;
      flex-direction: row;
justify-content: space-around;
  }
  .footerflex2{
    margin-left: 3vw;
  }
  .footerflex2 img{
    width: 80px;
  }
  .footerflex1 h3, .footerflex2 h3{
      color:#ED1C24;
  }
  .partenairefooter{
    position: relative;
    bottom: -40px;
  }
 
  footer{
    border: 5px inset #ED1C24;
    padding-top: 20px;
  margin:20px 3vw 20px 3vw;
  background: #000;
  }
  footer p{
    color:#f4fefe
  }
  #margepetitep, #margepetitep2{
    margin-bottom: 3px!important;
  }


/*artcles*/
/*retire l'affichage des liens article suivant/precedent*/
.nav-links{
  display:none!important
}
  /*articles jeux*/
  .ongletjeux{
display:flex;
margin:auto 3vw auto 3vw;
background-color: #000;
height: 80px;
justify-content: center;
align-items: center;
  }
  .ongletjeux span:nth-child(3) a{
    padding-left: 3vw;
  }
  .onglet{
    width: 300px;
  }
  .ongletjeux a{
 margin-left: 10vh;
    font-size:2em;
  }
  .ongletjeux a:hover{
    color:#f4fefe;
    cursor: pointer;
  }
  .onglet_1 a{
 color:#f4fefe;
  }
  .onglet_1 a:before{
    content: "";
position: absolute;
display: inline-block;
width:280px;
height: 80px;
background-color: #ED1C24;
z-index:-1;
transform: skewX(-10deg);
top: -22px;
left:-22px;
  }

.onglet_1 a,  .onglet_0 a{
  z-index: 10;
  position: relative;
}


  .onglet_1 a:hover{
    color:#f4fefe;
  }


  .contenu_onglet{
margin:auto 3vw auto 3vw;
 }
  #contenu_onglet_qui, #contenu_onglet_pourquoi{
    display:none;
  }
  .centermt_70{
    text-align: center;
    margin-top: -80px;
    padding-bottom: 20px;
  }
.textcenter, .term-description{
  text-align: center;
}
/*formulaire*/
#cacher, #cacher2, #cacher3, #cacher4, #cacher5{
display:none
}
.flexboutons{
  display: flex;
  padding:0 0 0 3vw;
  position:relative;
  top: -140px;
  justify-content: space-around;
  margin: 0 0 -100px -50px;

}
.boutonform1{
position: relative
}
.boutonform2{
  position: relative;

  }
  .boutonform3{
    position: relative;

    }
.flexbouton a{
  color:#f4fefe
}
.topright{
  position:fixed;
  top: 8px;
  right: 10vh;
  cursor: pointer;
}
.flexcenter{
 display:flex;
 justify-content: center;
}
.flex{
  display:flex;
}
.fixer{
 position: fixed;
  background-image: url('https://www.jd6.sylvainbouclainville.com/wp-content/themes/astra-child/img/formulaire2.jpg');
  background-size: cover;
  z-index: 900;
  top: 0px;
  z-index: 10;
left:0;
width: 100%;
height: auto;
text-align: center;
overflow: scroll;
overflow-y:scroll;
background-position: center;
}
.wpcf7-form p{
  color:black;
}
textarea[name="your-message"]{
  height:120px
}
/*bouton envoyer*/
input[type=submit]{
position: absolute;
bottom:13px
}
.boutoncarre{
  border-radius: 0!important;
}
/*mettre un curseur de souris pour le formulaire devenir partenaire*/
#formpartenaire{
  cursor: pointer;
}
/*checbox*/
input[type="checkbox"]:checked {
  background-color: #000!important;
}
input[type="radio"]:checked, input[type="reset"], input[type="checkbox"]:checked, input[type="checkbox"]:hover:checked, input[type="checkbox"]:focus:checked, input[type="range"]::-webkit-slider-thumb{
  border-color:#000;
}
::selection {
  background-color: #000;
}
.textcenterform{
  background-color: #000;
  color: #f4fefe !important;
  padding:8px 0 8px 0;
}
.wpcf7 input:not([type="submit"]), .wpcf7 select, .wpcf7 textarea {
  width: 72%;
background-color: #000;
color:#f4fefe!important}
.wpcf7-form-control{
  height:50px;
 
}
.wpcf7 input[type="checkbox"]{
  position: absolute;
  left:-150px;
  top:8px;
}
input[type="submit"]{
  position: relative;
}
.wpcf7-form{
  padding-top: 30px;
}
/*animation formulaire permet de faire apparaite progressivement le formulaire*/
.fixer {
    
  animation: fadein 1.5s;
  -moz-animation: fadein 1.5s; /* Firefox */
  -webkit-animation: fadein 1.5s; /* Safari et Chrome */
  -o-animation: fadein 1.5s; /* Opera */
}
@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-moz-keyframes fadein { /* sur Firefox */
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-o-keyframes fadein { /* sur Opera */
  from {
      opacity:0;
  }
  to {
      opacity: 1;
  }
}
  /*woocomerce*/
 /*refonte*/
 .ast-single-post .entry-title, .page-title, .woocommerce-breadcrumb,.woocommerce-ordering, .widget-title {
display: none;
}
#primary{

}
ul.products:not(.elementor-grid).columns-3, .related , .wc-tabs-wrapper{
padding: 0 3vw 0 3vw ;
}
.plrvw{
  padding: 50px 3vw 0 3vw ;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  border-top: 3px solid #ed1c24;
  border-top-color: #ed1c24;
}
.woof_price_filter_txt_container:after{
  content: '€';
  color:#f4fefe
}
.woocommerce-notices-wrapper{
  padding-top: 40px;
}

  .related h2{
    text-align: center;
  }
  .wp-block-image.size-full {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    left: 0;
    margin-bottom: 2000px;
    top: 0;
  }
  .related .products h2{
    font-size: 1.2em;
  }
  .woocommerce button.button,.wp-block-button .wp-block-button__link,.wp-block-button__link,.woocommerce a.button.alt, .woocommerce a.button, .woocommerce button.button.alt, .woocommerce a.button,  .woocommerce #respond input#submit, .woocommerce-message::before, .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{
    color:#ED1C24!important;
    background-color: black;
border:3px inset #ED1C24;
border-radius: 0;
  }
  .star-rating,  .comment-form-rating .stars a,.star-rating::before{
    color:#ED1C24!important;
    background-color: #f4fefe!important;
  }
 
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    background: #ED1C24;
  }
 .woocommerce-page ul.products li.product .ast-woo-product-category, .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
   color:black!important
 }
 :root{
  --ast-global-color-1: #000;
  --ast-global-color-2: #000;
  --ast-global-color-3: #000;
 }
 input[type="email"],.page-links .page-link, .single .post-navigation a, 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!important;
 }
 .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #f4fefe!important;
  color: #000;
}
/*ajout de style*/
.wc-block-featured-category{
  clip-path: polygon(50px 0%, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
  -webkit-clip-path:polygon(50px 0%, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
}

.wc-block-featured-category:hover{
  margin-top: -15px;
}
.wp-block-button .wp-block-button__link{
  margin-top: 50px;
}

/*page boutique*/
.visagerondwoo{
position: relative;
  top:20px
}
.visagerondwoo img{
  border-radius: 100%;
}
.backgroundcat1 p{
  color:#f4fefe;
  position: relative;
  top:100px;
  text-align: center;
  margin: 0 20px 0 20px;

}
/*filtre woof*/
.woof_redraw_zone{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}
.woof_container_inner h4{
  color:#f4fefe;
  padding-bottom: 20px;
}
.woof{
border:2px inset #ed1c24;
  background: black;
  padding:10px;
  }
  
  .woof_radio_label, .woof_checkbox_count, .woof_list label{
    color:#ed1c24
  }
  .woof_radio_term_reset img{
    width: 30px;
  }
  .woof_products_top_panel{
    display:flex;
    justify-content: center;
  }
 /*mobile*/
 @media screen and (max-width: 1180px){


 [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
   fill:#ED1C24!important
 }}
 @media screen and (max-width: 1124px){
   .desk2{
     display:none;
   }

  .grid1, .grid2{
    grid-template-columns: 0px 180px 360px 1fr 180px 360px 0px;}
   .cadreheader{
     display:none;
   }
   .ast-header-break-point .ast-primary-header-ba, .ast-primary-header-bar {
     background-color: #000!important;
   }
   .site-title, .ast-site-identity .site-title a{
     color:black
   }
   #ast-hf-mobile-menu ul{
     text-align: center!important;
   }
   .iconnesposition {
    position: relative;
    left: -30px;
    top: 40px;
    font-size: 1em;
    top:30px;
  }
  #certit{
    top: 35px;
  }
 .wpcf7-form{
   margin-top: 75px;
 }
 }
  
 @media screen and (max-width: 1066px){
   .desk1{
     display:none;
   }
   .grid1, .grid2{
     display:flex;
     flex-wrap: wrap;
     width: 100%;
     margin-top: -10px;
   }
   .grid1 .start1 img,.grid1 .start3 img  {
     border-radius: 100%;
     position: absolute;
     left:40vw;
     width: 150px;
  }
  .imglol, .rb6img{
    margin-top: 10px;
    top: 10px;
  }
  .logofront{
    position: absolute;
left: 10px;
  }
 .imgapex, .imgmyst{
  top: 240px;
 }
 .premiercradre{
   margin-top: -20px!important;
 }
 .derniercadre{
  margin-bottom: -20px!important;
 }
   .start2 p, .start4 p{
width: 200px;
   }
   .start4, .start2 {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    width: 100%;
    border:6px inset #ED1C24;
    padding-right: 3vw;
    margin:10px 0 10px 0;
   }
   .start4 h2, .start2 h2{
   position: absolute;
   left:3vw;
   }
.h2blanc{
  font-size: 1.3em !important;
}
.grid1 .start1 img, .grid1 .start3 img {

  height: 150px!important;
}
.imgapex, .imgmyst{
  top: 270px;
}
  }
  @media screen and (max-width: 921px){

    .ast-header-break-point .main-header-menu{
      background-color: #000!important;
    }
    #ast-hf-mobile-menu{
      z-index: 10;
      width: 100%;
      text-align: center;
    }
    .main-navigation ul li a{
      margin-left: 50px;
    }
    .main-navigation ul li a:hover{
      color:#f4fefe!important
    }
    .sub-menu li::after {
      left:53%
    }
    .start-grid3-1, .start-grid3-2, .start-grid3-3{
      width: 100%;
    
    }
    .grid5{
      flex-wrap: wrap;
    }
    .wrapper{
      display: flex;
align-items: center;
justify-content: center;
    }
    .abon{
      left:0
    }
  }

 @media screen and (max-width: 920px){
  .backgroundhead {
    width: 600px;
  }
   .mobile{
     display:block
   }
   .desk{
     display:none;
   }
  .backgroundhead{
    width: 700px;
  }
  .boutonform1 {
    left: 0px;
  }

.grid5{
  display:flex
}
/*footer*/
.footerflex3,.footerflex4 {
  display: flex;
  justify-content: space-around;
}
.partenairefooter{
  width: 80px;
  margin-top: -30px;
}

.rouge{
  color:#ed1c24
}
#certif{
  top:38px;
}
.iconnesposition{
  padding-bottom: 10px;
}

}
@media screen and (max-width: 732px){
  .backgroundhead {
    width: 500px;
  }
  .topright{
    right: 0;
  }
}

@media screen and (max-width: 644px){
  .grid1 .start1 img,.grid1 .start3 img  {
    border-radius: 100%;
    position: absolute;
    left:22vw;
    width: 150px;
 }
 .logofront{
  width: 15%;
 }
 .autresjeux{
   width: 110px;
 }
 .footerflex1, .footerflex2,.footerflex3, .footerflex4{
  width: 100%;
  flex-direction: column;
  align-content: center;
  text-align: center;
}
.iconnesposition{
  left: -130px;
}
footer{
  padding-bottom: 20px;
}
.partenairefooter{
  margin-top: -80px;
}
}
@media screen and (max-width: 491px){
  .backgroundtitre1 {
    padding: 30px;
    height: auto;
    background-image: linear-gradient(45deg, rgba(237,28,36, 0.01) 0 30%, rgb(237, 28, 36) 30% 100%), url("https://www.jd6.sylvainbouclainville.com/wp-content/themes/astra-child/img/caitlyn-01.jpg");
    background-repeat: no-repeat;}

.backgroundtitre2{
  padding: 30px;
  background-image:linear-gradient(45deg, rgba(0,0,0,0.01) 0 30%, rgba(0,0,0, 1) 30% 100%),  url("https://www.jd6.sylvainbouclainville.com/wp-content/themes/astra-child/img/rb6champpull.jpg") ;
}
.deskbacktitre{
  display:none
}
.mobileback{display:block}
 }
@media screen and (max-width:458px){
  .backgroundhead {
    width: 330px;
    height: 170px;
margin-top: -150px;
  }
  .grid1 .start1 img,.grid1 .start3 img  {
    width: 80px;
    height: 100px !important;
    margin-top:-10px;
 }

 .textmobile1{
   display:block;
   font-size: 16px;
 }
 .textdesk1{
display:none
 }
 .logofront{
  margin-bottom: -50px;
  width: 25%;
 }
 .start2 h2, .start4 h2{
  left: 6vw;
  margin-bottom: -90px;
 }
 .grid1 .start1 img,.grid1 .start3 img  {
 
  left:3vw;

}
}
@media screen and (max-width:439px){
  .wpcf7 input[type="checkbox"]{
    position: relative;

  }
  .wpcf7-list-item-label{
    display:flex
  }


}

@media screen and (max-width:381px){
  .backgroundtitre1,.backgroundtitre2, .backgroundtitre3 {
  background: linear-gradient(45deg, rgba(0,0,0, 1) 0 50%, rgb(237, 28, 36) 30% 100%);}
  .backgroundtitre1 h2, .backgroundtitre2  h2, .backgroundtitre3  h2 {
    text-align: center;
  }
  .reseauxsociaux{
    display:flex;
    flex-direction: column;
    padding-bottom: 20px;
  }
  .noircentre{
    margin-bottom: 0;
  }
  .iconnesposition::before, .iconred{
    font-size: 3em;
  }
  .footerflex1{
    margin-top: -10px;
  }
}
@media screen and (max-width:340px){
  .iconnesposition{
    display:none;
  }
  .noircentre{
    margin-bottom:20px
  }
}
@media screen and (max-width:316px){
  h2{
    font-size: 2em;
  }
}
@media screen and (max-width:309px){
  .textmobile2{
    display: none;
  }
  .textmobile2bis{
display: block;
color:#f4fefe;
  }
  .start2 p, .start4 p {
    width: 100px;
  }
  #partenairefooter{
    padding-top: 20px;
  }

}

@media screen and (max-width:264px){
  .backgroundhead {
    width: 200px;
    height: 120px;
margin-top: -110px;}
.textmobile258px{
  display:none
}
.pt20{
  padding-top: 5px;
}
.width300 {
  width: auto;
}
}