/*********************************************************
 STYLE AGENCE
 Couleurs generales :
 bleu : #214A71 -----------#2EB0D5
 rouge : #8EC5DB  ---------#EF007F 
 fond du formulaire de recherche de gauche : #F3F3F3
 **********************************************************/
/*-----------------------------------------------------------------------------
 . GLOBAL RESET
 -----------------------------------------------------------------------------*/
body {
	font-family: 'Open Sans', sans-serif;
	background-color: #ffffff;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
body.loginBody * {
	-webkit-box-sizing: Content-box ;
    -moz-box-sizing: Content-box;
     box-sizing: Content-box;
}
body.loginBody *:before,
*:after {
	-webkit-box-sizing: Content-box ;
    -moz-box-sizing: Content-box;
     box-sizing: Content-box;
}
.header {
	padding: 10px;
}
.infoLogout {
	font-size: 14px;
}
/**bootstrap**/
.row {
  margin-right: -7px;
  margin-left: -7px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 7px;
  padding-left: 7px;
}
.ui-widget-content {
	border: 0 none;
}
/**Fin**/
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	border-collapse: collapse;
}
td {
	padding: 5px 0 5px 5px;
}
td .littleError {
	font-size: 10px;
	display: block;
}
 ::-ms-clear {
          display: none;
  }
.ui-tabs-nav {
	/*padding-left: 0.5em !important;*/
	padding-left: 0 !important;
}

#coordonnees_agence input, #coordonnees_agent input {
	width: 100%;
}

fieldset,img,abbr {
	border: 0px;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var {
	font-style: normal;
	font-weight: normal;
}

ul {
	list-style: circle;
}

li {
	margin-left: 0px;
}

caption,th {
	text-align: center;
}

q:before,q:after {
	content: '';
}

a {
	text-decoration: none;
	cursor: pointer;
}
a:hover, a:focus {
    text-decoration: none;
}
label {
	color: #333333;
  	font-size: 13px;
  	font-weight: 700;
}
.displayTable {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.displayTable > *, .displayTableRow > * {
	display: table-cell;
}
.displayTableRow {
	display: table-row;
}
.hotelPossibilityRoomDiv .displayTable.possibilityTable {
	table-layout: auto;
}
.textAlignCenter {
	text-align: center;
}
.textAlignLeft{
	text-align: left;
}
.textAlignRight {
	text-align: right;
}
.commentInfo {
	font-style: italic;
	color: #333;
}
.padFive {
	padding: 5px;
}
.inlineBlock > * {
	display: inline-block;
	vertical-align: top;
}
.mrgRight25 {
	margin-right: 25px;
}
.boldStyle {
	font-weight: bold;
}
.bolder-underline-link {
	text-decoration: underline;
	font-weight: bold;
}
.bolder-underline-link:hover {
	text-decoration: none;
	font-weight: bold;
}
.dispTable {
	display: table;
	width: 100%;
}
.dispTable>*, .dispTableRow>* {
	display: table-cell;
}

.dispTableRow {
	display: table-row;
}

label {
	margin-bottom: 0;
}

.margTop10 {
	margin-top: 10px;
}
.margTop15 {
	margin-top: 15px;
} 
.margBottom20 {
	margin-bottom: 20px;
}
@media ( max-width : 991px) {
	.noOnTab {
		display: none;
	}
}

@media ( min-width : 992px) {
	.noOnPc {
		display: none;
	}
}
input[type="text"], input[type="password"], input[type="number"] {
	height: 34px;
	padding: 4px 6px;
	font-size: 12px;
	border: none;
	border-bottom: 2px solid #c8c8c8;
	background-color: #f7f7f7;
	color: #8e8e8e;
}
input[type="text"]:focus, input[type="password"]:focus,  input[type="number"]:focus, textarea:focus {
	background-color: #E8E8E8;
}
select {
  line-height: normal;
  height: 34px;
  	padding: 4px 6px;
  margin-right: 2px;
  background-color: #f7f7f7;
  vertical-align: middle;
  color: #8e8e8e;
  font-size: 12px;
  border: 1px solid #f7f7f7;
  border-bottom: 2px solid #c8c8c8;
  max-width: 100%;
}
/* fieldset */
fieldset.redFieldset {
	border-color: red !important;
}

/* legend */
legend {
	font-size: 12px;
	font-weight: bold;
	color: #214A71;
	text-align: left;
}

legend.redLegend {
	color: red !important;
}


select option {
	padding: 1px;
}

select.situation option {
	overflow-x: auto;
}

select.distance {
	max-width: 110px;
}

select.distance option {
	overflow-x: auto;
}

select.little {
	font-size: 9px;
}

a,a:visited {
	font-weight: normal;
	outline: none;
}

img {
	text-decoration: none;
	outline: none;
	vertical-align: middle;
}
img.load {
	background: url("/images/wait.gif") no-repeat center center white;
}
img.img-marker {
	max-width: 24px;
}

ul {
	
}

input {
	outline: none;
	font-size: 10px;
	vertical-align: middle;
}
input[type="radio"] {
	vertical-align: middle;
}
.margUp10 {
	margin-top: 10px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
.cntBtnLeft {
	text-align: left;
	margin-bottom: 20px;
}
/********** CSS COMMUN **********/
#main {
/* 	width: 1024px; */
	margin: auto;
	padding: 0;
	z-index: 2;
}
.container {
	padding: 10px;;
	max-width: none;
	width: 1024px;
	background: #ffffff;
}
@media (max-width: 1023px) {
	.container {
  		width: auto;
	}
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.divContentRight {
	text-align: right;
}

.picto {
	font-size: 24px;
	font-size: 2.4rem;
	vertical-align: text-top;
}
.btn-picto {
	border: 0 none;
	background: none;
}
.contentAddButtom {
	text-align: right;
	margin-bottom: 10px;
}
.addButton .picto.picto-car, .addButton .picto.picto-flight, .addButton .picto.picto-bed {
  	color: #fff;
  	vertical-align: middle;
  	margin-right: 10px;
}
.picto.picto-markerflight {
  font-size: 35px;
  font-size: 3.5rem;
  vertical-align: middle;
  cursor: pointer;
}
.picto.picto-car, .picto.picto-dossier {
  font-size: 30px;
  font-size: 3rem;
   vertical-align: middle;
}

/**** CSS BUTTON ****/
.submit, .submitSmall, .btnBook, .btnBookSmall, .option, .optionSmall, .button, .buttonSmall {
    border-radius: 0 !important;
    border: none !important;
    color: #FFFFFF !important;
    cursor: pointer;
    font-weight: bold !important;
}
.button:active, .buttonSmall:active {
    color: #FFFFFF !important;
}
.submit, .button, .option, .btnBook  {
    font-size: 12px !important;
    height: 34px;
    line-height: 34px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
}
.submitSmall, .buttonSmall, .optionSmall {
    font-size: 10px !important;
}

.btnStyle1, .btnStyleNeutral, .btnStyle2 {
	color: #fff;
	text-transform: uppercase;
	padding: 9px 15px;
	border: none;
	border-radius: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}
.btnStyle2 {
	padding: 5px;
	background: #fff;
}
.contentBtnSearch {
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: right;
}
.btnNewStyle {
	display: inline-block;
	width:100%;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
  	font-weight: bold;
	border: solid 1px #f0f0f0;
	background: #fff;
/* 	color: #E6077C;	custom */
	text-decoration: none; 
	border-right: 0 none;
}
.btnNewStyle.active {
	background-color: #f0f0f0;
}
.btnNewStyle:hover, .btnNewStyle:active {
	text-decoration: none; 
}
.btnBookStyle {
	height: 48px;
	line-height: 48px;
	width: 100%;
    max-width: 120px;
}
/**** FIN CSS BUTTON ****/
/********** CSS BANNER LOGO  **********/
body.connect .header {
/* 	background-color: #EEEEEE; */
	height: 80px;
	display: table;
	width: 100%;
}

body.connect .header>div {
	height: 100%;
	display: table-cell;
	vertical-align: top;
}

body.connect .header .contentBanner {
	vertical-align: middle;
}

.btnlogoDiv{
	width: 130px;
}

.menuDiv {
	  background: #eee;
}

.logoutContentDiv {
	text-align: right;
	position: absolute;
  	z-index: 1;
  	top: 0;
  	right: 15px;
}

.userAccountContentDiv {
	text-align: right;
	position: absolute;
  	z-index: 1;
  	top: 0;
  	right: 150px;
}

.infoLogout {
	text-align: center;
}
.infoLogout h3 {
	font-weight: bold;
	font-size: 18px;
	color: #214A71;
}
.infoLogout ul {
	text-align: justify;
	width: 400px;
	margin: 0 auto;
	color: #333;
	padding-left: 10px;
}
body.connect div.bannerDiv {
/* 	background-image: url("/customization/images/banner.png");*/	
/* 	background-repeat: no-repeat; */
/* 	background-position: center left; */
	width: 100%;
}

.menuLinkDivContent {
	height: auto;
	/*height: 100%;*/
	margin: 0 auto;
}

.breadcrumbContent {
	height: auto;
/* 	height: 100%; */
	margin: 0 auto;
}
/************ CSS MENU ************/
#contentMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contentMenu>ul {
	width: 100%;
}

#contentMenu>ul>li {
	display: inline-block;
	line-height: 40px;
    height: 40px;
    margin: auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

#contentMenu>li>a {
	height: 100%;
	padding: 0 15px;
	vertical-align: middle;
	text-decoration: none;
}

#contentMenu li a {
	color: #444444;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 10px;
}
#contentMenu ul.submenu li a {
	padding: 0;
	width: 100%;
    height: 100%;
    display: inline-block;
    text-transform: none;
}

#contentMenu ul li .submenu {
	display: none;
}

#contentMenu ul li .submenu li {
	background-color: #eeeeee;
	margin: 0;
	display: block;
	padding: 5px 15px;
	text-align: left;
	line-height: normal;
}
#contentMenu ul li .submenu li.upMenu {
  background-color: #d6d6d6;
  color: #444444;
}
#contentMenu ul li .submenu li.upMenu label{
	color: #444444;

}
#contentMenu ul li:hover a.menuHide, #contentMenu ul li:focus a.menuHide,
	#contentMenu li a:hover, #contentMenu li a:focus, #contentMenu ul li .submenu a:hover,
	#contentMenu ul li .submenu a:focus {
}

#contentMenu ul li:hover .submenu, #contentMenu ul li:focus .submenu {
	display: block;
}

#contentMenu li:hover .submenu li, #contentMenu li:focus .submenu li {
	float: none;
}

#contentMenu li .submenu {
	position: absolute;
	top: 100%;
	width: 250px;
	z-index: 200;
}

.submenu ul {
	position: absolute;
	top: 100%;
	z-index: 200;
}

.submenu ul li {
	float: left;
	margin: auto;
	padding: 0;
}
/************ CSS INFO USER ************/
.logoutContentDiv>div  {
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-top: 35px;
	padding: 0 15px;
	text-align: center;
}

.logoutContentDiv label {
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
}

.userAccountContentDiv>div  {
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin-top: 35px;
	padding: 0 15px;
	text-align: center;
}

.userAccountContentDiv label {
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
}

.breadcrumbBg{
	background-color: #ffffff;
	margin-bottom: 20px;
	clear: both;
	color: #888;
	font-size: 11px;
	position: relative;
}
.breadcrumbContent {
	width: 100%;
}
.breadcrumbContent > span {
	display: inline-block;
	width: 39%;
}
.breadcrumbContent > span#loginInfo {
	width: 61%;
	margin-left: -3px;
	text-align: right;
}
/*********** CSS TITRE DE RUBRIQUE ***********/
div.blocTitleDiv {
	background-color: #ffffff;
	margin-bottom: 15px;
	padding: 0;
}

.blocTitleH1 {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0;
	white-space: nowrap;
}

.blocTitle {
    font-size: 16px;
	padding-bottom: 2px;
    font-weight: bold;	
    margin: 20px 0;
    text-align: left;
}
.blocTitle.titleDescription {
  border-bottom: none;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 0;
}
.contentDesc > div {
	margin-bottom: 20px;
}
.pictoLoupe {
	text-align: right;
	vertical-align: baseline;
	width: 30px;
}

.btnModif {
	text-align: right;
}

.btnModif input {
	font-style: italic;
	background: none;
	border: none;
	text-decoration: underline;
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 5px;
}
#searchBooksTitle:hover {
	cursor: pointer;
}
#searchFormResponseTitle:hover {
	cursor: pointer;
}

/*********** CSS FORMULAIRE ***********/
.searchCriteriaForm>div {
	margin-bottom: 15px;
}

.labelForm {
	display: block;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
  	margin-top: 15px;
}

.labelForm label {
	font-size: 13px;
	white-space: nowrap;
}
span.infoForm {
	color: #8E8E8E;
	font-size: 13px;
	font-weight: normal;
	display: block;
}
.transferBookingDetailsContent .labelForm, .transferBookingDetailsContent span.infoForm {
	display: inline;
}
.transferBookingDetailsContent .blocDetail > div {
	margin-bottom: 5px;
}
.transferBookingDetailsPax .transferBookingDetailsContent .labelForm {
	display: block;
}
label.labelAll {
	color: #8e8e8e;
	font-weight: normal;
}

.wwfLineForm .labelForm {
	line-height: 24px;
}

.wwfLineForm input, .wwfLineForm #name {
	width: 100%;
}

.wwfLineForm select {
	width: 100%;
	padding: 2px 3px;
}

.wwfLineForm select#roomsNumber {
	width: auto;
}

.inputFieldForm {
	position: relative;
}

.inputFieldForm .picto-calendar {
	font-size: 2rem;
	position: absolute;
	right: 5px;
	top: 0px;
	cursor:pointer;
}
.spanJour {
	margin-left: 4px;
}
.nightDiv {
	float: right;
}
div.filterBtnDiv, .btnRelanceDiv {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: right;
}
.filterBtnDiv > div {
	display: inline-block;
}
.btnRelanceDiv {
	border-bottom: 1px solid #e8e8e8;
}

.btnReset {
	background: #aaa;
	height: 34px;
	width: 34px;
	border: 0 none;
	margin-right: 10px;
}

.btnReset span.picto {
	color: #fff;
}
/* PARTIE REPARTITION DES CHAMBRES */
.roomRepartDiv select {
	width: 100%;
}

.repartRoomPart label {
	font-size: 12px;
	color: #666;
	line-height: 24px;
	text-transform: uppercase;
}

@media ( min-width : 992px) {
	.nbRoomSelect.col-md-2 {
		width: 13%;
		padding-right: 0;
	}
}

.numRoomCol {
	padding-right: 30px;
}

.numRoomCol>* {
	display: inline;
}

.contentRoomTypes {
	display: inline-block;
	float: right;
}

.nbRoomSelect {
	display: inline-block;
}

.howManyPax {
	padding-right: 10px;
}

.adultSelect, .childSelect {
	padding-right: 29px;
}

.childInfoContent.col-md-5 {
	float: left;
	margin-top: 15px;
}

.childInfo select {
	width: 100%;
}

.childInfoLabel>div, .childrenAgeLine {
	padding-left: 10px;
}

@media ( min-width : 992px) {
	.adultSelect, .childSelect {
		padding-right: 19px;
	}
	.childInfoContent {
		padding-left: 15px;
		padding-right: 5px;
	}
	.childInfoContent.col-md-5 {
		float: right;
		margin-top: 0;
	}
	.childInfoLabel>* {
		padding-left: 0px;
	}
	.childInfoLabel>div, .childrenAgeLine {
		padding-left: 0;
	}
	.childInfoContent>div {
		margin-left: 0px;
		margin-right: 0px;
	}
	.childInfoContent>div, .childInfo>div {
		padding-right: 5px;
	}
	.childInfo, .childInfoLabel {
		padding-left: 5px;
		padding-right: 5px;
	}
	.childInfo select {
		max-width: 180px;
	}
}
/* PARTIE FILTRE HOTEL */
.searchCriteriaForm .labelForm {
	margin-bottom: 5px;
	margin-top: 15px;
}
.htlOptLine label {
	line-height: 28px;
}
.htlName input {
	width: 100%;
}
.starRating {
	display: inline;
}
.starRating .labelForm label {
	margin-bottom: 0;
}
.searchRadius {
	display: inline;
}
.searchRadius select, #accomBoard select, .mealPart select, .rateGreenRatingScore select, .booRatingScore select {
	width: 100%;
}
div.suppliersFormBlock label {
	color: #8e8e8e;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
	width: 145px;
}

div.suppliersBlock input[type="radio"], div.suppliersBlock input[type="checkbox"]
	{
	margin: 0;
	vertical-align: middle;
}

.supplierBlockGroup {
	font-size: 13px;
	font-size: 1.3rem;
}

.htlMarkers {
	margin-left: 3px;
}

.htlMarkers > div {
	display: inline-block;
	padding-left: 25px;
}

.htlMarkers label {
	font-size: 12px;
	text-transform: uppercase;
	color: #555;
}

.htlMarkersType input {
	margin: 0;
	vertical-align: middle;
}

.htlMarkersType label {
	font-weight: normal;
}
/* STYLE POUR LE CHOIX DES ETOILES */
.rating-loading {
	width: 25px;
	height: 25px;
	font-size: 0px;
	color: #fff;
	background: transparent url('../img/loading.gif') top left no-repeat;
	border: none;
}
/*
 * Stars
 */
.rating-fa {
	font-family: 'FontAwesome';
	padding-left: 1px;
}

.rating-fa .rating-stars:before {
	padding-left: 1px;
}

.rating-gly {
	font-family: 'Glyphicons Halflings';
}

.rating-gly-star {
	font-family: 'Glyphicons Halflings';
	padding-left: 2px;
}

.rating-gly-star .rating-stars:before {
	padding-left: 2px;
	cursor: pointer;
}

.rating-lg .rating-gly-star, .rating-lg .rating-gly-star .rating-stars:before {
	padding-left: 4px;
}

.rating-xl .rating-gly-star, .rating-xl .rating-gly-star .rating-stars:before {
	padding-left: 2px;
}

.rating-active {
	cursor: default;
}

.rating-disabled {
	cursor: not-allowed;
}

.rating-uni {
	font-size: 1.2em;
	margin-top: -5px;
}

.rating-container {
	position: relative;
	vertical-align: middle;
	display: inline-block;
	color: #c8c8c8;
	overflow: hidden;
}

.rating-container:before {
	content: attr(data-content);
}

.rating-container .rating-stars {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	overflow: hidden;
	transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
}

.rating-container .rating-stars:before {
	content: attr(data-content);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl {
	position: relative;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	color: #fde16d;
}

.rating-container-rtl:before {
	content: attr(data-content);
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
}

.rating-container-rtl .rating-stars {
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	overflow: hidden;
	color: #e3e3e3;
	transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
}

.rating-container-rtl .rating-stars:before {
	content: attr(data-content);
}
/**
 * Rating sizes
 */
.rating-xl {
	font-size: 4.89em;
}

.rating-lg {
	font-size: 3.91em;
}

.rating-md {
	font-size: 3.13em;
}

.rating-sm {
	font-size: 2.5em;
}

.rating-xs {
	font-size: 1.6em;
}
/**
 * Clear rating button
 */
 .star-rating {
 line-height: 34px;
 height: 34px;
 }
.star-rating .clear-rating, .star-rating-rtl .clear-rating {
	color: #aaa;
	cursor: not-allowed;
	display: inline-block;
	vertical-align: middle;
	font-size: 95%;
}

.clear-rating-active {
	cursor: pointer !important;
}
.clear-rating-active:hover {
	color: #843534;
}
.star-rating .clear-rating {
	padding-right: 5px;
}
.star-rating .clear-rating .glyphicon {
	line-height: normal;
	top: 0px;
}
/**
 * Caption
 */
.star-rating .caption, .star-rating-rtl .caption {
	color: #999;
	display: inline-block;
	vertical-align: middle;
	font-size: 55%;
}

.star-rating .caption {
	padding-left: 5px;
}

.star-rating-rtl .caption {
	padding-right: 5px;
}

.star-rating .caption {
	display: none;
}
/**
 * Print
 */
@media print {
	.rating-container, .rating-container:before, .rating-container-rtl .rating-stars,
		.rating-container-rtl .rating-stars:before {
		color: #f3f3f3 !important;
	}
	.star-rating .clear-rating, .star-rating-rtl .clear-rating {
		display: none;
	}
}
/************************************************************************************/
/********************************* CSS PAGE RESULT **************************/
/************************************************************************************/
div.hotelResultBlock {
  margin: 0 0 20px;
  border: 1px solid #f0f0f0;
  padding: 0;
  position: relative;
}
.infoResultRecap {
	display: inline-block;
	font-size: 12px;
	color: #555;
}

.contentMapToggleLink {
/* 	width: 20%; */
}

.mapToggleLink span {
	color: #fff;
	line-height: 18px;
	vertical-align: text-bottom;
}

div.hotelResumeTitle {
	padding: 0px 0px 0px 0px;
	margin: 0 0 15px;
}

.listHeaderHotelName {
	background: #fff;
	border: 0 none;
}

.headerHotelPrice {
	vertical-align: top;
}

.hotelSituation {
	margin-bottom: 0;
	color: #888;
    font-size: 14px;
}

.groupStar .picto-star.starOff {
	color: #e3e3e3;
}

.contentFilterResult>div {
	vertical-align: middle;
}

.htlByPage {
	font-size: 11px;
	color: #929292;
}

.sortBy {
	font-size: 11px;
	color: #929292;
}

.contentPaginationLinks {
	padding-right: 6px;
}

#paginationLinks {
	float: right;
}
#paginationLinks ul {
	padding: 0;
}
#paginationLinks li {
	float: left;
	text-align: center;
	list-style: none;
	margin: 0 0 0 3px;
	line-height: 27px;
	height: 34px; 
}

