/*
Theme Name: solartec
Author: Rougevert
Tags: blog, custom-menu
Version: 1.0.0
Requires at least: 5.0.0
Tested up to: 5.8.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solartec
*/

/* BIEN PENSER A AJOUTER 1024M DANS LE wp-config.php */

/* COULEURS */

/* GENERAL */
body {margin: 0;}

html {overflow-x: hidden;}

p {
	margin-top: 0;
	margin-bottom: 0;
}

#breadcrumbs a {
	font-weight: bold;
}

ul {
	-webkit-appearance: none !important;
}

/* HEADER */

body.home header.ouvert {
	margin-top: 0;
}

body.logged-in header {
	top: 32px;
}

body.elementor-editor-active header {
	top: 0 !important;
}

header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 11111 !important;
}

#logo_site_container {
	-webkit-mask-image: url('/wp-content/uploads/2023/10/forme_masque_logo.png');
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: bottom center;
	padding: 3rem;
	padding-bottom: 2rem;
	margin-top: -3rem;
	margin-bottom: -5rem;
	transition: all .5s;
}

#logo_site_container:hover {
	margin-top: -2rem;
}

#grand_container_logo {
	filter: drop-shadow(0px 2px 5px #00000030);
}

/* 404 */

a.lien_logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.error404 .element-central {
  width: 450px;
  height: 450px;
  background-color: #FFFFFF; /* Couleur de fond */
  position: relative;
  left: 50%;
  -webkit-mask-image: url('/wp-content/uploads/2023/10/masque_selecteur_90.png');
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  z-index: 1;
}

.error404 .fond_element_central {
	width: 450px;
	height: 450px;
	z-index: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-image: url('/wp-content/uploads/2023/10/fond_element_central.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.error404 .logo_central {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	height: 100px;
	width: 200px;
	background-image: url('/wp-content/uploads/2023/10/logo_solartec_sans_fond.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/* HOME */

#colonne_selecteur {
	transform: translate(-50%, -50%);
}

#clim_1 .titre_cat .elementor-widget-container::before,
#pompes_2 .titre_cat .elementor-widget-container::before,
#photo_3 .titre_cat .elementor-widget-container::before,
#entretien_4 .titre_cat .elementor-widget-container::before {
	display: block;
    position: absolute;
    width: 150px;
    height: 3px;
    bottom: -15px;
    border-radius: 50px;
    content: '';
    left: 50%;
    transform: translateX(-50%);
}

#clim_1 .titre_cat .elementor-widget-container::before {
	background-color: #87C4D8;
}

#pompes_2 .titre_cat .elementor-widget-container::before {
	background-color: #FF8B00;
}

#photo_3 .titre_cat .elementor-widget-container::before {
	background-color: #FCE63C;
}

#entretien_4 .titre_cat .elementor-widget-container::before {
	background-color: #55D64A;
}

.element-central {
  width: 450px;
  height: 450px;
  background-color: #ffffff; /* Couleur de fond */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask-image: url('/wp-content/uploads/2023/10/masque_selecteur_90.png');
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  z-index: 1;
}


.error404 .element-central {
  width: 450px;
  height: 450px;
  background-color: #ffffff; /* Couleur de fond */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-mask-image: url('/wp-content/uploads/2023/10/masque_selecteur_90.png');
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  z-index: 1;
}


.fond_element_central {
	width: 450px;
	height: 450px;
	z-index: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-image: url('/wp-content/uploads/2023/10/fond_element_central.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.contenu_central {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.contenu_central>h1 {
	width: 200px;
	font-size: 20px;
	text-align: center;
	margin: 0 !important;
	font-weight: 400 !important;
}

.logo_central {
	height: 100px;
	width: 200px;
	background-image: url('/wp-content/uploads/2023/10/logo_solartec_sans_fond.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#bouton_masque a {
	-webkit-mask-image: url('/wp-content/uploads/2023/10/bouton_masque_grand_V2.png');
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: left center;
	-webkit-mask-repeat: no-repeat;
}

#bouton_masque a i {
	position: relative;
}

#bouton_masque:hover a i {
	animation: 0.75s linear bounce_left;
}

