.top { 
  margin:0;
  padding:0;
  background:white url(../images/design/bg-page.jpg) no-repeat fixed center ; 
  width: 100%;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}


footer h3 a, footer h3 a:hover {
    color: #21B0FF;
}

.nav-main li.cm1 a {
    cursor:pointer;
}

.linkMenu h2 a, .linkMenu h2 a:hover {
   color: #21B0FF !important; 
}

.offre-bloc .desc {
    width:51% !important;
}

.resultSearch .col-2 .wrap-list .offre-bloc .wrap-price .tarif p strong {
    font-size: 1.8em;
}

.pagelinks li {
    float:left;
    margin-right:10px;
    font-size: 1.2em;
}

.pagelinks li.pagelinks-current {
    color:#FF3334;
    font-weight:bold;
}

.pagelinks .pagelinks-prev  a ,.pagelinks .pagelinks-next a {
     color:#21B0FF;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a  {
    width:13px;
    height:13px;
    background:#ccc;
     box-shadow: 0px 0px 4px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 4px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 4px 4px rgba(119, 119, 119, 0.75);
    opacity:0.8; 
    
}

.sbHolder .sboptions a {
  font-family: Tahoma, Geneva, sans-serif !important;
  font-size: 1.2em !important;
  font-style: normal;  
}

.offre .col-left .croisiere p span a{
    color: #21B0FF !important;
}

.offre .col-left .croisiere .tarif {
    height:auto !important;
}

.offre .col-left .croisiere .tarif {
    width: 168px !important;
}

.offre .col-left .croisiere .logo {
    margin-right: 67px;
}

.ui-widget-header {
    background:#21B0FF !important;
}

.ui-widget-header span {
    color:#fff;
}

.ui-widget-content button {
    background:#21B0FF !important;
    width:111px !important;
    border:none;
    color:#fff;
    font-weight:bold;
}


.resultSearch .col-2 .wrap-list .offre-bloc .txt, .resultSearch .col-2 .wrap-list .offre-bloc .date, .resultSearch .bloc-content .col-2 .wrap-list .offre-bloc .offer .offer-bloc .city, .bloc-content .resultSearch .col-2 .wrap-list .offre-bloc .offer .offer-bloc .city, .resultSearch .bloc-content .col-2 .offer .offer-bloc .wrap-list .offre-bloc .city, .bloc-content .resultSearch .col-2 .offer .offer-bloc .wrap-list .offre-bloc .city {
    color: #535353;
    font: 1.2em/16px Tahoma,Geneva,sans-serif;
    padding-bottom: 10px;
    position: relative;
}
h1, h2, h3, h4, h5, h6, p, li {
    font-size: 1em;
    font-weight: normal;
    line-height: 125%;
    margin-bottom: 0;
    margin-top: 0;
}
body * {
    margin: 0;
    padding: 0;
}
*::-moz-selection {
    background-color: #25516B;
    color: #FFFFFF;
    text-shadow: none;
}
nav ul, nav ol, li, .block-list {
    list-style: none outside none;
}
h1, h2, h3, h4, h5, h6, p, li {
    font-size: 1em;
    font-weight: normal;
    line-height: 125%;
}

.bloc-content .col-2 .offer .offer-bloc h3 {
    font-size: 1.2em !important;
}

.date, .bloc-content .col-2 .offer .offer-bloc .city, .bloc-content .col-2 .offer .offer-bloc .date {
    font-size: 1.2em !important;
}

.bloc-content .col-2 .offer .offer-bloc .tariff {
    font-size :  1.6em
}

.bloc-content .col-2 .offer .offer-bloc .reduc {
    top: 175px;
}

.resultSearch .col-2 .wrap-list .offre-bloc h3 {
   font-size :  1.2em; 
}

.resultSearch .col-2 .wrap-list .offre-bloc .wrap-price .tarif p strong {
   font-size :  1.4em; 
}

.bloc-content .col-2 .offer .offer-bloc .tariff {
   font-size :  2.0em; 
}

.infos-compagnie .other-departure .bx-wrapper .bx-viewport .slide p.price {
   font-size :  1.5em; 
}

/*.offre .col-left .croisiere .tarif p strong {
    font-size: 1.9em;
}*/

.learn-more .pInfo {
         height: 35px; margin-top: 8px;
         padding-left: 257px;
}

