/*
Theme Name: Enfold
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/




/*************************************       FORMULAIRES   *********************************************/

div.wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child)>.wpforms-field-label:not(.wpforms-label-hide):before{
	border-top-color : white !important;
}

.wpforms-form input,
.wpforms-form select,
.wpforms-form textarea {
  color: #ffffff !important;            /* texte saisi */
  background-color: #1a1a1a !important;  /* fond du champ (ajuste selon besoin) */
  border-color: #333333 !important;     /* bordure plus visible */
}

.wpforms-form ::placeholder {
  color: #aaaaaa !important;            /* texte de type "Prénom", "Nom", etc. */
  opacity: 1 !important;                /* pour que le placeholder soit bien visible */
}


#formulaire{
	margin-top : -55px !important;
}


#wpforms-56-field_5-container {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

#top label span,
#top legend span {
  color: white !important;
}

#top label span,
#top legend span {
  color: white !important;
}

#wpforms-103-field_3-container {
  margin-top: 18px !important;
}

#wpforms-491-field_3-container{
	  margin-bottom: 18px !important;

}




#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="url"],
#top input[type="number"],
#top input[type="search"],
#top textarea,
#top select {
  font-size: 15px !important;
  font-family: "Roboto", sans-serif !important;
  min-height: 50px;
  padding-left: 15px !important;
	color : white !important;
}

#top .input-text,
#top input[type="tel"],
#top textarea,
#top select {
  font-size: 15px !important;
  font-family: "Roboto", sans-serif !important;
  min-height: 50px;
		color : white !important;

}


#wpforms-55-field_4 input {
  padding-left: 55px !important;
}


div.wpforms-container .wpforms-form .wpforms-field-repeater .wpforms-field-repeater-display-blocks-buttons button {
  max-height: 35px !important;
}

.wpforms-field input[type="text"],
.wpforms-field input[type="email"],
.wpforms-field input[type="url"],
.wpforms-field input[type="tel"],
.wpforms-field input[type="number"],
.wpforms-field input[type="password"],
.wpforms-field textarea {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
		color : white !important;

  /* Ajuste la taille de la police */
  font-weight: 500;
  /* Ajuste le poids de la police */
}



.wpforms-container .wpforms-field-label,
.wp-core-ui div.wpforms-container .wpforms-field-label {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: white !important;
}

div.wpforms-container .wpforms-form .wpforms-field-repeater.wpforms-field-repeater-display-blocks>.wpforms-field-label,
div.wpforms-container .wpforms-form .wpforms-field-repeater.wpforms-field-repeater-display-blocks .wpforms-field-repeater-block-title {
  font-weight: 700 !important;
  font-size: 18px !important;
}

.wpforms-field-repeater-block-title {
  font-size: 18px !important;
}

.wpforms-field h3 {
  font-size: 18px !important;

}

.wpforms-container .wpforms-form em.wpforms-error,
.wpforms-container .wpforms-form .wpforms-field-sublabel {
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: white !important;
}




#wpforms-335-field_5-container{
	margin-top : 18px !important;
}





#top fieldset {
  margin-bottom: 0px !important;
}

.titre-resa {
  margin-top: 30px !important;
}







.wpforms-form .wpforms-title {
  font-size: 26px;
  margin: 0 0 10px 0;
}



.wpforms-container .wpforms-field {
  padding: 0px !important;
}

.wpforms-container .wpforms-field,
.wp-core-ui div.wpforms-container .wpforms-field {
  padding: 0px !important;
}

.wpforms-form .wpforms-field {
  padding: 0px;
  clear: both;
}

.wpforms-form .wpforms-title {
  font-size: 16px !important;
}

.wpforms-container .wpforms-field-date-time .wpforms-field-row .wpforms-field-row-block:not(:only-child) {
  width: 100% !important;
}

.wpforms-form .wpforms-field.wpforms-field-text input {
  background-color: #fff !important;
  box-sizing: border-box;
  color: #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  float: none;
  font-size: 16px;
  border: 1px solid white !important;
  padding: 6px 10px;
  height: 38px;
  width: 100%;
  line-height: 1.3;
}



#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
  background-color:  #1d1d1d !important;
  border-color: #1d1d1d !important;
}

