/*.picto_pmr_bleu {
	width: 100px;
	height: 100px;
	mask-size: contain;
	mask-repeat: no-repeat;
	background-color: #2973b3;
	margin-right: 50px;
  }*/

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon {
	left: auto !important;
	right: 20px !important;
	padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.logo_header_pmr {
	display: none;
}

body.page_pmr .oxy-header-left .logo_header_pmr {
	display: block;
}

body.page_pmr .oxy-header-left img {
	display: none;
}

/* bloc home hover */

.bloc_hover_pmr_txt, .bloc_hover_assist_txt {
	opacity: 0;
	pointer-events: none;
}

.bloc_hover_pmr_txt {
	transform: translate(0%, 0%);
}

.bloc_hover_assist_txt {
	transform: translate(0%, 0%);
}

.bloc_hover_assist:hover .bloc_hover_assist_txt,
.bloc_hover_pmr:hover .bloc_hover_pmr_txt {
	opacity: 1;
	transition: 0.3s;
	pointer-events: auto;
}

.bloc_hover_assist:hover .bloc_hover_assist_txt {
	transform: translate(50%, 0%);
}

.bloc_hover_pmr:hover .bloc_hover_pmr_txt {
	transform: translate(-50%, 0%);
}

.bloc_hover_assist:hover,
.bloc_hover_pmr:hover {
	z-index: 10;
	position: relative;
}

.bloc_hover_assist:hover > .bloc_hover_img,
.bloc_hover_pmr:hover > .bloc_hover_img {
	z-index: 99;
}

@media screen and (max-width:992px) {
	.bloc_hover_img {
		clip-path: none !important;
	}

	.bloc_hover_assist:hover .bloc_hover_assist_txt {
		transform: translate(0%, 0%);
	}
	
	.bloc_hover_pmr:hover .bloc_hover_pmr_txt {
		transform: translate(-0%, 0%);
	}

	.bloc_hover_assist:hover > .bloc_hover_img,
	.bloc_hover_pmr:hover > .bloc_hover_img {
	z-index: 0;
	}

}

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

	.bloc_reseau_pmr {
		display: none !important;
	}

	.bloc_reseau_pmr_mobile,
	.bloc_reseau_pmr_mobile > .ct-section-inner-wrap {
		display: block !important;
	}

}

.home-presta-single-bloc-link-pmr:hover .home-prestation-single-bloc-content * {
	color: white !important;
}

.home .oxy-modal-backdrop.live {
	display: flex !important;
}

.home .oxy-modal-backdrop.live .carte_single_franchise {
	display: block;
}

.carte_search path {
	fill: #ebebeb !important;
}

.carte_search {
	position: relative;
}

div div#div_block-19-105 .carte_single_franchise {
	left: unset !important;
	right: -150px !important;
	z-index: 99998;
}

#div_block-62-120, #div_block-63-120, #div_block-64-120 {
	position: relative;
}

body:not(.home) .carte_single_franchise_content_right > p {
	max-width: 280px;
}

#div_block-62-120::after, #div_block-63-120::after, #div_block-64-120::after {
	content: '';
	background-color: #FFE358;
	clip-path: polygon(20% 40%, 100% 40%, 80% 100%, 0% 100%);
	-webkit-clip-path: polygon(20% 40%, 100% 40%, 80% 100%, 0% 100%);
	width: 100px;
	position: absolute;
	left: 50%;
	bottom: -125px;
	transform: translate(-55%);
	transition: 0.3s;
	height: 80px;
}

@media screen and (max-width: 1200px) {
	#div_block-62-120::after, #div_block-63-120::after, #div_block-64-120::after {
		bottom: -60px;
	}
}

div div#div_block-19-105 .carte_single_franchise_no_result {
	right: 0 !important;
	left: unset !important;
}
.blog.paged #_posts_grid-183-178 {
	display: none;
}

.oxy-repeater-pages {
	flex-wrap: wrap;
}

/* Menu PMR */

