/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//+		© Copyright iDIWAY 2009
//+		Tout droits de reproduction interdits
//+		http://www.idiway.fr
//+		$Revision: 1502 $
//+		$Date: 2013-10-03 15:46:11 +0200 (jeu. 03 oct. 2013) $
//+		$HeadURL: svn://svn.id.lan/pko/sat/13/131_kln/trunk/tpl/tpl0/css/tpl.css $
//+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* --- Couleurs ---

	GRIS: 
		#434d53
		rgb(67, 77, 83)

	BLEU :
		#44a4c6
		rgb(68, 164, 198)

	ROSE :
		#e04189
		rgb(224, 66, 137)

	VERT :
		#91ba12
		rgb(146, 186, 19)
*/

/* --- Font --- */
@font-face{
	font-family: iDW_lato_L;
	src: url('font/lato/lato-light.ttf') format('truetype'),
	url('font/lato/lato-light.ttf') format('truetype');
}

@font-face{
	font-family: iDW_lato_R;
	src: url('font/lato/lato-regular.ttf') format('truetype'),
		url('font/lato/lato-regular.ttf') format('truetype');
}

/* --- Base --- */
* { box-sizing: border-box; }
html, body{ min-height: 100%; }

	/* Block */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }
img { display: inline-block; border-style: none; }

	/* Block Textuel */
h1, h2, h3, h4, h5, h6 { line-height: initial; }
dl, ol, p, pre, ul { margin: 20px 0 30px; line-height: 24px; }

	/* Texte */
