.elementor-kit-12{--e-global-color-primary:#F08700;--e-global-color-secondary:#000000;--e-global-color-text:#FAFAFA;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Cocogoose";--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Cocogoose", Sans-serif;text-transform:uppercase;color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:16px 20px 16px 20px;}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:var( --e-global-color-accent );font-family:"Nunito Sans", Sans-serif;font-weight:400;}.elementor-kit-12 a:hover{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-kit-12 h1{color:var( --e-global-color-accent );font-family:"Cocogoose", Sans-serif;font-size:100px;text-transform:uppercase;}.elementor-kit-12 h2{color:var( --e-global-color-accent );font-family:"Cocogoose", Sans-serif;font-size:45px;text-transform:uppercase;}.elementor-kit-12 h3{color:var( --e-global-color-accent );font-family:"Cocogoose", Sans-serif;font-size:22px;text-transform:uppercase;}.elementor-kit-12 h4{font-family:"Nunito Sans", Sans-serif;font-size:30px;font-weight:500;}.elementor-kit-12 label{color:var( --e-global-color-accent );}.elementor-kit-12 input:not([type="button"]):not([type="submit"]),.elementor-kit-12 textarea,.elementor-kit-12 .elementor-field-textual{color:var( --e-global-color-accent );accent-color:var( --e-global-color-accent );padding:15px 15px 15px 15px;}.elementor-kit-12 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-12 textarea:focus,.elementor-kit-12 .elementor-field-textual:focus{color:var( --e-global-color-secondary );accent-color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1350px;}.e-con{--container-max-width:1350px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:2400px){.elementor-kit-12{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-12 a:hover{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-12 h2{font-size:55px;line-height:1.2em;}}@media(max-width:1300px){.elementor-kit-12{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-12 a:hover{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-12 h1{font-size:75px;}.elementor-kit-12 h2{font-size:55px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-12 a:hover{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-12 h1{font-size:45px;}.elementor-kit-12 h2{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.btn-arrow .elementor-button-icon svg {
    fill: #F08700;
}

/*.e-n-accordion-item-title {
    box-shadow: 1px 1px 4px rgba(135, 135, 135, 0.23);
}*/

.titre-btn {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.titre-btn p {
    color: #FFF!important;
}


.titre-btn:hover p {
    color: #000!important;
}

.titre-btn:hover {
    transform: scale(1.1);
}

.lien-footer {
    color: #FFF!important;
}

.lien-footer:hover {
    color: #F08700!important;
}

.form .elementor-button-text  {
    font-weight: 600!important;
}

.source {
    color: #999999;
    font-size: 14px;
}

.grecaptcha-badge { 
    visibility: hidden !important;
}

.lire-plus {
    color: #F08700;
    font-weight: 700;
    font-family: 'CocogooseProTrial';
}

.lire-plus:hover {
    color: #FFF;
}

.lire-plus-blanc {
    color: #F08700;
    font-weight: 700;
    font-family: 'CocogooseProTrial';
}

.lire-plus-blanc:hover {
    color: #000;
}

.competences ul {
  list-style: none; /* Supprime les puces par défaut */
  padding-left: 0; /* Ajuste l'alignement */
}

.competences ul li {
  position: relative;
  padding-left: 20px; /* Espace entre la ligne et le texte */
}

.competences ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px; /* Longueur de la ligne */
  height: 2px; /* Épaisseur de la ligne */
  background-color: #F08700; /* Couleur de la ligne */
}


/* Styles appliqués uniquement aux écrans de 769px de largeur et plus */
@media (min-width: 1024px) {
    .projet .video-projet {
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }

    .projet:hover .image-projet, 
    .projet:hover .video-projet {
        opacity: 1 !important;
    }

    .projet .bouton-projet {
        position: relative;
        transition: transform 0.3s ease;
    }

    .projet:hover .bouton-projet {
        transform: translateX(15px) !important;
    }

    .projet .texte-projet {
        position: relative;
        transition: transform 0.8s ease;
        transform: translateX(0);
    }

    .projet:hover .texte-projet {
        transform: translateX(15px);
    }

    .projet .titre-projet {
        transition: transform 0.8s ease;
    }

    .projet:hover .titre-projet {
        transform: translateX(550px);
    }

    .projet .image-projet, 
    .projet .video-projet {
        opacity: 0.5;
        transition: opacity 0.3s ease, transform 0.3s ease;
        transform: scale(1);
    }

    .projet:hover .image-projet, 
    .projet:hover .video-projet {
        opacity: 1;
        transform: scale(1.1);
    }
}

