/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© 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/cookies.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

:root {
	/*VARIABLES A MODIFIER EN FONCTION DU PAKIGO*/
	--ban-height: 81px;
	--ban-height-tab: 117px;
	--ban-pos: -400px;

	--val-w: 20px;
	--ipt-w: 39px;

	--font-cook: Trebuchet MS, Trebuchet MS, sans-serif;
	--font-cook-bold: Trebuchet MS, Trebuchet MS, sans-serif;

	/*HAUTEUR DU LOGO DANS LA LISTE DES COOKIES*/
	--logo-h: 110px;
}

@keyframes prm {
  from { bottom: -1000px; }
  to { bottom: 0; }
}

/*GNL*/
html.noScroll {overflow: hidden;}
.iTpl-cook-ban, .iTpl-modal-win {line-height: normal;}
.idDiapoOnFullscreen .iTpl-cook-ban {display: none;}

/*CHANGER BODY CSS*/
.iTpl-body.alert-cookie {padding-bottom: var(--ban-height);}


/*BANNER*/
.iTpl-cook-ban {position: fixed; width: 100%; background-color: rgba(0, 0, 0, 0.95); bottom: 0; transition: 0.7s; z-index: 100; color: #FFF;
	box-shadow: 0px -6px 6px rgba(0,0,0,0.16); padding: 20px 50px 20px 30px; font-family: var(--font-cook), sans-serif; font-size: 16px; display: flex;}

.iTpl-cook-ban.hide {bottom: var(--ban-pos); transition: 0.7s; display: block !important;}

.iTpl-cook-ban-txt {flex: 2; display: flex; align-items: center;}
.iTpl-cook-ban-btns {display: flex; align-items: center; /*padding-top: 25px;*/ flex: 1;}

.iTpl-cook-tit {font-size: 30px; letter-spacing: 1px;}