#bouton_masque a>.elementor-button-content-wrapper {
	padding: 5px 15px;
	align-items: center;
}

.bouton_actu img {
	transition: all .5s;
}

.cadre_actu:hover .bouton_actu img {
	transform: rotate(-90deg);
}

.cadre_actu>.e-con-inner {
	align-items: flex-start !important;
	align-content: flex-start !important;
	flex-direction: column !important;
}

#loop_actus_home .swiper.elementor-loop-container {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 10px; 
}

@keyframes bounce_left {
	0% {
		left: 0rem;
	}
	
	25% {
		left: 0.5rem;
	}
	
	50% {
		left: 0rem;
	}
	
	75% {
		left: 0.5rem;
	}
	
	100% {
		left: 0rem;
	}
}

@keyframes bounce_right_archive {
	0% {
		left: 1rem;
	}
	
	25% {
		left: 0.5rem;
	}
	
	50% {
		left: 1rem;
	}
	
	75% {
		left: 0.5rem;
	}
	
	100% {
		left: 1rem;
	}
}

@keyframes bounce_left_archive {
	0% {
		right: 1rem;
	}
	
	25% {
		right: 0.5rem;
	}
	
	50% {
		right: 1rem;
	}
	
	75% {
		right: 0.5rem;
	}
	
	100% {
		right: 1rem;
	}
}

/* PAGE ARCHIVE */

.boucle_archive nav.elementor-pagination {
	display: flex;
	justify-content: space-between;
}

.boucle_archive nav.elementor-pagination>.next {
	-webkit-mask-image: url('/wp-content/uploads/2023/10/bouton_masque_grand_V2.png');
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: left center;
	-webkit-mask-repeat: no-repeat;
	display: flex;
	align-items: center;
}

.boucle_archive nav.elementor-pagination>.next::after {
	content: '>';
	order: 10;
	margin-left: 12px;
    font-size: 30px;
    line-height: 30px;
    margin-top: -6px;
    position: absolute;
    right: 1rem;
}

.boucle_archive nav.elementor-pagination>a.next:hover::after {
	animation: 0.75s linear bounce_left_archive;
}

.boucle_archive nav.elementor-pagination>.prev {
	-webkit-mask-image: url('/wp-content/uploads/2023/10/bouton_masque_grand_V2_rotate.png');
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: left center;
	-webkit-mask-repeat: no-repeat;
	display: flex;
	align-items: center;
}

.boucle_archive nav.elementor-pagination>.prev::before {
	content: '<';
	order: 0;
	margin-right: 12px;
    font-size: 30px;
    line-height: 30px;
    margin-top: -6px;
    position: absolute;
    left: 1rem;
}

.boucle_archive nav.elementor-pagination>a.prev:hover::before {
	animation: 0.75s linear bounce_right_archive;
}

.boucle_archive nav.elementor-pagination>.next,
.boucle_archive nav.elementor-pagination>.prev {
    padding: 5px 100px; 
    background-color: var(--e-global-color-secondary);
    color: white;   
}

/* SINGLE ACTU */
.sticky_column {
	position: sticky !important;
	top: 6rem;
}

/* FOOTER */

#avis_footer .ti-widget.ti-goog.ti-no-stars .ti-star.f {
	background-image: url(https://cdn.trustindex.io/assets/platform/Trustindex/star/f.svg) !important;
}

#avis_footer .ti-profile-img {
	display: none !important;
}

#avis_footer .ti-inner {
	background-color: white !important;
}

#avis_footer .ti-footer {
	display: none !important;
}

#avis_footer .ti-controls {
    top: auto !important;
    bottom: -5px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}

#avis_footer .ti-controls>.ti-next,
#avis_footer .ti-controls>.ti-prev {
	position: relative !important;
	padding: 0 !important;
	transform: none !important;
}

#avis_footer .ti-controls>.ti-next {
	right: 0 !important;
	margin-left: 1rem !important;
}

#avis_footer .ti-controls>.ti-prev {
	left: 0 !important;
	margin-right: 1rem !important;
}

#avis_footer .ti-controls::before {
    content: '•';
    position: absolute;
    bottom: -34px;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 35px;
    color: white !important;
}

#avis_footer .ti-widget-container {
	padding-bottom: 25px !important;
}

