* {
	margin: 0;
	padding: 0;
	color:#1a171b;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
}
html, body {
height: 100%;
width: 100%;
margin: 0; padding: 0;
background-image: url(IE/images/main_bg.gif);

}
a {
	text-decoration: none;
	color:inherit;
	outline: none;
}

img {
	border:0;
}


.transparent {
font-size:0px;
letter-spacing: -5px;
position: absolute;
top: -5000px;
}
.it {
	font-style: italic;
}
.bold{
	font-weight: bold;
}

/*Structure*/ 

#main {
	width: 860px;
	height: 625px;
	background-color: #FFFFFF;
	margin:auto;
}
.header {
	width: 850;
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	margin: auto;
	display: block;
	margin-top:20px;
}
.contenu {
	width: 100%;;
	height: 385px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
	margin-top:-10px;
	display: block;
}
#footer {
	width: 100%;
	height: 35px;
	background-color: white;
	margin: auto;
	display: block;
}

/*Header*/
div.header h1 a {
	display:block;
	background-image: url(images/logo_BatoLoc.png);
	background-repeat: no-repeat;
	background-color: #1a171b;
	height:94px;
	width: 232px;
}
div.header h1  {
margin-top:50px;
margin-left:15px;
display:block;
	float:left;
}
div.header ul  {
display: inline;
width: 560px;
height: 25px;
background-image: url(images/header_MenuFond.png);
float:left;
margin-top:5px;
margin-left:50px;
list-style: none;
}
div.header li  {
display: block;
float:left;
margin-left:35px;
}
div.header li a {
display: block;
margin-top:11px;
height:9px;
background-repeat: no-repeat;
}
div.header li a#menuAcceuil { width: 40px; background-image: url(images/header_MenuAccueilOut.png);}
div.header li a#menuAcceuil:hover { background-image: url(images/header_MenuAccueilOn.png);}

div.header li a#menuSite { width: 35px; background-image: url(images/header_MenuSiteOut.png);}
div.header li a#menuSite:hover { background-image: url(images/header_MenuSiteOn.png);}

div.header li a#menuFlotte { width: 51px; background-image: url(images/header_MenuFlotteOut.png);}
div.header li a#menuFlotte:hover { background-image: url(images/header_MenuFlotteOn.png);}

div.header li a#menuServices { width: 68px; background-image: url(images/header_MenuServicesOut.png);}
div.header li a#menuServices:hover { background-image: url(images/header_MenuServicesOn.png);}

div.header li a#menuTarif { width: 57px; background-image: url(images/header_MenuTarifOut.png);}
div.header li a#menuTarif:hover { background-image: url(images/header_MenuTarifOn.png);}

div.header li a#menuContact { width: 86px; background-image: url(images/header_MenuContactOut.png);}
div.header li a#menuContact:hover { background-image: url(images/header_MenuContactOn.png);}

span#hr_haut {
	display: block;
	background-image: url(images/hr.png);
	height: 7px;
	width: 850px;
	margin-left:5px;
	margin-top:0px;
	float:left;
}
span#meteo {
margin-top:20px;
	float:left;
	margin-left:717px;
	padding:3px;
	height:15px;
	width: 130px;
	padding-left:5px;
	display: block;
	background-image: url(images/HeaderMeteoFond.png);
	font-weight: bold;
