/*
Theme Name: Cyclo Solutions
Theme URI: Cyclo Solutions
Description: Cyclo Solutions
Author: B.carre Communication
Author URI: http://bcarre.com/
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Cyclo Solutions
Text Domain: blank
*/
/* =Reset default browser CSS. 
-------------------------------------------------------------- */


@import url( 'custom-editor-style.css' );/**/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    letter-spacing: normal;
	
	
}
* {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
h1, h2, h3, h4, h5, h6 {

    font-weight: normal;
}
a {
    color: #000000;
    text-decoration: underline;
	
}


a img {
    border: none;
}
body, html {
    width: 100%;
    height: 100%;
}
body {
    color: #0e0e0e;
    font-size: 17px;
    line-height: normal;
      font-family: Arial, Helvetica, sans-serif;
    background: #fff;
}
p {
    margin-bottom: 18px;
}

blockquote {
    display: block;
    margin: 40px;
}
sup {
    vertical-align: top;
}
ul {
    list-style: none;
}


img {    width: 100%;
    max-width: 100%;
    height: auto;    display: inherit;
}
img.alignright {
    float: right;
}
.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
    margin: 0 30px 30px 0;
    z-index: 4;
}
.alignright {
    float: right;
    margin: 0 0 30px 30px;
    z-index: 4;
}


.bordure figure {
    box-shadow: 20px 20px #db0b14;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.smallbordure {
    margin: 0 30px 30px 50px;

}
.smallbordure img {
    box-shadow: 10px 10px #db0b14;
  
}

.featured_imgcrea img {
    max-width: 20vw;
}



/*******TITRE**********************/




 h1,h2,h3,h4,h5,h6 {
	font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1;
       margin-bottom: 20px;    z-index: 1;
}

 h1 {
    font-size: 42px;
    font-weight: 900;

}





 h2 {
      font-size: 46px;
    max-width: 1000px;
    margin-left: 0 !important;
    line-height: 1.2;
}




.content > h2 {
    margin-top: 40px;
}


h3 {
   margin: 25px 0 16px 0;
    font-size: 26px;
    font-weight: 700;
}



h4 {
	    font-size: 42px;
    font-weight: 900;line-height: 1.2;
}




body.single h2 {
    font-size: 28px;
    max-width: none;
    margin-left: auto;
    line-height: 1.2;
}
body.single h3 {
    font-size: 24px;
}
body.single h4 {
    font-size: 24px;
}

body.single h5 {
    font-size: 24px;
}


body.single h6 {
    font-size: 24px;
}






body.page h2 {
    font-size: 34px;
}
body.page h3 {
    font-size: 32px;
}
body.page h4 {
    font-size: 32px;
}

body.page h5 {
    font-size: 30px;
}

body.page h6 {
    font-size: 26px;
}



.pseudoh2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1;
}


body.home h2, .pseudoh2 {
    font-size: 46px;
}
body.home h3 {
    font-size: 32px;
}
body.home h4 {
    font-size: 42px;
}

body.home h5 {
    font-size: 30px;
}

body.home h6 {
    font-size: 26px;
} 









/*****************************/

.heateor_sss_sharing_title {
    color: #db0b14!important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600!important;
    font-size: 18px;
    /* text-transform: uppercase; */
    margin-bottom: 6px;
}
.heateor_sss_sharing_container {
    margin: 40px auto;
}


.heateor_sss_svg *{
    
	    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.heateor_sss_svg {
    background-color: #db0b14 !important;
	
}


.heateor_sss_svg {
    background-color: #db0b14 !important;
}

.heateor_sss_sharing_ul a:hover .heateor_sss_svg {
    background-color: #ffffff !important;
}
.heateor_sss_sharing_ul a:hover .heateor_sss_svg svg path  {
    fill: #db0b14 !important;
}

.heateor_sss_sharing_ul a:hover .heateor_sss_svg svg path.heateor_sss_no_fill  {
    fill: none !important;
}


.heateor_sss_sharing_ul a:hover .heateor_sss_svg svg path.heateor_sss_svg_stroke  {
    stroke: #db0b14 !important;
}



















/***********COLOR*********************************/
.wp-block-cover { 
    height: 100% !important;
	
	} 


.wp-block-column.has-background, .wp-block-columns.has-background {
    padding: 40px;
}


.content > .wp-block-columns, .wp-block-columns {
    margin-top: 40px;
    margin-bottom: 40px;
}



.wp-block-columns.has-background {
    margin-top: 0px;    margin-bottom: 0;

}


.swiper-title a b {
    display: inline;
    z-index: -1;
}

.pseudoh2 strong:after,
.wrapfoot .partagez p strong:after,
.swiper-title a b:after, h1.wp-block-heading strong:after, h2.wp-block-heading strong:after, h3.wp-block-heading strong:after, h4.wp-block-heading strong:after, h5.wp-block-heading strong:after
{
    content: ' ';
    background-image: url(images/trace.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 1em;
    width: 114%;
    position: absolute;
    z-index: -1;
    /*padding-top: 5%;*/
	  bottom: 0;
    left: -6px;
}

.swiper-title a:hover b:after {
    filter: brightness(80);
}

p.thedate {
    font-size: 12px;
    font-style: italic;
    color: #7a7575;    display: block;
    width: 100%;    margin-top: 18px;
}


p.thedate a:hover {
      color: #000000;
}


a.titrelien, a.titrelien h4, body.search a.titrelien h2 {
    font-size: 30px;
    text-decoration: none;    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}

a.titrelien:hover h4, body.search a.titrelien:hover h2 {
color:#db0b14;
}







.header {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    position: fixed;
    height: 100px;
    top: 0;
    z-index: 2999;    background: #ffffff;

   transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;

}
.header.hide {
    top: -260px;
}






a.logo {       text-align: center;
    display: inline-block;
    text-decoration: none;
    background: #db0b14;
    padding: 0px 20px 10px 20px;
    transition: none;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    top: 0px;
}






.header.hide a.logo  {
      top: -226px;
}








a.logo #underlogo {
    position: absolute;
    bottom: -1.4vw;
    right: -1.4vw;
    width: 100%;
    z-index: -1;

}
a.logo #grille {
 -moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
 -o-transition: all 1s linear;  
 -webkit-animation: bouncebouton 1s infinite linear forwards;
 -moz-animation: bouncebouton 1s infinite linear forwards;
 animation: bouncebouton 1s infinite linear forwards;
	animation-play-state: paused; 
}

