a:focus,select:focus,input[type="checkbox"]:focus { outline: none;}
select {
  -webkit-appearance:none;
}
.relative { position: relative;}
#upline{
  /*background:#0a3e63;*/
  font-size:8px;
  color:#fff;
  min-height:25px;
  line-height:15px;
  position:absolute;
  right:0px;
}

/*#text-upline{
  padding-left:20px;
}*/

#top{
  background:transparent url(../images/back-header2.png) top repeat-x;
  height:163px;
}

#header{
  position:relative;
}

#doc{
  background:#fff url(../images/back-doc.png) top repeat-x;
  min-height:409px;
}

#background{
  background:transparent url(../images/background.jpg) top no-repeat;
  min-height:409px;
}

.logo{
  margin-bottom:0px;
}

#header .logo a{
  background:transparent url(../images/logo-detente.png) top no-repeat;
  display:block;
  width:502px;
  height:153px;
}

.logo a span{
  display:none;
}

/*
#info-resa{
  background:transparent url(../images/box-infos-resa.png) top no-repeat;
  width:305px;
  height:71px;
  margin-left:52px;
  padding-top:3px;
  padding-bottom:31px;
  margin-top:35px;
}

#info-resa p{
  font-family:Arial, Helvetica, sans-serif;
  font-size:15px;
  color:#fff;
  text-align:center;
  line-height:25px;
}

#info-resa p span{
  display:block;
}

#info-resa p span.telvert{
  color:#2ac1ec;
  font-size:30px;
}

#info-resa p span.hours{
  color:#fff;
  font-size:11.5px;
}
*/

#resa{
  background:transparent url(../images/box-landing-tel.png) top no-repeat;
  width:400px;
  height:106px;
  padding-top:5px;
  /*padding-bottom:31px;*/
  margin-top:35px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
}

#resa .info-resa{
  font-size:15px;
}

#resa .tel{
  font-size:25px;
  color:#2ac1ec;
  line-height:29px;
}

#resa .open{
  font-size:14px;
}

#resa .free{
  font-size:10px;
  line-height:10px;
}




#navigation{
  background:transparent url(../images/back-menu.png) center no-repeat;
  height:65px;
  margin-bottom:13px;
}

#navigation > ul{
  margin-bottom:0px;
  height:65px;
}

#navigation > ul > li{
  margin-left:0px;
  list-style:none;
  float:left;
  letter-spacing:0.5px;
  margin:0px 26px;
  position:relative;
}

#navigation > ul > li > a{
  color:#787575;
  font-size:13px;
  text-transform:uppercase;
  text-decoration:none;
  line-height:65px;
  display:block;
  padding: 0px 0px 0px 10px;
  position:relative;
  font-weight: bold;
}

#navigation > ul > li > a:after{
  content:"*";
  font-size:13px;
  text-transform:uppercase;
  text-indent:-999px;
  display:block;
  position:absolute;
  top:0px;
  right:-10px;
  width:10px;
  line-height:65px;
}

#navigation > ul > li:hover > a{
  color:#309ae5;
  background:url(../images/menu-hover.png) no-repeat left 2px;
}

#navigation > ul > li:hover > a:after{
  background:url(../images/menu-hover.png) no-repeat right 2px;
}

#navigation > ul > li > div.submenu {
  position: absolute;
  margin-top: -8px;
  left: 1px;
  display: none;
  z-index: 9999;
}

/*

#navigation > ul > li > div.submenu > div.submenu_content {
  background:transparent url(../images/back-subnav.png) left repeat-y;
  padding: 10px;
}

#navigation > ul > li > div.submenu > div.submenu_content:after {
  background:transparent url(../images/back-subnav.png) right repeat-y;
  padding: 0 10px;
  content: " ";
  width: 10px;
}
*/

#navigation > ul > li > div.submenu > table.submenu_table {
  width: 630px;
}

#navigation .tl,#navigation .tr,#navigation .bl,#navigation .br {
  width: 15px;
}

#navigation .bl,#navigation .br {
  height: 10px;
}

#navigation .tl {
  background:transparent url(../images/back-subnav.png) left repeat-y;
}

#navigation .tr {
  background:transparent url(../images/back-subnav.png) right repeat-y;
}

#navigation .tm {
  background:transparent url(../images/back-subnav.png) top repeat-y;
}

#navigation .bl {
  background:transparent url(../images/bottom-subnav.png) left no-repeat;
}

#navigation .br {
  background:transparent url(../images/bottom-subnav.png) right no-repeat;
}

#navigation .bm {
  background:transparent url(../images/bottom-subnav.png) top no-repeat;
}

#navigation .tm  ul{
  margin: 0;
  padding: 10px;
  float: left;
  width: 180px;
}

#navigation .tm  ul > li{
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation .tm  ul > li a{
  color: #07263E;
  font-weight: bold;
  font-size: 13px;
  line-height: 25px;
  text-decoration: none;
}

#navigation .tm  ul > li a:hover{
  color: #309AE5;
}



/*
#navigation > ul > li > ul{
  position:absolute;
  top:57px;
  background:transparent url(../images/back-subnav.png) top repeat-y;
  display:block;
  margin-bottom:0px;
  left:1px;
  z-index:100;
  width:693px;
  padding-right:10px;
  padding-left:10px;
}

#navigation > ul > li > span{
  background:transparent url(../images/bottom-subnav.png) top no-repeat;
  width:713px;
  height:10px;
  display:block;
  position:absolute;
  top:0px;
}

#navigation > ul > li > ul > li{
  display:inline;
}

#navigation > ul > li > ul > li > a{
  font-size:13px;
  color:#010101;
  text-decoration:none;
  line-height:30px;
}

#navigation > ul > li > ul > li{
  list-style:none;
  margin-left:0px;
}
*/

