/* /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////// LARGE DESKTOP
======================================================================================================================================================================== */
@media (min-width: 1280px) {

	.rangee {
		width: 95%;
		max-width: 1320px;
	}
	.elementor-section.elementor-section-boxed > .elementor-container,.wp-block-group, .e-con > .e-con-inner {
		width: 95% !important;
		max-width: 1320px!important;
	}
	#logo, #menu-collection .dates-menu {
		width: 220px;
	}
	header#header nav {
		left: 230px;
	}
	header#header nav a {
		font-size:18px;
		margin: 0 20px;
	}
	header#header ul.reso-header{
		right: 25px;
	}
	#menu-collection ul li a{
		padding: 0 20px;
		font-size: 18px;
	}
	#menu-collection .dates-menu p, #menu-collection .btn-menu a {
		font-size: 18px !important;
	}
	#menu-collection .menu-menu-ete-container , #menu-collection .menu-menu-hiver-container {
		padding-left: 230px;
	}
	#menu-collection .btn-menu {
		right: 35px;
	}
	.col-produit {
		flex-basis:33.3% !important;
		width: 33.3%!important;
	}
}

/* /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////// TRES LARGE DESKTOP
======================================================================================================================================================================== */
@media (min-width: 1480px) {


}


/* /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////// TABLETTE
======================================================================================================================================================================== */

@media (max-width: 1025px) {

	#mobile-header{
		position: fixed;
		z-index: 998;
		display:block;
		height:80px;
		width:100%;
		top:0;
		left:0;
		width: 100%;
		background: var(--wp--preset--color--primary);
	}
	#mobile-header #responsive-logo {
		width:60px;
		top: 20px;
		position: absolute;
		left: 25px;
	}
	#mobile-header #responsive-logo img{
		width: 100%;
		height: auto;
	}
	header#header, .no-mobile,#menu-collection{
		display: none;
	}
	#mobile-header .calendar {
		position: absolute;
		display: inline-block;
		right: 90px;
		top: 24px;
		margin: 0;
	}
	#mobile-header .calendar a {
		display: block;
	}
	#mobile-header .calendar img {
		height: 30px;
		width: auto;
	}
	#main {
		padding-top: 80px;
	}

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

	.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;
	}
	.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;
	}
	.col-vignette, .col-produit {
		flex-basis:50% !important;
		width: 50%!important;
	}
	.aucun-ecart{
		padding: 0px!important;
	}
	.padding {
		padding: 50px 0 !important;
	}

	/* -------------------------------------------------------------- 
	/////////////////////////////////// TYPO
	----------------------------------------------------------------- */
	h1 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--huge);
	}
	h2 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--big);
	}
	h3 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--large);
	}
	h4 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--medium);
	}
	h5 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--plus);
	}
	h6 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--plus);
	}
	.typo-small, .typo-small .elementor-heading-title {
		font-size: var(--wp--preset--font-size--small);
	}
	.typo-normal, .typo-normal .elementor-heading-title {
		font-size: var(--wp--preset--font-size--normal);
	}
	.typo-plus, .typo-plus .elementor-heading-title {
		font-size: var(--wp--preset--font-size--plus);
	}
	.typo-medium, .typo-medium .elementor-heading-title {
		font-size: var(--wp--preset--font-size--medium);
	}
	.typo-large, .typo-large .elementor-heading-title {
		font-size: var(--wp--preset--font-size--large);
	}
	.typo-big, .typo-big .elementor-heading-title {
		font-size: var(--wp--preset--font-size--big);
	}
	.typo-huge, .typo-huge .elementor-heading-title {
		font-size: var(--wp--preset--font-size--huge);
	}
	/* -------------------------------------------------------------- 
	/////////////////////////////////// HOME
	----------------------------------------------------------------- */
	a.news, a.newsbis {
		min-height: 300px;
	}

	#titre-simple {
		padding: 50px 0 0 0;	
	}

	footer#footer,  #credits p {
		text-align: center;
	}
	#credits p a {
		display: block;
		margin-right: 0px;
	}
	#backtotop.show {
	  bottom: 25px;
	}
	#slider ul{
		height: 550px;
	}
	#slider .bloc-content-slide {
		padding: 0px 0px 30px 30px;
	}
	#slider .slide p {
		font-size: var(--wp--preset--font-size--large);
		line-height: 1.1em;
	}
	#slider .slide .titre-slide {
		font-size: var(--wp--preset--font-size--big);
		line-height: 1.1em;
	}

	/* -------------------------------------------------------------- 
	/////////////////////////////////// LIEU
	----------------------------------------------------------------- */
	#map-lieux {
		height: 400px;
		top: 0px;
		margin-bottom: 0px;
	}
	.pres-lieu {
		padding-right: 0px;
	}
	#carte .liste-lieux {
		padding: 30px;
	}
	#carte .liste-lieux a.lieu {
		margin: 15px 0;
	}
	#carte .liste-lieux a.lieu .col33 .back-image{
		height: 250px;
	}
	#bloc-map {
		position: relative;
		height: auto;
	}
	#bloc-map .liste-lieux {
		overflow-y: auto;
		height: auto;
	}
	#bloc-map #map {
		width: 100%;
		height: 600px;
		min-height: 600px;
		position: relative;
	}
	#bloc-map #map .wpgb-map-facet {
	    min-height: 600px;
		height:100% !important;
	}

}

