/* preview elementor */
.ateliersesame-preview h3{
	font-family: 'Sofia Sans', sans-serif;
	text-align: center;
	padding: 10px;
	width: 100%;
}

/* contenu realisation / inspiration / membre */
.ateliersesame-carousel{
	cursor: grab;
}
.ateliersesame-carousel .slide {
	margin: 15px;
}
.contenu-realisation .image,
.contenu-inspiration .image,
.contenu-membre .image,
.contenu-inspiration .galery-photo{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 695px;
	width: 100%;
}
.contenu-realisation .legende,
.contenu-inspiration .legende,
.contenu-membre .legende{
	min-height: 170px;
	border-top: solid 1px var(--dore-fonce);
	margin-top: 30px;
	padding-top: 30px;
}
.contenu-membre .poste,
.contenu-realisation .legende .coordonnees,
.contenu-inspiration .legende .categorie{
	font-family: "Baskervville";
	font-size: 16px;
	font-weight: normal;
	color: var(--dore-fonce);
	text-transform: uppercase;
}
.contenu-realisation .legende .coordonnees{
	font-family: "LibreBaskerville";
}
.contenu-realisation .legende a.titre,
.contenu-realisation .legende .resume,
.contenu-membre .legende .titre,
.contenu-membre .legende .resume,
.contenu-inspiration .legende .titre,
.contenu-inspiration .legende .resume {
	font-family: "Baskervville";
	font-size: 25px;
	font-weight: normal;
	color: var(--texte-bleu);
	text-decoration: none;
}
.contenu-realisation .legende a.titre{
	cursor: pointer;
}
.contenu-realisation .legende .resume,
.contenu-membre .legende .resume,
.contenu-inspiration .legende .resume {
	font-family: 'Kobe';
	font-size: 18px;
}

/* carousel membre */
.contenu-membre .image-container{
	width: 300px;
	height: 324px;
	padding: 29px 15px;
	background: url('../img/portrait-fond-polaroid.jpg') no-repeat center / cover ;
}
.contenu-membre .image{
	height: 265px;
	width: 265px;
}
.contenu-membre .legende{
	max-width: 301px;
	height: 300px;
	line-height: 1.1;
}
.ateliersesame-carousel#carousel-membre .slide {
	margin: 15px auto;
	padding: 0 45px;
}
.contenu-membre .titre{
	font-size: 28px;
	text-transform: uppercase;
	line-height: 1.2;
}
.contenu-membre .titre,
.contenu-membre .resume{
	display: block;
	margin-top: 15px !important;
}

/* carousel partenaires */
.ateliersesame-carousel#carousel-partenaire{
	margin: 0 auto;
	max-width: 220px;
}
.ateliersesame-carousel#carousel-partenaire .slide{
	margin: 10px;
	height: 90px;
}
.ateliersesame-carousel#carousel-partenaire .image-container{
	height: 90px;
	position: relative;
}
.ateliersesame-carousel#carousel-partenaire .image-container img{
	max-height: 90px;
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.ateliersesame-carousel#carousel-partenaire .slick-prev, 
.ateliersesame-carousel#carousel-partenaire .slick-next{
	left: -45px;
	top: 39%;
}
.ateliersesame-carousel#carousel-partenaire .slick-next{
	left: auto;
	right: -45px;
}


