/* TABLET */
@media only screen and (min-width: 769px) and (max-width: 1200px) {
	
	#navbarNavDropdown{
		background:black;
	}

	#home_nav > .sd_admin_container{
		margin-right: 0px!important;
		padding-right: 0px!important;
	}
	
	body #home_nav .justify-content-center {
        display: flex !important; 
        justify-content: flex-end !important; 
    }
		
	#home_nav {
		background: linear-gradient(115deg, #000000 40%, #ffffff 40.1%) !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden;
	}

	#main p.text-big {
		font-size: 19px !important;
		line-height: 1 !important;
	}
	
	h2 .text-big{
		font-size: 23px;
	}
	
	#titregris h2 {
		width: 80%!important;
	}
	

	/* 2. Cible les div IMPAIRES (1, 3, 5, 7...) */
	[id^="sortableelement_column_avec_trait_"] > div:nth-child(odd) {
		margin-bottom: 0px !important;
	}

	[id^="sortableelement_column_avec_trait_"] > div:nth-child(odd) > div.d-flex.sd_content {
		border-top: none !important;
	}

	/* 3. Cible les div PAIRES (2, 4, 6, 8...) */
	[id^="sortableelement_column_avec_trait_"] > div:nth-child(even) {
		margin-bottom: 20px !important;
	}
	
	.sd_element_faq .mb-5 {
		margin-bottom: 80px !important;
	}
	
	/********/

	#herotitrebiaisgauche .sd_text, 
	#herotitrebiaisgauche .sd_text * {
		text-align: left !important;
		align-items: flex-start !important;
	}
	
	#herotitrebiaisgauche img,	
	#titrebiaisdroite img,
	#titrebiaisgauche img,	
	#contactbasdepage img {
		clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%)!important;
	}
	
	#herotitrebiaisgauche h1,
	#titrebiaisdroite h2,
	#titrebiaisgauche h2{
	    background-color: var(--sd1);
		padding: 15px 40px 15px 15px !important;
		clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
	}
	

	
}