@charset "utf-8";

* {	margin: 0; padding: 0;}

body {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  background: url('../img/mainbgd.jpg') repeat-x;
  background-color: #fff;
  text-align:left;
}

a, a:hover { position:relative; cursor:pointer; }
img, img a, img a:hover {border:0;}


a.taglinkGros { font-size:18px; color:#265a80; font-weight:normal; text-decoration:none;}
a.taglinkGros:hover { font-size:18px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.taglinkSemiGros { font-size:16px; color:#265a80; font-weight:normal; text-decoration:none;}
a.taglinkSemiGros:hover { font-size:16px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.bluelink15 { font-size:15px; color:#265a80; font-weight:normal; text-decoration:none; }
a.bluelink15:hover { font-size:15px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.bluelink12 { font-size:12px; color:#265a80; font-weight:normal; text-decoration:none; }
a.bluelink12:hover { font-size:12px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.bluelink12bold { font-size:12px; color:#0f6099; font-weight:bold; text-decoration:none; }
a.bluelink12bold:hover { font-size:12px; color:#666; font-weight:bold; text-decoration:none; }
a.bluelink11 { font-size:11px; color:#0f6099; font-weight:normal; text-decoration:none; line-height:1.15em; }
a.bluelink11:hover { font-size:11px; color:#666; font-weight:normal; text-decoration:none; line-height:1.15em; }
a.bluelink11inter { font-size:11px; color:#0f6099; font-weight:normal; text-decoration:none; line-height:1.15em; }
a.bluelink11inter:hover { font-size:11px; color:#666; font-weight:normal; text-decoration:none; line-height:1.15em;}
a.bluelink11bold { font-size:11px; color:#0f6099; font-weight:bold; text-decoration:none; line-height:1.15em; }
a.bluelink11bold:hover { font-size:11px; color:#666; font-weight:bold; text-decoration:none; line-height:1.15em; }
a.toollink { font-size:12px; color:#265a80; font-weight:normal; text-decoration:none; margin-top:-5px;}
a.toollink:hover { font-size:12px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.righttitlelink { font-size:12px; color:#666; text-decoration:none; line-height:1em;}
a.righttitlelink:hover { font-size:12px; color:#a9a9a9; text-decoration:none; }
a.righttitlelinkdisabled { font-size:12px; color:#a9a9a9; text-decoration:none; line-height:1em;cursor:default}
a.footerlink14 { font-size:14px; color:#595959; text-decoration:none; line-height:1em;}
a.footerlink14:hover { font-size:14px; color:#a9a9a9; text-decoration:none; }
a.footerlink12 { font-size:12px; color:#595959; text-decoration:none; line-height:1em;}
a.footerlink12:hover { font-size:12px; color:#a9a9a9; text-decoration:none; }
a.footerlink13 { font-size:13px; color:#595959; text-decoration:none; line-height:1em;}
a.footerlink13:hover { font-size:13px; color:#a9a9a9; text-decoration:none; }
a.footerlink11 { font-size:11px; color:#595959; text-decoration:none; line-height:1em;}
a.footerlink11:hover { font-size:11px; color:#a9a9a9; text-decoration:none; }
a.footerlink10 {font-size:10px; color:#0f6099; text-decoration:none;}
a.footerlink10:hover {font-size:10px; color:#0f6099; text-decoration:underline;}
a.graylink11 {font-size:11px; color:#666; text-decoration:none;}
a.graylink11:hover {font-size:11px; color:#666; text-decoration:none;}
a.othergraylink11 {font-size:11px; color:#999; text-decoration:none;}
a.othergraylink11:hover {font-size:11px; color:#999; text-decoration:none;}
a.taglink13 { font-size:13px; color:#265a80; font-weight:normal; text-decoration:none;}
a.taglink13:hover { font-size:13px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.taglink12 { font-size:12px; color:#265a80; font-weight:normal; text-decoration:none;}
a.taglink12:hover { font-size:12px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.taglink11 { font-size:11px; color:#265a80; font-weight:normal; text-decoration:none;}
a.taglink11:hover { font-size:11px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.taglink10 { font-size:10px; color:#265a80; font-weight:normal; text-decoration:none;}
a.taglink10:hover { font-size:10px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.taglink9 { font-size:9px; color:#265a80; font-weight:normal; text-decoration:none;}
a.taglink9:hover { font-size:9px; color:#a9a9a9; font-weight:normal; text-decoration:none; }
a.trilink { font-size:15px; color:#666; font-weight:normal; text-decoration:none; }
a.trilink:hover { font-size:15spx; color:#265a80; font-weight:normal; text-decoration:underline; }
a.mailright {color:#265a80; font-size:14px; text-decoration:none;}
a.mailright:hover {color:#265a80; font-size:14px; text-decoration:none;}

/* AME : styles pour nouvelle segmentation */
a.menubleu { font-size:12px; color:#0f6099; font-weight:bold; text-decoration:none; }
/*a.menubleu:hover { font-size:12px; color:#666; font-weight:bold; text-decoration:none; }*/
a.menugris { font-size:12px; color:#C9C5C2; font-weight:bold; text-decoration:none; }
a.menugris:hover { font-size:12px; color:#0f6099; font-weight:bold; text-decoration:none; }
/* /AME */

#main {
  position:relative;
  width:1000px;
  margin: 0px auto 0px auto;
  padding-bottom:120px; 
}

#mainhome {
  position:relative;
  width:1000px;
  margin: 0px auto 0px auto; 
}

.clear {
  clear:both;
}

#logo {
  position:absolute;
  top:12px;
  left:37px;
  width:165px;
  height:72px;
}

#logohome {
  position:absolute;
  top:40px;
  left:37px;
  width:96px;
  height:153px;
}

#baseline {
  position:absolute;
  top:45px;
  left:269px;
  width:438px;
  height:28px;
}

#baselinehome {
  position:absolute;
  top:67px;
  left:189px;
  width:736px;
  height:47px;
}

#titre_rub {
  position:absolute;
  top:195px;
  _top:180px;
  left:189px;
  width:748px;
  height:27px;
}

#content {
  position:relative;
  top:96px;
  margin:0px;
  width:1000px;
  min-height:800px;
  background:url(../img/transparentbgd.png) no-repeat transparent;  
  /*_background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='../img/transparentbgd.png');*/
}

#coverflow {
  position:absolute;
  top:168px;
  _top:150px;
  left:188px;
  width:900px;
  height:618px;
}

.homevignette {
  float:left;
  width:178px;
  height:250px;
  margin-right:12px;
  background-color:#000;
}

.titre_vignette {
  float:left;
  width:178px;
  height:20px;
  margin-right:12px;
  color:#FFFFFF;
  font-size:17px;
  font-weight:bold;
  text-align:center;
}

.titre_vignette4 {
  float:left;
  width:165px;
  height:50px;
  margin-right:12px;
  color:#FFFFFF;
  font-size:17px;
  font-weight:bold;
  text-align:center;
}

.croisieres a {
  display:block;
  width:178px;
  height:250px;
  background:url(../img/home/home-croisieres.jpg) no-repeat;
}

.croisieres a:hover {
  display:block;
  width:178px;
  height:250px;
  background:url(../img/home/home-croisieres.jpg) no-repeat;
  /*background-position: 0 -250px;*/
}

.ete a {
  display:block;
  width:178px;
  height:250px;
  background:url(../img/home/home-ete.jpg) no-repeat;
}

.ete a:hover {
  display:block;
  width:178px;
  height:250px;
  background:url(../img/home/home-ete.jpg) no-repeat;
  /*background-position: 0 -250px;*/
}

.neige a {
  display:block;
  width:178px;
  height:250px;
  background:url(../img/home/home-neige.jpg) no-repeat;
}

.neige a:hover {
  display:block;
  width:178px;
  height:250px;
  background:url(../img/home/home-neige.jpg) no-repeat;
  /*background-position: 0 -250px;*/
}

.surmesure a {
  display:block;
  width:178px;
  height:250px;
  background:url(../img/home/home-surmesure.jpg) no-repeat;
}

.surmesure a:hover {
  display:block;
  width:178px;
  height:250px;
  background:url(../img/home/home-surmesure.jpg) no-repeat;
  /*background-position: 0 -250px;*/
}

#homedetails-01, #homedetails-02, #homedetails-03, #homedetails-04 {
  position:absolute;
  top:240px;
  left:0px;
}

/* MENU */

#nav {
  position:absolute;
  top:11px;
  left:10px;
  width:220px;
  height:800px;
  /*background-color:#fff;*/
  z-index:1000;
}

.menu-item a {
  display:block;
  position:relative;
  width:200px;
  height:19px;
  background: url(../img/nav/mediumitem-off.jpg) no-repeat;
  border-bottom:1px solid #c5d7e6;
  padding:5px 0 0 20px;
  font-size:11px;
  color:#265a80;
  cursor:pointer;
  text-decoration:none;
  letter-spacing:0em;
}

.menu-item a:hover {
  display:block;
  position:relative;
  width:200px;
  height:19px;
  background: url(../img/nav/mediumitem-hover.jpg) no-repeat;
  border-bottom:1px solid #c5d7e6;
  padding:5px 0 0 20px;
  font-size:11px;
  color:#bb2828;
  cursor:pointer;
  text-decoration:none;
  letter-spacing:0em;
}

.menu-item-on a,
.menu-item-on a:hover {
  display:block;
  position:relative;
  width:200px;
  height:19px;
  background: url(../img/nav/mediumitem-on.jpg) no-repeat;
  border-bottom:1px solid #c5d7e6;
  padding:5px 0 0 20px;
  font-size:11px;
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  letter-spacing:0em;
}

#submenu {
  margin:38px 0 0 10px;
}

.submenu-item a {
  display:block;
  position:relative;
  width:188px;
  height:16px;
  background-color:#f7f7f7;
  border:1px solid #e9e9e9;
  padding:4px 0 0 10px;
  font-size:10px;
  color:#4c4c4c;
  cursor:pointer;
  text-decoration:none;
  letter-spacing:0em;
  margin-bottom:3px;
}

.submenu-item a:hover {
  display:block;
  position:relative;
  width:188px;
  height:16px;
  background-color:#f7f7f7;
  border:1px solid #e9e9e9;
  padding:4px 0 0 10px;
  font-size:10px;
  color:#bb2828;
  cursor:pointer;
  text-decoration:none;
  letter-spacing:0em;
  margin-bottom:3px;
}

.submenu-item-on a,
.submenu-item-on a:hover {
  display:block;
  position:relative;
  width:188px;
  height:16px;
  background:url(../img/nav/bottomitem-on.jpg) no-repeat;
  border:1px solid #e9e9e9;
  padding:4px 0 0 10px;
  font-size:10px;
  color:#fff;
  cursor:pointer;
  text-decoration:none;
  letter-spacing:0em;
  margin-bottom:3px;
}

#charte-gngl {
  margin:0 0 0 10px;
  float:left;
}

#livrespolaires {
  /*margin:35px 0 0 10px;*/
  padding-left:10px;
  /*float:left;*/
}

#mdg img 
{
  clear:both;
  margin:22px 0 0 10px;
  /*padding-left:10px;*/
}

#contact {
  margin:27px 0 0 10px;
  padding-left:10px;
  color:#999999;
  font-size:12px;
}

#contact a {
  color:#265a80;
  font-size:14px;
  text-decoration:none;
}

#contact a:hover {
  color:#949a9e;
  font-size:14px;
  text-decoration:none;
}

#actu {
  margin:20px 0 0 10px;
  padding-left:10px;
  color:#999999;
  font-size:12px;
}

#actu a {
  color:#265a80;
  font-size:12px;
  text-decoration:none;
}

#actu a:hover {
  color:#949a9e;
  font-size:12px;
  text-decoration:none;
}

#newsletter {
  margin:30px 0 0 10px;
  padding-left:10px;
  color:#999999;
  font-size:12px;
}

#newsletterinside {
  margin:0px;
  color:#999999;
  font-size:12px;
}

.intercontent {
  padding:14px 10px 16px 20px;
  font-size:11px;
  color:#4c4c4c;
}

.interfloat {
  float:left;
  width:166px;
  height:155px;
  margin-right:13px;
}

.interseparator {
  height:1px;
  border-bottom:1px solid #d1d1d1;
  margin:4px 0 12px 0;
  width:165px;
}

.tableseparator {
  height:1px;
  border-bottom:1px solid #d1d1d1;
  margin:4px 0 12px 0;
  width:100%;
}

.gray12bold {
  font-size:12px;
  font-weight:bold;
  color:#666;
}

.gray13light {
  font-size:13px;
  font-weight:normal;
  color:#666;
}

.gray10light {
  font-size:10px;
  font-weight:normal;
  color:#666;
  line-height:1.2em;
}

.gray11light {
  font-size:11px;
  font-weight:normal;
  color:#666;
  line-height:1.9em;
}

.blue12normal {
  font-size:12px;
  font-weight:normal;
  color:#265a80;
  /*line-height:1.3em;*/
  text-decoration:none;
  margin:0 0 0 -10px;
  padding:0;
  text-align:right;
}

.blue12typeboat {
  font-size:12px;
  font-weight:normal;
  color:#265a80;
  /*line-height:1.3em;*/
  text-decoration:none;
  margin:0;
  padding:0;
  text-align:right;
}


/*.blue12normal span {
  font-size:12px;
  font-weight:normal;
  color:#265a80;
  line-height:1.3em;
}*/

.blue {
  color:#265a80;
}    

.gray12light {
  font-size:12px;
  font-weight:normal;
  color:#666;
  line-height:1.1em;
}

.black12light {
  font-size:13px;
  font-weight:normal;
  color:#000;
  line-height:1.3em;
}


/* CONTENT */

#page {
  position:relative;
  top:10px;
  left:270px;
  width:720px;
  /*height:600px;*/
  background-color:#fff;
  /*padding-top:10px;*/
}

#left {
  position:relative;
  top:16px;
  left:0px;
  width:510px;
  /*height:600px;*/
}

#product {
  position:relative;
  margin-left:12px; 
  /*margin-bottom:10px; */
  margin-top:10px; 

}

#product-boat {
  position:relative;
  height:210px;
  margin-left:0px;
  text-align:justify;
  width:500px;
}

#product-boat-descriptif {
  position:relative;
  float:left;
  width:280px;
  height:auto;
  margin-left:22px; 
  font-size:11px;
  text-align:justify;
}

h1 { font-size:25px; color:#737a80; font-weight:lighter;}
h1.typeh1 { font-size:35px; color:#427090; font-family: sans-serif; font-weight: lighter; letter-spacing: -2px;}
h1.blueh1 { font-size:25px; color:#265a80; font-weight:lighter;}
h2 { font-size:18px; color:#737a80; font-weight:lighter;}
h3 { font-size:12px; color:#a9a9a9; font-weight:lighter;margin-top:2px;}
h3.boldh3 { font-size:17px; color:#8c8c8c; font-weight:normal;margin-top:2px;}
h4 { font-size:20px; color:#265a80; font-weight:lighter;margin-top:-1px; margin-bottom:-2px;}
h4.grayh4 { font-size:20px; color:#6f6f6f; font-weight:lighter;margin-top:-1px; margin-bottom:-2px;}
h5 { font-size:27px; color:#6f6f6f; font-weight:lighter;margin-top:-1px; margin-bottom:-2px;}
h5.grayh5 { font-size:22px; color:#6f6f6f; font-weight:lighter;margin-top:0px; margin-bottom:-2px;}
h5.redh5 { font-size:22px; color:#e20000; font-weight:lighter;margin-top:0px; margin-bottom:-2px;}
h5.grayh5small { font-size:11px; color:#3c3c3c; font-weight:lighter;font-style:italic;font-weight:bold;margin-top:2px; margin-bottom:0px;}
h5.pagechap { font-size:13px; font-weight:normal; }
h5.pagechapblue { font-size:15px; font-weight:normal;color:#3975a2; }
.ie7 h5.pagechap { font-size:14px; font-weight:normal; line-height:1.4em; }
h6.paragraphtitle { font-size:13px; font-weight:bold; margin-bottom:5px;color:#666; }
h6.paragraphtitledroite { font-size:13px; font-weight:bold; margin-bottom:5px;color:#666; text-align:right; }

span.graynote {font-size:10px; font-weight:normal;color:#666;font-style:italic;}

.boatpicto:hover {
  filter : alpha(opacity=60);
  -moz-opacity : 0.6;
  opacity : 0.6;
}

input.contactinput {
  width:180px;
  height:17px;
  padding:3px 3px 2px 3px;
  border:1px solid #ccc;
  font-size:11px;
  margin-bottom:7px;
}

input.smallinput {
  width:110px;
  height:17px;
  padding:3px 3px 2px 3px;
  border:1px solid #ccc;
  font-size:11px;
  margin-bottom:7px;
}

input.vsmallinput {
  width:60px;
  height:17px;
  padding:3px 3px 2px 3px;
  border:1px solid #ccc;
  font-size:11px;
  margin-bottom:7px;
}

input.newsinput {
  width:150px;
  height:16px;
  padding:2px 3px 1px 3px;
  border:1px solid #ccc;
  font-size:10px;
  color:#265a80;
  margin-top:5px;
  margin-bottom:7px;
}

input.newsinputinside {
  width:138px;
  height:16px;
  padding:2px 3px 1px 3px;
  border:1px solid #ccc;
  font-size:10px;
  color:#265a80;
  margin-top:5px;
  margin-bottom:7px;
}

input.validernews {
  width:19px;
  height:21px;
  border:0;
  margin-top:5px;
  margin-bottom:7px;
  cursor:pointer;
}

input.validerdevis {
  width:110px;
  height:25px;
  border:0;
  background:url(../img/button-validerdevis.jpg) no-repeat;
  margin-top:5px;
  margin-bottom:7px;
  cursor:pointer;
}

textarea.descriptionprojet {
  width:450px;
  height:136px;
  padding:2px 3px 1px 3px;
  border:1px solid #ccc;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#265a80;
  margin-top:5px;
  margin-bottom:7px;
  overflow-x:hidden;
}

textarea.reservationtxt {
  width:620px;
  height:136px;
  padding:2px 3px 1px 3px;
  border:1px solid #ccc;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#265a80;
  margin-top:5px;
  margin-bottom:7px;
  overflow-x:hidden;
}

textarea.tellafriendtxt {
  width:310px;
  height:106px;
  padding:2px 3px 1px 3px;
  border:1px solid #ccc;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#265a80;
  margin-top:5px;
  margin-bottom:7px;
  overflow-x:hidden;
}


input.contactinputlarge {
  width:280px;
  height:17px;
  padding:3px 3px 2px 3px;
  border:1px solid #ccc;
  font-size:11px;
  margin-bottom:7px;
}

textarea.contactinputtxt {
  width:280px;
  height:170px;
  padding:3px 3px 2px 3px;
  border:1px solid #ccc;
  font-size:11px;
  margin-bottom:7px;
  font-family: Arial, Helvetica, sans-serif;
}

select.contactselect {
  width:140px;
  height:24px;
  padding:2px;
  border:1px solid #ccc;
  font-size:11px;
  margin-bottom:7px;
  font-family: Arial, Helvetica, sans-serif;
}

select.mediumcontactselect {
  width:100px;
  height:24px;
  padding:2px;
  border:1px solid #ccc;
  font-size:11px;
  margin-bottom:7px;
  font-family: Arial, Helvetica, sans-serif;
  margin-right:4px;
}

select.smallcontactselect {
  width:50px;
  height:24px;
  padding:2px;
  border:1px solid #ccc;
  font-size:11px;
  margin-bottom:7px;
  font-family: Arial, Helvetica, sans-serif;
  margin-right:4px;
}

input.envoyerbutton {
  border:0;
  width:110px;
  height:25px;
  background:url(../img/button-envoyer.jpg) no-repeat;
  cursor:pointer;
}

#visuels 
{
  background:url(../img/fond_photos.jpg) no-repeat;
  position:relative;
  height:333px;
  background-color:#ddd;
}

#visuels:hover .diaporama-single-over a {
  position:absolute;
  top:0;
  left:0;
  height:170px;
  width:510px;
  background:url(../img/visuel-single-diaporama.png) no-repeat;
  cursor:pointer;
}

#ddv {
  position:relative;
  height:38px;  
  padding:22px 0 0 16px;
}

#descriptif {
  position:relative;
  /*width:490px;  
  padding:0 0 0 20px;*/
  /* FP V2
    width:510px;*/
  width:720px;
  padding:0;
}

#descriptifboat {
  position:relative;
  /*width:490px;  
  padding:0 0 0 20px;*/
  /* FP V2
    width:510px;*/
  width:520px;    
  padding:0;
}

#right {
  position:absolute;
  top:86px;
  left:540px;
  width:170px;
  height:600px;
}

#manette {
  position:relative;
  height:79px;
  width:170px;
  text-align:center;  
}

.backtolist a {
  position:relative;
  width:77px;
  height:15px;
  top:12px;
  padding:11px 0 0 7px;
  font-size:11px;
  color:#265a80;
  background: url(../img/nav/backtolist.jpg) no-repeat;
  background-position:center;
  text-decoration:none;
  text-align:center;
}

.backtolist a:hover {
  position:relative;
  width:77px;
  height:15px;
  top:12px;
  padding:11px 0 0 7px;
  font-size:11px;
  color:#a9a9a9;
  background: url(../img/nav/backtolist.jpg) no-repeat;
  background-position:center;
  text-decoration:none;
  text-align:center;
}

.backtopage a {
  position:absolute;
  width:84px;
  height:15px;
  top:85px;
  left:630px;
  padding:11px 0 0 0px;
  font-size:11px;
  color:#265a80;
  background: url(../img/nav/backtolist.jpg) no-repeat;
  text-decoration:none;
  text-align:center;
}

.backtopage a:hover {
  position:absolute;
  width:84px;
  height:15px;
  top:85px;
  left:630px;
  padding:11px 0 0 0px;
  font-size:11px;
  color:#a9a9a9;
  background: url(../img/nav/backtolist.jpg) no-repeat;
  text-decoration:none;
  text-align:center;
}

.backtopagein a {
  position:absolute;
  width:84px;
  height:15px;
  top:175px;
  left:630px;
  padding:11px 0 0 0px;
  font-size:11px;
  color:#265a80;
  background: url(../img/nav/backtolist.jpg) no-repeat;
  text-decoration:none;
  text-align:center;
}

.backtopagein a:hover {
  position:absolute;
  width:84px;
  height:15px;
  top:175px;
  left:630px;
  padding:11px 0 0 0px;
  font-size:11px;
  color:#a9a9a9;
  background: url(../img/nav/backtolist.jpg) no-repeat;
  text-decoration:none;
  text-align:center;
}

.previous a {
  position:absolute;
  width:69px;
  height:21px;
  top:30px;
  left:0;
  padding:4px 0 0 5px;
  font-size:11px;
  color:#265a80;
  background: url(../img/nav/previous.jpg) no-repeat;
  text-decoration:none;
  text-align:center;
}

.previous a:hover {
  position:absolute;
  width:69px;
  height:21px;
  top:30px;
  left:0;
  padding:4px 0 0 5px;
  font-size:11px;
  color:#a9a9a9;
  background: url(../img/nav/previous.jpg) no-repeat;
  text-decoration:none;
  text-align:center;
}

.next a {
  position:absolute;
  width:72px;
  height:21px;
  top:30px;
  left:97px;
  padding:4px 0 0 0;
  font-size:11px;
  color:#265a80;
  background: url(../img/nav/next.jpg) no-repeat;
  text-decoration:none;
  text-align:center;  
}

.next a:hover {
  position:absolute;
  width:72px;
  height:21px;
  top:30px;
  left:97px;
  padding:4px 0 0 0;
  font-size:11px;
  color:#a9a9a9;
  background: url(../img/nav/next.jpg) no-repeat;
  text-decoration:none;
  text-align:center;
}

.revoirvoyage {
  position:absolute;
  top:200px;
  right:55px;
}

#map {
  position:relative;
  /*height:183px;*/
  width:170px; 
}

#map:hover .map-over a {
  position:absolute;
  top:0;
  left:0;
  height:170px;
  width:170px;
  background:url(../img/map-zoom.png) no-repeat;
  cursor:pointer;
}

.rightseparator {
  height:1px;
  border-bottom:1px solid #d1d1d1;
  margin:14px 0 13px 0;
  width:170px;
}

.rightseparatorSM {
  height:1px;
  border-bottom:1px solid #d1d1d1;
  margin:10px 0 10px 0;
  _margin:0 0 8px 0;
  width:170px;
}

.devisseparator {
  height:1px;
  border-bottom:1px solid #d1d1d1;
  margin:4px 0 8px 0;
  width:450px;
}

.righttitle {
  font-size:12px;
  color:#666;
}

.vspace {
  height:9px;
}

#fichetech img {
  float:left;
  margin-right:8px;
}

.listarrow {
  margin-left:8px;
}

.layerarrow {
  margin-top:7px;
}

.toolssend {
  margin-left:0px;
}


/* TYPE */

#typeleft {
  position:relative;
  margin-top:15px;
  margin-left:12px;
  width:470px;
  z-index:2;
  /*height:600px;*/
}


#typeinscription {
  position:relative;
  margin-top:15px;
  margin-left:12px;
  width:685px;
  z-index:2;
  /*height:600px;*/
}

#devisleft {
  position:relative;
  margin-top:15px;
  margin-left:12px;
  width:670px;
  /*height:600px;*/
}

.typedescriptif {
  margin:5px 0 0 10px;
  font-size:12px;
  color:#666;
  margin-bottom:20px;
  text-align:justify;
}

.typedescriptifequipe {
  margin:5px 0 0 10px;
  font-size:12px;
  color:#666;
  margin-bottom:20px;
  text-align:justify;
}

.typedescriptifnews {
  margin:15px 0 0 12px;
  font-size:12px;
  color:#666;
  width:676px;
  margin-bottom:20px;
  text-align:justify;
}

.typedescriptifjustif {
  margin:5px 0 0 10px;
  font-size:12px;
  color:#666;
  margin-bottom:20px;
  text-align:justify;
}

.typedescriptifindiv {
  margin:0 10px 10px 10px;
  _margin:0 5px 0 5px;
  font-size:12px;
  color:#666;
  width:320px; 
  height:445px;
  float:left; 
  text-align:justify;
  background-color:#F8F8F8;
  padding:5px 5px 0 5px;
}

.typechoice {
  margin:5px 0 0 0;
  padding:5px 10px 0 15px;
  font-size:12px;
  color:#666;
  margin-bottom:25px;
  /*background-color:#f8f8f8;*/
}

.travelchoice {
  float:left;
  margin-left:16px;
  width:190px;
  font-size:11px;
}

.travelchoiceindiv {
  float:left;
  margin-left:5px;
  width:140px;
  font-size:11px;
}

.travelchoice_activite {
  float:left;
  width:155px;
  font-size:11px;
}

.travelchoice_destination {
  float:left;
  margin-left:10px;
  width:140px;
  font-size:11px;
}

/* Segmentation Page de recherche visuel */
.typechoice_acc {
  margin:5px 0 0 0;
  padding:5px 10px 0 15px;
  font-size:12px;
  color:#666;
  margin-bottom:25px;
  background-color:#f8f8f8;
}

.travelchoice_acc {
  float:left;
  margin-left:16px;
  width:200px;
  _width:180px;
  font-size:11px;
}

#typeleft_acc {
  position:relative;
  margin-top:15px;
  margin-left:12px;
  width:680px;
  z-index:2;
  /*height:600px;*/
}

.dest_acc {
  width:173px;
  padding:5px 0 0 25px;
  font-size:12px;
  margin:10px 0 0 0;
  background-color:#f6e9e9;
  border:solid 1px #c6c6c6;
  /*visibility:hidden;*/
  display: none;
}
.dest_acc.show{
  /*visibility:visible;*/
  display: block;
}

.activites_acc {
  width:400px;
  padding:0 0 0 20px;
  font-size:12px;
  margin:10px 0 0 10px;
  background-color:#f6e9e9;
  border:solid 1px #c6c6c6;
  /*visibility:hidden;*/
  display: none;
}
.activites_acc.show{
    /*visibility:visible;*/
    display: block;
}

.activites 
{
    float:left;
}
   
/* Fin segmentation Page de recherche visuel */


.darkgray15light {
  position:relative;
  color:#666;
  font-size:15px;
  line-height:1.25em;
  top:-2px;
}

ul.travelchoicelist {
  margin:10px 0 5px 1px;
}

ul.travelchoicelist li {
  margin-left:0px;
  list-style-type:none;
  font-size:11px;
  color:#666;
  line-height:1.5em;
}

ul.chartelist {
  margin:10px 0 5px 1px;
}

ul.chartelist li {
  margin-left:11px;
  list-style-image:url(../img/grayarrow.png);
  font-size:12px;
  color:#4f4f4f;
  line-height:1.5em;
  margin-bottom:12px;
}

#typeright {
  position:absolute;
  top:264px;
  left:535px;
  width:170px;
  z-index:2;
  /*height:600px;*/
  }

#typerightcroisiere {
  position:absolute;
  top:194px;
  left:535px;
  width:170px;
  z-index:2;
  /*height:600px;*/
  }

#typerightpluscro {
  position:absolute;
  top:264px;
  left:535px;
  width:175px;
  z-index:2;
  /*height:600px;*/
  }

#typerightvoile {
  position:absolute;
  top:224px;
  left:535px;
  width:170px;
  z-index:2;
  /*height:600px;*/
  
}

#typerightcontact {
  position:absolute;
  top:165px;
  left:535px;
  width:170px;
  /*height:600px;*/
}

#typerightnewsletter {
  position:absolute;
  top:190px;
  left:535px;
  width:170px;
  /*height:600px;*/
}

#typerightassu {
  position:absolute;
  top:165px;
  left:535px;
  width:170px;
}

#typerightsante {
  position:absolute;
  top:165px;
  left:535px;
  width:170px;
  /*height:600px;*/
}

.typearrow {
  margin-left:1px;
}

ul.typerightlist {
  margin:5px 0 5px 1px;
}

ul.typerightlist li {
  margin-left:11px;
  list-style-image:url(../img/grayarrow.png);
  font-size:11px;
  color:#666;
}

ul.blogrightlist {
  margin:11px 0 5px 1px;
}

ul.blogrightlist li {
  margin-left:11px;
  list-style-image:url(../img/grayarrow.png);
  font-size:11px;
  line-height:1.1em;
  padding-bottom:7px;
}

ul.blogrightlist li a {
  font-size:11px;
  color:#808080;
}

ul.blogrightlist li a:hover {
  font-size:11px;
  color:#2a2a2a;
}

.contactmap a {
  position:relative;
  display:block;
  width:176px;
  height:275px;
  background:url(../img/contact-plan.jpg) no-repeat;
}

.contactmap a:hover {
  position:relative;
  display:block;
  width:176px;
  height:275px;
  background:url(../img/contact-plan-on.jpg) no-repeat;
}

.info-inscriptionmap a {
  float:right;
  display:block;
  width:176px;
  height:275px;
  background:url(../img/contact-plan.jpg) no-repeat;
}

.info-inscriptionmap a:hover {
  float:right;
  display:block;
  width:176px;
  height:275px;
  background:url(../img/contact-plan-on.jpg) no-repeat;
}

.quisommesnous {
    margin: 15px 0 0 10px;   
    font-size:15px; 
    font-weight:normal;
    width:700px; 
    height:400px; 
    background:url(../img/fond-indiv-surmesure.jpg) no-repeat center; 
}    

.separate {
    border-top: 1px solid #265A80;
    width:300px; 
    height:1px; 
}   

.btn_quisommesnous 
{
	border: 1px solid #265A80;
	padding: 0 5px 0 5px;
}  

  

/* ENVOYER A UN AMI */

body.whitebody {
  background:none;
  background-color:#fff;
}

#tellafriend {
  width:95%;
  padding:12px;
  font-size:12px;
}


/* CHARTE GNGL */


#chartedescriptif {
  position:relative;
  width:650px;
  text-align:justify;
  font-size:11px;
  margin-bottom:20px;  
}


/* BROCHURES */

.brochures-float {
  float:left;
  width:135px;
  /*text-align:center;*/
  margin-right:15px;
}

.brochuresaison {
  /*float:left;
  width:135px;*/
  text-align:center;
  margin:0;
  padding:0;
}

.libelle_brochure {
	width: 100px;
	_width: 90px;
	float: left;
	margin: 0 0 0 10px;
	text-decoration:none;
	text-align:left;
}

.brochureimg {
  border:2px solid #fff;
}

.brochureimg:hover {
  border:2px solid #bd262b;
}

.imgitwfloat {
  float:left;
  margin:0 15px 10px 0;
}

.imgitwfloatdroite {
  float:right;
  margin:0 0 10px 15px;
}

#brochure-01, #brochure-02, #brochure-03 {
  position:absolute;
  top:285px;
  left:10px;
}


/* LR */

#listecontainer {
  position:relative;
  top:16px;
  left:15px;
  width:672px;
  padding: 0 9px 0 9px;
  margin-bottom:30px;
}

#listedescriptif {
  position:relative;
  width:510px;
  text-align:justify;
  font-size:12px;
  /*margin-bottom:20px;  */
  color: #666666;
  margin-bottom:5px;
}

#listetri {
  position:relative;
  height:29px;
  width:666px;
  background:url(../img/tribgd.png) no-repeat;
  margin-left:0px; 
  margin-bottom:7px;
  padding:10px 0 0 15px;
  font-size:13px;
  font-weight:normal;
  color:#666; 
}

#listecontent {
  position:relative;
  width:681px;
  font-size:11px;
  background-color:#f7f7f7;
  margin-left:-5px; 
  margin-bottom:15px;
  padding:0px 0 20px 0; 
}

#tabletri {
  width:100%;
}

#tabletri tr.selected:hover {
  background-color:#ededed;
}

#tabletri td {
  padding:18px 15px 18px 15px;
}

#tabletri td.tdvignette {
  padding-right:0;
}

#tabletri td.tdcontent {
  padding-left:20px;
}

#tabletri td.tdnopadding {
  padding:0;
}

.listseparator {
  height:1px;
  border-bottom:1px solid #d1d1d1;
  margin:0;
  width:100%;
}

.homeseparator {
  height:1px;
  border-bottom:1px solid #d1d1d1;
  margin:5px 10px 5px 40px;
  width:90%;
}

.listenav {
  position:relative;
  width:681px; 
  text-align:center;
  font-size:13px;
  color:#666; 
}

#listepes {
  font-size: 10px;
  width:510px; 
  text-align:right;
  margin-bottom:20px; 
}

#listeinfocroisieres {
  font-size: 10px;
  width:170px;
  text-align:right;
  padding: 0 0 0 0;
}


#listecontentcroisieres {
  position:relative;
  width:100%;
  font-size:11px;
  background-color:#f7f7f7;
  margin-left:-15px; 
  margin-bottom:0px;
  padding:0; 
}

.inscriptiontable {
  border:1px solid #ccc;
  padding:5px;
  font-size:11px;
  width:170px;
  color:#222;
}

.inscriptiontable td {
  padding-bottom: 2px;
  
}


/* ZOOM BATEAUX */

.boatimg {
  float:left;
  padding:5px 10px 10px 0;
}

#boatright {
  position:absolute;
  top:252px;
  left:535px;
  width:170px;
  /*height:600px;*/
}

#boatleft {
  position:relative;
  top:16px;
  left:0px;
  width:510px;
  /*height:600px;*/
}

#boatdesc-01, #boatdesc-02, #boatdesc-03, #boatdesc-04, #boatdesc-05 {
  position:absolute;
  top:430px;
  left:10px;
}



/* FOOTER */

#footer {
  position:relative;
  width:1000px;
  margin: 0px auto 0px auto; 
  font-size:11px;
  color:#737373;
  text-align:center;
  padding-top:55px;
  line-height:1.7em;
}

