/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 16 2025 | 12:51:22 */
/* Couleurs */
/*

#FF7B00  Orange
Orange Juice
#ff8400

Rail Metalique
#RAL2008 Couleur
RAL5025 >Blue Turquoise
RAL 4010 Rose

*/


/* Page maintenance */
@media only screen and (max-width: 980px) {
  /* Center everything and set background color to #FF7B00 */
  .et_pb_section_video_bg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100vh !important;
    background-color: #FF7B00 !important;
    overflow: hidden !important;
  }

  /* Reset MediaElement’s inline positioning and sizing */
  .et_pb_section_video_bg .mejs-container,
  .et_pb_section_video_bg .mejs-video,
  .et_pb_section_video_bg .mejs-inner,
  .et_pb_section_video_bg .mejs-mediaelement {
    position: static !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }

  /* Make the video “contain” within the available space */
  .et_pb_section_video_bg video {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    background-color: #FF7B00 !important; /* fallback in case of extra space */
  }
}

.font-mykhao {
	font-family:'mykhao' !important;
}
.font-mykhao-blanc {
	color:#ffffff;
}
.font-mykhao-noir {
	color: #222222;
}

/* Accueil */

@keyframes full-boxing-move {
    0%, 100% { transform: translate(0, 0) rotate(0deg); } /* Neutral */
    
    10% { transform: translateY(-15px) rotate(-10deg); } /* Quick jump & left punch */
    20% { transform: translateY(-25px) rotate(10deg); } /* High jump & right punch */
    
    30% { transform: translate(-10px, -10px) rotate(-15deg); } /* Dodge left */
    40% { transform: translate(10px, 5px) rotate(15deg); } /* Dodge right */
    
    50% { transform: translateY(-10px) rotate(0deg); } /* Reset position */
    
    60% { transform: translateY(-20px) rotate(-12deg); } /* Left punch */
    70% { transform: translateY(-10px) rotate(12deg); } /* Right punch */
    
    80% { transform: translateX(-8px) rotate(-5deg); } /* Small fake left */
    90% { transform: translateX(8px) rotate(5deg); } /* Small fake right */
}

#logo-accueil-hero > span.et_pb_image_wrap > img {
    width: auto; /* Keep original image size */
    display: block;
    margin: auto;
    animation: full-boxing-move 1s infinite ease-in-out;
}

/* Header */
.et-fixed-header {
	background:rgba(0,0,0,0.75) !important
}

.sr7-thumbs {
	display:none !important
}