/* Large Desktop
==================================================================================================== */
@media (min-width: 1280px) {

}

/*  Très Large Desktop
==================================================================================================== */
@media (min-width: 1480px) {
	#logo {
		left: 40px;
    	padding: 0px 30px 0px 0;
	}
	#logo a:after {
		right: -40px;
	}
	#logo img {
		width: 150px;
	}
	header#header nav a {
		font-size:17px;
		margin: 0 20px;
	}
	#btn-contact.bouton a {
		padding: 12px 22px!important;
	}
.bg-cadre-gris {
	background: linear-gradient(to right, var(--wp--preset--color--gris) 100px, transparent 0), linear-gradient(to left, var(--wp--preset--color--gris) 100px, transparent 0);
}
.barre-bg-gris {
		background: linear-gradient(to right, var(--wp--preset--color--gris) 100px, transparent 0);
	}
.barre-bg-gris-droite {
		background: linear-gradient(to left, var(--wp--preset--color--gris) 100px, transparent 0);
	}
.barre-bg-blanc {
		background: linear-gradient(to right, var(--wp--preset--color--blanc) 100px, transparent 0);
	}
.barre-bg-blanc-droite {
		background: linear-gradient(to left, var(--wp--preset--color--blanc) 100px, transparent 0);
	}
}


/*  #Mobile et tablette portrait
==================================================================================================== */

@media (max-width: 1025px) {
	#mobile-header{
		position: fixed;
		z-index: 99998;
		display:block;
		height:80px;
		width:100%;
		top:0;
		left:0;
		width: 100%;
		background:  var(--wp--preset--color--secondary);
	}
	#mobile-header #responsive-logo {
		width: 110px;
		top: 20px;
		position: absolute;
		left: 20px;
	}
	#mobile-header #responsive-logo img{
		width: 100%;
		height: auto;
	}
	header#header, .no-mobile{
		display: none;
	}
	#main {
		padding-top: 80px;
	}

	/* GRILLE
	-------------------------------------------------------------- */

	.rangee {
		width: 90%!important;
	}
	.elementor-section.elementor-section-boxed > .elementor-container,.wp-block-group, .e-con > .e-con-inner{
		width: 90% !important;
		max-width: 90% !important;
	}
	.fullwidth, .full {
		width: 100%!important;
		max-width: 100%!important;
	}
	.col5, .col15, .col10, .col20, .col30, .col40, .col48, .col50, .col60, .col70, .col80, .col90, .col25,.col33, .col45, .col55, .col75, .col65,.col66,.col35, section .col50.deux-tiers:first-of-type,section .col50.un-tiers:last-of-type,section .col50.deux-tiers:last-of-type, section .col50.un-tiers:first-of-type {
		flex-basis:100% !important;
		width: 100%!important;
	}
	.aucun-ecart{
		padding: 0px!important;
	}
	.padding {
		padding: 50px 0 !important;
	}
	.padding-bottom {
		padding-bottom: 40px !important;
	}
	.padding-top {
		padding-top: 40px !important;
	}
	.barre-bg-gris, .barre-bg-blanc, .barre-bg-gris-droite, .barre-bg-blanc-droite, .bg-cadre-gris {
		background: inherit;
	}
	h1, .has-huge-font-size, .typo-huge, .typo-huge .elementor-heading-title {
		font-size: var(--wp--preset--font-size--big) !important;
	}
	footer#footer,  #credits p {
		text-align: center;
	}
	#credits p a {
		display: block;
		margin-right: 0px;
	}
}

/* #Mobile
==================================================================================================== */

@media (max-width: 767px) {
	.rangee {
		width: 92%!important;
	}
	.elementor-section.elementor-section-boxed > .elementor-container,.wp-block-group, .e-con > .e-con-inner{
		width: 92% !important;
		max-width: 92% !important;
	}
	.rangee.full {
		width: 100%!important;
	}
	.padding {
		padding: 30px 0 !important;
	}
	.padding-bottom {
		padding-bottom: 30px !important;
	}
	.padding-top {
		padding-top: 30px !important;
	}
	.only-mobile {
		display: block !important;
	}
	#hambmenu {
	  width: 100%;
	}
	.text-right {
		text-align: center;
	}
	footer#footer p.titre-footer {
		margin-top: 15px;
	}
	span.titre-focus {
		padding: 30px;
	}
	span.titre-focus em {
		font-size: var(--wp--preset--font-size--medium);
	}
	a.bloc-focus {
		height: 300px;
	}
	h1.typo-huge-mobile, .typo-huge-mobile, .typo-huge-mobile .elementor-heading-title {
		font-size:40px !important;
	}

}