.page_pmr #div_block-17-8,
.page_pmr #div_block-24-8 {
	background-color: #2973b3;
}

.page_pmr .oxy-pro-menu-list > .menu-item::after, 
.page_pmr .oxy-pro-menu-list .current-menu-parent.menu-item-has-children::after, 
.page_pmr .oxy-pro-menu-list > .current-menu-item::after {
	background-color: #4a8fcc;
}

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

	.oxy-header-left {
		padding: 25px 50px 25px 10px !important;
	}

	#-pro-menu-134-8 {
		margin-right: 10px !important;
	}

	#-pro-menu-134-8 .oxy-pro-menu-list .menu-item a {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

}

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

	.page_pmr #-pro-menu-142-348 .oxy-pro-menu-container .oxy-pro-menu-list > .menu-item > a,
	.page_pmr #-pro-menu-134-348 .oxy-pro-menu-container .oxy-pro-menu-list > .menu-item > a {
		color: white;
	}

	.page_pmr #-pro-menu-142-348 .oxy-pro-menu-container .oxy-pro-menu-list > .menu-item .sub-menu a:hover,
	.page_pmr #-pro-menu-134-348 .oxy-pro-menu-container .oxy-pro-menu-list > .menu-item .sub-menu a:hover {
		color: #2973b3 !important;
	}

}


#_header-1-8, #_header_row-18-8 {
	z-index: 100000 !important;
	position: relative;
}

.oxy-repeater-pages-wrap .prev, .oxy-repeater-pages-wrap .next {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.menu-item-has-children {
	height: max-content !important;
	min-height: 80px !important;
}

#ShareoneDrive {
	margin-bottom: 0 !important;
}

.loader_map {
	position: absolute;
	top: 50%;
	left: 58%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: row;
}

.home .loader_map {
	left: 52%;
}

.loader_map .circle:not(:last-child) {
	margin-right: 10px;
}

.loader_map .circle-1 {
	animation: moveup .9s infinite;
}

.loader_map .circle-2 {
	animation: moveup .9s .3s infinite;
}

.loader_map .circle-3 {
	animation: moveup .9s .6s infinite;
}

.loader_map .circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffd400;
  box-shadow: 0px 0px 15px 0px rgba(29,29,29,0.4);
}

@keyframes moveup{
  0% {transform: translateY(0)}
  50% {transform: translateY(-10px)}
  100% {transform: translateY(0)}
}

.bouton-blanc {
	box-shadow: inset 0 0 0 0 #ffd400, 0px 0px 15px 0px rgba(29,29,29,0.4);
}

.bouton-noir, .bouton-jaune, .bouton-blanc {
	transition: all ease-out 0.6s;
	border: none !important;
}

.bouton-jaune {
	background-image: linear-gradient(to right, #1d1d1d 0% 100%);
	-webkit-background-size: 0%;
	background-size: 0%;
	background-repeat: no-repeat;
	background-position: 0%;
}

.bouton-noir {
	box-shadow: inset 0 0 0 0 #ffd400;
}

.bouton-noir:hover, .bouton-blanc:hover {
	color: #1d1d1d !important;
	box-shadow: inset 400px 0 0 0 #ffd400, 0px 0px 15px 0px rgba(29,29,29,0.4);
	border-color: #ffd400 !important;
}

.bouton-jaune:hover {
	color: #fff !important;
	border-color: #1d1d1d !important;
	background-color: #1d1d1d !important;
	-webkit-background-size: 100%;
	background-size: 100%;
}

footer .menu-item, .footer_link_with_img {
	transition: all 0.2s linear;
}

.footer_link_with_img:hover, footer .menu-item:hover {
	margin-left: 5px;
}

.footer_link_with_img:hover path {
	fill: #F0C800 !important;
}

.footer_link_with_img:hover div {
	color: #F0C800 !important;
}

.ydu_form.ydu_form_contact {
	padding: 35px !important;
	border: 2px solid #1d1d1d;
}

#_posts_grid-183-178 .big_actu_bloc {
	width: 100% !important;
}