#paginationLinks li span, #paginationLinks li a {
	display: block;
	padding: 3px 6px;
	font-size: 11px;
	font-weight: bold;
}

#paginationLinks li span {
	background: none;
}

#paginationLinks li a {
	background: none;
	color: #777;
}

#paginationLinks li a:hover {
	background: transparent;
	text-decoration: none;
}

#paginationLinks .pageLinksMore {
	width: 34px;
}
#paginationLinks .pageLinksMore a {
	color: #ffffff;
	font-weight: bold;
}
#paginationLinks .pageLinksMore a:hover {
	color: #ffffff;
}
#paginationLinks .pageLinksMore:hover a {
	color: #ffffff;
}
.hotelDetailLinkDiv .picto-descript {
	font-size: 24px;
	font-size: 2.4rem;
}

.infoPossibilityContent {
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.infoPossibilityContent > td {
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	vertical-align: middle;
}
.infoPossibilityContent > td.radioBtnTd {
	width: 120px;
}
div.hotelResumeLeftBlock {
	position: relative;
	width: 280px;
    min-height: 280px;
}

div.hotelResumeRightBlock {
	text-align: left;
	padding: 0;
	vertical-align: top;
	position: relative;
	flex:1;
}
div.hotelResumeRightBlock > div{
	position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.hotelGlobalInfos {
	flex: 1;
	padding: 10px;
}
.hotelResumeRightBlock>table {
	height: 150px;
}

div.hotelResumePictureBlock {
	position: relative;
	height: 100%;
    overflow: hidden;
}
div.hotelMapLinkDiv {
	position: absolute;
    bottom: 0;
    width: 100%;
}
div.hotelMapLinkDiv .btnNewStyle {
	line-height: normal;
	background-color: rgba(255, 255, 255, 0.8);
}
div.hotelMapLinkDiv .btnNewStyle span{
	display: block;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    margin-top: 4px
}
.listingPicture {
	width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
	position: relative;
}

img.thumbnailPicture {
	border-style: none;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	display: block;
	min-height: 90px;
	width: 150px;
}

img.hotelPicture {
/* 	border-bottom: 3px solid #ff6600; */
	margin: 0px 6px 6px 0px;
	vertical-align: top;
}

.possibilityLogoSupplier {
	width: 100px;
}
.possibilityInfos {
	width: 20%;
}
img.possibilitySupplierIcon {
	max-height: 40px;
	max-width: 90px;
}
/* .possibilityTable>div { */
/* 	margin-bottom: 10px; */
/* } */
span.possibilityColumnTitle {
/* 	color: #4ba4bc; */
	font-size: 14px;
	font-weight: normal;
	margin: 0 20px 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 320px;
	cursor: help;
	flex:1;
}
.contentFirstPossibilityRoomPlan {
	vertical-align: middle;
}
.possibilityRadioColumn {
	text-align: center;
}
a.cancelFeesLink {
	color: #333;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	height: 16px;
	line-height: 16px;
	white-space: nowrap;
	width: auto;
	text-decoration: underline;
}
a.cancelFeesLink:hover, a.cancelFeesLink:focus {
	text-decoration: none;
}
.hotelResumeBookingButtonBlock div {
	padding: 0;
	text-align: right;
}
@media(max-width:991px) {
	.hotelResumeBookingButtonBlock div.hotelDetailLinkDiv {
		text-align: left;
	}
}

/* STYLE VUE MAP */
#mapview {
	margin-top: 10px;
}
#resultslistingformapcontainer>div {
	margin-bottom: 5px;
}
.ResultListMapHtlMarker {
	padding-left: 10px;
}
.ResultListMapHtlName {
	padding-left: 10px;
	font-size: 11px;
}
.ResultListMapHtlDesc {
	padding-left: 10px;
}
.priceHotelMap {
	font-size: 13px;
	color: #333;
    font-weight: bold;
}
.possibilityCancelfeesDiv {
  text-align: left;
  color: #888;
  padding: 10px 5px;
  background: #fff;
  border: 1px solid #e5e5e5;
/*   border-top: 2px solid #ff6600; */
}
.possibilityCancelfeesDiv .tabsRemark ul:not(.ui-tabs-nav) {
	padding-left: 15px;
	list-style-type: disc;
}
.possibilityCancelfeesDiv .tabsRemark .ui-tabs-panel li {
	list-style-position: inside;
}
.possibilityCancelfeesDiv .tabsRemark p, .possibilityCancelfeesDiv .tabsRemark li {
	font-size: 12px;
}
li.ui-tabs-active a.ui-tabs-anchor {
  	color: white;
  	font-weight: bold;
}
td.possibilityCancelfees fieldset legend {
  font-size: 10px;
  color: #555555;
  border-bottom: 0 none;
  margin-bottom: 10px;
}
td.possibilityMarginBottom {
  	height: 5px;
  	padding: 0;
}

.groupStar {
	display: block;
	margin: 0 3px;
}
.groupStar .picto {
	font-size: 14px;
	color: #666666;
	display: inline-block;
}
/** repartition pax**/
.PaxCriteriaGroup {
	position: relative;
}
.PaxCriteria {
	margin-right: 0;
}
button.paxFormBtn {
	height: 34px;
  	padding: 4px 6px;
	width: 100%;
	text-align: left;
  	line-height: normal;
  	margin-right: 2px;
  	background-color: #f7f7f7;
  	vertical-align: middle;
  	color: #8e8e8e;
  	font-size: 14px;
  	border: 1px solid #f7f7f7;
  	border-bottom: 2px solid #c8c8c8;
  	position: relative;
}
.btnValidation {
	margin-top: 15px;
	text-align: right;
}
.formPax {
	position: absolute;
	background: #fff;
	border: 1px solid #E6E6E6;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15) inset;
	padding: 10px;
	z-index: 1000;
	width: 430px;
	right: 0;
	display: none;
}
.formPax .columnCell {
	padding: 0px 2px 5px 2px;
}
.packageForm .formPax {
	left: 0;
}
.PaxCriteriaGroup.active .formPax {
  display: block;
}
.formPax table {
	table-layout: fixed;
}
.formPax .columnHeader , .formPax td.columnCell{
	text-align: left;
}
.formPax .roomRepartDiv, .formPax .childrenAgeDiv{
	width: 100%;
}
.formPax td.columnCell select {
	min-width: 50px;
}
.caret {
	position: absolute;
  	right: 5px;
  	top: 15px;
	display: inline-block;
	 width: 0;
	 height: 0;
	 margin-left: 2px;
	 vertical-align: middle;
	 border-top: 4px dashed;
	 border-top: 4px solid \9;
	 border-right: 4px solid transparent;
	 border-left: 4px solid transparent;
}
.childPAxAges {
	float:left; 
	margin-right: 5px;
}
#yourSearchFieldset .formPax {
  width: 430px;
  left: 0;
}
.lowercase {
	text-transform: lowercase;
}
.titleFiltre {
  color: #666;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.filterBtnDiv input.submit{
	min-width: 100px;
}

li.ui-menu-item-categ {
	text-transform: uppercase;
	font-weight: bold;
	background: #666;
	color: #fff;
	margin-left: 0px;
	padding: 2px 5px;
	line-height: 18px;
}
#booksListResult {
	margin-top: 25px;
}
/************************************************************************************/
/********************************* CSS PAGE PACKAGE BOOK PAX ********/
/**********************************************************************************/
#hotelBookPaxDiv {
	padding-bottom: 15px;
}
div.packageSelectionTitle {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	height: auto;
	margin: 0 0 10px;
	padding: 0;
/* 	border-bottom: 1px solid #ff6600; */
}
.transferHeaderLabel > div {
	vertical-align: middle;
}
#packageForcedPrice, .transferTotalRackPrice {
	font-weight: bold;
	line-height: 34px;
	text-transform: uppercase;
}
.hotelPriceTitle span {
	vertical-align: sub;
}
.forcedPrice span {
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
}
span.forcedPrice input {
	text-align: center;
	padding: 0;
	border: medium none;
}
.PriceTitlePaxConf {
	text-align: right;
}
#hotelPriceTitle input {
	border: 1px solid #D0D0D0;
	text-align: center;
}
.contentInfoHtlPax {
	display: inline-block;
}
#totalPriceDiv p {
	color: #888;
}
.hotelBookCityName, .hotelBookCityLoc {
	color: #333333;
}
.searchDescription {
	color: #888888;
}
.rightPartPax {
	vertical-align: top;
	text-align: right;
}
.contentSupplierLogo{
	padding-bottom: 10px;
}
.contentBtnChangeHtl {
	padding-top: 10px;
}
img.supplierIcon {
	cursor: help;
	margin-bottom: 5px;
}
.available span {
	border: 1px solid #10A048;
	color: #10A048;
	display: inline-block;
	padding: 5px 10px;
	text-align: center;
}
.onRequest span {
	color: #FE9712;
	border: 1px solid #FE9712;
	min-width: 160px;
	padding: 7px 0;
	text-align: center;
}
.cancelFeesLine {
	color: #888888;
	font-size: 11px;
}
.cancelFeesLine .importantMsg {
	color: #555555;
}
.noteCheckContent {
	width: 45%;
}
.noteCheck {
	color: #888888;
	font-size: 11px;
}
.noteCheck input {
	display: inline;
	vertical-align: sub;
}
.noteCheck.small > span {
	font-size: 11px;
	vertical-align: text-bottom;
	color: #666;
}
.contentTextArea {
	width: 55%;
}
.packageSelectiondiv textarea {
	max-width: 100%;
	max-height: 60px;
}
.contentTextArea .textarea {
	display: block;
	border: none;
	background-color: #f7f7f7;
	max-width: 716px;
	z-index: 2;
	position: relative;
}
.infoTextArea {
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	vertical-align: text-bottom;
	width: 25px;
}
.infoTextArea .picto-descript {
	font-size: 2rem;
	color: #ffffff;
	line-height: 25px;
}
.travellersPaxTable {
	text-align: left;
	margin-top: 15px;
}
.travellersPaxTable div, .travellersPaxTable span {
	padding-bottom: 10px;
}
.travellersPaxTable span {
	color: #555555;
	font-weight: bold;
	text-transform: uppercase;
}
.travellersPaxRecap {
	color: #888888;
}
.labelEmailBloc {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #555555;
	margin: 0 0 3px;
}
#otherMail {
	margin-left: 10px;
}
#otherMailBlockMain {
	margin-top: 10px;
}
/************************************************************************************/
/********** CSS PAGE PACKAGE BOOK CONFIRM ************************/
/***********************************************************************************/
#hotelBookConfDiv {
    padding-bottom: 15px;
}
.packageSelectionBookConfirm > div {
	margin: 0 0 15px;
}
#bookingConfirmDiv .possibilityTable {
	height: 30px;
}
.totalPriceBookConf {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.colHead {
	background-color: #e1e1e1;
	color: #555;
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
}
.packFolder {
	font-size: 11px;

}
.packFolder input {
	display: inline-block;
	vertical-align: sub;
}
.packFolder span {
	color: #777;
}
.superPnrDiv {
	margin-top: 10px;
}
.superPnrDiv a {
	text-decoration: underline;
}
.scrollTop {
	position: fixed; 
	text-align: center;
	bottom: 20px; 
	right: 20px; 
	cursor: pointer; 
	z-index: 2000;
	width: 35px;
	height: 35px;
}
.scrollTop .picto {
	color: #fff;
	font-size: 20px;
	font-size : 2rem;
  	line-height: 34px;
  	font-weight: bold;
	
}
.contentBtnRight {
	text-align: right;
}
.boldNote, .note {
}
.lastBookings {
	display: inline-block;
}
.lastBookings:hover, .lastBookings:focus {
	text-decoration: none;	
}
.notefilled {
	font-style: italic;
  	font-size: 11px;
  	color: #444;
}
.criteriasBloc {
	width: 50%;
}
.labelinput {
  	display: inline-block;
  	font-size: 14px;
  	font-weight: normal;
  	margin-bottom: 0;
  	vertical-align: middle;
  	margin-left: 5px;
}
.listCriteriasType {
	margin-bottom: 5px;
  	margin-top: 15px;
}
.listCriteriasType > span {
	margin-right: 30px;
}
#criterias {
	border: none!important;
}
.infoResa {
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.infoResa > div > label {
	color: #8e8e8e;
	font-size: 14px;
	font-weight: normal;
}
.infoResa > div > span {
	font-size: 14px;
}

.refResa {
	font-size: 14px;
	text-align: left;
}
.logoSupplier {
	text-align: right;
}
.blocRecapBooking {
	border-top: 1px solid #8e8e8e;
	margin-top: 20px;
	padding: 10px 0;
}
.imgHotelSelected {
	height: 280px;
  	width: 280px;
  	overflow: hidden;
}
.imgHotelSelected img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.resultSelectedHotel {
	position: relative;
 	padding-left: 15px;
 	font-size: 14px;
 	vertical-align: top;
 }
 .resultSelectedHotel .logoSupplier{
	position: absolute;
    top: 0;
    right: 10px;
   }
.tripadvisorBloc {
 	vertical-align: bottom;
  	text-align: right;
 }
 .titleRowRoom {
  	font-weight: bold;
  	font-size: 13px;
}
.labelGrey {
	color: #8e8e8e;
}
/**fin new style**/
/*********************************************************
Page login
 **********************************************************/
.loginBody #main {
	width: auto;
}
.loginBody, .registrationBody {
	background: url(/customization/images/background-login.jpg) no-repeat right top fixed;
	background-size: cover;
}
.loginBody div.warningMsg, .loginBody div.infoMsg {
	border-radius: 0;
	background: none;
	padding: 5px 10px;
	font-size: 14px;
	margin: 5px 10px;
	position: relative;
	z-index: 1;
}
.menuDiv {
	  background: #eee;
}
.tableLogIO p, #forgottenPasswordFormFieldset p {
	margin: 15px 0 10px;
}
.tableLogIO .inputLabel, #forgottenPasswordFormFieldset .inputLabel {
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
}
.tableLogIO .inputText, #forgottenPasswordFormFieldset .inputText  {
	border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 1px #333 inset;
    font-size: 14px;
    height: 38px;
    line-height: 30px;
    width: 100%;
    box-sizing: border-box;
}
.tableLogIO .inputText:focus, #forgottenPasswordFormFieldset .inputText:focus {
	box-shadow: 0 0 3px #333 inset;
	transition: all 0.3s linear 0s;
	border: none;
}
.tableLogIO, #forgottenPasswordFormFieldset {
	width: 400px;
	background: #333;
	background: rgba(0, 0, 0, 0.5);
	padding: 15px 30px 30px;
	position: absolute;
	top: 35%;
}
.tableLogIO .error {
	text-align: center;	
	color: #E48383;
	margin: 0;
}

.tableLogIO #connectionMessage {
	color: #fff;	
}
.tableLogIO #connectionMessage, .tableLogIO #connectionButton, .forgottenPassBtnDiv {
	margin: 40px 0 0;
	text-align: right;
}
.contentLoginForm {
	position: absolute;
  	top: 35%;
  	left: 10px;
}
.contentLoginForm form {
	display: inline-block;
}
/* .tableLogIO.registrationForm { */
/* 	display: inline-block; */
/* 	width: 400px; */
/* 	background: rgba(0, 0, 0, 0.4); */
/* 	position: static; */
/* 	margin-left: 0px;  */
/* 	margin-right: 6px; */
/* } */
#connectionButton .forgottenPassLink {
	font-size: 12px;
    font-style: italic;
    color: #fff;
    text-decoration: underline;
    margin-right: 20px;
}
.connectionImg {
	margin-left: 5px;
	vertical-align: middle;
}
#forgottenPasswordFormFieldset .note {
	color: #fff;
	font-size: 12px;
}
.forgottentFormBackBtn {
	margin-right: 10px;
}

/*********************************************************
 Bandeau
 **********************************************************/
.loginBody .bannerFullWidthBg, .registrationBody .bannerFullWidthBg {
	border: none;
	background: none;
}
.loginBody .bannerDiv, .registrationBody .bannerDiv {
	width: auto;
	position: relative;
	min-height: 80px;
}
.loginBody .languagesDiv {
	right: 20px;
	bottom: 40px;
	height: 40px;
	background-color: white;
}
/** bannier connect**/
div.bannerDiv {
	margin: 0 0 0 10px;
}
div.bannerDiv > div {
	vertical-align: middle;
	max-height: 80px;
	height: 80px;
/*     max-width: 200px; */
}

div.bannerDiv img {
    height: 100%;
/*     width: 100%; */
    overflow: hidden;
}

/*** version client**/
body.connect div.bannerDiv.banner_client {
	width: calc(100% - 130px);
	margin: 0 0 0 10px;
}
div.bannerDiv.banner_client > div {
	display: table;
	width: 100%;
}
div.bannerDiv.banner_client > div > div {
	display: table-cell;
	vertical-align: middle;
}
div.banner_company_logo {
    margin-left: 10px;
    margin-right: 20px;
    height : 80px;
    max-height : 80px;
    float: right;
}
div.banner_logo {
	max-height : 80px;
/*     max-width: 200px; */
}
div.banner_logo img {
	max-height: 80px;
}
div.bannerDiv.banner_client img {
    height: auto;
    width: auto;
/*     max-width: 200px; */
    overflow: hidden;
}

/* AJOUT SEPARATION SI PAS DE MENU */
body.connect hr {
	margin-top: 0px;
}
/* AJOUT SEPARATION SI PAS DE MENU */

.languagesDiv {
	bottom: 25px;
    position: absolute;
    right: -75px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* /////////////////////// MENU HAUT ///////////////////////////// */
div.bannerDiv, .breadcrumbContent {
	margin: 0 auto;
}
.menuLinkDiv ul.tabs a:hover, .menuLinkDiv ul.tabs a:focus, ul.dropdownClass li a:hover, ul.dropdownClass li a:focus {
    background: #777;
}
#loginInfo select {
	padding: 0;
}
/*********************************************************
 El�ments de base
 **********************************************************/

#searchEmail2,#searchEmail3,#searchEmail4 {
	margin: 1px;
}

.textarea {
	width: 100%;
}

.showHideDivContainer {
	float: left;
	padding: 4px 0 0 4px;	
}
a.showDetailsLink, a.hideDetailsLink {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 6px;
	border-style: solid;
	border-width: 3px;
	border-color: #eee;
}
a.showDetailsLink {
	background: url(/images/show_hide_sprite.png) -20px center no-repeat #fff;
}
a.hideDetailsLink {
	background: url(/images/show_hide_sprite.png) 0 center no-repeat #fff;
}
a.showDetailsLink:hover, a.showDetailsLink:focus, a.hideDetailsLink:hover, a.hideDetailsLink:focus {
	border-color: #ddd;
}
a.btnDetail {
  	display: inline-block;
  	text-align: center;
}
.logoutDiv {
	color: #eee !important;
	font-weight: bold;
}
.logoutDiv:HOVER, .logoutDiv:focus {
	color: #fff !important;	
}
.logoutDiv:HOVER span.logout, .logoutDiv:focus span.logout {
	background: url(/images/logout.png) -24px 0px no-repeat !important;
}

.userAccountDiv {
	color: #eee !important;
	font-weight: bold;
}
.userAccountDiv:HOVER, .userAccountDiv:focus {
	color: #fff !important;	
}
.userAccountDiv:HOVER span.userAccount, .userAccountDiv:focus span.userAccount {
	background: url(/images/picto_user_white.png) 0px 0px no-repeat !important;
}

span.logout {
	background: url(/images/logout.png) 0px 0px no-repeat !important;
	height: 24px !important;
	width: 24px !important;
	display: inline-block;
	vertical-align: middle;
}

