@CHARSET "ISO-8859-1";

.uplinebk {
    font-size:8pt;
    color:#06587D;
    background:URL('/images/bkupline.jpg') no-repeat;
    width:780px;
    height:12px;
    padding-left:80px;
}

.upline {
    width:650px;
    height:12px;
    overflow: hidden;
}


img {
	border:0px;	
}

form {
   margin:0;
   border:0;
   padding:0;
}

html, body  {
	/*height:100%;*/
	margin: 0;
	padding: 0;
	font-size: 9pt;
	font-family: arial, verdana, sans-serif;
	color:#06587D;
}


a {
    color:#06587D;
}

a:hover {
    color:#00384A;
}


td {
	font-size: 9pt;
	font-family: arial, verdana, sans-serif;
}

#menu dl,.menu2 dl,
#menu dt,.menu2 dt,
#menu dd,.menu2 dd,
#menu ul,.menu2 ul,
#menu li,.menu2 li 
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	position: relative;
	z-index: 100;
	width: 784px;
	float:left;
}

#menu dl {
	float: left;
	width: 111;
	margin: 0;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	/*background: #1B98C6;*/
	border-top: 5px solid #1B98C6;
}

#menu dd {
	position: absolute;
	/*border-top: 7px solid #5C8597;*/
	filter: alpha(opacity = 90);
	-moz-opacity: 0.90;
	-khtml-opacity: 0.9;
	opacity: 0.90;
	width: 111px;
	display: none;
}

#menu li {
	border-bottom: 3px solid #2E7B8B;
	text-align: center;
	background: #5C8597;
}

#menu li a,#menu dt a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	font-size: 9pt;
}

#menu li a:hover,#menu dt a:hover {
	background: #000000;
	color: #ffffff;
}
/*
.menu2 {
	width: 130px;
	background: #CEECF7;
}

.menu2 ul {
	position:absolute;
	margin-left:130px;
	margin-top:-20px;
	width:520px;
}

.menu2 dd {
	position: relative;
	-moz-opacity: 0.90;
	-khtml-opacity: 0.9;
	opacity: 0.90;
	display: block;
	z-index: 11;
}

.menu2 dd ul {
	filter: alpha(opacity = 90);
}

.menu2 dt {
	cursor: pointer;
	margin: 2px 0;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-weight: bold;
	color: #CEECF7;
}

.menu2 li {
	text-align: left;
}
.menu2 li a,.menu2 dt a,.menu2 dd a  {
	color: #CEECF7;
	text-decoration: none;
	display: block;
	border: 0 none;
  	vertical-align:middle;
	margin: 0 0 0 10px;
	font-size: 9pt;
}

.menu2 dd a  {
  padding-bottom:5px;
}


.menu2 li a:hover,.menu2 dt a:hover,.menu2 dd a:hover {
	background: #000000;
	color: #CEECF7;
}*/
#cookie-banner {
background: none repeat scroll 0 0 #fff;
border-top: 1px solid #e2e2e2;
bottom: 20px;
font-size: 13px;
left: 0;
line-height: 150%;
padding: 8px 1%;
position: fixed;
width: 200px;
z-index: 10000;
left: 20px;
}

div.choiseCategory{
	float:left;
	width: 612px;
	font-size: 15px;
	background-color: #FFF;
	margin-left: 8px;
   	color: black;
    	padding-top:12px;
	padding-bottom:11px;
   	margin-top: 5px;
	text-align: center;
}

div.closeContainer{
	float:left;
	margin-top:5px;
	background-color: #FFF;
	padding-bottom:10px;
    	text-align: right!important;
	width:20px;
}

div.closeContainer>a{
    font-size:25px!important;
    color: red!important;
}

div.clearLeft{
	clear:left;
}

.menu2 {
    font-weight: bold;
	background: #CEECF7;
}