#_posts_grid-183-178::after {
	right: 80px !important;
}

#section-45-124::after , #section-49-120::after, #_posts_grid-183-178 .big_actu_img {
	display: none;
}
	
#div_block-47-124, #div_block-51-120 {
	background-position: 100% 0 !important;
}

.submit_ebts .ajax-loader {
	display: none;
}

.submit_ebts {
	margin-top: 20px !important;
}

.ydu_form_item {
	transition: margin-bottom 0.5s linear;
}

.ebts_submit_error {
	position: absolute;
	font-size: 12px;
	color: #dc3232;
}

.ebts_div_submit_error {
	margin-bottom: 35px !important;
}

.wpcf7-response-output {
	margin-bottom: 0 !important;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

.ydu_form_submit_btn.submit_ebts {
	position: relative;
}

.ydu_form_submit_btn.submit_ebts.submit_spinner::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #1d1d1d;
}

.ydu_form_submit_btn.submit_ebts.submit_spinner::before {
    position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
    content: '';
    color: #ffd400;
	display: inline-block;
	width: 25px;
	height: 25px;
	border: 3px solid #ffd400;
	border-radius: 50%;
	border-top-color: #46a841;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
	z-index: 1000;
}

.ydu_form_item input {
	padding: 20px !important;
}

.ebts_submit_msg {
	position: absolute;
	bottom: 25px;
}

.ydu_form_item.first {
	margin-bottom: 100px;
	position: relative;
}

.ydu_form_item.second {
	margin-bottom: 50px;
	position: relative;
}

.ydu_form_item.ebts_div_submit_error::after {
	display: none;
}

.ydu_form_item.first::after {
	content: '+';
	width: 50px;
	height: 50px;
	color: green;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translate(-50%, 50%);
	font-size: 50px;
	transition: all 0.3s ease;
}

.ydu_form_item.second::after {
	content: 'OU';
	width: 50px;
	height: 50px;
	color: green;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translate(-50%, 50%);
	font-size: 26px;
	transition: all 0.3s ease;
}

.container_candidature{
	display: flex;
	gap: 25px;
}

.container_candidature_full input, .container_candidature_full textarea{
	width: 100%;
}

.submit_container{
	text-align: center;
}

/* Form candidature */

.candidature_spontanee_form input:not([type=submit]), .candidature_spontanee_form textarea{
	width: 100%;
	border: 1px solid #ebebeb;
	padding: 10px 25px;
	font-size: 13px;
	height: 100%;
	font-family: 'Ubuntu';
	padding: 20px !important;
}

.bouton-jaune{
	cursor: pointer;
}

.list_offres_single_apply_content form .ydu_form_submit {
    position: relative;
}

.hdp_file_button {
	background-color: #3c3c3c;
    color: white;
    border: none;
    border-radius: 0;
    font-family: 'Ubuntu';
    text-transform: uppercase;
	padding: 15px 20px;
	position: relative;
}

.hdp_file_button + .wpcf7-form-control-wrap {
	position: absolute;
    display: block;
    height: 50px;
    margin-top: -50px;
    opacity: 0;
}

.hdp_file_button + .wpcf7-form-control-wrap .wpcf7-file {
	height: 50px;
}

.hdp_selected_file {
	margin: -10px 0 0;
	font-size: 0.9rem;
}

.container_candidature {
	margin-bottom: 15px;
}

.container_candidature_full {
	margin-bottom: 50px;
	margin-top: 30px;
}

@keyframes spin {
  to { -webkit-transform: translate(-50%, -50%) rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: translate(-50%, -50%) rotate(360deg); }
}

.submit_ebts input {
	margin-top: 0 !important;
}

@media (max-width: 1200px) {
	.oxy-pro-menu-dropdown-icon-click-area {
		position: relative !important;
		left: 0 !important;
		margin-left: 15px !important;
	}
}

