/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2009
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 7297 $
//+		$Date: 2024-01-17 09:14:12 +0100 (mer. 17 janv. 2024) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/2x/232_fdm/trunk/tpl/tpl0/css/pag/acc.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* HEADER */

.iTpl-head { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; }

/* IMG ACCUEIL  */
.img-acc { content: url('../../img/mep/body/acc/hero-img.jpg?v=230712'); }

/* PROCHAINE VENTE */

.pro-vente { position: absolute; bottom: -2em; left: 2%; width: 96%; background-color: #FFFAF8; border-bottom-left-radius: 100px; border-top-right-radius: 100px; border: solid 1px black; }
.pro-vente::after { content: ""; position: absolute; bottom: -3px; left: -5px; width: 100%; height: 100%; border-bottom-left-radius: 100px; border-top-right-radius: 100px; border: solid 1px black; }

.pro-vente-tit { padding: 1em 5em; position: absolute; top: 0; left: 0; z-index: 10; font-size: 1.17em; }
.pro-vente-tit::before { content: ''; background-image: url('../../img/mep/body/acc/bg-titre.svg?v=230712'); background-size: contain; background-repeat: no-repeat; height: 75%; width: 75%; position: absolute; top: 0.4em; left: 4em; z-index: -10; }
.pro-vente-tit::after { content: ''; background-image: url('../../img/mep/body/acc/element-deco-titre.svg?v=230719'); background-size: contain; background-repeat: no-repeat; height: 75%; width: 100%; position: absolute; top: 0.5em; left: 1.5em; z-index: -5; }

.pro-vente-ctn { display: grid; grid-template-columns: repeat(3, auto) max-content; grid-template-rows: repeat(2, auto); grid-auto-flow: column; margin: 2em 2em 2em 5em; }
.pro-vente-ctn > div { padding-right: 20px; }

.pro-vente-ctn .iTpl-tit-loc { margin: 0; }

.pro-vente-jour { font-size: 1.83em; line-height: 1em; padding-top: 1em; align-self: end; padding-bottom: 4px; }
.pro-vente-heure { padding-bottom: 1em; }

.pro-vente-lieu,
.pro-vente-lien { grid-row: 1/-1; align-self: center; margin-top: 3em; }

.pro-vente-lien { position: relative; z-index: 10; }

.pro-vente-img { grid-row: 1/-1; max-width: 15vw; align-self: end; }
.pro-vente-img img { width: 100%; }

.aff-vente { position: absolute; bottom: -1.2em; right: 2em; z-index: 5; width: 300px; height: 36px; justify-content: flex-end; align-items: center; }
.aff-vente::before { content: ''; background-image: url('../../img/mep/body/acc/btn-ventes.svg'); background-size: contain; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }
.aff-vente > a { display: inline-block; width: 100%; height: 100%; padding-right: 1em; display: flex; justify-content: flex-end; align-items: center; }

/* CTN */

.iTpl-tit { margin-bottom: 1em; }

.txt-mtop { margin-top: 1em; }

.ctr .iTpl-row-pag:not(.first) { padding-top: 6em;}

#fdm.iTpl-fdm { text-align: center; }
.iTpl-fdm .img { max-width: 25%; }
.iTpl-fdm .img img { width: 100%; }

.iTpl-fdm .row-fdm { flex-direction: row-reverse; }

.iTpl-fdm .fdm-ctn { margin: 2em auto; max-width: 50%; }
.fdm-ctn .iTpl-sig { text-align: right; font-size: 1.56em; font-family: Parisienne; margin-top: 2em; }

.iTpl-fdm .logo-fdm { content: ''; background-image: url('../../img/mep/body/acc/logo-beige.png'); background-size: contain; background-repeat: no-repeat; width: 13vw; height: 15vw; position: absolute; right: -1em; top: 4em; }


.crea-img { position: relative; }
.crea-img .img-sac { position: relative; left: 10% ;width: max-content; }
.crea-img .img-prm { position: relative; left: 55%; width: max-content; transform: translateX(-55%); }
.crea-img .img-poc { position: relative; left: 100%; width: max-content; transform: translateX(-100%); }
	.img-sac > .img-leg { font-family: Parisienne; font-size: 2.22em; position: absolute; right: 0; bottom: 0; transform: translate(-80%, -2em) rotate(-20deg); }
	.img-prm > .img-leg { font-family: Parisienne; font-size: 2.22em; position: absolute; right: 0; bottom: 0; transform: translate(-30%, -2em) rotate(-20deg); }
	.img-poc > .img-leg { font-family: Parisienne; font-size: 2.22em; position: absolute; right: 0; bottom: 0; transform: translate(-150%, -2em) rotate(-20deg); }

.crea-img .ici-link { position: absolute; bottom: 10px; left: 0; width: 200px; height: 200px; text-align: center; border-radius: 50%; background-color: #333333; color: white; justify-content: center; align-items: center; }
.crea-img .ici-link > div { max-width: 100%; }
.crea-img .ici-link::after { content: '>'; font-size: 2em; font-family: iDW_Nunito_reg; background-color: #333333; width: 50px; height: 50px; border-radius: 50%; position: absolute; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; }

.iTpl-crea .fox-crea { position: absolute; right: 0; top: 6em; max-width: 40%; }
.iTpl-crea .fox-crea img { max-width: 100%; }

.iTpl-crea .iTpl-leg { text-align: right; position: relative; }
.iTpl-crea .iTpl-leg::after { content: ''; background-image: url('../../img/mep/body/acc/traits-double.png'); background-size: cover; height: 10px; width: 50%; max-width: 884px; position: absolute; right: 0; bottom: -20px; }

#info { margin-bottom: 6em; }
.iTpl-info .info-lieu { width: 40%; }
.iTpl-info .info-lieu-ctn { padding-left: 5%; }
.iTpl-info .info-img { margin-top: 2em; max-width: 100%; }
.iTpl-info .info-img img { max-width: 100%; }

.iTpl-info .info-date { flex: 1; flex-direction: column; margin: auto; padding-left: 10px; }
.iTpl-info .info-mois { width: 50%; }
.iTpl-info .iTpl-txt-mois { font-size: 1.17em; margin-bottom: 1em; }
.iTpl-info .info-date .iTpl-txt { padding-bottom: 10px; }
.iTpl-info .info-date .info-msg { font-style: italic; margin: 0.5em 0; }
.iTpl-info .info-date .info-pass:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(to bottom, #F8F3EB 0%, transparent 100%); }

/* RESPONSIVE  */

@media screen and (max-width: 1230px){
	.aff-vente > a { padding-right: 2em; }

	.pro-vente-ctn { margin-top: 3.5em; }

	.pro-vente-tit { padding-top: 1.2em; }

	.pro-vente-jour { font-size: 1.67em; padding-top: 0; align-self: start; }
	.pro-vente-heure { margin-top: -1.5em; }

	.pro-vente-lieu,
	.pro-vente-lien { grid-row: span 1; margin-top: 0; }

	.crea-img .ici-link { bottom: 30px; width: 150px; height: 150px; }
	.crea-img .ici-link::after { width: 40px; height: 40px; }
	.crea-img .ici-link .iTpl-sTit { font-size: 2.17em; }

	.info-date > .iTpl-flex { flex-direction: column; }
	.iTpl-info .info-mois { width: 100%; }
	.iTpl-info .info-mois:not(:first-child) { margin-top: 2em; }
}

@media screen and (max-width: 800px){
	.img-acc { content: url('../../img/mep/body/acc/hero-img-mobile.jpg?v=230712') }

	.pro-vente { border-bottom-left-radius: 50px; border-top-right-radius: 50px; }
	.pro-vente::after { border-bottom-left-radius: 50px; border-top-right-radius: 50px; }

	.pro-vente-tit::before { width: 80%; }

	.pro-vente-ctn { grid-template-columns: auto max-content; grid-template-rows: repeat(4, auto); margin: 5em 1em 3em; }
	.pro-vente-jour { font-size: 1.87em; line-height: 1em; }
	.pro-vente-heure { margin-top: 0; }
	.pro-vente-ctn .pro-vente-img { max-width: 30vw; width: 100%; align-self: end; padding: 0; }

	.aff-vente { width: 200px; height: 24px; }
	.aff-vente > a { padding-right: 1em; }

	.iTpl-tit { text-align: center; }

	.iTpl-fdm .img { max-width: 100%; margin-top: 2em; }
	.iTpl-fdm .img img { max-width: 100%; }

	.iTpl-fdm .row-fdm { flex-direction: column; }
	.iTpl-fdm .fdm-ctn { max-width: 70%; text-align: left; }

	.fdm-ctn .iTpl-sig { margin-right: -2em; margin-top: 1em; }

	.iTpl-fdm .logo-fdm { background-image: none; }

	#crea { padding-bottom: 70vw; }
	.crea-img { padding-bottom: 200px; }
	.crea-img .img-sac { left: 0; width: max-content; max-width: 100%; transform: translateX(0); }
	.crea-img .img-prm,
	.crea-img .img-poc { left: 5%; width: max-content; max-width: 100%; transform: translateX(0); margin-top: 2em; }
	.crea-img .img-sac img,
	.crea-img .img-prm img,
	.crea-img .img-poc img { max-width: 100%; }
	.crea-img .img-sac > .img-leg { position: absolute; right: 0; bottom: 0; }
	.crea-img .img-prm > .img-leg { position: absolute; right: 0; bottom: 0; }
	.crea-img .img-poc > .img-leg { position: absolute; right: 0; bottom: 0; transform: translate(-125%, -1.5em) rotate(-20deg); }

	.crea-img .ici-link { left: auto; right: 0; bottom: 120px; width: 100px; height: 100px; }
	.crea-img .ici-link::after { width: 30px; height: 30px; }
	.crea-img .ici-link .iTpl-sTit { font-size: 2em; }

	.iTpl-crea .fox-crea { bottom: 0; top: auto; max-width: 100%; }

	.iTpl-crea .iTpl-leg { text-align: center; font-size: 1em; }
	.iTpl-crea .iTpl-leg::after { background-image: url('../../img/mep/body/acc/traits-double-mobile.png'); background-size: contain; background-repeat: no-repeat; width: 100%; height: 5px; max-width: 307px; right: 50%; transform: translateX(50%); }

	.iTpl-info > .iTpl-flex { flex-direction: column; text-align: center; }
	#info .iTpl-col-ctn { width: 100%; margin: 0; }
	.iTpl-info .info-lieu-ctn { padding-left: 0; }
	.iTpl-info .info-img { max-width: 100%; text-align: center; }
	.iTpl-info .info-img img { max-width: 60%; }

	#info .info-date { margin-top: 3em; padding: 0; }
	
}