#book{
  background:transparent url(../images/book.png) top no-repeat;
  width:940px;
  height:304px;
  margin-top:12px;
}

.title{
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  color:#06497e;
  font-weight:bold;
}

#search-express, #banner{
  /*padding-left:28px;*/
  padding-top:28px;
}

#search-express .title{
  background:transparent url(../images/loupe.png) left no-repeat;
  height:29px;
  margin-left:28px;
}

#search-express .title span{
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  color:#06497e;
  padding-left:36px;
  font-weight:bold;
}

#search-express .form{
  margin-left:28px;
}

#search-express .form .left{
  float:left;
  width:200px;
}


#search-express .form .right{
  margin-left:228px;
}

#search-express div.input{
  background:transparent url(../images/input-deroulant.png) top no-repeat;
  width:181px;
  height:28px;
  line-height:28px;
  position:relative;
  margin-bottom:9px;
  margin-top:1px;
  overflow:hidden;
}

#search-express div.input span.choose{
  font-size:15px;
  color:#7a7a7a;
  font-size:14px;
  position:absolute;
  display:block;
  top:0px;
  left:5px;
}

#search-express div.label{
  font-size:15px;
  color:#07263e;
  font-family:Arial, Helvetica, sans-serif;
  padding-left:3px;
  width:181px;
  /*margin-bottom:8px;*/
}

#search-express select{
  background:none;
  border:none;
  padding-top:4px;
  padding-left:4px;
  color:#7a7a7a;
  font-size:14px;
  width:200px;
}

#search-express div.submit{
  margin-top:26px;
}

#search-express div.submit input{
  background:transparent url(../images/btn-search.png) top no-repeat;
  width:183px;
  height:40px;
  border:none;
  cursor:pointer;
}

#banner .title{
  padding-left:25px;
}

#banner #slideshow{
  width:406px;
  padding-left:20px;
  margin-top:23px;
}

.info-resa{
  background:transparent url(../images/bg-devis2.png) top no-repeat;
  height:137px;
  margin-top:27px;
  padding-top:10px;
  margin-bottom:20px;
}

/*.info-resa .top-box{
	background:transparent url(../images/top-box-results.png) top no-repeat;
	height:15px;
}

.info-resa .middle-box{
	background:transparent url(../images/middle-box-results.png) top repeat-y;
}

.info-resa .bottom-box{
	background:transparent url(../images/bottom-box-results.png) top no-repeat;
	height:15px;
}*/

.info-resa .title{
  background:transparent url(../images/box-title-devis.png) top no-repeat;
  width:679px;
  height:49px;
  margin-left:13px;
  position: relative;
  margin-bottom: 0;
}

.info-resa .form-resa{
	/*min-height:130px;*/
	float:left;
}

.info-resa .title span.titre{
  display:none;
}

.info-resa .title span.devisdate{
   color: #FFFFFF;
   font-size: 16px;
   left: 138px;
   left:430px;
   position: absolute;
   top:5px;
   text-shadow: 1px 1px #666666;
}

.info-resa input[type="text"]{
  background:transparent url(../images/input-devis.png) top no-repeat;
  width:171px;
  height:22px;
  border:none;
  font-size:13px;
  color:#919191;
  font-family:Arial, Helvetica, sans-serif;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:5px;
  padding-right:5px;
  overflow:hidden;
  margin-left:13px;
  margin-right:2px;
}

.info-resa input[type="submit"]{
  background:transparent url(../images/submit-devis.png) top no-repeat;
  width:52px;
  height:30px;
  color:#fff;
  font-size:14px;
  text-transform:uppercase;
  text-align:center;
  border:none;
  font-weight:bold;
  margin-right:27px;
  margin-left:14px;
  cursor: pointer;
}

.info-resa.fixed {
  background:transparent url(../images/box-devis-gauche2.png) top no-repeat;
  width: 218px;
  height: 280px;
  padding: 58px 10px 5px;
  position: fixed;
  top: 100px;
  left: 20px;
}

/*.info-resa.fixed .top-box{display:none;}

.info-resa.fixed .middle-box{background:none;}

.info-resa.fixed .bottom-box{display:none;}*/

.info-resa.fixed .form-resa{
	float:none;
}

.info-resa.fixed .click-to.call{
	margin-left:0px;
}

.info-resa.fixed .title{ display: none; }

.info-resa.fixed input[type="text"]{
  margin: 5px 10px;
}

.info-resa.fixed input[type="submit"]{
  float: right;
  margin-top: 10px;
}

.info-resa.fixed .people {
  margin-top: 5px;
}

.info-resa.fixed .form-info {
  float: none;
  margin: 0;
}

.info-resa.fixed .separator {
  display: none;
}

.info-resa.fixed .click,.info-resa.fixed .bonhomme {
  margin: 0;
}

.info-resa.fixed .click-to {
  margin-top: 15px;
}

.info-resa.fixed .bonhomme{
	padding-left:3px;
}

.info-resa.fixed .click.cltocl{
	margin-left:92px;
	margin-top:10px;
}

.form-info{
  float:left;
  margin-top:18px;
}

.separator{
  float:left;
  margin-right:18px;
}

.click-to.call{
	/*background:transparent url(../images/bg-call.png) top no-repeat;
	height:148px;*/
	margin-left:720px;
	margin-top:-10px;
}

.bonhomme{
 padding-left:13px;
 padding-top:34px;
}

.bonhomme img{
  float:left;
  cursor:pointer;
}

.click{
 	margin-left:98px;
	margin-top:7px;
  font-family:Arial, Helvetica, sans-serif;
  color:#858582;
  font-style:italic;
  cursor:pointer;
}

