@charset "utf-8";

/* CSS Document */



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

GENERAL

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

html{margin:0;padding:0;}

body{background: url(../images/bg.jpg);font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #4b4b4b;overflow-x:hidden}

img1{border:none;}

.clr{clear:both;}

#colonne-gauche{width: 24%; float: left; margin-left: 20px;}

#colonne-droite{width: 24%; float: right; margin-right: 20px;}

#content.normal{float: left; width: 69%;}

#content.large{float: left; width: 96%; padding: 0 20px;}



/* Conteneur */

#conteneur{

background: #FFF;

max-width: 1000px;

margin: 10px auto;

box-shadow: 0 0 5px #cccccc;

list-style: none;

}



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

POLICES ET STYLES

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

h1{

font-size: 24px;

color: #1e72a1;

font-weight: normal;

position: relative;

z-index: 2;

}

h2{

font-size: 16px;

color: #73afd0;

position: relative;

z-index: 2;

}

h2 a{

text-decoration: none;  

}

h3{

font-size: 13px;

color: #19709a;

margin-bottom: 0;

}



h4, h5, h6{

font-size: 13px;

color: #595959;

}

p{

line-height: 18px;

text-align: justify;

}

.img_caption p{

 font-size: 11px!important;

}

a{

color: #007AA4;

text-decoration: none;

}

a img{ border: none; }





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

HEADER

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

#haut{
  height: 140px;
  background: url(../images/logo-fpp-2018.svg) no-repeat 20px 18px;
  background-size: 30%;
}

#logo{

  border: none;

  padding: 30px;

  float: left;

}

#site-description{

  float: left;

  font-weight: bold;

  color: #2577A7;  

  padding-top: 106px;
/*    Passer padding-top de 115 à 106 quand on repasse le slider*/

  margin-left: 20px;
    font-size: 14px;

}

#haut-droite-mobile a
{
    float: none;
    color: white;
    padding: 5px;
    margin-left: 0px;
    margin-bottom: 50px;
    font-size: 18px;
    border-color: #61a2c6;
    border-width: thin;
    border-style: solid;
    border-radius: 8px;
}

#haut-droite {

  float: right;

  margin: 10px 20px 0px 20px;  

  text-align: right;

}

#haut-droite-mobile {
	 

  margin: 18px 20px 0px 20px;  

  text-align: center;
}

#drapeaux{

  margin-bottom: 15px;  

}

#ouverture{

float: left;

margin-top: -12px;

margin-right: 20px;

}





#reservation{

  text-align: right;  

}

#telephone{

font-weight: normal;

color: #1e72a1;  

font-size: 14px;

}

#telephone img{

float: left;

margin-top: -8px;

margin-right: 5px;

}

#telephone p{

font-weight: bold;

color: red;

font-size: 16px;

margin-top: 20px;

margin-bottom: 10px;

text-align: right;

}

#slider{

}



