/*********************************************************
 STYLE SOCIETE
 Couleurs generales :
 Principale : #214A71 -------------------- #0098A1
 Secondaire : #8EC5DB -------------------- #E2001A
 fond du formulaire de recherche de gauche : #F3F3F3
 **********************************************************/
/*-----------------------------------------------------------------------------
 . GLOBAL RESET
 -----------------------------------------------------------------------------*/
/*div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}*/
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;
}
.ui-tabs-nav {
	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: 10px;
}
caption,th {
	text-align: center;
}
/*h1,h2,h3,h4,h5,h6{font-size:1.0em;}*/
q:before,q:after {
	content: '';
}
a {
	text-decoration: none;
	cursor: pointer;
}
.displayTable {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.displayTable > *, .displayTableRow > * {
	display: table-cell;
}
.displayTableRow {
	display: table-row;
}
.textAlignCenter {
	text-align: center;
}
.textAlignLeft{
	text-align: left;
}
.commentInfo {
	font-style: italic;
	color: #333;
}
.dispTable {
	display: table;
}
.dispTableCell {
	display: table-cell;
}
.inBold {
	font-weight: bold;
}
.underLine {
	text-decoration: underline;
}
.upperCase {
	text-transform: uppercase;
}
input[type="text"], input[type="password"], input[type="number"], textarea, input#ccnumber, input#cvvnumber, input[type="tel"], input[type="email"]{
	border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    font-family: arial,sans-serif;
    font-size: 11px;
    padding: 4px 6px;
}
input[type="text"]:focus, input[type="password"]:focus,  input[type="number"]:focus, textarea:focus, input#ccnumber:focus, input#cvvnumber:focus
, input[type="tel"]:focus, input[type="email"]:focus {
    border: 1px solid #AAAAAA;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.20) inset;
    font-family: arial,sans-serif;
    transition: all 0.3s linear 0s;
}
/* EAN iframe container */
#cc-number, #cvv-number,
#cc-number iframe, #cvv-number iframe {
	height: 24px;
}
#cc-number, #cvv-number {
	vertical-align: middle;
	display: inline-block;
}
/* EAN iframe content */
#ccnumber {
	width: 150px;
}
#cvvnumber {
	width: 40px;
}

/*********************************************************
Page login
 **********************************************************/
.bannerFullWidthBg {
	background: #eee;
}
.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-left: 10px;
	font-size: 14px;
}
.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-family: arial;
    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 {
	margin: 40px 0 0;
	text-align: right;
}
.connectionImg {
	margin-left: 5px;
	vertical-align: middle;
}
.contentLoginForm {
	position: absolute;
  	top: 35%;
  	left: 10px;
}
.contentLoginForm form {
	display: inline-block;
}

#forgottenPasswordFormFieldset {
}
#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;
}
.forgottenPassBtnDiv {
	margin: 40px 0 0;
	text-align: right;
}
.forgottentFormBackBtn {
	margin-right: 10px;
}

.tableLogIO.registrationForm {
	display: inline-block;
	width: 350px;
	background: rgba(0, 0, 0, 0.4);
	position: static;
	margin-left: 0px; 
	margin-right: 6px;
}
/*********************************************************
 Bandeau
 **********************************************************/
.loginBody .bannerFullWidthBg, .registrationBody .bannerFullWidthBg {
	border: none;
	background: none;
}
.loginBody .bannerDiv, .registrationBody .bannerDiv {
	width: auto;
}
.loginBody .languagesDiv {
	right: 20px;
	bottom: 40px;
	height: 40px;
}
/** 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;
}
div.bannerDiv, .banner_company_logo, .banner_company_logo p {
    height: 80px;
    position:relative;
}
.banner_company_logo {
	float: right;
    text-align: center;
    width: 220px;
}
.banner_company_logo p {
    margin: 0 0 0 33px;
    text-align: right;
    line-height: 80px;
}
.guide {
    vertical-align: middle;
    display: inline-block;
    width: 1px;
}
.banner_company_logo img {
	vertical-align: middle;
	margin: 5px 0px;
	max-width: 180px;
	max-height: 70px;
}
.languagesDiv {
	bottom: 25px;
    position: absolute;
    right: -75px;
    border: 1px solid #ccc;
    border-radius: 3px;
}
/* /////////////////////// MENU HAUT ///////////////////////////// */
div.bannerDiv, .menuLinkDivContent, .breadcrumbContent {
	width: 1024px;
	margin: 0 auto;
}
.menuLinkDiv, ul.tabs, ul.dropdown, ul.dropdown li {
	background: #666;	
}
.menuLinkDiv {
}
ul.tabs a:hover {
}
ul.dropdown li a {
}
.menuLinkDiv ul.tabs a:hover, .menuLinkDiv ul.tabs a:focus, ul.dropdown li a:hover, ul.dropdown li a:focus {
    background: #777;
}
.breadcrumbBg {
	background: #e1e1e1;
	margin: 0 0 20px;
}
div.menu {
}
#loginInfo select {
	padding: 0;
}
/*********************************************************
 Elements de base
 **********************************************************/
body {
	font-family: Arial, sans-serif;
	padding: 0px;
	margin: 0px;
	background: #eee;
}
input {
	outline: none;
	font-size: 10px;
    vertical-align: sub;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
#searchEmail2,#searchEmail3,#searchEmail4 {
	margin: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* fieldset */
fieldset {
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
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 {
	border-style: solid;
	border-width: 1px;
	border-color: #bbb;
	background-color: #eeeeee;
	font-size: 10px;
	vertical-align: middle;
	padding: 3px 6px;
}
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 {
	color: #214A71;
	font-weight: normal;
	outline: none;
}
img {
	text-decoration: none;
	outline: none;
	vertical-align: top;
}
img.load {
	background: url("/images/wait.gif") no-repeat center center white;
}
ul {
}
.textarea {
	width: 100%;
}
.submit, .submitSmall, .btnBook, .btnBookSmall, .option, .optionSmall {
    border-radius: 0 !important;
    border: none !important;
    color: #FFFFFF !important;
    cursor: pointer;
    font-weight: bold !important;
}
.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  {
    font-size: 12px !important;
    min-width: 150px;
    height: 30px;
}
.submitSmall, .buttonSmall, .optionSmall {
    font-size: 10px !important;
}
input.addButton {
	border: medium none !important;
	height: 40px !important;
	width: 100px !important;
}
input.addHotelButton {
	background: url(/customization/images/addbookitems.png) -100px 0px no-repeat !important;
}
input.addHotelButton:HOVER {
	background: url(/customization/images/addbookitems.png) -100px -40px no-repeat !important;
}
input.addFlightButton {
	background: url(/customization/images/addbookitems.png) 0px 0px no-repeat !important;
}
input.addFlightButton:HOVER {
	background: url(/customization/images/addbookitems.png) 0px -40px no-repeat !important;
}
input.addTransferButton {
	background: url(/customization/images/addbookitems.png) -200px 0px no-repeat !important;
}
input.addTransferButton:HOVER {
	background: url(/customization/images/addbookitems.png) -200px -40px no-repeat !important;
}
.btnStyle1, .btnStyleNeutral {
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	border: none;
	border-radius: 0;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
}
.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 {
	padding: 5px 0;
  	width: 100%;
  	display: inline-block;
  	text-align: center;
}
.hotelDetailLinkDiv {
	margin-top: 5px;
}
.logoutDiv {
	color: #eee !important;
	font-weight: bold;
}
.logoutDiv:HOVER, .logoutDiv:focus {
	color: #fff !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;
}
.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;	
}
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;
}
.userAccountDiv:HOVER span.userAccount, .userAccountDiv:focus span.userAccount {
	background: url(/images/picto_user_white.png) 0px 0px no-repeat !important;
}


