/* Large Desktop
==================================================================================================== */
@media (min-width: 1280px) {
	.rangee {
		width: 92%;
		max-width: 1240px;
	}
	.section-col .banniere .rangee {
		width: calc(92% - 40px);
		max-width: calc(1240px - 40px);
	}
	.decalage {
		position: relative;
		top: -140px;
		margin-bottom: -140px;
	}
	.decalage70 {
		position: relative;
		top: -70px;
		margin-bottom: -70px;
	}
	.decalage140 {
		position: relative;
		top: -140px;
		margin-bottom: -140px;
	}
	.decalage15 {
		position: relative;
		top: -16px;
		margin-bottom: -16px;
	}
	#bloc-titre-page.hero .rangee .col60{
		flex-basis:50%;
		width:50%;
	}
	header#header nav a {
		font-size:17px;
		margin: 0 15px;
	}
	
}

/*  Très Large Desktop
==================================================================================================== */
@media (min-width: 1480px) {
	#titre-video {
	      height: calc(100vh - 90px);
	}
}


/*  #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--noir);
	}
	#mobile-header #responsive-logo {
		width: 150px;
		top: 10px;
		position: absolute;
		left: 30px;
	}
	#mobile-header #responsive-logo img{
		width: 100%;
		height: auto;
	}
	header#header, .no-mobile{
		display: none;
	}
	#main{
		padding-top: 80px;
	}
	#top-bar {
	  position: relative;
	  top: 80px;
	}
	/* GRILLE
	-------------------------------------------------------------- */

	.ecart-normal{
		flex: 0 0 auto;
		padding: 15px 20px;
	}
	.section-col .banniere .rangee {
		width: calc(100% - 40px)!important;
		max-width: 100%!important;
		padding: 20px;
	}
	.fullwidth, .full {
		width: 100%!important;
		max-width: 100%!important;
	}
	.col3, .col5, .col15, .col10, .col20, .col30, .col40, .col48, .col50, .col60, .col70, .col80, .col90, .col25,.col33, .col45, .col55, .col57, .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% ;
		width: 100%;
	}
	.col25{
		flex-basis:25%;
		width: 25%;
	}
	.ligne-chiffres .col15 {
		flex-basis:15%;
		width: 15%;
	}
	.banniere .col50 {
		flex-basis:100% ;
		width: 100%;
	}
	.decalage140, .decalage15, .decalage70, .decalage {
		top: inherit;
		margin-bottom: inherit;
	}
	.reverse-mobile .rangee, .reverse-mobile {
		flex-direction: column-reverse;
	}
	.section-col .col-padding-right,.section-col .col-padding-left {
	  	padding: 0;
	}
	.aucun-ecart{
		padding: 0px!important;
	}
	.padding {
		padding: 50px 0 ;
	}
	.padding-bottom {
		padding-bottom: 50px ;
	}
	.padding-top {
		padding-top: 50px ;
	}
	#titre-video {
	    height: 600px;
	}
	#titre-video .rangee .col60{
	    flex-basis: auto;
	}
	#bloc-titre-page.hero .rangee {
		min-height: 650px;
		padding: 100px 0;
	}
	#bloc-titre-page.hero .rangee .col60{
		flex-basis:100%;
		width:100%;
	}
	#bloc-titre-page.hero .align-end {
		align-items:center;
		text-align: center;
	}
	.section-galerie .gallery-item {
		flex-basis: calc(50% - 20px);
		width: calc(50% - 20px);
	}
	h1, .typo-huge {
		font-size: var(--wp--preset--font-size--huge-mobile) !important;
		line-height: 1em;
	}
	footer#footer,  #credits p {
		text-align: left;
	}
	footer#footer .ecart-normal{
		padding: 0px 25px;
	}
	blockquote {
		padding: 20px;
		color: var(--wp--preset--color--primary);
		line-height: 28px;
		font-size: var(--wp--preset--font-size--medium);
	}
	blockquote p {
		padding: 20px 0px 20px 0;
		color: var(--wp--preset--color--primary);
		line-height: 28px;
		font-size: var(--wp--preset--font-size--medium);
	}
	#credits p a {
		display: block;
		margin-right: 0px;
	}
	.text-right {
		text-align: inherit;
	}
	footer#footer p.logo-footer {
		margin-top: 30px ;
	}
	footer#footer ul.reso-footer {
		margin-top: 30px;
	}
	footer#footer ul.reso-footer li{
		padding: 0px 20px 0 0px;
	}
	footer#footer #credits p a {
		display: block;
		margin: 0px 0;
	}
	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {
		top: calc(50% - 0px) !important;
		background-size: 16px auto !important;
	   	width: 40px !important;
		height: 40px !important;
	}
	.owl-carousel .owl-nav .owl-prev { left: -10px; }
	.owl-carousel .owl-nav .owl-next { right: -10px; }

}

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

@media (max-width: 767px) {
	h1, .typo-huge {
		font-size: var(--wp--preset--font-size--huge-mobile) !important;
		line-height: 1em!important;
	}
	.typo-big {
		font-size: var(--wp--preset--font-size--big-mobile) !important;
		line-height: 1.1em!important;
	}
	.typo-large {
		font-size: var(--wp--preset--font-size--large-mobile) !important;
		line-height: 1.1em!important;
	}
	.col3, .col5, .col15, .col10, .col20, .col30, .col40, .col48, .col50, .col60, .col70, .col80, .col90, .col25,.col33, .col45, .col55, .col57, .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% ;
		width: 100%;
	}
	.ligne-chiffres .col15 {
		flex-basis:50%;
		width: 50%
	}
	.decalage,.decalage15, .decalage70,.decalage100, .section-col.banniere .rangee.decalage-image .widget-image {
		top: inherit;
		margin-bottom: inherit;
	}
	#titre-simple .text-center {
		text-align: left;
	}
	#bloc-titre-page .rangee {
		min-height: 350px;
		text-align: left;
	}
	#titre-video {
	    height: 500px;
	}
	.section-galerie .gallery-item {
		flex-basis: 100%;
		width: 100%;
	}
	.only-mobile {
		display: block !important;
	}
	#hambmenu {
	  width: 100%;
	}
	#search form {
		padding: 50px 0;
	}
	#backtotop {
	  bottom: 20px;
	}

}