/*////////////////////////////////////////////////////////////////
MENU PRINCIPAL
////////////////////////////////////////////////////////////////*/
/*div#maximenuck229.maximenuckh ul.maximenuck {background: #61a2c6 url(../images/bg-menu.jpg) top repeat-x;}
div#maximenuck229 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck229 ul.maximenuck li.maximenuck.level1 > span.separator {color: #fff;}
div#maximenuck229 ul.maximenuck li.maximenuck.level1 {background: url(../images/bg-menu-li.png) right repeat-y;}
div#maximenuck229 ul.maximenuck li.maximenuck:hover {background: #61a2c6;}
div#maximenuck229 ul.maximenuck li.maximenuck.active {background: none;}
div#maximenuck229 div.floatck {background: #61a2c6; border: none;}
div#maximenuck229 ul.maximenuck li.maximenuck a, div#maximenuck229 ul.maximenuck li.maximenuck span.separator, div#maximenuck229 ul.maximenuck2 a, div#maximenuck229 ul.maximenuck2 li.maximenuck span.separator {color: #fff; border: none;}
div#maximenuck229 ul.maximenuck li.maximenuck a:hover, div#maximenuck229 ul.maximenuck2 a:hover {color: #fff;}
div#maximenuck229 ul.maximenuck li.maximenuck:hover {color: #fff;}

/*ul.menumenu-principal {list-style: none; background: #61a2c6 url(../images/bg-menu.jpg) top; height: 35px; margin: 0; padding: 0;}
ul.menumenu-principal > li {float: left;}
ul.menumenu-principal > li > a {display: block; color: #fff; font-size: 14px; line-height: 35px; height: 35px; background: url(../images/bg-menu-li.png) right repeat-y; padding-left: 14px; padding-right: 14px;}
ul.menumenu-principal > li.item-142 {background: url(../images/bg-menu-dispo.jpg) top repeat-x!important; color: #103655!important; }
ul.menumenu-principal > li.item-142 a {color: #103655!important;}
ul.menumenu-principal > li > ul.nav-child {display: none;}
ul.menumenu-principal > li:hover > ul.nav-child {display: block; position: absolute; background: #73afd0; list-style: none; margin: 0; padding: 0; z-index: 100;}
ul.menumenu-principal > li:hover > ul.nav-child > li {background: #73afd0; padding: 0 10px;}
ul.menumenu-principal > li:hover > ul.nav-child > li > a {color: #fff; line-height: 32px;}*/

#maximenuck{max-width: 1000px; width: 100%;}
  #maximenuck .maxiroundedcenter ul {margin: 0; padding: 0; background: #61a2c6 url(../images/bg-menu.jpg) top;}
    #maximenuck .maxiroundedcenter ul li {background: url(../images/bg-menu-li.png) right repeat-y;}
      #maximenuck .maxiroundedcenter ul li a {line-height: 2.2em; color: #FFF; font-size: 14px; padding: 0 14px; height: 35px;}
      #maximenuck .maxiroundedcenter ul li a:hover {background: #61a2c6;}
#maximenuck .maxipushdownck {height: 25px; background: #61a2c6;}
  #maximenuck .maxipushdownck ul {margin: 0; padding: 0; list-style: none;}
    #maximenuck .maxipushdownck ul li, div#maximenuck ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck ul.maximenuck2 li.maximenuck {float: left!important;}
      #maximenuck .maxipushdownck ul li a {color: #fff; font-weight: bold; line-height: 25px; height: 25px; font-size:0.95em; padding: 0 10px;}
        #maximenuck .maxipushdownck ul li:hover {background:#73afd0;}     

div#maximenuck ul.maximenuck li.level1.parent > a:after, div#maximenuck ul.maximenuck li.level1.parent > span.separator:after {display: none;}

.menu-dispo, .menu-dispo:hover{
  background: url(../images/bg-menu-dispo.jpg) top repeat-x!important;
  color: #103655!important;
  height: 32px;
}
.floatck {height: 25px!important;}
.floatck.submenuck133 {margin-left: 72px!important;}
.floatck.submenuck139 {margin-left: 186px!important;}
.floatck.submenuck160 {margin-left: 50px!important;}
.floatck.submenuck261 {margin-left: 600px!important;}
.floatck.submenuck264 {margin-left: 450px!important;}


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

ONGLETS DANS LES PAGES

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

#onglets{

display: none;

margin: 0;

padding: 0;

}

#onglets li{

position: relative;

float: left;

list-style: none;

padding: 7px;

margin-right: 1px;

border-top: 1px solid #eee;

border-right: 1px solid #eee;

border-left: 1px solid #eee;

cursor: pointer;

background: #afd4e8 url(../images/bg-onglets.png) bottom;

color: #fff;

font-weight:bold;

z-index: 1;

font-size: 14px;

}

#onglets .actif{

border-bottom: none;

font-weight: bold;

z-index: 10;

background: #cfc5b9 url(../images/bg-onglets-hover.png) bottom;

}


#onglets-promotion{

display: none;

margin: 0;

padding: 0;

}

#onglets-promotion li{

position: relative;

float: left;

list-style: none;

padding: 7px;

margin-right: 1px;

border-top: 1px solid #eee;

border-right: 1px solid #eee;

border-left: 1px solid #eee;

cursor: pointer;