span.stop_search {
	background: url(/images/stop_search.png) 0px center no-repeat !important;
	padding-left: 15px;
	min-width: 12px;
	min-height: 12px;
}
.containerBloc {
	background: #fff;
	padding: 10px;
	margin: 0 0 20px;
	max-width: 1014px; /* 1024 - padding (5*2 px) */
}
.margUp10 {
	margin-top: 10px;
}
.margUp20 {
	margin-top: 20px;
}
/*********************************************************
Titres des blocs
 **********************************************************/
.blocTitleH1, .leftPartDiv h2, .packageSelectionTitleLight {
	margin: 0;
	font-weight: bold;
	color: #555;
}
.blocTitleH1 {
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}
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 {
	border-bottom: 1px solid #eee;
	padding: 0 0 5px;
}
#name {
	width: 250px;
}
div.leftPartDiv p {
}
div.leftPartDiv div.formLine {
	margin: 0 0 10px;	
}
.searchFormPart {
	padding: 5px 0;
	text-align: left;
}
#accomSearchLeftDiv .formCityName {
	margin-top: 5px;
}
.spaceForm {
	padding-bottom: 10px;
}
.searchResult {
	line-height: 30px;
	color: #555;
}
.searchResult span.highlight {
	color: #214a71;
	font-weight: bold;
}
#optionalSearchInfos {
}
.criteriaGroup {
	margin: 0 10px 0 0;
	display: inline-block;
}
.criteriaGroupStar {
	margin: 0 10px 0 0;
}
#airportListSelect {
	display: none;
}
.roomNumberDiv, .roomRepartDiv, .childrenAgeDiv {
}
.roomRepartDiv {
	width: 320px;
	margin: 10px 0;
}
.childrenAgeDiv {
	width : 400px;
	margin-top: 0px;
}
.formLabel {
	font-style: italic;
	color: #666;
	font-size: 11px;
    font-weight: bold;
    margin: 0 3px 0 0;
    line-height: 22px;
}
.formLabelFloat {
	float: left;
}
.fixedLabelWidth {
	display: inline-block;
	width: 90px;	
}
.packageLabel {
	min-width: 130px;
	display: inline-block;
}
.packageForm td {
	padding: 5px 0 5px 0;
}
.radioCriteriaGroup {
	margin: 0 10px 0 0;
}
.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: 60%;
}
.sliderRangeStyle {
	width: 200px;
	padding-left: 25px;
	vertical-align: middle;
}
#sliderRangeDiv p {
	margin: 0;
}
.facilitiesFormDiv {
	float: left;
	width: 90%;
}
.suppliersFormDiv {
	float: left;
	width: 85%;
}
.leftPartDiv .ui-autocomplete-input {
	width: 190px;	
}
img#searchLocationOnMapBtn {
	vertical-align: middle;
}
img#searchLocationOnMapBtn:hover, img#searchLocationOnMapBtn:focus {
	cursor: pointer;
	background: #e5e5e5;
	border-radius: 4px;
}
#hotelName {
	width: 140px;
}
.dateInput {
	width: 80px;
    cursor: pointer;
}
.sameStyleSelect {
	padding: 3px;
}
.ui-datepicker-trigger {
    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 {
	background: #eee;
	padding: 5px;
}
.blocTitleH1 {
	float: left;
}
div.filterBtnDiv {
}
div.blocTitleDiv a {
	float: right;
	margin: 3px 3px 0;	
}
div.blocTitleDiv input.submit {
	float: right;	
}
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: 3px 0px 3px 3px;
}
div.suppliersDiv .labelAll {
	text-transform: uppercase;
	color: #222;
}
.supplierGroup {
	margin: 0 5px 0 0;
	display: inline-block;
}
div.suppliersDiv label, div.resultsFilterDiv label {
	font-size: 9px;
	font-weight: bold;
	color: #555;
    white-space: nowrap;
}
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;
}
/* * * * * * * Flight * * * * * * */
.departureArrivalDiv {
	position: relative;
	margin-bottom: 5px;
}
.departureArrivalDiv td {
	padding: 5px 0 5px 0;
}
#filterFormFlight {
	margin-top: 5px;
}
.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;
}
.mapCloseLink {
	color: #666;
	margin-right: 5px;
	font-size: 14px;
    font-weight: bold;
}
/*********************************************************
 Styles identifies
 **********************************************************/
#main {
	width: 1024px;
	margin: auto;
	padding: 0px;
	z-index: 2;
}
#banner {
	min-height: 58px;
	z-index: 2;
}
.menuLinkDiv {
}
#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;
}
#paginationLinks,#paginationLinks a,#paginationLinks a:visited {
}
#paginationLinks {
	float: right;
}
#paginationLinks li {
	float: left;
    text-align: center;
	list-style: none;
	margin: 0 3px 0 0;
}
#paginationLinks li span, #paginationLinks li a {
	display: block;
	padding: 3px 8px;
	font-size: 14px;
	font-weight: bold;
}
#paginationLinks li span {
	color: #fff;
	background: #214a71;
}
#paginationLinks li a {
	background: #ccc;
	color: #777;
}
#paginationLinks li a:hover {
	background: transparent;
}
#searchFormLeftDiv {
	overflow: visible !important;
	width: 1013px;
	z-index: 1010;
}
fieldset.leftFieldset {
	padding: 2px;
	margin: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #214A71;
	vertical-align: top;
}
fieldset.leftPinkFieldset {
	padding: 2px;
	margin: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #8EC5DB !important;
	vertical-align: top;
	max-width: 250px;
}
legend.pinkLegend {
	font-size: 12px;
	font-weight: bold;
	color: #8EC5DB !important;
}
div#wait {
	padding: 10px;
	display: none;
	visibility: hidden;
	text-align: center;
	font-size: 12px;
}
div#waitZone {
	z-index: 10;
	width: 100%;
}
.waitTracingDiv {
	background: white;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity = 0.4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 10000;
}
#progressbar {
	border: 2px solid #DDDDDD;	
}
/*********************************************************
 Classes de style
 **********************************************************/
