/*
Theme Name : Theme Aquarelle
Theme URI: url du site
Author: Alexandre PETIT
Author URI: Alex
Description: Thème sur mesure
Requires at least: WordPress 5.0
Version: 1.1
*/
 
 * {
     margin: 0;
     padding: 0;
 }
 
 p,
 a,
 h1,
 h2,
 h3,
 h4,
 li {
     font-family: 'Roboto', sans-serif;
 }

img {
	height:auto;
    width: 100%;
}

p {
    font-size:18px;
	font-weight:200;
  
}
 
 html {
     margin-top: 0px!important;
 }
 
 body {
     position: relative;
     width: 100%;
     height: auto;
     display: block;
     background-color: #f6f6f6;
 }

/* Titre design */

.titre-design {
font-family: 'Baskervville', serif!important;
	font-size:100px;
}

.titre-manuscrite {
	font-family: 'Dancing Script', cursive;
}

/* VIDEO CENTER */

.video-centrer {
	text-align:center;
}

 /* Header */
 
 .header {
     position: fixed;
     width: 100%;
     height: 80px;
     display: flex;
     flex-direction: row;
     justify-content: space-around;
     align-items: center;
     background-color: #FFF;
     z-index: 3;
 }
 
 .header .logo {
     position: relative;
     width: auto;
     height: 100%;
     display: block;
     left: 10px;
 }
 
 .header .logo .custom-logo-link {
     position: relative;
     width: auto;
     height: 100%;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
 }
 
 .header .logo .custom-logo-link .custom-logo {
     position: relative;
     width: auto;
     height: 80px;
     display: block;
 }
 /* Header Video */
 
 #header-video {
     width: 100%;
     height: auto;
     position: relative;
     display: block;
     padding-top: 80px;
 }
 
 #header-video video {
     width: 100%;
 }
 /* Menu Mobile */
 
 .header #menu_header_mobile {
     position: absolute;
     width: auto;
     height: 100%;
     display: block;
     right: 10px;
 }
 
 .header #menu_header_mobile .button-nav-mobile {
     position: relative;
     height: 60px!important;
     width: 60px!important;
     display: block;
     border-radius: 50%;
     transition: .5s ease-in-out;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 
 .header #menu_header_mobile .button-nav-mobile #nav-icon3 {
     width: 40px;
     height: 40px;
     position: relative;
     margin: 0px;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .5s ease-in-out;
     -moz-transition: .5s ease-in-out;
     -o-transition: .5s ease-in-out;
     transition: .5s ease-in-out;
     cursor: pointer;
 }
 
 .header #menu_header_mobile .button-nav-mobile #nav-icon3 span {
     display: block;
     position: absolute;
     height: 2px;
     width: 70%;
     background-color: #000;
     border-radius: 9px;
     opacity: 1;
     left: 50%;
     /* display: flex; */
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg) translateX(-50%);
     -webkit-transition: .25s ease-in-out;
     -moz-transition: .25s ease-in-out;
     -o-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
 }
 
 .header #menu_header_mobile:hover .button-nav-mobile #nav-icon3 span {
     background-color: #CC3333;
 }
 
 #nav-icon3 span:nth-child(1) {
     top: 10px;
 }
 
 #nav-icon3 span:nth-child(2),
 #nav-icon3 span:nth-child(3) {
     top: 20px;
 }
 
 #nav-icon3 span:nth-child(4) {
     top: 30px;
 }
 
 #nav-icon3.open span:nth-child(1) {
     top: 18px!important;
     width: 0%!important;
     left: 50%!important;
 }
 
 #nav-icon3.open span:nth-child(2) {
     -webkit-transform: rotate(45deg)!important;
     -moz-transform: rotate(45deg)!important;
     -o-transform: rotate(45deg)!important;
     transform: rotate(45deg)!important;
     left: 5px!important;
 }
 
 #nav-icon3.open span:nth-child(3) {
     -webkit-transform: rotate(-45deg)!important;
     -moz-transform: rotate(-45deg)!important;
     -o-transform: rotate(-45deg)!important;
     transform: rotate(-45deg)!important;
     left: 5px!important;
 }
 
 #nav-icon3.open span:nth-child(4) {
     top: 18px!important;
     width: 0%!important;
     left: 50%!important;
 }
 
 #bg-popup-mobile {
     width: 100%;
     height: 100vh;
     z-index: 9999;
     display: none;
     position: fixed;
     top: 60px;
     overflow: hidden;
     background-color: #fff;
 }
 
 #bg-popup-mobile div {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 40px;

 }
 
 #bg-popup-mobile div .menu {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 
 #bg-popup-mobile div .menu .menu-item {
     list-style: none;
     text-align: center;
 }
 
 #bg-popup-mobile div .menu .menu-item a {
     text-decoration: none;
     font-size: 21px;
     font-weight: 600;
     color: #000;
     padding: 2px 0px;
     display: block;
 }
 
 #bg-popup-mobile div .menu .menu-item a:hover {
     color: #CC3333;
 }
 
 #bg-popup-mobile div .menu .menu-item .sub-menu .menu-item a {
     font-size: 14px;
     font-weight: 400;
 }
 /* Menu Desktop */
 
 .header #menu_header_desktop {
     position: relative;
     width: auto;
     height: 30px;
     display: none;
 }
 /* Content */
 

 #content {
     position: relative;
     width: auto;
     height: auto;
     min-height: 100vh;
     z-index: 1;
     padding-top: 100px;
     display: block;
 }
 /* Footer */
 
 #footer {
     position: relative;
     width: 100%;
     height: auto;
     background-color: #FFF;
     z-index: 2;
     box-shadow: inset 0px 0px 18px 0px rgb(0 0 0 / 30%);
 }
 
 #footer aside {
     position: relative;
     width: 90%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     align-items: flex-start;
     color: #CC3333;
     padding: 30px 0px;
     margin: 0 auto;
 }
 
 #footer aside .sidebar_footer_widget {
     height: auto;
     margin-bottom: 30px;
 }
 
 #footer aside .sidebar_footer_widget .footer_info {
     position: relative;
     width: auto;
     height: 30px;
     font-size: 21px;
     font-weight: 400;
     line-height: 30px;
 }
 
 #footer aside .sidebar_footer_widget .textwidget p {
     height: auto;
     line-height: 20px;
     font-size: 14px;
 }
 
 #footer aside .sidebar_footer_widget div .menu li {
     list-style: none;
 }
 
 #footer aside .sidebar_footer_widget div .menu li a {
     height: 20px;
     line-height: 20px;
     text-decoration: none;
     color: #fff;
     display: block;
 }
 
 #footer aside .sidebar_footer_widget div .menu li a:hover {
     color: rgb(47, 47, 47)!important;
 }
 
 #footer aside .sidebar_footer_widget div .menu .btn-reservation {
     margin-top: 10px;
 }
 
 #footer aside .sidebar_footer_widget div .menu .btn-reservation a {
     background-color: rgb(47, 47, 47)!important;
 }
 
 #footer aside .sidebar_footer_widget div .menu .btn-reservation a:hover {
     background-color: rgb(248, 116, 83)!important;
 }
 /* FOOTER RESEAUX SOCIAUX */
 
 body .wpsw-social-links li a .social-icon {
     background: transparent!important;
 }
 
 body .wpsw-social-links li a .social-icon:hover,
 body .wpsw-social-links li a .social-icon:focus {
     background: transparent!important;
 }
 
 body .social-icon:after {
     box-shadow: unset!important;
 }
 /* Bloc modif */
 
 .bloc-lien-img .wp-block-column {
     margin: 30px 10px;
     left: 50%;
     position: relative;
     transform: translateX(-50%);
 }
 
 .bloc-lien-img .wp-block-column .has-background-dim {
     overflow: hidden;
     width: 100%;
     height: 200px;
     min-height: unset;
 }
 
 .bloc-lien-img .wp-block-column .has-background-dim:hover {
     background-color: rgba(255, 151, 125, 0.6)!important;
 }
 
 .bloc-lien-img .wp-block-column .has-background-dim:hover img {
     transform: scale(1.1)!important;
 }
 /* Personnalisation */
 
 .bloc-resize {
     padding: 20px 20px!important;
 }
 
 .bloc-pres {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }
 
 .bloc-pres .text-pres {
     position: relative;
     width: 70%;
     height: auto;
     padding: 30px;
     background-color: #FFF;
     margin-top: -60px;
     display: block;
  
 }

 .bloc-pres .text-pres p{
	 text-align:left!important;
}


 .bloc-pres .img-pres {
     width: 100%;
     height: 300px;
     position: relative;
     display: flex;
 }
 
 .bloc-pres .img-pres .wp-block-image {
     width: 100%;
     height: auto;
     display: block;
     position: relative;
 }
 
 .bloc-pres .img-pres .wp-block-image figure {
     position: relative;
     width: 100%;
     max-height: 300px;
     display: block;
 }
 
 .bloc-pres .img-pres .wp-block-image figure img {
     height: 100%!important;
     max-height: 300px;
     display: block;
 }
 
 .img-pres img {
     width: 100%;
     height: auto!important;
 }

 .bloc-cours-video{
     width:100%;
     margin:0 auto;
 }
 
 .bloc-cours-video .wp-block-column .wp-block-image figure {
     filter: brightness(0.9);
 }
 
 .bloc-cours-video .wp-block-column .wp-block-image:hover figure {
     filter: brightness(1);
 }

 .title-video-exp {
     position: relative;
     width:100%;
     height:auto;
     display: block;
     background-color: #FFF;

 }

 .title-video-exp h2{
     text-align: center;
     font-size:24px;
 }
 
 .title-video-exp span {
    color: #000;
    margin: 0 auto;
    position: relative;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 60px;
 }

 #form-video {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #93abb9;
    padding: 30px 0px;
    margin: 0 auto;
 }

 #form-video h1 {
     position: relative;
     width: 100%;
     height:auto;
     text-align: center;
     font-size:30px;
     margin-bottom:30px;
     font-family: 'Roboto', sans-serif;
     text-transform: uppercase;
     color:#FFF;

 }
 
 #form-video form {
     position: relative;
     width: auto;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     align-items: center;
 }
 
 #form-video form input {
     width: 250px;
     padding-left: 10px;
     height: 40px;
     border: 1px solid #e1e1e1;
     margin-bottom: 10px;
 }
 
 #form-video form input[type="submit"] {
    background: #FFF;
    cursor: grab;
    color:#93abb9;
    font-size:18px;
    font-weight: 400;
    border-radius:unset;
    border:unset;
}