.logo svg     {width: 100%;
    max-width: 440px;
    height: auto;
}


.logo img {
	   transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transform: scale(1);    transform-origin: 50% 80%;
}
.logo:hover img {
	    animation-name: blob;
    animation-duration: .6s;
    animation-timing-function: ease;
    animation-iteration-count: 1;


}




.biglogo {display:block;}
.minilogo {display:none;}




.wp-block-image.action img{
		   transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transform: scale(1);    transform-origin: 50% 50%;
	    animation-name: blob;
    animation-duration: .6s;
    animation-timing-function: ease;
    animation-iteration-count: 1;


}



@keyframes blob {
 0% {
  transform: scale(1);
 } 
16% {
  transform: scale(1.05);
 }
36% {
  transform: scale(0.95);
 }
	
50% {
  transform: scale(1.02);
 }
62% {
  transform: scale(0.98);
 } 
	74% {
  transform: scale(1.01);
 }
80% {
  transform: scale(1);
 }
 100% {
 transform: scale(1);
 }
}






a.logo:hover #grille {  animation-play-state: running;


}



@keyframes bouncebouton {
 0% {
  transform: translateX(0px);
 }
 100% {
  transform: translateX(-28px);
 }
}








.logo img {
     width: 100%;
    max-width: 400px;
    height: auto;
}


a.logo p {
    font-size: 18px;
	    font-size: clamp(12px, 2vw, 18px);
    color: #ffffff!important;
    font-family: 'Poppins', sans-serif;
}






.derniereactu img,
.actu img {
    border: none;
    filter: grayscale(1);
	  transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}



.derniereactu a:hover img,
.actu:hover img {
    border: none;
    filter: none;
}




.derniereactu {
    margin-top: 0;
    display: block;
    margin-bottom: 60px;
}
















.menu-header {
 float: right;
    display: inline-block;
    background: #ffffff;
    max-width: 100%;height: 100px;
    vertical-align: top; font-family: 'Poppins', sans-serif;
}


ul#menu-menu-principal {
    height: 100px;
}
.headvisu {
    width: 100%;
    max-width: 100%;
    height: 600px;
    min-height: 600px;
    position: relative;
    padding: 100px 0 0 0;
}



.footsocial {
    margin: 0 0 20px 0;
}


 .footsocial svg {
  width: 44px;
    max-width: 44px;
    margin: 0 auto;
    display: block;
        fill: #db0b14;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.footsocial svg {
      width: 50px;
    max-width: 50px;
    fill: #db0b14;
}

.footsocial a {
    display: inline-block;
    margin-right: 10px;

}

.footsocial a:hover svg {
  fill: #e10082;
}



.onblue .footsocial  {
   margin-top: 40px;
}

 .footsocial.undercontent {
    margin: 50px 0;
}


.onblue .footsocial svg {
     fill: #fff;
}



.onblue .footsocial a:hover svg {
  fill: #00c0ff;
}




/* Accordion CSS - Begins */
/**
  * https://wp-tutorials.tech/refine-wordpress/wordpress-accordion-without-a-plugin/
 */

.wptac-container {
   /* You can add CSS for the accorion container here */
}

.wptac-header {
    cursor: pointer;
    position: relative;
    background: #e1e1e1;
    margin-bottom: 0;
    padding: 16px;
    font-size: 18px;
    border: 1px solid #b9b9b9;
    margin: -1px 0;
	  transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}
p.wptac-header.expanded, 
p.wptac-header:hover {
    background: #cbcbcb;
}


.wp-block-columns.accordeon {
    margin-top: 0px;
    margin-bottom: 0px;
}

.wptac-header + .wp-block-table td, .wptac-header + .wp-block-table th {
    border: 1px solid #b9b9b9;
    padding: 10px 16px;
}

.wptac-header + .wp-block-table {
    display:none;
	    margin: 0 0 0 0;
}




.wptac-header:after {   font-family: 'Poppins', sans-serif;
    font-weight: 600;
    content: "+";
    position: absolute;
    right: 15px;
    top: 15px;
    text-align: center;
    width: 24px;
    height: 24px;
    background: #db0b14;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    border-radius: 3px;
}


.wptac-header.expanded:after {
  	content:"-";    
}

.wptac-pane {
   overflow: hidden;
   max-height: 0;
   min-height: unset !important;
   transition: 0.4s max-height;    margin: 0 0 0 0;
}
.wptac-header + .wp-block-table table td:nth-child(2) {
       width: 100px;
    text-align: right;
}



.wptac-container {
    background: red;
    margin-top: 0px !important;
}

.wptac-header + .wp-block-table figcaption.wp-element-caption {
    font-style: italic;
    padding: 11px 0;
    font-size: 15px;
    color: #878787;
}

figure.wp-block-gallery {
    margin: 40px 0;
}


.wp-block-gallery {

    gap: 20px!important;
}





body.home .headvisu {
    height: calc(100vh + 110px); max-height: 1200px;
    pointer-events: auto;
}
.homeslide {
    color: #ffffff;
    width: 570px;
    position: absolute;
        top: 50%;
    transform: translateY(-50%);
    right: 200px;
    z-index: 10;
   
}


.homeslide .swiper-slide {
    padding: 50px;
}
.blocimg .swiper-wrapper {
    height: 100% !important;    overflow: hidden;
}
.blocimg {
    max-width: 80%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    z-index: 2;
    overflow: visible;
}
.blocimg img {
    width: 100%;    filter: grayscale(1);
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: none;
    transition: none;
}
.blocimg:after, .wp-block-cover.partagez:after {
    content: "";
    background: rgb(0 0 0 / 70%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;    z-index: 1;
}

.wp-block-cover.partagez:after {
    z-index: -1;
}
.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
    z-index: 2;
}

.blocimgcrea .swiper-wrapper {
    height: 100% !important;
}


.blocimgcrea {
    max-width: 80%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    z-index: 2;
    overflow: hidden;
}
.blocimgcrea img {
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    display: none;
    transition: none;
}


.home_top {
      margin: -150px 0 0 0;
    z-index: 2;
    background: #fff;
	    gap: 0;
}

.home_top .wp-block-column {
    border-right: 1px solid #cccccc;
    padding:20px!important;
}