.menu2 dl {
    position: relative;
    width: 125px;
    margin: 2px 3px 1px 5px;
}
.menu2 dl dt {
    width: 120px;
    color: #CEECF7;
    padding: 2px 2px 3px 2px;
}

.menu2 dl dd {
    background-color:#FFF;
    box-shadow: 0px 10px 12px 8px #555;
	top:0px;
	left: 132px;
	position: absolute;
	-moz-opacity: 0.90;
	-khtml-opacity: 0.9;
	opacity: 0.90;
	display: none;
	z-index: 11;
	padding-top:2px;
	padding-bottom:5px;
	width: 646px;
	min-height: 180px;
}



/*Liens a gauche*/
.menu2 dt a {
	display: block;
	color: #CEECF7;
	text-decoration: none;
  	vertical-align:middle;
	font-size: 9pt;
	cursor: pointer;
}

div.ulContainer{
	/*border: 1px solid yellow;*/
}

.menu2 dd ul {
    	padding-top: 20px;
	position: absolute;
}

.menu2 dd ul li{
	width: 323px;
	height: 25px;
	padding-top:3px;
    	margin-bottom:10px;
	display: inline-block;
	text-align: left;
}

/*Resultat liste hotels a droite*/
.menu2 dd ul li a{
   	display: block;
    	margin-left:10px;
   	cursor: pointer;
	color: #CEECF7;
	text-decoration: none;
	margin: 5px 4px 5px 0px;
  	vertical-align:middle;
	font-size: 9pt;
	padding-top:2px;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
	text-align: left;
}

/*Liens a droite*/
.menu2 dd>a  {
    cursor: pointer;
	color: #5FACF7;
	text-decoration: none;
	margin: 5px 4px 5px 0px;
  	vertical-align:middle;
	font-size: 9pt;
	padding-top:2px;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
	text-align: left;
}


/*Images des etoiles des hotels*/
.menu2 dd a img{
	position: relative;
	top:4px;
}

.menu2 li a:hover {
	background: #000000;
	color: #CEECF7;	
}

.menu2 dt a:hover {
	background: #000000;
	color: #CEECF7;	
}

.menu2 dd a:hover {
	background: #000000;
	color: #CEECF7;	
}

/*Format du prix a partir de*/
.priceFormat{
   color: white;
	font-size: 12px;
	font-style:italic;
}

/*Format du : * a partir de*/
.priceAPartirDe{
	margin-left: 150px!important;
	width:120px!important;
	color: white;
	font-size: 12px;
	font-style:italic;
}

/*style pour le menu de gauche*/
dt.activeMenuLeft{
	background-color: black!important;
}

/*style pour la categorie d hotel selectionne*/
a.activeHotelCategory{
	background-color: black;
}

/*style ul des menus d hotels*/
.displayNone{
	display: none;
}

.displayBlock{
	display: block!important;
}


/*Les liens voir la destination*/
li.liShowDestination{
	margin-top:20px;

}

li.liShowDestination>a{
	display: block;
	height: 10px;
	border-radius: 2px;
	padding:0px 2px 6px 4px!important;
}

.menuHotTabHide {
    border-top:0px !important;
    border-left:0px !important;
    border-right:0px !important;
    border-bottom:3px ridge #CEECF7 !important;
}

.menuHotTabShow {
    border-top:3px ridge #CEECF7 !important;
    border-left:3px ridge #CEECF7 !important;
    border-right:3px ridge #CEECF7 !important;
    border-bottom:0px !important;
}

.bkmenuant, .bkmenuant ul{
	background: #582172;
}
.bkmenuoi, .bkmenuoi ul {
	background: #3A2542;	
}
.bkmenupoly, .bkmenupoly  ul{
	background: #190721;	
}
.bkmenunewcal, .bkmenunewcal ul {
	background: #190721;	
}

.bksbmenuant {
	background: #5A2172;	
	border-color: #5A2172 !important;
}

.bksbmenuoi {
	background: #3A2542;	
	border-color: #3A2542 !important;
}

