.elementor-24162 .elementor-element.elementor-element-d9476e7{--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;--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-24162 .elementor-element.elementor-element-a5150f4 > .elementor-widget-container{margin:0px 0px 0px -160px;}.elementor-24162 .elementor-element.elementor-element-71c2549{--display:flex;--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24162 .elementor-element.elementor-element-71c2549:not(.elementor-motion-effects-element-type-background), .elementor-24162 .elementor-element.elementor-element-71c2549 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-08db8bb );}.elementor-24162 .elementor-element.elementor-element-5f030a3{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-24162 .elementor-element.elementor-element-7f42faa{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}@media(min-width:768px){.elementor-24162 .elementor-element.elementor-element-5f030a3{--width:50%;}.elementor-24162 .elementor-element.elementor-element-7f42faa{--width:50%;}}@media(max-width:1024px){.elementor-24162 .elementor-element.elementor-element-a5150f4 > .elementor-widget-container{margin:0px 0px 0px -160px;}}@media(max-width:767px){.elementor-24162 .elementor-element.elementor-element-a5150f4 > .elementor-widget-container{margin:0px 0px 0px -100px;}}/* Start custom CSS for html, class: .elementor-element-a5150f4 */.logo-orbit {
  position: relative;
  width: 600px; /* + grand pour accueillir les boutons larges */
  height: 600px;
  margin: auto;
}

/* Logo central */
.center-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  /*transform: translate(-50%, -50%);*/
  z-index: 2;
}

.center-logo img {
  width: 150px; 
  height: 150px;
 
}

/* Conteneur qui tourne */
.orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
/* animation: spin 45s linear infinite;*/
  transform-origin: center center;
}

/* Boutons orbitaux */
.orbit-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: #0073e6;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  transition: background 0.3s, transform 0.3s;
  cursor: pointer;
}

/* Texte dans le bouton qui reste droit */
.orbit-button .txt {
    /*  animation: counterspin 45s linear infinite;*/

}



/* Placement autour du logo (plus éloigné pour les grands boutons) */
.btn1 { transform: rotate(0deg) translate(250px) rotate(0deg); }
.btn2 { transform: rotate(72deg) translate(250px) rotate(-72deg); }
.btn3 { transform: rotate(144deg) translate(250px) rotate(-144deg); }
.btn4 { transform: rotate(216deg) translate(250px) rotate(-216deg); }
.btn5 { transform: rotate(288deg) translate(250px) rotate(-288deg); }

/* Animation du conteneur principal */
@keyframes spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Contre-rotation pour garder le texte droit */
@keyframes counterspin {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}

/* Effet au survol */
.orbit-button:hover {
  background: #005bb5;

}

/* Responsive */
@media (max-width: 600px) {
  .logo-orbit {
    width: 250px;
    height: 250px;
  }
  .center-logo img {
    width: 90px;
    height: 90px;
  }
  .orbit-button {
    width: 90px;
    height: 90px;
    font-size: 14px;
  }
  .btn1 { transform: rotate(0deg) translate(110px) rotate(0deg); }
  .btn2 { transform: rotate(72deg) translate(110px) rotate(-72deg); }
  .btn3 { transform: rotate(144deg) translate(110px) rotate(-144deg); }
  .btn4 { transform: rotate(216deg) translate(110px) rotate(-216deg); }
  .btn5 { transform: rotate(288deg) translate(110px) rotate(-288deg); }
}/* End custom CSS */