.wpforms-field-label {
  margin-bottom: 4px !important;
}


.wpforms-error{
	color : white !important;
}

div.wpforms-container-full input[type=date]:focus, div.wpforms-container-full input[type=datetime]:focus, div.wpforms-container-full input[type=datetime-local]:focus, div.wpforms-container-full input[type=email]:focus, div.wpforms-container-full input[type=month]:focus, div.wpforms-container-full input[type=number]:focus, div.wpforms-container-full input[type=password]:focus, div.wpforms-container-full input[type=range]:focus, div.wpforms-container-full input[type=search]:focus, div.wpforms-container-full input[type=tel]:focus, div.wpforms-container-full input[type=text]:focus, div.wpforms-container-full input[type=time]:focus, div.wpforms-container-full input[type=url]:focus, div.wpforms-container-full input[type=week]:focus, div.wpforms-container-full select:focus, div.wpforms-container-full textarea:focus, .wp-core-ui div.wpforms-container-full input[type=date]:focus, .wp-core-ui div.wpforms-container-full input[type=datetime]:focus, .wp-core-ui div.wpforms-container-full input[type=datetime-local]:focus, .wp-core-ui div.wpforms-container-full input[type=email]:focus, .wp-core-ui div.wpforms-container-full input[type=month]:focus, .wp-core-ui div.wpforms-container-full input[type=number]:focus, .wp-core-ui div.wpforms-container-full input[type=password]:focus, .wp-core-ui div.wpforms-container-full input[type=range]:focus, .wp-core-ui div.wpforms-container-full input[type=search]:focus, .wp-core-ui div.wpforms-container-full input[type=tel]:focus, .wp-core-ui div.wpforms-container-full input[type=text]:focus, .wp-core-ui div.wpforms-container-full input[type=time]:focus, .wp-core-ui div.wpforms-container-full input[type=url]:focus, .wp-core-ui div.wpforms-container-full input[type=week]:focus, .wp-core-ui div.wpforms-container-full select:focus, .wp-core-ui div.wpforms-container-full textarea:focus{
	box-shadow : none !important;
}



/*************************************     AUTRES    *********************************************/





.av-milestone-date:before{
	content : none !important;
	
}


#scroll-top-link.avia_pop_class, #av-cookie-consent-badge.avia_pop_class{
	display : none !important;
}


.image-overlay .image-overlay-inside{
	display : none !important;
}


#top .avia-logo-element-container img, .av-partner-fake-img{
	border-radius : 0px !important;
}

/*************************************       AVIS GOOGLE    *********************************************/



 

.sbr-owl-dots .sbr-owl-dot span{
	background : white !important;
	opacity : 0.25;
}



/*************************************       CARTE DE VISITE PAGE DAN MOBILE    *********************************************/

.member h4{
color: #FFF;

font-family: "Fira Sans";
font-size: 22px !important;
font-style: normal;
font-weight: 700 !important;
line-height: 41.8px; /* 190% */
letter-spacing: 1px;
text-transform: uppercase;
}

.member .av-subheading p{
	color: #AE1F1E;

font-family: "Fira Sans";
font-size: 14px !important;
font-style: normal;
font-weight: 700 !important;
line-height: 41.8px; /* 298.571% */
letter-spacing: 1px;
text-transform: uppercase !important;
	margin-top : -8px !important;
}

.member .avia_codeblock {
	margin-top : -8px !important;
}

.member a{
	margin-left : 7px !important;
	color : white !important;
}


/*************************************       Pleine largeur    *********************************************/

.txt-pleine-largeur-gauche{
	padding-top : 150px !important;
	padding-left : 100px !important;
	padding-right : 100px !important;
	padding-bottom : 150px !important;
}

.txt-pleine-largeur-droite{
	padding-top : 150px !important;
	padding-left : 100px !important;
	padding-right : 100px !important;
	padding-bottom : 150px !important;
}

.pleine-largeur .container{
	max-width : none !important;
	padding : 0px !important;

}


.pleine-largeur .template-page{
		padding : 0px !important;

}

/************************************* Navigation *********************************************/