.learn-more span.checkInfo {
    float:left;
    margin: 8px 0 18px 12px;
    width: 245px;
}

.inforesa input[type="submit"] {
    width: 160px;
}

.top header #menu > ul > li.cm1 > a,
.top header #menu > ul > li.cm2 > a,
.top header #menu > ul > li.cm3 > a,
.top header #menu > ul > li.cm5 > a,
.top header #menu > ul > li.cm6 > a
 {
    color:#525252;
}

.top header #menu > ul > li.cm1:hover >  a{
    color:#01A5FF;
}

.top header #menu > ul > li.cm2:hover >  a{
    color:#FF7800;
}

.top header #menu > ul > li.cm3:hover >  a{
    color:#CF905A;
}

.top header #menu > ul > li.cm5:hover >  a{
    color:#FF3334;
}

.top header #menu > ul > li.cm6:hover >  a{ 
   color:#F92277;
}

.resultSearch .otherResults {
    font-size:1.4em;
    /*font-weight:bold;*/
    background: none repeat scroll 0 0 #FFE5E5;
    /*border-bottom: 1px solid #FF3334;*/
    color: #FF3334;
    margin-bottom: 10px;
    padding: 10px;
}

.allboats .col-2 h2.title{
    color: #535353;
    font-size:2.1em;
    font-family:Tahoma,Geneva,sans-serif;  
    font-weight:bold;
    padding: 0 0 10px;
}

.allboats .bloc-content .col-2 {
    margin: 57px 0 0 15px;
    position: relative;
    width: 728px;
}

.allboats .bloc-content #list-results .boatleft {
    float:left;
    width:30%;
}

.allboats .bloc-content .all-escales .boatleft {
    height:25px;
}


.allboats .bloc-content #list-results #boat_company a {
    color: #21B0FF;
    font-size: 1.5em;
    
}
.allboats .bloc-content #list-results .boatleft h2 a {
    color: #525252;
    font-size: 1.2em; 
}

.allboats #list-compagnies .box {
    border:1px dashed #535353;
    height:150px;
    margin-top:8px;
    padding:10px;
}

.box h2 a {
    color:#535353;
    font-size:1.5em;
    font-weight:bold;
}

.allboats #list-compagnies .box .image-company {
   float:left;
   margin-top:15px;
   width:268px; 
}

.allboats .groupce p, .allboats .maritime p, .allboats .compagnies p  {
    font-size:1.3em;
    line-height:1.6em;
    
}

.maritime p {
    color:#525252;
}

 .col-2 h2.bg-groupe, .col-2 h2.bg-luxe, .col-2 h2.bg-companies, .col-2 h2.title-cms   {
    padding: 6px 8px;
    background:#21B0FF;
    margin-bottom: 7px;
    font-size:1.4em;
    color: #FFFFFF;
    font-weight:bold;
    border-radius:5px;
}
.col-2 h2.bg-maritimes, .col-2 h2.bg-fluviale {
  color:#3c3c3c;
  font-size:1.9em;
  font-weight:bold; 
  margin-bottom: 10px;
}

.allboats .groupce #photoGroupeEtCe{
  background: url("../images/design/photo_groupeCE.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 428px;
  margin: auto;
  width: 641px; 
  margin-top:10px; 
}

.allboats .groupce #photoGroupeEtCe #space {
    height:345px;
}

#btn_devis {
    margin: auto;
    width: 198px;
}

.allboats .maritime #resultsboats #list-results {
    margin-top:10px;
}

.allboats .maritime #resultsboats .boatleft {
    float: left;
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 20px;
    width: 141px;
}

.text-justify {
    text-align:justify;
}

.boatleft2 {
    float: left;
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 7px;
    width: 160px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 10000;
}

#inforesa {
    background-color:#fff;
}

.bloc-content-cms {
    /*border:1px solid #ccc; */
   /*padding:8px; */
    font-size:1.2em;
    font-family:Tahoma,Geneva,sans-serif;  
    text-align:justify;
} 

.allboats .cms-view p {
    font-size: 1.2em;
    line-height: 1.4em; 
}

.formSearch p select {
    background: url("../images/design/bg-input.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    height: 31px;
    padding: 6px 3px;
    width: 237px;
    color:#525252;
    line-height: 27px;
}

.bxtheme .slide a:hover {
    opacity:0.5;
}

#tabs-offres .ui-tabs-nav {
    background: none repeat scroll 0 0 #D3EFFF !important;
}