#form-video form input[type="submit"]:hover {
    -webkit-box-shadow: 5px 5px 0px 1px rgba(2, 178, 231, 0.55); 
box-shadow: 5px 5px 0px 1px rgba(2, 178, 231, 0.55);
}

 /* FORM CONTACT */

 #form-contact {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #93abb9;
    padding: 30px 0px;
    margin: 0 auto;
 }

 #form-contact h1 {
    position: relative;
    width: 100%;
    height:auto;
    text-align: center;
    font-size:30px;
    margin-bottom:30px;
    font-family: 'Roboto', sans-serif;
    font-weight:600;
    color:#fff;
    text-transform: uppercase;
}

#form-contact form {
    position: relative;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#form-contact form input {
    width: 250px;
    padding-left: 10px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

#form-contact form textarea {
    width: 250px;
    padding-left: 10px;
    height: 200px;
    border-radius: 5px;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
    padding-top:10px;

}

#form-contact form input[type="submit"] {
    background: #FFF;
    cursor: grab;
    color:#007fa4;
    font-size:18px;
    font-weight: 400;
    border-radius:unset;
    border:unset;
}

#form-contact form input[type="submit"]:hover {
    -webkit-box-shadow: 5px 5px 0px 1px rgba(2, 178, 231, 0.55); 