#footerhome {
  position:relative;
  width:780px;
  height:40px;
  top:520px;
  padding-left:100px;
  margin: 0px auto 0px auto;
  font-size:10px;
  color:#737373;
  /*padding-top:150px;*/
  line-height:1.6em;
  text-align:center;
}

#bandeaufifp {
  position:relative;
  width:750px;
  height:158px;
  top:480px;
  padding-left:126px;
  margin: 0px auto 0px auto;
  color:#737373;
}

.left { width:510px; float:left; }

.leftFP { width:500px; float:left; }

.right { width:170px; float:right; }

.leftintro { width:482px; float:left; }

.typeLeftBis {
  width:320px;
  float:left;
}

.typeRightBis 
{
  width:320px;
  float:right;
}


.Inscription li.selected{ 
background-color:#fff;
border-top:2px solid #ccc;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
color:#0f6099;
}

.Inscription li {
text-decoration: none;
position: relative;
z-index: 1;
padding: 4px 12px;
margin-right: 3px;
color: #666;
border:1px solid #fff;
background-color:#fff;
}

.Inscription li a {
text-decoration: none;
position: relative;
z-index: 1;
color: #666;
border:1px solid #fff;
background-color:#fff;
}

.Inscription{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size:12px;
color:#000;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.Inscription li{
display: inline;
margin: 0;
}