.pagination {
    margin-bottom: 20px;    text-align: center;
}
a.page-numbers, .page-numbers {
    background: #db0b14;
    padding: 10px 14px;
    font-size: 14px;
    text-decoration: none;    display: inline-block;
    color: #fff;
  transition: background .2s ease;
    -moz-transition: background .2s ease;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
}

span.page-numbers.current, a.page-numbers:hover {
    background: #282828;
    color: #fff;
}




.breadcrumbs {
position: absolute;
    bottom: 75px;
    left: 25vw;
    z-index: 3;
    padding: 0 40px;
    margin: 0 auto;
    width: 50vw;
    text-align: center;
    color: white;
}

.breadcrumbs p, .breadcrumbs a {
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    font-size: 48px;
    font-family: 'Poppins', sans-serif;
}



.txtintro {
    font-weight: 900;
    text-shadow: 4px 4px 3px #0000004a;
    font-size: 50px;
}

.slideimg {filter: grayscale(1);
    width: 100%;
    height: 100% !important;    background-color: #d8dee7;
    background-size: cover;
    background-position: center center;
}



.homeslide .swiper-title a {
    margin-bottom: 20px;
     font-family: 'Poppins', sans-serif;font-weight: 700;
    font-size: 44px;   
    display: block;
    line-height: 1.2;
    color: #ffffff;
       text-decoration: none;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}


.widgetfooter strong, 
.widgetfooter h3 {
font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: normal;
    padding-bottom: 9px;
    display: block;
    margin-bottom: 14px;
}



 .cote {
      color: #db0b14!important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 6px; text-decoration: none;
 
}

a.cote:hover { text-decoration: underline;}


.widgetfoot .cote {
  
}

.homeslide .swiper-title a:hover {
    color: #db0b14;
}

.homeslide .swiper-content {
    margin-top: 20px;
}





.swiper-content a {
       color: #ffffff;text-decoration: none;
}
.swiper-content a:hover {
       color: #00c0ff;
}



body.home .homeslide .swiper-content {
 color: #ffffff;
    margin-top: 20px;
}






.homeslide .swiper-pagination {
    margin: 20px auto;
    width: 50%;
    bottom: -30px;
}
.homeslide img.logotext {
    max-width: 32vw;    margin-bottom: 20px;
}



.wp-block-button__link {
    font-family: 'Poppins', sans-serif;font-weight: 600;
    line-height: normal;
      font-size: 18px;
    padding: 16px 30px;
      display: inline-block;
    text-decoration: none;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}




/********GRILLE FORFAITS*************************************/

.grilleforfaits {    margin-top: 80px!important;}


.elementforfait.petit {    margin: 10px;}
.elementforfait.grand {    margin: -10px;}


.elementforfait ul {
    list-style: disc;
}
.elementforfait ul li {
    margin-left:20px;    margin-bottom: 8px;
}
p.titreforfait {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: 28px;
    margin-bottom: 20px;
}

.elementforfait hr {
    margin: 20px auto 20px auto;
}

p.prixforfait {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: 28px;
    margin: auto;
    padding: 20px;
    z-index: 0;
    display: table;
    width: auto;
    margin-top: -60px;
    margin-bottom: 20px;
}

p.prixforfait:before {
    content: "";
    background: #db0b14;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    z-index: -1;
    transform: rotate(-11deg);
}
/********CUSTOM STYLES EDITOR*************************************/





.wp-block-columns.reverse {
flex-direction: row-reverse;

}


p.mini_titre {
 text-transform: none;
 font-family: 'Poppins', sans-serif;
 font-weight: 700;
 line-height: normal;
 color: #000000!important;
 font-size: 22px;
 margin-bottom: 12px;
}




.wp-block-cover.alignfull h4.wp-block-heading {

    max-width: 60vw;
    margin-left: 0 !important;
}

.wp-block-cover.alignfull p {

    /*max-width: 40vw; */
	margin-bottom: 20px;
    margin-left: 0 !important;
}






.wp-block-cover.alignfull {
    padding: 80px 40px !important;
}




 p a{
    color:#db0b14;;
	font-family: 'Poppins', sans-serif;
    font-weight: 600;text-underline-position: under;

}
 p a:hover{
    color:#fff;

}



 p.classic a{
   color: #0e0e0e;
    font-size: 17px;  font-weight: normal;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;

}
 p.classic a:hover{
    color: #0e0e0e;

}


 h3 a{
    color:#fff;
   text-decoration: none;

}
 h3 a:hover{
    color:#db0b14;

}

.petittitre {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: normal;
    color: #db0b14 !important;
}



