.elementor-41 .elementor-element.elementor-element-1fdd8ecb{--display:flex;--position:fixed;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:2% 2%;--row-gap:2%;--column-gap:2%;--overflow:hidden;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;top:0px;--z-index:1000;}body:not(.rtl) .elementor-41 .elementor-element.elementor-element-1fdd8ecb{left:0px;}body.rtl .elementor-41 .elementor-element.elementor-element-1fdd8ecb{right:0px;}.elementor-41 .elementor-element.elementor-element-64fdb622{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-4170bddd{--display:flex;}.elementor-41 .elementor-element.elementor-element-48caa0c6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-41 .elementor-element.elementor-element-727a97e7 .elementor-nav-menu .elementor-item{font-family:"WantedSans", Sans-serif;font-size:1vw;font-weight:600;}.elementor-41 .elementor-element.elementor-element-727a97e7 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-41 .elementor-element.elementor-element-727a97e7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-41 .elementor-element.elementor-element-727a97e7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-41 .elementor-element.elementor-element-727a97e7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-41 .elementor-element.elementor-element-727a97e7 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-41 .elementor-element.elementor-element-727a97e7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-41 .elementor-element.elementor-element-6bde5582{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:100;}.elementor-41 .elementor-element.elementor-element-6bde5582:not(.elementor-motion-effects-element-type-background), .elementor-41 .elementor-element.elementor-element-6bde5582 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-41 .elementor-element.elementor-element-589e2dd3{--display:flex;}.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu .elementor-item{font-family:"WantedSans", Sans-serif;font-size:0.8vw;font-weight:900;}.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-41 .elementor-element.elementor-element-1fdd8ecb{--content-width:80vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-41 .elementor-element.elementor-element-64fdb622{--width:32vw;}}@media(max-width:1024px){.elementor-41 .elementor-element.elementor-element-1fdd8ecb{--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;--z-index:100;}.elementor-41 .elementor-element.elementor-element-4170bddd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-48caa0c6{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-41 .elementor-element.elementor-element-6bde5582{--justify-content:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--z-index:99;}.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu .elementor-item{font-size:3.5vw;}.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu--main .elementor-item{padding-top:1em;padding-bottom:1em;}}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-1fdd8ecb{--content-width:90vw;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-41 .elementor-element.elementor-element-64fdb622{--width:30vw;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-41 .elementor-element.elementor-element-14897a4d.elementor-element{--align-self:flex-end;}.elementor-41 .elementor-element.elementor-element-4170bddd{--width:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-4240aa5f.elementor-element{--align-self:flex-end;}.elementor-41 .elementor-element.elementor-element-48caa0c6{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-41 .elementor-element.elementor-element-6bde5582{--width:100vw;--z-index:99;}.elementor-41 .elementor-element.elementor-element-589e2dd3{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-41 .elementor-element.elementor-element-60ce839b .elementor-nav-menu .elementor-item{font-size:6vw;}}/* Start custom CSS for html, class: .elementor-element-14897a4d */.elementor-41 .elementor-element.elementor-element-14897a4d svg {
    width : 100%;
    height: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4240aa5f */.elementor-41 .elementor-element.elementor-element-4240aa5f #burger {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 0;
    width: 50px;
    height: 50px;
    float: right;
}
.elementor-41 .elementor-element.elementor-element-4240aa5f #burger:hover,
.elementor-41 .elementor-element.elementor-element-4240aa5f #burger:focus,
.elementor-41 .elementor-element.elementor-element-4240aa5f #burger:active {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.elementor-41 .elementor-element.elementor-element-4240aa5f svg {
    width: 50px;
    height: 50px;
}
.elementor-41 .elementor-element.elementor-element-4240aa5f .line {
  fill: none;
  stroke: var(--e-global-color-primary);
  stroke-width: 10;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.elementor-41 .elementor-element.elementor-element-4240aa5f .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.elementor-41 .elementor-element.elementor-element-4240aa5f .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.elementor-41 .elementor-element.elementor-element-4240aa5f .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.elementor-41 .elementor-element.elementor-element-4240aa5f .opened .line {
  stroke: var(--e-global-color-accent);
}
.elementor-41 .elementor-element.elementor-element-4240aa5f .opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
.elementor-41 .elementor-element.elementor-element-4240aa5f .opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
.elementor-41 .elementor-element.elementor-element-4240aa5f .opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48caa0c6 */.elementor-41 .elementor-element.elementor-element-48caa0c6 {
    flex-wrap : nowrap !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-60ce839b */.elementor-41 .elementor-element.elementor-element-60ce839b .menu-item:hover {
    transform: scale(1.1);
    transition: 0.2s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6bde5582 *//*Comme vu plus haut, .elementor-41 .elementor-element.elementor-element-6bde5582 designe le widget dans lequel le css est ajouté. 
Ici, .elementor-41 .elementor-element.elementor-element-6bde5582 désigne donc la section*/
.elementor-41 .elementor-element.elementor-element-6bde5582 {
	position: fixed !important;
	
	top : 0;
	
	height: 100vh; /*Ici nous déclarons que la hauteur de la section doit être de 100% de la hauteur (100vh) moins la hauteur du header (qui contient le bouton d'activation du fullscreen menu)
	Pour connaitre la hauteur du header, la meilleure méthode est de se servir de l'inspecteur de chrome*/
	
	width: 100vw; /*Nous voulons que la section couvre 100% de la largeur de l'écran*/

  opacity: 0 ; /*Par défaut, nous voulons que la section soit invisible*/

  
	transform: translateX(100vw); /*Nous voulons que le menu s'ouvre en arrivant par la droite. 
	Autrement dit, nous devons décaler la section de 100% de la largeur de l'écran (100vw) par défaut*/
  
	transition: all 1s ease; /*Ici, nous définissons que l'animation d'entrée et de sortie du menu sera d'une seconde et linéaire*/
}

/*Ici, nous définissons les styles qui seront appliqués lorsque le menu sera ouvert*/
.elementor-41 .elementor-element.elementor-element-6bde5582.open {
    opacity: 1; /*Le menu deviendra visible*/
    transform: translateX(0); /*Et il arrivera par la droite en reprenant sa place initiale (sans décalage)*/
}


/*D'abord, nous devons nous assurer que la hauteur de la section fonctionne quelque soit le format d'écran.
Si ce n'est pas le cas, il suffit d'affiner les réglages grace qux media queries*/
@media screen and (max-width:991px) {
    .elementor-41 .elementor-element.elementor-element-6bde5582 {
	    height: 100vh;
    }  
}
@media screen and (max-width:767px) {
    .elementor-41 .elementor-element.elementor-element-6bde5582 {
	    height: 100vh;
    }  
}
/*Pour que l'animation permettant l'apparition du menu ne déclenche pas un scroll horizontal
Nous devons ajouter ce CSS afin que le contenu qui deppase de l'écran soit masqué*/
@media screen and (max-width:991px) {
    .elementor-location-header {
        overflow-x: hidden;
    }
}

/*Ensuite, certains styles vont nous empecher de travailler sur la structure du menu 
de manière efficace. Pour cela, nous les annulons uniquement dans le builder*/
.elementor-edit-mode .elementor-41 .elementor-element.elementor-element-6bde5582 {
	position: initial;  
	opacity: 1;  
	transform: translateX(0) !important;
}

body.fix {
    overflow: hidden;
}/* End custom CSS */