#bckNone {
	background:url('../img/blank.gif');
}

.OngletInscription {
  width:550px;
}

.petitGris {
  font-size:10px;
  color:#737373;

}

.imgcroisiere 
{
    margin-right:5px;
    float:left;
    padding-bottom:20px;
}

.imgcharte
{   margin-right:5px;
    float:left;
}

/* VIDEOS */

.videos 
{    float:left; 
     width:150px; 
     margin:0 28px 28px 18px; 
     padding:0; 
     text-align:center;
}

.videos2 
{    float:left; 
     width:150px; 
     margin:0 28px 28px 18px; 
     padding:0; 
     text-align:center;
}

.legendevideos
{   font-size:smaller; 
    text-align:right; 
    margin:0; 
    padding:0;
}

/* FP V2 */
.soustitrerub {
    padding-left:2px; 
    height:15px; 
    vertical-align:middle; 
    margin-bottom:15px; 
    margin-top:20px;
}

.hautdepage {
    margin-top:20px; 
    text-align:right;
}

.choixgngl li {
    list-style:none;
    list-style-image:none;
}

.right2  
{
    width:168px; 
    float:right; 
    background-color:#F4F4F4;
    margin:0;
    padding:0 5px 0 0;
}

.left2 { width:710px; float:left; }

.rightFP 
{
    width:200px; 
    float:right; 
    margin:0 0 0 0;
    height:328px;
    padding-top:5px;
    padding-left:5px;
    color:#666666;
    font-size:13px;
    background-color:#eff7fd;
}