/* grille */
.ateliersesame-item{
	margin-bottom: 30px;
}
.hidden-first{
	display: none;
}
.ateliersesame-liste .contenu-realisation .image{
	cursor: pointer;
}
/*
.ateliersesame-liste.type-realisation{
	height: auto !important;
}
.ateliersesame-liste.type-realisation .ateliersesame-item.nostyle{
	position: relative !important;
	top: auto !important;
	left: auto !important;
}
*/
/* grille inspiration */
.contenu-inspiration{
	margin-bottom: 100px;
}
.contenu-inspiration .titre{
	margin-bottom: 30px;
	text-transform: uppercase;
}
.contenu-inspiration .image,
.contenu-inspiration .galery-photo,
.contenu-inspiration .image .elementor-widget-video,
.contenu-inspiration .image .elementor-widget-video iframe,
.contenu-inspiration .image .elementor-custom-embed-image-overlay{
	height: 539px;
}
.contenu-inspiration .image .elementor-custom-embed-image-overlay{
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/* slider galery inspiration */
.slick-prev, .slick-next,
.slick-prev:hover, .slick-next:hover{
	border: none !important;
	background-color: transparent !important;
	z-index: 999;
}
.slick-prev{
	left: 0;
}
.slick-next{
	right: 0;
}
.slick-prev:before, .slick-next:before{
	display: inline-block;
	height: 24px;
	width: 24px;
	content: '';
	background-image: url('../img/galerie-fleche-gauche.svg') !important;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 999;
	/*
	position: relative;
	top: auto;
	left: auto;
	*/
}
.slick-next:before{
	background-image: url('../img/galerie-fleche-droite.svg') !important;
}

/* filtres */
.filter-container{
	display: block;
	padding: 25px;
}
.filter-title{
	margin: 10px;
}
select.ateliersesame-filter{
	background: var(--blanc);
    width: 300px;
}
/*
.e-row-filtres .ateliersesame-liste{
	height: auto !important;
}
	*/

/* accordeon général */
body:not(.single-product) .accordion {
    max-width: 875px;
}
.accordion .accordion-item{
	border: none;
	border-bottom: solid 1px var(--bordures);
	padding: 20px 0;
}
.accordion .accordion-item .accordion-button{
	padding: 0;
	background-color: var(--blanc);
	cursor: pointer;
	color: var(--texte-bleu);
	font-family: "Baskervville", sans-serif;
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
}
.accordion .accordion-item .accordion-button.collapsed,
.accordion .accordion-item .accordion-button.collapsed a,
.accordion .accordion-item .accordion-collapse{
	padding: 0;
	background-color: var(--blanc);
}
.accordion .accordion-item .accordion-body{
	padding: 0;
	margin-top: 10px;
	font-family: "Kobe", sans-serif;
	font-size: 18px;
	font-weight: normal;
}
.accordion .accordion-item:first-of-type{
	border-top: solid 1px var(--bordures);
	border-radius: 0;
}
/*
.accordion .accordion-item:last-of-type,
.accordion .accordion-item:last-of-type .accordion-button.collapsed,
.accordion .accordion-item:last-of-type .accordion-collapse.show{
	border-bottom: none;
}
*/
.accordion-item:last-of-type{
	border-radius: 0 !important;
}
.accordion .accordion-item .accordion-button::after{
	background-image: url("../img/accordeon-fleche-bas.svg") !important;
	width: 12px;
	height: 6px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
/*
.accordion .accordion-item .accordion-button:not(.collapsed)::after{
	background-image: url("../img/accordeon-fleche-bas.svg") !important;
}
	*/
.accordion-button:not(.collapsed){
	box-shadow: none !important;
}

/* accordeons classiques */
#acc-classique.accordion .accordion-item .accordion-collapse ul{
    margin-bottom: 0;
    padding-left: 0;
}
#acc-classique.accordion .accordion-item .accordion-collapse ul li{
    margin-bottom: 10px;
    list-style: none;
    background-image: url("../img/accordeon-fleche-bas.svg");
    background-repeat: no-repeat;
    background-size: 17px 12px;
    background-position: left top 2px;
    padding-left: 25px;

}
#acc-classique.accordion .accordion-item .accordion-collapse ul li:last-child{
    margin-bottom: 0;
}
.fleches .elementor-tab-content ul,
ul.fleches {
	list-style: none;
}
.fleches .elementor-tab-content ul li,
ul.fleches li {
	background-image: url("../img/fleche-droite-ul-li.png");
	background-repeat: no-repeat;
	background-position: left top 1px;
	background-size: 16px;
	padding-left: 20px;
}
.elementor-tab-content ul li a, .elementor-tab-content ol li a{
	text-decoration: underline;
	font-weight: bold;
}
.elementor-tab-content ul li a:hover, .elementor-tab-content ol li a:hover{
	text-decoration: none;
}

/* filtres */
.ateliersesame-filter a, .ateliersesame-filter a:hover, 
a.reset{
	color: var(--texte-bleu) !important;
	font-family: 'Baskervville';
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
.ateliersesame-filter a.selected{
	color: var(--dore-fonce) !important;
}

#filtres-1 .ateliersesame-filter a, 
#filtres-1 .ateliersesame-filter a:hover{
	color: var(--dore-fonce) !important;
}
#filtres-1 .ateliersesame-filter a.selected{
	color: var(--texte-bleu) !important;
}