.offre .ui-widget-content {
    border:none;
    padding:0;
} 

.offre .tab_container  > div {
    padding:0;
}

.offre .wrap-tabs ul.ui-tabs-nav {
    margin-bottom: 15px;
    border:none;
    border-bottom:1px solid #C2C2C2;
    border-radius: 0px;
    padding:0;
}

.offre .wrap-tabs li  {
    background:none;
    border:none;
    border-right: 4px solid #FFFFFF;
    border-radius: 0px;
    padding:0;
    position: relative;
    top:0px !important;
    margin:0px !important;
}

.offre .wrap-tabs li.ui-tabs-nav-item a {
    color: #535353;
    padding:0;
    display: block;
    float:none;
}

.wrap-actus h3 span {
    color: #535353;
    font-size: 11px;
    font-style: italic;
    font-weight:normal;
}

.detail-actus p.back {
    margin-top:10px
}

.detail-actus p.back a{
    color:red;
}

.contact .col-2 p.clearfix span {
    display:inline;
}

.contact .col-2 label.jforms-required {
    font-weight:normal;
}

span.jforms-required-star {
    font-weight: normal;
}

.contact .col-2 p.bt-envoie input[type="submit"] {
    background: none repeat scroll 0 0 #21B0FF;
    border: medium none;
    color: #FFFFFF;
    height: 30px;
    width: 137px;
}

ul#jforms_croisiere_contact_errors {
    display:none !important;
}

.contact .col-2 p.clearfix input.jforms-error, .contact .col-2 p.clearfix textarea.jforms-error {
    border:1px solid #FF0000;
    background:none;
}

.contact .col-2 p.clearfix label.jforms-error {
    color: #3C3C3C;
    font-style: normal;
}

.contact ul.jelix-msg {
    color: #FF0000;
    font-size: 14px;
    margin: 10px 0;
}

.landing label.jforms-required   {
    font-weight:normal;
}

.landing .formSearch p select {
    background:none repeat scroll 0 0 #FFFFFF;
    width:242px;
}

#dialog-form {
    font-size:13px;
}

#dialog-form input.text {
    width:95%;
    height:30px;
}

span#ui-dialog-title-dialog-form {
    font-size:13px;  
}

.actus li h3 a, .actus li h3 a:hover{
    color:#21B0FF;
}

.landing .bloc-content .col-2 .bloc-qsn img {
    z-index:10;
}
.landing .bloc-content .col-2 .bloc-qsn .infosPlus, .landing .bloc-content .col-2 .bloc-qsn .infosMoins  {
   bottom: 0;
   height: 48px;
   left: 50%;
   margin-left: -24px;
   position: absolute;
   width: 48px; 
   z-index:100;
}


.landing .bloc-content .col-2 .bloc-qsn {
    overflow:hidden;
}

.landing .bloc-content .col-2 .bloc-qsn .infosPlus a {   
    background: url("../images/design/bt-ajout.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 48px;
    width: 48px;
}

.landing .bloc-content .col-2 .bloc-qsn .infosMoins a {   
    background: url("../images/design/bt-moins.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 48px;
    width: 48px;
}

.landing .bloc-content .col-2 .bloc-qsn .qsn-txt {
    bottom:-289px;
}

.resultSearch .col-2 .wrap-list {
    padding:0;
}

.compagnies .bloc-content .col-2 .logo-cp {
   top:-25px;
}

.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto {
    left: 45%;
}

.offre .formule {
    font-size:11px;
}

.bloc-content .col-2 .offer .offer-bloc .button {
    font-size:1.2em;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active  {
    background-color:#21B0FF !important; 
    
}
.top header #menu li.cm2 ul.submenu li .linkMenu ul, .top header #menu li.cm3 ul.submenu li .linkMenu ul {
   width: 143px;   
}

.numcontact {
    font-size:17px;
}

.offre .wrap-tabs li.ui-tabs-nav-item a:hover {
    background-color:#21B0FF;
    color:#fff;
}

.city a:hover {
    color:#000000;
}

.top header .infos .contact {
    font-size:1.2em;
}

.formSearch select > option {
    background-repeat: no-repeat;
    padding-left: 10px;
    height : 21px;
}

.formSearch select > optgroup > option {
    background-repeat: no-repeat;
    padding-left: 10px;
    height : 21px;
}

.bloc-content .col-2 .offer .offer-bloc {
    height: 276px;
}


.bloc-content .col-2 .offer .offer-bloc p.tariff {
    color:#ff3334;
    text-align:center;
    margin-bottom:11px;
    width: 61px;
    line-height: 14px !important;
}

.bloc-content .col-2 .offer .offer-bloc p.tariff span.tr-appde {
  font-weight:normal;
  color:#3C3C3C;     
}

.bloc-content .col-2 .offer .offer-bloc .reduc { 
    background:none;
}

 .bloc-content .col-2 .offer .offer-bloc p.date,.bloc-content .col-2 .offer .offer-bloc p.city {
   line-height: 22px !important;   
}

.bloc-content .colhome {
   /*width:545px;*/  
}

.bloc-content .col-2 .offer .offer-bloc p.formule{
   position:absolute;
   top:0;
   left:0;
   background:#fff;
   width:106px;
   height:25px;
   font-size:12px;
   font-weight: bold; 
   padding: 3px;
   text-align:center;
   opacity:0.8;
}

.bloc-content .col-1 .pictos {
    text-align:center;
}

.service span.promo {
    color:#FF3537;
}

footer .nav-footer {
    padding-left:8px;
}

footer #bloc-offfre-privilege h2 {
    width:375px;
    font-size:2.0em;
    height:75px;
    font-weight:normal;
}

footer #bloc-offfre-privilege h2 span {
   font-size:0.8em;  
}