hr.separateur {
    max-width: 50vw;
    width: 600px;
    height: 75px;
    margin-left: -40px !important;
    position: absolute;
    z-index: 9;
    background-image: url(images/rayure-separateur.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0;
    transform: translateY(-50%);
    border: none;
}


p.fleche {
      margin: 0px 0 10px 0;
    padding-top: 20px;
    display: inline-block;
    clear: both;
      border: .2px solid #db0b14;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}




a.fleche , .fleche a, .flechebutton {
    font-family: 'Poppins', sans-serif;font-weight: 600;
    color: #ffffff;    color: #ffffff;
      line-height: normal;
   /* background: #e40288;*/
				background:#db0b14;
    padding: 12px 30px;
      display: inline-block;    margin-top: 10px;
    text-decoration: none;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}



p.fleche a {    margin-top: 0px;}


p.fleche a:hover,
a.fleche:hover,
.homeslide .swiper-slide a.fleche:hover {
background: #fff;
    box-shadow: 8px 8px 0px #db0b14;
    color: #db0b14;

}




.wpcf7 input.wpcf7-form-control.wpcf7-submit {
     font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #ffffff;
    line-height: normal;
    background: #db0b14;
    padding: 20px 30px;
    width: 100%;
    margin: 30px 0;
    border: .2px solid #db0b14;
    font-size: 17px;
    cursor: pointer;
    display: block;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.wpcf7 input.wpcf7-form-control.wpcf7-submit:hover {
  background: #fff;
    box-shadow: 8px 8px 0px #db0b14;
    color: #db0b14;
  
}

.wpcf7-form label {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}



.wpcf7-form .wpcf7-acceptance label  {
    font-size: 15px;    
    color: #707070;
	   font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
p span.wpcf7-form-control.wpcf7-acceptance a, .wpcf7-acceptance .wpcf7-form label a {
    text-decoration: underline;      color: #707070;  font-weight: normal;  font-family: Arial, Helvetica, sans-serif;
}

p span.wpcf7-form-control.wpcf7-acceptance a:hover {
  color: #000;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0;
    padding: 40px;
    border: 2px solid #00a0d2;


    border-color: #46b450;
    background: #46b450;
    color: #fff;
    font-weight: 600;
}

input.wpcf7-form-control.wpcf7-submit:disabled, input.wpcf7-form-control.wpcf7-submit:disabled:hover {
    cursor: not-allowed;
    background-color: #e1e1e1;
	  border: .2px solid #cbcbcb; box-shadow: none;    color: #858585;
}



/********CUSTOM STYLES EDITOR*************************************/













.imgeactulien {
    margin-bottom: 26px;
    display: block;
}


a.titreactulien, a.titreactulien h4 {
	color: #fff;
    font-size: 22px;    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;    display: block;
  text-decoration: none;
      transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
}

a.titreactulien:hover , a.titreactulien:hover h4{
      color: #db0b14!important;
}



.content {
   width: 100%;
	    padding-right: 40px;
    padding-left: 40px;
}


 .content > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.alignfull .wp-block-column,
.wp-block-cover-is-layout-constrained {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
}


 .content .alignfull{
    margin-left: -40px;
    margin-right: -40px;    
	padding: 40px;
}
.wp-block-column .wp-block-cover, .wp-block-column .wp-block-cover-image {
	padding: 40px!important;
	  min-height: 250px!important;
}








.swiperbutton {
    position: absolute;
    bottom: 50%;
    right: 640px;
    width: 35vw;
    max-width: 100%;
    height: 0;
    z-index: 11;
    width: 570px;
    right: 200px;
}



.swiper-pagination.swiper-pagination-fraction {
    position: absolute;
    bottom: 0;
    right: 20px;
    left: auto;
    width: auto;
    display: inline-block;
    color: #fff;
    text-align: right;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

span.swiper-pagination-current {
    top: -5px;
}
span.swiper-pagination-total {
    top: 5px;
}




.swiper-button-next, .swiper-button-prev {
    font-size: 0px;
    color: #ffffff;
  
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 300;
    width: 60px; cursor: pointer;
    top: 0;
    margin-top: 0;
    z-index: 10;
    background-image: none;
    outline: none;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    padding: 0;
    opacity: 1;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
}
.swiper-button-prev {
    left: -50px;
}
.swiper-button-next {
      right: -30px;
}


.swiper-button-next svg, .swiper-button-prev svg {
    fill: #ffffff;
    display: inline-block;
    width: 100%;
    height: 60%;
    margin-top: 18px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.swiper-button-next:hover svg, .swiper-button-prev:hover svg, .wp-block-themeisle-blocks-slider .glide__arrows .glide__arrow:hover svg {
    fill: #db0b14;
}


.content.withside {
    display: flex;
}

.contentsidebar {
    width: 395px;
    vertical-align: top;
    padding: 20px 0 0 0px;
    display: table-cell;
}
.leftwithsidebar {
    width: 100%;
    width: calc(100% - 400px);
    vertical-align: top;
    margin-right: 0;
    display: table-cell;
    padding-right: 40px;
}
.leftwithsidebar.paddtop {
    padding-top: 20px;
}



.contentsideleft {
    width: calc(100% - 340px);
    max-width: 100%;
    display: table-cell;    margin-top: -20px;
    vertical-align: top;z-index: 102;
    padding-right: 110px;
   
}
.thesidebar {
    width: 340px;
    max-width: 100%;
    display: table-cell;
}




.thesidebar:before {
    content: '';
    background: #f7ebc5;
    position: absolute;
    z-index: -1;
    right: -40px;
    top: 0;
    left: auto;
    bottom: 0px;
    width: calc(100% + 130px);
    margin: -200px 0 0 0;
}

.titlewigside {
     color: #c55f37;
    font-weight: 900;
    font-size: 20PX;
    display: inline-block;
}

.titlewigside:after {
content: '';
    display: inline-block;
    background: #c55f37;
    height: 2px;
	width: 60px;
    margin-left: 5px;

}




.wigside a {
    color: #393939;
}






#footer {
    background: #1c1c1c;
    background: #1A1A1A;
   
    padding: 50px 40px 0px;
}




.wrapfoot .partagez p, .wrapfoot .partagez p strong {
    text-align: center;
    font-weight: 900;
    font-size: 42px;
    margin-left: 0 !important;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}

.wrapfoot .partagez .wp-block-cover p {
    max-width: 100%;
    margin-bottom: 0px;
    margin-left: auto;
}





.wp-block-cover.partagez img.wp-block-cover__image-background {filter: grayscale(1);
    
}







.wrapfoot .partagez .wp-block-cover p {
    max-width: 100%;
    margin-left: auto!important;
}


.wrapfoot .heateor_sss_sharing_container {
    max-width: max-content !important;
}

















.infoot  {    
    padding: 110px 0 0 0;
    width: 100%;
    line-height: 20px;
    font-size: 16px;
    display: flex;
	    gap: 25px;
	    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;

}



.infoot .widgetfoot {  
	    flex: 1 0 0;
    flex-wrap: nowrap !important;
    overflow-wrap: break-word;
    word-break: break-word;
}


.widgetfoot.zero {
     top: -70px;
      flex-basis: 10%;
}




.widgetfoot.third a {
    font-family: 'Poppins', sans-serif;
  color: #db0b14 !important;
    font-size: 18px;
text-decoration: none;
}

.widgetfoot.third a:hover {
  text-decoration: underline;
}



a.logofoot {
    width: 100%;
    padding: 0 40px 0 0;

}

#facebookico, #instaico {
    width: 46px;
    height: auto;
    margin: 0px 10px 10px 0;
	
}

#facebookico path, #instaico path {
   
	 transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.widgetfoot.third a:hover #facebookico path,.widgetfoot.third a:hover #instaico path{
  fill: #db0b14;
}



p.titlewidg {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #ffffff;
}

.widgetfooter a{
    color:#ffffff;
}


.widgetfoot a, .wigside a {
    text-decoration: none;
    margin-bottom: 6px;
    display: inline-block;
}
.widgetfoot a:hover, .wigside a:hover {
    text-decoration: underline;
}

.mention {
    font-size: 13px;
    border-top: 1px solid  #787878;
     color:#a3a3a3;
    display: block;
    padding: 35px 0;
	    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;

}

.menu-mentions-footer-container {
    float: right;
    display: inline-block;
    width: 50%;
    text-align: right;
    vertical-align: top;
}


.mention-left {
  
    display: inline-block;
    width: 50%;
    vertical-align: top;
}






.mention a {
    color:#a3a3a3;
    text-decoration: none;
}
.mention a:hover {
    color: #fff;
}
.mention li {
    display: inline-block; color:#a3a3a3;
}


.mention li:after {
    content: " - ";
}


.mention li:last-child:after {
    content: none;
}




.fermepanier {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0.6;
    box-sizing: border-box;
    display: none;
    background: #020202;
}


.menu a.logo {
    display: none;
}
/********MENU**********************/
ul#menu-menu-principal {
    height: 100px;
}
.menu-header li {
    margin: 0px 18px;
    list-style: none;
    display: inline-block;  
    
    height: 100%;
    position: relative;vertical-align: top;
}
.menu-header li a {
  color: #000000;
    
    white-space: nowrap; display:block;
   font-weight: bold;
    font-style: normal;    z-index: 2;
    font-size: 17px;    line-height: 100px;
    text-align: center;   
    position: relative;
    text-decoration: none;
    transition: color .2s ease;
    -moz-transition: color .2s ease;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
}


.menu-header li.contact {
    background: #db0b14;
    width: auto; padding: 0 10px;
    margin: 0px 0px 0px 18px;
     transition:  background-color .2s ease;
    -moz-transition:  background-color .2s ease;
    -webkit-transition:  background-color .2s ease;
    -o-transition:  background-color .2s ease;
}


.menu-header li.contact:hover {
    background: #000000;
}



.menu-header li.contact a{
        color:#fff;
    text-align: center;
    display: flex;
    align-items: center;

}
.menu-header li.contact a:before {
    content: url(images/phone.svg);
width: 40px;
    height: 70px;
    margin: 0 12px 0 0;    display: inline-block;
}

.current-menu-parent7777 > a, .current-menu-ancestor7777> a, .menu-header li a:hover, .menu-header li.current-menu-item > a, li.current-page-ancestor > a {
    color: #db0b14!important;
}




.menu-header li.contact a:hover {
    color: #fff!important;
}







li.menu-item-has-children a {
    padding-right: 22px;
}



.sub-menu {
    width: auto;
    position: absolute;
    left: -20px;
    top: 60px;
    padding-bottom: 10px;
    z-index: 2;
    padding-top: 10px;
    border-top: none;
    visibility: hidden;z-index: 1;
    opacity: 0;   display: none;
    filter: alpha(opacity=0);
    background-color: #ffffff;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.sub-menu li {
    display: block;
    padding: 0 0 0 10px;
    text-align: left;
    margin: 0px 0px;
}


.menu li ul ul.sub-menu {
    position: absolute;
    left: 100%;
    min-width: 100%;
    top: 0!important;
    margin-top: -10px;
}



.menu .menu-item-has-children ul a {
    line-height: 1em;
    padding: 12px 32px 12px 12px;
    max-width: 100%;
    width: auto;
    text-align: left;
    height: auto;
    margin: 0 auto; 
}

.menu .menu-item-has-children ul a:hover > .zoom-icon {
    background: rgb(0 0 0 / 0%);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.4);
    border: 4px solid rgb(246 237 222);
}
.menu-header .menu li:hover > ul {
    top: 70px;
    visibility: visible;
    opacity: 1;
    z-index: 10;
    filter: alpha(opacity=100);
}



.menu li ul ul.sub-menu a {
    white-space: normal;
}





.menu-header ul li.menu-item-has-children > a:before {
    content: url(images/sousmenu.svg);
    width: 16px;
    height: auto;
    right: 0px;
    top: 2px;
    position: absolute;
}


.menu li.left ul .sub-menu{
    position: absolute;
    left: auto;
    right: 100%;
    top: 0!important;
    margin-top: -10px;
}
.left .sub-menu {
    left: auto;
       right: 0;
}



#thepanier {
    position: FIXED;
    width: 480px;
    max-width: 100%;
    overflow: auto;
    height: 100%;
    background: #fff;
    padding: 22px 40px;
    right: -800px;
    top: 0;
    z-index: 999999999999;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .2s ease;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#thepanier.move {
    right: 0;
}
.litlefermepanier, .litlefermeaccess {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    color: #d4ac5d;
    position: absolute;
    padding: 0 20px;
    right: 24px;
    z-index: 10;
    opacity: .6;
    cursor: pointer;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .2s ease;
}
.litlefermepanier:hover, .litlefermeaccess:hover {
    color: #8a0506;
}

