/*** PC ***/
	@media screen and (min-width: 1280px) {
		
		/***** HEADER *****/
		#header-main .wrapper{display:grid; grid-template-columns:250px 1fr; margin:0 5% 50px; gap:50px; align-items:center;}
		#header-main.sticky .wrapper{margin-bottom:0;}
		
		#header-main nav .menu{justify-content: flex-end; align-items: stretch; text-align:center;}
		#main_menu_responsive, #header-main .icons, #header-main nav .sub-menu{display:none;}
		
		#logo{grid-row: 1/4; width:250px;}
		
		#header-main #main_menu{margin-left:50px;}
		#header-main #main_menu .menu{gap: 70px;}
		#header-main #main_menu i{font-size:25px;}
		#header-main #main_menu .menu a{display: flex; align-items: center; height: calc(100% - 10px);  padding: 5px 10px; border-radius:10px;}
		
		.menu-menu-surtop-container .menu{justify-content: flex-end; gap:20px;}
		.menu-menu-surtop-container li a{border-radius:0 0 30px 30px;}
		.menu-menu-surtop-container li a:hover{background:var(--color-blue);}
		
		
		/***** FOOTER *****/
		#menu-footer li{font-size:16px; line-height: 2;}
		#menu-footer a i{font-size:0;}
		#footer-main > .row:first-child{display:grid; grid-template-columns: 1fr 1fr 1fr; align-items: flex-start;}
		#footer-main #newsletter-form{order:1; margin: 0 0 -30px; top:-70px;}
		#footer-main #address-footer{order:3; white-space: nowrap; text-align:right;}
		#address-footer .address{margin:30px 0;}
		#footer-main #menu-footer{order:2; margin:30px 50px;}

		#menu-footer #menu-item-1524 i{font-size:18px; margin:0 5px;}

		
		/***** HOME *****/
		#news-home > div > p{margin:0 20%; line-height:1.7;}
		.list-news{display:grid; gap:25px; grid-template-columns: repeat(2, 50%);}
		.block-news .row{align-items: stretch; height:100%}
		.block-news:nth-child(3n) .row, .block-news:nth-child(4n) .row{flex-direction: row-reverse;}
		.block-news .image{width:50%;}
		.block-news .text{background:var(--color-pastel-blue); color:var(--color-black); border-radius:30px; width:calc(50% - 60px); padding:30px;}
		.block-news:nth-child(2) .text{background:var(--color-dark-blue); color:var(--color-white);}
		.block-news:nth-child(3) .text{background:var(--color-blue); color:var(--color-white);}
		.block-news .title{font-size:20px; margin-bottom:25px;}
		
		/*** PAGES INTERIEURES ***/
		.head-page .inner{width:125%;}
		.head-page figure{top:145px;}
		
			/*** BLOG ***/
			#list-articles .bloc-articles{width:calc(25% - 20px);}	

	}

	@media screen and (max-width: 1280px) {
		#main-home .wp-block-image{margin-right:-45%;}
				
		
		/***** HEADER *****/
		#header-main{padding:50px 0 25px;}
		#logo{margin:-60px auto 0; max-width:60%; text-align: center;}
		
		#header-main nav .menu{font-size:18px; letter-spacing: 2px;}
		#header-main nav:not(.nav_responsive){display:none;}
		#main_menu_responsive {display:block}
		.nav_responsive {position: fixed; left: -100%; top: 0; z-index: 9999; background: var(--color-dark-blue); width: 0%; height: calc(100% - 150px); padding: 75px 10%; transition: all ease-in-out .3s;}
		.nav_responsive .close {position: absolute; right: 30px; top: 25px; width: 30px; height: 25px; background: url(../img/close-menu.png) no-repeat right / contain; cursor: pointer;}
		.isOpen .nav_responsive{left: 0; width:80%;}
		.nav_responsive > div:not(.close){height: 100%; overflow-y: scroll;}
		
		.menu-menu-principal-container .menu{flex-direction: column;}
		.menu-menu-surtop-container .menu{flex-wrap:wrap; gap:15px;}
		.menu-menu-surtop-container li a{border-radius:30px; font-size:12px;}
		
		.nav_responsive .menu-menu-principal-container li a{display: block; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.2);}
		.nav_responsive .menu-menu-principal-container li:last-of-type a{border: none;}
		.nav_responsive .menu-menu-principal-container ul.sub-menu{margin:0 10%;}
		.nav_responsive .menu-menu-principal-container ul.sub-menu a{font-weight:400; text-transform: none;}
		
		
		/***** FOOTER *****/
		#footer-main > .row:first-child{flex-direction: column;}

		#menu-footer ul{margin:25px 0; display:flex; justify-content: center; flex-direction: row-reverse; gap:50px;}
		#menu-footer a{font-size:0;}
		#menu-footer a i{font-size:20px;}

		#news-home > div > p{display:none;}
		.block-news{margin:25px 0;}
		.block-news .image{width:150px; height:150px;}
		.block-news .text{width:calc(100% - 175px);}
		.block-news .date{color:var(--color-orange);}
		.block-news .title{color:var(--color-purple);}
		.block-news .excerpt{color:var(--color-black); display:block; font-size:12px;}
		
		
		/*** PAGES INTERIEURES ***/
		.head-page .inner{width:150%; margin-left:-20%;}
		
			/*** BLOG ***/
			#list-articles .bloc-articles{width:calc(33% - 20px);}		
		
			/*** MARQUE EMPLOYEUR ***/
			#page-carriere #visuel{height:auto;}
			#page-carriere #force{width:70%;}

	}

	@media screen and (min-width: 1024px) {
	:root {
	  	--space-body: 10%;	

		--xs:25px;
		--md:50px;
		--lg:100px;
	}
		
		body{font-size:18px;}
		h2{margin:0 0 20px; font-size:30px;}
		.wp-block-button a{font-size:1em;}

		
		/***** HOME *****/
		#main-home h1{font-size:30px; margin:0 0 50px;}
		#main-home .text{width:45%;}
		#main-home .image{width:55%; text-align:center;}

		#secteur-home h2{font-size:45px;}
		#main-home .text, #secteur-home p{line-height: 1.5;}
		#secteur-home > div{margin:50px 0; display:grid; grid-template-columns: repeat(3, 1fr); gap:50px;}

		#implantation-marron{margin:100px var(--space-body);}
		#main-home .wp-block-buttons, #implantation-marron .wp-block-buttons{justify-content: flex-end;}
		
		
		/*** PAGES INTERIEURES ***/
		.head-page figure{width:50%; right:5%;}

	}