.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a{
	padding-left : 70px !important;
	padding-top : 5px !important;
	padding-bottom : 7px !important;
}


		#top .av-main-nav ul.sub-menu {
  		min-width: 350px; /* augmente la largeur minimale */
 		width: auto; 
		border : 0px !important;
}



.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a{
	border : 0px !important;
}


#menu-item-214 > a::after {
  content: "\f078"; /* Unicode pour fa-chevron-down */
	  font-family: "Font Awesome 6 Pro";
color : white !important;
  font-weight: 900; /* Nécessaire pour les icônes solides */
  margin-left: 8px;
  display: inline-block;
  font-size: 12px;
}

.current-menu-item#menu-item-214 > a::after {
	color: #AE1F1E  !important;
}

#menu-item-214:hover > a::after {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
	color: #AE1F1E  !important;
}






.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after{
	background-color : white !important;
}


.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a{
	border : 0px !important;
}


.logo {
  display: flex;
  align-items: center;
}

.logo img,
.logo svg {
	padding-top : 12px !important;
	padding-bottom : 12px !important;
}

#header_main{
	border : 0px !important;
}

.avia-menu-fx{
	display : none !important;
}

.current-menu-item > a .avia-menu-text {
	color: #AE1F1E !important;
}

.avia-menu-text{
	color : white ;
font-family: "Fira Sans";
font-size: 17px;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
}





.avia-menu-text:hover{
	color : #AE1F1E !important;
}

/*************************************CTA*********************************************/


.av_promobox{
	padding : 0px !important;
}


.avia-section{
	min-height : unset !important;
}

.avia-promocontent p{
	color: #FFF;

font-family: "Fira Sans";
font-size: 22px;
font-style: italic;
font-weight: 700;
text-transform: uppercase;
}



/************************************* PAGE PARTENAIRE     *********************************************/

.avia-slideshow-arrows a:before{
	background-color : #AE1F1E !important;
	border-radius : 100px !important;
}

#top .avia-slideshow-arrows a{
	background-color : transparent !important;
}


/************************************* TESLA        *********************************************/

.titre-noir h3{
	  margin-top: 20px !important;
	color : black !important;
}

.titre-noir{

}

.bloc-titre-bandeau-tesla{
		  display: flex;
  align-items: center;
  height: 100%; /* Prend toute la hauteur disponible */
		margin-top : 10px !important;

}


.bandeau-tesla .content {
	padding-top: 25px !important;
		padding-bottom: 25px !important;

}

.bandeau-tesla {
  display: flex !important;
  align-items: center !important;
}

.logo-tesla-bandeau {
  display: flex;
  align-items: center;
  height: 100%; /* Prend toute la hauteur disponible */
  margin-top: -5px !important; 
}


/************************************* FOOTER        *********************************************/

#footer {
  position: relative;
  z-index: 1;
}

#footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
height : 100%;
    background-image: url(https://garage-carrosserie-dan.ch/wp-content/uploads/2025/04/img-footer-min.png);
    background-size: cover;
    background-position: center center;
    z-index: -1;
}







/*************************************. CTA Membre        *********************************************/


.cta-member .sc-av_one_third.av-equal-height-column-flextable {
    max-width: 700px !important;
    display: block !important;
    width: 700px !important;
    margin-left: calc(50% - 350px) !important;
}

.member{
	padding : 30px !important;
}

.member p{
	margin : 0px !important;
}


/*************************************. SERVICES        *********************************************/



.bloc-avantage-grele{
	padding-left : 30px !important;
	padding-right : 30px !important;
	padding-top : 40px !important;
	padding-bottom : 30px !important;
}


#sub_menu1{
	background-color : #AE1F1E !important;
	font-size : 20px !important;
}

#top .av-subnav-menu > li > a{
	background-color : transparent !important;
	border-left : 0px !important;
}

#top .av-submenu-container{
	border : 0px !important;
}


#sub_menu1 .avia-menu-text{
	font-family: "Fira Sans";
	font-size: 20px !important;
	font-weight: 600 !important;
	color : white !important;
	text-transform : uppercase !important;
}

.badge-tesla {
  position: relative; /* Nécessaire pour le ::before */
}