box-shadow: 5px 5px 0px 1px rgba(2, 178, 231, 0.55);
}

::placeholder {
    font-family: 'Roboto', sans-serif;
}


 
 .thanks {
     align-items: center;
     display: flex;
     flex-direction: column;
 }
 
 .thanks span {
     font-size: 40px;
     color: #ff4444;
     margin-bottom: 30px;
 }
 
 .thanks p {
     font-size: 24px;
     color: #ff4444;
     font-weight: 600;
 }
 
 .titre-centre {
     width: 50%;
     margin: 0 auto;
 }
 
 .btn-boutique {
     width: auto;
     padding: 0px 10px;
     background-color: #ff4444!important;
     height: 30px!important;
     line-height: 30px!important;
     color: #fff!important;
 }
 
 .btn-boutique:hover {
     background-color: #000!important;
 }
 
 .btn-boutique a {
     color: #fff!important;
     
     padding: 0px!important;
	 background-color:unset!important;
 }

 .wp-block-image.img-video-exp figure img {
     height: auto;
 }
 .wp-block-image.img-video-exp{
 width: 100%;
 height: auto;
 margin: 0 auto;
 background-color: #FFF;
}

 .bloc-video-exp {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
 }

 .bloc-video-exp div  h2 {
     font-size:14px;
 }

 .avis-eleve-img figure img {
     height:auto;
 }

 .bloc-galerie {
     width:80%;
     margin: 0 auto;
 } 

 .bloc-galerie figure img{
     height:auto;
 }

 .bloc-vertical-center {
     display:flex;
     flex-direction:column;
     justify-content: center;
 }

 .wp-block-image figure a img {
     height:auto;
 }

 .bloc-resize-center {
     width:90%;
     margin:0 auto;
     word-wrap: break-word;
 }

 .product-template-default #content  #container-pres-article .pres-article .container-title-article {
     text-align: center;
 }

 .product-template-default #content #container-pres-article .pres-article span {
     display: none;
    }

    .product-template-default #content #article_content .woocommerce div.product p.price, .woocommerce div.product span.price {
        margin: 30px 0px;
    text-align: center;
    }

    .product-template-default #content #article_content .woocommerce div.product form.cart {
        margin: 30px 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .product-template-default #content #article_content .woocommerce div.product form.cart .quantity .qty {
        height:30px;
    }

    .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
        background-color:#000;
    }

    .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
        background-color:#CC3333;
    }

    .product-template-default #content #article_content .woocommerce div.product .woocommerce-product-details__short-description p {
        margin-bottom:10px;

    }
    .product-template-default #content #container-pres-article .img-article {
        display: none;
    }

    .product-template-default #content .woocommerce {
        width:100%;
    }

    .container-icn-panier {
        margin:0px 20px;
    }

    .container-icn-panier a {
        position: relative;
        width:30px!important;
        height:30px;
        display: flex!important;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding:unset!important;
        border-radius: 2px;
    }

    .container-icn-panier a  svg{ 
        width:15px;
        height:15px;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        fill:#000;
      
    }

    .container-icn-panier a:hover {
    
   
        background-color:#FF4444;
    }
    .container-icn-panier a:hover  svg{

  fill:#FFF;

    }
    .titre-h2 {
        font-size:30px;
    }

    .titre-h2-cours {
        font-size:30px;
    padding: 30px 0px !important;
    margin: 0 auto;

    }

    .page-id-13590 #content {
        content:'';
        height:100%;
        width:90%;
        background-color:#FFF;
        position:relative;
        margin:0 auto;
        display:block;
        padding: 50px 10px;
    }

    .page-id-13590 #content .wp-block-image img{