.click span.big{
  font-family:Arial, Helvetica, sans-serif;
  color:#858582;
  font-size:12px;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:0.2px;
  font-style:normal;
}

.block{
  background:transparent url(../images/big-box.png) top no-repeat;
  height:208px;
  padding:15px 14px;
  width:670px;
}

.block .title{
  background:transparent url(../images/title-box-result.png) top no-repeat;
  margin:0 auto;
  font-family:Verdana, Geneva, sans-serif;
  font-size:14px;
  height:45px;
  line-height:29px;
  width:667px;
  padding-left:10px;
}

h2.title span,h3.title span{
  color:#7D7D7D;
}

#last-mn .title{
  /*background:transparent url(../images/title-lastmn.png) top no-repeat;
  width:674px;
  height:46px;
  margin:0 auto;*/
}

/*#last-mn .title span{
  display:none;
}*/

.offer{
  float:left;
  margin-top:15px;
  margin-left:15px;
  width:295px;
  background:transparent url(../images/sep-offer.png) right no-repeat;
  height:140px;
  margin-right:10px;
  padding-right:15px;
}

.offer.last{
  background:none;
}

.offer .desc{
  height: 105px;
	float:left;
	width:140px;
}

.offer .box-foto{
  float:left;
  background:transparent url(../images/frame-lastmn.png) top no-repeat;
  width:143px;
  height:95px;
  position:relative;
  margin-right:12px;
}

.offer .box-foto .image{
  position:absolute;
  top:7px;
  left:7px;
}

.offer .desc h3.name{
  margin-bottom:0px;
  height: 20px;
  overflow: hidden;
}

.offer .desc .name a{
  color:#3495c5;
  font-size:12px;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}

.offer .desc .days{
  color:#3b9bcb;
  font-size:11px;
  letter-spacing:0.5px;
  margin-bottom:5px;
}

.offer .desc .boat a{
  color:#858582;
  font-size:11px;
  text-decoration: none;
}
.offer .desc .dates{
  color:#404040;
  font-size:10px;
}

.offer .desc .departures{
  /*margin-left:155px;*/
  color:#858282;
  font-size:11px;
	height:20px;
	overflow:hidden;
}

.offer .desc .departures span.city{
  color:#46a5d5;
}

.offer .price{
  width:137px;
  font-size:11px;
  color:#656565;
  float:left;
  text-align:center;
}

.offer .price span{
  font-size:14px;
  color:#e00000;
}

.offer .price span.plus{
  display:block;
  font-size:9px;
  color:#858282;
  line-height:5px;
}

.offer .button{
  margin-left:17px;
  background:transparent url(../images/btn-voircetteoffre.png) top no-repeat;
  width:122px;
  height:21px;
  cursor:pointer;
  margin-top:10px;
	float:left;
}

.offer .button span{
  display:none;
}

#last-mn {
  width:670px;
}

#last-mn .jcarousel-container-horizontal {
  width:670px;
}

#last-mn .jcarousel-clip-horizontal {
  width:670px;
  overflow: hidden;
}


#last-mn .jcarousel-prev {
  background: url(../images/fleche-last-mn.png) no-repeat;
  width: 23px;
  height: 20px;
  position:absolute;
  bottom:0px;
  left:-3px;
  cursor:pointer;
}

#last-mn .jcarousel-next {
  background: url(../images/fleche-last-mn-right.png) no-repeat;
  width: 23px;
  height: 20px;
  position:absolute;
  bottom:0px;
  right:-3px;
  cursor:pointer;
}


/*
#topcruises{
  width:670px;
  height:170px;
  position:relative;
}

#topcruises #left-arrow{
  position:absolute;
  bottom:0px;
  left:-3px;
  cursor:pointer;
}

#topcruises #right-arrow{
  position:absolute;
  bottom:0px;
  right:-3px;
  cursor:pointer;
}*/



.little-box,.little-box-plain{
  margin-bottom:20px;
}

.little-box .top,.little-box-plain .top{
  background:transparent url(../images/top-box.png) top no-repeat;
  height:11px;
}

.little-box .middle{
  background:transparent url(../images/middle-box.png) top repeat-y;
}

.little-box-plain .middle{
  background:transparent url(../images/bg-middle-box-right.png) top repeat-y;
}


.little-box .bottom,.little-box-plain .bottom{
  background:transparent url(../images/bottom-box.png) top no-repeat;
  height:13px;
}

.little-box .title,.little-box-plain .title{
  background:transparent url(../images/bg-title-right.png) top no-repeat;
  width:184px;
  height:46px;
  margin:0 auto;
  line-height:29px;
  padding-left:10px;
  font-family:Verdana, Geneva, sans-serif;
}

/*#company.little-box .title{
  background:transparent url(../images/title-company.png) top no-repeat;
  width:193px;
  height:46px;
  margin:0 auto;
}*/

.little-box .title span,.little-box-plain .title span{
  color:#7D7D7D;
  font-size:14px;
}

.little-box ul{
  margin-bottom:0px;
  margin-top:5px;
}

.little-box ul li{
  list-style:none;
  line-height:17px;
}

.little-box ul li a{
  color:#616161;
  font-size:13px;
  font-weight: bold;
  text-decoration:none;
}



#theme .jcarousel-container-horizontal {
  width: 670px;
  margin-top: 20px;
}

#theme .jcarousel-clip-horizontal {
  width:620px;
  overflow: hidden;
  margin: 0 auto;
}

#theme .jcarousel-item-horizontal{
  float:left;
  padding: 0 5px;
}