footer .newsletter input[type="text"] {
    font-size:14px;
    height:40px;
    width:222px;
}

footer .newsletter input[type="submit"]  {
    font-size:1.8em;
    font-weight:normal;
    height: 38px;
    padding: 3px 0 7px;
    width: 154px;
}

footer .newsletter p.left {
    height:100px;
}

.formSearch p.submit input  {
    width: 159px;
    font-size: 1.3em;
}

.contact .col-2 p {
    font-size:1.4em;
}

p.grp-letter {
    width:95%;
    clear:both;
    height:16px;
    color:red;
    font-size:14px;
    margin-bottom:5px;
    border:1px dashed red;
    padding-left:8px;
    font-weight:bold;
}

.allboats .maritime .rappel p, .allboats .groupce .rappel p, .allboats .cms-view .rappel p,.allboats .compagnies .rappel p  {
    font-size:1em !important;
} 

.allboats .bloc-content .col-1 .rappel {
    margin: 12px 0 0;
}

.allboats .bloc-content .col-1 .pictos {
    margin: 15px 0 0;
    width: 100%;
}

.allboats .bloc-content .col-1 .formSearch {
    margin: 57px 0 0;
}

.offre .resevation {
    background:none;
    height: 165px;
    margin: 10px 0 0;
    position: relative;
    width: 182px;
}