.bksbmenupoly {
	background: #190721;	
	border-color: #190721 !important;
}

.bksbmenunewcal {
	background: #190721;	
	border-color: #190721 !important;
}

.menutarifAnt {
	text-align: center;
	font-family: Arial Black;
	color: #592171;
	text-decoration: none;
	font-size: 12pt;
}

.menutarifAnt span {
	text-decoration: line-through;
	color: #592171;
	font-size: 10pt;
}

.menutarifoi {
	text-align: center;
	font-family: Arial Black;
	color: #3A2542;
	text-decoration: none;
	font-size: 12pt;
}

.menutarifoi span {
	text-decoration: line-through;
	color: #3A2542;
	font-weight: bolder;
	font-size: 10pt;
}
.menutarifpoly {
	text-align: center;
	font-family: Arial Black;
	color: #190721;
	text-decoration: none;
	font-size: 12pt;
}

.menutarifpoly span {
	text-decoration: line-through;
	color: #190721;
	font-weight: bolder;
	font-size: 10pt;
}
.menutarifnewcal {
	text-align: center;
	font-family: Arial Black;
	color: #190721;
	text-decoration: none;
	font-size: 12pt;
}

.menutarifnewcal span {
	text-decoration: line-through;
	color: #190721;
	font-weight: bolder;
	font-size: 10pt;
}

.rectpromo {
	border-bottom: 1px solid #06587D;
	padding-bottom:3px;
}

.rectpromo a {
	text-decoration: none;
}

.rectpromo_titre {
	color: #428DAD;
	font-size: 7pt;
	text-align: center;
}

.rectpromo_info {
	color: #1088BC;
	font-size: 7pt;
	text-align: center;
	float: left;
}

.rectpromo_prix {
	color: #06587D;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}

.rectpromo_apartirde {
   background:#06587D;
   color:white;
}

.rectpromo_bottom {
	color: #1088BC;
	font-size: 8pt;
}


.lienhome ,.lienhome img ,.lienpub   {
	border: 0;
	padding: 0;
	margin: 0;
}


.lienhome ,.lienhome img {
	float:left;
}


div#bandeauhaut {
	float: none;
	height: 135px;
	width: 970px;
}


.divtopbandeau {
   display:inline;
   width:777px;
   height:90px;

}


.imgexotismes {
	position:absolute;
	right:20px;
	top:0px;
	border: 0;
	padding: 0;
	margin: 0;
}


div#page {
	min-height: 100%;
	width: 970px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	background: white;
}
	
div#centre {
	width: 970px; /*Pour IE6 cette taille oblige le skyscrapper a bien rester a droite. N'influe pas firefox.*/
	padding-bottom: 300px;
	overflow: hidden;
	margin:10px 0px 0px 0px;

}



div#colonne1 {
	background: #CEECF7;
	float: left;
	width: 130px;
	text-align:center;
}

div#colonne2 {
	
	float: left;
	width: 510px;
	display: inline;
	margin:0px 7px 7px 7px;
}

div#colonne3 {
	text-align:center;
	background: #CEECF7;
	float: left;
	width: 130px;
	display: inline;
}

div#colonne4 {
	float: right;
	display: inline;
}


div#bandeaubas {
	position: absolute;
	width: 98%;
	bottom: 0px;
	left:0;
}

#colbase {
   position: relative;
   /*bottom: -10px;*/
   width:97%;
   /*height:70px;*/
   font-size:7pt;
   text-align:center;
}

#colbase a {
   text-decoration:none;
}

.textemiddleline  {
   font-size:7pt;
   text-align: justify;
   width:100%;
}

.description {
	margin: 5px 5px 15px 5px;
	color: #555555;
	width: 510px;
	text-align: justify;
	font-family: arial, verdana, sans-serif;
}

.paragraphedescription {


}


div.medialinkcontainer {
	margin-left: 8px;
}