#theme .jcarousel-container-horizontal .jcarousel-prev {
  background: url(../images/left-row.png) no-repeat;
  width: 11px;
  height: 12px;
  position:absolute;
  left:7px;
  top:54px;
  cursor:pointer;
}

#theme .jcarousel-container-horizontal .jcarousel-next {
  background: url(../images/right-row.png) no-repeat;
  width: 11px;
  height: 12px;
  position:absolute;
  right:12px;
  top:54px;
  cursor:pointer;
}


#theme .jcarousel-container-vertical {
  height: 473px;
  margin-top: 20px;
}

#theme .jcarousel-clip-vertical {
  height:453px;
  width: 196px;
  overflow: hidden;
  margin: 0 auto;
}

#theme .jcarousel-item-vertical{
  padding: 5px 0px;
}

#theme .jcarousel-container-vertical .jcarousel-next {
  background: url(../images/arrow-down.png) no-repeat;
  width: 11px;
  height: 9px;
  position:absolute;
  left:104px;
  bottom:5px;
  cursor:pointer;
}

#theme .jcarousel-container-vertical .jcarousel-prev {
  background: url(../images/arrow-up.png) no-repeat;
  width: 11px;
  height: 9px;
  position:absolute;
  left:104px;
  top:-13px;
  cursor:pointer;
}

#theme .theme{
  width: 196px;
  list-style: none;
  margin: 0;
}


#theme .promo{
  margin-left:30px;
}

#theme .theme .name{
  text-align:center;
}

#theme .theme .name a{
  text-transform:uppercase;
  font-size:14px;
  color:#2e8fc0;
  text-decoration:none;
  font-weight:bold;
}

#theme .theme{
  text-decoration:none;
}

#company ul li{
  margin-left:25px;
}

#company ul li span.logo{
  display:block;
  float:left;
  width:25px;
  height:25px;
  margin-right: 5px;
}

#company ul li span.logo img{
  vertical-align: text-bottom;
}

#text-bottom{
  margin-top:20px;
}

#text-bottom .top{
  background:transparent url(../images/top-text-bottom.png) top no-repeat;
  height:7px;
}

#text-bottom .middle{
  background:#e5d4b1 url(../images/middle-text-bottom.png) top repeat-x;
  font-size:12px;
  color:#59554e;
  padding-left:22px;
  padding-right:20px;
  width:898px;
  padding-top:7px;
}

#text-bottom .middle p{
  margin-bottom:0px;
}

#text-bottom .bottom{
  background:transparent url(../images/bottom-text-bottom.png) top no-repeat;
  height:10px;
}

#footer{
  background:#07243b url(../images/back-footer.png) top repeat-x;
  min-height:203px;
  margin-top:35px;
}

#footer-nav{
  text-align:center;
}

#footer-nav ul{
  text-align:center;
  line-height:28px;
  /*margin-top: -21px;*/
}

#footer-nav ul li{
  list-style:none;
  display:inline;
  font-size:11px;
  margin-left:0px;
}

#footer-nav ul li a{
  color:#fff;
  text-decoration:none;
  border-right:1px solid #fff;
  padding-right:5px;
  margin-right:5px;
  display:inline;
}


#footer-nav ul li ul{
  display:inline;
}

#footer-nav ul li:last-child a{
  border-right:0;
}

#footer-nav ul li a.last{
  border-right:none;
}

.column{
  float:left;
  width:155px;
  margin-right:80px;
}

#prepare.column{
  min-width:180px;
  /*margin-right:0px;*/
}

.column .top{
  border-bottom:1px solid #8b9eae;
  padding-bottom:12px;
  margin-bottom:8px;
  height:12px;
  cursor:pointer;
}

.column.open .top{
  background:transparent url(../images/fleche-footer-open.png) right no-repeat;
}

.column.close .top{
  background:transparent url(../images/fleche-footer-close.png) right no-repeat;
}

.column.close ul{
  display:none;
}

.column .top span,.column .top span a{
  color:#fff;
  font-size:14px;
}

.column .top span a{text-decoration: none;}

.column ul li{
  list-style:none;
  margin-left:0px;
  font-size:11px;
  line-height:20px;
}

.column ul li a{
  color:#fff;
  text-decoration:none;
}

.column ul li a:hover{
  color:#00c6fe;
}
.people{
  text-align:left;
  padding-left: 12px;
  padding-top: 7px;
  color: #858582;
}

.people input[type="checkbox"] {

}


#dialog-form label, #dialog-form input { display:block; }
#dialog-form input.text { margin-bottom:5px; width:95%; padding: .4em; }
#dialog-form fieldset { padding:0; border:0;  }
#dialog-form h1 { font-size: 1.2em; margin: .6em 0; }
#dialog-form .ui-dialog .ui-state-error { padding: .3em; }
#advancedSearch{margin-left: 50px; margin-bottom: 0px; margin-top: 9px;cursor:pointer;text-decoration: none;color:#0679B4}

#search-rappel{
  background:transparent url(../images/box-rapel.png) top no-repeat;
  height:177px;
  padding-top:7px;
  font-family:Arial, Helvetica, sans-serif;
}

#search-rappel .type{
  width:157px;
  float:left;
  margin-left:40px;
}

#search-rappel .submit{
  margin-left: 16px;
	width: 82px;
	margin-top: 65px;
}

#search-rappel .submit input{
  background:transparent url(../images/submit-rappel-boat.png) top no-repeat;
  width:113px;
  height:26px;
  padding-bottom:2px;
	padding-left:27px;
  color:#fff;
  text-align:center;
  border:none;
  cursor:pointer;
	margin-left:
}

#search-rappel .rappel{
  background:transparent url(../images/title-rappel.png) top no-repeat;
  width:919px;
  height:45px;
  margin:0 auto;
}