.badge-tesla::after {
    content: "";
    position: absolute;
    top: 60px;
    right: 60px;
    width: 175px !important;
    height: 175px !important;
    background-image: url(https://garage-carrosserie-dan.ch/wp-content/uploads/2025/05/tesla-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99 !important;
    pointer-events: none; /* évite tout conflit de clics */
}



.clearfix:before, .clearfix:after, .flex_column:before, .flex_column:after, .widget:before, .widget:after{
	    overflow: visible;
    visibility: visible;
}

/*************************************. ACCUEIL        *********************************************/



.sbi-owl-nav>div{
	background-color : #AE1F1E !important;
	opacity : 1 !important;
}

.titre-info-contact h3{
	background-color : #AE1F1E !important;
	color : white !important;
	padding : 15px !important;
font-family: "Fira Sans";
font-size: 38px !important;
font-style: normal;
font-weight: 700 !important;
letter-spacing: 1px;
text-transform: uppercase;
}

.infos-bloc-contact p, .infos-bloc-contact a {
	color : white !important;
	padding : 10px !important;
}



.infos-bloc-contact-1 p, .infos-bloc-contact-1 a {
	color : white !important;
	padding-top : 10px !important;
	margin-bottom : 0px !important;
	font-weight : 500 !important;
	font-size : 20px !important;
	margin-top : 2px !important;
	padding-left : 20px !important;
	padding-right : 20px !important;

}

.infos-bloc-contact-2 p, .infos-bloc-contact-2 a {
	color : white !important;
	padding-bottom : 18px !important;
	margin-top : 0px !important;
		font-weight : 500 !important;
		font-size : 20px !important;
		margin-bottom : 2px !important;
		padding-left : 20px !important;
	padding-right : 20px !important;
}


.infos-bloc-contact-3 a, .infos-bloc-contact-3 p{
		color : white !important;
	margin-top : 0px !important;
		font-weight : 500 !important;
		font-size : 20px !important;
		margin-bottom : 2px !important;
		padding-left : 20px !important;
	padding-right : 20px !important;
}

.infos-bloc-contact-4 a, .infos-bloc-contact-4 p{
		color : white !important;
	margin-top : 0px !important;
		font-weight : 500 !important;
		font-size : 20px !important;
		margin-bottom : 2px !important;
		padding-left : 20px !important;
	padding-right : 20px !important;
	padding-bottom : 25px !important;
}


.titre-services-accueil h3{
	color : white !important;
font-family: "Fira Sans";
font-size: 38px;
font-style: italic;
font-weight: 700 !important;
line-height: normal; /* 110% */
letter-spacing: 1px;
text-transform: uppercase;
	margin-top : 6px !important;
}


.img-services-accueil{
	margin-bottom : 15px !important;
}

.section-infos-contact{
	background-color : transparent !important;
	margin-top : -80px !important;
}





.bloc-info-contact{
	padding : 0px !important;
}


.bloc-services-accueil{
padding-top : 200px !important;
padding-left : 55px !important;
padding-left : 55px !important;
padding-bottom : 55px !important;

}


/*************************************        FONTS        *********************************************/


h1{
	color: #FFF;
font-family: "Fira Sans";
font-size: 85px !important;
font-style: italic;
font-weight: 900 !important;
line-height: 120% !important; /* 49.176% */
letter-spacing: 1px;
text-transform: uppercase;
	margin-top : 20px !important;
}

.h1-spec h1{
    position: absolute !important;
    font-size: 60px !important;
    bottom: -270px !important;
}


/* STYLE GÉNÉRAL POUR TOUS LES H2 */
h2 {
	color: #FFF !important;
	font-family: "Fira Sans";
	font-size: 38px;
	font-style: italic;
	font-weight: 700 !important;
	line-height: 41.8px;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	padding-left: 65px !important; /* espace pour décaler le texte */
}

/* BEFORE POUR TOUS LES H2 NORMAUX */
h2::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    border-bottom: 3px solid #AE1F1E;
}

/* STYLE SPÉCIFIQUE POUR LES H2 CENTRÉS */
.h2-centre h2 {
    padding-left: 0px !important; /* on enlève le padding gauche */
    position: relative !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 0 20px !important; /* espace entre texte et lignes */
}



.h2-centre h2::after {
    content: '';
}

