/*----- 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-mtv.png) no-repeat center left; color:#000; background-size:320px; }
.logo-l1 {
	width:300px;
	padding-top:20px;
	margin-left:140px;
	font-size:2rem;
	line-height:2rem;
	font-weight:bold;
	color: #000;

}
.logo-l2 {
	margin-left:300px;
	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: #c5057a; 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 {
	font-size:110%;
	color: #f30606;
	padding:0 6px;
	display:inline-block;
}
.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: #005a9870;
    width: 60px;
    height: 25px;
    display: inline-block;
    
    text-align: center;
    font-size: 22px;
}

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

.g-recaptcha { display:flex;flex-display: row-reverse;}
.step .note { margin : 0 30px; text-align:justify;}
.step .rowform { flex:1 0 50%; max-width:50%; overflow:hidden; margin-top:10px;}
.step .rowform label { display:block; }
.step .rowform label.inline { display:inline-block; }
.step .flex .rowform input[type=text] { width:80%; } 
.step .cont_page {}
.step .rowform select { width:80%; padding:3px;}
.step .rowform input[type=checkbox]+label {
	display: inline-block;
	margin-left: 10px;
}

.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:#c5057a;
	color:#fff;
	padding:10px;
	font-size:1rem;
	border-radius:6px;
	
}
.step button.added {
	float:none;
	background:#005a98;
	color:#fff;
	padding:10px;
	font-size:1rem;
	border-radius:6px;
	display:none;
}
.step button.sup {
	float:none;
	background:#005a98;
	color:#fff;

}


.step button.disabled {
	background:#005a98	70;
	color:#ddd;
	cursor:not-allowed;
}

.set.flex>div {
	border-left: 16px solid #005a98;
    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:#c5057a!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;
}
#page_step1 .set { display:flex; flex-wrap:wrap}
#page_step1 .set .break { height:0; flex-basis:100%;}

#page_step1 input[type=radio] { display:none;}
#page_step1 span.labelradio {
	padding: 20px;
	width:300px;
	background: #92a6be;
	margin: 10px;
	border-radius: 8px;
	color: #fff;
	cursor:pointer;
}
#page_step1 input[type="radio"]:checked + span.labelradio {
	background:#005a98;
}

#page_step2 .noproinfo1,#page_step2 .noproinfo2,#page_step2 .noproinfo3 { display:none;}

#step2_part2, #step2_part3 {
	display:none;
}

#demandeur, #voyageur { display:none; }

#page_step3 .set {
	background: #005a98;
	color: #fff;
	padding: 10px;
	font-size: 120%;
	display:flex;
	border-radius: 8px 8px 0 0;
}
#page_step3 .set input[type=radio] {
	height:30px;
}

#page_step3 .set input[type=radio] {
	height: 20px;
	width: 20px;
}

span.sep {
	margin: 0 10px;
	font-size: 0;
	border-left: 4px solid white;
}