#search-rappel .rappel span{
  display:none;
}

#search-rappel .label{
  font-size:13px;
  color:#07263e;
  padding-left:3px;
  padding-bottom:2px;
}

#search-rappel .input{
  background:transparent url(../images/bg-select-rappel.png) top no-repeat;
  width:157px;
  height:24px;
  overflow:hidden;

}

#search-rappel select{
  width:175px;
  background:none;
  border:none;
  margin-left: 8px;
  margin-top: 2px;
}

#search-rappel #form-rappel{
  margin-top:9px;
}

#search-results{
  font-family:Arial, Helvetica, sans-serif;
  margin-top:20px;
  margin-bottom:15px;
}

#search-results h1.title, .tabs .title{
  background:transparent url(../images/title-results.png) top no-repeat;
  height:45px;
  font-size:14px;
  color:#007cbc;
  line-height:29px;
  padding-left:20px;
  width:920px;
  font-weight:normal;
}

.tabs .title.devis{
	width:920px;
}

.tabs{
	/*padding-top:10px;*/
}

.tabs .title{
  font-size:15px;
  font-weight:bold;
	margin-bottom:10px;
}

.red, .red a, h2.title span.red{
  color:#f000a9;
  text-decoration:none;
}

#list-results .box, #search-results .box{
 /* background:transparent url(../images/bg-box-results.png) top no-repeat;
 /* height:222px;
  padding-top:15px;*/
  margin-bottom:25px;
  position:relative;
}

#list-results .top-box, #search-results .top-box{
	background:transparent url(../images/top-box-results.png) top no-repeat;
	height:15px;
}

#list-results .middle-box, #search-results .middle-box{
	background:transparent url(../images/middle-box-results2.png) top repeat-y;
	min-height:15px;
}

#list-results .middle-box .detail-company{
	padding-left:13px;
	padding-top:10px;
  min-height: 87px;
}

#list-results .middle-box .detail-company .logo-company{
	float:left;
	margin-right:20px;
}

#list-results .middle-box .detail-company .desc-company{
	font-size:11.5px;
	line-height:22px;
	float:left;
	width:500px;
}

.advertising{
	text-align:center;
	font-size:22px;
	color:#fff;
	margin-left:10px;
	margin-right:10px;
	min-height:149px;
}

.advertising img{
	vertical-align:middle;
}

#list-results .bottom-box, #search-results .bottom-box{
	background:transparent url(../images/bottom-box-results.png) top no-repeat;
	height:15px;
}

#list-results .box h2.title, #search-results .box h2.title,#list-results .box h3.title{
  background:transparent url(../images/title-box-result.png) top no-repeat;
  margin:0 auto;
  font-family:Verdana, Geneva, sans-serif;
  font-size:14px;
  text-transform:uppercase;
  height:45px;
  line-height:29px;
  width:667px;
  padding-left:10px;
}

#list-results .box h2.title a,#list-results .box h3.title a{
  color:#7d7d7d;
  text-decoration:none;
}

#list-results .box .content{
  padding-left:13px;
}

#list-results .box .content .image{
  background:transparent url(../images/cadre-foto-results.png) top no-repeat;
  width:209px;
  height:136px;
  position:relative;
  float:left;
  margin-top:6px;
  margin-right:15px;
}

#list-results .box .content .image a{
  position:absolute;
  top:1px;
  left:1px;
  width:203px;
  height:129px;
  text-align: center;
}

#list-results .box .content .image a img{
  vertical-align: middle;
}

#list-results .box .content .details{
  float:left;
 /* width:320px;*/
  width:303px;
  margin-top:4px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#010101;
}

#list-results .box .content .details p.departures{
  height:20px;
  overflow:hidden;
}

#list-results .box .content .details p{
  margin-bottom:10px;
}

#list-results .box .content .details .logo{
  margin-left:5px;
}

#list-results .box .content .details .logo img{
  vertical-align:middle;
}

#list-results .box .content .price{
  float:left;
  color:#0070b7;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin-top:3px;
  margin-left:20px;
}

#list-results .box .content .price .big{
  font-size:37px;
  /*font-weight:bold;*/
  letter-spacing:1px;
  line-height:36px;
}

#list-results .box .content .price .big-catalog{
  font-size:20px;
  letter-spacing:1px;
  line-height:28px;
   text-decoration: line-through;
   color:#010101;
}

#list-results .box .content .price .submit{
  margin-top:3px;
  cursor:pointer;
}

#list-results .box .content .price .submit input{
  background:transparent url(../images/bouton-view.png) top no-repeat;
  width:104px;
  height:33px;
  border:none;
  color:#fff;
  padding-bottom:4px;
  cursor:pointer;
}

#list-results .box .content .promo{
  position:absolute;
  bottom:0px;
  right:0px;
  width:77px;
  height:77px;
}

ul.pagelinks{
  text-align:center;
}

ul.pagelinks li{
  list-style:none;
  display:inline;
  color:#010101;
}

ul.pagelinks li a{
  color:#3797C8;
  text-decoration:none;
}

#presentation{
  margin-top:10px;
}

#slide-details{
  height:244px;
  position:relative;
}

#slide-details #slide-details-holder{
  top:14px;
  left:12px;
  position:absolute;
}

#slide-details #frame{
  background:transparent url(../images/frame-slideshow.png) top no-repeat;
  height:244px;
  width:940px;
  left:0px;
  top:0px;
  position:absolute;
  z-index:2

}

