@charset "utf-8";

/* html,body{ -webkit-overflow-scrolling : touch !important; overflow: auto !important; height: 100% !important; } autre solution pour corriger le bug IOS 11 */

#Presentation {
	width: 100%;
	text-align: justify;
	color: #555;
	margin-bottom: 20px;
}

#PresentationSuite {
	display: none;
	padding: 20px 20px 0 20px;
}

#ContRechAvancee {
	width: 400px;
	/* min-width: 400px; */
}

#ContRechRapide {
	flex: 1;
}

#TitreRechAvancee, #TitreRechRapide {
	color: #fff;
	font-size: 18px;
	background-color: rgb(232, 68, 70);
	padding-left: 10px;
	line-height: 35px;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: .1em;
}

#RechercheAvancee {
	width: 100%;
	line-height: 30px;
	text-align: right;
	font-size: 15px;
}

#SeparationRech {
	width: 20%;
	padding: 3%;
	text-align: center;
	padding-top: 70px;
}

#SeparationRech div {
	color: #191919;
	white-space: nowrap;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 4px;
	width: 100%;
	margin: 15px auto;
	border-radius: 25px;
}

#SeparationRech #SRR {
	background: linear-gradient(to right, #fff, #fff, #fff, rgba(232, 68, 70, 0.5));
	text-align: right;
}

#SeparationRech #SRA {
	background: linear-gradient(to right, rgba(232, 68, 70, 0.5), #fff, #fff, #fff);
	text-align: left;
}

.champsRechAvancee {
	padding-top: 0;
	padding-bottom: 8px;
	position: relative;
}

.champsRechAvancee .separations {
	background-color: #528bd9;
	width: 70%;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 15%;
}

#RechercheAvancee label {
	float: left;
	font-size: 1.1em;
	background-image: none;
	background-color: transparent;
	margin-top: 8px;
	border: 0 solid #000 !important;
}

#RechercheAvanceeMois input, #RechercheAvanceePays input, #RechercheAvanceeRegions input {width: 220px;}

#RechercheAvancee button {background-image: none; background-color: #f9f9f9;}

#RechercheAvancee .ui-button-icon-only .ui-button-text {padding: 0 0 .05em 0;}

#RechercheAvancee .ui-button .ui-button-text {line-height: normal; position: relative;}

#RechercheAvancee #CheckboxInterets .ui-button .ui-button-text {padding-left: 24px;white-space: nowrap;}

#RechercheAvancee #CheckboxInterets .ui-button .ui-button-text img {
	position: absolute;
	left: 0;
	top: 10px;
	width: 20px;
}

#RechercheAvancee #CheckboxSecurite .ui-button .ui-button-text {padding-left: 24px; color: #e00000; font-weight: normal; font-size: 0.9em;}

#RechercheAvancee #CheckboxSecurite .ui-button .ui-button-text img {
	position: absolute;
	left: 0;
	top: 7px;
	width: 20px;
}

#RechercheAvancee #CheckboxClimat .ui-button .ui-button-text {padding-left: 24px; font-weight: normal; font-size: 0.9em;}

#RechercheAvancee #CheckboxClimat .ui-button .ui-button-text img {
	position: absolute;
	left: 0;
	top: 7px;
	width: 20px;
}

#RechercheAvanceeType .ui-button .ui-button-text {
	display: block;
	position: relative;
	padding: 2px;
	text-align: center;
	vertical-align: sub;
	line-height: 1.1;
}

#RechercheAvanceeNbSemaines .ui-button .ui-button-text {padding: 9px;}

#RechercheAvanceeType .ui-button .ui-button-text img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -7px;
	margin-left: -7px;
}

#RechercheAvancee .ui-widget {text-align: left;border-radius: 0;border: 0 solid #bbb;padding: 3px 10px 0;margin-right: 6px;height: 30px;}
#RechercheAvancee .ui-button {box-shadow: none;}

#CheckboxInterets, #RadioType , #RadioSemaines {float: right;margin-bottom: 5px;}
#CheckboxInterets label, #RadioType label , #RadioSemaines label {padding-right: 0;box-shadow: 0 0 1px 1px rgb(0, 183, 255);margin: 0;}
#CheckboxInterets label {padding-left: 25px !important;width: 120px;}

.valSlide {
	color: #000;
	position: absolute;
	bottom: 19px;
	left: 10px;
	width: 100px;
}

#RechercheAvancee .ui-slider .ui-slider-handle {z-index: 1;}

ul.ui-autocomplete {max-height: 350px; overflow: auto;}

