/**************/
/*** HEADER ***/
/**************/

@media screen and (max-width: 1290px) {
	/*** BASICS ***/
	.widzmain {
		width: auto;
		margin-right: 22px !important;
		margin-left: 22px !important;
	}

	/*** AUTRES ***/
	.bloc_onglets_intro {
		max-width: unset;
	}
}

@media screen and (max-width: 1180px) {
	#logo {
		padding-top: 0;
		margin-right: auto;
  		margin-left: auto;
	}
	.header_content {
		flex: unset;
		width: 100%;
		margin-top: 22px;
	}
	.footer_col_03 {
		justify-self: center;
		align-content: start;
		gap: 12px;
	}
	.footer_col_03 a.footer_logo,
	.footer_col_03 .footer_logo_pic {
		width: 107px;
		height: 76px;
		padding: 13px;
	}
	.bloc_accomp_grille {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	#bloc_single_actu_cards ul {
		grid-template-columns: repeat(3, 1fr);
	}
}



@media screen and (max-width: 1080px) {
	/*** 404 ***/
	#page_404{
	display: flex;
	flex-wrap: wrap;
	padding: 94px 0 94px;
	}
	#page_404_ill_block{
	width: 46%;
	margin: 0 8% 0 0;
	}

	/*** AUTRES ***/
	/*** Si j'ai 5 logos ou moins : classe "slider_static" */
	.slider_static .bloc_partenaires_galerie {
		flex-wrap: wrap !important;
	}
	.slider_static .single_logo {
		width: 15% !important;
    	min-width: 188px !important;
	}
}




@media screen and (max-width: 980px) {
	/*** CLASSICS ***/
	.page_hentry_table_wrapper_js {
		width: 100%;
		overflow-x: auto;
	}
	.wp-block-table table {
		width: 100%;
	}
	.wp-block-table tbody tr td {
		width: 140px;
	}

	/*** MENU ***/
	#logo {
		margin-left: 0;
	}
	.header_content {
		flex-direction: column;
	}
	#navtop {
		width: 100%;
	}
	#navtop ul {
		flex-wrap: unset;
		justify-content: flex-start;
		flex-direction: column;
		padding: 0 0 0 14px;
		background-color: unset;
	}
	#navtop ul li {
		padding-top: 0;
		margin-bottom: 22px;
	}
	#navtop ul li a {
		padding: 0;
		color: var(--wh);
	}
	#navtop ul li:has(ul) {
		position: relative;
	}
	#navtop ul li:hover ul {
		display: none;
	}
	#navtop ul li:has(ul) a:after {
		display: none;
	}
	#navtop ul li:has(ul):after {
		position: absolute;
		content: '';
		display: block;
		width: 18px;
		height: 15px;
		top: 0;
    	right: 0;
		background-color: var(--wh);
    		-webkit-mask: url("../img/arrow_v_large.svg") no-repeat center / contain;
            mask: url("../img/arrow_v_large.svg") no-repeat center / contain;
	}
	#navtop ul li.resp_sub_this_hover a {
		font-weight: 600;
	}
	#navtop ul li.resp_sub_this_hover ul {
		position: relative;
		display: block;
	    margin: 16px 0 22px 15px;
		padding: 0;
		background-color: unset;
	}
	#navtop ul li.resp_sub_this_hover:after {
		transform: rotate(180deg);
	}
	#navtop ul ul::before {
		display: none;
	}
	#navtop ul ul li a {
		padding: 0 0 5px;
		margin: 0;
		color: var(--wh);
	}
	#navtop ul li.resp_sub_this_hover ul li a {
		font-weight: 400;
	}

	/*** Bouton WPML ***/
	#navtop ul li.wpml_btn:before,
	#navtop ul li.wpml_btn a:after {
		filter: brightness(0) invert(1);
	}
	#navtop ul li.wpml_btn a:after {
		top: 8px;
	}

	/*** Bouton contact ***/
	#navtop + #menu_contact_btn {
		display: none;
	}
	#navtop.navtop_hover + #menu_contact_btn {
		display: block;
		margin-left: 14px;
	}

	/*** Bouton ouverture menu principal ***/
	#navtop_bt {
		display: block;
	}
	#navtop {
		display: none;
	}
	#navtop.navtop_hover{
		display: block;
	}

	/*** AUTRES ***/
	.header_title_container {
		margin-top: 255px;
  		margin-bottom: 37px;
	}
	.footer_col_01 {
		padding-bottom: 0;
	}
	.footer_btn_n_rs {
		position: relative;
	}
	.footer_container {
		grid-template-columns: 1fr;
		width: auto;
		padding: 40px 20px 44px 24px;
  		margin: 0 !important;
	}
	.footer_col_03 {
		grid-template-columns: 1fr 1fr 1fr;
		justify-self: center;
		margin-bottom: 54px;
	}

	/*** BLOC GUT' ***/
	.bloc_onglets .wp-block-tab-list {
		flex: unset;
		width: 100%;
	}
	.bloc_onglets .wp-block-tab-panels {
		width: 100%;
		margin-top: 0;
	}
	.bloc_accomp_grille {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.bloc_reassurance .reassur_col_right {
		padding: 0 22px 0 40px;
	}
	.bloc_applications .single_application {
		padding: 0 35px;
	}
	.bloc_contact .wp-block-columns {
		flex-direction: column;
	}
	@scope (.bloc_contact) {
        .bloc_contact_infos {
            width: 100% !important;
            flex: 1 1 auto !important;
        }
    }
}