.ateliersesame-filter{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 5px;
}
.ateliersesame-filter a{
	display: block;
	margin: 0 20px 5px 0;
}
#filtres-2 .ateliersesame-filter a{
	margin-bottom: 0;
}
a.reset{
	display: none;
	width: 11px;
	height: 11px;
	background: url("../img/croix-fermer.svg") no-repeat center / cover ;
}
.as-filtres-widget{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
}
.as-filtres-widget .as-filtres-widget-filtres{
	width: auto;
}
.as-filtres-widget .as-filtres-widget-close{
	width: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.as-filtres-widget .row .col-md-12{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.as-filtres-tabs .tab-pane{
	padding: 20px 0;
}
.as-filtres-tabs ul.nav li button,
.as-filtres-tabs ul.nav li button:hover{
	border: solid 1px var(--texte-bleu) !important;
	border-radius: 0 !important;
	background-color: var(--blanc) !important;
	font-family: "Baskervville";
	font-size: 30px;
	font-weight: normal;
	color: var(--texte-bleu);
	text-decoration: none;
	text-transform: uppercase;
}
.as-filtres-tabs ul.nav li button:hover,
.as-filtres-tabs ul.nav li button[aria-selected=true]{
	color: var(--dore-fonce);
}
.as-filtres-tabs ul.nav li button[aria-selected=true]{
	font-style: italic;
}
.as-filtres-tabs ul.nav li button#home-tab{
	border-left: none !important;
}
.as-filtres-tabs ul.nav li button#profile-tab{
	border-right: none !important;
}

.as-filtres-widget-close{
	width: 100%;
	margin: 15px 0;
}
.as-filtres-widget-close a.reset{
	margin: 0 auto;
}

/* image large */
.image-large-container.carte-fond{
	background: url("../img/atelier-sesame-fond-carto-1.jpg") no-repeat center / cover ;
}
img.image-large{
	width: 100%;
}

