/*----- Site CSS ----- */
.divarticle { padding:50px 50px 0; }
.article img { margin-right:10px; }
a.deco { 
	padding-left: 12px;
    color: #D23D87;
    background: url(../images/puce_lien.png) no-repeat left center;
    background-size:12px;
    text-decoration: none;
    font-weight: bold;
    border-bottom:1px solid #ffce01;
}
.intro { color: #545454; font-size: 2.5rem; margin-bottom: 20px; }
.container { max-width:1354px; margin:0 auto; width:100%; position:relative; }
.padding20 { padding:20px; }
.flex { 
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
	display:flex; 
	flex-wrap:wrap; 
}
.clear { clear:both; }
.mb20 { padding-bottom:20px; }
.flex3_1_0 { flex:3 1 0px }
.flex1_1_0 { flex:1 1 0px }
.flex100 { flex-basis:100%; }
.divmultiarticle_toc { margin:50px 50px 0; 
	background:#eee;
	padding:10px;
	-webkit-box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
	-moz-box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
	box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
 }
 
.divarticle_toc { }
.intro_toc { color: #545454; padding:4px; }
.toc_active { background:#ffce1f;}
.intro_toc h1 { font-size: 1rem; cursor:pointer; margin:0; }
.intro_toc i {     
    
    margin-right: 10px;
    color: #607D8B;
}


.divarticle_cartouche { 
	margin:20px;
	background:#eee;
	padding:10px;
	-webkit-box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
	-moz-box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
	box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
}

/* ZONE MESSAGE ALERT - Droite bouton saisine */
.alerte {
	width:40%;
	float:right;
	background:rgba(228, 227, 227, 0.67);
	color:red; padding:20px;
	font-weight:bold; 
	border-radius: 10px;
}


/* FAQ */
/*.tkp_FAQ { background:#e5e4ea; }*/
.divmultiarticle_faq>h1 { color:#666666; }
.divarticle_faq {
    margin: 20px 0 0;
    background: white;
    -webkit-box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
	-moz-box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
	box-shadow: 10px 10px 10px 1px rgba(222,222,222,1);
}
.intro_faq { padding:10px 20px; background:#f9d553;}
.intro_faq h1 { color:#666; font-size: 1.5rem; margin:0;} 
.article_faq { padding:20px;}
.intro_faq.faqcartouche h1 { font-size:0.9rem; }
.intro_faq.faqcartouche { padding:5px 20px 5px; border-bottom: 2px solid #545454;}
.article_faq.faqcartouche { font-size:0.9rem; }
.article_faq.faqcartouche, .article_faq.lienfaq { background:#f1f1f1;} 

.divarticle_faq.faqcartouche, .divarticle_faq.lienfaq { margin:0;}
.divmultiarticle_faq.faqcartouche, .divarticle_faq.lienfaq { margin:0 10px 0 0 ;}


.divmultiarticle_faq.faqcartouche>h1 { color:#545454;border-bottom: 2px solid #545454;background:#f1f1f1; margin:20px 0 0 0; text-align:right; padding:4px 10px 2px 0 ;}

/* template rule */
#global { width:100%; overflow:hidden; min-width:320px; }
#header { position:relative;}
#top { width:100%; position:absolute; top:0; z-index:20; background:#0000003b; background: rgba(0, 0, 0, 0.23); }
#footer { background:#F1F1F1; min-height:50px; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;}
.logos a { text-decoration:none; color:inherit; display:block;}

/* Bouton saisine */
#btn-saisine { z-index:20;width:100%;position:absolute; top:50%; }
#btn-saisine .article a { 
	text-decoration:none;     
	color: #545454;
    background: #ffce01c4;
    background:rgba(255, 206, 1, 0.77);
    font-size:2.5rem; padding:10px 30px; border-radius:50px; 
    margin-left:5%;
}
#btn-saisine .article a:hover {
	background: #de007bc4;
    color: #ffce01;
}

/* Switch Pro/part */
#top-3 { z-index:20;position:absolute; top:-88px; right:20px; }
.nav_button {
	cursor:pointer;
	text-decoration:none;    
	border-radius:10px;  
	color: #fff;
    background:rgb(222, 0, 123);
    padding:8px;
    font-size:1rem; 
}
	
/* Home page */	
.divmultiarticle_home {  
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
	display:flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background:#e8e0d9;
  }
.divarticle_home { padding:30px;flex:1 1 0px; text-align:center; align-self:center; }

.divarticle_home.multiarticle_1 { background:#ffe584;}
.divarticle_home.multiarticle_2 {  padding:0; align-self:center; }
.divarticle_home.multiarticle_2 video { width:100%; }
.divarticle_home.multiarticle_3 { background:#fff; padding:0; display:flex; align-self:stretch; }
.divarticle_home.multiarticle_3 .article_home { align-self:center; width:100%; }


.tkp_Home #main-content-1, .tkp_Home #main-content-2 {
	background:#fff;
	
}
.tkp_Home #main-content-3 {
    background: rgba(255, 229, 132, 0.34);;
}
.tkp_Home #main-deco {
	min-height:400px;
	background:transparent url(../images/deco1.jpg) no-repeat;
	background-size:cover;
	background-position:center;
}
.divarticle_signure {
	padding:20px 100px;
	text-align:center;
	color:#8590a7;
}
.intro_signure { 
	font-size:3rem;
}
.article_signure { 
	font-size:2rem;
}

/* Banner slide show */
.lib_diapo_container { height:580px!important;width:100%!important;}
.top_banner { max-width: 100%; overflow: hidden; width:100%!important; }
.top_banner img { display: block; margin-left: 50%; transform: translateX(-50%); max-width: none !important; }

/* banner logos */
.logos { box-sizing:border; }
.logos>div { height:100px; background:transparent url(../images/logo-fbf.png) no-repeat center left; color:#fff; }
.logo-l1 {
	padding-top:20px;
	margin-left:140px;
	font-size:2rem;
	line-height:2rem;
	font-weight:bold;
	color: #828282;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff, 0 0 80px #fff, 0 0 90px #fff, 0 0 100px #fff, 0 0 150px #fff;
}
.logo-l2 {
	margin-left:140px;
	font-size:1.25rem;
	line-height:1.5rem;
	font-weight:bold;
}

#top-2 {
	
    background:rgba(0, 0, 0, 0.38);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: auto;
    margin-left:140px;
}

/* Main Menu */ 
#top #menu .menu_item { position:unset; text-transform: uppercase;}
#top #menu .menu_item .menu_item_content { padding-right:20px;  padding-left: 10px; }
#top #menu a.menu_item_link { text-decoration:none; color:#fff;}
#top #menu .menu_submenu { z-index:30;background: rgba(239, 239, 239, 0.86); width:inherit; min-width:150px;}
#top #menu .menu_submenu .menu_item { font-size:0.8em; font-variant:normal; }
#top #menu .menu_submenu a.menu_item_link { color:#444;}
#top #menu .menu_level-0 .menu_item_content { padding-top:10px; padding-bottom:10px;} 
#top #menu .menu_submenu .menu_item:hover { background:rgba(85, 102, 170, 0.4);}
#top #menu .menu_item_current { background: #ffce01c4; background: rgba(255, 206, 1, 0.77); }
#top #menu .menu_level-0.menu_item-first { border-top-left-radius: 10px; } 
#top #menu .menu_level-0.menu_item-last { border-top-right-radius: 10px; }

/* Footer menu */
#footer a.menu_item_link {text-decoration:none; color:#A0A0A0; }
#footer a.menu_item_link:hover {text-decoration:underline; }
#footer .menu_item_content { padding-right:20px;  }
#footer .tk_menu { border-top:1px solid #A0A0A0; }
#footer .logo-f1 {
	font-size:1.2rem;
	line-height:1.5rem;
	font-weight:bold;
	color: #828282;
}
#footer .menu_item_current { font-weight:bold; }
	
/* Responsive rules */
@media only screen and (max-width: 1354px) {
	#footer { }	
}
@media only screen and (max-width: 1160px) {
	.divmultiarticle_faq>h1 { padding-left:20px; }
	.divarticle_home { flex-basis:100%; overflow:hidden; }
	.lib_diapo_container { height:300px!important; overflow:hidden;}
	#btn-saisine { width: 100%; position: absolute; top: 50%; }
	#btn-saisine .article a { font-size:1.5rem;}
	.intro_signure { font-size:2rem;}
	.article_signure { font-size:1.5rem;}
	.alerte { font-size:0.7rem; width:50%; margin-top:20px;}
	
}

@media only screen and (max-width: 965px) {
	#top-2 { margin-left:10px; }
	
}

@media only screen and (max-width: 920px) {
	#top-2 { margin-left:10px; }
	#top #menu .menu_item { font-size:0.8rem;}
	.logo-l1 { font-size:1.5rem;}
	.logo-l2 { font-size:1rem;}
	.flex3_1_0 { flex-grow:1 }
}

@media only screen and (max-width: 820px) {
	#top .menu_item { }
	.logo-l1 { font-size:1.5rem;}
	.logo-l2 { display:none;}
	#btn-saisine .article a { font-size:1em; }
	.divarticle, .divarticle_signure { padding:20px;}
	.divmultiarticle_toc { margin:20px 20px 0; }
	#top #menu .menu_item { font-size:0.8rem;}
	.nav_button { font-size:0.85rem;}
	.alerte { float:none; width:auto; margin-top:0px;}
	.blockMsg { left:10%!important;width:80%!important;}
	.popin button { min-width:auto!important;} 
}
@media all and (max-width: 700px) {
	.flex3_1_0, .flex1_1_0 { flex-basis: 100%; flex-grow:1 }
	#top-3 {
		top: -38px;
    	right: 5px;
    	font-size: 80%;
	}
	#btn-saisine { margin-top:30px; position: relative; text-align: center; }
	.lib_diapo_container { height:100px!important;}
	#top-2 { margin-left:0; margin-right:0; padding-left:0;padding-top:0; padding-bottom:0;background:none; border:0; width:100%; }
	#menu  input.menu-mobile-input:checked ~ .menu_dropdownV2 .menu_level-0  { 
		display:block ;
		float:none;
		background-size:0;
		height:auto; 
	}
	#top #menu .menu_submenu { background:rgb(239, 239, 239); }
	#top #menu .menu_level-0.menu_item-first { border-top-left-radius: 0; }
	#menu { height:auto; position:relative;	background:#666; }
	#menu .menu_item { min-width: 60px; width:auto; text-align:left; padding:2px 5px; }
	#menu  .menu-mobile {
		display:block;
		background:transparent url(../images/menu-mobile.png) no-repeat center center;
		width:50px;
		height:50px;
		position:absolute;
		top:-85px;
		right:10px;
	}
	#menu .menu_dropdownV2 .menu_level-0 { display:none; border-right:0; }
	#menu .menu_level-0.menu_item { padding:5px; }
	#menu .menu_level-0 .menu_item_link {
		padding:0;
		margin-top:0px;
		margin-bottom:0px;
		border-bottom:0px solid #dedede;
		padding-left:10px;
	}
	#menu .menu_level-1 .menu_item_link { border-bottom:0; }
	#menu { height:auto; }
	.article img { max-width:90%; height:auto; }
	
}

@media only screen and (max-width: 440px) {
	.logo-l1 { font-size:1.20rem;}
	.image-gauche { display:block; float:none!important; margin-bottom:10px;margin-right:0;}
}
@media only screen and (max-width: 360px) {
	.logo-l1 { display:none;}
}


/* **** FORMULAIRE SAISINE **** */
#form_saisine { padding:10px; }
.ui-autocomplete.ui-menu { z-index:150!important;}
span.labelradio { margin-left:5px; padding-right:5px;}
.error_star {
	background:#ffce01;
	color:#de007b;
	padding:0 6px;
}
.info {
	color:#777;
	font-size:0.85rem;
	font-style:italic;
}
.info span.needed {
	padding:0;
}

.cont_page {
	display:none;
}
.step {
	margin:20px 0 !important;
}
.step .clear {
	clear:both;
}

.step h3 {
	color:#fff;
}
.step h3 .flex {
	margin-bottom:20px;
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
	display:flex;
	display:flex;	
	justify-content:space-between;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.step h3 span.step-h-cont {
	text-align:center;
}
.step h3 span.step-h-cont span {
	border-radius: 30px;
    background-color: rgba(222, 0, 122, 0.29);
    width: 30px;
    height: 30px;
    display: inline-block;
    
    text-align: center;
    font-size: 22px;
}

.step h3 span.step-h-cont.step-active span  { background-color:#de007a; }
.step h3 span.step-h-cont:last-child { text-align:right;}
.step h3 span.step-h-cont:first-child { text-align:left;}

.step h4 { 
	padding:10px 0;
	font-weight:bold;
	color:#de007b;
	background:transparent;
}


.step .note, .g-recaptcha { margin : 0 30px; text-align:justify;}
.step .rowform { flex:1 0 50%; }
.step .rowform label { display:block; }
.step .rowform label.inline { display:inline-block; }
.step .flex .rowform input[type=text] { width:80%; } 
.step .cont_page {
	
	
}
.step .page {
	padding:10px;
	-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, .25);
	-o-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	background:#f7f7f7;
}

.step input[type=text], .step input[type=date] {
	padding:3px;
}

.step select {
	border: 1px solid #cacaca;
	
}
.step label {
	padding-right:4px;
}
.step button {
	border:none;
	color:#fff;
	float:right;
	padding:5px;
	margin:10px;
}
.step button.submit {
	-moz-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 10px 20px 20px 0px rgba(0, 0, 0, .25);
	-o-box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, .25);
	padding:10px;
	
}
.set.flex>div {
	border-left: 16px solid #de007a;
    padding-left: 10px;
}

.step textarea {
	width:100%;
	font-size:1rem;
	resize:none;
}
.step input[type=text], .step select {
	font-size:1rem;
}
.step .uploadifive-button {
	border:none!important;
	background-image:none!important;
	background-color:rgba(255, 206, 1, 0.77)!important;
	color:#de007b!important;
	cursor:pointer;
	font: inherit;
    text-shadow: none;
}
.step fieldset.f50 {
	width: 48%;
    display: inline-block;
    vertical-align: top;
    height: 115px;
    padding: 5px;
    border:0;
}

span.needed {
	font-size:0px;
	line-height:12px;
	vertical-align: text-bottom;
	background: transparent url(../images/ko2.png) 4px 4px no-repeat;
    background-size: 8px 12px;
	width:20px;
	height:20px;
	display:inline-block;
}
.ierror {
	border:2px solid red!important;
}
span.error {
	background-image:url(../images/ko.png) ;
}
div.bullet span.needed, div.bullet span.error {
	background-position:4px 4px;
}
table.liste-eb {
	width:100%;
	border-collapse:collapse;
}
table.liste-eb th, table.liste-eb td { border:1px solid #de007a; padding:4px 8px;}
table.liste-eb thead {
	background:#ffce1f;
	color:#de007a;
}

@media print {

    #header { display:none;}
    #footer { display:none;}

}


.blockUI .ui-widget-header { display:none;}


.iban-info {
	padding:20px;
	background:#ddd;
}