@media screen and (max-width: 880px) {
	/*** AUTRES ***/
	.bloc_cta_container {
		padding: 38px 24px 40px;
	}
	.bloc_atouts_content {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	/*** 404 ***/
	#page_404_ill_block{
		width: 100%;
		margin: 0;
		text-align: center;
	}
	#page_404_ill_block object {
		margin: auto;
	}
	#page_404_ill_main{
		flex: none;
		width: 100%;
		text-align: center;
	}
}



@media screen and (max-width: 780px) {
	.wp-container-core-columns-is-layout-8348321f {
		gap: 13px !important;
	}
	.bloc_avantages_pic {
		margin-left: 0 !important;
		margin-top: 20px !important;
	}
	.bloc_reassurance .reassur_col_right {
		margin-top: 0;
	}
	.bloc_reassurance .pattern_titre_fleche_sous_titre {
		margin-block-start: 0;
	}
}



@media screen and (max-width: 680px) {
	/*** CLASSICS ***/
	.classic_title_h1 {
		font-size: 33px;
		line-height: 48px;
	}
	.classic_title_h2,
	.classic_title_h2_bleu_bleu,
	.classic_title_h2_jaune_jaune,
	.classic_title_h2_bleu_blanc,
	.classic_title_h2_jaune_blanc {
		font-size: 23px;
		line-height: 30px;
	}
	.classic_title_h2_bleu_bleu:before,
	.classic_title_h2_jaune_jaune:before,
	.classic_title_h2_bleu_blanc:before,
	.classic_title_h2_jaune_blanc:before {
		width: 39px;
		height: 34px;
		background: url("../img/classic_btn_h2_pic_resp.svg") no-repeat;
    		-webkit-mask: url("../img/classic_btn_h2_pic_resp.svg") no-repeat center / 39px 34px;
            		mask: url("../img/classic_btn_h2_pic_resp.svg") no-repeat center / 39px 34px;
	}

	/*** ESPACEMENTS ***/
	.space_100_plus {
		height: 70px !important;
	}
	.space_70_100 {
		height: 50px !important;
	}
	.space_45_70 {
		height: 35px !important;
	}
	.space_30_45 {
		height: 20px !important;
	}
	.space_20_30 {
		height: 15px !important;
	}

	/*** SVG - ICONS ***/
	.kalelia-title-h2-icon {
		gap: var(--wp--preset--spacing--20);
	}
	.kalelia-title-h2-icon__icon svg {
		width: 26px;
		height: 23px;
		padding-top: 11px;
	}

	/*** AUTRES ***/
	.header_home_titles_container .classic_title_h2_jaune_jaune {
		padding-left: 53px;
	}
	.classic_title_h1_home {
		margin-left: 53px;
	}

	/*** BLOC GUT' ***/
	.bloc_onglets .wp-block-tab-list button {
		font-size: 17px;
	}
	.bloc_image_seule img {
		max-height: 285px;
	}
	.bloc_accomp {
		padding: 0 22px;
	}
	.bloc_accomp_intro p,
	.bloc_marches_intro p,
	.bloc_onglets_intro p{
	  	margin-left: 45px !important;
	}
	.bloc_accomp_grille {
		grid-template-columns: 1fr !important;
		gap: 6px;
	}
	.single_accomp {
		min-height: 72px;
		padding: 14px 19px;
	}
	.bloc_reassurance .reassur_col_right {
		padding: 0 17px 0 22px;
	}
	.bloc_partenaires.has-background {
		padding: 40px 0;
	}
	.pattern_titre_fleche_sous_titre p {
		margin-left: 46px !important;
	}
	.bloc_applications .applications_list {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	#bloc_single_actu_cards ul {
		grid-template-columns: repeat(2, 1fr);
	}
	.bloc_atouts_content {
		grid-template-columns: 1fr !important;
	}
}



@media screen and (max-width: 450px) {
	.footer_col_03 {
		grid-template-columns: 1fr 1fr;
	}
	#bloc_single_actu_cards ul {
		grid-template-columns: 1fr;
		gap: 24px 20px;
	}

}