.h2-centre h2::before,
.h2-centre h2::after {
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 3px solid #AE1F1E;
    width: 45px;
    transform: translateY(-50%);
}

.h2-centre h2::before {
    left: 0;
    transform: translateX(-100%) translateY(-50%);
}

.h2-centre h2::after {
    right: 0;
    transform: translateX(100%) translateY(-50%);
}


h3{
color: #FFF !important;
font-family: "Fira Sans";
font-size: 28px !important;
font-style: italic;
font-weight: 700 !important;
line-height: 41.8px; /* 149.286% */
letter-spacing: 1px;
text-transform: uppercase;
}

.h3-spec h3{
	margin-top : -20px !important;
	color: #FFF !important;
	font-size : 22px !important;
}

.h3-spec {

	padding-bottom : 0px !important;
}

h4, .av-subheading_below p {
	color: #FFF !important;
font-family: "Fira Sans";
font-size: 22px !important;
font-style: italic;
font-weight: 700 !important;
	line-height : 170% !important;
text-transform: uppercase !important;
}


p{
	color: #FFF;

font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 34px; /* 212.5% */
}

#sb-reviews-container-1 .sb-feed-header-rating-subtext{
	font-family: Roboto;
font-size: 14px !important;
}


a{
color: #FFF;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 34px; /* 212.5% */
}

strong{
color: #FFF !important;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 34px; /* 212.5% */
}


ul, li{
	color : white;
	font-family: Roboto;
font-size: 16px;

}













.key-number .avia-animated-number-title span {
    font-size: 105px;
    font-style: normal;
    line-height: normal;
    color: white !important;
    font-family: "Courier Prime", monospace;
    opacity: 1 !important;
}

.main_color .avia-timeline .milestone_inner {
    background-color: #AE1F1E !important;
}

.main_color .avia-timeline .milestone_icon {
    background-color: #AE1F1E !important;
}

.prev-slide,
.next-slide {
    background-color: #AE1F1E !important;
}

.av-milestone-content-wrap {
    padding-left: 5px !important;
    padding-right: 50px !important;
}

.av-milestone-date {
    padding-left: 5px !important;
    margin: 0 !important;
}

.av-milestone-date strong {
    color: white !important;
    font-family: "Fira Sans", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.av-milestone-date:before {
    height: 0px !important;
}

.main_color .av-milestone-icon-wrap:after {
    border-color: #AE1F1E !important;
}

.avia-timeline-horizontal .av-milestone-icon-wrap:after {
    border-top-width: 1px !important;
    left: 2px;
	border-top-style : solid !important;
}

.av-timeline-nav {
    top: 0px !important;
	padding-top : 0px !important;
}

.main_color .av-timeline-nav a span {
    background-color: #AE1F1E !important;
}

#top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows>a {
    width: 40px;
}

.av-milestone-content p {
    color: #FFF;
    font-family: "Roboto" !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 125%;
}

.milestone-char::before {
    font-size: 48px !important;
}

.av-milestone-title {
	color : white !important;
	font-size : 40px !important;
	font-family : "Fira Sans" !important;
	margin-bottom : -10px
}

#top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev>a.prev-slide,
#top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-next>a.next-slide {
    opacity: 1 !important;
}


.av-timeline-nav a span {
    opacity: 1 !important;
}

.milestone_icon {
    margin-left: 1px !important;
}

.av-milestone-article-footer {
    display: none !important;
}

.av-l1fuu-66043b19640355aa4703f7b7c99fac27 .content {
    padding-bottom: 0px !important;
}




/***************************                   Boutons                   ********************************************************************************************************************/



.avia-button {
  font-size: 16px !important;
  height: 44px !important;
  padding-top: 12px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  padding-bottom: 15px !important;
  color: white;
  background-color: #AE1F1E;
  border: none !important;
	font-family : "Fira Sans" !important;
	font-weight : 700 !important;
  margin-top: 10px !important;
  border-radius: 0px !important;
}

.btn-clair .avia-button {
  font-size: 16px !important;
  height: 44px !important;
  padding-top: 12px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  padding-bottom: 15px !important;
  color: #AE1F1E;
  background-color: white ;
  border: none !important;
	font-family : "Fira Sans" !important;
		font-weight : 700 !important;

  margin-top: 10px !important;
  border-radius: 0px !important;
}