#SliderHeuresVol, #SliderPrixVol, #SliderBudgetQuot, #SliderBudgetTotal{ margin: 5px 10px 20px 130px !important; height: 9px !important; }
#RechercheAvanceeHeuresVol { padding-top: 0; position: relative; background-color: inherit; }
#RechercheAvanceeHeuresVol .separations { z-index: 1; }
#RechercheAvanceeHeuresVol .divGrise {
	background-color: inherit;
	opacity: 0.5;
	filter: alpha(opacity=50);
	width: 103%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	color: rgb(255, 48, 48);
	line-height: normal;
	text-align: center;
	margin-top: -5px;
	margin-left: -5px;
	font-size: 1em;
	vertical-align: middle;
	padding-top: 20px;
}

#RechercheRapide {
	line-height: 35px;
	width: 100%;
	background-color: #e84446;
	border-bottom: 2px solid #e84446;
	max-height: 1500px;
	transition: all 1s;
}

#NuagePays, #NuageMois , #NuageCentreInteret, #RechercheAvancee {
	background-color: #e6e6e6;
	padding: 15px;
}

#NuagePays, #NuageMois {margin-bottom: 2px;}

#RechercheAvancee {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e84446;
	max-height: 1500px;
	transition: all 1s;
}

.titresNuages {margin-bottom: 5px; text-align: center;}
.titresNuages h2, .titresNuages div {font-size: 20px; font-weight: normal; margin: 0;}

.titresNuages input {
	width: 100%;
	max-width: 250px;
}

.contenusNuages {
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5;
	width: 100%;
	text-align: center;
	font-size: 14px;
	max-height: 250px;
	overflow-x: auto;
	min-height: 40px;
	padding: 15px;
}

#ConteneurRechRapide .contenusNuages {max-height: none;}

#ConteneurRechAvancee #RechercheAvancee, #ConteneurRechRapide #RechercheRapide {
	max-height: none;
	border-bottom:0;
}

#ConteneurRechRapide .titresNuages h2 {font-weight:bold;text-align:center;}

#ConteneurRechAvancee #RechercheAvancee {padding-top:40px;}

.contenusNuages a {
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
	padding: 0 7px;
	margin: 17px 10px;
	border: 1px dashed rgba(119, 119, 119, 0);
	border-radius: 5px;
	word-break: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-o-hyphens: none;
	hyphens: none;
}

.contenusNuages a:hover {
	color: #D00000 !important;
	background-color: #E4F8FF !important;
	border: 1px dashed #777 !important;
}

.contenusNuages a:active {cursor:wait;}

.contenusNuages a.match {color: #fff;}

.patiente {padding:1px 4px 1px 4px;}

#remIP {
	font-size: 0.8em;
	line-height: normal;
	margin-top: 4px;
	margin-right: 6px;
}

#RadioType label, #RadioSemaines label {
	border: 1px solid rgba(0, 0, 0, 0.27) !important;
	height: 50px !important;
	text-align: center;
	background-color: #eee;
}

#RadioType label {
	width: 110px;
}

#RadioType label span, #RadioSemaines label span {
	height: 42px;
	vertical-align: middle !important;
	display: table-cell !important;
}

#RadioType .ui-state-active, #RadioSemaines .ui-state-active {
	background-image: none;
	background-color: #fff;
}

#LancerRecherche {
	background-color: #384547;
	background-image: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 3px 10px !important;
	height: 35px !important;
}

#LancerRecherche:active {cursor:wait;}

#CheckboxInterets label {
	padding-left: 10px !important;
	padding-right: 0 !important;
	width: auto;
}

@media screen and (max-width: 1599px) {
	#PresentationSuite {
		display: block;
	}
	#SeparationRech {
		visibility: hidden;
		width: 15px;
		padding: 0;
	}
}

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

@media screen and (max-width: 770px) {
	#PresentationSuite {
		display: none;
	}
	#ContRech {
		flex-direction: column;
	}
	#ContRechAvancee {
		width: 100%;
		/* min-width: none; Erreur CSS */
	}
	#SeparationRech {
		height: 25px;
	}
	button[tabindex="-1"] {
		display: none;
	}
	#RadioType label {
		width: 100px;
	}
	#RechercheAvancee, #RechercheRapide {
		overflow: hidden;
	}
	.reducH + * {
		max-height: 0 !important;
		overflow: hidden;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	#TitreRechAvancee, #TitreRechRapide {
		padding-left: 15px;
		background-image: url(/images/icone/svg/fleche-bas-b.svg);
		background-repeat: no-repeat;
		background-size: 25px;
		background-position-x: 98%;
		background-position-y: center;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		height: 70px;
		align-items: center;
		cursor: pointer;
	}
	#TitreRechAvancee.reducH2, #TitreRechRapide.reducH2 {
		background-image: url(/images/icone/svg/fleche-haut-b.svg);
	}
}