height:auto;
    }

    .p-cours {
        max-width:1000px;
        margin:0 auto;
    }

 /* ARTICLE PAGE */

#title-cat {
	    position: relative;
    width: 100%;
    margin: 30px 0px;
    font-size: 30px;
    text-align: center;
    color: #CC3333;
}
#bloc-article {
	position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#title-article {
     position: relative;
     width: 100%;
     height:auto;
     text-align: center;
     margin:60px 0px;
     font-family: 'Roboto', sans-serif;
     color:#CC3333;
     font-size:50px;
 }

 #article-cat {
    position: relative;
    width: 90%;
	 height:auto;
	 min-height:200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
	 padding:10px;
 }

 #article-cat .container-article{
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius:30px;
    margin-bottom:20px;
    background-color: #f6f0ea;
	 padding-bottom:50px;

 }

 #article-cat .container-article .container-image-article {
     margin-bottom:30px;
 }

 #article-cat .container-article .container-image-article .image-article img{
     width:auto;
     max-width:90%;
     height:auto;
	 max-height:200px;
     position: relative;
     display: block;
     margin:0 auto;
 }

 #article-cat .container-article .container-text-article {
     position: relative;;
     width: 100%;
     height:100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
  
 }

 #article-cat .container-article .container-text-article .title-article a {
  position: relative;
    width: 100%;
    height: auto;
    font-size: 18px;
    font-family: 'Roboto',sans-serif;
    margin-bottom: 20px;
    text-decoration: none;
    color: #000;
    display: block;
    text-align: center!important;
 }

 #article-cat .container-article .container-text-article .paragraphe-article{
    width: 90%;
    height: auto;
    margin:10px auto;
    text-align: left;
}