.wpforms-submit {
  font-size: 16px !important;
  height: 44px !important;
  padding-top: 13px !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  padding-bottom: 15px !important;
  color: white ;
  background-color: #AE1F1E !important;
  border: none !important;
	font-family : "Fira Sans" !important;
		font-weight : 700 !important;

  border-radius: 0px !important;
}

#wpforms-472-field_3 {
	margin-bottom: 20px !important;
}

.iti__country-container {
	max-height: 50px !important;
}

.avia-button,
.btn-clair .avia-button,
#wpforms-submit-103 {
padding-top : 15px !important;
  white-space: normal !important;       /* Le texte peut aller à la ligne */
  overflow-wrap: break-word !important; /* Coupe proprement les mots longs si besoin */
  word-break: break-word !important;    /* Gère aussi les cas extrêmes */
  height: auto !important;              /* Hauteur automatique selon le contenu */
  display: inline-block !important;     /* Pour que le bouton grandisse avec son contenu */
  text-align: center !important;        /* Centre le texte dans le bouton */
  box-sizing: border-box !important;    /* Pour gérer padding sans débordement */
  max-width: 100% !important;           /* Pour qu’il reste dans son conteneur */
}




/*FOOTER*/

#footer{
	border : 0px !important;
}

.footer-contact a {
  color: #1E1E1E !important;
}

.footer-contact a:hover {
  color: #7A6457 !important;
}


#footer {
  padding-top: 0px !important;
  padding-bottom: 0px !important;

}


#footer #text-2 a {
	color : #1e1e1e !important;
}



#socket .copyright {
  float: none;
}

#socket .container {
  text-align: center !important;
  font-size: 14px !important;
  color: #fff !important;
  font-weight: 200 !important;

}


#socket {
  background-color: black !important;
  float: none !important;
  margin: 0px !important;
	border : 0px !important;
}


#socket p {
  color: white !important;
font-family: "Roboto" !important;
  font-size: 14px !important;
  font-weight: 300 !important;

}

#socket strong {
  color: white !important;
font-family: "Roboto" !important;
  font-size: 14px !important;
  font-weight: 300 !important;

}

#socket a {
  color: white !important;
font-family: "Roboto" !important;
  font-size: 14px !important;
  font-weight: 400 !important;

}

#socket span {
  color: white !important;
font-family: "Roboto" !important;
  font-size: 14px !important;
  font-weight: 300 !important;
}


#custom_html-2 {
  margin-top: -25px !important;
}


h3.widgettitle {
font-family: "Fira Sans" !important;

  color: white !important;
  text-align: left;
  font-size: 28px !important;
  font-weight: 600 !important;
  position: relative;
  margin-bottom: -5px !important;
}

.footer-contact {
font-family: "Roboto" !important;
  color: #222222;
  font-size: 16px;
  font-style: normal;
  font-weight: 200 !important;
  line-height: 140% !important;
}

#menu-footer a {
font-family: "Roboto" !important;
  color: #222222;
  font-size: 16px;
  font-style: normal;
  font-weight: 200 !important;
  line-height: 140% !important;
}


.socket_color a, .socket_color .widget_first, .socket_color strong, .socket_color b, .socket_color b a, .socket_color strong a, .socket_color #js_sort_items a:hover, .socket_color #js_sort_items a.active_sort, .socket_color .av-sort-by-term a.active_sort, .socket_color .special_amp, .socket_color .taglist a.activeFilter, .socket_color #commentform .required, #top .socket_color .av-no-color.av-icon-style-border a.av-icon-char, .html_elegant-blog #top .socket_color .blog-categories a, .html_elegant-blog #top .socket_color .blog-categories a:hover{
	color : white !important;
	font-size : 14px !important;
}


#text-4 a{
	color : white !important;
}

#text-4 p{
	margin-top : 4px !important;
	margin-bottom : 0px !important;
}

#media_image-2{
	max-width : 254px !important;
	margin-bottom : 0px !important;
	margin-top : 40px !important;
}


#text-2{
	margin-top : 0px !important;
	margin-bottom : 12px !important;
}





.footer-social {

  display: flex;
  gap: 10px;
  justify-content: start;
}




