@charset "UTF-8";
/*AJOUT BETA*/
#beta
{
	position:absolute;
	top:0px;
	left:0px;
	background:url(images/beta.png);
	z-index:1000000;
	width:128px;
	height:128px;
}

.separatorTitre{width:90%;background:#999;margin:0px 0px 5px 0px;height:1px;}

/* CSS Document */
html {}
body {font-family:"Trebuchet MS", sans-serif;font-size:11px; color:#7f6e4d; background:#565656;margin:0px;padding: 0;}
p{line-height:13px;}
img { vertical-align:middle; }
ul { list-style:none;}
label { cursor:pointer;}
label img { display:block; }
.clearboth { clear:both; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
select { visibility:hidden; visibility:visible; }
.hidden { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */
a img{border:none;}
* {margin: 0;padding: 0;border:0;}
a:hover{color:#ff9900;cursor:pointer;}
a{text-decoration:none;color:#7f6e4d;}

.orange{color:#7B5C25;}
h2{font-size:18px;}
h3{font-size:14px;margin:5px 0px 0px 0px;}
.textright{text-align:right;}
.listMetier{text-indent:10px;}
#Wrapper{margin-right:auto;margin-left:auto; width:1204px;  }
#Wrapper2{position:absolute;top:21px; z-index:-10;}
#Wrapper3{position:absolute;top:21px; z-index:-20;}
#fondImg{/*margin-right:20px;margin-left:20px;*/}
#fondImg2{/*margin-right:20px;margin-left:20px;*/}

/* ---------- 	Navtop	------------------- */
#NavTop {  background:#565656; height:20px; padding-top:3px; width:1204px; z-index:2;  height:18px; }
.LngSelector { float:right; margin:0 3px 0 7px; z-index:99; }
#LanguageZone { z-index:99; }
#LanguageZone img { display:inline; z-index:99; }
#SelectLanguage { }

/* ----------	Menu 	------------------- */
#Menu {  z-index:1;  overflow:hidden; text-transform:uppercase; display:inline;width:1204px; margin:0;}
.MenuItems { margin-left:0px; overflow:hidden;}
.noActive a { display:block; text-align:center; padding-top:11px; height:24px; height:35px; color:#6c604d; text-decoration:none; font-size:11px; }
.noActive{margin-left:6px; margin-top:5px;background:url(images/bouton.png) center top no-repeat; width:165px;float:left;cursor:pointer; }
.Active{ margin-left:6px;margin-top:5px; background:url(images/bouton-actif.png) center top no-repeat; width:165px; float:left;cursor:pointer;}
.Active a{ display:block; text-align:center; padding-top:11px; height:24px; height:35px;color:#fff;text-decoration:none; font-size:11px; }
#Menu .Home li { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }

/* ---------- 	Content Alpha	----------- */
#logo{margin:50px 0px 0px 50px;float:left;}
#ContentAlpha{margin:0px 0 0 0px;}
#Content {position:relative;background:url(images/alpha80.png) left top repeat;float:right;padding:0px; width:710px; height:450px;  }
#Content1 {position:relative;background:url(images/alpha80.png) left top repeat;float:right;padding:0px; width:870px;height:410px;margin:110px 10px 0 100px;  }
#Content2 {position:relative;background:url(images/alpha80.png) left top repeat;float:right;padding:0px; width:730px;height:450px;margin:70px 10px 0 40px;  }
#Content3 {position:relative;background:url(images/alpha80.png) left top repeat;float:right;padding:0px; width:500px;height:500px;margin:20px 300px 0 0px;  }
#Content4 {position:relative;background:url(images/alpha80.png) left top repeat;float:right;padding:0px;width:870px;height:500px;margin:15px 10px 0 40px;  }
#Content5 {position:relative;background:url(images/alpha80.png) left top repeat;float:right;padding:0px; width:760px;height:440px;margin:80px 10px 0 40px;  }
#Content6 {position:relative;background:url(images/alpha80.png) left top repeat;float:right;padding:0px; width:770px;height:440px;margin:80px 10px 0 40px;  }
#Content7 {position:relative;background:url(images/alpha80.png) left top repeat;float:right;padding:0px; width:770px;height:440px;margin:80px 10px 0 40px;  }
#ContentVentes{background:url(images/alpha80.png) left top repeat;float:right;width:740px;height:440px;margin:110px 10px 0 40px;padding:0px;}
#ContentLeft1{background:#fff;width:390px;height:360px;float:left;margin:10px 10px 10px 10px;padding:13px;text-align:justify;}
#ContentLeft1 h2{text-align:left;font-size:14px;}
#ContentRight1{background:#fff;width:364px;height:380px;float:left;margin:10px 10px 10px 40px;padding:3px;}

#ContentLeft2{background:#fff;width:690px;height:410px;float:left;margin:10px 10px 10px 10px;padding:10px;text-align:justify;}
#ContentRight2{background:#fff;width:0px;height:0px;float:left;margin:0px;padding:0px;}

#ContentLeft3{background:#fff;width:470px;height:224px;float:left;margin:10px 10px 0px 10px;padding:5px;font-size:12px;}
#ContentRight3{background:#fff;width:460px;height:224px;float:left;margin:10px 10px 10px 10px;padding:5px 10px;font-size:12px;}

#ContentRight4 { background:#fff;width:0px;height:0px;float:left;margin:0px;}
#ContentLeft4 { background:#fff;width:824px;height:469px;float:left;margin:10px 10px 10px 10px;padding:3px 13px 13px;text-align:justify;}

.titreEq{margin:3px 0px 1px 40px;color:#7B5C25;}


/* ----------	Footer 			----------- */
#Footer{position:absolute;width:1204px;height:20px;margin:2px 0px 0px 0px;text-align:center;color:#ffffff;z-index:10;}
#Footer a{color:#ffffff;text-decoration:none;}
.lienFooter{height:16px;margin-left:15px;margin-right:15px;float:right;cursor:pointer;z-index:9999;}
.separator{width:1px;height:10px;float:right;background-color:#FFF;}

/* ----------	RemoteContainer ----------- */
#RemoteContainer { float:left; width:200px;position:absolute;top:250px;left:60px;}
#RemoteContainer.HP { }
#Remote { width:200px;cursor:pointer;}

#Remote a { -moz-outline-style:none; }
.RemoteContent {background:url(images/alpha80.png) top repeat;  padding:4px 0 0 6px;  }
.RemoteContent ul{margin:0px 0px 6px 0px;}

.Btns { margin-right:2px; cursor:pointer; }
.RemoteBottom { display:block; width:200px; height:50px; background:url(images/remoteBottom.png) left top no-repeat; }
#titreRecherche{color:#7B5C25;}
#ChampRecherche{border:#333 1px solid;}

#RemoteTop { display:block; width:200px; height:18px;text-align:center; background:url(images/remoteTop.png) left top no-repeat;padding-top:2px; }
#RemoteTop h3{}

/* ----------   Formulaire de contact   --------- */
.formContact{margin:10px 0px 0px 80px;}
.titreForm{margin:10px 0px 0px 80px;color:#7B5C25;}
.inputRight{margin:5px 40px 0px 10px;background-color:#cccccc;}
.labelRight{float:right;}
.buttonForm{float:right;margin:15px 150px;}


/* ----------   Galerie photos    ---------- */
.galerieTable{
	border:none;}
.ficheBateau{width:170px;height:160px;float:left;margin:10px 0px 10px 5px;}
.cadrePhoto{height:105px;}
.cadrePhoto img{margin:0px 5px 0px 5px;border:none; vertical-align:middle;}
#ContentRight5 a,#ContentRight6 a,#ContentRight61 a, #ContentRight51 a{text-decoration:none;color:#7f6e4d;}

.marque{text-align:center;font-size:14px;}
.modele{text-align:center;font-size:14px;}
.prix{text-align:center;font-size:12px;}
.year{text-align:center;font-size:12px;}

/* ---------   Galerie du bateau   ----------- */
#ContentLeft5 { background:#fff;width:0;height:0px;float:left;margin:0px;padding:0px;}
#ContentRight5 { background:#fff;width:700px;height:400px;float:left;margin:10px 10px 10px 10px;padding:10px;}
#ContentLeft51 { background:#fff;width:700px;height:20px;margin:0px 10px 10px 10px;padding:0px 10px;}
#ContentRight51 { background:#fff;width:700px;height:380px;margin:10px 10px 0px 10px;padding:10px;}

#ContentLeft6 { background:#fff;width:0;height:0px;margin:0px;padding:0px;}
#ContentRight6 { background:#fff;width:700px;height:400px;margin:10px 10px 10px 10px;padding:10px;}
#ContentLeft61 { background:#fff;width:700px;height:20px;margin:0px 10px 10px 10px;padding:0px 10px;}
#ContentRight61 { background:#fff;width:700px;height:380px;margin:10px 10px 0px 10px;padding:10px;}

#galerieVente{width:700px;height:360px;}
#retourPageVente{float:left;}
#suivPageVente{float:right;}
.galeriePhotos{width:320px;height:380px;float:left;}
.galeriePhotos img{border:none;}
.grandePhotos{width:320px;height:220px;margin:auto;vertical-align:middle;}
.miniPhotos{width:100px;height:70px;margin:10px 3px 0px 3px;float:left;cursor:pointer;}
.descriptionYacht{width:340px;height:340px;float:left;margin-left:40px;}

.marqueDes{font-size:16px;}
.longDes{font-size:14px;}
.prixDes{font-size:14px;margin:0px 0px 10px 0px;}
.description{font-size:12px;}
.menuYacht{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;}
.menuYacht li{display:block;float:right;width:120px;text-align:center;}
.menuYacht li a{text-decoration:none;color:#7f6e4d;}
.menuYacht a{text-decoration:none;color:#7f6e4d;}
.menuYacht a:hover{text-decoration:none;color:#ff9900;}
.menuYacht li a:hover{text-decoration:none;color:#ff9900;}

.ficheContactYacht{width:310px;height:300px;float:left;margin:20px 20px 0px 50px;font-size:13px; text-align:left;}
#ficheContactVente{}
.formYachtContact{width:310px;}
.buttonFormYacht{float:right;margin:15px 50px;}
#lienRetourV{float:left;margin:0 0 0 20px;font-size:12px;font-weight:bold;}
#lienRetourL{float:left;margin:0 0 0 20px;font-size:12px;font-weight:bold;}
#galerieLocation{width:700px;height:360px;}
#retourPageLocation{float:left;}
#suivPageLocation{float:right;}

/* --------- News ------------- */
.newsImg{margin-top:5px; margin-bottom:10px;margin-left:auto;margin-right:auto;}
.newsDate{}
.newsContent{text-align:justify;}
#newsPrincipale{margin:10px; height:330px;overflow:auto; }
#newsPrincipale h2{font-size:16px;}
#newsOthers{margin:10px 10px 0px;}
#newsOthers a{text-decoration:none; color:#7f6e4d;}
.previous-entries{float:left;margin-left:16px;background:url(images/mini-nav-left.gif) left no-repeat;}
.next-entries{float:right;margin-right:16px;background:url(images/mini-nav-right.gif) right no-repeat;}

/* --------------- Places de ports ----------------*/

#ContentLeft7 { background:#fff;width:720px;height:20px;margin:0px 10px 10px 10px;padding:0px 10px;}
#ContentRight7 { background:#fff;width:720px;height:380px;margin:10px 10px 0px 10px;padding:10px;}
#ContentLeft7 a{text-decoration:none;color:#7f6e4d;}
#ContentLeft7 a:hover{text-decoration:none;color:#ff9900;}
#lienContactPDP{float:right;}
#lienNonContactPDP{float:right;}
.ligneImpair{background:#dddddd;}
.lignePair{}
#ContentRight7 table tr {height:25px;}

/* -------------Mentions legales -------------------*/
#WrapperM{margin:auto;width:800px;color:#000000; background-color:#dddddd;padding:20px;}
#WrapperM h1{}
#WrapperM h3{}
#WrapperM a{text-decoration:none;}