span.userAccount {
	background: url(/images/picto_user_gray.png) 0px 0px no-repeat !important;
	height: 24px !important;
	width: 24px !important;
	display: inline-block;
	vertical-align: middle;
}

/*********************************************************
Titres des blocs
 **********************************************************/
.leftPartDiv h2 {
	margin: 0;
	font-weight: bold;
	color: #555;
}

span.h1PictoTitle{
	background-image: url(/images/pictos_titre_action_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
    height: 24px;
    margin: 0 5px;
    vertical-align: middle;
    width: 32px;
}
span.hotel {
	background-position: 0 0;
}
span.transfer {
	background-position: -32px 0;
}
span.flight {
	background-position: -64px 0;
}
span.extra {
	background-position: -96px 0;
}
span.hotelflight {
	background-position: -128px 0;
}
span.dossier {
	background-position: 0 -24px;
}
.leftPartDiv h2 {
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
}
h2 .totalLabel {
	display: inline-block;
	width: 95px;
	font-size: 14px;
	text-transform: uppercase;
}
h2 .totalPrice {
	display: inline-block;
	width: 145px;
	font-size: 14px;
	text-align: right;
}
/*********************************************************
Formulaire lat�ral recherche
 **********************************************************/
.searchCriteriaForm {
	padding: 0 0 5px;
}
#name {
	width: 250px;
}
div.leftPartDiv p {
	/*margin: 0;*/	
}
div.leftPartDiv div.formLine {
	margin: 0 0 10px;	
}
.searchFormPart {
	text-align: left;
}
.spaceForm {
	padding-bottom: 10px;
}
.searchResult {
	line-height: 30px;
	color: #555;
}
.searchResult span.highlight {
	color: #214a71;
	font-weight: bold;
}
.criteriaGroup {
	margin: 0 10px 0 0;
	display: inline-block;
}
#airportListSelect {
	display: none;
}
#optionalSearchInfos {
/* 	padding: 10px 0 0;	 */
}
.roomRepartDiv {
	width: 320px;
}
.childrenAgeDiv {
	width : 400px;
	margin-top: 5px;
}
.formLabel {
	color: #333333;
	font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
}
.formLabelFloat {
	float: left;
	/*width: 150px;*/
}
.fixedLabelWidth {
	display: inline-block;
	width: 90px;	
}
.packageLabel {
	min-width: 130px;
	display: inline-block;
}
.radioCriteriaGroup {
	margin: 0 5px 0 0;
	color: #333333;
	font-weight: bold;
}
.radioCriteriaGroup input[type=radio] {
	margin: 0px;
}
.radioLabel {
/* 	background: #f5f5f5; */
	cursor: pointer;
	padding: 5px;
	border-radius: 3px;
}
.radioLabel:hover, .radioLabel:focus {
	background: #aaa;
	color: #fff;	
}
.radioLabelIcon {
	font-size: 16px;
	color: #888;
	padding: 2px;
	font-weight: bold;
}
.radioLabelIcon:hover, .radioLabelIcon:focus {
	color: #888;
}
.radioLabelIcon img {
	vertical-align: text-top;
}

.budgetFilterDiv {
	width: 30%;
}
#sliderRangeDiv p {
	margin: 0;
}
.facilitiesFormDiv {
	float: left;
	width: 90%;
}
.suppliersFormDiv {
	float: left;
/* 	width: 84%; */
}
.leftPartDiv .ui-autocomplete-input {
	width: 190px;	
}
img#searchLocationOnMapBtn {
	vertical-align: middle;
}
img#searchLocationOnMapBtn:hover, img#searchLocationOnMapBtn:focus {
	cursor: pointer;
	background: #e5e5e5;
	border-radius: 4px;
}
#amendmentByDayBeginDateInput.dateInput,
#amendmentByDayBeginDate.dateInput {
	width: 110px;
}
#amendmentByDayEndDateInput.dateInput,
#amendmentByDayEndDate.dateInput {
	width: 110px;
}
.dateInput {
 	width:100%;	 
	cursor:pointer;
}
.sameStyleSelect {
	padding: 3px;
}
.ui-datepicker-trigger {
	display: block;
	opacity: 0;
    cursor: pointer;
    margin-left: 2px;
    vertical-align: middle;
    position: absolute;
  	right: 4px;
  	width: 19px;
  	top: -2px;
}
.divDate {
	position: relative;
}
div.leftPartDiv .columnHeader {
	background: none;
	color: #777;	
}
div.blocTitleDiv a {
	float: right;
	margin: 3px 3px 0;	
}
div.facilityPicto {
	margin-right: 6px;	
}
div.facilitiesFormDiv input[type="checkbox"] {
	margin-left: 4px;
	margin-right: 0;
}
div.suppliersDiv input[type="checkbox"], div.resultsFilterDiv input[type="checkbox"], div.facilitiesFormDiv input[type="checkbox"] {
	vertical-align: middle;	
	margin: 0;
}
div.resultsFilterDiv {
	background: #ddd;
	padding: 0 5px;	
}
div.resultsFilterDiv span {
	width: 110px;
	display: inline-block;
}

div.currentBookingReminderDiv {
	color: #777;
	font-size: 10px;	
}
div.currentBookingReminderDiv ul {
	margin: 0;
	padding: 0;
}
div.currentBookingReminderDiv li {
	margin: 0 0 3px;
	list-style: none;
}
div.currentBookingServicesDiv {
	padding: 5px;	
}
div.currentBookingServicesDiv p {
	height: 26px;	
}
div.currentBookingServicesDiv a {
	vertical-align: middle;
}
div.currentBookingServicesDiv a.serviceLabelLink {
	display: inline-block;
	width: 145px;
	margin: 0 0 0 4px;
}
div.currentBookingServicesDiv .servicePrice {
	display: inline-block;
	width: 65px;
	text-align: right;
	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	color: #777;
}
.htlName sup{
	top: -5px;
	font-weight: normal; 
}
/* * * * * * * Flight * * * * * * */
.departureArrivalDiv {
	position: relative;
}
.airportsMap {
	position: absolute;
	border: 1px solid #ccc;
	left: 400px;
	top: 5px;
	width: 350px;
	z-index: 10000000;
	cursor: move;
	background-color: #ddd;
	display: none;
	visibility: hidden;
}
a.mapCloseLink {
	color: #fff;
	margin-right: 5px;
	font-size: 14px;
    font-weight: bold;
}
a.mapCloseLink:hover, a.mapCloseLink:focus {
	color: #fff;
	text-decoration: none;
}
/*********************************************************
 Styles identifies
 **********************************************************/
#banner {
	min-height: 58px;
	z-index: 2;
}

#currentDateTime {
	position: absolute;
	left: 610px;
	top: 106px;
	z-index: 2;
	font-size: 10px;
	font-weight: normal;
	width: 220px;
}

.sortingLinks {
	font-size: 11px;
	float: left;
	margin-right: 10px;
}

fieldset.leftFieldset {
	padding: 2px;
	margin: 5px;
	vertical-align: top;
}

fieldset.leftPinkFieldset {
	padding: 2px;
	margin: 5px;
	vertical-align: top;
	max-width: 250px;
}

legend.pinkLegend {
	font-size: 12px;
	font-weight: bold;
}
/********** WAIT *************/
.searchAccomSummaryDiv div {
    line-height: 20px;
}
div#wait {
	padding: 10px;
	display: none;
	visibility: hidden;
	font-size: 12px;
	background: center no-repeat rgba(0, 0, 0, 0.5);
	left: 0px;
  	top: 0px;
  	position: fixed;
  	width: 100%;
  	height: 100%;
	z-index: 10000;
}
.textZone {
	padding: 5px 0 5px 0;
  	background: #214A71;
  	color: #fff;
  	text-transform: uppercase;
  	font-size: 12px;
  	font-weight: bold; 
  	text-align: center;
}
div#waitZone {
	background: #fff;
	width: 350px;
	margin: 100px auto;
}
div#wait .searchDescription {
	color: #333;
	vertical-align: top;
}
.searchSummaryContent {
	padding: 30px 35px;
}
.txtSearchSummary {
	font-weight: bold;
}
#progressbar {
	border: 2px solid #DDDDDD;	
}
.stopBtn {
	margin-top:20px; 
	text-align:center;
}
.logoWait {
	width:100px; 
	vertical-align: middle;
}
.logoWait img {
	max-width: 90px;
}
.timerZone {
	text-align: center; 
	color: #8E8E8E;
	margin-top: 30px;
}
input.timerValue {
	border: 0px; 
	width: 20px; 
	background: none; 
	color:#214A71;
}
.pictureZone {
	margin-top: 10px;
}
/********** FIN WAIT *************/

/*********************************************************
 Classes de style
 **********************************************************/
li.resultMealPlans,ul.resultMealPlans {
	list-style-type: disc;
	list-style-position: outside;
	line-height: 12px;
}

input.inputText {
/* 	width: 100%; */
	min-width: 150px;
}

input.otherInputText {
	width: 180px;
}

input.largeInputText {
	width: 300px;
}

.note {
	font-style: italic;
	font-size: 12px;
	display: block;
    margin: 10px 0;
    color: #888 !important;
}
.note a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
.note a:hover, .note a:focus {
	text-decoration: none;	
}

.boldNote {
	font-style: italic;
	font-size: 12px;
/* 	font-weight: bold; */
	padding: 8px 0px 0px 0px;
}

.error {
	color: #cc0000;
	font-style: normal;
	/*font-size: 14px;*/
	font-size: 13px;
	font-weight: bold;
	padding: 10px;
}

.littleError {
	color: #ff0000 !important;
	font-style: normal;
	font-size: 13px;
	font-weight: bold;
	text-transform: none !important;
}
.popin_erreur {
	position: absolute;
	width: 200px;
	border: 1px solid #ff0000;
	padding: 5px;
	text-align: center;
	color: #ff0000;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	background: #fff;
	z-index: 200;
	margin-top: 6px;
	left: 9px;
	top: 100%;
}
.popin_erreur:before {
  	content: '';
  	display: block;
  	position: absolute;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 0 8px 8px 8px;
  	border-color: transparent transparent #ff0000 transparent;
  	top: -8px;
  	left: 5%;
}
.popin_erreur:after {
  	content: '';
  	display: block;
  	position: absolute;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 0 8px 8px 8px;
  	border-color: transparent transparent #ffffff transparent;
  	top: -6px;
  	left: 5%;
  	z-index: 9002;
}
.regError {
	color: orange;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
}

.importantMsg {
	color: #ff0000;
	font-style: normal;
/* 	font-size: 11px; */
	font-weight: bold;
}

.inputButton {
	background-color: #cccccc;
	border: groove;
	border-width: 2px;
	border-color: #cccccc;
	text-align: center;
	padding: 1px 3px 1px 3px;
	cursor: pointer;
}

.inputButtonMoreInformations {
	background-color: transparent;
	border-style: none;
	text-align: center;
	color: #1D829E;
	font-size: 11px;
	padding: 1px 3px 1px 3px;
	cursor: pointer;
}

.littleFont {
	font-size: 9px;
}


div.italic {
	font-style: italic;
	font-size: 11px;
}
.titleHotelName {
	color: #555;
	font-size: 18px;
	font-weight: bold;
}

/* DEBUT classe div pour les blocs occupant la globalit� de la partie "contenu" des pages */
div.largeRow {
	clear: both;
	font-size: 12px;
	text-align: right;
}

div.largeRow span.inputLabel {
	float: left;
	margin: 2px 4px 0px 0px;
	padding: 2px;
	text-align: right;
}

div.largeRow span.inputField {
	color: #333333;
	float: left;
	margin: 2px 4px 0px 0px;
	padding: 2px;
	text-align: left;
	vertical-align: text-top;
}

div.largeRow span.inputAlineaLabel {
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 2px;
	text-align: left;
	vertical-align: text-top;
}

/* FIN classe div pour les blocs occupant la globalit� de la partie "contenu" des pages */
/* DEBUT classe div pour le formulaire de recherche dans la left zone */
div.mediumRow {
	clear: both;
	font-size: 12px;
	padding: 2px 0px;
	text-align: center;
}

div.mediumRow span.inputLabel {
	padding-right: 2px;
	padding-left: 2px;
	float: left;
	padding-bottom: 2px;
	margin: 2px 4px 0px 0px;
	padding-top: 2px;
	text-align: right
}

div.mediumRow span.inputLabelLeft {
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	padding-bottom: 2px;
	margin: 2px 4px 0px 0px;
	padding-top: 2px;
	text-align: left
}

div.mediumRow span.inputSmallLabelLeft {
	padding-right: 2px;
	padding-left: 2px;
	float: left;
	padding-bottom: 2px;
	margin: 2px 4px 0px 0px;
	padding-top: 2px;
	text-align: left;
	font-size: 9px;
}

div.mediumRow span.inputField {
	padding-right: 2px;
	padding-left: 2px;
	float: left;
	padding-bottom: 2px;
	margin: 2px 4px 0px 0px;
	vertical-align: text-top;
	padding-top: 2px;
	text-align: left
}

div.mediumRow span.inputAlineaLabel {
	padding-right: 2px;
	padding-left: 2px;
	float: left;
	padding-bottom: 2px;
	margin: 0px 0px 0px 20px;
	vertical-align: text-top;
	padding-top: 2px;
	text-align: left
}

.searchLabelLeft {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

/* FIN classe div pour le formulaire de recherche dans la left zone */
td.columnCell input.mandatory {
	background-color: #ffaaaa;
	color: #ff0000;
}

td.listTitle {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	vertical-align: bottom;
}

td.selectedResultTitle {
	font-weight: bold;
	/*color: #214A71;*/
	color: #fff;
	vertical-align: middle;
	/*height: 50px;*/
}

div.normal {
	color: #333333;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
}

a.standard,a.standard:visited,a.standard:active,span.standard {
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
}

span.standardBold {
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}

table.listHeader {
	width: 100%;
	padding: 6px 2px;
}
tr.listHeaderHotelName {
	border-style: solid;
	border-width: 3px;
	border-color: #666;
	background: #666;
}
/* .listHeaderHotelName p  { */
/* 	margin: 0; */
/* } */
span.hotelNumberEnabled, span.hotelNumberDisabled {
	height: 32px;
	line-height: 25px;
	width: 32px;
	color: #999;
	text-align: center;
	display: block;
}
span.hotelNumberEnabled {
	background: url("/customization/images/marker/hotel/default/picto_hotel.png");
	text-shadow: none;
	font-size: 11px;
}
span.hotelNumberDisabled {
	background: url("/images/marker/hotel/disabled/picto_hotel.png");
	text-shadow: none;
	font-size: 11px;
}
.hotelNameP {
	line-height: 17px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	margin-bottom: 5px;
	width: calc(100% - 100px);
}
td.hotelStatus {
	padding: 0 0 5px;	
}
div.hotelStatusDiv {
	background: none repeat scroll 0 0 #E8E8E8;
    border-color: #D5D5D5 #EFEFEF;
    border-radius: 0 0 5px 5px;
    border-style: solid;
    border-width: 1px 0;
    font-size: 10px;
    height: auto;
    line-height: 26px;
    margin: 0 3px;	
    padding-left: 5px;
}
span.bestInfosDiv {
	display: inline-block;
	margin: 0 0 0 30px;	
}
p.bestHotel, p.bestPrice {
	height: 20px;	
	font-weight: bold;
	margin: 1px 0 0;
	text-shadow: 1px 1px 0 #E0E0E0;
	color: #555;
	border: 1px solid #F1F1F1;
	background-color: #ccc;
	border-radius: 7px;
	line-height: 22px;
}
p.bestHotel, p.bestPrice {
	background-image: url("/images/item-type-accom.png");
	background-position: 3px center;
	background-repeat: no-repeat;
	padding: 0 6px 2px 28px;
}
p.bestHotel {
 	background-image: url("/images/item-type-accom.png");
}
p.bestPrice {
 	background-image: url("/images/picto_best_price.png");
}
div.hotelPromotion {
    font-weight: bold;
    color: #88bd57;
}
td.columnHeaderLight {
	background-color: #f7f7f7;
    color: #8e8e8e;
   	padding: 10px 5px;
    margin: 2px;
    font-size: 12px;
    text-align: center;
}
.rowHeader {
	border-bottom: 3px solid #fff;
}

.columnHeader {
	background-color: #f5f5f5;
	margin: 2px;
	padding: 10px 5px;
	font-size: 12px;
    font-weight: bold;
/* 	text-align: center; */
	color: #8e8e8e;
}
tr.agencyUserRow:hover, tr:hover {
    background: rgba(247,247,247, 0.7);
}
tr.groupByTr {
	background: #ffffff;
}
#markups .columnHeader, #dynamicMarkups .columnHeader, #citySearchRadius .columnHeader {
	background-color: #b0b0b0;
	color: #ffffff;
}
#markups td, #dynamicMarkups td, #citySearchRadius td {
	vertical-align:top
}
.columnHeader.totalPrice {
	text-align: right;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
}
.columnHeader.refBookingTd {
	font-size: 14px;
}
.columnHeaderRoom {
	margin: 2px;
	padding: 20px 0px 10px 0px;
	text-transform: uppercase;
	font-size: 13px;
    font-weight: bold;
	text-align: left;
	color: #333333;
	width: 20%;
}
.titleRowRoom {
  	font-weight: bold;
  	font-size: 13px;
  	padding: 5px 0;
  	text-align: left;
}
.columnCellRoom {
	font-size: 13px;
	color: #8e8e8e;
	padding: 10px 2px;
  	text-align: left;
}
td.columnCell {
	padding: 15px 2px;
	font-size: 11px;
	text-align: center;
}
.bookingHistoriesTable .possibilityTable {
	margin-bottom: 15px;
}
.bookingHistoriesTable td.columnCell , .bookingHistoriesTable td.columnHeader {
	text-align: left;
	font-size: 14px;
}

td.boldMediumTextColumnCell, div.boldMediumTextColumnCell {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}
.roomRepartDiv .columnHeader, .childrenAgeDiv .columnHeader {
	background: none;
}
.greenText, span.greenText {
	font-size: 14px;
	color: #00a651;
}
.redText, span.redText {
	font-size: 14px;
	color: #BD0231;
}
.orangeText, span.orangeText {
	font-size: 14px;
	color: #b45f06;
}
a.redText {
	color: #BD0231 !important;
}
td.redTextCell, span.redTextCell {
	font-size: 12px;
	color: #BD0231;
	font-weight: bold;
}
td.redBackgroundCell, div.redBackgroundCell {
	background-color: #8EC5DB;
	font-size: 13px;
	text-align: center;
	color: #ffffff;
	height: 30px;
	font-weight: bold;
}

td.blueBackgroundCell {
	background-color: #214A71;
	font-size: 13px;
	text-align: center;
	color: #ffffff;
	height: 30px;
	font-weight: bold;
}
td.leftAlignColumnHeader {
	background-color: #214A71;
	margin: 2px;
	padding: 2px;
	font-size: 13px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
}
td.rightAlignColumnHeader {
	background-color: #214A71;
	margin: 2px;
	padding: 2px;
	font-size: 13px;
	text-align: right;
	color: #ffffff;
	font-weight: bold;
}

td.leftAlignColumnHeaderLight {
	color: #555;
	margin: 2px;
	padding: 2px;
	font-size: 13px;
	text-align: left;
	font-weight: bold;
}
td.rightAlignColumnHeaderLight {
	color: #fff;
	margin: 2px;
	padding: 2px;
	font-size: 13px;
	text-align: right;
	font-weight: bold;
}

td.leftAlignColumnSubtitle {
	margin: 2px;
	padding: 2px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}

td.leftAlignColumnCell {
	padding: 2px;
	font-size: 11px;
	text-align: left;
}

td.leftZone {
	vertical-align: top;
	width: 250px;
	min-height: 800px;
}

td.centerZone {
	vertical-align: top;
/* 	text-align: center; */
	margin: 0px;
	padding: 0px;
	min-height: 800px;
}

td.iconsColumn {
	text-align: center;
	width: 30px;
	padding: 2px;
}

td.welcomeLabel {
	font-size: 11px;
	font-weight: bold;
	color: #214A71;
}

td.smallWelcomeLabel {
	font-size: 9px;
	color: #333333;
	font-weight: normal;
}
a.hotelImgLink {
	display: block;
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 100%;
}
img.wait {
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-style: none;
}
span.blueSmall,div.blueSmall,ul.blueSmall {
	font-size: 9px;
	color: #777;
}

span.blueStandard,div.blueStandard,ul.blueStandard {
	font-size: 10px;
	color: #777;
}

span.blueBold,div.blueBold,ul.blueBold {
	color: #777;
	font-weight: bold;
	font-size: 10px;
}

div.blueBoldAcc {
	text-align: left;
	color: #777;
	font-weight: bold;
	font-size: 10px;
	padding: 20px 0px 10px 0px;
	width: 466px;
}