.curseur-blanc:hover {
    cursor: url("https://www.agenceparadox.fr/wp-content/uploads/2024/11/Logo-picto-paradox-blanc.png") 16 16, auto;
}


.projet:hover {
    cursor: url("https://www.agenceparadox.fr/wp-content/uploads/2024/11/Logo-picto-paradox-blanc.png") 16 16, auto;
}

/* Applique cursor: inherit sur les éléments spécifiques au sein du conteneur pour hériter du curseur */
.projet .image-projet,
.projet .video-projet,
.projet .texte-projet,
.projet .titre-projet {
    cursor: inherit;
}

/* Laisse le curseur par défaut du bouton pour garder l’interaction sans pointer-events */
.projet .bouton-projet {
    cursor: pointer; /* Utilise la forme de main normale pour le bouton */
}

.menu:hover {
    cursor: url("https://www.agenceparadox.fr/wp-content/uploads/2024/11/Logo-picto-paradox-blanc.png") 16 16, auto;
}

.menu {
    position: relative; /* Nécessaire pour positionner le pseudo-élément */
    display: inline-block; /* Assure un bon positionnement de l'effet */
    
}

.menu::after {
    content: ''; /* Crée un pseudo-élément */
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0; /* La largeur commence à 0 */
    height: 2px; /* Épaisseur de la bordure */
    background-color: #F08700; /* Couleur de la bordure */
    transition: width 0.4s ease; /* Transition fluide pour la largeur */
}

.menu:hover::after {
    width: 100%; /* Étend la bordure à 100% de la largeur de l'élément */
}



.compteur {
    text-align: center!important;
}

.ti-dropdown-widget .active {
    z-index: 10;
}

.lien {
    color: #000!important;
}

.lien:hover {
    color: #F08700!important;
}

.info-mariage p {
    color: #000!important;
}

.image-equipe {
    position: relative; /* Nécessaire pour positionner les pseudo-éléments */
    display: inline-block; /* Assure un bon comportement pour l'image */
}

.image-equipe::before, 
.image-equipe::after {
    content: ''; /* Crée les pseudo-éléments */
    position: absolute;
    background-color: #F08700; /* Couleur de la bordure */
    z-index: 1; /* Place les bordures au-dessus de l'image */
    pointer-events: none; /* Empêche les pseudo-éléments d'interférer avec le survol */
    transition: width 0.4s ease, height 0.4s ease; /* Animation fluide */
}

/* Bordure en bas */
.image-equipe::before {
    bottom: -10px;
    right: -1px; /* Part du coin inférieur droit */
    width: 0; /* Commence avec une largeur nulle */
    height: 10px; /* Épaisseur de la bordure */
    transition-delay: 0.2s; /* Pas de délai pour cette bordure */
}

/* Bordure à droite */
.image-equipe::after {
    bottom: -10px; /* Part du bas */
    right: -10px;
    width: 10px; /* Épaisseur de la bordure */
    height: 0; /* Commence avec une hauteur nulle */
    transition-delay: 0.2s; /* Délai pour un effet décalé */
}

/* Animation au survol */
.image-equipe:hover::before {
    width: 95%; /* Étend la bordure à 90% de la largeur de l'image */
}

.image-equipe:hover::after {
    height: 95%; /* Étend la bordure à 90% de la hauteur de l'image */
}

.slide-blanc p {
    color: #FFF!important;
}

.ombre {
  position: relative;
  display: inline-block;
  z-index: 3; /* Assure que le texte principal est en dessous */
  
}

.ombre::before {
  content: 'Contactez-nous.'; /* Texte à afficher au-dessus */
  position: absolute;
  left: 2px;
  top: 2px;
  color: white; /* Couleur du texte ajouté */
  -webkit-text-stroke: 1px black; /* Contour noir */
  text-stroke: 1px black; /* Contour noir */
  z-index: 2; /* Place le texte ajouté au-dessus */
  white-space: nowrap; /* Empêche les sauts de ligne */
}

.elementor-counter-title {
    text-align: center;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cocogoose';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.agenceparadox.fr/wp-content/uploads/2024/12/cocogoose_trial.ttf') format('truetype');
}
/* End Custom Fonts CSS */