color:#FFFFFF;
}
span#meteo a{
font-weight: bold;
color:#FFFFFF;
letter-spacing: 1px;
margin-left:5px;
margin-right:5px;
text-transform: uppercase;
font-size: 10px;
}
span#meteo a:hover{
color:#ec6f07;
}
/*Contenu*/
#textes {
	display: block;
	height:345px;
	width: 620px;
	float:left;
}
#textes ul{
	margin-left:70px;
	list-style: none;
	line-height: 30px;
}
#textes ul li{
background-image: url(images/puce.png);
background-repeat: no-repeat;
background-position: left;
padding-left:15px;
line-height: 45px;
}
#textes h2 {
	color:#ec6f07;
	text-transform: uppercase;
	margin-top:30px;
	margin-left:30px;
	margin-bottom:15px;
}
#textes p{
	margin-left:40px;
	line-height: 20px;
	margin-bottom:10px;
	min-width: 200px;
}
#textes img.illu{
margin:10px;
margin-left:200px;
display:block;
position:relative;
}
#googlemaps {
	margin-left:50px;
	float:left;
	display:block;
}
p.contact {
		float:left;
	display:block;
}
a.tarif {
color:#ec6f07;
margin-left:auto;
margin-top:20px;
display:block;
}
p.batolist {
	font-size: 10px;
	padding-left:20px;
	display: block;
	color:#ec6f07;
	margin-top:-10px;
}
#blocBato {
	display: block;
	margin-left:140px;
	width: 100%;
	float:left;
}
span.blocBato  {
	display: block;
	float:left;
	margin-left:30px;
}
span.blocBato h3{
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	color:#ec6f07;
}
#show {
	height:180px;
}
p.option {
	display: block;
	margin-top:20px;
	float:left;
}
div#capelli {
	display: block;
	float:left;
	margin-top:20px;
}
table.tabletarif {
	display: block;
	width: 500px;
	float: left;
	text-align: center;
	margin-left:50px;
	border-spacing: 0px;
}
table.tabletarif caption{
	padding:5px;
}
table.tabletarif td {
	width: auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	height:20px;
	position: relative;
	background-color:#f4f4f4;
}
table.tabletarif td.title{
	color:#ec6f07;
	background-color: #1a171b;
	border-left: 1px solid #ec6f07;
	width: 187px;
	border-right: 1px solid #1a171b;
}
table.tabletarif td.col{
text-align: center;
	width: 50px;
	border-left: 1px solid #1a171b;
	border-bottom: 1px solid #1a171b;
}
table.tabletarif td.col1, table.tabletarif td.col2{
	text-align: center;
	width: 188px;
	border-left: 1px solid #1a171b;
	border-bottom: 1px solid #1a171b;
}
table.tabletarif td.col2 {
	border-right: 1px solid #1a171b;
}
table.tabletarif td.vide{
	background-color: #1a171b;
	width: 50px;
}

table.tabletarifMoteur {
	display: block;
	width: 550px;
	float: left;
	text-align: center;
	margin-left:20px;
	border-spacing: 0px;
	margin-bottom:10px;
}
table.tabletarifMoteur caption{
	padding:5px;
}
table.tabletarifMoteur td {
	background-color: #f4f4f4;
	text-align: center;
	line-height:20px;
	padding:3px;
}
table.tabletarifMoteur td.title{
	color:#ec6f07;
	background-color: #1a171b;
	border-left: 1px solid #ec6f07;
		width: 0px;
		border-right: 1px solid #1a171b;
}
table.tabletarifMoteur td.row{
	color:#ec6f07;
	background-color: #1a171b;
		width: 50px;
		border-right: 1px solid #1a171b;
			text-transform: uppercase;
	font-weight: bold;
}
table.tabletarifMoteur td.col1 {
	text-align: center;
	width: 360px;
	border-left: 1px solid #1a171b;
	border-right: 1px solid #1a171b;
	border-bottom: 1px solid #1a171b;
}
table.tabletarifMoteur td.col2 {
	border-right: 1px solid #1a171b;
	border-bottom: 1px solid #1a171b;
}
table.tabletarifMoteur td.col3 {
	border-right: 1px solid #1a171b;
	border-bottom: 1px solid #1a171b;
}
table.tabletarifMoteur td.vide{
	color:#ec6f07;
	width: 100px;
	background-color: #1a171b;
	border-right: 1px solid #1a171b;
}
table.tabletarifCatamaran {
	display: block;
	float:left;
	text-align: center;
	margin-left:150px;
	border-spacing: 0px;
	margin-bottom:10px;
}
table.tabletarifCatamarancaption{
	padding:5px;
}
table.tabletarifCatamaran td {
	background-color: #f4f4f4;
	text-align: center;
	line-height:20px;
	padding:3px;
}
table.tabletarifCatamaran td.title1, table.tabletarifCatamaran td.title2{
	color:#ec6f07;
	background-color: #1a171b;
	width: 150px;
	border-right: 1px solid #ec6f07;
	border-bottom: 1px solid #ec6f07;
}
table.tabletarifCatamaran td.title2 {
	width: 200px;
	border-right: 1px solid #1a171b;
}
table.tabletarifCatamaran td.col1 {
	text-align: center;
	background-color: #1a171b;
	color:#ec6f07;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
table.tabletarifCatamaran td.col2 {
	border-right: 1px solid #1a171b;
	border-bottom: 1px solid #1a171b;
}
/*--La flotte--*/

span.sousrubrique{
	display:block;
	margin-bottom:15px;
	margin-left:50px;
	width: 470px;
	float:left;
	position:relative;
}
span#sr_catamaran {
	margin-left:80px;
}
span#sr_moteur {
	margin-left:110px;
	
}
span.sousrubrique img{
	float:left;
}
span.sousrubrique h3{
	float:left;
	color:#ec6f07;
	text-transform: uppercase;
	margin-left:10px;
	margin-top:10px;
}
span.resa {
	display: block;
	float:left;
	margin-top:20px;
}
p.sousdescription{
	float:left;
	color:GrayText;
	font-size: 10px;
	padding-left:50px;
	width: 100%;
	margin-top:-50px;
}
/* menu droite*/
#internMenuRight {
	display: block;
	margin-left:46px;
	position: absolute;
	height:auto;
	width: 200px;
	margin-left:625px;
	margin-top:70px;
	background: none;
}
#internMenuRight ul{
	list-style: none;
	margin-top:5px;
}
#interMenuRight ul li{
	display: block;
	float:left;
		background-repeat: no-repeat;
}
#internMenuRight ul li a{
	display: block;
	text-transform: uppercase;
	color: black;
	font-size: 14px;
	height:22px;
	padding-left:10px;
	line-height: 20px;
}
li#interMenuRightKayak {
	width: 81px;
	background-image: url(images/cnt_interMenuRightKayak.png);
	margin-left:49px;
}
li#interMenuRightCatamaran {
margin-left:15px;
	margin-top:40px;
	width: 107px;
	background-image: url(images/cnt_interMenuRightCatamaran.png);
	margin-left:21px;
}
li#interMenuRightMoteur {
	margin-top:40px;
	width: 168px;
	background-image: url(images/cnt_interMenuRightMoteur.png);
	margin-left:13px;
}