#slide-details .descriptif{
  background:transparent url(../images/bg-descriptif.png) top no-repeat;
  width:355px;
  height:262px;
  position:absolute;
  top:-18px;
  right:31px;
  font-family:Arial, Helvetica, sans-serif;
  padding-top:20px;
  padding-left:14px;
  color:#0d306f;
  font-size:13px;
  z-index: 3;
}

.descriptif .title{
  width:293px;
}

.descriptif .promo {
  width: 79px;
  height: 75px;
  position: absolute;
  top:-3px;
  right: -3px;
}

#slide-details .formule {
  width: 200px;
  height: 50px;
  position: absolute;
  bottom: 10px;
  left: 0px;
  z-index: 500;  
}

.descriptif h1#cruise-name{
  font-size:23px;
  font-weight:bold;
  color:#24bbdb;
  margin-bottom: 0px;
}

.descriptif .boat{
  font-weight:bold;
}

.descriptif .boat a{
  font-weight:normal;
}

span.escales{
  display:block;
  font-weight:bold;
}

span.duration{
  font-weight:bold;
}

#description{
	max-height:125px;
	overflow:hidden;
}

#description p{
  margin-bottom:6px;
}
#date{
  float:right;
  font-size:12px;
  margin-right:20px;
  margin-top:10px;
  line-height:23px;
}

#date .price{
  font-size:29px;
  letter-spacing:1px;
}

#date .price-catalog{
    font-size:16px;
    text-decoration: line-through; 
}

#date p{
	margin-bottom:4px;
}


.tabs .tabs-top {
  background: url(../images/bg-tab-details-top.png) no-repeat;
  height: 15px;
  width: 940px;
}

.tabs .tabs-bottom {
  background:transparent url(../images/bg-tab-details-bottom.png) no-repeat;
  height: 15px;
  width: 940px;
}


#main #tabs {
  width:auto !important;
  background: #f0f0f0 !important;
  border:1px solid #b0b0b0 !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  min-height: 1066px;
	padding:15px;
}

#tabs,#devis {
    border-radius:0 !important;
    background: url(../images/bg-tab-details.png) repeat-y !important;
    width: 918px;
    border: 0 !important;
    color: #282828;
    padding: 0 10px;
}

#tabs.htmlDevis{
  background: none !important;
    padding: 0;
   margin-top: 50px; margin-bottom: 50px; float: left;
}

.tabs .tabs-bottom {
  background: url(../images/bg-tab-details-bottom.png) no-repeat;
  height: 15px;
  width: 940px;
  margin-bottom: 20px;
}

#tabs ul.tab-menu {
  background: url(../images/bg-tabs.png) no-repeat;
  height: 25px;
  width: 894px;
  margin: 0 auto;
  padding: 7px 8px;
  border: 0;
  border-radius: 0;
}

#tabs ul.tab-menu li.ui-state-default {
  border: 0;
  background: none;
  border-radius:0;
  height: 23px;
  line-height: 23px;
  margin: 0;
}


#tabs ul.tab-menu li.ui-state-active {
  background: url(../images/bg-tab-details-menu-selected.png) repeat-x;
}


#tabs ul.tab-menu li.ui-state-default a{
  height: 23px;
  line-height: 23px;
  padding: 0 20px;
  text-align: center;
  color:#264a94;
  font-size: 12px;
  border-right: 1px solid #d7d8da;
}

#tabs ul.tab-menu li.ui-state-default:last-child a{
  border-right: 0;
}

#tabs ul.tab-menu li.ui-state-active a{
  color: #fff !important;
  border-right: 0;
}

#tabs ul.tab-menu li.ui-state-active a:after{
  content: " ";
  background: url(../images/bg-tab-selected-details);
  width: 10px;
  height: 5px;
  position: absolute;
  bottom: -3px;
  left: 45%;
}

#tabs p.title,#other-date div.title,#devis p.title {
  background: url(../images/bg-details-titles.png) 0px 13px repeat-x;
  font-size: 13px;
  color:#1b4994;
  text-transform: uppercase;
  font-weight: 100;
  padding-left: 25px;
}

#tabs p.title{
	width:890px;
}

#tabs #devis table p.title{
	width:918px !important;
}

#tabs p.title span,#devis p.title span {
  background: #F7F7F9;
  padding: 0px 10px;
}

#tabs .ui-tabs-panel {
  padding: 10px 5px !important;
}
#tabs.htmlDevis .ui-tabs-panel {
    width: 100%;
    float:left;
}

#devis p.title{
	width:892px;
}

table.itineraire {
  border: 1px solid #d5d6d8;
  -webkit-box-shadow: 2px 0px 4px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    2px 0px 4px rgba(50, 50, 50, 0.25);
  box-shadow:         2px 0px 4px rgba(50, 50, 50, 0.25);
	margin-left:30px;
}

table.itineraire th {
  background: #acd0f9;
  color:#fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
  padding: 5px 20px;
}

table.itineraire td {
  padding: 5px 20px;
  color:#2253a0;
  font-size: 12px;
}

table.itineraire tr.odd {
 background: #e3ebf4;
}

table.itineraire tr.even {
 background: #f1f5fa;
}


ul#list-cabines li.box{
  list-style:none;
  margin-left:0px;
  height:auto;
  width:auto;
  margin-bottom:15px;
}

ul#list-cabines li.box .image{
  float:left;
  width:208px;
  height:141px;
  margin-right:20px;
}

ul#list-cabines li.box .details-cabines{
  margin-left:228px;
}

ul#list-cabines li.box .details-cabines p.cabines{
  margin-bottom:11px;
}

ul#list-cabines li.box .details-cabines p.cabines span{
  color:#1B4994;
  padding:5px 10px;
  font-size:14px;
  font-weight:bold;
}

ul#list-cabines li.box .details-cabines p.desc{
  font-size:11px;
  line-height:19px;
}