#article-cat .container-article .container-text-article .paragraphe-article p {
	font-size:14px;
}

 #article-cat .container-article  .lien-article a {
     position: absolute;
     width:100px;
     height:30px;
     padding:0px 10px;
	 left:50%;
	 transform:translatex(-50%);
	 bottom:10px;
     background-color: #CC3333;
     border-radius:5px;
     color:#fff;
     line-height:30px;
     text-decoration: none;
	 text-align:center;
     display: block;
     margin:0 auto;
 }

 #container-pres-article {
    width: 90%;
    position: relative;
    height:auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
    padding:30px;

 }

 #container-pres-article .img-article{
    width: 100%;
    height: auto;
    display: block;
 }
 #container-pres-article .img-article img{
     position: relative;
     width: 100%;
     height: auto;
    left:50%;
    transform: translateX(-50%);
 }
 #container-pres-article .pres-article {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
 }

 #container-pres-article .pres-article .container-title-article {
     color:#CC3333;
     margin: 10px 0px;
 }

 #container-pres-article .pres-article .container-date-article {
    position: relative;
    margin: 10px 0px;
    font-family: 'Roboto', sans-serif;
 }

 #container-pres-article .pres-article .container-category-article {
    font-family: 'Roboto',sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
 }

 #container-pres-article .pres-article .container-excerpt-article {
     display:none;
 }


 #container-pres-article .pres-article .container-category-article .post-categories {
    position: relative;
    margin: 10px 0px;
 }

 #container-pres-article .pres-article .container-category-article .post-categories li{
     list-style: none;
 }

 #container-pres-article .pres-article .container-category-article .post-categories li a {
     position: relative;
     width:auto;
     height:20px;
     line-height: 20px;
     background-color:#CC3333;
     color:#FFF;
     border-radius: 10px;
     text-decoration: none;
     padding:0px 10px;
 }

 .separate-article {
     width:80%;
     height:5px;
     background-color:#CC3333;
     box-shadow: unset;
     border:unset;
     border-radius:2px;
     margin:30px 0px;
 }

 #container-pres-article #article_content .wp-block-image img {
     position: relative;
     width:80%;
     height: auto;
     margin: 0 auto;
     display: block;

 }

 #article_content {
     width: 90%;
     height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    padding: 30px;
}
 





 /* Woocommerce */

 #content .woocommerce {

    width: 90%;
position: relative;
margin: 0 auto;
}

#content .woocommerce ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}



.btn-blog {
width:auto;
padding: 0px 10px;
background-color: #ff4444!important;
height: 30px!important;
line-height: 30px!important;
color: #fff!important;

}

.btn-blog:hover {
    background-color:#000!important;
}