li.resultMealPlans,ul.resultMealPlans {
	list-style-type: disc;
	list-style-position: outside;
	line-height: 12px;
}
input.inputText {
	min-width: 150px;
	font-family: Verdana;
}
input.otherInputText {
	width: 180px;
}
input.largeInputText {
	width: 300px;
}
.note {
	color: #214A71;
	font-style: italic;
	font-size: 11px;
	display: block;
    margin: 0 0 10px;
}
.note a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
.note a:hover, .note a:focus {
	text-decoration: none;	
}
.boldNote {
	color: #214A71;
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
	padding: 8px 0px 0px 0px;
}
.error {
	color: #cc0000;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	margin: 10px;
}
.littleError {
	color: #ff0000;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
}
.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;
}
.lastBookings {
	color: #555;
	text-decoration: underline;
}
.lastBookings:hover, .lastBookings:focus {
	text-decoration: none;	
}
td,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 globalite de la partie "contenu" des pages */
div.largeRow {
	clear: both;
	padding-top: 2px;
	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: #000000;
	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 globalite 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: top;
}
td.selectedResultTitle {
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
}
td,div.normal {
	color: #000000;
	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-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
}
span.standardBold {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
}
table.listHeader {
	padding: 6px 2px;
    width: 100%;
}
tr.listHeaderHotelName, tr.selectedHeaderHotelName {
	border-style: solid;
	border-width: 3px;
}
tr.listHeaderHotelName p, tr.selectedHeaderHotelName p {
	margin: 0;
}
.headerHotelName {
	padding: 0 0 0 5px;
}
.hotelNameP {
	height: 17px;
	line-height: 17px;
}
span.hotelNumberEnabled, span.hotelNumberDisabled {
	height: 32px;
	line-height: 25px;
	width: 32px;
	color: #999;
	text-align: center;
	display: block;
	font-family: verdana;
}
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;
}
p.hotelSituation {
	color: #ddd;
	font-style: italic;
	font-size: 12px;
}
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;	
	color: #8ec5db;
	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");
}
td.columnHeaderLight {
	background-color: #DDDDDD;
    border-color: #F5F5F5;
    border-style: solid;
    border-width: 1px;
    color: #555555;
    font-size: 10px;
    margin: 2px;
    padding: 1px 2px;
    text-align: center;
}
.columnHeader {
	background-color: #e1e1e1;
	margin: 2px;
	padding: 1px 2px 1px 2px;
	font-size: 11px;
    font-weight: bold;
	text-align: center;
	color: #555;
}
.roomRepartDiv .columnHeader, .childrenAgeDiv .columnHeader {
	background: none;
}
td.blueTextCell,span.blueTextCell {
	font-size: 12px;
	color: #214A71;
	font-weight: bold;
}
td.pinkTextCell,span.pinkTextCell {
	font-size: 12px;
	color: #8EC5DB;
	font-weight: bold;
}
a.pinkTextCell {
	color: #8EC5DB !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.columnCell {
	padding: 2px;
	font-size: 10px;
	text-align: center;
}
td.boldMediumTextColumnCell,div.boldMediumTextColumnCell {
	padding: 2px;
	font-size: 12px;
	text-align: center;
	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: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    margin: 2px;
    padding: 2px;
}
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: #000000;
	font-weight: normal;
}
a.hotelImgLink {
	display: block;
	text-align: center;
	position: relative;
	overflow: hidden;
}
img.listingPicture {
	height: 114px;
	vertical-align: middle;
	width: 114px;
	height: 114px;
	position: relative;
}
img.thumbnailPicture {
	border-style: none;
	border-width: 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	display: block;
	min-height: 90px;
	width: 120px;
}
img.hotelPicture {
	margin: 0px 6px 6px 6px;
	vertical-align: top;
}
img.wait {
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border-style: none;
}
#timerZone input[type="text"] {
	vertical-align: baseline;
}
span,div.listSubTitle {
}
span.blueSmall,div.blueSmall,ul.blueSmall {
	font-size: 9px;
	color: #777;
}
span.blueStandard,div.blueStandard,ul.blueStandard {
	font-family: "Trebuchet MS", Arial, sans-serif;
	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 {
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	text-align: left;
}
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;
}
img.supplierIcon {
	margin: 2px;
	cursor: default;
	cursor: pointer;
	cursor: help;
	max-height: 40px;
}
div.searchDescription {
	font-size: 11px;
	color: #000000;
	font-style: italic;
	margin: 10px;
}
.htlTitleDescription {
	font-size: 14px;
	font-weight: bold;
	color: #777777;
}
span.listTotalPrice {
	font-weight: bold;
	font-size: 15px;
	margin: 2px 2px 2px 2px;
}
span.totalPriceColored {
	font-weight: bold;
	font-size: 15px;
	color: #fff;
	margin: 2px 2px 2px 2px;
}
span.selectedResultTotalPrice {
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	margin: 2px 0px 2px 2px;
	text-align: right;
	vertical-align: bottom;
}
span.rackPrice {
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	margin: 2px 2px 2px 2px;
}
span.forcedPrice {
	font-weight: bold;
	font-size: 13px;
	color: #8ec5db;
}
span.forcedPrice input {
	text-align: center;
	color: black;
}
span.netPrice {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
span.listPerRoomPrice {
	font-weight: normal;
	font-size: 10px;
	color: #ffffff;
}
span.perRoomPriceListColor {
	font-size: 10px;
	color: #fff;
	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: #000000;
	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 {
	background: none;
	float: right;	
	font-weight: bold;
	border-style: none;
	padding: 0 5px 0 0;
	text-align: right;
}
div.onRequest {
	float: none;
	border-style: solid;
	border-width: 2px;
	border-color: #eaeaea #f1f1f1;
	background: #eee;
	color: #FF9103;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
div.available {
	float: none;
	border-style: solid;
	border-width: 2px;
	border-color: #eaeaea #f1f1f1;
	background: #eee;
	color: #10A048;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
div.emptyOnRequestBlock {
	float: none;
	border-width: 0px;
	border-color: white;
	color: white;
	padding: 4px;
	text-align: center;
}
/* Debut styles encadre resume d'un hotel dans listing hoels */
div.hotelResultBlock {
	margin: 0 0 20px;
}
div.hotelResumeBlock {
	position: relative;
}
div.hotelResumeTitle {
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px;
}
div.hotelResumeContent {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 0px;
	height: 100%;
}
div.hotelResumeLeftBlock {
	float: left;
	width: 120px;
}
div.hotelResumeRightBlock {
	float: right;
	text-align: left;
	width: 860px;
	margin: 0 0 0 10px;
}
.hotelResumeRightBlock > table {
	height: 120px;
}
div.hotelResumePictureBlock {
	height: 114px;
	background: #333;
}
.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 */	
}
.hotelMapLinkDiv {
	background: url("/images/bg_map_dark.jpg") no-repeat center center;
	height: 26px;
	text-align: center;
	margin-top: 5px;
}
a.hotelMapLink {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	line-height: 28px;
	color: #eee !important;
	padding: 0 14px;
	background: url("/images/picto_map_link.png") no-repeat right -20px;
	transition: background 0.5s 0.2s;
	-webkit-transition: background 0.5s 0.2s;
}
a.hotelMapLink:hover, a.hotelMapLink:focus {
	background: url("/images/picto_map_link.png") no-repeat right center;
	color: #d6d6d6;
}
.contractRemarkStyle p {
	margin: 0;
}
div.hotelResumeAvailibilityBlock {
	float: right;
	width: 170px;
	margin-left: 1em;
}
td.hotelDescriptionsTd {
	vertical-align: top;
}
td.hotelBtnBookTd {
	width: 140px;
}
div.hotelResumeShortDescBlock {
	text-align: justify;
	font-size: 11px;
	padding: 0 10px 0 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: 10px 0 0;
}
/* Fin styles encadre resume d'un hotel dans listing hotels */
/* COMPLEMENT Styles concernant le conteneur de description de l'hotel (hotel-description.htm) -------------------- */
.hotelDescPictureBlock {
	float: left;
	background: none repeat scroll 0 0 #333;
    border: 3px solid #e3e3e3;
}
.hotelDescPictureBlock img.listingPicture {
	height: 174px;
	width: 174px;
}
.hotelDescInfoBlock {
	display: inline-block;
}
/* DEBUT Styles concernant les conteneurs de possibilities (resultats de recherche) -------------------- */
.hotelPossibilityRoomDiv {
	margin: 10px 0 0;
}
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 {
	display: table-row;
	visibility: visible;
	background-color: #ddd;
}
tr.notSelectedPossibility {
	display: none;
	visibility: hidden;
	background-color: #eaeaea;
}
td.possibilityLogoSupplier {
	padding: 0 0 0 3px;
}
.possibilityRoomPlanColumn, .firstPossibilityRoomPlanColumn {
	border-top-color: #214A71;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	line-height: 14px;
	padding: 0 0 0 2px;
	margin: 8px 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;
}
.packageFolderFieldset {
}
.packageFolder {
	background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #FFFFFF;
    margin-top: 10px;
    padding: 1em 1.4em;
}
.radioBtnTd {
	background: #ccc;
	border-left: 1px solid #B7B7B7;
    width: 12px;
}
.textLeftFloat {
	text-align: left!important;
}
.radioBtnTd input[type="radio"] {
	margin: 2px;
}
.possibilityRadioColumn {
	vertical-align: middle;
	text-align: center;
	border-bottom-color: #214A71;
	border-bottom-width: 0px;
	border-top-color: #214A71;
	border-top-width: 1px;
	border-right-color: #214A71;
	border-right-width: 1px;
	border-left-color: #214A71;
	border-left-width: 0px;
}
td.possibilityCancelfees {
	text-align: center;
	background: #f5f5f5;
	color: #888;
	padding: 0;
}
td.possibilityCancelfees fieldset {
	text-align: left;
}
td.possibilityCancelfees fieldset legend {
	font-size: 10px;
	color: #555555;
}
tr.selectedPossibility td.possibilityCancelfees {
	border-bottom: 5px solid #ddd;
}
tr.notSelectedPossibility td.possibilityCancelfees {
	border-bottom: 5px solid #eaeaea;	
}
td.possibilityMarginBottom {
	background: #fff;
	height: 2px;
	padding: 0;
}
td.noBorderCancelFeesTd {
	background: #fff;
	border-bottom: 5px solid #fff;
	padding: 0;	
}
td.nowrap, div.noWrap, span.noWrap {
	white-space: nowrap;
}
span.possibilityColumnTitle, span.possibilityMealPlanLabel, span.listPerRoomPrice, span.extrabed {
	display: inline-block;
	max-width: 445px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
}
span.possibilityColumnTitle:hover, span.possibilityMealPlanLabel:hover, span.listPerRoomPrice:hover {
	white-space: normal;
}
span.possibilityColumnTitle {
	color: #4BA4BC;
	font-weight: bold;
	font-size: 10px;
	margin: 0 5px 0 0;
	white-space: nowrap;
}
div.possibilityMealPlanLabel,span.possibilityMealPlanLabel, span.extrabed {
	color: #000000;
	font-weight: normal;
	font-size: 10px;
	margin: 0 5px 0 0;
}
.possibilityTable span.listPerRoomPrice {
	color: #777;
    font-size: 10px;
    white-space: nowrap;
}
img.possibilitySupplierIcon {
	max-height: 40px;
}
td.possibilityInfos {
	width: 150px;
	padding-top: 10px;
}
table.priceStatusTable, td.priceStatusTd {
	text-align: center;	
}
.possibilityPrice {
	color: #4BA4BC;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
.promoPictoTd {
	vertical-align: top;
}
img.promoPicto {
	cursor: help;	
}
.possibilityCancelFees {
}
a.cancelFeesLink, #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;
}
a.cancelFeesLink:hover, a.cancelFeesLink:focus, #resultslistingformapcontainer a.current:hover, #resultslistingformapcontainer a.current:focus, a.CGVLink:hover, a.CGVLink:focus {
	background: #ccc;
	color: #666;	
}
#resultslistingformapcontainer a.current {
	margin: 0 0 0 2px;	
}
.onRequestLittle {
	color: #FF9103;
	text-align: center;
	font-size: 10px;
}
.availableLittle {
	color: #10A048;
    font-size: 10px;
    text-align: center;
}
a.seeOthersLink,a:visited.seeOthersLink {
	background: #f1f1f1;
    color: #666;
    display: inline-block;
    font-weight: bold;
    line-height: 16px;
    padding: 0 6px;
	border-style: solid;
	height: 16px;
}
a.seeOthersLinkTop {
	border-width: 2px;
	border-color: #F2F2F2 #F1F1F1 #E0E0E0 #E8E8E8;
	vertical-align: bottom;
	margin: 3px 0 0;
	border-radius: 4px 4px 0 0;
	visibility: hidden;
	display: none;
}
a.seeOthersLinkBottom {
	border-width: 0px 2px 2px;
	border-color: #F1F1F1 #E9E9E9 #E9E9E9 #EEEEEE;
	border-radius: 0 0 4px 4px;
}
a.seeOthersLinkTop:hover, a.seeOthersLinkTop:focus {
	height: 19px;
	line-height: 16px;
	margin: 0;	
}
a.seeOthersLinkBottom:hover, a.seeOthersLinkBottom:focus {
	height: 19px;
	line-height: 22px;
}
div.seeOthersLinkParent {
	display: block;
	visibility: visible;
	float: left;
	text-align: center;
	width: 100%;
	height: auto;
}
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: #214A71;
	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;
}
/* ******************************************************************* */
/* DEBUT affichage des r�sultats de recherche - onglet : Liste | Carte */
/* ******************************************************************* */
#resultsfeaturesresume {
	color: #214A71;
	font-size: 16px;
	line-height: 24px;
}
#sortingLinks {
	margin: 0 0 10px;	
}
#sortingLinks td {
	text-align: center;
}
.paginationBloc {
	width: 100%;
	padding: 5px;
	margin:	0 0 10px;	
}
.paginationBloc select {
	vertical-align: middle;
}
#resultscontent {
}
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: #F3F3F3;
	height: 40px;
	cursor: pointer;
}
table.resultslistingformap tr.current {
	background-color: #00B4A1;
	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 {
	font-family: sans-serif;
	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;
}
/* debut 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 resultats de recherche - onglet : Liste | Carte   */
/* ******************************************************************* */
div.amendmentPossibilityTotalPrice {
	font-size: 12px;
	color: #8EC5DB;
	font-weight: bold;
}
span.amendmentPossibilityRoomDescription {
	font-size: 13px;
	color: #214A71;
}
div.amendmentTitle {
	font-size: 15px;
	color: #214A71;
	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;
}
div.amendmentPossibilityTotalPrice {
	font-size: 12px;
	color: #8EC5DB;
	font-weight: bold;
}
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;
}
/* ----------------------------- */
/*      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: #214A71;
	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: #214A71;
	font-size: 1em;
	display: block;
}
.poiCible {
	cursor: pointer;
}
.triAgencies {
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
}
.tdAgencies {
	border: 2px solid #FFFFFF;
}
/*******************************************************************************************************************/
/* VOL */
table.flightResultTable {
	margin-top: 10px;
	background-color: #EEEEEE;
	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;
	background-color: #e1e1e1;
	vertical-align: middle;
	border-width: 1px;
	border-color: #174674;
}
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;
	background-color: #e1e1e1;
	vertical-align: middle;
	border-width: 1px;
	border-color: #174674;
}
tr.tarifNoteTr {
}
.resultFlightSearchFieldset {
	text-align: center;
}
.resultFlightSearchLegend {
	color: #918470;
}
.flightSearchSummaryDiv {
}
#flightBoardFrameDiv {
    width: auto !important;
}
table.defaultBackgroundedTable {
	padding: 6px 0px 6px 0px;
	width: 100%;
}
td.columnHeaderGoAndBack {
	font-weight: bold;
	text-align: center;
	padding: 4px;
	background-color: #ccc;
    color: #777777;
    font-size: 12px;
}
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;
}
span.resultHeaderPrice {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	color: #fff;
}
/* --------------------- 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: 80px;
	border-style: inset;
	border-collapse: collapse;
	border-width: 0;
	float: left;
}
.companyResultCell {
	border-style: solid;
	border-width: 1px;
	height: 22px;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	width: 102px;
	background: #EEEEEE;
    border-color: #FFFFFF;
}
.companyResultCell,.companyResultCell a {
	font-size: 10px;
}
.companyResultheader {
	color: #555555;
    font-size: 11px;
	border-style: outset;
	border-width: 1px;
	background-color: #CCCCCC;
	border-color: #FFFFFF;
	height: 20px;
	width: 80px;
	white-space: nowrap;
}
.flightCompanyImg {
	width: 80px;
	max-height: 17px;
}
.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 {
	background-color: #F3F3F3;
	border-collapse: collapse;
	border: none 0px;
	color: #214A71;
	width: 100%;
	margin: 20px 0;
}
tr.selectedFlightDescTr,tr.selectedAccomDescTr {
}
td.selectedFlightDesc,td.selectedAccomDesc {
	color: #fff;
}
td.leftAlignColumnHeader {
	background-color: #214A71;
	margin: 2px;
	padding: 2px;
	font-size: 13px;
	text-align: left;
	color: #ffffff;
	font-weight: bold;
}
fieldset.packageSelectionFieldset {
	border-style: none;
	margin: 0;
	padding: 0;
}
.packageSelectionFieldset fieldset {
	background: #eee;
	border-style: solid;
	border-color: #eaeaea #f1f1f1;
	border-width: 2px;
	border-radius: 0;
	margin: 0 0 15px;
}
.packageSelectionFieldset textarea {
	width: 90%;
	display: block;
}
.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");
}
p.blocTitle {
	color: #214A71;
    font-size: 12px;
    font-weight: bold;	
    margin: 0 0 10px;
    text-align: left;
}
.informationStyle {
	color: #666666;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;	
}
.travellersPaxTable {
	border-collapse: separate;	
}
.travellersPaxTable td.leftAlignColumnHeader {
	background: none;
	color: #666;
	font-size: 11px;	
}
.travellersPaxTable td.columnHeader {
	background-color: #d2d2d2;
	color: #666;
}
.travellersPaxTable td.blueTextCell {
	color: #B4B4B4;
	font-size: 11px;
	font-style: italic;
}
div.packageSelectionTitle {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ddd;
	height: auto;
	margin: 0 0 10px;
	padding: 0 0 0 5px; 
}
.packageSelectionTitleLight {
	font-size: 18px;
	font-weight: bold;
	color: #214A71;
	height: 25px;
}
.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: #ddecee;
	padding: 4px;
}
img.bannerClass {
	border-bottom: 5px solid #8EC5DB;
    color: #2779AA;
    cursor: pointer;
    width: 1024px;
}
#packageForcedPrice, .transferTotalRackPrice  {
	color: #214a71;
	font-size: 15px;
	font-weight: bold;
	line-height: 34px;
}
#clientAccountsDiv {
	width: 100%;
	overflow: auto;
}
#clientAccounts * {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}
#clientAccounts th {
	font-size: 12px;
	background-color: #e5e5e5;
}
#selectedClientAccountNumber {
	width: 150px;
}
div.infoMsg {
	border: 2px solid #315AB0;
	color: #315AB0;
	font-size: 12px;
	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 #CD5050;
	color: #CD5050;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	min-width: 30px;
	padding: 5px 2px 5px 10px;
	text-align: left;
	vertical-align: top;
}
div.successMsg {
	border: 2px solid #9FCF9F;
	color: #005F00;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	min-width: 30px;
	padding: 5px 2px 5px 10px;
	text-align: left;
	vertical-align: top;
}
span.nowrap {
	white-space: nowrap;
	font: inherit;
	color: inherit !important;
}
.progressFinished {
	background: url(/images/pbar-ani.gif) repeat-x center !important;
}
div.hotelPromotion {
    font-weight: bold;
    color: #88bd57;
}
#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;
}
.emailTable {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.emailTable > * {
	display: table-cell;
}
.labelEmailBloc {
	font-weight: bold;
	color: #888;
	margin: 0 0 3px;
}
#otherMail {
	margin: 0 0 0 5px;
}
.accomFlightTransferCalendar {
	background: url("/images/calendar_accom_flight_transfer_blue.png")
		no-repeat scroll -3px -3px !important;
}
.accomFlightCalendar {
	background: url("/images/calendar_accom_flight_blue.png") no-repeat
		scroll -3px -3px !important;
}
.accomTransferCalendar {
	background: url("/images/calendar_accom_transfer_blue.png") no-repeat
		scroll -3px -3px !important;
}
.flightTransferCalendar {
	background: url("/images/calendar_flight_transfer_blue.png") no-repeat
		scroll -3px -3px !important;
}
.accomCalendar {
	background: url("/images/calendar_accom_blue.png") no-repeat scroll -3px
		-3px !important;
}
.flightCalendar {
	background: url("/images/calendar_flight_blue.png") no-repeat scroll
		-3px -3px !important;
}
.transferCalendar {
	background: url("/images/calendar_transfer_blue.png") no-repeat scroll
		-3px -3px !important;
}
.nothingCalendar {
	background: url("/images/calendar_blue.png") no-repeat scroll -3px -3px
		!important;
}
.accomFlightTransferCalendar :HOVER {
	background: none !important;
	color: #2779AA !important;
}
.accomFlightCalendar :HOVER {
	background: none !important;
	color: #2779AA !important;
}
.accomTransferCalendar :HOVER {
	background: none !important;
	color: #2779AA !important;
}
.flightTransferCalendar :HOVER {
	background: none !important;
	color: #2779AA !important;
}
.accomCalendar :HOVER {
	background: none !important;
	color: #2779AA !important;
}
.flightCalendar :HOVER {
	background: none !important;
	color: #2779AA !important;
}
.transferCalendar :HOVER {
	background: none !important;
	color: #2779AA !important;
}
.nothingCalendar :HOVER {
}
.accomFlightTransferCalendar a {
	background: none !important;
	height: 20px;
}
.accomFlightCalendar a {
	background: none !important;
	height: 20px;
}
.accomTransferCalendar a {
	background: none !important;
	height: 20px;
}
.flightTransferCalendar a {
	background: none !important;
	height: 20px;
}
.accomCalendar a {
	background: none !important;
	height: 20px;
}
.flightCalendar a {
	background: none !important;
	height: 20px;
}
.transferCalendar a {
	background: none !important;
	height: 20px;
}
.nothingCalendar a {
	background: none !important;
	height: 20px;
}
.accomFlightTransferCalendar span {
	height: 20px;
}
.accomFlightCalendar span {
	height: 20px;
}
.accomTransferCalendar span {
	height: 20px;
}
.flightTransferCalendar span {
	height: 20px;
}
.accomCalendar span {
	height: 20px;
}
.flightCalendar span {
	height: 20px;
}
.transferCalendar span {
	height: 20px;
}
.nothingCalendar span {
	height: 20px;
}
.ui-datepicker-current-day a {
}
.ui-datepicker td {
	padding: 0px !important;
}
.ui-datepicker table {
	border-collapse: separate !important;
}
#ui-datepicker-div {
	z-index: 20003 !important;
}
.legend {
	background-image: url("/images/legend.png") !important;
	background-position: center bottom !important;
	background-repeat: no-repeat !important;
	height: 270px !important;
}
div.hobbesToolsDiv {
	background: #E1EEF5;
	border: #2EB0D5 1px solid;
	color: #2EB0D5;
	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: #2EB0D5 1px solid;
	color: #2EB0D5;
	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: black;
	font-size: 11px;
	font-weight: normal;
}
div.hobbesToolsDetailsDiv {
	background: white;
	border: #2EB0D5 1px solid;
	color: black;
	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;
}
/* ---------------------------------- */
/* Boc resultat de recherche pour map */
/* ---------------------------------- */
.mapToggleLink {
    padding: 0 5px;
    font-size: 11px !important;
}
div.map, div#mapview {
}
#mapContainer {
}
.mapWindowForResultsTd {
	padding: 0;
	vertical-align: top;
}
#mapWindowForResults {
	height: 470px;
	width: 100%;
}
.hotelNameMapListSelect {
	background: #eaeaea;
}
#mapWindowForSearch {
	height: 450px;
	width: 100%;
}
#mapWindowForDesc {
	height: 410px;
	width: 100%;
}
#mapWindowForAirports {
	height: 350px;
	width: 100%;
}
.maphotelname {
	color: #214A71;
	font-weight: bold;
	font-family: verdana;
	font-size: 14px;
	margin-bottom: 10px;
}
.maphotelresume {
	max-width: 290px;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-top: 4px;
	font-family: Verdana;
	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 {
	float: left;
	text-align: justify;
	margin-bottom: 10px;
}
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 .search-result-down {
}
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 .right-content .price {
}
div#resultslistingformapcontainer div.poi-div-container input {
	margin-top: -10px;
}
div#resultslistingformapcontainer h3 {
}
div#resultslistingformapcontainer {
	width: 100%;
	max-height: 490px;
	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: 10px;
	font-weight: bold;
	font-style: italic;
    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;
}
div.menu {
	font-size: 11px;
	top: 0px;
	color: #888;
	height: 20px;
	background: #e1e1e1;
	padding: 2px 0 0 7px;
	position: relative;
	clear: both;
}
div.breadcrumbContent.menu {
	padding: 5px 0 5px 7px;
	height: 25px;
	display: table;
}
div.breadcrumbContent.menu > span {
	display: table-cell;
	vertical-align: middle;
}
.breadcrumb {
	line-height: 25px;
}
.infoLogin {
	font-size: 9px;
	text-align: right;
  	padding-right: 10px;
}
.soldeAgence {
	font-weight: bold;
	font-size: 10px;
	padding-left: 5px;
	text-align: right;
	border-left: 1px solid #CDC9C9;
}
.soldeAgence > span {
	display: block;
	line-height: 20px;
}
.profilUser {
	display: block;
	margin-top: 5px;
}
.agencyAddress {
	display: block;
}
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;
	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 {
}
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 {
}
/* dropdowns
*************************/
ul.dropdown {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	z-index: 10000000000;
	top: 100%;
	width: 250px;
	display: none;
	left: 0;
}
ul.dropdown ul.dropdown {
	top: 0;
	left: 95%;
}
ul.dropdown li {
	margin: 0;
	padding: 0;
	float: none;
	position: relative;
	list-style: none;
	display: block;
}
ul.dropdown li a {
	display: block;
}
/*******************************************************************************************************************/
/* PACKAGE */
.selectionPackageContainerDiv {
     border: 5px solid #DDDDDD;
	margin: 0 0 20px;
	background: #fff;
}
.packageSelectionFieldset .hotelResumeRightBlock {
	width: 860px;
}
#packageSelectionFlight, #packageSelection {
	margin: 5px;
}
.selectionPackageContainerDiv table.selectedFlightDescTable,
.selectionPackageContainerDiv table.selectedAccomDescTable {
	margin: 10px 0;
}
/********************************************************
 * couleur dominante : #2EB0D5
 * couleur secondaire: #E1EEF5
 ********************************************************/