/* texte */
.as-texte-container .row .col-md-6{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.as-texte-container h2.titre{
	font-family: "Baskervville";
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	max-width: 545px;
	margin-bottom: 50px;
}
.as-texte-container .texte.reduit{
	max-width: 385px;
}
.as-texte-container .image{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

/* galerie */
.as-galerie-container.decalage .row .as-colonne img{
	width: 100%;
}
.as-galerie-container.decalage .as-colonne{
	padding: 0;
}

/* avis */
.as-avis{
	text-align: center;
}
.as-avis h2.titre,
.as-avis .nom{
	font-family: 'Kobe';
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
}
.as-avis .texte{
	max-width: 775px;
	margin: 35px auto;
}
.as-avis .nom{
	font-family: 'Baskervville';
	color: var(--dore-fonce);
}

/* voir aussi */
.single-realisation-footer .gauche,
.single-realisation-footer .droite{
	min-height: 200px;
}
.single-realisation-footer .gauche{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.single-realisation-footer h2.intro{
	font-family: 'Kobe';
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
}
.single-realisation-footer .titre{
	font-family: 'Baskervville';
	font-size: 30px;
	line-height: 1;
	font-weight: normal;
	text-transform: uppercase;
}
.single-realisation-footer .droite{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* responsive */
@media screen and (min-width: 768px) {
	/* grille > large item */
	.col-md-12 .contenu-realisation,
	.col-md-12 .contenu-inspiration{
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-around;
	}
	.col-md-12 .contenu-realisation .legende,
	.col-md-12 .contenu-inspiration .legende{
		width: 31%;
		margin-top: 0;
		display: flex;
		flex-direction: column;
		justify-content: end;
		height: 695px;
	}
	.col-md-12 .contenu-realisation .image,
	.col-md-12 .contenu-inspiration .image{
		width: 65%;
	}
	.ateliersesame-liste.type-realisation .ateliersesame-item.col-md-6{
		height: 890px;
	}
	.ateliersesame-liste.type-realisation .ateliersesame-item.col-md-12{
		height: 695px;
	}
	/* inspiration : alternance */
	.col-md-12 .contenu-inspiration:not(.reverse){
		flex-direction: row;
	}
	.col-md-12 .contenu-inspiration.reverse{
		flex-direction: row-reverse;
	}
	.col-md-12 .contenu-inspiration .legende{
		height: 539px;
	}
	/* inspiration : portrait */
	.col-md-12 .contenu-inspiration.portrait .legende,
	.col-md-12 .contenu-inspiration.portrait .image{
		height: 790px;
		width: 50%;
	}
	.contenu-inspiration.portrait .galery-photo{
		height: 790px;
	}
	.col-md-12 .contenu-inspiration.portrait .legende{
		width: 46%;
	}
	/* tabs */
	.as-filtres-tabs ul.nav li button#home-tab{
		border-right: none !important;
	}
	/* polices */
	.accordion .accordion-item .accordion-button{
		font-size: 40px;
	}
	.contenu-realisation .legende a.titre,
	.contenu-membre .legende .titre,
	.contenu-inspiration .legende .titre {
		font-size: 30px;
	}
	.as-texte-container h2.titre{
		font-size: 75px;
	}
	/* contact > carrousel partenaires */
	.ateliersesame-carousel#carousel-partenaire{
		max-width: 350px;
	}
	/* equipe */
	.ateliersesame-carousel#carousel-membre .slide {
		padding: 0;
	}
	/* single realisation > galerie */
	.as-container{
		padding: 50px 0;
	}
	.as-galerie-container.decalage .as-colonne{
		position: relative;
		height: 850px;
	}
	.as-galerie-container.decalage .row .as-colonne img {
		position: absolute;
		width: calc(100% - 12px) !important;
		left: 0;
	}
	.as-galerie-container.decalage .row .as-colonne img.impair{
		top: 100px;
	}
	.as-galerie-container.decalage .row .as-colonne img.pair{
		bottom: 100px;
	}
	/* single-realisation-footer */
	.single-realisation-footer .gauche,
	.single-realisation-footer .droite{
		min-height: 312px;
	}	
	.single-realisation-footer .titre{
		font-size: 55px;
	}

}

/* responsive */
@media screen and (min-width: 992px) {
	/* left / right */
	.desktop-left{
		float: left;
	}
	.desktop-right{
		float: right;
	}
	/* desktop : fleches position absolute sur les cotés */
	.ateliersesame-carousel-arrows{
		display: block;
	}
	.ateliersesame-carousel-arrows-container{
		position: relative;
	}
	.ateliersesame-carousel-arrows{
		display: block;
	}
	.ateliersesame-prev, .ateliersesame-next{
		width: 26px;
		height: 51px;
		position: absolute;
		top: 184px;
		right: -30px;
		margin: 0;
	}
	.ateliersesame-prev{
		right: auto;
		left: -30px;
	}
	.arrows-product .ateliersesame-prev, .arrows-product .ateliersesame-next{
		top: 90px;
	}

	/* filtres */
	.filter-container{
		display: flex;
		justify-content: center;
		flex-wrap: nowrap;
	}
	/* resserer carousel et grilles */
	.ateliersesame-carousel-container{
		max-width: 990px;
		margin: 0 auto !important;
	}
	/* back image */
	.desktop-left.back-image a{
		position: absolute;
		right: 0;
		top: 50%; /* poussé de la moitié de hauteur du référent */
		transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	}
	/* contact > carrousel partenaires */
	.ateliersesame-carousel#carousel-partenaire{
		max-width: 476px;
	}
}

@media screen and (max-width:1200px){
	.ateliersesame-row .texte-container .texte{
		padding: 30px;
	}
	.ateliersesame-row .texte-container{
		margin-top: -5px;
	}
	/* titre */
	.ateliersesame-row h2{
		font-size: 30px !important;
	}
}


/* fix boostratp */
.row{
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* tres grands écrans : slider qui dépasse à droite */
@media screen and (min-width:1200px){
	body:not(.page-id-22) .elementor-widget-ateliersesame-carousel{
		overflow-x: hidden;
		/* height: 930px !important; */
	}
	body:not(.page-id-22) .ateliersesame-carousel-container{
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 20% !important;
	}
	body:not(.page-id-22) .ateliersesame-carousel-container .slick-prev{
		margin-left: 17% !important;
	}
	body.home .ateliersesame-carousel-container .slick-prev,
	body.home .ateliersesame-carousel-container .slick-next{
		top: 35% !important;
	}
	body.page-id-16 .ateliersesame-carousel-container .slick-prev,
	body.page-id-16 .ateliersesame-carousel-container .slick-next{
		top: 30% !important;
	}
}

/* fleche mobile */

@media screen and (max-width:768px){
	#carousel-container-membre button.slick-arrow{
		top: 23% !important;
	}
}