/*** TABLET ***/
	@media screen and (min-width: 600px) {
		
		/***** HEADER *****/

		@keyframes animSticky{
			0%{top:-100px;}
			100%{top:0px;}
		}
		#header-main.sticky {position: fixed; background: var(--color-dark-blue); animation: animSticky ease-in-out .6s forwards; z-index: 100; width: 100%;}
		#header-main.sticky .wrapper{gap:15px;}
		#header-main.sticky #logo{width:225px;}

		
		/***** FOOTER *****/
		#footer-main #copyright{justify-content: space-between; gap:50px;}

		
		/***** HOME *****/
		.text-bulle{padding-right:50px; padding-left:115px; width:270px;}
		
		
		/*** PAGES INTERIEURES ***/
		.head-page figure{position:absolute;}
		
			/* BLOC MEDIA TEXT */
			.wp-block-media-text .wp-block-media-text__content{padding:0 0 0 8%;}
			.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding:0 8% 0 0;}
		
			/* BLOC GRILLES */
			.grid-col figure{width:75px; flex-shrink: 0; margin:0 var(--md);}
		
	}

	@media screen and (max-width: 1024px) {
	:root {
		--space-body: 5%;

		--xs:20px;
		--md:40px;
		--lg:80px;
	}
		
		body{font-size:16px; width:100%; overflow-x: hidden;}
		h2{margin:0 0 25px; font-size:20px;}

		
		/***** HOME *****/
		.head-page, #main-home{text-align:center;}
		#main-home > div{flex-direction: column;}
		#main-home h1{font-size:20px; margin:0 0 30px;}
		#main-home .wp-block-image{margin:0 -20%;}

		#secteur-home{width:100%;}
		#secteur-home > div{display:grid; grid-template-columns: repeat(5, minmax(200px, 1fr)); grid-auto-rows: auto; position: relative; overflow-x: scroll; gap:20px; padding-bottom:10px;}
		#secteur-home .wp-block-group{grid-column: 1 / -1; width: 90vw; margin-right: calc(-1 * (100vw - 100%) / 2); position: sticky; top:0; left:0;}

		#implantation-marron{text-align:center; margin:30px 0;}
		#implantation-marron .wp-block-buttons{justify-content: center;}
		#partner-home .wp-block-group{justify-content: center;}
		
		
		/*** PAGES INTERIEURES ***/
		.head-page figure{width:90%; right:-15%;}
		
		#contact-footer-page{flex-direction: column-reverse;}
		#contact-footer-page .text-bulle{margin-top:0;}
		
			/* BLOC COLONNES */
			#list-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
		
			/*** BLOG ***/
			#list-articles .bloc-articles{width:calc(50% - 20px);}		
		
		/*** MARQUE EMPLOYEUR ***/
	
		#page-carriere #choix-assurance h2, #page-carriere #head-page h1{font-size:26px;}
		#page-carriere #candidature blockquote p, #page-carriere #testimonial blockquote p, 
		#page-carriere #choix-assurance .focus p, #page-carriere h2{font-size:22px;}
		#page-carriere #choix-assurance .texte p{font-size:16px;}

		#page-carriere #choix-assurance{padding:50px 5%;}
		#page-carriere #choix-assurance h2{position:relative; width: calc(90% - 50px); top: 0; left: 0; padding:12.5px 25px;}
		#page-carriere #visuel{height:auto; width:90%}
		#page-carriere #choix-assurance .texte{max-width:90%; margin-bottom:50px;}
		#page-carriere #visuel .wp-block-image{clip-path: inherit;}
		#page-carriere #visuel .wp-block-image img{border-radius:20px;}

		#page-carriere #testimonial{padding:50px 5%;}

		#page-carriere #candidature{flex-wrap:wrap !important;}
		#page-carriere #candidature .wp-block-column{flex-basis:100% !important;}
		#page-carriere #candidature .citation blockquote{padding:50px 10%; max-width:inherit; width:100%;}
		#page-carriere #candidature #form{padding:50px 10%;}
		
			#page-carriere #candidature .citation figure, #page-carriere #head-page .image{display:none;}
			#page-carriere #head-page .wp-block-column{flex-basis:100% !important; margin-top:50px;}

			#page-carriere #choix-assurance .focus p, #page-carriere #choix-assurance .texte p{font-size:20px;}

			#page-carriere #equipes{width:80%; margin-bottom:50px;}
			#page-carriere #candidature #form .input-form{display:block;}
			#page-carriere #candidature #form .champs-form:nth-child(odd){margin-right:0;}
	}