img.activityLangFlag {
	height: 10px;
	margin-left: 5px;
}
div.activityResult {
	margin-top: 10px;
	border: #2EB0D5 1px solid;
	margin-right: 4px;
}
table.activityResultTable {
	border: #2EB0D5 1px solid;
	display: block;
	width: 100%;
	margin-right: 4px;
	border-collapse: collapse;
}
div.activityResultHeader {
	width: 100%;
	background: #2EB0D5;
	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: #2EB0D5 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: #2EB0D5;
	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: #214A71 2px groove;
	padding-right: 3px;
	border-top: #214A71 2px groove;
	padding-left: 3px;
	font-size: 9px;
	padding-bottom: 1px;
	margin: 0px;
	border-left: #214A71 2px groove;
	width: 90px;
	cursor: pointer;
	color: #ffffff;
	padding-top: 1px;
	border-bottom: #2EB0D5 2px groove;
	background-color: #2EB0D5;
	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: #8EC5DB
 ********************************************************/
/* cadre d'affichage du total des rack des transferts selectionnes */
div.transferTotalRackPrice {
}
/* affichage d'un resultat de recherche transfert */
table.transferSearchResult {
	border-collapse: collapse;
	width: 100%;
	margin: 5px 0px 5px 0px /* up right bottom left */;
}
/* affichage d'un transfert */
table.transfer,div.transfer {
	border-collapse: collapse;
	width: 100%;
}
/* header */
tr.transferHeader,div.transferHeader {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	padding: 2px;
}
/* label des headers */
td.transferHeaderLabel,div.transferHeaderLabel {
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 12px;
}
/* logo supplier */
img.transferSupplierLogo {
	margin: 2px;
	height: 28px;
	float: right;
	cursor: help;
}
/* transfert disponible */
span.transferVehicleAvailable {
	font-variant: small-caps;
	font-size: 12px;
	color: green;
}
/* transfert en demande */
span.transferVehicleOnRequest {
	font-variant: small-caps;
	font-size: 10px;
	color: #E69903;
}
/* transfert non disponible */
span.transferVehicleUnavailable {
	font-variant: small-caps;
	font-size: 12px;
	color: red;
}
/* prix d'un vehicle */
span.transferVehicleRackPrice,div.transferVehicleRackPrice {
	color: #214A71;
	font-size: 110%;
	font-weight: bold;
}
/* prix d'un vehicle - old price */
span.transferVehicleOldRackPrice,div.transferVehicleOldRackPrice {
	color: #8EC5DB;
	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 {
	color: #8EC5DB;
	font-size: 110%;
	font-weight: bold;
	padding: 1px;
}
/* affichage vehicle transfert */
table.transferVehicle {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	vertical-align: top;
	margin: 10px 0 20px;
}
/* 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;
}
td.transferPointInfoTop {
	color: #333;
	background: #ccc;
	padding: 2px;
}
.transferBookingDetailsContent td.transferPointInfoTop {
    font-size: 16px;
    padding: 5px;
    font-weight: 700;
}
td.transferPointInfoMiddle {
	padding: 2px;
	background: #ddd;
}
td.transferPointInfoMiddleLeft {
	padding: 2px;
}
td.transferPointInfoMiddleRight {
	padding: 2px;
}
td.transferPointInfoBottom {
	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;
	padding: 5px;
}
.transferPaxsContent td {
	padding-top: 10px;
}
/* conditions d'annulation */
div.transferCancelFeesPolicies {
	text-align: left;
	font-size: 10px;
}
/* frais annulation : prix */
span.transferCancelFeesPrice {
	color: red;
	font-weight: bold;
	font-size: 12px;
}
/* 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;
}
.transferHeader .transferHeaderLabel > div {
    padding: 5px;
}
.transferHeader .transferHeaderLabel .forcedPrice {
    padding-bottom: 5px;
}
/* ========================= LEFT SEARCH FORM TRANSFERT================ */
div.transferLeftSearchFormCell {
	text-align: left;
	padding: 2px;
}
div.transferLeftSearchFormCellRightAlign {
	text-align: right;
	padding: 2px;
}
input.transferAutocompleteInput {
	width: 250px;
}
#cities1 > span, #airports2 > span {
	width: 150px;
}
#cities1 > span, #airports2 > span {
	margin-right: 5px;
}
#inDateWeekDayNameDiv {
	margin: 0;
}
/* =========================== ONGLET =========================== */
.transferTab {
	border-bottom: solid 1px #214A71;
	padding: 5px 5px 0px 5px;
	width: auto;
	height: auto;
	margin: 5px 5px 0px 5px;
	text-align: left;
	vertical-align: middle;
}
.transferTabItem {
	background-color: #8EC5DB;
	color: #214A71;
	font-size: 9pt;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	text-shadow: silver;
	text-decoration: none;
	padding: 2px 2px 0px 2px;
	margin: 2px 5px 0px 5px;
	border-color: #214A71;
	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: #214A71;
	color: white;
	font-size: 9pt;
	font-family: Tahoma, Verdana;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 2px 0px 2px;
	margin: 2px 5px 0px 5px;
	border-color: #214A71;
	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;
}
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-left: 10px;
	display: block;
}
ul#searchtypenavigation li a.searchtypetabactive {
	color: white;
	background: #214A71;
	cursor: default;
}
ul#searchtypenavigation li a.searchtypetabdisabled {
	color: black;
	border-bottom: 2px solid #d5d5d5;
	border-right: 2px solid #d5d5d5;
}
ul#searchtypenavigation li a:hover,ul#searchtypenavigation li a:focus {
}
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: #F3F3F3;
	display: block;
	font: 1em Tahoma, Verdana;
}
ul#leftsearchtypenavigation li a.searchtypetabactive {
	color: white;
	background-color: #214A71;
	border-top: 1px solid #214A71;
}
ul#leftsearchtypenavigation li a.searchtypetabdisabled {
	color: black;
	border: 1px solid #214A71;
}
ul#leftsearchtypenavigation li a:hover,ul#leftsearchtypenavigation li a:focus {
}
/*********************************************************
bloc paiement ogone
 **********************************************************/
 .paymentBloc {
 	background: #eee;
	border-style: solid;
	border-color: #eaeaea #f1f1f1;
	border-width: 2px;
	border-radius: 0;
	margin: 0 0 15px;
 }
 .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/class_of_service_biz.gif") -66px -44px no-repeat;
    width: 18px;
    height: 18px;
    float: left;
}
div.class_of_service_eco {
    background: url("/images/class_of_service_eco.gif") -44px -44px no-repeat;
    width: 18px;
    height: 18px;
    float: left;
}
div.class_of_service_first {
    background: url("/images/class_of_service_first.gif") -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;
	text-align: left;
	color: #7F7F7F;
	font-size: 9px;
	font-style: italic;
}
/* ============================================================================ */
/*                          popup jquery fiche details                          */
/* ============================================================================ */
#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masque par defaut--*/
	background: #000;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .40;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masque par defaut--*/
	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;
}
/*--Gerer 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: #666;
	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: #666;
	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 {
}
img.selectedLanguageIcon {
	width: 20px;
}
/* trip advsors */
div.tripadvisor {
	text-align: center;
}
/* ============================================================================ */
/*                               MAP                                            */
/* ============================================================================ */
div.map {
	width: 750px;
	height: 350px;
	background: #EEEEEE;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
/* ============================================================================ */
/*                        DATE PICKER JQUERY UI OVERRIDE                        */
/* ============================================================================ */
#ui-datepicker-div.ui-widget {
	font-size: 0.8em;	
}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, #ui-datepicker-div .ui-widget-header .ui-state-highlight {
    background: #aaa;
    border: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
}
/* ============================================================================ */
/*                            TABS JQUERY UI OVERRIDE                           */
/* ============================================================================ */