.photos 
{   width:490px;
    font-size:13px;
    color:#666;
    margin: 0 0 20px 2px;
    padding: 5px;
}

.photos ul
{
    list-style-position: outside;
	list-style-image: url(/img/grayarrow.png);
    margin:5px 10px 0 15px;
    padding:0;
}

.vousapprecierez 
{   background-color:#FFFFFF;
    width:490px;
    border: 1px solid #c5c5c5;
    font-size:13px;
    color:#666;
    margin: 0 0 20px 2px;
    padding: 5px;
}

.vousapprecierez strong
{ font-size:16px;
}

.vousapprecierez ul
{
    list-style-position: outside;
	/*list-style-image: url(/img/grayarrow.png);*/
    margin:0 10px 0 20px;
    padding:0;
    line-height:10px;
}

.vousapprecierez li
{   font-size:14px;
  	line-height:13px;
}
    
.countrytabs 
{   width:710px;
    margin: 30px 0 2px 0;
}

.countrytabsboat
{   width:510px;
    margin: 30px 0 2px 0;
}


.codevoyage
{   font-size:12px;
    color:#3975a2;
    margin-right:5px;
}

.desc-gauche
{   float: left; 
    width: 510px; 
    _width: 500px;    
    background-color: #F4F4F4; 
    margin: 0; 
    padding: 0 15px 15px 12px;
}