.offre .resevation {
    background: url("../images/data/reserve2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 127px;
    margin: 10px 0 0;
    position: relative;
    width: 182px;
}
.border {
    border: 1px solid #e9e8e8;
}
body * {
    margin: 0;
    padding: 0;
}
body * {
    margin: 0;
    padding: 0;
}
a:focus, * {
}
*::-moz-selection {
    background-color: #25516b;
    color: #ffffff;
    text-shadow: none;
}
*::-moz-selection {
    background-color: #25516b;
    color: #fff;
    text-shadow: none;
}
body {
    font-size: 62.5%;
}
html, button, input, select, textarea {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
}
html {
    font-size: 100%;
}
.infos-compagnie .other-departure .bx-wrapper .bx-prev, .infos-compagnie .other-departure .bx-wrapper .bx-next {
    z-index:10;
}

.groupes .destination {
    overflow: hidden;
    width: 209px;
}

.offre .col-right .bouton {
    font-weight:normal;
}

.top-destination {
  margin-top: 15px;
  padding: 11px 14px;
  width: 221px;
}
/* line 369, ../scss/_commun.scss */
.top-destination h2, .top-destination .bloc-content .col-1 .actus h3, .bloc-content .col-1 .actus .top-destination h3, .top-destination .bloc-content .col-1 .actus .detail p, .bloc-content .col-1 .actus .detail .top-destination p, .top-destination .detail .bloc-content .col-1 .actus p, .detail .bloc-content .col-1 .actus .top-destination p, .top-destination .resultSearch .col-2 .red-bloc h3, .resultSearch .col-2 .red-bloc .top-destination h3, .top-destination .resultSearch .col-2 .red-bloc .detail p, .resultSearch .col-2 .red-bloc .detail .top-destination p, .top-destination .detail .resultSearch .col-2 .red-bloc p, .detail .resultSearch .col-2 .red-bloc .top-destination p, .top-destination .resultSearch .col-2 .white-bloc h3, .resultSearch .col-2 .white-bloc .top-destination h3, .top-destination .resultSearch .col-2 .white-bloc .detail p, .resultSearch .col-2 .white-bloc .detail .top-destination p, .top-destination .detail .resultSearch .col-2 .white-bloc p, .detail .resultSearch .col-2 .white-bloc .top-destination p {
  font: bold 1.5em Tahoma, Geneva, sans-serif;
  line-height: 100%;
  color: #21b0ff;
  padding: 0 0 10px;
}
/* line 374, ../scss/_commun.scss */
.top-destination li, .top-destination footer p, footer .top-destination p {
  font: normal 1.2em Tahoma, Geneva, sans-serif;
  line-height: 100%;
  line-height: 17px;
}
/* line 377, ../scss/_commun.scss */
.top-destination li a, .top-destination footer p a, footer .top-destination p a {
  color: #3c3c3c;
}
/* line 379, ../scss/_commun.scss */
.top-destination li a:hover, .top-destination footer p a:hover, footer .top-destination p a:hover {
  text-decoration: none;
}

.offre .col-left .croisiere h2 {
    font-weight:normal;
}

.resultSearch .col-2 .white-bloc .txt .boat a{
    color:#21b0ff;
}

.resultSearch .col-2 .wrap-list .offre-bloc .wrap-price {
    position:relative;
}

.wrap-price p.p-tarif {
    left: 15px;
    position: absolute;
    top: 28px;
}

.wrap-price p.p-tarif-sanspromo {
    left: 15px;
    position: absolute;
    top: 18px;
}

.wrap-center {
   /* box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
    -webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75); */
}

/***fond transparent pour la home***/
.homecontent {
    background:none !important;
} 

.homecontent .formSearch {
    background:#fff;
    margin: 28px 0 0 10px;
}

.homecontent .rappel, .resultSearch .rappel,.allboats .rappel,.landing .rappel{
  background: url("../images/design/deco-rappel.jpg") no-repeat scroll 0 0 #fff;
  width: 255px;
  height:80px;
  
}

.resultSearch .rappel {
     margin: 12px 0 0;
}

.landing .rappel a , .homecontent .rappel a {
    display:block;
    height:80px;
}

 

.landing .rappel a:hover, .homecontent .rappel a:hover {
    text-decoration:none;
}

.homecontent .theme {
    background:#fff;
}

.homecontent #inforesa {
   width:1007px; 
}

.homecontent .pictos {
    background:#fff; 
}

.homecontent .offer-bloc {
    background:#fff; 
}

.homecontent .plan, .homecontent .actus,.homecontent .demande, .homecontent .top-destination,.homecontent .company  {
   background:#fff; 
}

.homecontent .banner {
    height: 517px;
    margin: 28px 8px 0 0;
}

.top header #menu {
    position: relative;
    right: 9px;
    width: 752px;
}

.top header .infos {
    margin: 20px 6px 7px;
}

.top header .logo {
    top:-20px;
}

.homecontent .favorite h2.border,.homecontent .best-selling h2.border  {
    border :2px solid #fff;
}

.top .homecontent {
    border:none !important;
}

 .bx-pager-item {
   margin-right:8px; 
}

.homecontent .offer-bloc {
    border:2px solid #fff;
} 

.top .content {
    padding-bottom:21px; 
}

.company {
    margin: 6px auto 0;
}

#fixedresa {
    width:256px !important;
    position:relative !important;
    margin: 21px 0 0 !important;
    box-shadow: 1px 0 7px 0 rgba(50, 50, 50, 0.2);
    height:282px;
}

#fixedresa h2 {
    font-size:1.5em;
}

#fixedresa  p.pInfo {
    padding:0px !important;
    margin-top: 0;
}

#fixedresa input[type="submit"] {
    right: 85px;
    top: 237px;
}

#fixedresa input[type="text"] {
    margin-bottom: 10px;
    width: 217px !important;
}

#fixedresa span.checkInfo {
    margin: 8px 0 7px 12px;
}