#infosnavire div.pick {
  float: left;
  margin: 0px 10px 10px 0;
}

#devis #infosnavire div.pick{
	margin-left:30px;
}

#devis .caracteristic ul li{
	list-style:none;
}

#devis .caracteristic ul li span.blue{
	color:	#3089B5;
	font-weight:bold;
}

#devis #photos #slideshow{
	margin-left:30px;
}

#devis #photos #slideshow #slideshow-content{
	border:2px solid #cacaca;
	display:block;
	float:left;
}

#devis #photos ul#thumbnav{
	float:left;
	margin-left:30px;
	width:390px;
}

#devis #photos ul#thumbnav li{
	list-style:none;
	width:78px;
	float:left;
}

#devis #photos ul#thumbnav li img{
	border:1px solid #cacaca;
}

#infosnavire #desc {
  font-size: 13px;
}

#infosnavire #desc p{
  margin-bottom: 10px;
}

#list-ponts {
  list-style: none;
}

#tabs #escales ul#list-escales li{
  list-style:none;
  margin-left:0px;
  width:auto;
  height:auto;
  margin-bottom:15px;
}

#tabs #escales ul#list-escales li .image{
  float:left;
  background:transparent url(../images/contour-foto.png) top no-repeat;
  width:182px;
  height:122px;
  position: relative;
}

#tabs #escales ul#list-escales li .image span img{
  width:171px;
  height:111px;
  position: absolute;
  left: 5px;
  top:5px;
}

#tabs #escales ul#list-escales li .desc{
  margin-left:190px;
}

#tabs #escales ul#list-escales li .desc .title-escale{
  font-size:14px;
  color:#00b8e0;
  margin-bottom:8px;
}

#tabs #escales ul#list-escales li .desc .title-escale span.day{
  background: #1B4994;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px 5px;
  margin-right:5px;
}

#tabs #escales ul#list-escales li .desc .details-escales{
  font-size:13px;
}

#tabs #croisierecroisees .box{
  float:left;
  background:#E6F6FD;
  padding:2px;
  margin-bottom:8px;
  margin-right:16px;
  width:290px;
  position:relative;
}

#tabs #croisierecroisees .box .foto{
  float:left;
  height:80px;
  margin-right:6px;
  width:112px;
}

#tabs #croisierecroisees{
  padding-top:20px;
}

#tabs #croisierecroisees .box .country{
  margin-bottom:3px;
  margin-top:1px;
  font-size:12px;
}

#tabs #croisierecroisees .box .country a{
  color:red;
  text-decoration:none;
}

#tabs #croisierecroisees .box .details{
  font-size:11px;
  margin-left:115px;
  width:91px;
}

#tabs #croisierecroisees .box .price{
  background:red;
  color:#fff;
  font-size:11px;
  left:229px;
  line-height:18px;
  padding-bottom:3px;
  position:absolute;
  text-align:center;
  bottom:0px;
  width:64px;
}

#tabs #croisierecroisees .box .price span.begin{
  display:block;
  font-size:18px;
}

#tabs #photos #slideshow {
  width: 463px;
  height: 298px;
  float: left;
}

#tabs #photos #thumbnav {
  float: left;
  margin-left: 30px;
  width: 400px;
}

#tabs #photos #thumbnav li{
  list-style: none;
  float: left;
  width: 76px;
  height: 51px;
  margin: 5px;
}

div.googleMap {
  float: right;
  background: #fff;
  border: 1px solid #d5d6d8;
  padding: 2px;
  -webkit-box-shadow: 2px 0px 4px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    2px 0px 4px rgba(50, 50, 50, 0.25);
  box-shadow:         2px 0px 4px rgba(50, 50, 50, 0.25);
	margin-right:30px;
}

.list-itineraire{
	float:left;
}

#devis #escales, #devis #itineraire{
	margin-top:20px;
}

#devis #escales ul li{
	list-style:none;
	margin-left:30px;
	margin-bottom:15px;
}

#devis #escales ul li .image{
	float:left;
	margin-right:30px;
}

#devis #escales ul li .desc{
	float:left;
	width:670px;
}

#devis #escales ul li .desc .title-escale{
	font-weight:bold;
	padding-bottom:8px;
}

#devis #escales ul li .image img{
	border:1px solid #cacaca;
}

#other-date div.title span {
  background: #fff;
  padding: 0px 10px;
}

#other-date .jcarousel-container-horizontal {
  padding-top: 20px;
}

#other-date .jcarousel-clip-horizontal {
  height: 121px;
  width: 846px;
  overflow: hidden;
  margin: 0px 47px;
}

#other-date .jcarousel-container-horizontal .jcarousel-prev-horizontal {
  width: 46px;
  height: 117px;
  background: url(../images/prices-arrow-left.png) no-repeat;
  position: absolute;
  left:0;
  top:20px;
  cursor: pointer;
}

#other-date .jcarousel-container-horizontal .jcarousel-next-horizontal {
  width: 46px;
  height: 117px;
  background: url(../images/prices-arrow-right.png) no-repeat;
  right:0;
  top:20px;
  position: absolute;
  cursor: pointer;
}

#list-date {
  list-style: none;
}
#list-date li {
  width: 169px;
  height: 121px;
}
#list-date .jcarousel-item {
  margin: 0;
  padding: 0;
}

#list-date .jcarousel-item a{
  background: url(../images/prices-item-pink.png) 0 2px no-repeat;
  width: 157px;
  height: 121px;
  display: block;
  margin: 0 6px;
  color:#b8b8b8;
  text-decoration: none;
  text-align: center;
}

#list-date .jcarousel-item a span{
  display: block;
}

