/* Large Desktop
==================================================================================================== */
    /* styles ici s'appliquent uniquement pour les écrans de 1280px de large et plus */

@media (min-width: 1280px) {

	.rangee {
		width: 92%;
		max-width: 1240px;
	}
	.section-col .banniere .rangee {
		width: calc(92% - 40px);
		max-width: calc(1240px - 40px);
	}
	header#header nav {
		right: 165px;
	}
	header#header nav a {
		font-size:18px;
		margin: 0 20px;
	}
	header#header ul.menu-actions li.bouton a {
		font-size: 18px !important;
	}
}

/*  Très Large Desktop
==================================================================================================== */
@media (min-width: 1480px) {

}


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

@media (max-width: 1110px) {
	.only-mobile {
		display: block !important;
	}
	#mobile-header{
		position: fixed;
		z-index: 99998;
		display:block;
		height:80px;
		width:100%;
		top:0;
		left:0;
		width: 100%;
		background:  var(--wp--preset--color--primary);
	}
	#mobile-header #responsive-logo {
		width: 230px;
		top: 21px;
		position: absolute;
		left: 30px;
	}
	#mobile-header #responsive-logo img{
		width: 100%;
		height: auto;
	}
	header#header, .no-mobile, #bloc-titre-page.hero:after, body.no-fond:before {
		display: none;
	}
	#main{
		padding-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;
	}
	.section-col.banniere .rangee {
		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%;
	}
	.col50, .col25, .col40, .col60, .section-equipe .col33{
		flex-basis:50%;
		width: 50%
	}
	.section-logos .col15 {
		flex-basis:33.3% ;
		width: 33.3%;
	}

	.banniere .decalage100, .banniere .decalage15, .banniere .decalage70, .banniere .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, .double-padding, #titre-illus {
		padding: 50px 0 ;
	}
	.padding-bottom, .double-padding-bottom {
		padding-bottom: 50px ;
	}
	.padding-top, .double-padding-top {
		padding-top: 50px ;
	}
	#bloc-titre-page.hero .rangee {
		min-height: auto;
	}
	#bloc-titre-page .rangee .col-titre-hero {
		padding: 20px;
		width: 100%;
		text-align: center;
	}
	#bloc-titre-page .col66, #bloc-titre-page .col60 {
		flex-basis:100% ;
		width: 100%;
	}
	h1, .typo-huge {
		font-size: var(--wp--preset--font-size--huge-mobile) !important;
		line-height: 1.1em;
	}
	h2 {
		font-size: var(--wp--preset--font-size--large-mobile);
		line-height: 1.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;
	}
	footer#footer p.bouton-footer {
		margin-top: 0px !important;
	}
	footer#footer ul.reso-footer {
		margin-top: 30px;
	}
	footer#footer #credits p a {
		display: block;
		margin: 0px 0;
	}
	.section-col .banniere {
		padding: 0px 0;
	}
	.section-col .banniere .rangee{
		outline: 0px !important;
		padding: 20px;
	}
	.section-reassurance .banniere {
		outline: 0px !important;
		padding: 20px;
	}
	.section-reassurance.decalage-banniere .banniere{
		top: -0px;
		margin-top: 0;
		margin-bottom: 0px;
	}
	.section-galerie .gallery-item {
		flex-basis: calc(50% - 20px);
		width: calc(50% - 20px);
	}
}

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

@media (max-width: 767px) {
	.rangee {
		width: 92%;
	}
	.fullwidth, .full, .rangee.full, .section-flexible.fullwidth .rangee{
		width: 100%;
		max-width: 100%;
	}
	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%;
	}
	.section-equipe .col33 {
		flex-basis:100% ;
		width: 100%;
	}
	.section-logos .col15 {
		flex-basis:50% ;
		width: 50%;
	}
	.decalage, .decalage15, .decalage70,.decalage100, .decalage140, .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;
		padding: 50px 0;
		text-align: left;
	}
	.owl-carousel .owl-nav .owl-prev { left: 0px; }
	.owl-carousel .owl-nav .owl-next { right: 0px; }

	#hambmenu {
	  width: 100%;
	}
	#search form {
		padding: 50px 0;
	}
	.section-bandeau-image {
		min-height: 350px;
	}
	.section-galerie .gallery-item {
		flex-basis: calc(100% - 20px);
		width: calc(100% - 20px);
	}
	.trait {
		margin: 0 auto;
		width: 0px;
		height: 4px;
		border-radius: 5px;
		background: var(--wp--preset--color--secondary);
		position: absolute;
		left: 50%;
		top:0px;
		transform: translateX(-50%);
		transition: all 1.5s ease-out;
	}
	.trait.visible {
		height:  4px;
		width: 100px;
	}
	#titre-illus .bloc-content-illus {
		padding-right: 0;
	}

}