.resultSearch .formSearch {
    width: 985px;
    padding: 0 8px 8px;
    height: 175px;
}

.resultSearch .formSearch p{
     float: left;
}

.resultSearch .formSearch {
    margin:8px 0 0 !important;
}

.resultSearch .formSearch #jforms_croisiere_search_express h2 {
    display:none;
}

.loading-search {
    font-size:16px;
    font-family:Tahoma,Geneva,sans-serif;
    color:#525252;
}


#sitemap div {
    color:#21b0ff;
    font-size:13px;
}

#sitemap .sitemapleft {
    float: left;
    width: 313px;
    color:#525252;
    font-size:12px;
}

.allboats .bloc-content .sitemap, .allboats .bloc-content .notfound  {
    margin: 20px 0 0 15px !important;
}

.allboats .bloc-content .notfound {
    font-size:13px;
    line-height:30px;
}

#notfoundtitle {
    font-size:16px;
    color:#21b0ff;
}

.allboats .bloc-content .notfound a {
   color:#21b0ff;  
}

#text-bottom {
    background:#fff;
    margin:0 auto;
    width: 991px;
    padding:10px;
    font-size:11px;
    line-height:20px;
    color:#3c3c3c;
}

#text-bottom a {
    color:#21b0ff;
}

#text-bottom h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:15px;
}

.bottom-seotexte {
    padding-bottom:51px;
}

.nothome {
    margin-top: 20px;
}

.nothome #text-bottom {
     width:1008px;
}

footer .newsletter-nothome {
    width:1026px;
}

.top  header .menu-nothome {
    right: 0px !important;
    width: 761px !important;
}

.col-2 h1.title-cms {
    background: none repeat scroll 0 0 #21b0ff;
    border-radius: 5px;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 7px;
    padding: 6px 8px;
}


.background-center .p-bloc1 {
    background-color:#fff;
    padding-bottom:18px;
}

.background-center .p-bloc2 {
   background-color:#fff; 
   margin-top:15px;
   padding-bottom:18px;
}

.background-center .p-bloc3 {
   background-color:#fff; 
   margin-top:15px;
   padding-bottom:18px;
}

.background-center .p-bloc4 {
   background-color:#fff;
   padding-bottom:18px;
   margin-top: 15px; 
}

.background-center .p-bloc5 {
   background-color:#fff;
   margin-top:15px; 
    padding-bottom:18px;
}

.background-center .p-bloc6 {
   background-color:#fff;
   margin-top:15px; 
   padding-bottom:18px;
}

.background-center .p-bloc7 {
   background-color:#fff;
   padding-bottom:18px;
   margin-top: 15px; 
}

.background-center .p-bloc8 {
   background-color:#fff;
   padding-bottom:18px;
   margin-top: 15px; 
}

.background-center .bloc-dev {
    padding-top:20px;
     padding-bottom: 51px;
}

.background-center .title-dev {
    background: none repeat scroll 0 0 #fff;
    color: #007cbc;
    font-size: 19px;
    padding-left: 260px;
}

.background-center .title-dev-generale {
   background: none repeat scroll 0 0 #fff;
   color: #007cbc;
   font-size: 16px;
   padding: 13px 
}

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

.p-bloc3 table {
    font-size:14px !important;
}

.p-bloc2 table td,.p-bloc1 table td {
   font-size: 12px;     
}

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

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

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

table.itineraire tr.odd {
    background: none repeat scroll 0 0 #e3ebf4;
}

table.itineraire tr.even {
    background: none repeat scroll 0 0 #f1f5fa;
}

.separator-devis {
    height:20px;
}

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

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


#escales ul li .desc {
    padding-left: 202px;
}

#escales ul li .desc .title-escale {
    font-size:15px;
    padding-bottom:10px;
    font-weight:bold;
}

#escales ul li .desc .title-escale .red {
    color:red;
}

#escales .desc .red {
   color:red; 
}

#escales ul li .desc, #escales ul li .desc p {
     line-height: 221%;
}

#infosnavire #desc {
    padding:30px;
}

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

.overlay {
    position:fixed; 
    top:0; 
    left:0; 
    background:rgba(0,0,0,0.6); 
    z-index:10000; 
    width:100%; 
    height:100%; 
    display:none;
}

.top-destination ul li a:hover {
    color:#21b0ff !important;
}

 #fixedresa.homeresa {
     width: 249px !important;
     background:#fff;
}