background: #afd4e8 url(../images/bg-onglets.png) bottom;

color: #fff;

font-weight:bold;

z-index: 1;

font-size: 14px;

}

#onglets-promotion .actif{

border-bottom: none;

font-weight: bold;

z-index: 10;

background: #cfc5b9 url(../images/bg-onglets-hover.png) bottom;

}

#contenu{

clear: both;

position: relative;

margin-bottom: 20px;

padding: 10px;

border: 1px solid #eee;

z-index: 5;

width: 940px;

overflow: hidden;

}





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



PAGES



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







/* Content */



#content{



  padding: 0 20px 20px 20px;  



  margin-bottom: 20px;



}



.encadre{



  padding: 0 20px;



  border: #eee 1px solid;



  background: #f4f4f4;  



}



.intro {



  text-align: center;



  font-size: 16px;



  color: #1e72a1;  



}







/* Page d'accueil */



.item-pageaccueil h1{



  font-size: 16px;



  font-weight: bold;



}



.accueil-encarts div.encart{



  float: left;



  width: 335px;



  height: 173px;



  margin-bottom: 20px;



}



.accueil-encarts div p{



  padding: 2px 5px;



  width: 325px;



  height: 49px;



  line-height: normal;



  font-size: 12px;



  text-align: left;



  margin: 0;



}



.accueil-encarts div a{



  color: #fff;  



}



.accueil-pictos{



  margin-top: 5px;



  border: 1px solid #eee;



  background: #f4f4f4;



  float: left;



}



.accueil-pictos div{



  float: left;



  width: 33%;



  text-align: center;



}



.accueil-pictos div p{



  text-align: center;



  padding: 0 10px;



  text-transform: uppercase;



  font-weight: bold;



  margin-top: 0;



}







/* Page Ils parlent de nous */



.item-pagemedias table{



  width: 960px;  



}



.item-pagemedias table tr td{



  padding: 20px;



  margin: 20px;



  border-top: 1px solid #eee;



  vertical-align: top;



}







/* Pages des bases */

.bases-videos{

  float: left;

  background: #f4f4f4;

  border: #eee;

  width: 210px;

  height: 310px;

  padding: 7px;

  margin: 5px;

}

.bases-videos p{

  font-size: 12px;  

}

div.liste-base {display: none;}





/* Page Gamme premium */



.premium-right ul li{



  list-style-image: url(../images/ico-premium.gif);



  line-height: 24px;



}



.bateaux-premium{



  width: 840px;



  margin: 0 auto;  



}



.bateaux-premium div{



  width: 400px;



  float: left;



  margin: 10px;



}



.bateaux-premium div h2{



  background: #f1a7c3 url(../images/bandeaupremium.png) no-repeat top left;



  padding-left: 90px;



  line-height: 20px;



  color: #4b4b4b;



  margin: 0;



}



.bateaux-premium div h2 a{



  color: #4b4b4b;



}



.bateaux-premium div p{



  text-align: center;



}



.bateaux-premium div img{



  float: left;



  margin-right: 10px;  



}



/* Page Gamme classic */



.bateaux-classic{



  width: 840px;



  margin: 0 auto;  



}



.bateaux-classic div{



  width: 400px;



  float: left;



  margin: 10px;



}



.bateaux-classic div h2{



  background: #b2d0e1 url(../images/bandeauclassic.png) no-repeat top left;



  padding-left: 90px;



  line-height: 20px;



  color: #4b4b4b;



  margin: 0;



}



.bateaux-classic div h2 a{



  color: #4b4b4b;



}



.bateaux-classic div p{



  text-align: center;



}



.bateaux-classic div img{



  float: left;



  margin-right: 10px;  



}



/* Page Proprietaire*/



.bateaux-proprio{



  width: 840px;



  margin: 0 auto;  



}



.bateaux-proprio div{



  width: 400px;



  float: left;



  margin: 10px;



}



.bateaux-proprio div h2{



  background: #d3bae8 url(https://www.houseboat-hire.com/images/bandeau-proprio.jpg) no-repeat top left;



  padding-left: 90px;



  line-height: 20px;



  color: #4b4b4b;



  margin: 0;



}