#tabs.ui-widget-content,
#tabstb.ui-widget-content {
    background: none repeat scroll 0 0 #f5f5f5;
    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;
    top: 3px;
}
#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;
    top: -1px;
}
#tabs.ui-tabs,
#tabstb.ui-tabs {
    padding: 0;
    position: relative;
    margin: 0 0 10px;
}
#tabstb.ui-tabs .ui-tabs-nav li:ACTIVE {
	top: 0;
}
#tabs.ui-tabs .ui-tabs-nav li,
#tabstb.ui-tabs .ui-tabs-nav li {
    margin: 0 5px 0 0;
    top: 3px;
    white-space: nowrap;
}
.possibilityCancelfees .ui-tabs {
	background: none;
	border: 0 none;
	padding: 10px 0;
}
.possibilityCancelfees .ui-tabs ul {
	background: none;
	border: 0 none; 
}
.possibilityCancelfees .ui-tabs li.ui-state-default {
	background: none;
	border: 0 none;
	border-radius: 0;
}
.possibilityCancelfees .ui-tabs ul li.ui-state-default {
	border-right: 1px solid #a5a5a5;
}
.possibilityCancelfees .ui-tabs ul li.ui-state-default:last-child {
	border-right: 0 none
}
.possibilityCancelfees .ui-tabs li.ui-state-default a {
	color: #a5a5a5;
	font-weight: bold;
	font-size: 10px;
	padding: 0 10px;
}
.possibilityCancelfees .ui-tabs li.ui-state-default.ui-state-active a{
	color: #555;
}
.possibilityCancelfees .ui-tabs .ui-tabs-panel {
	padding: 10px;
	text-align: left;
	font-size: 10px;
	color: #666;
}
.possibilityCancelfees .ui-tabs fieldset {
	padding: 0;
	margin: 0;
}
.possibilityCancelfees .ui-tabs legend{
	padding: 0;
  	margin-bottom: 3px;
}
/* ============================================================================ */
/*                        AUTOCOMPLETE JQUERY UI OVERRIDE                       */
/* ============================================================================ */
.ui-autocomplete {
    cursor: default;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 20px;
    position: absolute;
    z-index: 1010 !important;
}
.ui-autocomplete.ui-widget {
	font-size: 10px;	
}
.ui-autocomplete a.ui-state-hover {
	background: #ddd;
    border: 1px solid #ddd;
    color: #222;
}
/* ============================================================================ */
/*                           SLIDER JQUERY UI OVERRIDE                          */
/* ============================================================================ */
#slider-range {
	margin: 5px 5px 0;	
}
#sliderRangeDiv #amount {
	background-color: transparent;
	border: none;
	font-weight: bold;
	width: 140px;
}
#sliderRangeDiv .ui-widget {
	font-size: 0.9em;
}
#sliderRangeDiv .ui-slider .ui-slider-handle { width: 0.6em; height: 1.5em; margin-left: -0.3em; cursor: pointer; }
#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 {
    background: url("/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
    border: 1px solid #DDDDDD;
}
#sliderRangeDiv .ui-widget-header {
	background: #e0e0e0/*{bgColorHeader}*/ url(/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
}
/* 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 #999;
    border: 1px solid #d5d5d5;
}
div.horizontalScrollAuto {
	overflow-x: auto;
	overflow-y: hidden;
	overflow : -moz-scrollbars-horizontal;
}
/* =========================================================================
 * pgw Slide Show
 * =========================================================================*/