.titre {
	font-size: 18pt;
	font-weight : bold;
	text-transform: uppercase;
	text-align: right;
  color:white;
  background-color:#00A1D4;
  margin-bottom:10px;
  padding:5px 20px 5px 0px;
}

.titre2 {
	font-size: 15pt;
	font-weight : bold;
	text-transform: uppercase;
	text-align: right;
  color:#00384A;
  margin-bottom:10px;
  padding:5px 20px 5px 0px;
  margin-top:40px;
  border-top:2px solid #00384A;
  border-bottom:2px solid #00384A;
  background-color:#ddd;
}



.menupanier {
	
}
.menulogin {
	border-bottom: 1px solid #019AC6;
}

.indexTableRow {
	vertical-align: top;	
}

.indexTableCol1 {
	vertical-align: top;	
	width: 165px;
}
.indexTableCol2 {
	vertical-align: top;	
	
}
.indexTableCol3 {
	vertical-align: top;	
	width: 165px;
}

input,textarea {
	font-family: arial;	
}

.stdinput {
	padding-left:3px;
	background-image: URL('/images/bkinput.gif');
	border: 0px;
	font-size: 12px;
}

.stdinputGrand {
	background-image: URL('/images/bkinputgrand.gif');
	border: 0px;
	font-size: 12px;
	padding-left:3px;
}


.noborder {
	border: none;
	
}


.messageCentrer {
    width: 100%;
    height: 300px;
    vertical-align: middle;
    text-align: center;
    font-weight: bolder;
}

.messageCentrer table {
    vertical-align: middle;
    text-align: center;
    width: 100%;
}


.menupanierrow {
	font-size: 9pt;
	
}


.stdDataTable th {
	color:white;
	background-color:#00A1D4;
	padding:5px 10px 5px 10px;
	border-right:1px solid white;
	font-size: 9pt;
}

.stdDataTable {
	border-left:1px solid #00A1D4;
	width:100%
}
.stdDataTable td {
	border-right:1px solid #00A1D4;
	border-bottom:1px solid #00A1D4;
	padding:2px 5px 2px 5px;
	color: #00384A;
}

.stdDataTable td a {
	font-weight:bolder;
	color: #00384A;	

}

.stdDataTable thead tr th:last-child {
	border-right:1px solid #00A1D4;
}

.passagerTable {
	width: 500px;
	border-left:1px solid #00A1D4;
	margin-top: 10px;
	margin-bottom: 20px;
}

.passagerTable td {
	background:white;
	border-right:1px solid #00A1D4;
	border-bottom:1px solid #00A1D4;
	padding:0px 0px 0px 0px;
	
}

.passagerTable thead tr th:last-child {
	border-right:1px solid #00A1D4;
}


/**************Style tableaux(nom prenom age) devis***************/

td.civilityClass{
	width: 0px;
	padding: 2px;
}

td.nameClass{
	width: 0px;
	padding: 0px;
}

td.firstNameClass{
	width: 0px;
	padding: 0px;
}

td.birthDateClass{
	width: 80px;
	padding: 0px;
}

/*****************************************************************/


.passagerTable th {
	color:white;
	background-color:#00A1D4;
	padding:5px 10px 5px 10px;
	border-right:1px solid white;
	font-size: 9pt;
}

.passagerTable td span{
	white-space: normal;

}

.passagerTable td input {
	background: none !important;
	background-image: none !important;
	border:0px none;
}

.passagerTable td.birthDateClass,.passagerTable td.firstNameClass,.passagerTable td.nameClass  {
	background-image: url('http://medias.exotismes.fr/images/bkinput.gif') !important;

}


.embeddedDataTable td {
	border:0;
}

.embeddedDataTable td {
	
}

.warnMessage {
	color:red;
	font-weight:bolder;
}

.infoMessage {
	font-weight:bolder;
}
	
.errorMessage {
	color:red;
	font-weight:bolder;
}

.asterixinfo {
	
	
}