a { cursor: pointer; text-decoration: underline; }
mark { display: inline-block; padding: 2px 5px; color: #FFFFFF; }
b, dt, strong { font-weight: bold; }
abbr, blockquote, cite, dfn, i, em, q, s, small, u { font-style: italic; }

	/* Séparation */
hr { height: 1px; margin: 10px 0 10px; border: none; }

	/* Table */
table { border-collapse: collapse; }
caption, th { font-weight: bold; text-align: center; }
th, td {}

	/* Bouton */
button, input[type="button"], input[type="submit"]{ cursor: pointer; }

/* --- GNL --- */
.iTpl-body{ margin: 0; padding: 80px 0 0; letter-spacing: 0; word-spacing: 2px; background: none center 0 no-repeat #fff; color: #434d53; font-size: 18px; display: block; overflow-y: scroll; overflow-x: hidden; font-family: iDW_lato_L; position: relative; }

.iTpl-body.iPko-iframe,
.iTpl-body.iPko-popup{ overflow-y: auto; }

.iTpl-body.iPko-iframe{ background: none; width: auto; margin: 0; }

.iTpl-body.iPko-popup .iTpl-tit{ color: #434d53; font-family: iDW_lato_R; margin: 50px 0; }
.iTpl-body.iPko-popup .iTpl-ctn > .iTpl-ctn{ padding: 5px; }
.iTpl-body.iPko-popup .btns{ text-align: center; padding-bottom: 50px; }

	/* MEP */
.iTpl-row-pag{ display: block; margin: 0; padding: 0; }
.iTpl-ctn{  }
.iTpl-icon{ display: inline-block; vertical-align: bottom; width: 20px; height: 20px; }
.iTpl-btn{ text-decoration: none !important; color: #E78084 !important; text-align: left; border: 2px solid #E78084; padding: 15px 20px 20px 20px !important; border-radius: 25px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.iTpl-btn:hover{ opacity: 0.5; box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.2); }
.iTpl-sys{ text-align: center; font-style: italic; line-height: 30px; color: #848484; }
.iTpl-hsep{ border-top: 1px solid #aaa; margin: 20px 50px; }

	/* TOOLBAR */
.iTpl-tlb{ position: relative; line-height: 30px; font-size: 0; word-spacing: 0; letter-spacing: 0px; text-align: center; margin: auto;}
.iTpl-tlb .iTpl-tlb-btn{ display: inline-block; vertical-align: middle; padding: 0 20px; cursor: pointer; position: relative; font-size: 16px; word-spacing: 3px; text-decoration: none; color: #434d53; transition: border-color 0.5s ease-out; border-bottom: 3px solid transparent; }
.iTpl-tlb .iTpl-tlb-btn:hover,
.iTpl-tlb .iTpl-tlb-btn.TS-hover,
.iTpl-tlb .iTpl-tlb-btn.parent,
.iTpl-tlb .iTpl-tlb-btn.sld{ border-color: #434d53; }
.iTpl-tlb .iTpl-tlb-btn > .iTpl-flyer{ top: 100%; left: 0; padding: 0; background-color: #fff; border-color: #434d53; color: #434d53; z-index: 100; }
.iTpl-tlb .iTpl-tlb-icon{ display: inline-block; vertical-align: middle; }
.iTpl-flyer > .iTpl-tlb-btn{ display: block; text-align: left; white-space: nowrap; color: #434d53; }
.iTpl-flyer > .iTpl-tlb-btn:hover,
.iTpl-ctn .iTpl-tlb-btn:hover,
.iTpl-ctn .iTpl-tlb-btn.sld{ background-color: #44a4c6; color: #fff; }

.iTpl-tlb-vsep{ display: inline-block; vertical-align: middle; height: 35px; border-left: 1px solid #020202; }
.iTpl-tlb-hsep{ display: block; margin: 0 10px; border-top: 1px solid #020202; }
.iTpl-flyer .iTpl-tlb-vsep,
.iTpl-flyer .iTpl-tlb-hsep{ border-color: #fff; }
.iTpl-flyer .iTpl-tlb-vsep:first-child,
.iTpl-flyer .iTpl-tlb-hsep:first-child{ display: none; }
.iTpl-tlb-vspace{ display: inline-block; vertical-align: middle; width: 20px; }
.iTpl-tlb-hspace{ display: block; margin: 0 10px; height: 20px; }

.iTpl-flyer .iTpl-tlb-btn.indent{ padding-left: 45px; }
.iTpl-flyer .iTpl-tlb-btn.indent + .iTpl-tlb-hsep{ margin-left: 30px; }
.iTpl-tlb .iTpl-tlb-btn.icon{ padding: 0 15px; }

/* MODAL */
.iTpl-modal{ position: fixed; z-index: 6000; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; text-align: center; white-space: nowrap; transition: opacity 0.5s ease; }
.iTpl-modal.show{ opacity: 1; }
.iTpl-modal:before{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.iTpl-modal .iTpl-modal-win{ background-color: #FFF; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); display: inline-block; vertical-align: middle; padding: 25px; white-space: normal; width: 700px; margin: 15px; max-width: calc(100% - 30px); }
.iTpl-modal .iTpl-tit{ margin: 10px 0; }
.iTpl-modal .iTpl-modal-btn{ text-align: center; }

/* --- HEAD --- */
.iTpl-head{ position: fixed; z-index: 1000; background-color: #fff; top: 0; left: 0; right: 0; height: 80px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); }
.logos {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end;}
#logo-pko img {width: 100%}
.by-idw{margin-left: 12px; width: 100%; padding-bottom: 5px;}
#logo-pko{min-width: 150px; width: 100%; margin-left: 50px;}

.iPko-popup .iTpl-head{ padding: 10px; height: auto; }
.slogan{opacity: 0; margin-right: 30px;}
.slogan p{margin: 0;}
.iTpl-menu.iTpl-head-small .slogan {display: flex; opacity: 1; transition: 0.5s;}


.iTpl-home{ position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; padding: 0; top: 18px; z-index: 100px; text-align: left; }
.iTpl-home .iTpl-tlb-btn{ padding: 0 5px !important; }
.iTpl-home:hover .iTpl-tlb-btn{ border-color: #434d53; }

	/* NAV */
	.iTpl-menu{ text-align: right; cursor: pointer; padding-top: 18px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; justify-content: space-between;}
	.iTpl-menu .iTpl-tlb-btn{ z-index: 200; }

	.head-right {display: flex; align-items: center; justify-content: center;}

	/* --- LANG --- */
	.lang {display: inline-flex; align-items: center; padding-right: 10px; font-size: 15px; margin-left: 100px; z-index: 200; margin-right: 30px;}
	.iTpl-head .lang .iTpl-head-loc { padding: 0 8px; text-decoration: none; color: #434d53; display: inline-flex; align-items: center;}
	.iTpl-head .lang .iTpl-head-loc.sld { font-family: iDW_lato_R; font-weight: bold; }

.iTpl-tlb-btn .iTpl-tlb-icon.in,
.iTpl-tlb-btn:hover .iTpl-tlb-icon.out,
.iTpl-tlb-btn.sld .iTpl-tlb-icon.out,
.iTpl-tlb-btn.TS-hover .iTpl-tlb-icon.out,
.iTpl-btn > img.in,
.iTpl-btn:hover > img.out{ display: none; }
.iTpl-tlb-btn:hover .iTpl-tlb-icon.in,
.iTpl-tlb-btn.TS-hover .iTpl-tlb-icon.in,
.iTpl-tlb-btn.sld .iTpl-tlb-icon.in,
.iTpl-tlb-btn .iTpl-tlb-icon.out,
.iTpl-btn:hover > img.in,
.iTpl-btn > img.out{ display: inline-block; }

.iTpl-flyer > .iTpl-tlb-btn .iTpl-tlb-icon.in,
.iTpl-flyer > .iTpl-tlb-btn:hover .iTpl-tlb-icon.out,
.iTpl-flyer > .iTpl-tlb-btn.TS-hover .iTpl-tlb-icon.out{ display: none; }
.iTpl-flyer > .iTpl-tlb-btn:hover .iTpl-tlb-icon.in,
.iTpl-flyer > .iTpl-tlb-btn.TS-hover .iTpl-tlb-icon.in,
.iTpl-flyer > .iTpl-tlb-btn .iTpl-tlb-icon.out{ display: inline-block; }

.iTpl-menu.fixed + .iTpl-ban-line.bot{ margin-top: 35px; }

/* --- MAIN --- */
.iTpl-main{ }
.iPko-adm .iTpl-main{ position: fixed; top: 50px; bottom: 30px; left: 0; right: 0; }

.iTpl-col-pag{max-width: 1280px; margin: 0 auto;}
.iTpl-col-pag > .iTpl-ctn{ padding: 25px; }

.iPko-BOP{ width: 100%; height: 100%; }

	/* FLYER */
.iTpl-sensor{ position: relative; }
.iTpl-flyer{ display: none; position: absolute; color: #848484; background: none #fff; border: 1px solid #ddd; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); top: 100%; }
.iTpl-flyer.left{ right: 0; }
.iTpl-flyer.right{ left: 0; }
.iTpl-sensor:hover .iTpl-flyer,
.iTpl-sensor.TS-hover .iTpl-flyer{ display: block; }

	/* I OBS */
.iTpl-info{ display: inline-block; width: 10px; height: 16px; text-align: center; font-size: 0; word-spacing: 0; letter-spacing: 0; margin: 0 0 0 5px; padding: 0 2px; border: 1px solid #44a4c6; color: #44a4c6; z-index: 100; vertical-align: bottom; }
.iTpl-info:hover{ background-color: #44a4c6; color: #fff; cursor: default; }
.iTpl-info > i{ line-height: 13px; }
.iTpl-info > * { font-size: 13px; word-spacing: 3px; letter-spacing: 1px; }
.iTpl-info .iTpl-obs{ display: none; position: absolute; width: 300px; text-align: left; margin: 8px 0 0 -2px; padding: 5px; background-color: #fff; z-index: 100; color: #848484; border: 1px solid #ddd; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2); }
.iTpl-info:hover .iTpl-obs{ display: inline; }

	/* CUSTOM */
		/* LNK */
.iTpl-main a:not(.iTpl-btn){ padding: 0 5px; }
.iTpl-main a:not(.iTpl-btn):hover{ background-color: #44a4c6; color: #fff; }

		/* TIT */
.iTpl-tit{ text-align: center; padding: 10px; font-weight: normal; display: block; font-size: 40px; margin: 0; color: #fff; text-transform: uppercase; }
.iTpl-tit b{ font-family: iDW_lato_R; }
.iTpl-cit{ text-align: right; font-weight: normal; font-size: 30px; color: #000; margin: 0; padding: 30px 0; }
.iTpl-cit span{ display: inline-block; padding: 20px 50px; position: relative; }
.iTpl-cit span:before,
.iTpl-cit span:after{ content: ''; display: block; position: absolute; width: 36px; height: 15px; background: transparent url('../img/mep/body/dot.svg') repeat-x 0 center; top: 0; }
.iTpl-cit span:before{ left: 0; }
.iTpl-cit span:after{ right: 0; }

.iTpl-bg-blue{ background-color: #44a4c6; }
.iTpl-bg-pink{ background-color: #e04189; }
.iTpl-bg-green{ background-color: #91ba12; }

.iTpl-ban{ position: relative; padding: 60px 0; }
.iTpl-ban .iTpl-tit{ position: relative; }
.iTpl-ban-svg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent none no-repeat center center / cover; }

		/* BTN */
.iFrm *:not(.iFrm-set-field) > .iFrm-button.iFrm-custom-button{ background-color: #44a4c6; border: none; color: #fff; height: auto; border-radius: 0; font-weight: normal; box-shadow: none; }
.iFrm *:not(.iFrm-set-field) > .iFrm-button.iFrm-custom-button.iFrm-option-size-free{ padding: 10px !important; }
.iFrm *:not(.iFrm-set-field) > .iFrm-button.iFrm-custom-button:hover{ box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1) !important; }
.iFrm *:not(.iFrm-set-field) > .iFrm-button.iFrm-custom-button > img{ vertical-align: middle; height: 20px; }
.iFrm *:not(.iFrm-set-field) > .iFrm-button.iFrm-custom-button > span{ vertical-align: middle; }
.iFrm *:not(.iFrm-set-field) > .iFrm-button.iFrm-custom-button> img.over{ display: none; }

/* --- FOOT ---  */
.iTpl-foot-nav{ position: relative; margin: auto;}
.iTpl-foot-nav nav{ position: absolute; right: 0; bottom: 5px;}
.iTpl-foot-nav a.iTpl-tlb-btn{ margin: 0 10px; color: #fff; }
.iTpl-foot-nav a.iTpl-tlb-btn:hover{ background-color: transparent; border-color: #fff; }
.iTpl-foot-nav a.iTpl-tlb-btn > *{ vertical-align: middle; display: inline-block; text-transform: uppercase; }
.iTpl-foot-nav a.iTpl-tlb-btn:not(.home) img{ margin-top: 3px; }
.iTpl-foot-nav a.iTpl-tlb-btn.home{ height: 37px; }

.iTpl-foot{ font-size: 14px; text-align: center; line-height: 16px;}
.iPko-adm .iTpl-foot{ position: fixed; bottom: 0; left: 0; right: 0; }

.iTpl-foot .iTpl-ctn{ color: #434d53; display: inline-block; width: 50%; vertical-align: top; padding: 40px 0; }
.iTpl-foot .iTpl-ctn:first-child{ text-align: left; }
.iTpl-foot .iTpl-ctn:last-child{ text-align: right; padding-left: 80px; }

.iTpl-foot a{ text-decoration: none; color: inherit; }

.iTpl-PAKIGO{ }
.iTpl-PAKIGO img{ vertical-align: middle; }
.iTpl-PAKIGO:hover .out,
.iTpl-PAKIGO .in{ display: none; }
.iTpl-PAKIGO .out,
.iTpl-PAKIGO:hover .in{ display: inline-block; }

/* --- RWD ---  */
@media screen and (max-width: 768px){

	.iPko-RWD .iRWD-mobile-hide{ display: none !important; }
	.slogan {display: none;}
	#logo-pko{margin-left: 10px;}
	.iPko-RWD .iTpl-tlb .iTpl-tlb-btn{ padding: 0 10px; font-size: 12px; }
	.iPko-RWD .lang { font-size: 12px; margin-left: 0; margin-right: 10px;}
	.iPko-RWD .iTpl-foot-nav{ display: none; }
	.iPko-RWD .iTpl-tit{ font-size: 35px; }
	.iPko-RWD .iTpl-cit{ text-align: center; }
	.iPko-RWD .iTpl-cit span{ padding: 20px; }
	.iTpl-menu.iTpl-head-small .slogan {display: none;}
}