/* /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////// MOBILE
======================================================================================================================================================================== */

@media (max-width: 767px) {
	/* -------------------------------------------------------------- 
	/////////////////////////////////// GRILLE
	----------------------------------------------------------------- */

	.col-vignette, .col-produit {
		flex-basis:100% !important;
		width: 100%!important;
	}
	.ecart-normal{
		flex: 0 0 auto;
		padding: 10px;
	}
	.padding {
		padding: 40px 0 !important;
	}
	.padding-bottom {
		padding-bottom: 40px !important;
	}
	.padding-top {
		padding-top: 40px !important;
	}
	.only-mobile {
		display: block !important;
	}

	/* -------------------------------------------------------------- 
	/////////////////////////////////// TYPO
	----------------------------------------------------------------- */
	h1 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--huge-mobile);
	}
	#single.two-col .content-single .titre-single h1 {
		font-size: var(--wp--preset--font-size--big-mobile);
	}
	h2 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--big-mobile);
	}
	h3 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--large-mobile);
	}
	h4 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--medium);
	}
	h5 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--plus);
	}
	h6 {
		color: var(--wp--preset--color--primary);
		font-size:var(--wp--preset--font-size--plus);
	}
	.typo-small, .typo-small .elementor-heading-title {
		font-size: var(--wp--preset--font-size--small);
	}
	.typo-normal, .typo-normal .elementor-heading-title {
		font-size: var(--wp--preset--font-size--normal);
	}
	.typo-plus, .typo-plus .elementor-heading-title {
		font-size: var(--wp--preset--font-size--plus);
	}
	.typo-medium, .typo-medium .elementor-heading-title {
		font-size: var(--wp--preset--font-size--medium);
	}
	.typo-large, .typo-large .elementor-heading-title {
		font-size: var(--wp--preset--font-size--large-mobile);
	}
	.typo-big, .typo-big .elementor-heading-title {
		font-size: var(--wp--preset--font-size--big-mobile);
	}
	.typo-huge, .typo-huge .elementor-heading-title {
		font-size: var(--wp--preset--font-size--huge-mobile);
	}
	tr, td, th {
		padding: 5px !important;
	}
	/* -------------------------------------------------------------- 
	/////////////////////////////////// SLIDER
	----------------------------------------------------------------- */
	.bx-controls-direction a {
		bottom:15px;
	}
	.bx-controls-direction a.bx-prev {
		background-image:url(img/arrow-left.svg);
		right: 60px;
	}
	.bx-controls-direction a.bx-next {
		background-image:url(img/arrow-right.svg);
		right: 20px;
	}
	#slider ul{
		height: 450px;
	}
	#slider .bloc-content-slide {
		padding: 0px 0px 30px 0px;
	}
	#slider .slide p {
		font-size: var(--wp--preset--font-size--medium);
	}
	#slider .slide .titre-slide {
		font-size: var(--wp--preset--font-size--big-mobile);
	}

	/* -------------------------------------------------------------- 
	/////////////////////////////////// TITRES
	----------------------------------------------------------------- */	
	#titre-simple {
		padding: 30px 0 0 0;	
	}
	#bloc-titre-page .rangee {
		min-height: 350px;
		padding: 50px 0;
		text-align: center;
	}
	/* -------------------------------------------------------------- 
	/////////////////////////////////// HOME
	----------------------------------------------------------------- */
	a.news, a.newsbis {
		min-height: 350px;
	}
	/* -------------------------------------------------------------- 
	/////////////////////////////////// FOCUS
	----------------------------------------------------------------- */
	span.titre-focus, a.news span.titre-news {
		padding: 30px;
	}
	span.titre-focus em {
		font-size: var(--wp--preset--font-size--medium);
	}
	a.bloc-focus {
		height: 300px;
	}
	/* -------------------------------------------------------------- 
	/////////////////////////////////// FICHE ARTISTE
	----------------------------------------------------------------- */
	#image-prog {
		position: relative;
		margin-bottom: 0px;
	}
	#content-prog ul.reso-single li{
		padding: 0 20px 5px 0;
	}
	#content-prog .bloc-citation {
		padding: 40px;
	}
	#content-prog .video-youtube {
		margin-top: 20px;
	}
	.embed .video-container {
		height: 352px;
	}
	/* -------------------------------------------------------------- 
	/////////////////////////////////// SINGLE
	----------------------------------------------------------------- */
	#single .image-single {
		position: relative;
		margin:  0;
	}
	#single-product {
		padding-top: 0px;
	}
	#single-product form.cart .quantity {
		margin-bottom: 10px;
	}
	/* -------------------------------------------------------------- 
	/////////////////////////////////// FOOTER
	----------------------------------------------------------------- */
	.text-right {
		text-align: center;
	}
	footer#footer ul.reso-footer li {
		margin: 15px 10px;
	}
	footer#footer #credits p a {
		display: block;
		margin: 5px 20px;
	}
	#backtotop.show {
	  bottom: 25px;
	}
	/* -------------------------------------------------------------- 
	/////////////////////////////////// ELEMENTOR
	----------------------------------------------------------------- */
	.elementor-element {
		border-right: 0px !important;
	}

}