#avis_footer .ti-review-content {
	font-family: "Dosis", "Helvetica", sans-serif;
	padding: 0;
	margin: 0;
	text-align: left !important;
	height: 70px !important;
	width: 100%;
	font-size: 16px;
    font-weight: 500;
    line-height: 18px;
}

#avis_footer .ti-profile-details>.ti-date {
	display: none !important;
}

#avis_footer .ti-stars {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	display: flex;
	align-items: center;
}

#avis_footer .ti-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px !important;
	border-radius: 20px !important;
}

#avis_footer .ti-name {
	font-weight: bold;
	color: var(--e-global-color-primary);
	text-transform: uppercase;
	font-family: 'Dosis', sans-serif;
	font-size: 18px;
}

#avis_footer .chiffre_compteur {
    margin-right: 5px;
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #707070;
}

#logo_site_container_footer {
	-webkit-mask-image: url('/wp-content/uploads/2023/10/masque_logo_footer_no_shadow.png');
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: bottom center;
    padding-top: 8rem;
    padding-bottom: 2rem;
    margin-top: -8rem;
    margin-bottom: 0rem;
}

#logo_site_container_footer img {
	transform: scale(0.8);
}

#grand_container_logo_footer {
	filter: drop-shadow(0px 2px 5px #00000030);
}

#liste_footer ul {
    padding-inline-start: 18px;
}

#bouton_avis_footer .elementor-icon-box-icon {
	margin-top: -5px;
	margin-bottom: -5px;
	position: relative;
}

#bouton_avis_footer:hover .elementor-icon-box-icon {
	animation: 0.75s linear bounce_left;
}

.bouton_anim>.elementor-widget-container {
	background-size: 100% 100% !important;
}

.bouton_anim .elementor-icon-box-icon {
	margin-top: -5px !important;
	margin-bottom: -6px !important;
	margin-left: 12px;
    position: absolute;
    right: 1rem;
}

.bouton_anim:hover .elementor-icon-box-icon {
	animation: 0.75s linear bounce_left_archive;
}

#bouton_facebook_footer {
	transform: translateY(-50%);
}

#bouton_facebook_footer .elementor-icon {
	background-color: transparent;
	--icon-padding: -1px;
	transition: all .5s;
}

#bouton_facebook_footer .elementor-icon:hover {
	background-color: white;
}

#bouton_facebook_footer .elementor-icon i {
	transition: all .5s;
}

/* PAGES INTERIEURES */

.slider_text .ekit-wid-con .ekit-team-img.profile-image-card>img {
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center;
}

.galerie_photo_thermo .e-gallery-image.elementor-gallery-item__image {
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
}

.galerie_photo_thermo .elementor-gallery__container {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
}

.galerie_photo_thermo .elementor-gallery__container a {
	width: 300px;
	height: 300px;
}

.forme_interieure {
	transform: translateY(-50%);
}

.forme_interieure img {
	max-width: none !important;
	width: auto !important;
	float: right;
}

.forme_interieure_droite img {
	max-width: none !important;
	width: auto !important;
}

.iconbox_sanstitre h3 {
	display: none !important;
}

.iconbox_sanstitre .elementor-icon-box-wrapper {
	align-items: center;
}

.iconbox_sanstitre .elementor-icon-box-content {
	display: flex;
	align-self: center;
}

.accordeon_before a.elementskit-btn-link::before {
    content: '';
    height: 2px;
    background-color: var(--e-global-color-primary);
    border-radius: 50px;
    flex-grow: 1;
}

.accordeon_before .ekit_accordion_icon_left_group {
	padding-left: 18px;
	padding-right: 12px !important;
}

.accordeon_before [data-elementor-type="wp-post"]>.elementor-element {
	padding: 0;
}

/* FORMULAIRE */
span.gfield_required.gfield_required_asterisk {display: inline-block !important;}

input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus {
	outline: none;
}

[id^='gform_'] .gform_body input:not([type="checkbox"]),
[id^='gform_'] .gform_body textarea {
	font-family: 'Dosis', sans-serif;
	font-weight: 500;
}

[id^='gform_'] .gform_body label {
	font-family: 'Dosis', sans-serif;
	color: white;
}