span.pinkBold, div.pinkBold, ul.pinkBold {
	color: #8EC5DB;
	font-weight: bold;
	font-size: 10px;
}

span.city, div.city {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
}
div.description {
	text-align: justify;
	font-size: 10px;
	min-height: 120px;
	display: block;
}

table.compact {
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
}

table.headerBookingDesc {
	border-spacing: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #214A71;
	width: 100%;
}

div.locationDesc {
	font-size: 10px;
	color: #214A71;
	margin: 2px 8px 8px 0px;
	font-weight: bold;
}
.hotelInfosBloc {
	margin: 10px 0 10px;	
}
.labelRque {
	font-weight: bold;
	text-align: justify;
}
.htlTitleDescription {
	font-size: 14px;
	font-weight: bold;
	color: #777777;
}
span.listTotalPrice {
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	text-transform: uppercase;
}
.possibilityPriceInfoTitle {
	position: absolute;
	right: 0;
	background-color: #fff;
	border: 1px solid #214A71;
	color: #888;
	z-index: 1000;
	padding: 5px;
  	font-size: 12px;
}
span.selectedResultTotalPrice {
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	margin: 2px 0px 2px 2px;
	text-align: right;
	vertical-align: bottom;
}
.spanGris {
	color: #555555;
}
span.rackPrice {
	font-weight: bold;
	font-size: 14px;
	color: #333333;
	margin: 2px 2px 2px 2px;
}

span.netPrice {
	font-weight: bold;
	font-size: 11px;
	color: #333333;
}

span.listPerRoomPrice {
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
}

span.perRoomPriceListColor {
	font-size: 10px;
	white-space: nowrap;
}

span.selectedResultPerRoomPrice {
	font-weight: normal;
	font-size: 10px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
#flightPriceTitle span.selectedResultPerRoomPrice {
	color: #fff;
}

div.bookingButtonContainer {
	text-align: right;
	vertical-align: bottom;
	height: 80%;
}

td.small,div.small,span.small {
	font-size: 9px;
}

div.small,span.smallBlack {
	font-size: 9px;
	color: #333333;
	font-weight: normal;
}

img.sortImage {
	background-color: #ccc;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-style: none;
}

.checkbox {
	vertical-align: middle;
	border-width: 0px;
	border: none;
	background-color: transparent;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.bookingReferenceDiv {
	background-color: #aa0000;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
}

span.pink {
	color: #8EC5DB;
}

a.pink {
	color: #8EC5DB;
}
.hotelStatusDiv div.onRequest, .hotelStatusDiv div.available, .hotelStatusDiv div.emptyOnRequestBlock {
	/*width: 120px;*/
	background: none;
	float: right;	
	font-weight: bold;
	border-style: none;
	padding: 0 5px 0 0;
	text-align: right;
}
.onRequest {
	color: #FF9103;
}

.available {
	color: #10A048;
}

.hotelAvailibility {
/* 	position: absolute; */
/*     right: 10px; */
/*     top: 10px; */
	color: #fff;
    font-size: 12px;
    padding: 1px 10px;
    border-radius: 10px;
    font-weight: bold;
} 
.hotelAvailibility.onRequest {
	background-color: #FF9103;
	color: #fff;
}

.hotelAvailibility.available {
	color: #fff;
	background-color: #10A048;
}
.onRequestMap  {
	text-align: right;
}
.onRequestMap .hotelAvailibility  {
	position: static;
}
span.emptyOnRequestBlock {
	color: white;
}
/* booking score */
.ratingScore {
	font-size: 14px;
    font-weight: bold;
}
/* .ratingNote { */
/* 	color: #E6077C; */
/* } */
.ratingInformation {
	margin-top: 10px;
}


/* D�but styles encadr� resum� d'un h�tel dans listing h�tels */

div.hotelResultBlock {
	margin: 0 0 30px;
}
div.hotelResumeBlock {
	position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
}
div.hotelResumeContent {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 0px;
	height: 100%;
}
.flexWrap {
	display: flex;
    flex-direction: row;
/*     justify-content: space-between; */
    justify-content: flex-start;
}
.hotelDetails {
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	background : url("/images/lien_details.png") no-repeat center center #e8e8e8;
	opacity: 0;
	transition : opacity 0.5s;
	-webkit-transition : opacity 0.5s;
	border-radius: 0 0 8px;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	visibility: hidden; /* IE */
}
a.hotelImgLink:hover .hotelDetails, a.hotelImgLink:focus .hotelDetails {
	opacity: 0.8;
	visibility: visible; /* IE */
}
a.hotelMapLink:hover, a.hotelMapLink:focus {
}

.contractRemarkStyle p {
	position: relative;
	border-radius: 3px;
  	background-color: #f0f0f0;
  	padding: 6px 10px;
  	font-size: 12px;
  	font-weight: normal;
  	color: #333333;	
  	margin-top: 15px;
  	margin-bottom: 10px;
}
.contractRemarkStyle span {
	position: absolute;
    color: #2196f3;
    top: -10px;
    left: -5px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #f0f0f0;
    padding: 4px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 13px;
}
div.hotelResumeAvailibilityBlock {
	float: right;
	width: 170px;
	margin-left: 1em;
}
td.hotelDescriptionsTd {
	vertical-align: top;
	padding: 0;
}
td.hotelBtnBookTd {
	width: 140px;
}
div.hotelResumeShortDescBlock {
	text-align: justify;
	font-size: 12px;
	padding: 0;
	color: #777;
	margin-top: 5px;
}
div.hotelResumeShortDescBlock p {
    margin: 0;
}

div.hotelResumeMealPlanTitleBlock {
	text-align: left;
	width: 100%;
	padding-top: 10px;
}

div.hotelResumeMealPlanContentBlock {
	text-align: left;
	width: 100%;
	font-size: 10px;
	padding-top: 10px;
}

div.hotelResumeFacilitiesBlock,img.facility {
	margin: 3px 0;
}

div.hotelResumeBookingButtonBlock {
	margin: 5px 0 0;
}
/* Fin styles encadr� resum� d'un h�tel dans listing h�tels */

/* COMPLEMENT Styles concernant le conteneur de description de l'hotel (hotel-description.htm) -------------------- */
.hotelDescPictureBlock {
	float: left;
}
.hotelDescInfoBlock {
	display: inline-block;
}
/* DEBUT Styles concernant les conteneurs de possibilities (r�sultats de recherche) -------------------- */
.hotelPossibilityRoomDiv {
	padding: 10px;
	position: relative;
}
    
.hotelPossibilityRoomDiv.active {
	background-color: #f0f0f0;
}
.hotelPossibilityRoomDiv .containerBtnBook {
	text-align: right;
}
table.possibilityTable {
	width: 100%;
	border-color: #214A71;
	border-right-style: solid;
	border-right-width: 0px;
	border-left-style: solid;
	border-left-width: 0px;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-top-width: 0px;
	clear: both;
	padding: 2px 2px 2px 2px;
	border-collapse: collapse;
}

tr.selectedPossibility {
	visibility: visible;
}

tr.notSelectedPossibility {
	display: none;
	visibility: hidden;
}
tr.separatorTr, .separatorTr {
	background: #fff;
	font-size: 2px;
}
tr.hideRow {
	display: none!important;
	visibility: hidden!important;
}
tr.amendmentPossibility  {
	background-color: #eaeaea;
	cursor: pointer;
}

tr.amendmentPossibility:HOVER {
 	background-color: #ddd;
}

td.possibilityLogoSupplier {
	padding: 0;
}
td.radioBtnTd {
   width: 120px;
}
.possibilityRoomPlanColumn, .firstPossibilityRoomPlanColumn {
	border-top-color: #214A71;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	padding: 0;
	margin: 0;
}

.possibilityColumn {
	text-align: center;
	font-size: 9px;
	border-bottom-color: #214A71;
	border-bottom-width: 0px;
	border-top-color: #214A71;
	border-top-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
}

.noSpaceRightTd {
	width: 1px;
	white-space: nowrap;
	padding-left: 5px;
	
}
.noSpaceLeftTd {
	width: 1px;
	white-space: nowrap;
	padding-right: 5px;
}

.noMarginBottom {
	margin: 0px;
}
.noPicOnleft {
	width: inherit!important;
}
.packageFolder {
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #FFFFFF;
    margin-top: 10px;
    padding: 1em 1.4em;
}
.textLeftFloat {
	text-align: left!important;
}
.radioBtnTd input[type="radio"] {
	display: inline-block;
}
td.possibilityCancelfees {
	text-align: center;
	color: #888;
	padding: 0;
}
td.possibilityCancelfees fieldset {
	text-align: left;
}
td.possibilityCancelfees fieldset legend {
	font-size: 10px;
	color: #555555;
}
td.possibilityMarginBottom {
	height: 2px;
	padding: 0;
}
td.noBorderCancelFeesTd {
	padding: 0;	
}

td.nowrap, div.noWrap, span.noWrap {
	white-space: nowrap;
}
.possibilityColumnTitle, .listPerRoomPrice, .extrabed {
	display: inline-block;
	max-width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
	vertical-align: middle;
}
.extrabed {
	color: #777;
	font-weight: normal;
	font-size: 10px;
	margin: 0 5px 0 0;
	white-space: nowrap;
}
.picto.possibilityMealPlanLabel{
	color: #666666;
	font-size: 24px;
	display: inline-block;
	cursor: help;
}

.possibilityTable span.listPerRoomPrice {
	color: #888;
    font-size: 14px;
    white-space: nowrap;
    width: 130px;
    text-align: right;
}
td.possibilityInfos {
	width: 250px;
/* 	padding-top: 10px; */
}
table.priceStatusTable, td.priceStatusTd {
	text-align: right;	
}
.possibilityPrice {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	cursor: help;
}
.possibilityOnRequestStatus {
	display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.promoPictoTd {
	vertical-align: top;
	padding-right: 5px;
}
img.promoPicto {
	cursor: help;
}
#resultslistingformapcontainer a.current, a.CGVLink {
	color: #FFF;
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin: 2px 0 4px;
    padding: 0 5px;
    white-space: nowrap;
    width: auto;
	background: #a5a5a5;
	border-radius: 4px;
}
#resultslistingformapcontainer a.current:hover, #resultslistingformapcontainer a.current:focus, a.CGVLink:hover, a.CGVLink:focus {
	background: #ccc;
	color: #333333;	
}
#resultslistingformapcontainer a.current {
	margin: 0 0 0 2px;	
}
.availableClass {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	cursor: help;
}
.onRequestLittle {
	background-color: #FF9103;
}

.availableLittle {
	background-color: #10A048;
}
.racInfo {
	display: inline-block;
    vertical-align: middle;
	font-size: 14px;
  	font-weight: normal;
  	font-style: italic;
  	color: #333;
}
a.seeOthersLink {
    display: inline-block;
    line-height: 16px;
    font-size: 12px;
    vertical-align: bottom;
    padding: 20px 0;
    text-decoration: underline;
}
a.seeOthersLink:focus, a.seeOthersLink:hover {
	text-decoration: none;
	color: #2D5880;
}
a.seeOthersLinkTop {
	visibility: hidden;
	display: none;
}

div.seeOthersLinkParent {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	margin: 0;
	text-align: center;
}
.seeOthersLinkParent .picto-plus, .seeOthersLinkParent .picto-moins {
	vertical-align: sub;
}
div.seeOthersLinkParentBottom {
	height: 22px;	
}

td.seeOthersLinkCell {
	vertical-align: middle;
	text-align: right;
	border: none;
	padding: 0;
}

td.firstCellInRow {
	border-bottom-color: #214A71;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-color: #214A71;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #214A71;
	border-right-style: solid;
	border-right-width: 0px;
	border-left-color: #214A71;
	border-left-style: solid;
	border-left-width: 1px;
}

div.vSep {
	height: 30px;
}

.errorBox {
	color: red;
}

/* ----------------- FIN Styles concernant les conteneurs de possibilities (r�sultats de recherche) -------------------- */
#pictureViewerZone {
	display: none;
	visibility: hidden;
	background-color: white;
	text-align: center;
	position: absolute;
	top: 120px;
	left: 5px;
	z-index: 20;
}

#statisticSentClass {
	font-style: normal;
	font-size: 14px;
	margin: 10px;
	width: 300px;
	vertical-align: middle;
	text-align: center;
}

/* paragraphe du formulaire recherche par adresse */
#formulaireAdresse td {
	text-align: left;
	color: #0098A1;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

.cityList {
	text-align: right;
	float: right;
}

.firstcolumn {
	width: 35%;
}

input.city {
	width: 80%;
}

input.address {
	width: 80%;
}

.selectAdrLeft {
	width: 155px;
}

.cityAdrLeft {
	width: 100%;
}

.addressAdrLeft {
	width: 100%;
}

.zipCodeAdrLeft {
	width: 60px;
}

select.countryCodeAdrForLeft {
	width: 200px;
}

div#hotelsearchcriteria {
	clear: both;
}

/* ************************************************************************ */
/* FIN styles pour le type de recherche d'hotels (Ville ou POI | Adresse)   */
/* ************************************************************************ */
.onglet { /* style des onglets inactifs */
	margin: 5px 5px 0px 20px; /* marge exterieure */
	padding: 11px 10px 0px 10px; /* marge interieure */
	font-size: 16px; /* taille de la police des onglets */
	width: 100px; /* largeur de la boite float */
	background: url(/images/onglet.gif) bottom no-repeat;
	/* image de fond de la boite float, calee en bas */
	text-decoration: none;
	/* les lien dans les onglets ne sont pas soulignes */
	text-align: center; /* Le texte des onglets est centre */
}

a.onglet:hover {
	color: #214A71;
	/*     font-weight: bold; */
}

/* ******************************************************************* */
/* DEBUT affichage des r�sultats de recherche - onglet : Liste | Carte */
/* ******************************************************************* */
#resultsfeaturesresume {
	color: #214A71;
	font-size: 16px;
	line-height: 24px;
	margin-top: 30px;
}
#sortingLinks {
	margin: 0 0 10px;	
}
#sortingLinks td {
	text-align: center;
}
.paginationBloc {
	width: 100%;
	padding: 5px;
	margin:	0 0 10px;	
}
.paginationBloc select {
	vertical-align: middle;
}

fieldset.keeplayout {
	border: none;
	padding: 0px;
	margin: 1px;
	margin: 20px 0 0;
}

table.resultslistingformap {
	border-collapse: collapse;
	margin-bottom: 10px;
	color: #555555;
	width: 100%;
}

table.resultslistingformap tr.pair {
	background-color: white;
	height: 40px;
	cursor: pointer;
}

table.resultslistingformap tr.unpair {
	background-color: #E1EEF5;
	height: 40px;
	cursor: pointer;
}

table.resultslistingformap tr.current {
	background-color: #74C1EC;
	color: white;
	height: 40px;
	cursor: pointer;
}

table.resultslistingformap td {
	color: #555555;
}

table.resultslistingformap div.showcategory {
	float: right;
	color: #8EC5DB;
	text-decoration: underline;
}

table.resultslistingformap div.hidecategory {
	float: right;
	color: #8EC5DB;
	text-decoration: underline;
}

table.resultslistingformap div.bookhotel {
	float: right;
	padding-top: 3px;
}

tr.current td {
	color: white;
}

table.resultslistingformap td {
	text-align: center;
}

table.resultslistingformap td.star,table.resultslistingformap td.hotelname
	{
	text-align: left;
}

table.resultslistingformap td.price {
	text-align: right;
}

table.resultslistingformap tr.categoriesline {
	background-color: #F7F7F7;
}

table.resultslistingformap a,table.resultslistingformap a:hover,table.resultslistingformap a:focus,table.resultslistingformap a:visited{
	color: #8EC5DB;
	text-decoration: underline;
}

table.categories {
	width: 100%;
	border-collapse: collapse;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #214A71;
}

table.categories tr {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #214A71;
}

table.categories td {
	width: 10%;
}

table.categories td.fulllabel {
	width: 50%;
	text-align: left;
}

table.categories td.available {
	color: #214A71;
}

table.categories td.ondemand {
	color: #8EC5DB;
}

/* d�but surcharge des styles existants */
table.categories div.possibilityMealPlanLabel {
	
}

table.categories td.possibilityRoomPlanColumn {
	border: none;
}

table.categories td.possibilityColumn {
	border: none;
}

table.categories div.possibilityPrice {
	width: 100%;
}

table.categories {
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
	width: 65px;
}

/* fin surcharge des styles existants */
img#hotelsmap {
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid black;
}

.resultsbypage {
	float: left;
	font-size: 1em;
	color: #214A71;
}

img#hotelsmap {
	max-width: 650px;
}

/* ******************************************************************* */
/* FIN affichage des r�sultats de recherche - onglet : Liste | Carte   */
/* ******************************************************************* */
div.amendmentPossibilityTotalPrice {
	font-size: 12px;
	font-weight: bold;
}

span.amendmentPossibilityRoomDescription {
	font-size: 13px;
	color: #0098A1;
}

div.amendmentTitle {
	font-size: 15px;
	color: #0098A1;
	font-weight: bold;
}

td.amendmentPossibilityColumn {
	vertical-align: middle;
	text-align: center;
}

td.amendmentPossibilityRadioColumn {
	vertical-align: middle;
	text-align: center;
	min-width: 50px;
	white-space: nowrap;
	padding: 4px;
	/*border:solid 1px black;*/
}


span.amendmentPossibilityRoomDescription {
	font-size: 13px;
	color: #214A71;
}

.resultCommand {
	width: 25%;
}

/* ******************************************************************* */
/* Liste Cities  */
/* ******************************************************************* */
.listingCities {
	text-align: left;
}