#contactfp
{   background-color:#FFFFFF;
    width:154px;
    border: 1px solid #c5c5c5;
    font-size:11px;
    color:#666;
    margin: 0 0 20px 2px;
    padding: 5px;    
}

#contactfp hr
{   color:#c5c5c5;
}

.etiquette_promo_mini  {
    background-image:url("../img/fond_promo.gif");
    background-repeat:no-repeat;
    color:#FFFFFF;
    display:inline-block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    font-weight:bold;
    margin-left:8px;
    min-height:19px;
    padding-top:1px;
    text-align:center;
    width:54px;
}

span.DateDepartEnTete
{   font-size:15px;
}

.privatisation
{
    margin-bottom:10px;
}

.presentation
{   background-color:#e3ebf1;
    padding:5px;
}

.titrejour
{ font-weight:bold;
  margin-bottom:10px;
}

.separatejour 
{   
    background-image:url(/img/decoration-hr.gif);
    border:none;
    width:680px;
    height:1px;
    margin:5px 0 0 0;
}

.btn_devis 
{
    margin: 10px 0 10px 0 ;
}

/*.listindiv 
{
    list-style-image:url(../img/listarrow.png);
    margin: 0 0 0 12px;
}*/

.listindiv li {
	list-style-type: none;
	background:url(../img/listarrow.png) center left no-repeat;
	padding-left: 15px;
}