/*--menu bas--*/
#interMenuBottom {
	display: block;
	margin-left:45px;
	margin-top:345px;
	position: absolute;
	height:40px;
	width: 580px;
	background-image: url(images/cnt_LinesBas.gif);
}
#interMenuBottom ul{
	list-style: none;
	display: inline;
}
#interMenuBottom ul li{
	display: block;
	float:left;
	height: 27px;
	float:left;
}
#interMenuBottom ul li a{
	display: block;
	text-transform: uppercase;
	color:white;
	font-size: 12px;
	margin:5px;
	
}
li#interMenuBottomKayak {
	width: 119px;
	background-image: url(images/cnt_interMenuBottomKayak.png);
	margin-left:12px;
}
li#interMenuBottomCatamaran {
	width: 161px;
	background-image: url(images/cnt_interMenuBottomCatamaran.png);
	margin-left:20px;
}
li#interMenuBottomMoteur {
	width: 199px;
	background-image: url(images/cnt_interMenuBottomMoteur.png);
	margin-left:15px;
}
/*Footer*/
#footer_line {
	height: 1px;
	width: 100%;
	margin-top:-26px;
	border-bottom: 1px solid black;
	display: none;
}

#footer ul {
	list-style: none;
	display: inline;
}
#footer ul li{
	float:left;
	display: block;
	background-color: white;
	margin-left:30px;
	margin-top:5px;
	padding:5px;
}
#footer img {
	margin-left:55px;
}
span#hr_bas {
	display: block;
	background-image: url(images/hr.png);
	height: 7px;
	width: 850px;
	margin-left:5px;
	float:left;
}
/*---------VARIATIONS -----------*/

/*Header */
div#hd_accueil {
	background-image: url(images/header_Accueil.png);
}
div#hd_flotte {
	background-image: url(images/header_Flotte.png);
}
div#hd_tarifs {
	background-image: url(images/header_Tarifs.png);
}
div#hd_contact {
	background-image: url(images/header_Contact.png);
}
div#hd_services {
	background-image: url(images/header_Services.png);
}
div#hd_site {
	background-image: url(images/header_Site.png);
}

/*Contenu */

div#cnt_accueil {
	background-image: url(images/cnt_FondAccueil.png);
}
div#cnt_flotte {
	background-image: url(images/cnt_FondFlotte.png);
}
div#cnt_tarifs {
	background-image: url(images/cnt_FondTarifs.png);
}
div#cnt_contact {
	background-image: url(images/cnt_FondContact.png);
}
div#cnt_services {
	background-image: url(images/cnt_FondServices.png);
}
div#cnt_site {
	background-image: url(images/cnt_FondSite.png);
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */


#mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 95%;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/*background-color: #E7EADE;*/
	margin: 0.3em auto;
	padding: 15px;
	outline: none;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: black;
	padding: 1px;
}

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width:10px;
}
.vscrollerbar {
	background-image: url(scrollbar.png);
	width: 10px;
	/* following is the bit that allows us fixed height scrollbars */
	height: 40px !important;
	/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
	background-image: url(scrollbar.png);
	/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
	cursor: move;
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px; background-color: #84ADD6;}

.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */