body {
	color: #666666;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-face-color: #ff9a00;
	scrollbar-highlight-color: #ff9a00;
	scrollbar-track-color: #9a9a9a ;
	margin: 70px 0 0
}

.index {
	background-image: url("images/index-bg1.jpg");
	background-repeat: no-repeat;
	margin:0px;
	overflow-y: scroll;
}

.infobulle{
	position: absolute;
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-size: 10px;
	background-color: #ffe1b2;
	border:1px solid #ff9a00;
}

.savoirPlus{
	display:block; margin:8px 0
}

.admin {
	margin: 10px;
	background-image: none;
}

.nuage2 p{
	color:#999;
}

.nuage2 a, .nuage2 a:visited{
	color:#fff;
}

.nuage2 a:hover, .nuage2 a:active{
	color:#666;
}

td  { color: #666; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }

/* moua !!! */
img.imgDte{
	margin: .2em 1ex;
	float: right;
	}
img.imgGche{
	margin: .2em 1ex;
	float: left;
	}

h1 {
	color: #FF9A00;
	font-size: 16px;
}

h2 {
	color: #9a9a9a;
	font-size: 14px;
}

h3 {
	color: #FF9A00;
	font-size: 13px;
}

input, select, textarea {
	/*color: #FFFFFF;*/
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #9a9a9a;*/
	border: solid 1px #ff9a00;
	cursor: pointer;
}

#contenu {
	padding-top: 5px;
	margin-left: 30px;
	overflow-y:scroll;
	overflow-x:hidden;
	height: 100%;

}

#droite {
	position: absolute;
	top: 70px;
	right: 18px;
	width: 182px;
	height:500px;
	padding: 0px;
}

#menu {
	position:absolute;
	top:0px;
	left:0px;
}

.formdroite {
	font-weight: bold;
	text-align: right;
	padding-right: 12px;
}

.menu {
	visibility: hidden;
	position: absolute;
	z-index: 2;
}

a {
	color: #696969;
	font-weight: bold;
	text-decoration: none;
}

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

.small  { font-size: 11px }
.marquee { color: #666; font-size: 11px; font-style: italic; font-weight: normal; cursor:default }
.marquee:hover { color: #666; font-size: 11px; font-style: italic; font-weight: normal }
marquee { font-size: 11px; font-style: italic }
.fin { font-weight: normal; }

.dhtml { display: none; }

.blanc  { color: #fff; }
.blanc:hover  { color: #dcdcdc; }
.texte  { color: #666666;cursor: default;font-weight: normal;}
.texte:hover  { color: #666666;cursor: defaultfont-weight: normal; }

.cadreorange { border: solid 2px #ff9a00; }

.cadregris { border: solid 2px #9a9a9a; }

.pointillorange { border-bottom: 1px dotted #ff9a00; }

/* menu */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 16px;
}
ul.plan {text-indent: 2em;color:#666666;}

.ssmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 16px;
	background-image: url(images/point1.gif);
 	background-repeat: no-repeat;
 	background-position: left center;
 	list-style-type: none;
 	padding-left: 10px;
}

html>body dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height:auto; !important;
	min-height: 16px; !important;
}

#men dl {
	float: left;
	width: 5em;
	margin: 0 1px;
}

#men dt {
	cursor: pointer;
	font-weight: bold;
	background: #FF9A00;
	border: 0px solid gray;
}

#men dd { border: 0px solid gray; }

#men li  {
	background: #ff002a;
	border: solid 0 #ffffff;
}

#men li a, #men dt a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#men li a:hover, #menu dt a:hover { background: #FF9A00; }

#men {
	visibility: visible;
	position: absolute;
	top: 25;
	left: 200;
	width: 100%;
	z-index: 5;
}
#menacc {
	visibility: visible;
	position: absolute;
	top: 25;
	left: 127;
	width: 100%;
	z-index: 5;
}
legend {
	color: #FF9A00;
	font-size: 12px;
	font-weight: bold;
	}


#concept ul    { list-style-type: decimal }
#concept li   { list-style-type: decimal }
#concept li.num   { list-style-type: decimal }

.statut{
	font-style:italic;
	font-size: 11px;
	float:right;
}


.produit{
position:absolute;
right:0;
width:200px;

}

.promo {
position: absolute;
top:540px;
left:10px;
width: 75%;
}

.promo table{
margin-right: 1%;
float:left;
}

.promo .old{
text-decoration: line-through;
}

.promo p{
font-weight: bold;
margin: 0px;
margin-bottom: 5px;
color: #CF0C0C;
font-size: 17px;
}

.bateauxListe img{
border: 0
}

.event img{
border: 1px solid #FF9A00;
}

.event ul{
list-style: disc;
padding-left: 10px;
margin-left: 10px;
}

.event ol{
list-style: decimal;
padding-left: 10px;
margin-left: 10px;
}

.event li{
list-style: inherit;
margin-bottom: 6px;
}