/* Large Desktop
==================================================================================================== */
@media (min-width: 1280px) {
	.rangee {
		width: 95%;
		max-width: 1280px;
	}
	.section-col .banniere .rangee {
		width: calc(95% - 60px);
		max-width: calc(1280px - 60px);
	}
}

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

}

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

@media (max-width: 1025px) {


	header#header nav, .no-mobile{
		display: none !important;
	}
	header#header {
	    position: fixed;
	}
	body #main{
		padding-top: 0px;
	}
	body.no-fond-header #main {
		padding-top: 0;
	}
	header#header .menu-actions {
		display: block;
	}

	/* MENU OVERLAY - TABLETTE/MOBILE */
	.menu-overlay .contenu-menu {
		padding: 120px 0 50px 0;
	}
	/* 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;
	}
	.section-billets .col33 {
		flex-basis:100%;
		width: 100%;
	}
	.section-logos .col15 {
		flex-basis:33.3%;
		width: 33.3%;
	}
	.section-logos .col20, .section-cta-icone .col25{
		flex-basis:50%;
		width: 50%;
	}
	.cta-icone {
		border-left: 0px;
	}
	.ligne-chiffres .col20 {
		flex-basis:25%;
		width: 25%;
	}
	.banniere .col50 {
		flex-basis:100% ;
		width: 100%;
	}
	.border-left, .border-col {
		border-left:0px ;
	}
	.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-col-pres.border-left {
	  padding-left: 0px;
	}
	#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;
	}
	.cool {
		padding: 250px 0;
	}
	h1, .typo-huge {
		font-size: var(--wp--preset--font-size--huge-tablette) !important;
	}
	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 #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: 0px; }
	.owl-carousel .owl-nav .owl-next { right: 0px; }
	.owl-carousel {
	  	padding: 0 20px; 
	  	width: calc(95% - 20px) !important;
	  	margin: 0 auto;
	}

}

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

@media (max-width: 767px) {
	.padding {
		padding: 50px 0 ;
	}
	.padding-bottom {
		padding-bottom: 50px ;
	}
	.padding-top {
		padding-top: 50px ;
	}
	#logo {
		left: 20px;
	}
	#logo a img {
		height: 60px;
	}
	header#header, body.no-fond-header header#header  {
		width: 100%;
		position: relative;
		height: 100px;
		z-index: 99;
		background: var(--wp--preset--color--noir);
	    -webkit-transition: all 0.3s;
	    -moz-transition: all 0.3s;
	    transition: all 0.3s;
	}
	body.no-fond-header header#header:before {
		display: none;
	}
	.menu-overlay ul {
		margin: 0;
	}
	header#header .menu-item-has-children{
		padding: 5px 0!important;
	}
	header#header .menu-overlay li.menu-item-has-children .sub-menu {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		padding-left: 15px;
		margin-top: 0;
		border-left: 1px solid rgba(255, 255, 255, 0.3);
		transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
					opacity 0.35s ease 0.05s,
					margin-top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}
	header#header .menu-overlay li.menu-item-has-children.is-open .sub-menu {
		max-height: 2000px;
		opacity: 1;
		margin-top: 10px;
	}
	
	header#header .menu-overlay .submenu-toggle {
		display: inline-flex !important;
	}
	header#header .menu-overlay .submenu-toggle .chevron {
		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}
	header#header .menu-overlay li.menu-item-has-children.is-open .submenu-toggle .chevron {
		transform: rotate(-180deg);
	}
	header#header .menu-overlay li.menu-item-has-children {
		transition: margin-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}
	header#header .menu-overlay .bouton a {
		display: block;
		text-align: center;
		margin: 10px 0 !important;
	}
	header#header .menu-overlay ul.reso-header li a img {
		height: 20px;
	}
	#bloc-titre-page .rangee {
		min-height: 400px;
		padding: 100px 0;
		z-index: 9;
	}
	#bloc-titre-video .hero .rangee {
		height: 300px;
	}
	h1, .typo-huge{
		font-size: var(--wp--preset--font-size--huge-mobile) !important;
		line-height: .9;
	}
	#single h1 {
		font-size: var(--wp--preset--font-size--big) !important;
	}
	.section-news h2.sous-titre {
		font-size: var(--wp--preset--font-size--large);
	}
	.typo-big {
		font-size: var(--wp--preset--font-size--big-mobile) !important;
	}
	.typo-large {
		font-size: var(--wp--preset--font-size--large-mobile) !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%;
	}
	/*.billet {
		background-image: none !important;
		padding: 30px;
		-webkit-mask-image: radial-gradient(circle at 50% 0%, transparent 20px, #fff 20px),
		radial-gradient(circle at 50% 100%, transparent 20px, #fff 20px);
		-webkit-mask-composite: destination-in;
		mask-image: radial-gradient(circle at 50% 0%, transparent 20px, #fff 20px),
		radial-gradient(circle at 50% 100%, transparent 20px, #fff 20px);
	}
	.billet::after {
		display: none;
	}*/
	.artiste-item {
		display: block;
		width: 100%;
	}
	.artiste-nom {
		font-size: var(--wp--preset--font-size--medium);
	}
	.artiste-separateur {
		display: none;
	}
	.cool {
		padding: 200px 0;
	}
	.ligne-chiffres .col20 {
		flex-basis:50%;
		width: 50%
	}
	.section-cta-icone .col25{
		flex-basis:100%;
		width: 100%;
	}
	.section-reassurance .banniere::before {
		content: "";
		position: absolute;
		inset: -20px;
		border-radius: 20px;
		z-index: -1;
	}
	.decalage,.decalage15, .decalage70,.decalage100, .section-col.banniere .rangee.decalage-image .widget-image {
		top: inherit;
		margin-bottom: inherit;
	}
	.section-col .border-col .ecart-normal {
	  border-left: 0px solid var(--wp--preset--color--rose);
	}
	.grille-news, .grille-news__secondaires {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        top: 0px;
    	margin-bottom: 0px;
    	gap:30px;
    }
    .grille-news .bloc-news{
        grid-row: auto;
        min-height: 350px;
    }
	#titre-simple, body.no-fond-header #titre-simple {
		padding: 40px 0 40px 0;
	}
	#bloc-titre-page .rangee {
		min-height: 350px;
		text-align: left;
	}
	#bloc-titre-page .hero .rangee {
		min-height: auto;
		padding: 150px 0;
	}
	.only-mobile {
		display: block !important;
	}
	#search form {
		padding: 50px 0;
	}
	footer#footer .bouton {
		margin-bottom: 30px;
	}
	#backtotop {
	  bottom: 20px;
	}
	.widget-tableau .tableau-dynamique th,
	.widget-tableau .tableau-dynamique td {
	  	padding: 10px;
	  	font-size: 15px;
	}
	#image-prog {
		position: relative;
		margin-bottom: 0px;
	}
	#titre-prog h1 {
		margin: 10px 0 ;
	}
	#content-prog {
		margin-top: 0px;
	}
	.citations {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.citations p.citation {
		font-size: var(--wp--preset--font-size--medium);
	}
	.citations .owl-carousel .owl-nav .owl-prev,
	.citations .owl-carousel .owl-nav .owl-next { 
		top: inherit !important;
		transform: none !important;
		bottom: -40px; 
	}
	.reso-single {
		text-align: center;
	}
	#titre-prog .genre, #titre-prog .jour{
		font-size: var(--wp--preset--font-size--plus);
	}
	.facets, .sort-buttons {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 100%;
		margin: 0 auto;
		position: relative;
		flex-flow: row wrap;
	}
	.facets .facet, .sort-buttons .sort-btn{
		flex-basis:100% ;
		width: 100%;
		text-align: left;
		padding: 0px !important;
		margin: 0px !important;
	}

	.wpgb-facet .wpgb-inline-list li{
	  display: block!important;
	  flex-basis:100%!important;
		width: 100%!important;
	}
	.wpgb-facet li .wpgb-button-label{
		padding-left: 0px !important;
	}
	footer#footer ul.reso-footer li a img, ul.reso-header li a img{
		height: 26px;
	}
	footer#footer ul.reso-footer li {
	  padding: 10px 15px;
	}
}