.btn-blog > a {
color:#FFF!important;
	background-color:unset!important;
}
 @media (min-width:320px) {
	 .titre-design {
		 font-size:60px;
	 }
}
 
 @media (min-width:768px) {
     .header #menu_header_desktop div #menu-menu-principal .menu-item a {
         font-size: 16px;
     }
 }
 
 @media (min-width:1024px) {
	 
	 .section-rencontre .titre-design {
		 font-size:140px;
	 }
   
	 .titre-design{
		 font-size:100px;
	 }
  

     .home #content {
         padding-top:120px ;
     }
     #content {
         width:80%;
         margin:0 auto;
         padding-top: 150px;
     }
     .header .logo .custom-logo-link .custom-logo {
         height: 80px;
     }
     .header #menu_header_desktop {
         display: block;
		 height:100%;
     }
     .header #menu_header_desktop div {
		 width:100%;
		 height:100%;
         margin: none;
     }
     .header #menu_header_desktop div .menu {
         width: 100%;
         height: 100%;
         position: relative;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
     }
     .header #menu_header_desktop div .menu .menu-item {
        display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
    height: 100%;
    line-height: 30px;
    position: relative;
    cursor: default;
    width: auto;
    margin: 0px 10px;
    color: #FFF;

     }
     .header #menu_header_desktop div .menu .menu-item a {
        text-align: center;
    font-size: 8px;
		 font-weight:600px;
    color: #000;
    text-decoration: none;
    letter-spacing: 1px;
    display: inline-block;
    width: 100%;
    background: #efe0c6;
    padding: 0px 10px;
    
     }
     
     .header #menu_header_desktop div .menu .menu-item:hover a {
         color: #CC3333;
     }
     .header #menu_header_desktop div .menu .menu-item .sub-menu {
         border: 3px solid #555;
         padding: 0px;
         position: absolute;
         top: 70px;
		 left:0px;
         width: 350px;
         z-index: 10310;
         background-color: #fff;
         display: none;
     }
     .header #menu_header_desktop div .menu .menu-item .sub-menu li{
         width:100%;
     }
	 
	  .header #menu_header_desktop div .menu .menu-item .sub-menu li a{
        background-color:unset!important;
		  text-align:left!important;
     }
	 
	 .header #menu_header_desktop div .menu .menu-item .sub-menu li a:hover{
		 color:#000;
	 }
     .header #menu_header_desktop div .menu .menu-item .sub-menu:before,
     .header #menu_header_desktop div .menu .menu-item .sub-menu:after {
         bottom: 100%;
         left: 32px;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
     }
     .header #menu_header_desktop div .menu .menu-item .sub-menu:before {
         border-color: rgba(85, 85, 85, 0);
         border-bottom-color: #555555;
         border-width: 10px;
         margin-left: -7px;
     }
     .header #menu_header_desktop div .menu .menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu:after,
     .header #menu_header_desktop div .menu .menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu:before {
         top: 15px;
         left: -15px;
         border: solid transparent;
         content: " ";
         height: 0;
         width: 0;
         position: absolute;
         pointer-events: none;
         transform: rotate(-90deg);
     }
     .header #menu_header_desktop div .menu .menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu:before {
         border-color: rgba(85, 85, 85, 0);
         border-bottom-color: #555555;
         border-width: 10px;
     }
     .header #menu_header_desktop div .menu .menu-item-has-children:hover>.sub-menu {
         display: block;
     }
     .header #menu_header_desktop div .menu .menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu {
         left: 103%;
         top: 0px;
     }
     .header #menu_header_mobile {
         display: none;
     }
     /* PERSONNALISATION */

     .text-pres {
 
         width: 60%;
         margin:0 auto!important;
        
     
     }

     .text-pres p {
        text-align: justify;
        text-align-last:center;
     }
     .bloc-resize {
         padding:60px 60px;
     }
     .bloc-pres {
         display: flex;
         flex-direction: row!important;
         justify-content: center;
         align-items: center;
     }
     .bloc-pres .text-pres {
         margin-left: -60px;
         margin-top: none;
     }
	 
	  .bloc-pres .text-pres p{
		  text-align:left;
		  text-align-last:left;
	 }
	 


     .bloc-pres .img-pres {
         height: auto;
     }
     .bloc-pres .img-pres .wp-block-image figure {
         max-height: none;
     }
     .bloc-pres .img-pres .wp-block-image figure img {
         max-height: none
     }

     .bloc-cours-video{
        width:100%;
        max-width: 900px;
        
    }
    .bloc-cours-video .wp-block-column:not(:only-child) {
        flex-basis:unset !important;
    }
  
    #form-video form {
        flex-direction: row;
    }
  
 

     .bloc-video-exp div h2 {
         font-size:30px;
     }

     .bloc-resize-center {
        width:50%;
        margin:0 auto;
    }

    .wp-block-separator {
        height: 2px;
        border: unset;
        background-color: #ff6900;

    }

    .titre-h2 {
        font-size:50px;
    }

    .titre-h2-cours {
        font-size:50px;
    max-width: 1000px;
    padding: 30px 0px !important;
    margin: 0 auto;

    }

    .page-id-13590 #content {
        content:'';
        height:100%;
        width:70%;
        background-color:#FFF;
        position:relative;
        margin:0 auto;
        display:block;
        padding: 150px 20px;
    }


   
  

     /* Articles 1024px */

     #article-cat {
         width:20%;
     }

	 
	 #title-cat {
		 font-size:50px;
	 }
     #container-pres-article {
         flex-direction: row;
     }

     #container-pres-article .img-article img {
         width:50%;
     }

     #container-pres-article .pres-article .container-title-article {
         font-size:50px;
     }


      /* Woocommerce */ 

      #content .woocommerce {

        width: 50%;
    position: relative;
    margin: 0 auto;
    font-family:'Roboto', sans-serif;
}

}   

@media  (min-width:1200px) {
	.header #menu_header_desktop div .menu .menu-item a {
		font-size:12px;
	}
}