.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;
}
/** 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 a {
	font-size: 11px;
	padding-left: 5px;
	cursor: pointer;
}
.alphabet a.active {
	color: #214a71;
	cursor: text;
}
.alphabet span {
	color: #ccc;
}
#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: 10px;
  	position: fixed;
  	width: 100%;
  	z-index: 20002;
  	text-align: left;
  	top: 25%;
}

.editorCustomTop{
	top:15%;
}

.editorCustomHeight{
	height:80%;
}

.containerInlineBlock {
	padding: 10px 0;
}
.inlineBlockdiv {
	display: inline-block;
  	width: 50%;
  	margin-right: -4px;
  	vertical-align: bottom;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.agencyUserRow > td.small {
	padding: 5px 0 5px 5px;;
	vertical-align: middle;
	text-align: left;
	font-size: 10px;
}
#usersSearch .columnHeader, #usersList .columnHeader {
	padding: 10px 0;
	text-align: left;
}
.TriDiv {
	padding: 15px 10px 5px 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid;
}
.containerAlert {
	padding: 10px;
}
.containerBtn {
	margin-top: 20px;
}
.inputPopin {
	width: 180px;
}
.smallInput {
	width: 50px;
}
.agencyUserTable .formLabel, #companyUserEditor .formLabel {
	width: 300px;
	margin: 5px;
	display: inline-block;
}
#companyUserEditor .formLabel {
	width: 300px;
}
#companyUserEditor .formLabel.notinlineBlock{
	display: inline;
}
#usersSearchTri.fixedElement {
	position: fixed;
	top: 0;
	z-index: 1000;
	background: #f1f1f1;
  	padding: 10px 5px;; 
}
.status > *, .status > input[type="radio"]  {
	vertical-align: middle;
}
.nbrUser {
	margin-bottom: 0;
}
.nbrUser span {
	text-align: left;
	font-size: 11px;
	color: #214a71;
}
.displayInlineBlock > div {
	display: inline-block;
	margin-right: -4px;
}
.statusDiv {
	text-align: right;
	width: 30%;
}
.displayInlineBlock .note {
	width: 70%;
}
a.btnCreate {
	color: #214a71;
 	background: #fff;
  	padding: 3px 5px;
  	border: 1px solid #214a71;
  	font-weight: bold;
}
a.btnCreate:hover, a.btnCreate:focus {
	color: #fff;
	background: #214a71;
}
.pstRelative {
	position: relative;
}
.containerBtnCreate {
	position: absolute;
	right: 20px;
  	top: 25px;
}
.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;
}
.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: 75%;
}
.searchTriBloc > div.search {
	width: 25%;
	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;
	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;
}
.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;
}
/** repartition pax**/
.PaxCriteriaGroup {
	position: relative;
}
.PaxCriteria {
	margin-right: 0;
}
button.paxFormBtn {
	min-width: 270px;
	text-align: left;
  	border: 1px solid #bbb;
  	background-color: #eeeeee;
  	font-size: 11px;
  	padding: 4px 6px;
  	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: 400px;
	right: 0;
	display: none;
}
.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: 10px;
	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: 14px;
  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: 1px 3px;
}
.mandatory:AFTER {
	content: ' (*)';
}

