/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
html {
  	scroll-behavior: smooth;

}

:target,
#accueil,
#qui-sommes-nous,
#missions,
#nos-services,
#contact {
  scroll-margin-top: 120px; /* à ajuster selon la hauteur réelle du header */
}

a strong:hover,
a:hover {
	text-decoration:none!important;
}

.tel-link a:hover {
	opacity: 0.6!important;
}

h1 em {
	display: block!important;
	font-weight: 400!important;
	font-size: 60px!important;
	font-style: normal!important;
}

section {
  scroll-margin-top: 100px; /* hauteur du header */
}

/* Tablette (768px à 999px) */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.page-id-277 h1, .page-id-60 h1 {
		font-size: 30px!important;
	}
	
		.page-id-277 h2, .page-id-60 h2 {
		font-size: 27px!important;
	}
h1 em {

	font-size: 40px!important;

}

}


@media only screen and (max-width: 767px) {
h1 em {
	font-size: 30px!important;
}
	
	.brz-a:not(.custom-btn-size .brz-a) {
		padding: 10px!important;
		font-size: 14px!important;
	}
	
	.brz-css-d-cloneable {
		gap: 5px!important;
	}

	.page-id-277 h1, .page-id-60 h1 {
		font-size: 25px!important;
	}
	
		.page-id-277 h2, .page-id-60 h2 {
		font-size: 20px!important;
	}
}

.page-id-277 h1, .page-id-60 h1, .page-id-277 h2, .page-id-60 h2 {
	font-family: "Montserrat"!important;
	font-weight: 700!important;
}

.home #main {
    margin-top: -40px!important;
}

#header {
	position: sticky!important;
	top: 40px!important;
	z-index: 999!important;
}


#header.scrolled {
	top: 20px!important;
}


#offcanvas {
	height: fit-content!important;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background: #FFF!important;
}
@media screen and (max-width:1000px){

	[data-header*="type-1"] #offcanvas .ct-panel-content{
		height: auto!important;
		flex: unset!important;
		justify-content: start!important;
	}

#header {
	top: 30px !important;
        padding: 0 30px!important;
	}
}
#menu-menu-principal {
	background: #fff!important;
    padding: 10px!important;
    border-radius: 9999px!important;
}

[class*=header-menu] .menu {
    height: 50px!important;
}

.ct-menu-link:not(#footer .ct-menu-link) {
	    border-radius: 9999px!important;
}

.brz-a span {
	text-transform: uppercase!important;
}

h2 em, .arrow-before em {
	display: block!important;
	font-style: normal!important;	
}


.name span {
    display: inline-flex!important;
    align-items: center!important;
    gap: 10px; /* espace entre ligne et texte */
}

.name span::before {
    content: "";
    width: 50px;
    height: 1px;
    background: #72B0D2;
    display: block;
}

.custom-li ul {
    list-style: none!important;
    padding-left: 0!important;
	margin-inline-start: 0!important;
}
#menu-menu-principal li a:hover {
	background: #00549D!important;
	color: #fff!important;
}


.custom-li li span {
    position: relative!important;
    padding-left: 35px!important;
	list-style: none!important;

}
.ct-header .ct-container {
	transition: all 0.3s ease;
}
.ct-header.scrolled .ct-container {
	background: #fff!important;
	padding: 10px!important;
	border-radius: 999px!important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	    transition:
        padding 0.3s ease,
        background 0.3s ease,
        border-radius 0.3s ease,
		box-shadow 0.3s ease,
        box-shadow 0.3s ease;
}

.custom-li li {
	padding-bottom: 20px!important;
	margin-inline-start: 0!important;
	position: relative;
}
.custom-li li::before {
	display: none!important;
}
.custom-li li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background: url("/wp-content/uploads/2026/04/icon-02.png") no-repeat center;
    background-size: contain;
}

.custom-accordeon .brz-accordion__nav {
	background: #00549D!important;
	padding: 20px!important;
	border-radius: 15px!important;
}

.custom-accordeon .brz-accordion__nav {
	flex-direction: row-reverse!important;
    justify-content: left!important;
}

.brz-icon-svg {
	margin: 0 10px 0 0!important;
}

.brz-accordion__item {
	border: none!important;
}

.custom-accordeon .brz-rich-text__custom {
	padding: 20px 20px 0 20px!important;
	margin: 0px!important;
}

.custom-accordeon .brz-css-d-wrapper {
	margin: 0px!important;
}