@media (max-width: 991px) {
	#div_block-62-120::after, #div_block-63-120::after, #div_block-64-120::after {
		display: none;
	}
	
	#section-49-120 #link_button-143-8, #section-45-124 #link_button-143-8 {
		background-color: #fff;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	
	#div_block-51-120, #div_block-47-124 {
		width: 100% !important;
	}
	
	#section-49-120 #new_columns-50-120 #div_block-51-120, #section-45-124 #new_columns-46-124 #div_block-47-124 {
		padding-bottom: 100px !important;
	}
	
}




/* Style par défaut (fond noir) */
.has-new::before {
    content: "NOUVEAU";
    position: absolute;
    top: 5px; /* Ajuste la hauteur */
    left: 85px; /* Position finale */
    background: #000; /* Noir */
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: bolder;
    padding: 2px 8px;
    transform: skew(-15deg); /* Effet parallélogramme */
    border-radius: 1px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-20px) skew(-15deg);
    animation: fadeInMove 0.8s ease-out forwards;
}

/* Si on est sur une page avec /nos-prestations-tpmr/, applique le fond jaune */
.page-prestations-tpmr .has-new::before {
    background: #fdd02d !important; /* Jaune */
	color: rgb(0, 0, 0) !important;
}

/* Définition de l'animation */
@keyframes fadeInMove {
    from {
        opacity: 0;
        transform: translateX(-20px) skew(-15deg);
    }
    to {
        opacity: 1;
        transform: translateX(0) skew(-15deg);
    }
}

/* BOUTON NEW DANS MENU Style par défaut (fond noir) */
.has-new::before {
    content: "NOUVEAU";
    position: absolute;
    top: 5px; /* Ajuste la hauteur */
    left: 85px; /* Position finale */
    background: #000; /* Noir */
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: bolder;
    padding: 2px 8px;
    transform: skew(-15deg); /* Effet parallélogramme */
    border-radius: 1px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-20px) skew(-15deg);
    animation: fadeInMove 0.8s ease-out forwards;
}

/* Si on est sur une page avec /nos-prestations-tpmr/, applique le fond jaune */
.page-prestations-tpmr .has-new::before {
    background: #fdd02d !important; /* Jaune */
	color: rgb(0, 0, 0) !important;
}

/* Définition de l'animation */
@keyframes fadeInMove {
    from {
        opacity: 0;
        transform: translateX(-20px) skew(-15deg);
    }
    to {
        opacity: 1;
        transform: translateX(0) skew(-15deg);
    }
}

/* MODAL PMR */

/* Fond semi-transparent derrière la modal */
.modal_hp_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6); /* Fond sombre */
    z-index: 9998; /* Juste en dessous de la modal */
    display: none;
}

/* Modal principale */
.modal_hp_hydroparts {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    width: 90%;
    max-width: 400px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 999999; /* S'assurer qu'elle est au-dessus de tout */
    text-align: center;
    border: none; /* Supprime toute bordure */

}

/* Bouton de fermeture (croix) */
.modal_hp_hydroparts_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 20px;
}

