/* Custom CSS */

/* Example: Override main section background color. */
/* body .jupiterx-main {
    background-color: gray;
} */
/*/DEBUT CONTACT FORM 7*/

#formulaire-responsive {
	max-width:100% /*-- à modifier en fonction de la largeur désirée --*/;
	margin:0 auto;
        width:100%;
}

.rang-form {
	width: 100%;
}

.demi-colonne, .colonne {
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.tiers-colonne, .colonne {
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}



/**---------------- Media query ----------------**/

@media only screen and (min-width: 48em) { 
.demi-colonne {width: 50%;}
}
@media only screen and (min-width: 48em) { 
.tiers-colonne {width: 33.33%;}
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	padding: 15px 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}

input.wpcf7-submit{border: 0;padding:10px; background-color:#ff7800; color:#ffffff;}
input.wpcf7-submit:hover{background-color:#00A9BC; }

input[type=submit]{cursor:pointer;}

input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus{background-color:rgba(233,245,252,1) !important;}

.wpcf7 {   font-family: "Muli", Sans-serif;font-weight:500;}

.wpcf7 input[type="checkbox"] { height: 20px; width: 20px; vertical-align: bottom;}
.wpcf7 select { border:0; padding:22px;}
.wpcf7 p { margin:0;}
.wpcf7 .case-cocher {   margin:0; font-size:18px!important; color:#ffffff;}
.wpcf7 .cocher-rappel{   margin:10px 0 20px 0;}
.wpcf7 .case-cocher2 {   margin:0; font-size:18px!important; color:#000000;}
.wpcf7 .cocher-contact{   margin:10px 0 20px 0;}
.wpcf7 .case-rgpd {   margin:-10px 0 0; color:#ffffff;font-size:12px; line-height:11px; }
.wpcf7-list-item-label{   margin:0 15px 0 15px ; }
.wpcf7-form .wpcf7-radio input[type=radio] {
    position: relative;
    visibility: hidden;
}
.wpcf7-form .wpcf7-radio label {
  position: relative;
  cursor: pointer;
}

.wpcf7-form .wpcf7-radio input[type=radio] {
	position: relative;
  visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span {
/*   border: 3px solid red;  */
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 5px;
  border: 2px solid #ffffff;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 10px;
    left: 5px;
    visibility: hidden;
}

#form-contact .wpcf7-form .wpcf7-radio input[type=radio] + span:before {
  border: 2px solid #000000!important;
}
#form-contact .wpcf7 form .wpcf7-response-output{border:0!important;color:#46b450;}

#form-contact .wpcf7-form .wpcf7-radio input[type=radio] + span:after {
	border: 2px solid #000000!important;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before {    background: transparent;/*     border-color: red; */}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {   background: #FDBA35;   visibility: visible;}

.acceptance {font-size: 13px; color: black;line-height: 12px;}
.infos-rgpd {font-size: 11px; color: black;line-height: 12px;}
/**---------------- FIN CONTACT FORM 7 ----------------**/

/* === AJOUT CLAUDE 2026-04-02 === Cercles icon-box technos accueil */
.elementor-page .mkd-circle.elementor-widget {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transform: scale(0.82) !important;
    flex-shrink: 0 !important;
}
/* === FIN AJOUT CLAUDE === */

/* === AJOUT CLAUDE 2026-04-02 === Ombre sur icônes technos */
.mkd-icon-shadow .elementor-icon i {
    text-shadow: 0 3px 8px rgba(0,0,0,0.4) !important;
}
/* === FIN AJOUT CLAUDE === */

/* === AJOUT CLAUDE 2026-04-02 === Animation defilement technos accueil */
@keyframes tech-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-33.33%); }
}
.tech-marquee.e-con {
    overflow: hidden !important;
}
.tech-marquee-track.e-con {
    animation: tech-scroll 30s linear infinite !important;
    width: max-content !important;
}
.tech-marquee-track.e-con:hover {
    animation-play-state: paused !important;
}
/* === FIN AJOUT CLAUDE === */