.wpcf7 input[type="url"], select, .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="date"], .wpcf7 input[type="text"], .wpcf7 textarea {
     width: 100%;
    background: #fff;
    margin: 4px 0 0px 0;
    border: 1px solid #b7b7b7;
    padding: 14px 14px !important;
    box-shadow: none;
    width: 100% !important;
    -moz-box-shadow: none;
    -webkit-appearance: none;
	    border-radius: 0;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 15px;
}


.wpcf7-form br {
    display: none;
}
.wpcf7-not-valid {
    border-left: 4px solid #db0b14 !important;
}

.wpcf7 textarea {
    height: 200px;
}
span.wpcf7-list-item {
    margin: 15px 0 0 0;
}


form.wpcf7-form em {
    font-size: 14px;
}

span.wpcf7-spinner {
    position: absolute;
    top: 20px;
}
 input#s{
background: #f9f9f9;
    border: 1px solid #dcd9d9;
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
    cursor: pointer;
    padding: 10px 10px;
    background: #fff;
    width: 100%;
    -moz-box-shadow: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    appearance: none; 
    -moz-appearance: none;
    -webkit-appearance: none;
}



select {
    background: #ffffff url(images/arrowselect.jpg) no-repeat center right;
}


form.wpcf7-form p {
    clear: both;
}

.content-column.one_half {
    padding-right: 30px;
    width: 50%;
    display: inline-block;
    float: left;    z-index: 1;
	    clear: none;
}
.content-column.one_half.last_column {
    padding-right: 0px;
}

