/*----- Site CSS ----- */
.container { max-width:1354px; margin:0 auto; width:100%; position:relative; }
.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%; }

/* template rule */
#global { width:100%; overflow:hidden; min-width:320px; }
#header { position:relative;}
#top { width:100%; z-index:20; background:#0000003b; background: #eee; }
#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;}


/* 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:#fff;
	border:1px solid #ccc;
	border-radius:8px;
	margin:20px;
  }
.divarticle_home { padding:30px; align-self:center; }
.divarticle_home.multiarticle_1 { }
.divarticle_home.multiarticle_2 {  padding:0; align-self:center; }
.divarticle_home.multiarticle_3 { padding:0; display:flex; align-self:stretch; }
.divarticle_home.multiarticle_3 .article_home { align-self:center; width:100%; }

.intro_home * { font-size:4rem!important; }
.article_home * { font-size:1rem!important; }

/* banner logos */
.logos { box-sizing:border; }
.logos>div { height:100px; background:transparent url(../images/logo-kergo.png) no-repeat center left; color:#000; background-size:100px; }
.logo-l1 {
	padding-top:20px;
	margin-left:140px;
	font-size:2rem;
	line-height:2rem;
	font-weight:bold;
	color: #000;

}
.logo-l2 {
	margin-left:140px;
	font-size:1.25rem;
	line-height:1.5rem;
	font-weight:bold;
	color:#2687ad;
}

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


/* Responsive rules */
@media only screen and (max-width: 1354px) {
	#footer { }	
}
@media only screen and (max-width: 1160px) {
	.divarticle_home { flex-basis:100%; overflow:hidden; }

}

@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;}
	#top #menu .menu_item { font-size:0.8rem;}
}
@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%;
	}
	#top-2 { margin-left:0; margin-right:0; padding-left:0;padding-top:0; padding-bottom:0;background:none; border:0; width:100%; }

}

@media only screen and (max-width: 440px) {
	.logo-l1 { font-size:1.20rem;}
}
@media only screen and (max-width: 360px) {
	.logo-l1 { display:none;}
}


/* **** FORMULAIRE SAISINE **** */

button#saisine { display:block; margin:0 auto; font-size:2rem!important; background: #2687ad; color:#fff; border-radius:8px;border:0;padding:20px;}

#form_saisine { padding:10px; }
.ui-autocomplete.ui-menu { z-index:150!important;}
span.labelradio { margin-left:5px; padding-right:5px;}
.error_star {

	color: #f30606;
	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;

}
.step h3 span.step-h-cont {
	text-align:center;
}
.step h3 span.step-h-cont span {

    background-color: #2687ad70;
    width: 60px;
    height: 25px;
    display: inline-block;
    
    text-align: center;
    font-size: 22px;
}

.step h3 span.step-h-cont.step-active span  { background-color:#2687ad; }
.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:#2687ad;
	background:transparent;
}

.g-recaptcha { display:flex;flex-display: row-reverse;}
.step .note { 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;
	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 {
	background:#2687ad;
	color:#fff;
	padding:10px;
	font-size:1rem;
	border-radius:6px;
	
}
.set.flex>div {
	border-left: 16px solid #2687ad;
    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:#2687ad!important;
	color:#fff!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;
}