.mandatory-star-only:AFTER {
	content: ' *';
}
/** Etiquettes Meilleur tarif + promo**/
.badges-row {
	margin-bottom: 5px;
}
.badges {
	position: relative;
  	display: inline-block;
}
.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 {
	display: block;
	opacity: 1;
}
.d-deal-tarif {
	 background: #f79a00;
}
.d-deal-tarif  .d-deal-picto span {
	 color: #f79a00;
}
.d-deal-promo {
	 background: #88bd57;
}
.d-deal-promo  .d-deal-picto span {
	 color: #88bd57;
}
.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**/

/* STYLE POUR FORCER LE BLOC MODIF RECHERCHE CACHE PAGE RESULT */
#searchFormLeftDiv #searchFormDiv {
	display: none;
}

/* styles invoiceEditionPage */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.customFieldsRow {
	margin-top: 20px;
	border-top: 2px solid #eee;
}
.invoiceEditionPage {
	margin-bottom: 20px;
}
.invoiceEditionPage .column {
	float: left;
	width: 12.8%;
	padding-left: 7px;
	padding-right: 7px;
	text-align: left;
	margin-top: 20px;
}
.invoiceEditionPage span.labelSpan {
    margin-bottom: 5px;
    display: block;
    color: #888;
    font-weight: bold;
    font-style: italic;
}
.invoiceEditionPage .column input {
	width: 120px;
}
.invoiceHistoryBloc {
	text-align: left;
}