.custom-accordeon .brz-accordion__item:not(:last-child) {
        margin-bottom: 20px!important;
    }

.brz-accordion-icon {
    display: none!important;
}

/* Icône par défaut (état inactif) */
.brz-accordion__nav-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background: url("/wp-content/uploads/2026/04/icon-03.png") no-repeat center !important;
    background-size: contain !important;
    margin-right: 8px !important; /* Espacement optionnel */
    POSITION: RELATIVE;
    TOP: 3px;
}

/* Icône pour l'état actif */
.brz-accordion__item--active .brz-accordion__nav-title::before {
    background-image: url("/wp-content/uploads/2026/04/icon-04.png") !important;
}

 
.arrow-before span {
    display: inline-flex!important;
    align-items: center!important;
    gap: 5px; /* espace entre ligne et texte */
}

.arrow-before span::before {
    content: url('/wp-content/uploads/2026/04/arrow.png');
    display: block;
    POSITION: RELATIVE;
    TOP: 1px;
}

@media only screen and (max-width: 768px) {
.arrow-before span {
	display: inline!important;
  
	    TOP: -3px;
}
	
	.arrow-before span::before {
		 transform: rotate(90deg);
	}
}

.brz .brz-slick-slider__dots--circle button {
	width: 15px!important;
    height: 15px!important;
	border: 2px solid #CCCCCD!important;
}

.gfield input:not([type="file"]):not([type="radio"]) {
    background: #fff !important;
    border: none !important;
    border-radius: 999px !important;
}

.gfield_required {
	display:none!important;
}

.gfield_label {
	color: #fff !important;
}

.gfield textarea {
	background: #fff !important;
	border-radius: 20px!important;
}

#field_1_12 .gform-field-label, #field_1_12 .gform-field-label a {
	color: #fff!important;
}

#field_1_12 .gform-field-label a {
	font-weight: 600!important;
}

.gform_footer {
	padding-bottom: 0px!important;
	justify-content: center!important;
}

#gform_submit_button_1 {
	    display: inline-block;
    padding: 10px 20px !important;
    background: #E8388D !important;
    color: #fff !important;
	border: 2px solid #E8388D!important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    border-radius: 50px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
	transition: all 0.5s ease-out!important;
}

#gform_submit_button_1:hover {
    background: transparent!important;
    color: #E8388D !important;	
	transition: all 0.5s ease-out!important;
}

.brz-tabs__nav, .brz-tabs__nav--mobile .brz-tabs__nav--button {
	background: #fff!important;
    border-radius: 8888px!important;
    /* width: fit-content; */
    /* max-width: 400px; */
    padding: 10px!important;
    width: fit-content!important;
    
    border: 2px solid #6B8AA5!important;
}
.brz-tabs__nav {
	margin: 0 auto!important;
}

.brz-tabs__nav--button {
	border:none!important;
	border-radius: 8888px!important;
}

.brz-tabs__nav--active .brz-tabs__nav--button, .brz-tabs__items--active .brz-tabs__nav--mobile--active .brz-tabs__nav--button {
	background: #E8388D!important;
}

.brz .brz-carousel .brz-slick-slider__dots li {
	padding-bottom: 0px!important;
}

.temoignages .brz-css-d-wrapper {
	margin-bottom: 0px!important;
}

.brz-tabs__nav--active .brz-tabs__nav--button span, .brz-tabs__items--active .brz-tabs__nav--mobile--active .brz-tabs__nav--button span {
	color: #fff!important;
}

.link-liste a:hover {
	text-decoration: none!important;
}

.footer-logo img {
	max-width: 60px!important;
}

#footer .widget_media_image {
	display: flex!important;
    justify-content: flex-end!important;
}

@media only screen and (max-width: 1000px) {
#footer .widget_media_image {
	display: flex!important;
    justify-content: center!important;
}
}

.align-items .brz-icon-text {
	display: flex!important;
	align-items: center!important;
}


.border-right-custom {
	border-right: 1px solid #fff!important;
}

#gform_confirmation_message_1 {
	PADDING: 200px 20px!important;
    color: #fff!important;
    text-align: center!important;
	font-weight: 700!important;
}

@media only screen and (max-width: 1000px) {
#gform_confirmation_message_1 {
	PADDING: 60px 20px!important;
}
}


nav[class*=menu] .ct-menu-link{
	color: var(--theme-link-initial-color) !important;	
}