#swipebox-bottom-bar {
      bottom: 50%!important;
    height: 0px!important;
}
#swipebox-bottom-bar.visible-bars {
    -webkit-transform: none!important;
    transform:  none!important;
}
#swipebox-arrows {
    width: 92%;
    max-width: 92%!important;
      height: 0!important;
}


#swipebox-bottom-bar, #swipebox-top-bar {
    text-shadow: 1px 1px 1px #000;
    background: #db0b14!important;;
    opacity: .8!important;;
}




.hamburger {
    font-size: 30px;
    display: none;
    position: fixed;
    z-index: 3000;
    width: 70px;
    padding: 31px;
    padding: 30px 20px;
    cursor: pointer;
    transition: transform .2s ease-in-out;
    vertical-align: middle;
right: 5px;
    top: 0px;
    border: 0 none;
}
.hamburger::-moz-focus-inner {
    padding: 0;
    border: 0 none;
}
.hamburger:focus {
    outline: 0;
}
.hamburger:before, .hamburger:after {
    content: "";
}
.hamburger:before, .hamburger .icon, .hamburger:after {
    display: block;
    width: 100%;
    height: 4px;
    margin: 0 0 5px;
    transition: transform .2s ease-in-out;
    border-radius: .05em;
    background: #db0b14;
}
.hamburger.dark:before, .hamburger.dark .icon, .hamburger.dark:after {
    background: #ffffff;
}
.hamburger:hover .icon {
    transform: translate(2px, 0px);
}
.hamburger:hover:before {
    transform: translate(-2px, 0px);
}
.hamburger:hover:after {
    transform: translate(-2px, 0px);
}
.hamburger.active .icon {    background: #ffffff;
    transform: translate(-7px, 8px) rotate(135deg) scaleX(-0.34);
}
.hamburger.active:before {    background: #ffffff;
    transform: translate(5px, 5px) rotate(135deg) scaleX(0.6);
}
.hamburger.active:after {    background: #ffffff;
    transform: translateY(-8px) rotate(-135deg);
}
.screen-reader-text {
    display: none;
}
iframe {
    max-width: 100%;    margin: 40px 0;
}





.widgetsidearticle a {
    text-decoration: none;
}

.widgetsidearticle a:hover {
       color: #db0b14!important;
}


.widgetsidearticle li {
    margin-bottom: 8px;
}

.titrewidget,
.widgetsidearticle h4 {
    font-size: 32px;    margin-bottom: 16px;
}
.titrewidget:after,
.widgetsidearticle h4:after {
       height: 3px;

}


.widgetsidearticle {
    margin-bottom: 20px;
}


.widgetsidearticle ul strong {
    font-family: 'Poppins', sans-serif;
      
    font-size: 20px;
    color: #db0b14!important;
}




.widgetsidearticle.onblue h4 ,
.widgetsidearticle.onblue strong {
    color: white!important;    
  font-weight: 500;    padding-bottom: 12px;
}


.widgetsidearticle.onblue p strong {
  font-weight: bold;
}





.onblue {
    background: #db0b14!important;
    color: white!important;
    padding: 40px 60px;
    margin: -160px -60px 20px -60px;
    z-index: 40;
  
}

.onblue a,  .onblue strong  {
    color: white!important;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
  
}
.onblue a:hover, .onblue a:hover strong {
    color: #00c0ff!important;

  
}
.widgetsidearticle.onblue ul {
    margin-bottom: 20px;
}

.onblue a.hyperlink{
      text-decoration: underline;
}


.inboutiques {
      gap: 40px;
}

.inboutiques .wp-block-column{
        background: #db0b14!important;
    color: white!important;
    padding: 40px;max-width: 50%;
}


.inboutiques h4 {
    color: #fff!important;
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: normal;
    padding-bottom: 30px;
    display: block;
    margin-bottom: 14px!important;
}

.inboutiques h4:after {
    content: ""!important;
       width: 100px;
    height: 1px;
    background: #00c0ff;
    position: absolute;
    left: 0;
    bottom: 10px;
}


.titre:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    max-width: 260px;
    background: #c55f37;
    bottom: 14px;
    margin-left: 26px;
}



.has-gris-cyclo-background-color {
    background-color: #e1e1e1;
}
.has-rouge-cyclo-background-color {
    background-color: #e1e1e1;
}



.has-bleu-lola-background-color {
    background-color: #db0b14;
}


a.wp-block-button__link:hover,
a.wp-block-button__link.has-cyan-lola-background-color:hover,
a.wp-block-button__link.has-bleu-lola-background-color:hover,
a.wp-block-button__link.has-vert-lola-background-color:hover,
.has-rose-lola-background-color {
    background-color: #e40288;
}


.has-cyan-lola-background-color {
    background-color: #00c0ff;
}



.has-blanc-gris-gradient-background  {
    background: linear-gradient(0deg,rgb(238,238,238) 51%,rgb(255,255,255) 51%);
}





.wp-block-buttons>.wp-block-button {
    margin: 12px 0;
}


hr {
    border: none;
    border-bottom: 1px solid #d0d0d0;
    margin: 40px auto 20px auto;
}

hr.hidden {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ffffff;
}

.scroller {
    position: fixed;
    z-index: 3001;
    bottom: 6px;
    right: 6px;
    cursor: pointer;
    background: #db0b14;
    line-height: 50px;
    width: 40px;
    text-align: center;
    height: 40px;
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
}


.scroller.hide {    opacity: 0;}

.scroller svg {
    transform: scale(1.2) rotate(90deg);
    fill: white;
}

input.search-submit{
    -webkit-appearance: none;
    color: #fff;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    cursor: pointer;
    border: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}



input.search-submit {
    width: 50px;
    right: 0px;
    height: 100%;
    position: absolute;
    top: 0;
	    background: transparent url(images/loupe.png) no-repeat center right;
}



input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
 -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input:-webkit-autofill { 
    -webkit-background-clip: text;
}