/* Titre vert */
.modal_hp_hydroparts_title {
    color: #3c9b3c; /* Vert */
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Texte noir */
.modal_hp_hydroparts_text {
    color: black;
    font-size: 16px;
    margin-bottom: 10px;
}

/* Image du numéro de téléphone */
.modal_hp_hydroparts_phone {
    width: 220px; /* Ajuste la taille */
    margin-bottom: 15px;
}

/* Bouton jaune sans bordure blanche */
.modal_hp_hydroparts_button {
    display: inline-block;
    background-color: #ffd400;
    color: black;
    font-weight: bold;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 16px;
    border: none; /* Supprime toute bordure */
}

/* PARTIE BLEUE */
.modal_hp_hydroparts_mobility {
    background-color: #006fc0;
    color: white;
    text-align: center;
    padding: 5px;
    position: relative;
    margin-top: 25px;
    border: none; /* Supprime toute bordure */
}

/* Titre blanc */
.modal_hp_hydroparts_mobility_title {
    font-size: 18px;
    color: white;
	margin-top: 5px;
}

/* Bouton blanc */
.modal_hp_hydroparts_mobility_btn {
    display: block;
    text-align: center;
    background-color: white;
    color: black;
    font-weight: bold;
    padding: 8px 20px;
    margin: 12px auto;
    max-width: 200px;
    text-decoration: none;
    border: none; /* Supprime toute bordure */
}

/* Image du camion en bas à gauche */
.modal_hp_hydroparts_camion {
    position: absolute;
    bottom: -30px;
    left: -60px;
    width: 130px;
}

/* Boutons uniformes */
.modal_hp_hydroparts_button,
.modal_hp_hydroparts_mobility_btn {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 12px 20px;
    width: 200px !important; /* Taille uniforme */
    margin: 15px auto;
    text-decoration: none;
    font-size: 16px;
    border: none;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* Bouton "ÊTRE RAPPELÉ" → Jaune par défaut, bleu au survol */
.modal_hp_hydroparts_button {
    background-color: #FFD400; /* Jaune */
    color: black;
}

.modal_hp_hydroparts_button:hover {
    background-color: #006fc0; /* Bleu */
    color: white;
}

/* Bouton "EN SAVOIR PLUS" → Blanc par défaut, jaune au survol */
.modal_hp_hydroparts_mobility_btn {
    background-color: white;
    color: black;
}

.modal_hp_hydroparts_mobility_btn:hover {
    background-color: #FFD400; /* Jaune */
    color: black;
}


.carte_single_franchise .single_franchise_pictos {
    display: flex;
    gap: 18px;
    margin-left: 5px;
    text-align: center;
    font-size: 14px;
}
.single_franchise_pictos > div {
    width: 90px;
}
.single_franchise_pictos > div > img {
    width: 60px;
}

.carte_single_franchise .single_franchise_pictos span img {
    height: 60px;
}

.single_franchise_pictos span {
	position: relative;
  cursor: pointer;
}

.single_franchise_pictos span:hover::before {
	content: attr(data-tooltip);
  position: absolute;
  left: 5%;
  top: 102%;
  color: white;
  background-color: #1d1d1d;
  padding: 2px 15px;
border-radius: 50px;
font-size: 12px;
  z-index: 100;
  width: max-content;
}

.single_franchise_pictos span:hover::after {
	content: '';
  position: absolute;
  left: 20%;
  top: 100%;
  background-color: #1d1d1d;
  width: 10px;
  height: 10px;
  transform: rotate(135deg);
  z-index: 10;
}

/* fait par Nathaniel YDU - 15/10/2025 */

.carte_single_franchise_content_phone,
.carte_single_franchise_content_mail {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    background-color: #ffffff;
    padding: 8px 14px;
    margin: 10px 0;
    font-weight: bold;
    font-size: 1.05em;
    color: inherit;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: color 0.3s ease-in-out;
}

/* Animation fond noir au survol */
.carte_single_franchise_content_phone::before,
.carte_single_franchise_content_mail::before {
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: left 0.3s ease-in-out;
    z-index: 0;
}

/* Icônes */
.carte_single_franchise_content_phone img,
.carte_single_franchise_content_mail img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    z-index: 1;
    transition: filter 0.3s ease-in-out;
}

/* Texte et lien */
.carte_single_franchise_content_phone a,
.carte_single_franchise_content_mail p {
    color: inherit;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease-in-out;
}

.carte_single_franchise_content_phone a span {
    color: inherit;
}

/* Effet hover */
.carte_single_franchise_content_phone:hover::before,
.carte_single_franchise_content_mail:hover::before {
    left: 0; /* le fond noir glisse depuis la gauche */
}

.carte_single_franchise_content_phone:hover a,
.carte_single_franchise_content_mail:hover p {
    color: #ffffff; /* texte devient blanc */
}

.carte_single_franchise_content_phone:hover img,
.carte_single_franchise_content_mail:hover img {
    filter: brightness(0) invert(1); /* icônes deviennent blanches */
}