.bateaux-proprio div h2 a{



  color: #4b4b4b;



}



.bateaux-proprio div p{



  text-align: center;



}



.bateaux-proprio div img{



  float: left;



  margin-right: 10px;  



}



/* Page electrique */

.bateaux-elec{



  width: 840px;



  margin: 0 auto;  



}


elec
.bateaux-elec div{



  width: 400px;



  float: left;



  margin: 10px;



}



/*
.bateaux-elec div h2{



  background: #a4f4f8 url(https://www.houseboat-hire.com/images/bandeau-elec.jpg) no-repeat top left;



  padding-left: 90px;



  line-height: 20px;



  color: #4b4b4b;



  margin: 0;



}
*/



.bateaux-elec div h2 a{



  color: #4b4b4b;



}



.bateaux-elec div p{



  text-align: center;



}



.bateaux-elec div img{



  float: left;



  margin-right: 10px;  



}


/* Page Gamme budget */



.bateaux-budget{



  width: 840px;



  margin: 0 auto;  



}



.bateaux-budget div{



  width: 400px;



  float: left;



  margin: 10px;



}



.bateaux-budget div h2{



  background: #fddba2 url(../images/bandeaubudget.png) no-repeat top left;



  padding-left: 90px;



  line-height: 20px;



  color: #4b4b4b;



  margin: 0;



}



.bateaux-budget div h2 a{



  color: #4b4b4b;



}



.bateaux-budget div p{



  text-align: center;



}



.bateaux-budget div img{



  float: left;



  margin-right: 10px;  



}



/* Page Gamme Access */



.bateaux-access{



  width: 840px;



  margin: 0 auto;  



}



.bateaux-access div{



  width: 400px;



  float: left;



  margin: 10px;



}



.bateaux-access div h2{



  background: #b2d0e1 url(../images/bandeauaccess.png) no-repeat top left;



  padding-left: 90px;



  line-height: 20px;



  color: #4b4b4b;



  margin: 0;



}



.bateaux-access div h2 a{



  color: #4b4b4b;



}



.bateaux-access div p{



  text-align: center;



}



.bateaux-access div img{



  float: left;



  margin-right: 10px;  



}







/* Pages bateaux */



.bases-bateaux{



  padding: 0px 10px; margin: 10px 0 20px; background: #f4f4f4; border: 1px solid #eee;



}



.cara-bateaux{







}



.cara-bateaux p{



  text-align: left;



}



.cara-bateaux table{



  margin-bottom: 10px;



  background: #f4f4f4;



  border: 1px solid #eee;



}



.cara-bateaux table tr td{



  vertical-align: top;



  padding: 0 20px;



}



.vsig_top img{



  border: 0!important;



  padding: 0!important;  



}



.vsig_thumb img{



  border: 0!important;



  padding: 0!important;  



}







/* Page tarifs */



.item-pagetarifs div.intro p{



  text-align: center;



  font-size: 16px;



  color: #1e72a1;



}



.item-pagetarifs div.encadre{



  float: left;



  width: 425px;



  height: 360px;



  margin: 0 5px 10px 5px;



}







/* Page livre d'or */



.item-pagelivredor div{



  border-bottom: 1px solid #eee;



}



.item-pagelivredor div a{



  color: #4b4b4b;



  text-decoration: underline;  



}



.item-pagelivredor .nom, .item-pagelivredor .nom a{



  color: #007AA4;



  font-weight: bold;



}







/* Page la croisière des blogueurs */



.item-pageblogueurs div{



  border-bottom: 1px solid #eee;



  padding-bottom: 10px;



}



.item-pageblogueurs div p{



  text-align: center;  



}



.item-pageblogueurs div p.rouge, .item-pageblogueurs div span.rouge{



  color: #ed1c24;



  font-weight: bold;



}







/*Page infos pratiques */



.item-pageinfospratiques div.intro p{



  text-align: center;



  font-size: 16px;



  color: #1e72a1;  



}



.item-pageinfospratiques img{



  margin-bottom: 10px;  



}