.countryTitle {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

.pair {
	background-color: #eee;
	cursor: pointer;
	text-align: left;
}

.unpair {
	background-color: white;
	cursor: pointer;
	text-align: left;
}

.citiesTable a,.citiesTable a:visited {
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

.citiesTable td {
	height: 35px;
	max-width: 20%;
	width: 124px;
}

.recentre {
	font-size: 12px;
	text-align: center;
	color: #8EC5DB;
}

.possibilitySupplierIconInfoMap {
	/*border: 1px solid #214A71;*/
	border: 2px solid #FFFFFF;
}

/* ----------------------------- */
/*      Boutons affichage des resultats   */
/* ----------------------------- */
div.view-results-in-list-btn-container {
	background: url(/images/btn_view_results_in_list.png) no-repeat top;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-top: -8px;
	padding-top: 12px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	width: 100%;
}

a.a-view-results-in-list {
	color: #00A0D0;
	font-size: 1em;
	display: block;
}

div.view-results-in-map-btn-container {
	background: url(/images/btn_view_results_in_map.png) no-repeat top;
	text-align: center;
	height: 38px;
	line-height: 38px;
	margin-top: -8px;
	padding-top: 12px;
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	width: 100%;
}

a.a-view-results-in-map {
	color: #00A0D0;
	font-size: 1em;
	display: block;
}

.poiCible {
	cursor: pointer;
}

.triAgencies {
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
}

.tdAgencies {
	border: 1px solid #214A71;
}

/*******************************************************************************************************************/
/* VOL */
table.flightResultTable {
	margin-top: 10px;
	border-collapse: separate;
	border-spacing: 3px;
}

table.flightResultTableSelected { 
	background-color: #EFF6FF;
	display: block;
	border-collapse: separate;
	border-style: solid;
	border-width: 1px;
	border-spacing: 3px;
	border-color: #f99;
}

tr.resultContent1 {
	height: 30px;
	vertical-align: middle;
	border-width: 1px;
	border-color: #fff;
}

tr.resultHeaderSelected, tr.resultHeaderSelected td {
	border-color: #C1D9E4;
	background-color: #C1D9E4;
	color: #fff;
	font-size: 10px;
	vertical-align: middle;
	padding: 2px 3px 2px 3px;
}

tr.resultHeader, tr.selectedFlightDescTr {
	border-color: #214A71;
	border: 3px solid #214A71;
}

.styleNeutre {
	background: #555;
	border: 3px solid #555;
}
.styleNeutre td {
	color: #ffffff!important;
}

tr.resultHeader td {
	color: #fff;
	font-size: 10px;
	vertical-align: middle;
	padding: 2px 3px 2px 3px;
}

tr.resultContent2 {
	padding: 8px 4px 8px 4px;
	height: 30px;
	vertical-align: middle;
	border-width: 1px;
	border-color: #fff;
}

.resultFlightSearchLegend {
	color: #918470;
}

#flightBoardFrameDiv {
    width: auto !important;
}

table.defaultBackgroundedTable {
	padding: 6px 0px 6px 0px;
	width: 100%;
}

.columnHeaderGoAndBack {
	font-weight: bold;
	padding: 4px;
  	text-transform: uppercase;
    color: #214a71;
    font-size: 16px;
}
.columnHeaderGoAndBack > .picto {
	margin-right: 20px;
}

td.selectedFlightResultColumnHeader {
	color: #555;
    font-size: 11px;
    font-weight: bold;
	margin: 2px;
	padding: 1px 2px 1px 2px;
	text-align: left;
}
td.flightDesc, td.accomDesc {
	color: #214a71;
}
td.flightResultBlockCell {
	text-align: center;
	color: #333;
	font-size: 9px;
	vertical-align: middle;
}

td.flightResultBlockColumnHeader {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
    color: #777777;
}

.resultHeaderPrice {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	color: #214A71;
}

/* --------------------- debut recapitulatif--------------------------*/
.frame {
	background-color: #F5F5F5;
}

.subFrame {
	width: 675px;
	height: 150px;
	background-color: #F5F5F5;
	border-collapse: collapse;
	overflow: auto;
}

.recapResultFilter {
	background-color: #FDDCC7;
	height: 22px;
	font-size: 10px;
	color: #fff;
	width: 102px;
	white-space: nowrap;
	vertical-align: middle;
}

.companyResultTable {
/* 	width: 12%; */
	border-style: solid;
	border-collapse: collapse;
	border-width: 0;
	float: left;
	/*margin-left: 1px;*/
}

.companyResultCell {
	border-style: solid;
	border-width: 1px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 12%;
	height: 40px;
	background: #f7f7f7;
    border-color: #fff;
}

.companyResultCell,.companyResultCell a {
	font-size: 12px;
}

.companyResultheader {
	color: #333333;
    font-size: 12px;
	border-style: solid;
	border-width: 2px;
	background-color: #f7f7f7;
	border-color: #fff;
	padding: 5px;
	width: 16%;
	white-space: nowrap;
	text-align: center;
	height: 40px;
}
.companyResultheader a {
	color: #333333;
}
.flightTypeTable {
	width: 170px;
}
.flightTypelabel {
	color: #214A71;
	text-transform: uppercase;
}
.flightCompanyImg {
	width: auto;
  	max-height: 26px;
}
.blocTitleDiv .highlight {
	font-size: 12px;
  	color: #333333;
  	font-weight: normal;
 }
.rmInputText {
	width: 300px;
}

.leftPartDesc {
	vertical-align: top;
	text-align: right;
	width: 120px;
}

table.flightDescTable,table.accomDescTable {
	background-color: #214A71;
	border-collapse: collapse;
	border: solid 3px #214A71
}

tr.flightDescTr,tr.accomDescTr {
	background-color: #214A71;
}

td.flightDesc,td.accomDesc {
	color: #214a71;
}
.flightTextInfos {
	color: #555;
}

table.selectedFlightDescTable,table.selectedAccomDescTable {
	border-collapse: collapse;
	border: none 0px;
	color: #214A71;
	width: 100%;
	margin: 20px 0;
}

fieldset.packageSelectionFieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}
.packageSelectionFieldset fieldset {
	margin: 0 0 15px;
}
.thumbnailsUl {
	border-radius: 0 !important;	
}
a.accomThumbnail, a.flightThumbnail, a.transferThumbnail {
	background-position: 3px center;
	background-repeat: no-repeat;
	padding: 0.7em 1em 0.7em 28px !important;
	color: #777777 !important;
    font-size: 12px;
    font-weight: bold;	
}
a.accomThumbnail {
	background-image: url("/customization/images/item-type-accom.png");
}
a.flightThumbnail {
	background-image: url("/customization/images/item-type-flight.png");
}
a.transferThumbnail {
	background-image: url("/customization/images/item-type-transfer.png");
}
.informationStyle {
	color: #333333;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;	
}
.packageSelectionTitleLight {
	font-size: 18px;
	font-weight: bold;
	color: #214A71;
	height: 25px;
	margin: 0;
	text-transform: uppercase;
}
.totalTripDateDiv {
 	margin: 0 0 5px;
 	color: #214A71;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #F5F5F5;                 
}                

img.selectionAccomPicture {
	height: 60px;
}

td.selectionColumnHeaderGoAndBack {
	font-size: 11px;
	font-weight: bold;
	color: #214A71;
	text-align: center;
	background-color: #ffffff;
	padding: 4px;
}

img.bannerClass {
	cursor: pointer;
	width: 1024px;
	color: #2779AA;
	border-bottom: 5px solid #8EC5DB;
}
#clientAccountsDiv {
	width: 100%;
	overflow: auto;
}
#selectedClientAccountNumber {
	width: 150px;
}

div.infoMsg {
	border: 2px solid #315AB0;
	color: #315AB0;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	min-width: 30px;
	padding: 5px 2px 5px 10px;
	text-align: center;
	vertical-align: top;
}

div.warningMsg {
	border: 2px solid #ff0000;
	color: #ff0000;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	margin: 5px 0;
	min-width: 30px;
	padding: 5px 2px 5px 10px;
	text-align: center;
	vertical-align: top;
	margin-bottom: 25px;
}

div.successMsg {
	border: 2px solid #005F00;
	color: #005F00;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	min-width: 30px;
	padding: 5px 2px 5px 10px;
	text-align: center;
	vertical-align: top;
	margin-bottom: 25px;
}

span.nowrap {
	white-space: nowrap;
	font: inherit;
	color: inherit !important;
}

.progressFinished {
	background: url(/images/pbar-ani.gif) repeat-x center !important;
}

#contactsTable {
	position: relative;
	margin: 2%;
	width: 96%;
	border-collapse: collapse;
}

#contactsTable a {
	font-weight: bold;
	font-size: 1em;
}

#contactsTable th {
	font-weight: bold;
}

#contactsTable th a {
	color: blue;
}

.ui-datepicker td {
	padding: 0px !important;
}

.ui-datepicker table {
	border-collapse: separate !important;
}

#ui-datepicker-div {
	position: relative; z-index:100;
}

/* ---------------------------------- */
/* Boc r�sultat de recherche pour map */
/* ---------------------------------- */
.mapWindowForResultsTd {
	padding: 0;
	vertical-align: top;
}
#mapWindowForResults {
	height: 470px;
	width: 100%;
	/*border: 1px solid #d5d5d5;*/
}
.hotelNameMapListSelect {
	background: #f7f7f7;
}
.hotelNameMapListSelect .ResultListMapHtlName {
	color: #214A71;
	font-weight: bold;
}

#mapWindowForSearch {
	height: 450px;
	width: 100%;
}

#mapWindowForDesc {
	height: 410px;
	width: 100%;
}

#mapWindowForAirports {
	height: 350px;
	width: 100%;
}

.maphotelname {
	color: #214A71;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
.maphotelname .hotelNameP{
	width: 100%;
}

.maphotelresume {
	max-width: 290px;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-top: 4px;
	margin-right: 10px;
}

.maphotelresume .price {
	color: #8EC5DB;
	clear: both;
	font-size: 9px;
}

.maphotelresume .price label {
	font-weight: bold;
	margin-top: 3px;
}

.maphotelresume .price label.price-average {
	color: #4BA4BC;
	font-size: 12px;
}

.maphotelresume a.onglet-actif {
	clear: both;
	margin-top: 10px;
	display: block;
	float: left;
	color: #214A71;
}

.maphotelresume div.picture {
	text-align: center;
	float: left;
	width: 30%;
}

div.picture img.thumbnail {
	max-width: 112px;
	padding-top: 3px;
}

.maphotelresume div.resume {
	margin-top: 20px;
}

div.resume h3 {
	color: #DD1773;
	font-style: italic;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}

div.resume .hotelResumeFacilitiesBlock {
	margin-top: 10px;
}

.maphotelresume a.gotolistlink {
	margin-top: 10px;
	display: block;
}

div#resultslistingformapcontainer .right-content {
	width: 100%;
}

div#resultslistingformapcontainer .right-content .details {
	width: 400px;
	margin-bottom: 0;
}

div#resultslistingformapcontainer .right-content .select-product {
	top: 20px;
	right: -5px;
}

div#resultslistingformapcontainer div.poi-div-container input {
	margin-top: -10px;
}

div#resultslistingformapcontainer {
	width: 100%;
	max-height: 470px;
	overflow: auto;
	overflow-x: hidden;
}

#displayableMap {
	height: 400px;
}

.re-center {
	position: relative;
	left: 643px;
	top: 0px;
}

.coordinatesMapDiv {
	background-color: #DDDDDD;
    height: 30px;
    line-height: 30px;
    width: 100%;
}

#resultslistingformapcontainer .available, #resultslistingformapcontainer .onRequest {
	font-size: 12px;
	font-weight: bold;
    height: 16px;
    line-height: 16px;
}

/* ----------------------------- */
/*   Picto Hotel (pour les map)  */
/* ----------------------------- */
.poi-div-container {
	background: transparent url(img/picto-hotel.png) no-repeat scroll 0 0;
	height: 19px;
	text-align: center;
	vertical-align: middle;
	width: 17px;
}

.poi-div-container-selected {
	background: transparent url(img/picto-hotel-selected.png) no-repeat
		scroll 0 0;
	height: 19px;
	text-align: center;
	vertical-align: middle;
	width: 17px;
}

.nopoi {
	font-weight: bold;
	color: white;
	position: relative;
	margin: 7px;
	top: 5px;
	text-decoration: none;
}

.hotelLabel {
	font-weight: bold;
	font-size: 10px;
	color: white;
	cursor: pointer;
	position: relative;
	top: 2px;
	left: -1px;
	text-decoration: none;
}

span.selectedLevel {
	font-size: 12px;
	margin-top: 10px;
	color: #555;
	font-weight: bold;
}

ul.tabs {
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	/*background: #214A71;*/
	width: 100%;
}

ul.tabs li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
	border-right: 1px solid #777;
}

ul.tabs li:HOVER {
	/* background: gray; */
	/*color: #8EC5DB;*/
}

ul.tabs a {
	position: relative;
	display: block;
	padding: 5px 10px;
	color: white;
	font-size: 13px;
}
.menuLinkDivContent ul.tabs a {
	padding: 10px;
}

ul.tabs a:HOVER {
	/*color: #8EC5DB;*/
}


/* dropdownClasss
*************************/
ul.dropdownClass {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 10000000000;
	top: 100%;
	width: 250px;
	display: none;
	left: 0;
}

ul.dropdownClass ul.dropdownClass {
	top: 0;
	left: 95%;
}

ul.dropdownClass li {
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}

.ul.dropdownClass li a {
	display: block;
}
/******************************** STYLE POUR LE MENU ADMINISTRATION ********************************************/
.menuLinkDivContent .adminDropdown {
	width: 300px;
}
ul.dropdown .upMenu {
	color: #ffffff;
	font-weight: 600;
	background-color: #5e5e5e;
	padding: 5px 0 5px 7px;
	font-size: 14px;
}

/*******************************************************************************************************************/
/* PACKAGE */
.selectionPackageContainerDiv {
/* 	margin: 0 0 20px; */
}
.pricesPackage {
	background: #f7f7f7;
	padding: 5px;
	margin-bottom: 20px;
}
.pricesPackage > div {
	display: inline-block;
	width: 50%;
	margin-left: -2px;
	vertical-align: middle;
}
.pricesPackage .btnBookDiv {
	text-align: right;
}
.blocTitleH2 {
	font-size: 20px;
  	font-weight: bold;
	color: #214A71;
	text-transform: uppercase;
	margin: 0;
}
.suggestionsPackage {
	border: 1px solid #ddd;
  	border-top: 0 none;
  	margin-bottom: 20px;
}
.packageSelectionFieldset .hotelResumeRightBlock {
	width: 860px;
}
#packageSelectionFlight, #packageSelection {
	margin: 5px;
	margin-top: 20px;
}
#packageSelectionFlight {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.selectionPackageContainerDiv table.selectedFlightDescTable,
.selectionPackageContainerDiv table.selectedAccomDescTable {
	margin: 10px 0;
}

/********************************************************
 * couleur dominante : #214A71
 * couleur secondaire: #E1EEF5
 ********************************************************/
img.activityLangFlag {
	height: 10px;
	margin-left: 5px;
}

div.activityResult {
	margin-top: 10px;
	border: #214A71 1px solid;
	margin-right: 4px;
}

table.activityResultTable {
	border: #214A71 1px solid;
	display: block;
	width: 100%;
	margin-right: 4px;
	border-collapse: collapse;
}

div.activityResultHeader {
	width: 100%;
	background: #214A71;
	color: white;
	text-align: left;
	text-transform: capitalize;
	font-size: 120%;
	font-weight: bold;
}

div.activityResultHeader img {
	position: relative;
	float: right;
	border: solid silver 1px;
	height: 20px;
}

div.activityResultContent {
	text-align: left;
}

div.activityResultContent div.activityResultSubHeader {
	background: #E1EEF5;
	width: 99%;
	font-weight: bold;
	padding-left: 1%;
}

div.activityResultSubHeader div.activityPriceInfo {
	float: right;
	text-align: right;
}

div.activityRackPrice,span.activityRackPrice {
	font-size: 110%;
	font-style: italic;
	cursor: help;
}

img.activityThumbnail {
	max-height: 100px;
	border: 1px;
	border-style: inset;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

div.activityResultContent div.activityResultFare {
	border: #214A71 0px solid;
	background: #E1EEF5;
	width: 99%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-top: 10px;
	margin-bottom: 0.5%;
}

div.activityResultFare div.activityResultFareHeader {
	width: 98%;
	padding-left: 1%;
}

div.activityResultFareHeaderRightPart {
	float: right;
	text-align: right;
}

span.activityAvailable {
	font-variant: small-caps;
	font-size: 12px;
	color: green;
}

span.activityOnRequest {
	font-variant: small-caps;
	font-size: 10px;
	color: #8EC5DB;
}

table#extras-mains-buttons {
	width: 100%;
}

table#extras-mains-buttons td.activities {
	width: 50%;
	text-align: center;
	padding-left: 80px;
}

table#extras-mains-buttons td.transfers {
	width: 50%;
	text-align: center;
	padding-left: 60px;
}

table#extras-mains-buttons a {
	display: block;
	background: url("/images/btn_services_type_small.png") no-repeat scroll
		left top transparent;
	width: 200px;
	height: 24px;
	padding-top: 4px;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
}

td.activities-groups {
	color: #214A71;
	font-size: 9pt;
}

td.activities-groups input {
	border: none;
}

span.activity-group-selected {
	color: #8EC5DB;
	font-size: 9pt;
}

td.languages {
	color: #062A66;
}

td.languages input {
	border: none;
}

table.extras-sorting-links {
	width: 100%;
	margin-bottom: 5px;
}

table.extras-sorting-links td {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
	vertical-align: text-top;
}

table.extras-sorting-links a {
	text-decoration: none;
}
table.activityResultTable td.sep {
	background-color: #999999;
	height: 1px;
}

table.activityResultTable tr.unpair {
	background-color: white;
}

tr.activityResultHeader {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
	width: 100%;
	padding-top: 4px;
	background-color: #999999;
}

span.activityListTotalPrice {
	font-weight: bold;
	font-size: 14px;
	margin: 2px;
	color: white;
}

table.activityResultMainInfo {
	background-color: #E1EEF5;
}

input.activityDetailsButton {
	border-right: #0098a1 2px groove;
	padding-right: 3px;
	border-top: #0098a1 2px groove;
	padding-left: 3px;
	font-size: 9px;
	padding-bottom: 1px;
	margin: 0px;
	border-left: #0098a1 2px groove;
	width: 90px;
	cursor: pointer;
	color: #ffffff;
	padding-top: 1px;
	border-bottom: #214A71 2px groove;
	background-color: #214A71;
	text-align: center
}

tr.activityResultAddLine,tr.activityResultAddLine td {
	color: black;
	font-size: 10px;
}

tr.activityResultAddLine {
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
	width: 100%;
	padding-top: 4px;
	background-color: #f5f5f5;
}

tr.activityResultAddLine td {
	padding: 2px 3px 2px 3px;
}

tr.activityResultAddLine td.price {
	padding-top: 2px;
	font-size: 8pt;
	font-style: italic;
}

tr.activityResultAddLine td.pax {
	font-size: 11px;
	font-style: italic;
}

tr.activityResultAddLine input.addButton {
	width: 90px;
	margin-top: 2px;
	background-color: #8EC5DB;
	border-color: #8EC5DB
}

fieldset.extras {
	color: #999999;
	border-color: #999999;
}

legend.extras {
	color: #999999;
}

div.activityTitle,div.littleActivityTitle {
	color: #999999;
	font-weight: bold;
	font-size: 10px;
}

div.littleActivityTitle {
	font-size: 9pt;
}

table.activityResume {
	width: 100%;
	padding-left: 3px;
	margin-top: 7px;
	margin-bottom: 7px;
	border-spacing: 0;
}

table.activityResume td.thumbnail {
	padding-left: 2px;
	padding-right: 10px;
}

table.activityResume td.thumbnail img {
	width: 100px;
}

table.activityResume td.name {
	border-top: 1px solid #999999;
	color: #999999;
	font-weight: bold;
	font-size: 9pt;
}

table.activityResume td.supplier {
	border-top: 1px solid #999999;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 0px;
}

table.activityResume td.lineResume {
	padding-right: 1px;
	font-style: italic;
}

table.activityTotalPrice {
	width: 100%;
}

table.activityTotalPrice td.totalLine {
	color: #999999;
	font-weight: bold;
}