[id^='gform_'] .gform_body label a:hover {
	color: white;
}

[id^='gform_'] .gform_body label .gfield_required.gfield_required_text {
	display: none;
}

[id^='gform_submit_button_'] {
	padding: 5px 100px;
	border: none;
	border-radius: 0;
	background-color: white;
	color: var(--e-global-color-secondary);
	-webkit-mask-image: url('/wp-content/uploads/2023/10/bouton_masque_grand_V2.png');
	-webkit-mask-size: 100% 100%;
	-webkit-mask-position: left center;
	-webkit-mask-repeat: no-repeat;
	font-family: 'Dosis', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 0 !important;
	cursor: pointer;
}

.gform_footer.before {
	width: fit-content;
	position: relative;
	display: flex;
	align-items: center;
}

.gform_footer.before::after {
	content: '>';
	order: 10;
	margin-left: 12px;
    font-size: 30px;
    line-height: 30px;
    margin-top: -6px;
    position: absolute;
    right: 1rem;
    font-family: 'Dosis', sans-serif;
    font-weight: 700;
    color: var(--e-global-color-secondary);
}

.gform_footer.before:hover::after {
	animation: 0.75s linear bounce_left_archive;
}

div[id^='gform_confirmation_message_']{text-align: center;}

@media screen and (min-width: 1025px) {

	#menu_1ere_partie a,
	#menu_2eme_partie a {
		font-size: 15px;
	}
	
	#clim_1 .texte_apparition,
	#pompes_2 .texte_apparition,
	#photo_3 .texte_apparition,
	#entretien_4 .texte_apparition {
		opacity: 0;
	    margin-top: -10rem;
    	transition: margin-top 0.5s, opacity 1s;
	}
	
	#clim_1:hover .texte_apparition,
	#pompes_2:hover .texte_apparition,
	#photo_3:hover .texte_apparition,
	#entretien_4:hover .texte_apparition {
		opacity: 1;
		margin-top: 0rem;
	}
	
	#clim_1 .image_apparition,
	#pompes_2 .image_apparition,
	#photo_3 .image_apparition,
	#entretien_4 .image_apparition {
		opacity: 0;
		margin-top: -10rem;
		transition: transform 0.5s, margin-top 0.25s, opacity 1s;
		transform: rotate(-90deg);
	}
	
	#clim_1:hover .image_apparition,
	#pompes_2:hover .image_apparition,
	#photo_3:hover .image_apparition,
	#entretien_4:hover .image_apparition {
		opacity: 1;
		margin-top: 0rem;
		transform: rotate(0deg);
	}
	
	#clim_1,
	#pompes_2,
	#photo_3,
	#entretien_4 {
		height: 50vh;
	}
	
	#clim_1:hover::before,
	#pompes_2:hover::before,
	#photo_3:hover::before,
	#entretien_4:hover::before {
		--overlay-opacity: 0.30;
	}
	
	#clim_1 .titre_cat span,
	#pompes_2 .titre_cat span,
	#photo_3 .titre_cat span,
	#entretien_4 .titre_cat span {
		transition: all .5s;
	}
	
	#clim_1:hover .titre_cat span,
	#clim_1:hover .titre_cat h2 {
		color: #87C4D8;
	}
	
	#pompes_2:hover .titre_cat span,
	#pompes_2:hover .titre_cat h2 {
		color: #FF8B00;
	}
	
	#photo_3:hover .titre_cat span,
	#photo_3:hover .titre_cat h2 {
		color: #FCE63C;
	}
	
	#entretien_4:hover .titre_cat span,
	#entretien_4:hover .titre_cat h2 {
		color: #55D64A;
	}
}