.iTpl-cook-th {text-align: left; font-weight: normal; border-bottom: 1px solid #707070;}
.iTpl-cook-th-sm {width: 18px;}

.iTpl-cook-tr {display: flex; align-items: center; margin-top: 5px; height: 22px;}
.iTpl-cook-tr .iTpl-cook-val {margin-left: auto;}

.iTpl-cook-tab {width: calc( calc(100% / var(--nb-tab)) - 20px);}

.iTpl-cook-lbl { margin-right: 5px;}
.iTpl-cook-val {width: var(--val-w); height: var(--val-w);}
.iTpl-cook-val.val-check {background-image: url('../img/ico/cook/check.png');}
.iTpl-cook-val.val-cross {background-image: url('../img/ico/cook/cross.png');}
.iTpl-cook-val.val-empty {background-image: url('../img/ico/cook/empty.png'); height: 28px;}
.iTpl-cook-prm .iTpl-cook-val.val-empty, .iTpl-cook-win .iTpl-cook-val.val-empty {min-width: 28px !important;}
.iTpl-cook-val {background-size: contain; background-repeat: no-repeat; background-position: center;}

.iTpl-cook-foot {display: flex;}

.iTpl-cook-btns, .iTpl-cook-tabs {display: inline-flex;}
.iTpl-cook-tabs {flex: 2; justify-content: space-around;}
.iTpl-cook-btns {justify-content: space-around; flex: 1; max-height: 46px; display: flex;}
.iTpl-cook-btn {box-shadow: 0px 6px 6px rgba(20, 14, 14, 0.16); border-radius: 6px; padding: 10px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center;}
.iTpl-cook-btn-outline {background-color: #D8D3CB; color: #444; border: 1px solid rgba(103, 103, 103, 0.6);}
.iTpl-cook-btn-fill {background-color: #D8D3CB; border: 1px solid rgba(121, 128, 166, 0.66); color: #000;}
.iTpl-cook-btn-large {min-width: 230px; text-align: center;}


.iTpl-cook-ban .iTpl-cook-dsc {margin: 5px 0 7px;}

/*MODAL*/
.iTpl-modal .iTpl-cook-win {padding: 0; width: 1200px; height: 740px; color: black; max-width: calc(100% - 20px); max-height: calc(100% - 80px); margin-top: 70px;}
.iTpl-modal .iTpl-cook-body {display: flex; font-family: var(--font-cook); height: 100%; font-size: 16px; position: relative;}
.iTpl-modal .iTpl-cook-ls {flex: 38%; padding: 32px 0 0 45px; min-width: 380px; width: 38%; position: relative; overflow-y: auto; background-color: #B8B3AB;}
.iTpl-modal .iTpl-cook-dsc {flex: 62%; background-color: #F8F3EB; max-width: 62%;}
.iTpl-modal .iTpl-modal-cook-close {position: absolute; top: 0; right: 0; padding: 30px; display: flex !important; cursor: pointer; z-index: 500;}
.iTpl-modal .iTpl-modal-cook-close  {padding: 28px 30px 28px 0;}

.iTpl-modal:not(.alert-cookie) .iTpl-cook-modal-msg {display: none;}
.alert-cookie .iTpl-cook-modal-msg {width: 100%; position: absolute; height: 68px; font-size: 18px; background-color: #000; display: flex;
	align-items: center; justify-content: center; top: -68px; border-bottom: 1px solid #c4c2c2; box-shadow: 0 1px 3px rgba(0,0,0,0.16); z-index: 5000;}
.iTpl-modal.alert-cookie .iTpl-modal-cook-close {display: none !important;}
#COOK-modal .iTpl-modal-cook-back {display: none; position: absolute; left: 28px; top: 22.5px; cursor: pointer;}

/*MODAL LS*/
.iTpl-cook-logo img {max-width: 200px; height: var(--logo-h);}
.iTpl-cook-ls-ls {margin-top: 30px; min-height: calc(100% - calc( var(--logo-h) + 70px ))}
.iTpl-cook-blck {padding: 18px 37px; cursor: pointer; transition: 0.5s; border: 1px solid transparent; margin-bottom: 38px;}
.iTpl-cook-blck:not(.sld) {margin-right: 23px;  border: 1px solid #0F0F0F; border-radius: 13px;}
.iTpl-cook-blck.sld {background-color: #F8F3EB; border-radius: 13px 0 0 13px;}
.iTpl-cook-blck .iTpl-cook-tit {font-size: 20px; text-align: left; font-family: var(--font-cook-bold); font-weight: 900;}
/*LIG*/
.iTpl-cook-lig { display: flex; align-items: center; position: relative; white-space: nowrap; height: 32px;}
.iTpl-cook-lig-tit {flex: auto; text-align: left; margin: 5px 0;}

.iTpl-cook-lig .iTpl-cook-val {width: var(--val-w); transition: 0.5s; position: absolute; left: 310px; }

.iTpl-cook-lig .iTpl-cook-itm-ipt {width: var(--ipt-w); transition: 0.5s; position: absolute; left: 300px; margin-top: 5px;}
.iTpl-cook-blck.sld .iTpl-cook-itm-ipt {margin-top: 5px;  background-repeat: no-repeat;}

.iTpl-privacy-lig.sld { font-family: var(--font-cook-bold); font-weight: 900;}

.iTpl-privacy-dsc .iTpl-cook-dsc-ls {height: calc(100% - 76px);}
.iTpl-privacy-dsc .iTpl-cook-dsc-foot {height: 66px;}
.iTpl-privacy-dsc .iTpl-cook-dsc-foot .iTpl-cook-btn { margin-top: 24px; margin-left: auto; max-height: 46px;}

.iTpl-privacy-dsc .iTpl-cook-itm { margin: 30px 60px 0 76px;}
.iTpl-privacy-dsc .iTpl-cook-itm-txt { margin: 15px 0 0 30px;}

.iTpl-privacy-gtit {font-family: var(--font-cook-bold); font-weight: 900; font-size: 40px; max-width: max-content; margin: 26px 0 0 25%;}

/*MODAL DSC*/
.iTpl-cook-dsc-tit {font-size: 40px; font-family: var(--font-cook-bold); font-weight: 900; float: left; margin-bottom: 10px;
	width: 100%; margin: 0;}
.iTpl-cook-dsc-ls {display: none; height: calc(100% - 90px); overflow-y: auto;}
.iTpl-cook-dsc-ls.sld {display: flex; flex-direction: column;}
.iTpl-cook-itm {position: relative; margin: 40px 60px 0 76px;}
.iTpl-cook-itm-tit {width: max-content; font-family: var(--font-cook-bold); font-weight: 900;}
.iTpl-cook-itm-date {font-size: 15px; letter-spacing: 0; font-family: var(--font-cook); margin-left: 5px;}
.consent {font-size: 13px;}
.consent.no_consent {display: none;}
.iTpl-cook-itm-txt {/*width: max-content;*/ margin: 20px 0 0 30px; text-align: justify;}
.iTpl-cook-itm-txt.iTpl-cook-itm-last { margin-bottom: 50%; }

/*MODAL FOOT*/
.iTpl-cook-dsc-foot {height: 70px; margin: 0 28px 24px 46px; border-top: 1px solid #707070; text-align: right; font-size: 20px; position: relative; display: flex;}
.iTpl-cook-dsc-foot .iTpl-cook-btn {margin-top: 24px; margin-right: 0; margin-left: auto;}
.iTpl-cook-privacy {font-size: 20px; line-height: 16px; height: max-content; margin-top: auto; margin-right: 10px; margin-top: 10px; text-align: left;}
.iTpl-cook-privacy-txt {/*position: absolute; bottom: 25px;*/ text-align: left; font-size: 13px; padding: 5px 0; word-spacing: 2px; letter-spacing: normal; line-height: 15px;} 
.iTpl-cook-privacy:not(.iTpl-cook-privacy-txt) {margin-bottom: 0; vertical-align: bottom; margin-top: 20px; display: inline-block;}
.iTpl-cook-subtxt { margin: auto 0 15px 0; /*max-height: max-content;*/ text-align: right; width: max-content;}
.iTpl-cook-privacy.no_consent {margin-bottom: 6px;}
.iTpl-cook-privacy-txt .iTpl-cook-lnk { text-decoration: underline; cursor: pointer;}

.iTpl-cook-itm-ipt {width: var(--ipt-w); height: 16px; cursor: pointer; position: absolute; right: 0; top: 3px;}
.iTpl-cook-itm-ipt.cook-on {background-image: url('../img/ico/cook/chk-on.png');}
.iTpl-cook-itm-ipt.cook-off {background-image: url('../img/ico/cook/chk-off.png');}
.iTpl-cook-itm-ipt.cook-on-dsb {background-image: url('../img/ico/cook/chk-on-dsb.png'); cursor: default;}


.iTpl-modal-win.iTpl-cook-win .iTpl-cook-body-mobile {display: none;}

#COOK-prm {display: none !important;}

#COOK-modal:not(.seePriv) .iTpl-cook-body > *[data-cat="priv"] {display: none !important;}
#COOK-modal.seePriv .iTpl-cook-body > *[data-cat="priv"] {display: flex; flex-direction: column;}
#COOK-modal.seePriv .iTpl-cook-body > *[data-cat="cook"] {display: none !important;}

.iTpl-cook-prm:not(.seePriv) .iTpl-cook-dsc-ls[data-cat="priv"] {display: none !important;}
.iTpl-cook-prm.seePriv .iTpl-cook-dsc-ls[data-cat="priv"] {display: flex;}
.iTpl-cook-prm.seePriv .iTpl-cook-dsc-ls[data-cat="cook"] {display: none !important;}


#COOK-modal a,#COOK-prm a {color: inherit;}
#COOK-modal a:visited, #COOK-prm a:visited {color: #222;}
/*#5a7d28*/
/*#487906*/

@media screen and (max-width: 1550px){
	.iTpl-cook-ban {flex-direction: column;}

	.iTpl-body.alert-cookie {padding-bottom: var(--ban-height-tab);}
}


@media screen and (max-width: 1300px){
	.iTpl-cook-lig {white-space: initial;}
	.iTpl-cook-lig .iTpl-cook-itm-ipt {left: 230px;}
	.iTpl-cook-lig .iTpl-cook-val {left: 240px;}
}


@media screen and (min-width: 890px){
	.iTpl-cook-dsc-tit {padding: 18px 46px 8px 46px; position: sticky; top: 0; background-color: #F8F3EB; max-width: 100%; z-index: 500; height: 73px;}
}

@media screen and (max-width: 890px){

	/*COOKIE BANNER*/
	.iTpl-cook-ban { font-size: 12px; padding: 9px 30px 9px 16px;}
	
	.iTpl-cook-tit {margin-top: 6px; font-size: 23px;}
	.iTpl-cook-dsc {margin-bottom: 15px; margin-top: 5px;}

	.iTpl-cook-tab {margin-right: 0;/* width: 100%;*/ border-collapse: collapse; margin-top: 5px;}
	.iTpl-cook-th {font-size: 15px; text-transform: lowercase; }
	.iTpl-cook-th::first-letter {text-transform: uppercase; }
	.iTpl-cook-lbl {font-size: 10px; line-height: 15px;}

	.iTpl-cook-btn-large {min-width: 110px; height: 22px; padding: 3px 10px; width: 130px; font-size: 12px; display: flex; align-items: center; justify-content: center;}

	.iTpl-cook-th-sm {width: 8px;}
	.iTpl-cook-ban .iTpl-cook-val {width: 12px !important; height: 16px;}

	.iTpl-cook-ban .val-empty {width: 16px !important; margin-right: -2px;}
	
	.iTpl-cook-tr {height: 16px; margin-top: 3px;}

	/*SMALLER BANNER*/
	.iTpl-cook-ban.iTpl-cook-ban-small .iTpl-cook-foot {flex-direction: row;}
	.iTpl-cook-ban.iTpl-cook-ban-small .iTpl-cook-btns {min-width: 158px; flex-direction: column; align-items: flex-end; height: 100%; margin: auto; min-height: 60px;}

	/*GREATER BANNER*/
	.iTpl-cook-ban:not(.iTpl-cook-ban-small) .iTpl-cook-btns {margin-top: 10px;}
	.iTpl-cook-ban:not(.iTpl-cook-ban-small) {padding-bottom: 80px;}

	.iTpl-cook-ban.iTpl-cook-ban-small tbody {border-bottom: 5px solid transparent;}
	.iTpl-cook-ban.iTpl-cook-ban-small tbody {border-bottom: 5px solid transparent;}

	.iTpl-cook-ban.iTpl-cook-ban-small {height: 276px; margin-bottom: 40px;}


	/*DTLS BANNER*/
	#COOK-modal {display: none !important;}
	#COOK-prm {position: fixed; bottom: -1000px; transition: 0.5s; padding: 0 18px 8px 18px; box-shadow: 0 -6px 6px rgba(0,0,0,0.16)}
	#COOK-prm.iTpl-cook-ban-small.show {bottom: 40px;}
	#COOK-prm.show, #COOK-prm.alert-cookie {display: initial !important; width: 100%; min-height: 200px; background-color: #F8F3EB; overflow-y: scroll; height: 100%; z-index: 5000; transition: bottom 1s; bottom: 0;}

	#COOK-prm.alert-cookie .iTpl-modal-cook-close {display: none !important;}

	.iTpl-cook-prm-body {position: relative;}
	#COOK-prm.show .iTpl-cook-prm-tit, #COOK-prm .iTpl-cook-dsc-foot {font-size: 30px; display: flex; align-items: center; position: fixed; width: calc(100% + 40px); left: 0; padding-left: 20px; height: 50px;
		background-color: #F8F3EB; z-index: 50; padding-top: 10px; padding-bottom: 10px; margin-top: 0; box-shadow: 0 1px 1px rgba(0,0,0,0.16);}
	#COOK-prm.show .iTpl-cook-prm-tit {top: 0;}
	#COOK-prm.show.iTpl-cook-ban-small .iTpl-cook-prm-tit {top: calc(20% - 20px);}
	.iTpl-modal-cook-sep {height: 50px;}
	.iTpl-modal-cook-sep-large {height: 110px;}
	#COOK-prm .iTpl-cook-dsc-ls.iTpl-cook-dsc-foot {display: flex; overflow-y: hidden;}
	#COOK-prm .iTpl-cook-dsc-ls:not(.iTpl-cook-dsc-foot) {background-color: #E8E3DB; border: 1px solid #1A1A1A; box-shadow: 0 3px 6px rgba(0,0,0,0.16);
		border-radius: 13px; /*padding: 14px 13px 16px 25px ;*/ padding: 14px 20px 16px 20px; position: relative; display: flex; margin-top: 7px; flex-direction: column;}
	#COOK-prm .iTpl-cook-dsc-tit {font-family: var(--font-cook-bold); font-weight: 900; font-size: 20px; margin: 0; margin-bottom: 5px;}
	#COOK-prm .iTpl-cook-itm-tit {font-family: var(--font-cook-bold); font-weight: 900; font-size: 17px; max-width: 100%;}
	#COOK-prm .iTpl-cook-itm-txt {/*margin: 18px 20px 25px 0;*/ margin: 18px 0px 25px 0px;}

	#COOK-prm .iTpl-cook-dsc-ls.sld {background-color: #E8E3DB;}
	#COOK-prm .iTpl-cook-dsc-ls:not(.sld):not(.iTpl-cook-dsc-foot) .iTpl-cook-itm-txt {display: none;}

	#COOK-prm .iTpl-cook-itm {margin: 0;}

	#COOK-prm .iTpl-modal-cook-close {position: fixed; right: 30px; z-index: 55; padding: 0px; margin-left: auto;}
	#COOK-prm .iTpl-modal-cook-close img {width: 22px; height: 22px;}

	/*IPT*/
	#COOK-prm .iTpl-cook-dsc-ls .iTpl-cook-val {position: absolute; right: 0; top: -3px;}
	#COOK-prm .iTpl-cook-dsc-ls.sld .iTpl-cook-val:not(.fixed) {display: none;}
	#COOK-prm .iTpl-cook-dsc-ls .iTpl-cook-itm-ipt {display: none;}
	#COOK-prm .iTpl-cook-dsc-ls.sld .iTpl-cook-itm-ipt {display: flex;}

	#COOK-prm .iTpl-cook-btn {margin: 15px auto; height: 46px; font-size: 20px; min-width: 230px; margin-top: 10px; margin-bottom: 0; flex: 1; margin: 0 20px;}
	#COOK-prm .iTpl-cook-lnk {width: 100%; text-align: center; flex: 1; margin-right: unset; position: static; color: #4862B9; text-decoration: underline; font-style: italic; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100%; padding-bottom: 20px;}

	#COOK-prm .iTpl-cook-dsc-foot {bottom: -500px; margin: 0; height: 70px; width: 100%; padding: 0; border-top: unset; box-shadow: 0 -1px 1px rgba(0,0,0,0.16);}
	#COOK-prm.show .iTpl-cook-dsc-foot {bottom: 0;}
	#COOK-prm.show.iTpl-cook-ban-small .iTpl-cook-dsc-foot {bottom: 40px;}


	#COOK-prm.alert-cookie {padding: 70px 18px 8px 18px;}
	#COOK-prm.alert-cookie .iTpl-cook-modal-msg {top: 0; left: 0; padding: 10px; font-size: 15px; position: fixed;}
	#COOK-prm.alert-cookie .iTpl-cook-prm-tit {top: 72px;}
	#COOK-prm:not(.alert-cookie) .iTpl-cook-modal-msg {display: none;}
}


@media screen and (max-width: 630px){
	.iTpl-cook-ban:not(.iTpl-cook-ban-small) { padding-bottom: 70px;}
}

@media screen and (max-width: 550px){
	.iTpl-cook-tabs {flex-direction: column;}
	.iTpl-cook-tab {width: 100%;}
}