td.activityColumnHeader {
	background-color: #BBBBBB;
	margin: 2px;
	padding: 1px 2px 1px 2px;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

td.activityLeftAlignColumnHeader {
	background-color: #BBBBBB;
	margin: 2px;
	padding: 2px;
	font-size: 13px;
	text-align: left;
	color: white;
	font-weight: bold;
}

td.activityPaxTitle {
	font-size: 12px;
	color: #BBBBBB;
	font-weight: bold;
}

table.bookViewExtraHeader {
	width: 100%;
}

table.bookViewExtraHeader td.confirmationDate {
	font-size: 12px;
	color: #BBBBBB;
	font-weight: bold;
}

table.bookViewExtraHeader td.confirmationDate span {
	color: #BBBBBB;
}

div.bookViewExtraPax {
	padding-left: 3px;
	text-align: center;
}

/********************************************************
 * couleur dominante : #214A71
 * couleur secondaire: #E1EEF5
 ********************************************************/

/* cadre d'affichage du total des rack des transferts s�lectionn�s */

/* affichage d'un resultat de recherche transfert */
table.transferSearchResult {
	border-collapse: collapse;
	width: 100%;
	margin-top: 20px;
}
.vehicleTd {
	width: 30%;
}
.passengerTd, .baggageTd {
	width: 10%;
}
.durationTd, .onRequestTd, .priceTd {
	width: 15%;
}
.checkboxTd {
	width: 5%;
	text-align: right;
}
.checkboxTd > input {
	display: inline-block;
}
/* affichage d'un transfert */
table.transfer,div.transfer {
	border-collapse: collapse;
	width: 100%;
}

/* transfert disponible */
span.transferVehicleAvailable {
	color: green;
}

/* transfert en demande */
span.transferVehicleOnRequest {
	color: #E69903;
}

/* transfert non disponible */
span.transferVehicleUnavailable {
	color: red;
}

/* prix d'un vehicle */
span.transferVehicleRackPrice,div.transferVehicleRackPrice {
	cursor: help;
	color: #214A71;
	font-size: 110%;
	font-weight: bold;
}

/* prix d'un vehicle - old price */
span.transferVehicleOldRackPrice,div.transferVehicleOldRackPrice {
	color: #E1EEF5;
	text-decoration: line-through;
	font-style: italic;
	font-size: 90%;
	font-weight: bold;
	margin-left: 2px;
	margin-right: 2px;
}

/* prix d'un vehicle */
span.transferVehicleBestRackPrice,div.transferVehicleBestRackPrice {
	cursor: help;
	color: #8EC5DB;
	font-size: 110%;
	font-weight: bold;
	padding: 1px;
}

/* affichage vehicle transfert */
table.transferVehicle {
	border-collapse: collapse;
	width: 100%;
	vertical-align: middle;
}
table.transferVehicle tr {
	border-bottom: 1px dotted #8c8e8c;
}
table.transferVehicle td {
	padding: 10px 0;
}

/* header des tableau vehicle */
tr.transferVehicleHeader {
	background-color: #e5e5e5;
	vertical-align: top;
	font-weight: bold;
}
tr.transferVehicleHeader td {
	padding: 5px;
}
tr.transferVehicleResult td {
	padding-left: 5px
}
/* details transfert : depose + rammassage */
table.transferBookingDetails {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}

/* details transfert (header) : depose + rammassage */
tr.transferBookingDetailsHeader {
	background-color: #aaa;
	
}

/* details transfert (header texte) : depose + rammassage */
td.transferBookingDetailsHeaderLabel {
	text-align: center;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

/* details transfert (content) : depose ou rammassage */
td.transferBookingDetailsContent {
	vertical-align: top;
	padding: 5px;
	width: 50%;
}
td.transferBookingDetailsContent input {
	width: 350px;
}
td.transferPointInfoTop {
	color: #333;
	background: #ccc;
	/*border: 1px solid #214A71;*/
	padding: 2px;
}

td.transferPointInfoMiddle {
	/*border-left: 1px solid #214A71;
	border-right: 1px solid #214A71;*/
	padding: 2px;
	background: #ddd;
}

td.transferPointInfoMiddleLeft {
	/*border-left: 1px solid #214A71;*/
	padding: 2px;
}

td.transferPointInfoMiddleRight {
	/*border-right: 1px solid #214A71;*/
	padding: 2px;
}

td.transferPointInfoBottom {
	/*border-left: 1px solid #214A71;
	border-right: 1px solid #214A71;
	border-bottom: 1px solid #214A71;*/
	padding: 2px;
}

/* les paxs */
table.transferPaxs {
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}

/* paxs : header */
tr.transferPaxsHeader {
	background-color: #aaa;
}

/* paxs (header texte) */
td.transferPaxsHeaderLabel {
	color: white;
	font-size: 10px;
}

/* conditions d'annulation */
/* div.transferCancelFeesPolicies { */
/* 	text-align: left; */
/* 	font-size: 10px; */
/* } */

/* frais annulation : prix */
span.transferCancelFeesPrice {
	color: red;
	font-weight: bold;
}

/* footer */
tr.transferFooter,div.transferFooter {
	background-color: #e5e5e5;
}

/* footer label */
td.transferFooterLabel,div.transferFooterLabel {
	color: gray;
	text-align: left;
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
}

div.transferInformationContainer {
	height: 200px;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: left;
}

/* ========================= LEFT SEARCH FORM ================ */
div.transferLeftSearchFormCell {
	text-align: left;
	padding: 2px;
}

div.transferLeftSearchFormCellRightAlign {
	text-align: right;
	padding: 2px;
}

input.transferAutocompleteInput {
	width: 250px;
}

/* =========================== ONGLET =========================== */
.transferTab {
	border-bottom: solid 1px #0098A1;
	padding: 5px 5px 0px 5px;
	width: auto;
	height: auto;
	margin: 5px 5px 0px 5px;
	text-align: left;
	vertical-align: middle;
}

.transferTabItem {
	background-color: #E2001A;
	color: #0098A1;
	font-size: 9pt;
	font-weight: bold;
	text-shadow: silver;
	text-decoration: none;
	padding: 2px 2px 0px 2px;
	margin: 2px 5px 0px 5px;
	border-color: #0098A1;
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
}

.transferTabItem:HOVER {
	color: red;
}

.transferTabItemActive {
	background-color: #0098A1;
	color: white;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 2px 0px 2px;
	margin: 2px 5px 0px 5px;
	border-color: #0098A1;
	border-style: solid;
	border-width: 1px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
}

.transferTabItemActive:HOVER {
	color: red;
}

/* =========================== ACCORDEONS =========================== */
div.transferAccordionContent {
	padding-left: 1px !important;
	padding-right: 1px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/* ==== */
ul#searchtypenavigation {
	position: relative;
    left: 0;
    margin: 10px 0;
	top: 0px;
	padding: 0;
	/*border-bottom: 1px solid #214A71;*/
}

ul#searchtypenavigation li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#searchtypenavigation li a {
	padding: 8px;
	display: block;
	text-decoration: none;
	background-color: #e5e5e5;
	margin-right: 5px;
	display: block;
	/*font: 1em Tahoma, Verdana;*/
}

ul#searchtypenavigation li a.searchtypetabactive {
	color: #fff;
	background: #214A71;
	cursor: default;
}
ul#searchtypenavigation li a.searchtypetabdisabled {
	color: #000;
}

ul#leftsearchtypenavigation {
	position: relative;
	left: 0px;
	top: 0px;
	height: 16px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #214A71;
}

ul#leftsearchtypenavigation li {
	float: left;
	margin: 0;
	list-style-type: none;
}

ul#leftsearchtypenavigation li a {
	padding-left: 2px;
	padding-right: 2px;
	display: block;
	text-decoration: none;
	background-color: #E1EEF5;
}

ul#leftsearchtypenavigation li a.searchtypetabactive {
	color: #fff;
	background-color: #214A71;
	border-top: 1px solid #214A71;
}

ul#leftsearchtypenavigation li a.searchtypetabdisabled {
	color: #000;
	border: 1px solid #214A71;
}

div.hobbesToolsDiv {
	background: #E1EEF5;
	border: #214A71 1px solid;
	color: #214A71;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	width: 98%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
}

div.hobbesToolsDiv:HOVER {
	color: red;
}

div.hobbesToolsSimpleDiv {
	background: #E1EEF5;
	border: #214A71 1px solid;
	color: #214A71;
	font-size: 11px;
	font-weight: bold;
	width: 98%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
}

div.hobbesToolsDiv span.data,div.hobbesToolsSimpleDiv span.data {
	color: #000;
	font-size: 11px;
	font-weight: normal;
}

div.hobbesToolsDetailsDiv {
	background: #fff;
	border: #214A71 1px solid;
	color: #000;
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	cursor: default;
	width: 98%;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	left: 5px;
	visibility: hidden;
	display: none;
}

/* Style - Extraction B2B2C */
div.companyDetails {
	margin-top: 10px;
	text-align: left;
	width: 100%
}

div.companyDetailsTitle {
	text-align: left;
	padding: 1px;
	background: #aaa;
	color: #fff;
	vertical-align: middle;
}

div.companyDetailsTitle span {
	font-weight: bold;
	font-size: 10pt;
}

div.companyDetailsTitleInactive {
	text-align: left;
	border: #8EC5DB 1px solid;
	background: #8EC5DB;
	color: #F3F3F3;
	vertical-align: middle;
}

div.companyDetailsTitleInactive span {
	font-weight: bold;
	font-size: 10pt;
}

img.companyDetailsStatus {
	width: 16px;
	margin-right: 5px;
}

img.companyDetailsUserStatus{
	height: 16px;
}

tr.userInformationsTable{
	background: #E1EEF5;
	text-align: left;
	font-style: italic;
}

.hoverElement:hover {
	background: #f7f7f7;
}

td.userCreate {
	vertical-align: top;
}

/*********************************************************
bloc paiement ogone
 **********************************************************/
.paymentBloc label span:first-child {
 	display: inline-block;
 	width: 160px;
 	font-weight: bold;
 	color: #888;
 	text-align: right;
 	margin: 0 5px 0 0;
}
.paymentBloc input.largeInput {
	width: 250px;
}
.paymentBloc input.mediumInput {
	width: 150px;
}
.paymentBloc input.smallInput {
	width: 50px;
}
/*********************************************************
fin bloc paiement ogone
 **********************************************************/

/* ############### PICTOS FACILITIES ########################### */