@media screen and (min-width: 1201px) {
	#menu_1ere_partie .actu_menu,
	#menu_1ere_partie .apropos_menu,
	#menu_1ere_partie .contact_menu {
		display: none;
	}
	
	#menu_2eme_partie .clim_menu,
	#menu_2eme_partie .pompes_menu,
	#menu_2eme_partie .photo_menu,
	#menu_2eme_partie .entretien_menu,
	#menu_2eme_partie .chauffe-eau-solaire {
		display: none;
	}
	
	#menu_1ere_partie li::before,
	#menu_2eme_partie li:not(:last-child)::before {
		content: '';
	    width: 2px;
	    height: 100px;
	    position: absolute;
	    left: 50%;
	    top: 15px;
	    transform: translate(-50%, -100%);
	    background-color: white;
	    border-radius: 50px;
	}
	
	#menu_2eme_partie li.contact_menu a {
		background-color: white !important;
		color: #707070 !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#menu_1ere_partie .clim_menu.current_page_item>a.elementor-item-active {
		color: #87C4D8;
	}
	
	#menu_1ere_partie .pompes_menu.current_page_item>a.elementor-item-active {
		color: #FF8B00;
	}
	
	#menu_1ere_partie .photo_menu.current_page_item>a.elementor-item-active {
		color: #FCE63C;
	}
	
	#menu_1ere_partie .entretien_menu.current_page_item>a.elementor-item-active {
		color: #55D64A;
	}

	#menu_1ere_partie .chauffe-eau-solaire.current_page_item>a.elementor-item-active {
		color: #FF8B00;
	}	
	
	#menu_1ere_partie .clim_menu.current_page_item::before {
		background-color: #87C4D8;
	}
	
	#menu_1ere_partie .pompes_menu.current_page_item::before {
		background-color: #FF8B00;
	}
	
	#menu_1ere_partie .photo_menu.current_page_item::before {
		background-color: #FCE63C;
	}
	
	#menu_1ere_partie .entretien_menu.current_page_item::before {
		background-color: #55D64A;
	}
	
	#menu_1ere_partie .chauffe-eau-solaire.current_page_item::before {
		background-color: #FF8B00;
	}
	
	#menu_1ere_partie ul>li,
	#menu_2eme_partie ul>li:not(.contact_menu) {
		transition: all .5s;
	}
	
	#menu_1ere_partie ul>li:hover,
	#menu_2eme_partie ul>li:not(.contact_menu):hover {
		margin-top: 5px;
		margin-bottom: -5px;
	}
	
	#menu_2eme_partie ul>li.contact_menu:hover>a {
		background-color: transparent !important;
		color: white !important;
	}
	
	#menu_2eme_partie ul>li:not(.contact_menu).current-menu-item>a {
		color: var(--e-global-color-primary) !important;
	}
	
	#menu_2eme_partie ul>li:not(.contact_menu).current-menu-item::before {
		background-color: var(--e-global-color-primary) !important;
	}
	
	#menu_2eme_partie ul>li.contact_menu.current-menu-item>a {
		background-color: var(--e-global-color-secondary) !important;
		color: white !important;
	}
	
	#menu_2eme_partie ul>li.contact_menu.current-menu-item:hover>a {
		background-color: var(--e-global-color-text) !important;
	}
	
}

@media screen and (max-width: 1200px) {
	#logo_site_container_footer {
	    padding-top: 2rem !important;
	    padding-bottom: 0rem !important;
	    margin-top: 0rem !important;
	    margin-bottom: 0rem !important;
	}
	
	#logo_site_container_footer img {
	    padding-top: 1rem;
	}
}

@media screen and (min-width: 769px) and (max-width: 1200px) {	
	#menu_2eme_partie nav {
		padding-top: 4rem;
	}
}