/*********CUSTOm Editor********/
.bordure figure { box-shadow: 20px 20px #db0b14;}  



.wp-block-image figcaption {
    color: #555;
    font-size: 13px;
    text-align: center;
    position: absolute;
    font-style: italic;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;

}

.has-gris-lola-background-color {
    background-color: #e1e1e1;
}

.has-blanc-gris-gradient-background  {
    background: linear-gradient(0deg,rgb(238,238,238) 51%,rgb(255,255,255) 51%);
}

.wp-block-columns.reverse {
flex-direction: row-reverse;

}


@media only screen and (min-width:1500px) {
	a.logo {
    width: 450px;
 
}

 
}


@media only screen and (max-width:1500px) {
    .menu-header li {
        margin: 0px 8px;
    }
	

 
}



@media only screen and (max-width:1370px) {
.header {
       height: 80px;
}
	
	.headvisu {
    padding-top: 80px ;
}

  	a.logo {
    width: 390px;
 
}

h1 br, h2 br, h3 br,
  .newsletter .grostitre br {
    display: none;
}
  
  
    .menu-header {
        position: FIXED;
        width: 420px;
        overflow: auto;
        height: 100%;
        background: #ffffff;
        right: -800px;
           padding: 0 0px 0px 0px;
        top: 0;
        z-index: 99999;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .2s ease;
        color: #FFF;
    }
    .menu-header.move {
        right: 0px;
    }
  

	
	
	
	.menu-header.mobile a.logo #underlogo, 	.menu-header.mobile a.logo p {
    display: none;
}
	
	
	.header.hide 	.menu-header.mobile a.logo {
    top: 0;
}
	

		.logo img {
    width: 100%;
    max-width: 280px;
    height: auto;
    margin: auto;
}
	
	
	
    .menu-header li {
        height: auto;
        display: block;
      max-width: 100%;
        padding: 10px 20px 0 20px;
        position: relative;
    }
.menu-header li a {
    text-align: left;
    padding: 12px 0 0 0;
    line-height: normal;
    font-size: 22px;

}
	
	
	ul.sub-menu li a:before {
    content: "-";
    margin-right: 9px;
}
	
	
.menu-header li.contact a {
        font-size: 26px !important;
        line-height: 70px;
        padding: 0 0 0;
    }
.menu-header li.contact a:before {
   height: 50px;
}

.menu-header li.contact {
    margin: 10px 18px 0px 18px;
}
	
	
	

    .menu ul li {
        min-width: 100%;
        white-space: normal;
    }
    .menu ul ul.sub-menu, 	.menu li.left ul .sub-menu , .left .sub-menu{
    left: 0;
    top: 0;
    position: relative;
    right: auto;
    margin-top: auto;
    }

  .menu-header li.current_page_parent > a:after, .menu-header li.current-menu-item > a:after {
    content: none;
 
}

	
.left .sub-menu {
    left: auto;
       right: 0;
}
	
	.menu li ul ul.sub-menu {

    position: relative;
    left: auto;
    top: 0!important;
    margin-top: 0;
    padding: 0 0px 0 20px;
}
	
	
	
	
	.menu-header ul li.menu-item-has-children > a:before {
     top: auto;
    transform: none;
}
	
	
	
	
	
    .menu-header ul.sub-menu li.menu-item-has-children > a:before {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .menu .menu-item-has-children ul a {
        line-height: 1em;
        padding: 9px 10px 6px  0;
        max-width: 100%;
        text-align: left;
        height: auto;
        margin: 0 auto;
    }
   
    ul.sub-menu {
        visibility: visible;
        opacity: 1;
        padding: 0 0 0 0;
        background-color: transparent;
        position: relative;
        display: none;
        top: auto;
        left: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }
    .sub-menu li {
        display: block;
        padding: 0px;
        text-align: left;
        margin: 0px 0px;
    }
   
    .menu-header .menu li:hover > ul, .menu-header .menu li > ul {
        top: 0px;
    }
   
    ul#menu-principal {
        padding-top: 40px;
    }
    .menu a.logo {
         display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    padding: 29px;
    width: 100%;
    }
				
				
				.menu-header li.logmenu {
				
				    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding: 0 0 0 0;
				} 
				
				
				
	ul#access {
    min-height: calc(100% - 100px);
}

  
  
  
	
    .hamburger {
        display: inline-block;
    }
    .hamburger.fixed {
        position: fixed;
    }
	




	

}




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

  .swiperbutton,
  .homeslide {
     width: 420px;

}
 
  .homeslide .swiper-slide {
    padding: 40px;
}
  
  .homeslide .swiper-title a {
    font-size: 34px;
    line-height: normal;
}
   	a.logo {
    width: 330px;
 
}
	
	
	

/*******TITRE**********************/

    .menu-header li a {

        padding: 2px 0 0 0;
  font-size: 22px;
    }

 h1 {
    font-size: 36px;

}





 h2 {
      font-size: 46px;
    max-width: 1000px;
    margin-left: 0 !important;
    line-height: 1.2;
}




.content > h2 {
    margin-top: 40px;
}


h3 {
   margin: 25px 0 16px 0;
    font-size: 26px;
    font-weight: 700;
}



h4 {
	    font-size: 42px;
    font-weight: 900;line-height: 1.2;
}




body.single h2, body.single h3, body.single h4, body.single h5, body.single h6  {
    font-size: 20px;
    max-width: none;
    margin-left: auto;
    line-height: 1.2;
}



body.page h2 {
    font-size: 32px;
}
body.page h3 {
    font-size: 32px;
}
body.page h4 {
    font-size: 32px;
}

body.page h5 {
    font-size: 30px;
}

body.page h6 {
    font-size: 26px;
}



.pseudoh2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    line-height: 1;
}


body.home h2, .pseudoh2 {
    font-size: 34px;
}
body.home h3 {
    font-size: 26px;
}
body.home h4 {
    font-size: 34px;
}

body.home h5 {
    font-size: 22px;
}

body.home h6 {
    font-size: 18px;
} 



.wp-block-cover.alignfull h4.wp-block-heading {
    font-size: 34px;
}

.wrapfoot .partagez p, .wrapfoot .partagez p strong {
    font-size: 28px;
}


.breadcrumbs p, .breadcrumbs a {
    font-size: 30px;
}
	
	
	
	
	
	
	
	
	
/*****************************/
	
	
	
	
	
	
	
	
	
  
  
}




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

  body.home .headvisu {
    height: 80vh;
 
}
  .thesidebar:before {
       right: -90px;
    width: calc(100% + 130px);
}
   
	
	.breadcrumbs {
       max-width: calc(100% - 150px);

}
	
 
  
  
  
  
  
  
  

    
}




@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {


  
	
}


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