.footer-social .social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  background-color: white !important;
  color: black !important;
  text-decoration: none;
  border-radius: 100px !important;
}

.footer-social .social-icon i {
  font-size: 18px;
}

@media screen and (min-width: 768px) {
	
	

	
	#top .av-main-nav ul a{
		border : 0px !important;
	}

  .av_promobox .avia-button {
    margin-top: 0px !important;
    right: 30px !important;
    top: 50% !important;
    position: absolute !important;
    z-index: 2 !important;
    transform: translateY(-50%) !important;
  }
	

	
}

@media screen and (min-width: 990px) {
	#sb-reviews-container-1 .sb-post-item-wrap{
		padding : 50px !important;
	}
	
}

@media screen and (max-width: 480px) {

#top  .partenaire .no_margin.av_one_fourth{
	    width: 100% !important;
        margin-left: 0px !important;
        margin-bottom: 0px !important;
}
}


@media screen and (max-width: 768px) {
	
		.h1-spec h1{
    bottom: 0px !important;
}
	
	.wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half, .wpforms-container .wpforms-field .wpforms-field-row .wpforms-three-sixths, .wpforms-container .wpforms-field .wpforms-field-row .wpforms-two-fourths{
		width : 100% !important;
	}
	
	.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block{
		padding : 0px !important;
	}
	
	
	.col-2{
		min-height : 250px !important;
	}

	.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet{
		color : white !important;
		opacity : 1 !important;
		height : 1.6px !important;
	}
	
	
.badge-tesla::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 110px !important;
    height: 110px !important;
    background-image: url(https://garage-carrosserie-dan.ch/wp-content/uploads/2025/05/tesla-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99 !important;
    pointer-events: none; /* évite tout conflit de clics */
}
	
	
	
   #top .avia-smallarrow-slider .avia-slideshow-arrows {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 90%; /* Ajuste la hauteur si besoin */
        display: flex;
        gap: 20px; /* Espace entre les deux flèches */
    }


	
	.header{
	max-height : 250px !important;
}
	
.header .container{
			max-height : 250px !important;

	}


.header-accueil{
	max-height : 350px !important;
}
	
		.header-accueil .template-page{
			max-height : 250px !important;

	}

	
		.h1-spec h1{
		    position: relative !important;
    font-size: 38px !important;
			bottom: 0px !important;
	}
	
	
	.section-infos-contact{
		margin-top : -120px !important;
	}

	
	.badge-tesla{
		min-height : 250px !important;
	}
	
	.milestone-char::before{
		font-size : 32px !important;
	}
	
	.txt-pleine-largeur-gauche{
		padding : 50px !important;
margin-bottom : 0px !important;
	}
	
		.txt-pleine-largeur-droite{
		padding : 50px !important;
margin-bottom : 0px !important;
	}
	
	.img-pleine-largeur-droite{
		min-height : 250px !important;
	}
	
		.img-pleine-largeur-gauche{
		min-height : 250px !important;
	}
	
		.photo-dan {
	aspect-ratio : 9/16 !important;
}
	
	.responsive .pleine-largeur .container{
		width : 100% !important;
		max-width : 100% !important;
	}
	
	.av_promobox{
		padding-bottom : 20px !important;
	}
	
	#text-3, #text-4{
		margin : 0px !important;
	}
	
	h3.widgettitle {
		font-size : 22px !important;
		margin : 0px !important;
	}
	
	.titre-info-contact h3{
				font-size : 25px !important;

	}
	
	h2{
				font-size : 22px !important;
	}
	
		h3{
				font-size : 19px !important;
	}
	
	h1 {
		font-size : 38px !important;
	}
	

 .sb-post-item-wrap{
	padding : 10px 10px 10px 10px !important;
}


    .cta-member .sc-av_one_third.av-equal-height-column-flextable {
    width: 100% !important;
    margin-left: 0 !important;
}
    
    .cta-member .el_before_av_two_third {
        margin-bottom: 0px !important;
    }
	
		.bandeau-tesla h3 {
	text-align: center !important;
}
	
	#top .avia-smallarrow-slider .avia-slideshow-arrows{
		        left: calc(-42.5% - -3px);
	}

}