#list-date .jcarousel-item a:hover{
  background: url(../images/prices-item-over-pink.png) 0 0 no-repeat;
}

#list-date .jcarousel-item a .le {
  font-size: 10px;
  padding-top: 7px;
}

#list-date .jcarousel-item a .date {
  font-size: 16px;
  font-weight: bold;
}

#list-date .jcarousel-item a .price-begin{
  font-size: 22px;
  font-weight: bold;
  color:#7f7a7a;
  padding-top: 16px;
}

#list-date .jcarousel-item a:hover .price-begin{
  color: #f000a9;
}




.jelix-msg {
    background-color:#FFF59F;
    border: 1px solid #EFD81D;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    list-style-type:none;
    margin:0;
    margin-bottom: 10px;
    padding:10px;
    color: #000;
    font-weight: bold;
}

.jelix-msg li {
    padding:3px;
    margin:0;
}

#advancedFields {
  float: left; margin-left: 169px;display:none
}

.ui-dialog .ui-dialog-titlebar {
  background: #DCD7C3 !important;
  color:#06497E !important;
  border:0 !important;
}
#devis #tabs{padding: 0px;background: none !important;margin-top: 70px;}

.facDown{
  border: 1px solid #D5D6D8;
  box-shadow: 2px 0 4px rgba(50, 50, 50, 0.25);
  padding: 5px;
}

.tabs #devis span.devisDown{
  background: url(../images/bg-tab-details-menu-selected.png) repeat-x;
	padding-left:9px;
	padding-right:9px;
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	border:1px solid #fff;
}

.tabs #devis span.devisDown a{
	color:#fff;
	text-decoration:none;
}

.facDown{
  margin-left: 739px;
}
.devisDown a,.facDown a{
 color: #1B4994;
 font-weight: bold;
}
#devis .left{
	float:left;
	width:450px;
}

#devis #image.left{
	width:200px !important;
	margin-left:30px;
}

#devis #image.left img{
	border:2px solid #fff;
}

#cgv{
  overflow: scroll;
  height:400px;
  width:700px;
  margin:auto;
  border: solid 1px silver;
  padding: 5px;
}
#check-cgv,#down-cgv{
  width:700px;
  margin:auto;
}
#down-cgv{
  margin-bottom: 25px; width: 900px;
}

.boatleft{
  float: left;
  width:141px;
  overflow: hidden;
	padding-left:20px;
	padding-bottom:10px;
}
.boatleft2{
  float: left;
  width:160px;
  overflow: hidden;
	padding-left:7px;
	padding-bottom:10px;
}
.company_label{
	padding-left:14px;
}
.sitemapleft{
  float: left;
  width:313px;
}
.allcompaniesitem h2{
  display: inline;
}
.allcompaniesitem{
   margin-bottom: 20px;
   font-size:18px;
}
.boatleft a ,.sitemapleft a{
  text-decoration: none;
  color: #787575;
}
.boatleft2 a ,.sitemapleft a{
  text-decoration: none;
  color: #787575;
}
.sitemapleft a{
  font-size: 11px;
}

.boatleft h2,.sitemapleft h2 {
  font-size: 11px;
  margin-bottom: 3px;
}
.allcompaniesitem a,#boat_company a {
  text-decoration: none;
  color: #06497E;
  font-size:18px;
  font-weight: bold;
}
#resultsboats .grid_12,#resultsboats .grid_4{
  margin: 0px;
}
.link-company{
  margin-right: 28px;
  text-align: right;
}
.link-company a{
    font-size:12px;
}
#tabs .container{
  padding-bottom: 30px;;
}

.grid_12 .tabs h1.title {
  background: none repeat scroll 0 0 #FFFFFF;
  height: auto;
  margin-left: 0;
  padding: 0 10px;
  width: auto;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

#text-bottom .middle a ,#notfound a{color: #007CBC;text-decoration: none;}

#notfound{
  line-height: 30px;
  margin-bottom: 25px;
  margin-top: 25px;
  padding-left: 15px;
}
#notfoundtitle{color: #007CBC;font-weight: bold;}
.middle h2{font-size: 17px;}

.bg-fluviale{
	background:url(../images/bg-title-fluviale.png) no-repeat;
	height:46px;
	color:#fff;
	padding-left:10px;
}
.bg-maritimes{
	background:url(../images/bg-title-maritimes.png) no-repeat;
	height:46px;
	color:#fff;
	padding-left:10px;
}
.bg-luxe{
	background:url(../images/bg-title-luxe.png) no-repeat;
	height:46px;
	color:#fff;
	padding-left:10px;
}
.bg-groupe{
	background:url(../images/bg-title-groupe.png) no-repeat;
	height:46px;
	color:#fff;
	padding-left:10px;
}
.bg-promo{
	background:url(../images/bg-title-promo.png) no-repeat;
	height:46px;
	color:#fff;
	padding-left:10px;
}

.bg-companies{
	background:url(../images/bg-title-companies.png) no-repeat;
	height:46px;
	color:#fff;
	padding-left:10px;
}
#btn_devis{
	background:url(../images/btn_devis_gratuit.png) no-repeat;
	width:198px;
	height:39px;
  margin:auto;
	/*position:absolute;
	left: 594px;
	top:920px;*/

}
#btn_devis:hover{
	background:url(../images/btn_devis_gratuit_hover.png) no-repeat;
}
#groupe{
	margin-left:15px;
	position:relative;

	}
.text-justify{
	text-align:justify;
}
#photoGroupeEtCe{
    background:url(../images/photo_groupeCE.jpg) no-repeat;
    height: 428px;
   /* margin-left: 17px;*/
    width:641px;
    margin:auto;
}
#space{height:345px;}