/*

  .content.withside {
    display: block;
}

  
  
  
  .contentsideleft {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-top: 0px;
    vertical-align: top;
    padding-right: 0;
}
  
  
  
  .thesidebar {
    width: 100%;
    max-width: 100%;
    display: block;padding: 0 40px;
}
  
  
.thesidebar:before {
     right: 0px;
    top: 0;
    left: 0px;
    bottom: -230px;
    width: auto;
    padding-bottom: 40px;
    margin: 0;
}
 
  
  
    
  .onblue {
     margin: 40px -40px 20px -40px;
}
  
  
  
  
  
 */ 
  
  hr.separateur {
    max-width: 330px;
    height: 45px;

}
  
.homeslide , 
.swiperbutton {
    right: 40px;
}
  

	
	.infoot {
    display: block;
    padding: 60px 0 75px 0;
    width: 100%;
    line-height: 20px;
}
	
	    .infoot .widgetfoot {
        width: 100%!important;
        text-align: center !important;
						margin-bottom: 40px;
    }
	
	
	a.logofoot {
            width: 100%;
        max-width: 360px;
    padding: 0 0px 0 0;
}
	
	.widgetfoot.zero {
    top: 0;
  }
	
	
	
	
	

}



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


.biglogo {display:none;}
.minilogo {display:block;}


	.menu-header.mobile .biglogo {display:block;}
		.menu-header.mobile .minilogo {display:none;}

	
	
	
		
.footsocial {
    margin: 0 0 20px 0;
}

		
		
  
  
  .widgetfooter strong, 
  .widgetfooter h3 {
    font-size: 24px;

}
  
 .elementforfait.petit, .elementforfait.grand  {    margin: 0px;}


  
  
  
}






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



body.page:where(:not(.home)) .content .wp-block-columns:nth-of-type(1) .wp-block-column:nth-of-type(1) {
    margin-top: -80px;
    z-index: 9;
}
		/**/
	
	
	body.single  .content > .wp-block-columns, 	body.search  .content > .wp-block-columns {
   z-index: 9;
    margin-top: -80px;
}
	
	
	
	
	
	
	
	a.logo #underlogo,
	.breadcrumbs {display:none;}
	
	

	
	
	body.home .headvisu,
	.headvisu {
    padding: 0px;
    margin-top: 0;
    height: auto;
    min-height: 200px;
}
  
  .content h1, .content h2, .content h3, .content h4, .content h5, .grostitre, .pseudoh2 {
    
    margin-bottom: 20px;
}
 
	
	
	.content-column.one_half {
    padding-right: 0;
    width: 100%;
    
}
	
	
	
  
		.featured_imgcrea img {
    max-width: 100%;
}


  body.home .content h1, .content h1, body.page h2, body.page h3, body.home h2 {
  font-size: 28px;
        line-height: 28px;
}
	
body.home h3 {
  font-size: 26px;
        line-height: 26px;
}
	
	
	
 .wp-block-cover.alignfull h4.wp-block-heading {
            font-size: 28px;max-width: none;
        line-height: 30px;
    }
  
	
	a.titreactulien, a.titreactulien h4 {
 font-size: 20px;
    line-height: normal;
}
	
	
	
	    .wrapfoot .partagez p, .wrapfoot .partagez p strong {
        font-size: 22px;
    }
	
	
	
	
  h1 br {
    display: none;
}
  
  
.breadcrumbs {
    padding: 30px;
    max-width: 100%;
    bottom: 0;
    padding-top: 0;

    z-index: 10;
}
	


  
	.blocimg {
    max-width: 80%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    top: 0;
    position: absolute;
    z-index: 9;
    bottom: 0;
    overflow: hidden;
}
  
	.swiper-container {
    width: 100%;
    height: 100%;
    max-width: 100%;
    top: 0;
    z-index: 9;
    bottom: 0;
    overflow: hidden;
}
	
  .blocimg {
    height: 350px;    position: relative;
}
    .homeslide {
        position: relative;
        right: auto;
        width: 100%;
        height: auto;
        bottom: auto;
        top: auto;
        transform: none;
        background: #000000;
    }
	
	
	
    .swiperbutton {
         right: 40px;
        bottom: auto;
        top: 315px;
        width: 20px;
    }

  
	    .homeslide .swiper-title a {
        font-size: 28px;
        line-height: 32px;
    }
	
	.blocimg:after {
    background: rgb(0 0 0 / 20%);
}
	
	p.mini_titre {
   font-size: 18px;
}
	
	a.logo p {
  display:none;
}
	
	
.prestation img {
            width: 100%;
        min-width: 120px !important;
}
	
	
	
  .home_top {
    margin: 0px 0 0 0;
   
}
  
  .infoot {
    padding: 40px 0 75px 0;
}
  
 

	
	
    .menu-header {
        width: 100%;
        max-width: 100%;padding: 0 0px 0px 0px;
    }
	
	
	
	.menu li ul ul.sub-menu {
    position: relative;
    left: auto;
    top: 0!important;
    margin-top: 0;
    padding: 0 0px 0 20px;
}
	
	
		.menu ul.sub-menu {
  padding: 10px 0 4px 12px;
}
	
	
	.menu .menu-item-has-children ul a {

}
	  
		
	a.logo {
     padding: 16px 20px 10px 20px; 
}
  
  
    .logo img {
        max-width: 216px;
        height: auto;
    }
  
  
  
  .header {
    
    display: block;
    position: relative;
}
  
  
  .header.hide {
    top: 0;
}
  
  
  
  
  
  

     .infoot .widgetfoot {
    width: 100%;
}
  .widgetfoot, .widgetfoot.third {
    text-align: center;
}
  
 .widgetfoot.third strong:after,.widgetfoot strong:after,
	 .widgetfoot.third h3:after,
  .widgetfoot h3:after {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
  
  
  .mention-left, .menu-mentions-footer-container {
    float: none;
    display: block;
    width: 100%;
    text-align: center;
}
  
  .mention {
    display: flex;
    flex-direction: column-reverse;
}

	
}





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


a.logo {
    max-width: calc(100% - 80px);
}
.logo img {
    max-width: 100%;
}
	a.logofoot img {
    max-width: 100%;
}
.menu a.logo {
    max-width: 100%;
}


.menu-header li a ,
.menu-header li.contact a{
    font-size: 22px!important;

}





}