div.facility_R {
	background: url("/images/facility_R.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_P {
	background: url("/images/facility_P.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_TV {
	background: url("/images/facility_TV.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_PH {
	background: url("/images/facility_PH.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_GYM {
	background: url("/images/facility_GYM.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_RS {
	background: url("/images/facility_RS.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_SC {
	background: url("/images/facility_SC.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_C {
	background: url("/images/facility_C.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_H {
	background: url("/images/facility_H.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_AC {
	background: url("/images/facility_AC.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_SW {
	background: url("/images/facility_SW.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_TN {
	background: url("/images/facility_TN.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_I {
	background: url("/images/facility_I.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_PE {
	background: url("/images/facility_PE.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_BS {
	background: url("/images/facility_BS.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_TH {
	background: url("/images/facility_TH.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_L {
	background: url("/images/facility_L.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_NSP {
	background: url("/images/facility_NSP.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_G {
	background: url("/images/facility_G.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_S {
	background: url("/images/facility_S.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_NS {
	background: url("/images/facility_NS.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_B {
	background: url("/images/facility_B.png");
    width: 22px;
    height: 22px;
    float: left;
}

div.facility_spec_R {
	background: url("/images/facility_spec_R.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_P {
	background: url("/images/facility_spec_P.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_TV {
	background: url("/images/facility_spec_TV.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_PH {
	background: url("/images/facility_spec_PH.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_GYM {
	background: url("/images/facility_spec_GYM.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_RS {
	background: url("/images/facility_spec_RS.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_SC {
	background: url("/images/facility_spec_SC.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_C {
	background: url("/images/facility_spec_C.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_H {
	background: url("/images/facility_spec_H.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_AC {
	background: url("/images/facility_spec_AC.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_SW {
	background: url("/images/facility_spec_SW.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_TN {
	background: url("/images/facility_spec_TN.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_I {
	background: url("/images/facility_spec_I.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_PE {
	background: url("/images/facility_spec_PE.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_BS {
	background: url("/images/facility_spec_BS.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_TH {
	background: url("/images/facility_spec_TH.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_L {
	background: url("/images/facility_spec_L.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_NSP {
	background: url("/images/facility_spec_NSP.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_G {
	background: url("/images/facility_spec_G.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_S {
	background: url("/images/facility_spec_S.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_NS {
	background: url("/images/facility_spec_NS.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.facility_spec_B {
	background: url("/images/facility_spec_B.png");
	width: 22px;
	height: 22px;
	float: left;
}

div.picto_bagage {
    background: url("/images/facilities.png") -22px -44px no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

div.picto_voyageur {
    background: url("/images/facilities.png") -0px -44px no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

div.class_of_service_biz {
    background: url("/images/facilities.png") -66px -44px no-repeat;
    width: 18px;
    height: 18px;
    float: left;
}

div.class_of_service_eco {
    background: url("/images/facilities.png") -44px -44px no-repeat;
    width: 18px;
    height: 18px;
    float: left;
}

div.class_of_service_first {
    background: url("/images/facilities.png") -88px -44px no-repeat;
    width: 18px;
    height: 18px;
    float: left;
}

div.nego {
    background: url("/images/facilities.png") -110px -44px no-repeat #eee;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 5px;
}

.capitalized {
	text-transform: uppercase;
}

.firstLetterCapitalized:FIRST-LETTER { /* display bloc only !! */
	text-transform: capitalize;
}

/* ========================== note de pied page ================================ */
sup {
	vertical-align: super;
	color: #7F7F7F;
	font-size: 7pt;
	font-style: italic;
}

div.footnote {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	/*width: 90%;*/
	/*border-top: silver 1px solid;*/
	text-align: left;
	color: #7F7F7F;
	font-size: 10px;
	font-style: italic;
}

/* ============================================================================ */
/*                          popup jquery fiche details                          */
/* ============================================================================ */

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqu� par d�faut--*/
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .40;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqu� par d�faut--*/
	background: #fff;
	font-size: 12px;
	color: #999;
	padding: 10px;
	border: 10px solid #ddd;
	float: left;
	position: absolute;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les diff�rentes d�finitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 5px #444;
	-moz-box-shadow: 0px 0px 5px #444;
	box-shadow: 0px 0px 5px #444;
}
img.btn_close {
	float: right;
	margin: -17px -17px 0 0;
}
/*--G�rer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}

div.popupColumnLeft, div.popupColumnRight {
	float: left;
	width: 350px;
}
div.popupColumnRight {
	text-align: right;	
}
div.popup_block p {
	margin: 0;	
}
div.popup_block h1, div.popup_block h2 {
	margin: 0 0 2px;
	font-weight: bold;
}
div.popup_block h1 {
	color: #999;
	font-size: 20px;	
}
div.popup_block h2 {
	color: #214a71;
	font-size: 16px;
}
div.popup_block .titleP {
	color: #214a71;
	font-weight: bold;
	margin: 0 0 3px;
	font-size: 12px;
}
div.hotelNameDiv {
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px;
	margin: 0 0 5px;
}
div.RoomDiv {
	margin: 10px 0;	
	color: #333333;
	font-size: 11px;
}
.hotelCityP {
	margin: 0;
}
.popupHotelImg {
	max-width: 	320px;
	border: 3px solid #e3e3e3;
	margin: 5px 0 0;
}
div.popupBookingStatusDiv {
	margin: 10px 0 0;
	padding: 5px;
	background: #ddd;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
}
div.popupBookingStatusDiv .supplierIconDiv {
	width: auto;
	float: left;
	margin: 0 5px 0 0;	
}
div.popupBookingStatusDiv .bookingRefDiv {
	float: left;
	width: 33%;		
}
div.popupBookingStatusDiv .statusDiv {
	float: right;
	width: 33%;	
}
div.popupBookingStatusDiv .bookingStatusP {
	line-height: 36px;
	text-transform: uppercase;
	font-weight: bold;
	color: #10A048;
	text-align: right;
}

/* ========================== language selection icons ======================== */
img.languageIcon {
	width: 20px;
	cursor: pointer;
}
img.languageIcon:HOVER {
/* 	background: #7F7F7F; */
}

img.selectedLanguageIcon {
	width: 20px;
}

/* trip advsors */
div.tripadvisor {
	text-align: left;
  	border: 1px solid #589442;
  	padding: 5px 10px;
  	width: auto;
  	display: inline-block;
}
.tripadvisor img {
  	width: 75px;
  	display: block;
}
.tripadvisor span {
  	font-size: 12px;
}
.tripadvisor span > span {
  	font-size: 11px;
}
.tripadvisor a, .tripadvisor a:hover, .tripadvisor a:focus {
	color:#589442;
	text-align: right;
	display: inline;
}
/* ============================================================================ */
/*                               MAP                                            */
/* ============================================================================ */
div.map {
	width: 750px;
	height: 350px;
	background: #EEEEEE;
	margin-left: auto;
	margin-right: auto;
}

/* ============================================================================ */
/*                        DATE PICKER JQUERY UI OVERRIDE                        */
/* ============================================================================ */

#ui-datepicker-div {
    border: 1px solid #ccc;
    border-top-left-radius: 0px;
  	border-top-right-radius: 0px;
  	border-bottom-left-radius: 0px;
  	border-bottom-right-radius: 0px;
}
.ui-datepicker-group.ui-datepicker-group-first {
    border-right: 2px solid #fff;
}
.ui-widget-header {
    border: none;
    background: none;
}
@media (min-width: 768px){
	#ui-datepicker-div {
		width: 300px!important;
		padding: 10px;
	}
	.ui-datepicker-multi-2 .ui-datepicker-group {
		font-size: 16px;
		font-size: 1.6rem;
	}
}
.ui-datepicker {
    box-shadow: none;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #E8E8E8;
    z-index:10004!important;
}
.ui-datepicker .ui-datepicker-title {
    font-weight: normal;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1.6rem;
    height: 30px;
    cursor: default;
}
.ui-datepicker-week-end {
    cursor: default;
}
.ui-datepicker.ui-widget-content .ui-widget-header {
    background: none repeat scroll 0 0 #fff;
  border-radius: 0px;
  color: #000;
  height: 35px;
  padding: 0;
  border: none;
}
.ui-datepicker th {
    color: #333333;
    font-weight: 400;
    font-size: 14px;
    font-size: 1.4rem;
}
.ui-datepicker td {
    padding: 0px;
}
.ui-datepicker .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-default {
	border: 1px solid #fff;
    background: #ffffff;
    text-align: center;
    padding:0;
    height: 35px;
  	line-height: 30px;
    font-weight: 400;
    background-image: none;
    color: #333;
	margin: 1px;
}
.ui-datepicker .ui-state-default.ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-default.ui-state-hover, .ui-datepicker.ui-widget-content .ui-state-default.ui-state-active{
   color: #fff;
   font-weight: bold;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px;
    padding: 0px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: #f6f6f6;
    text-align: center;
    padding:0;
    height: 35px;
  	line-height: 28px;
    font-weight: 400;
    background-image: none;
    color: #888;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #ffffff;
    font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 30px;
    line-height: 20px;
    text-align: center;
    width: 30px;
    color: #999;
}
.ui-datepicker .ui-datepicker-prev:HOVER, .ui-datepicker .ui-datepicker-next:HOVER {
	background: none;
    border: none;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
    right: 0;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    top: 0;    
}
.ui-widget-header .ui-icon {
    background-image: none;
}
.ui-datepicker-prev span::before {
     content:"\e918";
}
.ui-datepicker-next span::before {
    content:"\e91c";
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	/* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'picto' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
/*     color: #214A71; */
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    position: relative;
    text-transform: none;
    top: 0;
    vertical-align: middle;
    font-size: 30px;
    font-size: 3rem;
    display: block;
    left: 50%;
    margin-top: -10px;
    top: 50%;
    margin-left: -10px;
}
.ui-datepicker .ui-datepicker-prev:HOVER span,
.ui-datepicker .ui-datepicker-next:HOVER span {
    color: #aaa;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled span, .ui-datepicker .ui-datepicker-next.ui-state-disabled span, .ui-datepicker .ui-datepicker-prev.ui-state-disabled:hover span, .ui-datepicker .ui-datepicker-next.ui-state-disabled:hover span{
	color: #ccc;
}
.ui-datepicker .ui-icon {
    overflow: hidden;
    width: 20px;
    height: 24px;
    text-indent: 0;
}
.ui-datepicker-header .ui-state-disabled {
    opacity: 0.3;
}
.ui-datepicker-header .ui-state-disabled:HOVER {
    background: none;
}
.ui-datepicker .ui-state-disabled, .ui-datepicker.ui-widget-content .ui-state-disabled, .ui-datepicker .ui-state-disabled .ui-state-default, .ui-datepicker.ui-widget-content .ui-state-disabled .ui-state-default {
	color: #ccc;
	opacity: 1;
}
.ui-datepicker-calendar td {
    width: 36px;
}
.ui-datepicker table {
    margin: 0px;
}
/** datepicker les jours se situant entre les bornes **/
.ui-datepicker table td.highlight a.ui-state-default {
    background: #FFF;
	-webkit-transition: background 0.5s, border 0.5s; /* Safari */
    transition: background 0.5s, border 0.5s;
}

.ui-datepicker table td.highlight a.ui-state-hover {
	color: #FFF;
	-webkit-transition: background 0.5s; /* Safari */
    transition: background 0.5s;
}
.ui-datepicker-week-col {
	font-size: 1rem;
	font-size: 10px;
	color: #214A71;
}
/* ============================================================================ */
/*                            TABS JQUERY UI OVERRIDE                           */
/* ============================================================================ */

#tabs.ui-widget-content,
#tabstb.ui-widget-content {
    border: 1px solid #FFFFFF;
}
#tabs .ui-widget-header,
#tabstb .ui-widget-header {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 solid #FFFFFF;
    border-radius: 0px !important;
}
#tabs .ui-widget-header a,
#tabstb .ui-widget-header a {
    color: #5c5c5c;
    font-weight: bold;
    font-size: 10px;
}
#tabs .ui-widget-header li.ui-state-default,
#tabstb .ui-widget-header li.ui-state-default {
    background: #ccc;
    border-bottom: 3px solid #ccc !important;
    border-top: none;
    border-right: none;
    border-left: none;
}
#tabs .ui-widget-header li.ui-state-hover, #tabs .ui-widget-header li.ui-state-focus,
#tabstb .ui-widget-header li.ui-state-hover, #tabstb .ui-widget-header li.ui-state-focus {
    background: #ddd;
    border-bottom: 3px solid #ddd !important;
    border-top: none;
    border-right: none;
    border-left: none;
}
#tabs .ui-widget-header li.ui-state-active,
#tabstb .ui-widget-header li.ui-state-active {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 3px solid #f5f5f5 !important;
    color: #FFFFFF;
}
#tabs.ui-tabs,
#tabstb.ui-tabs {
    padding: 0;
    position: relative;
}
#tabs.ui-tabs .ui-tabs-nav li,
#tabstb.ui-tabs .ui-tabs-nav li {
    margin: 0 5px 0 0;
    top: 3px;
    white-space: nowrap;
}
#tabs.ui-tabs .ui-tabs-nav li h4,
#tabstb.ui-tabs .ui-tabs-nav li h4 {
   font-size: 14px;
}
/*** style onglet**/
.ui-tabs .ui-tabs-nav {
	padding: 0;
}
.ui-tabs .ui-tabs-panel {
	padding: 20px 0;
	padding-left: 10px;
}
#tabs .ui-widget-header, #tabstb .ui-widget-header {
	background: none repeat scroll 0 0 #FFFFFF;
  	border: 0;
/*   	border-bottom: 2px solid #ff6600; */
  	border-radius: 0px !important;
  	padding: 0;
}
#tabs.ui-tabs .ui-tabs-nav li, #tabstb.ui-tabs .ui-tabs-nav li {
	top: 1px;
	border-radius: 0;
	height: 40px;
}
#tabs .ui-widget-header li.ui-state-default, #tabstb .ui-widget-header li.ui-state-default {
  background: #fff;
/*   border: 1px solid #ff6600 !important; */
/*   color: #ff6600; */
}
#tabs .ui-widget-header li.ui-state-default a, #tabstb .ui-widget-header li.ui-state-default a {
  font-weight: bold;
  font-size: 14px;
  padding: 7px;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
}
#tabstb .ui-widget-header li.ui-state-default a, #accomDescriptionForm #tabs .ui-widget-header li.ui-state-default a {
	line-height: 28px;
}
#tabs .ui-widget-header li.ui-state-active a, #tabstb .ui-widget-header li.ui-state-active a {
  color: #fff;
}
#tabs .ui-widget-header li.ui-state-default a span, #tabstb .ui-widget-header li.ui-state-default a span{
  font-weight: normal;
  font-size: 14px;
}
#tabs .ui-widget-header li.ui-state-active, #tabstb .ui-widget-header li.ui-state-active {
/*   background: none repeat scroll 0 0 #ff6600; */
/*   border: 1px solid #ff6600 !important; */
  color: #FFFFFF;
}
#tabs .ui-widget-header li.ui-state-active a, #tabstb .ui-widget-header li.ui-state-active a {
  color: #fff;
}
#tabs .ui-tabs-nav li.closeTabs, #tabstb .ui-tabs-nav li.closeTabs {
	float: right; 
	cursor: pointer;
/* 	background: none repeat scroll 0 0 #ff6600; */
/*   	border: 1px solid #ff6600 !important; */
  	color: #FFFFFF; 
  	margin: 0;
  	vertical-align: middle;
}
#tabs .closeTabs a, #tabstb .closeTabs a {
	color: #FFFFFF; 
  font-weight: bold;
  font-size: 15px;
  padding: 5px;
  line-height: 29px;
  text-align: center;
  text-transform: uppercase;
}
/* ============================================================================ */
/*                        AUTOCOMPLETE JQUERY UI OVERRIDE                       */
/* ============================================================================ */
.ui-autocomplete {
  /*  z-index: 1010 !important; */
}
.ui-autocomplete.ui-widget-content {
	max-height: 400px;
	max-width: 400px;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px;
	border: 1px solid #DDDDDD;
	z-index: 1050 !important;
}
.ui-autocomplete.ui-widget-content .ui-menu-item {
	cursor: pointer;
	padding: 0;
	color: #666;
	line-height: 18px;
	border: none;
}
.ui-autocomplete.ui-widget-content .ui-menu-item-wrapper {
	display: block;
	padding: 4px 5px;
	line-height: 18px;
}
.ui-autocomplete.ui-widget-content .ui-menu-item:hover,
.ui-autocomplete.ui-widget-content .ui-menu-item:focus,
.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete.ui-widget-content .ui-menu-item-wrapper.ui-state-focus {
	background: #E8E8E8;
	border: 0 none;
	margin: 0;
	color: inherit;
	font-weight: normal;
}
.ui-autocomplete.ui-widget-content .ui-state-focus {
	background: transparent;
	border: 0 none;
	margin: 0;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item-wrapper.ui-state-active {
	margin: 0;
}
.ui-helper-hidden-accessible {
	display: none;
}
/* ============================================================================ */
/*                           SLIDER JQUERY UI OVERRIDE                          */
/* ============================================================================ */

#slider-range {
	margin: 5px 5px 0;	
}
#sliderRangeDiv #amount {
	background-color: transparent;
	border: none;
	font-weight: bold;
	width: 160px;
	padding-left: 0;
    padding-top: 0;
}
#sliderRangeDiv .labelForm {
	margin-bottom: 0;
}
#sliderRangeDiv .ui-widget {
	font-size: 0.9em;
}
#sliderRangeDiv .ui-slider .ui-slider-handle { width: 16px; height: 16px; margin-left: -0.3em; cursor: pointer; border-radius: 8px; }
#sliderRangeDiv .ui-slider-horizontal { height: .6em; }
#sliderRangeDiv .ui-slider-horizontal .ui-slider-handle { top: -.5em; }
#sliderRangeDiv .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#sliderRangeDiv .ui-slider-horizontal .ui-slider-range-max { right: 0; }
#sliderRangeDiv .ui-widget-content {
    border: 1px solid #DDDDDD;
    background: #f1f1f1;
}
#sliderRangeDiv .ui-widget-header {
	background: #e0e0e0;
}
/* Corner radius */
#sliderRangeDiv .ui-corner-all,
#sliderRangeDiv .ui-corner-top,
#sliderRangeDiv .ui-corner-left,
#sliderRangeDiv .ui-corner-tl {
	-moz-border-radius-topleft: 4px/*{cornerRadius}*/;
	-webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
	-khtml-border-top-left-radius: 4px/*{cornerRadius}*/;
	border-top-left-radius: 4px/*{cornerRadius}*/;
}

#sliderRangeDiv .ui-corner-all,
#sliderRangeDiv .ui-corner-top,
#sliderRangeDiv .ui-corner-right,
#sliderRangeDiv .ui-corner-tr {
	-moz-border-radius-topright: 4px/*{cornerRadius}*/;
	-webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
	-khtml-border-top-right-radius: 4px/*{cornerRadius}*/;
	border-top-right-radius: 4px/*{cornerRadius}*/;
}

#sliderRangeDiv .ui-corner-all,
#sliderRangeDiv .ui-corner-bottom,
#sliderRangeDiv .ui-corner-left,
#sliderRangeDiv .ui-corner-bl {
	-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/;
	-webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/;
	-khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/;
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}

#sliderRangeDiv .ui-corner-all,
#sliderRangeDiv .ui-corner-bottom,
#sliderRangeDiv .ui-corner-right,
#sliderRangeDiv .ui-corner-br {
	-moz-border-radius-bottomright: 4px/*{cornerRadius}*/;
	-webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/;
	-khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/;
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}
#sliderRangeDiv #amount {
    color: #214a71;
}
#sliderRangeDiv .ui-state-default, #sliderRangeDiv .ui-widget-content .ui-state-default, #sliderRangeDiv .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d5d5d5;
}

/* =========================================================================
 * pgw Slide Show
 * =========================================================================*/
.pgwSlideshow .ps-current > ul {
	padding: 0;
}
.pgwSlideshow .ps-current > ul > li img {
	height: 250px !important;
}

.pgwSlideshow .ps-list li img {
	width: 50px !important;
	height: 50px !important;
}

.pgwSlideshow .ps-caption {
	background-color: rgba(0,0,0,0.1) !important;
	font-size: 8pt !important;
	font-style: italic !important;
 }

.pgwSlideshow .ps-caption b {
	font-size: 9pt !important;
	font-style: normal !important;
}

/*** notes interne**/
fieldset.noteInterne > div{
	margin-bottom: 30px;
}
.noteInterne textarea {
	width: 984px;
	max-width: 984px;
	height: 120px;
	margin: 12px 0;
	font-size: 12px;
}
.imgTd {
	width: 60px;
	text-align: right;
}
.imgTd img:hover {
	cursor: pointer;
}
.detailUserNote {
	text-align: left;
}
.BlocNotes > div.Note {
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
P.noteP {
	text-align: left;
	font-size: 12px;
	font-style: italic;
}
.detailUserNote span {
	font-size: 12px;
}
.name {
	font-weight: bold;
}
a.seeMore {
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
a.seeMore:hover, a.seeMore:focus {
	text-decoration: none;
}
/** devis hresa- package**/
.messageAlert .checkbox {
	margin: 0;
}
.messageAlert a {
	font-weight: bold;
}
.messageAlert a:hover, .messageAlert a:focus {
	text-decoration: underline;
}
.messageAlert > div{ 
	padding: 10px;
	vertical-align: top;
	font-weight: bold;
}
.messageAlert div.divTriangle {
	width: 40px;
	vertical-align: middle;
}
.triangle {
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 19px 30px 19px;
}
.triangle > span {
	color: #ffffff;
	font-size: 18px;
	position: absolute;
	right: -3px;
	top: 9px;
}
.messageAlert p {
	font-weight: bold;
	margin-top: 0;
}
.packageFolder.noMarg {
	margin-bottom: 0;
	margin-top: 0;
}
/***user_create**/
#agencyUserCreationForm, #userSearchFieldset {
	text-align: left;
}
#usersSearchTri > select {
	vertical-align: middle;
}
.alphabet {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.alphabet span {
	color: #ccc;
	font-size: 11px;
	padding-left: 5px;
}
.alphabet a{
	font-size: 11px;
	padding-left: 5px;
	cursor: pointer;
}
.alphabet a.active {
	color: #214a71;
	cursor: text;
}
#bgpopinDiv{
	background-color: #000;
	opacity: 0.5;
	z-index: 20001;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.popinDiv {
	background-color: #ffffff;
  	padding: 20px;
  	position: absolute;
  	max-width: 1024px;
  	z-index: 20002;
  	text-align: left; 
  	top: 200px;
  	margin: 0 auto;
}
.containerInlineBlock {
	padding: 0px 0 15px 0;
}
.inlineBlockdiv {
	display: inline-block;
  	width: 50%;
  	margin-right: -4px;
  	vertical-align: bottom;
}
.alignRight {
	text-align: right;
}
.agencyUserRow > td.small {
	padding: 5px 0 5px 5px;;
	vertical-align: middle;
	text-align: left;
	font-size: 10px;
}
#usersSearch .columnHeader, #companyUserSearch .columnHeader, #mctoAdministrationForm .columnHeader {
	padding: 10px 0;
	text-align: left;
}
.TriDiv {
	padding: 15px 10px 5px 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 0 none !important;
}
.containerAlert {
	padding: 10px;
}
.containerBtn {
	margin-top: 30px;
}
.btnRight {
	text-align: right;
}
.btnLeft {
	text-align: left;
}
.agencyUserTable .formLabel {
	width: 150px;
	margin: 5px;
	display: inline-block;
}
#companyUserEditor .formLabel {
	width: 320px;
	margin-bottom: 5px ;
	display: inline-block;
}
#companyUserEditor .formLabel.notinlineBlock{
	display: inline;
}
#usersSearchTri {
	padding: 10px 0px;
}
#usersSearchTri.fixedElement {
	position: fixed;
	top: 0;
	padding: 10px;
	z-index: 1000;
	background: #f1f1f1;
}
.status > *, .status > input[type="radio"]  {
	vertical-align: middle;
}
.nbrUser {
	margin-bottom: 0;
}
.nbrUser span {
	text-align: left;
	font-size: 11px;
}
.displayInlineBlock > div {
	display: inline-block;
	margin-right: -4px;
}
.statusDiv {
	text-align: right;
	width: 30%;
}
.displayInlineBlock .note {
	width: 70%;
}
a.btnCreate {
 	background: #fff;
  	padding: 3px 5px;
  	font-weight: bold;
  	text-decoration: none;
}
a.btnCreate:hover, a.btnCreate:focus {
	color: #fff;
	text-decoration: none;
}
.pstRelative {
	position: relative;
}
.containerBtnCreate {
	position: absolute;
	right: 45px;
  	top: 15px;
}
.containerBtnClosed {
	position: absolute;
	right: 20px;
  	top: 15px;
}
.containerFormUser > div {
	margin-bottom: 10px;
}
a.linkAjout {
	font-weight: bold;
	text-decoration: underline;
}
a.linkAjout:hover {
	text-decoration: none;
}
ul.validatorList {
	margin: 0;
	padding: 0;
}
ul.validatorList li {
	margin-left: 0;
}
.containerList {
	display: inline-block;
	padding-top: 10px;
}
span.waitcontainer {
	border: none;
}
.waitcontainer {
	text-align: center; 
	font-style: italic;
	color: silver; 
	border: 1px solid silver;
	padding:10px;
	margin: 5px;
}
.imgWait {
	width: 20px;
	vertical-align: middle;
	margin-right: 5px;
}
.searchTriBloc > div {
	display: inline-block;
	width: 70%;
}
.searchTriBloc > div.search {
	width: 30%;
	margin-right:-4px;
	text-align: right;
}
img.vrtAlignimg {
	vertical-align: bottom;
}

/*************** FORMULAIRE INSCRIPTION HOME ********************/
.registrationTitle {
	text-align: center;
}
.registrationFormSection {
	background: #444;
	background: rgba(0, 0, 0, 0.5);
	padding: 5px;
	margin-bottom: 20px;
	color: #fff;
}
.registrationForm h2 {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin: 10px 0 0 20px;
	line-height: 30px;
	text-transform: uppercase;
}
.registrationFormSection .column {
	padding: 20px;
}
.registrationFormSection .column > div {
	margin-bottom: 20px;
}
.registrationFormSection label {
	margin-bottom: 10px;
	display: block;
	font-size: 14px;
	font-weight: normal;
  	color: #fff;
}
.registrationFormSection input {
	width: 100%;
	font-size: 14px;
	height: 38px;
	line-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.registrationFormSection select {
	font-size: 14px;
	width: 100%;
	background-color: #fff;
	height: 38px;
	line-height: 30px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15) inset;
	border-radius: 2px 2px 2px 2px;
}

/**new style**/
.agencyUserTable > div{
	margin-bottom: 30px;
}
.agencyUserTable > div:last-child{
	margin-bottom: 0;
}
.userCreate > .titleCriterias{
	margin-bottom: 10px;
}
#markups {
	margin-top: 15px;
}
.tableStyle {
	margin: 15px 0;
}
td.small {
	padding: 5px 0 5px 5px;
	font-size: 10px;
	vertical-align: middle;
	width: 34px;
}
.inputCompany {
	text-align: center;
}
.exLabel {
	font-size: 10px;	
}
.titleCriterias {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.groupResultsBy span{
	font-size: 13px;
	width: 25%;
	display: inline-block;
	padding-right: 7px;
  	padding-left: 7px;
}
.groupResultsBy label {
	color: #8e8e8e;
  	font-size: 13px;
  	font-weight: normal;
  	vertical-align: middle;
}
.horizontalScrollAuto {
	margin: 20px 0;
}
.resultHeaderFlight, .transferHeader {
	background: #fff;
	color: #333333;
	font-size: 14px;
}
.blocDispoVol > div {
	vertical-align: middle;
	padding: 5px 0;
	font-size: 14px;
	
}
.checkedIfPoss {
	width: 40px; vertical-align: middle; text-align:center;
}
.flightCompany {
	width: 200px; text-align: center;
	color: #333333;
}
.classOfService {
	color:#8e8e8e;
}
.flightTypeCell {
	width: 100px; text-align: center;font-weight: bold; color:#8e8e8e;
}
.btnContentInfo {
	width: 120px; text-align: right;
}
.startEndAirport > div {
	width: 50%; text-align: left;
}
.resultFooter {
	 margin: 20px 0 30px 0;
	 text-align: right;
}
.resultContent1, .resultContent2 {
/* 	border-top: 1px dotted #8c8e8c; */
}
#resultsDiv .listPossibilitiesFlight > .resultContent1:first-child, #resultsDiv .listPossibilitiesFlight > .resultContent2:first-child {
	border-top: 0 none !important;
}
.infoFlight {
	border: 1px solid #8e8e8e;
/* 	border-top: 2px solid #214A71; */
	margin-bottom: 20px;
}
.headerResult {
	text-align: right;
	background: #f7f7f7;
	padding: 5px 10px;
}
.detailPrix {
	color: #8e8e8e;
}
.infoEscale {
	border-bottom: 1px dotted #8c8e8c;
	border-top: 1px dotted #8c8e8c;
}
.infoEscale > div { 
	vertical-align: middle;
	padding: 10px 15px;
}
.detailEscale {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.rqueEscale {
}
.cellPictoTime {
	width: 150px;
  	text-align: right;
}
.detailVol {
	padding-left: 165px;
	margin-top: 15px;
	color: #8e8e8e;
}
.detailVol > div {
	margin-bottom: 5px; 
}
.detailVol > div:last-child {
	margin-bottom: 0px; 
}
.detailTime {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.departTime {
	width: 158px;
  	display: inline-block;
  	text-align: center;
  	position: relative;
  	
}
.departTime:after {
	font-family: 'picto' !important;
	content: "\e90d";
	display: inline-block;
	position: absolute;
  	right: 17px;
  	color: #d8d8d8;
  	font-weight: normal;
}
.arriveeTime {
	width: 100px;
  	display: inline-block;
}
.blocDetailVol {
	padding: 10px 0;
}
.inputFieldAirport {
	width: 100%;
}
.inputFieldAirport input.airportInput, .airportInput {
	width: 80%;
}
/** resum�**/
.frameFlight {
	overflow: hidden;
}
.frameFlight > table {
	width: auto;
}
.frameFlightTr > td {
	width: 142px;
	min-width: 142px;
  	max-width: 142px;
} 
.btnPreviousNext {
	text-align: right;
	margin: 20px 0;
}
.btnStyle3 {
	color: #fff;
  	width: 37px;
  	height: 37px;
  	text-align: center;
  	border: none;
  	border-radius: 0;
  	cursor: pointer;
}
.btnStyle3 span.picto {
	color: #fff;
}
.btnStyle3.disabled {
	background: #888888;
	cursor: crosshair;
}
.btnStyle3.active {
	background: #214A71;
}
/*transfert*/
.selectsHour > * {
	display: inline-block;
}
.wwfLineForm .selectsHour > select {
	width: 40%;
}
/*** animate ***/
/** c-pbar **/
.c-pbar {
  margin: 0 auto;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
  border-radius: 50px;
  width: 200px;
  z-index: 50;
  background: #214a71; 
  }
.c-pbar > span {
  display: block;
  height: 10px;
  border-radius: 5px; }
.c-pbar-strip > span {
  background-size: 30px 30px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);  
  background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);  
  
  }
.c-pbar-anim {
  animation: k-pbar 2.5s linear 0s infinite;
  -webkit-animation: k-pbar 2.5s linear 0s infinite; 
  -moz-animation: k-pbar 2.5s linear 0s infinite; 
  -ms-animation: k-pbar 2.5s linear 0s infinite; 
  -o-animation: k-pbar 2.5s linear 0s infinite; 
  }
 @keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@-moz-keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@-ms-keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
@-o-keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }

@-webkit-keyframes k-pbar {
  from {
    background-position: 0 0; }
  to {
    background-position: -60px -60px; } }
/**FIN**/
 .dataTip[data-tip] {
	position: relative;
}
.dataTip[data-tip]:hover:after, .dataTip[data-tip]:focus:after{
	content: attr(data-tip);
	position: absolute;
  	padding: 8px;
	background-color: rgba(0, 0, 0, 0.8);
	left: 0;
	top: 40px;
	font-size: 14px;
	font-size: 1.4rem;
	border-radius: 3px;
	color: #ffffff;
	z-index: 5000;
	text-align: left;
	white-space: pre;
	display: block;
	font-family: arial, "sans-serif";
}

/* POUR LES STAGES */
.stageBlocContent {
	margin-top: 15px;
}
.stageBlocContent button, #addStage .modal-footer button {
	border: none;
	background: #214a71;
	height: 34px;
	line-height: 34px;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
}
.stageBlocContent button:HOVER, #addStage .modal-footer button:HOVER {
/* 	background: #a20f1b; */
}
.stageBloc {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 7px;
	margin-top: 7px;
}
.stageBloc > div._fixOne {
	flex: 1;
	width: 140px;
   	text-align: left;
}
.stageBloc ._fixOneTwo {
	cursor: help;
}
.stageBloc > div {
    padding: 5px 0 5px 5px;
    vertical-align: middle;
    text-align: left;
    font-size: 10px;
}
.stageBloc._title > div {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}
.stageBloc > div._fixOneTwo {
	flex: 1;
   	text-align: left;
   	overflow: hidden;
   	text-overflow: ellipsis;
   	width: 260px;
   	white-space: nowrap;
}
.stageBloc > div.btnStage {
	text-align: right;
}
.btnStage span {
	color: #214a71;
}
.periodStage {
	width: 150px;
}
.stageBloc .localization._fixOneTwo {
	width: 150px;
}
.localisationBloc {
	margin-top: 25px;
}
.localisationBloc div.olMap, #showMap div.olMap {
	width: 100%;
}
.mapFormContainer {
	padding-top: 15px;
}
.stageBloc button, .localisationBloc button  {
	background-color: transparent;
}
#addModifyStage .modal-header h5, #showMap .modal-header h5 {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	color: #214a71;
}
#addModifyStage .localisationBloc input.inputText {
	width: 50%;
	font-weight: normal;
}
#addModifyStage .trainingSessionLabel input.inputText {
	width: 500px;
}
@media (min-width: 768px) {
	.modal-dialog {
	    min-width: 1140px;
	}
}
#addModifyStage .card-body {
	padding: 10px 0;
	text-align: center;
}
.stageDate {
	display: flex;
	padding-top: 15px;
}
.stageDate > * {
	margin-right: 15px;
	align-self: flex-end;
}
.stageDate .btnRelanceDiv {
	margin-left: 15px;
	padding-top: 0;
	border-bottom: none;
	padding-bottom: 0px;
}
.stageDate .btnRelanceDiv button {
	height : auto;
	line-height: normal;
	padding: 8px 10px;
}
.stageDate label {
	margin-right: 10px;
}
.stageDate label, .stageDate .inputFieldForm {
	display: inline-block;
}
.stageDate .inputFieldForm .picto-calendar {
	top: 5px;
}
.stageDate .contentBtnSearch {
	padding-top: 0;
}
.searchBookingByTraineeForm {
	left: 10px;
}
.searchBookingByTraineeForm ._first {
	padding-right: 5px;
}
.searchBookingByTraineeForm ._sec {
	padding-left: 5px;
}
.searchBookingByTraineeForm .contentBtnSearch {
	padding-bottom: 0px;
}