/*** MOBILE ***/
	@media screen and (max-width: 600px) {
		body{font-size:13px;}
		
		/***** HEADER *****/
		#header-main.sticky{display:none;}

		
		/***** FOOTER *****/
		#footer-main > .row{flex-direction: column}
		#footer-main #copyright{justify-content: center; gap:20px;}

		
		/***** HOME *****/
		.text-bulle{width: 70%; padding-right: 10%; padding-left: 25%;  margin-left: -5%;}

		.block-news .text{width:calc(100% - 125px);}
		.block-news .image{width:100px; height:100px;}
		
		
		/*** PAGES INTERIEURES ***/
		.head-page .inner{width:140%; margin-left:-30%;}
		.head-page figure{display:none;}
		
		body .is-layout-grid, .grid-col, .overlay{display:flex !important; flex-direction:column;}
		
			/* BLOC MEDIA TEXT */
			.wp-block-media-text .wp-block-media-text__content, 
			.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding:var(--xs) 0 0 0;}
		
			/* BLOC GRILLES */
			.grid-col figure{width:75px; flex-shrink: 0; margin:0 var(--xs);}
		
			/* BLOC LIST */
			.list-check, #content-page ul.wp-block-list:not(.list-check), #content-single > div ul.wp-block-list{margin-left:11.5%;}
		
			/*** BLOG ***/
			#list-articles .bloc-articles{width:calc(100% - 20px);}		
		
			/*** MARQUE EMPLOYEUR ***/
			#page-carriere #head-page .wp-block-column:first-child{margin:0;}
			#page-carriere #head-page h1{margin-top:50px;}

			#page-carriere #force{margin:75px auto;}
			#page-carriere #force .image figure{display:none;}

			#page-carriere #testimonial figure{margin:0 0 25px;}
		
	}