@media screen and (max-width: 768px) {
	#clim_1 .titre_cat::before,
	#pompes_2 .titre_cat::before,
	#photo_3 .titre_cat::before,
	#entretien_4 .titre_cat::before {
		content: '';
		background-size: contain;
		background-position: right center;
		background-repeat: no-repeat;
		position: absolute;
	    top: 50%;
    	left: -35px;
	    width: 65px;
	    height: 55px;
	    transform: translate(-50%, -50%);
	}
	
	#clim_1 .titre_cat::before {
		background-image: url('/wp-content/uploads/2023/10/fleche_clim.png');
	}
	
	#pompes_2 .titre_cat::before {
		background-image: url('/wp-content/uploads/2023/10/fleche_pompes.png');
	}
	
	#photo_3 .titre_cat::before {
		background-image: url('/wp-content/uploads/2023/10/fleche_photo.png');
	}
	
	#entretien_4 .titre_cat::before {
		background-image: url('/wp-content/uploads/2023/10/fleche_entretien.png');
	}
	
	#avis_footer .ti-controls {
		bottom: -30px !important;
	}
	
	#colonne_logo_404 {
		clip-path: circle();
	}
	
	#footer_colonne_logo {
		clip-path: circle();
	}
	
	#menu_2eme_partie nav {
		padding-top: 2rem;
		top: 35px !important;
	}
	
	#bouton_facebook_footer {
	    position: relative !important;
   		top: auto !important;
   		transform: none !important;
	}
	
	#liste_footer ul {
	    padding-inline-start: 0px;
	    list-style-type: none;
	}
	
	#logo_site_container_footer {
	    padding-top: 6rem !important;
	    padding-bottom: 4rem !important;
	    margin-top: 0rem !important;
	    margin-bottom: 0rem !important;
	} 
	
	#bouton_avis_footer .elementor-icon-box-wrapper {
		display: flex;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	
	#bouton_avis_footer .elementor-icon-box-wrapper .elementor-icon-box-icon {
		order: 1;
		width: fit-content;
	}
	
	#bouton_avis_footer .elementor-icon-box-content {
		width: fit-content;
		flex-grow: 0;
	}
	
	.bouton_anim .elementor-icon-box-wrapper {
		display: flex;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	
	.bouton_anim .elementor-icon-box-wrapper .elementor-icon-box-icon {
		order: 1;
		width: fit-content;
	}
	
	.bouton_anim .elementor-icon-box-content {
		width: fit-content;
		flex-grow: 0;
	}
	
	.iconbox_sanstitre .elementor-icon-box-wrapper {
		display: flex !important;
	}
	
	.iconbox_sanstitre .elementor-icon-box-content {
		text-align: left !important;
		align-self: flex-start !important;
		padding-top: 14px;
	}
	
	.iconbox_sanstitre .elementor-icon-box-icon {
		margin-right: 10px !important;
	}
	
	.bouton_anim .elementor-icon-box-icon {
		margin-top: 1px !important;
		margin-bottom: 0 !important;
	}
	
	.accordeon_before a.elementskit-btn-link::before {
		display: none !important;
	}
}

@media screen and (min-width: 769px) {
	body.home header {
		margin-top: -150px;
		transition: all .5s;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1516px) {
	#menu_1ere_partie li a,
	#menu_2eme_partie li a {
		font-size: 15px;
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
}


@media screen and (min-width: 1200px) and (max-width: 1809px) {
	#menu_1ere_partie a,
	#menu_2eme_partie a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1709px) {
	#menu_1ere_partie .chauffe-eau-solaire>a,
	#menu_2eme_partie .chauffe-eau-solaire>a {
		width: 100px;
		white-space: break-spaces;
		text-align: center;
	}

	#menu_1ere_partie .pompes_menu>a,
	#menu_2eme_partie .pompes_menu >a {
		width: 90px;
		white-space: break-spaces;
		text-align: center;
	}

	#container-droite-header {
		align-content: flex-start !important;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1456px) {
	#gros_container_header {
		padding-left: 2em !important;
		padding-right: 2em !important;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1392px) {
	#gros_container_header {
		padding-left: 0em !important;
		padding-right: 0em !important;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1370px) {
	#grand_container_logo {
		width: 250px;
	}

	#container-gauche-header,
	#container-droite-header {
		width: calc((100% / 2) - 125px) !important;
		--width: calc((100% / 2) - 125px) !important;
	}

	#menu_1ere_partie a,
	#menu_2eme_partie a {
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
	#menu_1ere_partie a,
	#menu_2eme_partie a {
		font-size: 14px !important;
	}

	#menu_1ere_partie .chauffe-eau-solaire>a,
	#menu_2eme_partie .chauffe-eau-solaire>a {
		width: 95px;
		white-space: break-spaces;
		text-align: center;
	}

	#menu_1ere_partie .pompes_menu>a,
	#menu_2eme_partie .pompes_menu >a {
		width: 80px;
		white-space: break-spaces;
		text-align: center;
	}
}

@media screen and (min-width: 1200px) and (max-width: 1215px) {
	#menu_1ere_partie li>a,
	#menu_2eme_partie li>a {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
}