/* Page promotions */



.promos-bleu{



  width: 100%;



  background: #d9e8f7;



  padding-bottom: 10px;



}



.promos-bleu h2{



  background: #a6ceee url(../images/picto-couple.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}

.promos-bleu h3{
	font-size: 20px;
	color: #4b4b4b;
}

.promos-bleu p{



  padding: 0 10px;  



}



.promos-vert{



  width: 100%;



  background: #cce4b4;



  padding-bottom: 10px;



}



.promos-vert h2{



  background: #9dce70 url(../images/picto-longueduree.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}

.promos-vert h3{
	font-size: 20px;
	color: #4b4b4b;
}

.promos-vert p{



  padding: 0 10px;  



}



.promos-jaune{



  width: 100%;



  background: #ffe794;



  padding-bottom: 10px;



}



.promos-jaune h2{



  background: #ffd400 url(../images/picto-earlybooking.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 60px;



}

.promos-jaune h3{
	font-size: 20px;
	color: #4b4b4b;
}

.promos-jaune p{



  padding: 0 10px;  



}



.promos-turqoise{



  width: 470px;



  background: #5bc6cc;



  padding-bottom: 10px;



}



.promos-turqoise h2{



  background: #00adb3 url(../images/picto-courts-sejours.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}



.promos-turqoise p{



  padding: 0 10px;  



}



.promos-rose{



  width: 100%;



  background: #f2c0c3;



  padding-bottom: 10px;



}



.promos-rose h2{



  background: #e88896 url(../images/picto-famille.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}
.promos-rose h3{
	font-size: 20px;
	color: #4b4b4b;
}


.promos-rose p{



  padding: 0 10px;  



}



.promos-beige{



  width: 100%;



  background: #ffeece;



  padding-bottom: 10px;



}



.promos-beige h2{



  background: #ffdfa4 url(../images/picto-senior.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}

.promos-beige h3{
	font-size: 20px;
	color: #4b4b4b;
}

.promos-beige p{



  padding: 0 10px;  



}



.promos-orange{



  width: 100%;



  background: #fecf8c;



  padding-bottom: 10px;



}



.promos-orange h2{



  background: #faa61a url(../images/picto-flotille.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}

.promos-orange h3{
	font-size: 20px;
	color: #4b4b4b;
}

.promos-orange p{



  padding: 0 10px;  



}



.promos-marron{



  width: 100%;



  background: #d0ac89;



  padding-bottom: 10px;



}



.promos-marron h2{



  background: #aa8765 url(../images/picto-alsace.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}

.promos-marron h3{
	font-size: 20px;
	color: #4b4b4b;
}

.promos-marron p{



  padding: 0 10px;  



}



.promos-vide{



  width: 470px;



  background: #ffffff;



  padding-bottom: 10px;



}



.promos-vide h2{



  background: #ffffff;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}



.promos-vide p{



  padding: 0 10px;  



}



.promos-fete{



  width: 100%;



  background: #f58b75;



  padding-bottom: 10px;



}



.promos-fete h2{



  background: #bd6c5b url(../images/picto-ponts-joursferies.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}

.promos-fete h3{
	font-size: 20px;
	color: #4b4b4b;
}

.promos-fete p{



  padding: 0 10px;  



}



.promos-rouge{



  width: 470px;



  background: #f8a394;



  padding-bottom: 10px;



}



.promos-rouge h2{



  background: #f15a40 url(../images/picto-euro.png) no-repeat left center;



  font-size: 20px;



  color: #4b4b4b;



  line-height: 65px;



  padding-left: 70px;



}



.promos-rouge p{



  padding: 0 10px;  



}







/* Formulaire de contact */



.item-pagecontact table tr td{color:#61A2C6;font-weight:bold;}



.item-pagecontact table{margin-top:50px;}







/* Page assurances croisières */



.item-pageassurances h2{



  margin-top: 30px;



  font-size: 18px;  



}







/* Page FAQ */



.accordionfaq{



  font-family: Arial, Helvetica, sans-serif;  



}







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



ACTU-BLOG



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







.blog div.category-desc{



  margin-bottom: 20px;



}



.blog div.items-leading, .blog div.items-row div.item{



  margin-bottom: 30px;



  padding-bottom: 20px;



  border-bottom: 1px solid #eee;  



}











/*////////////////////////////////////////////////////////////////
MODULES
////////////////////////////////////////////////////////////////*/

/* Fil d'Ariane */
#breadcrumbs{padding: 10px 20px; font-size: 11px; color: #818181; margin-bottom: 30px;}
#breadcrumbs ul {margin: 0; padding: 0;}
#breadcrumbs ul li {float: left; list-style: none;}
#breadcrumbs a, #breadcrumbs a:hover{color: #818181; text-decoration: none;}
.breadcrumbs{float: left;}




/* Sliders */



#slider h3{



  display: none;  



}







/* Module de recherche simple */



.searchsimplerecherche{



  float: right;  



}



.searchsimplerecherche label{



  display: none;  



}



.buttonsimplerecherche{



  background: #1e72a1;



  color: #fff;



  border: 1px solid #1e72a1;  



  margin-left: 2px;



}







/* Module garanties de confiance */



.moduletablegaranties{



  margin-bottom: 20px;



}



.moduletablegaranties h3{



  background: url(../images/bg-mod.jpg);



  height: 25px;



  color: #fff;



  font-size: 14px;



  padding: 5px 0 0 5px;



  margin: 0;



}



.moduletablegaranties div{



  border: 1px solid #eee;  



  padding: 5px 5px 0 5px;



  background: #f4f4f4;



}



.moduletablegaranties table tr td{



  vertical-align: middle!important;  



}



.moduletablegaranties a{



  color: #595959;



  font-style: italic;



}







/* Module catalogue */



.moduletablecatalogue{



  margin-bottom: 20px;



}



.moduletablecatalogue h3{



  background: url(../images/bg-mod.jpg);



  height: 25px;



  color: #fff;



  font-size: 14px;



  padding: 5px 0 0 5px;



  margin: 0;



}



.moduletablecatalogue div.customcatalogue{



  border: 1px solid #eee;  



  padding: 5px;



  background: #f4f4f4;



  text-align: left;



}







/* Module newsletter */



.moduletablenewsletter{



  margin-bottom: 20px;



}



.moduletablenewsletter  h3{



  background: url(../images/bg-mod-newsletter.jpg);



  height: 25px;



  color: #fff;



  font-size: 14px;



  padding: 5px 0 0 5px;



  margin: 0;



}



.moduletablenewsletter div.acymailing_modulenewsletter{



  border: 1px solid #eee;  



  padding: 5px;



  text-align: center;



  background: #f4f4f4;



}







/* Module facebook */



.moduletablefacebook{



  margin-bottom: 20px;  



}



.moduletablefacebook h3{



  background: url(../images/bg-mod.jpg);



  height: 25px;



  color: #fff;



  font-size: 14px;



  padding: 5px 0 0 5px;



  margin: 0;



}



.moduletablefacebook .fb_iframe_widget, .moduletablefacebook .fbConnectWidgetTopmost {



  border: 1px solid #eee;



}







/* Module livreor */



.moduletablelivreor{



  margin-bottom: 20px;



}



.moduletablelivreor h3{



  background: url(../images/bg-mod.jpg);



  height: 25px;



  color: #fff;



  font-size: 14px;



  padding: 5px 0 0 5px;



  margin: 0;



}



.moduletablelivreor div.customlivreor{



  border: 1px solid #eee;  



  padding: 5px;



  background: #f4f4f4;



  text-align: left;



}







/* Module Nos destinations */
.moduletabledestinations ul {list-style:  none; padding: 0;}
.moduletabledestinations ul li a { color: #73afd0; font-weight: bold; text-decoration: none;}

/* Module de recherche bateaux*/
.moduletablerecherche-bateau {background: #afd4e8; padding: 10px; color: #030303;}
.moduletablerecherche-bateau h3{color: #103655; font-size: 16px; margin-top: 0;}
.moduletablerecherche-bateau textarea, .moduletablerecherche-bateau select{background-color: #e7f3f9; border: none; width: 200px; padding: 2px; font-size: 12px;}
.moduletablerecherche-bateau input[type=text]{width: 200px; background-color: #e7f3f9; margin-top: 5px; margin-bottom: 10px; border: none;}
.btn-primary {background-color: #457f9e; color: #fff; border: none; margin: 0; padding: 2px;}
.cp-label{margin-top: 10px;}
.search-summary{margin: 10px 0;}
.cp-result{width: 100%; float: left; border-top: 1px solid #eee!important; padding: 8px 0;}
p.readmore a{float: right; color: #fff; background: #457F9E; padding: 4px 6px; font-size: 14px;}
.cp-title {font-size: 16px; font-weight: bold;}
.componentheading {display: none;}
fieldset.cp-field {border: none;}
.cp-tags {display: none!important;}

/* Module de recherche des destinations */



.moduletablerecherche-destination{



  background: #97c5de url(../images/fondregion.jpg) repeat-x top;



  padding: 10px;



  color: #030303;



  border: 1px solid #ccc;



}



.moduletablerecherche-destination h3 {



  font-size: 16px;



  color: #103655;  



  background: url(../images/loupe.png) no-repeat top left;



  height: 32px;



  padding-left: 35px;



  padding-top: 7px;



  margin-top: 0px;



}



.moduletablerecherche-destination input[type=submit]{



  background-color: #103655;



  color: #fff;



  border: none;



  margin: 10px 0 0;



  padding: 2px;



}







/* Modules slideshow */



.camera_wrap{



  margin-left: auto;



  margin-right: auto;



  float: none;



}







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



INFOBULLE



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



.infobulle{



  float: left; 



  display: none; 



  width: 160px; 



  padding: 5px; 



  position: relative; 



  z-index: 2; 



  margin-top: -220px; 



  margin-left: 350px; 



  background: #d1e1e9; 



  border: #eee;



  box-shadow: 1px 1px 5px #ACACAC;



}



.infobulle h3{ font-size: 16px; }







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

PIED DE PAGE

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

#footer{

width: 1000px;

margin: 0 auto;

color: #fff;

}

#footer-adresse{

height: 45px;

margin-bottom: -3px;

float: left;

width: 1000px;

z-index: 2;  

position: relative;

}

#footer-adresse img{

float: left;

border: none;

}

#footer-adresse p{

font-size: 14px;

color: #595959;

padding: 5px 0 0 3px;

}



/* Encadré bleu foncé */  

#footer-int{

background: url(../images/bg-footer.jpg);

float: left;

width: 1000px;

z-index: 1;

position: relative;

margin-bottom: 10px;

}

.moduletablemenu-footer{

float: left;

width: 210px;

padding: 0 20px;

}

.moduletablemenu-footer h3{

color: #73AFD0;

margin-top: 20px;

}

.moduletablemenu-footer ul{

list-style: none;

padding: 0;

}

.moduletablemenu-footer ul li a{

text-decoration: none;

font-weight: bold;

color: #afd4e8;

}

.moduletabletext-footer{

float: left;

width:   960px;

margin: 0 20px;

color: #fff;

}

.moduletabletext-footer a{

color: #AFD4E8;

}



/* Encadré bleu clair */

.moduletablesocial-footer{

width: 1000px;

padding: 10px 0;

float: left;

color: #7c98cf;

font-style: italic;

background: #fff;

box-shadow: 0 0 5px #cccccc;

}

.moduletablesocial-footer a img:hover{

opacity: 0.5;

-moz-opacity: 0.5;

-khtml-opacity: 0.5;

filter: alpha(opacity=50);  

}



/* Liens SEO */

#footer-ext{

color: #818181;

padding: 10px;

font-size: 12px;

float: left;

}

.moduletableliens-footer h1, .moduletableliens-footer p, .moduletableliens-footer h2, .moduletableliens-footer h3{

text-align: center!important;

}

.moduletableliens-footer h1{

font-size: 12px;

font-weight: normal;

text-transform: uppercase;

color: #416684;  

}

.moduletableliens-footer a{

color: #818181;

}



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