.invoiceLinkBlock{
	margin: 15px 0;
}

.invoiceLink, .invoiceLink:visited {
	color: #666;
	text-decoration: underline;
/* 	margin: 15px 0; */
/*     display: block; */
    font-weight: bold;
    font-style: italic;
}
.invoiceHistoryDetail {
	background: #eee;
	padding-bottom: 20px;
	display: none;
}
.invoiceHistoryDetail p {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}
.invoiceHistoryDetail .customFieldsRow {
	border-top: 2px solid #fff;
}
.invoiceBtnDiv, .codeAgencyDiv {
    padding: 20px;
    border: 2px solid #eee;
    margin-top: 20px;
    background: #f9f9f9;
}
.invoiceBtnDiv, .billBtnDiv, .paymentCbBlock {
    padding: 20px;
    border: 2px solid #eee;
    margin-top: 20px;
    background: #f9f9f9;
}

.paymentCbBlock label{
	display: block;
	float: left;
	text-align : left;
	color: #888;
    font-weight: bold;
    font-style: italic;
}

.invoiceBtnDiv, .creditBtnDiv {
/*     text-align: right; */
/*     float: right; */
    padding: 20px;
    border: 2px solid #eee;
    margin-top: 20px;
    background: #f9f9f9;
/*     margin-left: 20px; */
}
.invoiceEditionPage .invoiceBtnDiv button {
	margin: 0;
}
.invoiceEditionPage .codeAgencyDiv .labelSpan {
	display: inline-block;
    margin: 0;
}
.invoiceEditionPage .codeAgencyDiv input[type="text"] {
	vertical-align: middle;
    margin: 0 5px;
}
.invoiceEditionPage .creditBtnDiv .labelSpan {
	display: inline-block;
	margin: 0;
}
.invoiceEditionPage .creditBtnDiv input[type="text"] {
	vertical-align: middle;
	margin: 0 5px;
}
.codeAgencyRemark {
	display: block;
    margin-top: 10px;
    font-size: 10px;
}
.creditRemark {
	display: block;
    margin-top: 10px;
    font-size: 10px;
/*     text-align: right; */
}

.formCreationCustom {
	overflow: auto;
    max-height: 87%;
    margin-top: 0.5%;
}

/* LOGIN STAGE */

.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 > 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;
}

#searchBookingByTraineeForm .displayTable ._first {
	padding-right: 5px;
}
#searchBookingByTraineeForm .displayTable ._sec {
	padding-left: 5px;
}

.clickable {
	cursor: pointer;
}

.cancelPolicyDetail{
	display: none;
	text-align: left;
}
.portalStage .bannerFullWidthBg {
	background: #ffffff;
	margin-bottom: 30px;
}
.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;
}