/* JE SAIS PAS  */
#ui-datepicker-div {position: relative; z-index:100;}

.clickable {
	cursor: pointer;
}
.btnAction {
	border: 0 none;
    background: none;
    vertical-align: middle;
    padding: 0;
    margin-left: 5px;
}
.btnAction > span.picto {
	font-size: 30px;
}
.btnDelete {
	border: 1px solid #888888;/* 	custom */
    border-radius: 2px;
    padding: 0;
    font-size: 10px;
    margin-left: 5px;
    background: #888888;/* 	custom */
    color: #fff;
}
.btnDelete > span.picto {
	font-size: 14px;
    color: #fff;
}
.fieldsetContainer {
	margin-left: 15px;
}
.fieldsetStyle {
	padding-left: 25px;
	border-left: solid silver 2px;
}
.profilUser {
	display: block;
	margin-top: 5px;
}

.fileTypePicto {
	width: 128px;
	height: 128px;
	display: inline-block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size : 100%;
}

.fileTypePicto.zip {
	background-image: url("/images/ft-zip.png");
}

.fileTypePicto.pdf {
	background-image: url("/images/ft-pdf.png");
}

.fileTypePicto.csv {
	background-image: url("/images/ft-csv.png");
}

.fileTypePicto.xls, .fileTypePicto.xlsx {
	background-image: url("/images/ft-xls.png");
}

.fileTypePicto.png {
	background-image: url("/images/ft-png.png");
}

.fileTypePicto.gif {
	background-image: url("/images/ft-gif.png");
}

.fileTypePicto.jpg {
	background-image: url("/images/ft-jpg.png");
}

/*
.fileTypePicto.bmp {
	background-image: url("/images/ft-bmp.png");
}
*/

.fileTypePicto.json {
	background-image: url("/images/ft-json.png");
}

.fileTypePicto.xml {
	background-image: url("/images/ft-xml.png");
}

.mandatory:AFTER {
	content: ' (*)';
}

.mandatory-star-only:AFTER {
	content: ' *';
}

/** Etiquettes Meilleur tarif + promo + BB + Flex **/
.badges-row {
	margin-bottom: 5px;
}
.badges {
	position: relative;
  	display: inline-block;
  	margin-left: 5px;
  	cursor: help;
}
.containerPrice .badges {
	width: 22px;
  	height: 22px;
  	border-radius: 3px;
  	text-align: center;
  	font-size: 8px;
  	font-weight: bold;
  	color: #ffffff;
  	vertical-align: middle;
}
.containerPrice .badges > span {
	line-height: 22px;
}
.not-refundable {
	background: #a11810;
}
.refundable {
	background: #10a048!important;
}
.picto.picto-warning {
	color: #ff9103!important;
	font-size: 24px;
	vertical-align: middle;
}
.nowrap {
    white-space: nowrap;  
}
.d-deal {
	 z-index: 17;
	 display: inline-block;
	 -webkit-transition: background-color .3s ease-out;
	 transition: background-color .3s ease-out;
	 white-space: nowrap;
	 /*cursor: pointer;*/
	 color: #fff;
	 padding: 2px;
}
.d-deal-text, .d-deal-picto {
  	display: inline-block;
  	height: 24px;
}
.d-deal-picto {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	vertical-align: middle;
}
.d-deal-picto span {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #fff;
}
.d-deal-text {
	font-size: 11px;
  	font-weight: bold;
  	line-height: 23px;
  	padding: 0 5px;
  	vertical-align: middle;
}
.tooltip {
	display: none;
	position: absolute;
	z-index: 45;
	top: 34px;
	left: 50%;
	width: 320px;
	margin-left: -160px;
	-webkit-transition: opacity .15s ease-out,top .15s ease-out,bottom .15s ease-out;
	transition: opacity .15s ease-out,top .15s ease-out,bottom .15s ease-out;
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	pointer-events: none;
	opacity: 0;
	color: white;
	background: rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.5);
	box-shadow: 0 1px 7px rgba(0,0,0,0.5);
	font-size: 13px;
	line-height: normal;
	padding: 10px;
}
.tooltip:before {
	position: absolute;
	top: -10px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-left: -5px;
	content: "";
	border: transparent 5px solid;
	border-bottom-color: rgba(0,0,0,0.8);
}
.d-deal:hover + .tooltip, .d-deal:focus .tooltip,
.content-GB:hover + .tooltip, .content-GB:focus .tooltip {
	display: block;
	opacity: 1;
}
.content-GB:hover + .tooltip, .content-GB:focus .tooltip {
	top: 40px;
}
.d-deal-tarif {
	 background: #10a048;
}
.d-deal-tarif  .d-deal-picto span {
	 color: #10a048;
}
.d-deal-promo {
	 background: #88bd57;
}
.d-deal-promo  .d-deal-picto span {
	 color: #88bd57;
}
.d-deal-bb {
	 background: #77b5fe;
}
.d-deal-bb  .d-deal-picto span {
	 color: #77b5fe;
}
.d-deal-flex {
	 background: #88bd57;
}
.d-deal-flex  .d-deal-picto span {
	 color: #88bd57;
}
.d-deal-notflex {
	 background: #c4151c;
}
.d-deal-notflex  .d-deal-picto span {
	 color: #c4151c;
}
.d-deal-vente {
	background: #9933c3;
}
.d-deal-vente  .d-deal-picto span {
	 color: #9933c3;
}
.picto-circle-info {
	font-size: 14px;
	vertical-align: middle;
}
/** fin Etiquettes Meilleur tarif + promo**/
/*** Green Rating styles ***/
.displayFlex {
	display: flex;
}
._center {
	align-items: center;
}
._direction {
	flex-direction: row;
}
._flexStart {
	align-items: flex-start ;
}
._flexOne {
	flex: 1;
}
._alignRight {
	text-align: right;
}
.rateGreenBloc {
	margin-top: 10px;
}
.rateGreenBloc > div{
	margin-right: 20px;
}
.rateGreenLogo {
	width: 160px;
}
.rateGreenLogo img{
	width:100%;
	height: auto;
}
.rateGreenRque {
	margin-top: 10px;
	font-size: 10px;
	color: #777777;
}
.rateGreenRque > span {
	font-size: 12px;
	font-weight: bold;
}
.rateGreenRque > img {
	width: 90px;
	vertical-align: middle;
	margin-left: 10px;
}
.rateGreenBloc .container-GB {
	display: none;
	position: relative;
    margin-left: auto;
    margin-right: 0px;
}
.rateGreenBloc .container-GB > .content-GB {
	position: relative;
    cursor: help;
    padding: 0;
    background: none;
    border: none;
}
.rateGreenBloc .container-GB > .content-GB .score-GB {
	position: absolute;
    color: #52E84D;
    left: 55px;
    top: 4px;
    font-weight: bold;
    font-size: 16px;
}
.rateGreenBloc .container-GB > .content-GB img {
	width: 120px;
}
.labelTitle {
	font-size: 15px;
  	font-weight: bold;
  	color: #777777;
  	vertical-align: middle;
}
.rateGreenNote {
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	line-height: normal;
}
.rateGreenNote > span.rate {
	color: #008a3f;
}
.rateGreenNote > span.maxRate {
	color: #333333;
}
.rateGreenScore { 
	display: inline-block;
  	border-radius: 10px;
  	border: solid 1px #cccccc;
  	font-family: Arial;
  	font-size: 12px;
  	font-weight: bold;
  	text-transform: uppercase;
}
.rateGreenScore > span {
	display: inline-block;
    text-align: center;
    margin-right: 2.5px;
    vertical-align: middle;
}
.rateGreenScore > span.scoreLabel.active {
	width: 20px;
  	height: 20px;
  	color: #ffffff;
  	border-radius: 50%;
}
.rateGreenScore > span.scoreLabelFirst {
	margin-left: 5px
}
.rateGreenScore > span.scoreLabelFirst.active {
	margin-left: 0;
}
.rateGreenScore > span.scoreLabelLast {
	margin-right: 5px;
}
.rateGreenScore > span.scoreLabelLast.active {
	margin-right: 0;
}
.scoreLabel.colorA {
	color:#008a3f;
}
.scoreLabel.colorA.active {
	color: #ffffff;
	border: solid 1px #008a3f;
  	background-color: #008a3f;
}
.scoreLabel.colorB {
	color:#7ac200;
}
.scoreLabel.colorB.active {
	color: #ffffff;
	border: solid 1px #7ac200;
  	background-color: #7ac200;
}
.scoreLabel.colorC {
	color:#ffcd00;
}
.scoreLabel.colorC.active {
	color: #ffffff;
	border: solid 1px #ffcd00;
  	background-color: #ffcd00;
}
.scoreLabel.colorD {
	color:#fe8100;
}
.scoreLabel.colorD.active {
	color: #ffffff;
	border: solid 1px #fe8100;
  	background-color: #fe8100;
}
.scoreLabel.colorE {
	color:#fb3000;
}
.scoreLabel.colorE.active {
	color: #ffffff;
	border: solid 1px #fb3000;
  	background-color: #fb3000;
}
.rateGreenDetailContainer {
	font-size: 9px;
  	font-weight: bold;
  	color: #777777;
  	margin-top: 10px;
  	border-left: 3px solid #E6077C;
  	padding-left: 10px;
}
.rateGreenDetail > div {
	margin-right: 20px;
	color: #333333;
  	font-weight: bold;
  	margin-top: 5px;
}
.rateGreenDetailTh {
	display: block;
  	font-weight: normal;
  	margin-bottom: 3px;
  	color: #777777;
}
#packageBookingPaxForm .rateGreenContainer {
	padding-left: 15px;
}

.noteDefault {
	display: flex;
	flex-direction: row;
	
}
.noteDefault > span {
	width: 10px;
  	height: 10px;
  	border-radius: 50%;
  	display: inline-block;
  	margin-right: 2px; 
  	background-color: #cccccc;
}
.noteRed.noteDefault > span.active {
	background-color: #ed5656;
}
.noteGreen.noteDefault > span.active {
	background-color: #96cd52;
}
.noteYellow.noteDefault > span.active {
	background-color: #ffdc4b;
}
.noteBlue.noteDefault > span.active {
	background-color: #72c1ff;
}
.rateGreenNotes {
	margin-top: 15px;
}
.rateGreenNotes > div{
	display: table;
}
.rateGreenNotes > div > span{
	display: table-cell;
}
.rateGreenNotes > div > label{
	display: table-cell;
	padding-left: 10px;
	font-size: 14px;
  	font-weight: normal;
  	color: #333333;
}
.htlSameCat {
	padding: 15px 0px;
}
.htlSameCat h4 {
	font-size: 14px;
    font-weight: bold;
    color: #333333;
}
.listHotelsGreen {
	margin: auto -10px;
}
.listHotelsGreen > div {
	width: 33.33%;
	padding: 0 10px;
}
.cartHotelGreen {
	border: 1px solid #f0f0f0;
	padding: 10px;
}
.containerImgHotel {
	height: 96px;
    width: 130px;
    overflow: hidden;
}
.containerImgHotel img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.infoHotelGreen {
	flex: 1;
	padding-left: 10px;
}
.infoHotelGreen img {
	width: 90px;
	display: block;
}
.infoHotelGreen > div {
	display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.rateGreenContainer h4 {
	font-size: 14px;
  	font-weight: bold;
  	color: #333333;
}
.cartHotelGreen .hotelSituation {
	margin-bottom: 5px;
}
.cartHotelGreen .rateGreenScore{
	margin-bottom: 10px;
}
.cartHotelGreen .hotelNameP {
	max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    color: #333;
    width: 100%;
}
.greenBonus {
	margin-top: 15px;
	color : #0fa048;
	font-size: 14px;
}
.rqueImportante {
	font-size: 10px;
  	font-weight: normal;
  	color: #777777;
  	margin-top: 20px;
  	margin-bottom: 10px;
}
.rqueImportante span{
  	font-weight: bold;
  	display: block;
  	text-decoration: underline;
}
/* tooltip*/
.dataTip {
  position: relative;
}
.lineHeightRadioBtn {
	line-height: 34px;
	height: 34px;
}

/* Push Buttons */
span.pushButton {
	border-bottom: 2px solid #f1f1f1;
	padding: 2px;
	display: inline-block;
	cursor: pointer;
}
span.pushButton:HOVER {
	border-bottom-color: steelblue;
}
span.pushButton.on {
	border-bottom-color: steelblue;
}
span.pushButton.on:HOVER {
	border-bottom-color: #f1f1f1;
}
/*** mcto admin**/
.config-inactive span.config-txt {
	opacity: 0.5;
}
/*** form admin**/
.config-inactive span.form-txt {
	opacity: 0.5;
}
.mrg-btm-15 {
	margin-bottom: 15px;
}
.mrg-btm-15 .labelForm {
	margin-top: 0;
}

.inlineBlockContainer > *{
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
/*** moyen de paiement **/
.paymentBlueForm {
	width: 440px;
  	height: auto;
  	margin: 0 auto;
  	padding: 10px;
  	border: solid 1px #c8c8c8;
  	padding-bottom: 0;
}
.paymentBtnConfirm {
	width: 440px;
	margin: 20px auto;
	text-align: right;
}
.paymentBlueForm input[type="radio"] {
	margin-right: 10px;
}
.paymentTypeMethod {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	display: block;
	cursor: pointer;
}
.paymentTypeMethod > div{
	height: 50px;
  	margin: 0 0 10px;
  	padding: 10px;
  	background-color: #f7f7f7;
  	display: flex;
    align-items: center;
}
.containerCard {
	flex: 1;
}
.containerCard img{
	margin-right: 5px;
}
.paymentTypeMethod img {
	height: 30px;
}
.containerPaymentBtn {
	width: 440px;
	margin: 20px auto;
	text-align: right;
}
.btnConfirmPayment {
	margin-left: 10px;
}
/*** choix de paiement **/
#labelPayment_HIP .containerCard , #labelPayment_HIP .containerSupplierBlue span {
	display: none;
}
#labelPayment_DAP .containerCard , #labelPayment_DAP .containerSupplierBlue span {
	display: none;
}
#labelPayment_ANC .containerCard , #labelPayment_ANC .containerSupplierBlue span {
	display: none;
}
#labelPayment_LMK .containerCard , #labelPayment_LMK .containerSupplierBlue span {
	display: none;
}
#labelPayment_STR .containerCard , #labelPayment_STR .containerSupplierBlue span {
	display: none;
}
/*** fin choix de paiement **/
.chosen-container-single .chosen-single div b {
	background: 0 none !important;
	font-family: 'picto' !important;
    font-size: 20px;
    font-weight: bold;
    line-height: 31px;
}
.chosen-container-single .chosen-single div b:before {
	content: "\e919";
}
.chosen-container-active.chosen-with-drop .chosen-single div b:before {
	content: "\e917";
}
/** form_response **/
.form_response label {
	display: block;
	margin-bottom: 5px;
    margin-top: 15px;
}
.form_response textarea {
	width: 100%;
	min-height: 200px;
	max-width: 100%
}
@media (max-width : 779px) {
	.form_response input, .form_response select , .form_response textarea {
		width: 100%;
	}
}
.formEditorResponse input.inputText , .formEditorResponse textarea {
	width: calc(100% - 30px);
	max-width: 100%;
}
.formEditorResponse input.inputText {
	
}
.groupStarNote{
    vertical-align: middle;
}
.groupStarNote .picto {
    font-size: 28px;
    display: inline-block;
    vertical-align: middle;
}
#questions input.inputText.number,
#criterias input.inputText.number  {
	width: 50px;
    min-width: auto;
}
.column-20 {
	width: 20%;
}
.column-30 {
	width: 30%;
}
.column-35 {
	width: 35%;
}
.column-15 {
	width: 15%;
}
.column-10 {
	width: 10%;
}
.column-5 {
	width: 5%;
}
.margBottom10 {
	margin-bottom: 10px;
}
#formResponseForm .labelForm label{
	white-space: normal;
}
#formResponseForm .blocTitleH1 {
	white-space: normal;
	text-align: center;
	margin-bottom: 20px;
}
.listAccessUser > div {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    min-width: 250px;
}
.contractualRemarks {
	max-height: 280px;
	overflow: auto;
}
.id-label{
	color: #c1c1c1; 
	font-size: 10px; 
	font-style: italic;
}
.custom-file-upload input[type="file"] {
    display: none;
}
/*** captcha **/
.g-recaptcha {
	text-align: right;
}
.g-recaptcha > div {
	width: 100%!important;
	max-width: 304px;
    border-radius: 4px;
}
.g-recaptcha iframe {
	text-align: right;
}
.container-captcha {
	float: right;
    margin-top: 15px;
}

#citySearchRadius .chosen-container {
	width : 350px!important;
	max-width : 350px!important;
}


/*** fin captcha **/

.inBold {
	font-weight: bold;
}

/* ----------------------------------------------------------- */
/* Trainee (authentification + portal)                         */
/* ----------------------------------------------------------- */
.infoStageLogContent #loginTraineeForm {
	vertical-align: top;
	margin-left: 8px;
}
.infoStageLogContent.contentLoginForm {
	top: 20%;
}
.infoStageLogContent .tableLogIO {
	position: static;
	background: rgba(0, 0, 0, 0.1);
}
.infoStageLogContent .tableLogIO .inputLabel {
	color: #333;
}
.infoStageLog p {
	margin: 0;
}
.infoStageLog ul {
	margin-top: 1em;
}
.infoStageLog > div {
	margin-bottom: 15px;
}
.infoStageLog > div p {
	font-weight: bold;
}
.infoStageLog > h3 {
	font-weight: 600;
}
.infoStageLog > div > h3 {
	font-style: italic;
}
.redBig {
	color: red;
}
.infoStageLog {
	display: inline-block;
	background: rgba(0, 0, 0, 0.1);
	padding: 15px 30px 30px;
	max-width: 50%;
	font-size: 12px;
	color: #333;
}
body.loginBody .infoStageLogContent,
body.portalStage .trainee-container {
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: normal;
}
body.portalStage .trainee-container {
	width: 1024px;
	margin: 0 auto;
	padding: 10px;
	background: #ffffff;
}
body.loginBody .infoStageLogContent h1,
body.portalStage .trainee-container h1 {
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
body.loginBody .infoStageLogContent h2,
body.portalStage .trainee-container h2 {
	font-size: 18px;
}
body.loginBody .infoStageLogContent h3,
body.portalStage .trainee-container h3 {
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 5px;
}
body.loginBody .infoStageLogContent p,
body.portalStage .trainee-container p {
	margin-bottom: 0;
}
body.loginBody .infoStageLogContent input.checkbox {
	display: inline-block;
}
body.loginBody .infoStageLogContent label {
	font-size: 14px;
}
.portalStage .bannerFullWidthBg {
	background: #ffffff;
	margin-bottom: 30px;
}
.portalStage .bannerDiv {
	position: relative;
	width: 1024px;
	margin: 0 auto;
}
.portalStage h1 {
	font-size: 16px;
}
.containerLog {
	display: flex;
	justify-content: space-between;
}
.containerLogBtn {
	display: flex;
	justify-content: flex-end;
}
.containerLogBtn > div:first-child {
	margin-right: 15px;
}
.infoStageLog.stageLog, .tableLogIO.stageInfo {
	background: rgba(0, 0, 0, 0.1);
	display: block;
	width: 100%;
	max-width: 100%;
	position: static;
	padding: 15px;
}
.tableLogIO.stageInfo {
	margin-bottom: 15px;
}
.tableLogIO.stageInfo .inputLabel {
	color: #333333;
	font-size: 13px;
	font-weight: 700;
}
.portalStage .btnStyle1 {
	font-size: 12px !important;
	height: 34px;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
}