.filType {
color:#737A80;
font-family:arial;
font-size:15px;
font-weight:normal;
text-decoration:none;
}

.filPays {
color:#737A80;
font-family:arial;
font-size:16px;
font-weight:bold;
margin-right:5px;
text-decoration:none;
}

.filRegion {
color:#737A80;
font-family:arial;
font-size:10px;
margin-right:0px;
text-decoration:none;
}

.titre_brochure {
	text-align:left;
 	width:100px; 
	float:left;
	margin: 0 0 0 10px;
	font-weight:bold;
}

.ttes_offres {
  background-color: #ffffff;
  color: #666666;
  float: left;
  font-size: 12px;
  height: 680px;
  margin: 0 10px 0;
  padding: 5px 5px 0;
  text-align: justify;
  width: 670px;
}

.ttes_offres a {
	text-decoration:none;
	color:#000000;
}

.ttes_offres a:hover {
	text-decoration:underline;
}

.ul_ttes_offres {
	display:inline;
}

.li_ttes_offres {
 	list-style:none; 
	float:left; 
	width:200px; 
	height:200px;
	margin:0 10px 0 0;	
}

.destination2 {
  color: #21BAE4;
  font-size: 13px;
  font-weight: bold;
}

.minus {
   display: none;
}
        
.listedestinations {
    float: left;
    font-size: 11px;
    margin-left: 5px;
    width: 190px;
}

.listedestinations ul {
	list-style:none;
}

.button_ddv {
	margin:0 0 0 220px;
}

.button_indiv {
	margin:0 0 0 10px;
	/*clear:both;*/
}

.ficheNouveau {
	color: #21BAE4;
	font-size:12px;
	font-weight:bold;
	float:right;
	margin-right:5px;
	
}

.listeNouveau {
	font-weight:bold;
}