.divcenter {
  width:100%;
  text-align:center;

}
.paginatorActiveColumnClass a {
	text-decoration: none;
	color: blue;
	font-weight:bolder;
}

.paginatorColumnClass a {
	text-decoration: none;
	font-weight:bolder;
	color: #00384A;	

}

.lienpageprecedentSuivant, .lienpageprecedentSuivant a  {
  text-decoration: none;
  font-weight:bolder;
	color: #00384A;	
}

.divdatascroller {
    width:100%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
}

.formtable {
    width : 100%;
}

.formtable td.formcol1 {
    text-align:right;
    vertical-align:top;
}

.formtable td.formcol2 {
    text-align:left;
}

 
.hrbaseline {

}

.tablebase {
width:100%;
color:black;
}

.tablebase a {
text-decoration:none;
color:black;
}

.tablebase td {
   text-align:center;
}

.selectagence {
  width: 130px;
  font-size:10px;
}


.titreCol3_1 {
    /*font-weight:bolder;
    font-size:7.5pt;
    padding:5px 0px 5px 0px;
    color:white;
    background:#000;*/
    border: 1px solid #0382b5;
    background-color:#ceecf7;
}

div#colonne3 .inscriptionnewsletter input {
  width:120px;
  font-size:9pt;
}

div#colonne3 .divinscriptnews .newsletterbutton {
  font-weight:bolder;
  font-size:10pt;
}

div#colonne3 .divinscriptnews {
  border-left:2px solid #00A1D4;
  border-right:2px solid #00A1D4;
  background:#00A1D4;
  color:White;
  font-weight:bolder;
  font-size:12pt;
}

div#colonne3 .divinscriptnews a {
  color:White;
  font-weight:bolder;
  font-size:9pt;
}

.listeliens {
  background:black;
  padding:5px 0px 5px 0px;
}

.listeliens a {
  color:white;
}


.recrutement {
  background:#dddd00;
  padding : 5px 0px 5px 0px;
}


.recrutement a {
  font-weight:bold;
}

.divskyscrapper {

}


.divmenubrochure {
    background:#B1E1FD;
    text-align: center;
}

.datePickerContainer td {
   font-size:8pt !important;
}

.datePickerContainer .month {
   font-size:9pt !important;
}

.datePickerContainer .yearLabel {
   font-size:8pt !important;
}


.infonoteto {
  width:300px;
  font-size:8pt;
  text-align:center;
}


.infonotetodiv {

}

.attntexte {
	color: red;
	font-weight: bold;
}

div.itemView{
		display: none;
		position: absolute;
		left: -137px; /*Valeur negatives afin de bien cadrer pour firefox et IE8*/
		top: 0px; 
		background-color: white;
		width: 790px;
		height: 550px;
		border: 1px dotted #00aec7;
		text-align: center;
		/*filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity: 0.8;*/
}

div.opacity{
		position: relative;
		left: 40px;
		filter : alpha(opacity=90);
		-moz-opacity : 0.9;
		opacity : 0.9;
		border: 1px solid blue;
		width: 100px;
		height: 100px;
		/*background-color: rgba(200, 200, 200, 0.1);*/ 
}

div.textLock{
		/*margin-left:4px;
		width:188px; 
		height: 30px;
		border: 1px solid black;*/
}

div.typePaiement{
	float: left;
}

/***Partie logo dans devis et votreDossierPaiement***/
div.logo{
	margin-left: 10px;
	float: left;
}

div.logo img{
	height: 28px;
}

div.information{
	text-align: left;
	border-top: 1px dotted #660000;
	font-style: italic;
}

/*Vire la barre en haut d'une boite de dialogue Jquery*/
.noTitleDialog .ui-dialog-titlebar{
	/*background : URL('http://medias.exotismes.fr/images/fondboite.jpg')!important;
	border: 10px solid blue!important;*/
	display: none;
}

.alccol1 {
	color: #00384A;	
}