.topoffre {
    border:2px dashed #ff3334 !important;
}

.inforesa .resa-date {
    float:right;
    padding-top:3px;
    font-weight:bold;
}

.white-bloc .offre-bloc .desc h3 a {
    color:#21b0ff;
}

.red-bloc  .offre-bloc .desc h3 a {
   color:#ff3334; 
} 

.red-bloc li.offre-bloc:hover {
   background-color:#faf1f1 !important; 
}

.white-bloc li.offre-bloc:hover {
   background-color:#fcfce9 !important; 
}

p.controle_selected select {
    border: 1px dashed #21b0ff;
}

.actus .bloc-content .col-2 {
    margin: 57px 0 0 15px;
    position: relative;
    width: 728px;
}

.actus .col-2 .wrap-actus li .desc {
    width:466px !important;
}

.actus .col-2 p.surtitre {
    color: #979797;
    font-size: 1.1em;
     padding: 0 0 13px;
}

.allboats .col-2 p.surtitre {
    color: #979797;
    font-size: 1.1em;
     padding: 0 0 13px;
}

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

 #slideshow {
    margin-left: 30px;
}

#photos ul#thumbnav li {
    float: left;
    list-style: none outside none;
    width: 78px;
    margin-left: 30px;
    margin-bottom: 10px;
}

#cgv {
    border: 1px solid silver;
    height: 400px;
    margin: auto;
    overflow: scroll;
    padding: 5px;
    width: 700px;
    font-size:12px;
}

#cgv p {
    margin-bottom: 20px;
}

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

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

.bloc-default-cgv .tt-name {
    font-size:13px;
     padding-left: 20px;
}

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

.facDown a {
    color:#25516b;
    font-weight:bold;
}

#down-cgv {
    padding-top: 15px;
}

#jforms_fiches_cgv__submit {
    width:80px;
}

.bloc-form-passager {
    margin-left:87px;
    font-size:12px;
}

.bloc-form-passager form input {
    width:200px;
    height:25px;
}

#dialog-form input.active, #inforesa input.active  {
    background:#21b0ff;
}

.bloc-tri {
    font-size:1.2em;
    font-family:Tahoma,Geneva,sans-serif;
    margin-top: 23px;
}

.bloc-tri select {
    background: url("../images/design/bg-input.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #525252;
    height: 31px;
    line-height: 27px;
    padding: 6px 3px;
    width: 141px;
}

.boatdestination {
    width:354px;
    float:left;
    background:#f1f1f1;
    height:80px;
    margin-bottom:12px;
}

.boatdestination.leftboat {
    margin-right:20px;
}
.boatdestination img {
    float:left; 
}

.boatdestination .right-pp {
   float:left;
   width:218px;
   text-align:center;
   font-size:17px;
   color:#535353;
   margin-top:20px;    
}

.boatdestination a {
    color:#1fb0ff;
}

.infos-compagnie .other-departure .bx-wrapper .bx-viewport .slide {
    padding:0px;
}


.infos-compagnie .other-departure .bx-wrapper .bx-viewport .slide p.reduc {
    background: none repeat scroll 0 0 #019ef4;
    color:#fff;
}

.infos-compagnie .other-departure .bx-wrapper .bx-viewport .slide {
    height: 109px;
}

.infos-compagnie .other-departure .bx-wrapper .bx-viewport {
    top:10px;
}

.bloc-sociaux a {
  text-decoration:none;  
}

.bloc-sociaux img:hover {
    opacity:0.7;
}

.bloc-paiement .p-bloc1 {
    min-height:200px;
}

.bloc-paiement .p-blocpaiement {
    font-size:1.5em;
    padding:20px;
    text-align:center;
}

.bloc-paiement .p-blocpaiement .title {
    font-size:18px;
}

.bloc-paiement .p-blocpaiement p {
    margin:10px;
}

.bloc-paiement #jforms_croisiere_identify_code_identify {
    height:25px;
}

.bloc-paiement #jforms_croisiere_identify__submit {
    width:128px;
    height:32px;
    background:none repeat scroll 0 0 #01a5ff;
    border:none;
    color:#fff;
}

.bloc-mention {
    text-align:center;height:250px;font-size:16px;
    padding-top:10px;
}

.bloc-mention a{
    color:#21b0ff;
}

.bloc-mention p {
    margin-bottom:25px;
}