/**
 * CharterBargeFrance.Com style sheet
 * Styled by imi21.com
 * version 1
 * Septembre 2009 
 */
 
  body {
	background-color: #ffffff;
	margin: 0px;
	text-transform: none;
	color: #000000;
	padding: 0px;
	font-size: 10pt;
	font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
	background-image: url(bkt.jpg);
	background-repeat: repeat-x;
}

div#main {
	width: 938px;
	margin: 11px auto 10px auto;
	background-image: url(bkm.jpg);
	background-repeat: repeat-y;
	clear: both;
}
div#top {
	width: 938px;
	height: 163px;
	background-image: url(bkTop.jpg);
}

div#menu {
	width: 938px;
	height: 39px;
	background-image: url(bkMenu.jpg);
}
div#content{
	width: 900px;
	margin: 10px 20px;
	color: #000000;
}
div#content h1{
  font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
	color: #003300;
	font-size: 17pt; 
}

div#content h2{
  font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
	color: #303030;
	font-size: 15pt;
}
div#content h3{
  font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
	color: #005000;
	font-size: 14pt;

}
div#content h4{
  font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
	color: #555;
	font-size: 13pt;
	margin-left:40px;
}
div#content p,div#content li{
  font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	text-align:justify;
	color: #000000;

}
.right{
float:right;
}
.left{
float:left;
}
.photoright{
float:right;
margin: 0 15px 10px 15px;
padding: 5px; border: 1px solid #aaa;
}
.photoleft{
float:left;
margin: 5px 15px 15px  5px;
padding: 5px; border: 1px solid #aaa;
}
.photomiddle{
text-align:center;
display:block;
}

div#content .b1{
width:70%;
clear:left;
}
#footer {
	width: 938px;
	height: 68px;
	background-image: url(bkFoot.jpg);
}
div#footer #tools
{
  float:left;
  margin-top:20px;
 margin-left:120px;
    color:#000000;
}
div#footer #tools a
{
font-weight:bold;
    color:#444;
     text-decoration:none;
}

div#footer #copy
{
  float:right;
  margin-top:27px;
 margin-right:31px;
    color:#ffffff;
}
div#footer #copy a
{
    color:#ffffff;
     text-decoration:none;
}
div#footer #tools a:hover, div#footer #copy a:hover
{
 text-decoration:underline;
}
div#imi21
{
 float:right;
 margin-right:50px;
 text-align:right;
   color:#004000;
  font-size:10pt;
}
div#imi21 a
{
 text-decoration:none;
 font-weight:bold;
   color:#004000;
  font-size:10pt;
}
div#imi21 a:hover
{
text-decoration:underline;
 font-weight:bold;
   color:#004000;
  font-size:10pt;
}
div#nav 
{
  padding:0px;
}
/* menu */
div#nav  ul
{
  padding-top:10px;
  margin:0px;
}

div#nav li
{
	display: inline;
	list-style-type: none;
  margin-left: 5px;
  padding:0px;
}

div#nav a{
padding: 10px 4px;	display: inline;
background-image: url(bkMenuOff.jpg);
width: 91px;
  height:40px;
  color:#ffffff;
  font-weight:bold;
  font-size:11pt;
  text-decoration:none;
}
div#nav a:hover{
	background-image: url(bkMenuOn.jpg);
}
div.prices{
width:700px;
margin:0 auto;
}
div.prices table{
border:1px solid #000;
font-family: Arial, Helvetica, sans-serif;
width:650px;margin:0px;
padding:0px;
}
div.prices caption{
margin:0;
color:#fff;
background-color:#003300;
padding:5px;
font-weight:bold;
font-size:140%;
}
div.prices td, div.prices th{
font-family: Arial, Helvetica, sans-serif;
font-size:110%;
color:#fff;
margin:0px;
border-collapse:collapse;
padding:5px 10px;
font-weight:bold;
}
tr.tr0{border:0;
background-color:#006600;
font-weight:bold;
}
tr.tr1{border:0;
background-color:#006600;

}
tr.tr2{border:0;
background-color:#009900;
}
tr.tr1:hover, tr.tr2:hover{
background-color:#003300;
}

div#content fieldset{
border:1px solid #777;
color:#000000;
margin:10px;
padding:10px;
padding-right:0;
clear:both;
width:550px;
}
div#content legend{
font-size:10pt;
font-weight:bold;
color:#777;
padding:4px;
border:1px solid #777;
}
div#content label{
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
 
div#content input{
width:240px;
border:1px inset #ccc;
padding:1px 2px;
margin-right:10px;
}
div#content textarea{
width:400px;
height:100px;
border:1px solid #ccc;

}
div#content input:hover {
    border: 1px solid #00e;
    background: #ff6;
}
div#content .button {
font-weight:bold;
background-color:#ccc;
border:1px outset #ccc;
padding: 2px 8px;
}
div#content .button:hover {
background-color:#ddd;
border:1px inset #f00;
}
div#checkDates{
float:right;
margin:0px 10px 10px 10px;
height:80px;
padding: 5px 10px;
border:1px solid #ccc;
}
div#checkDates p{
text-align:center;
font-weight:bold;
font-size: 10pt;
}
div#checkDates input{
margin:0 auto;
border:0px;
width:190px;
height:39px;
}

input.cb{
margin:0 auto;
border:0px;
width:80px!important;
height:19px;
}

div#checkDates input:hover{
margin:0 auto;
border:0px;
width:190px;
height:39px;
}
div#contact .error{
font-weight:bold;
color:#f00;
}
#content h3.red{
color:#700;
}
div.box {
width:90%;
margin:5px auto;
}
div.box p,div.box h3{
font-weight:bold;
text-align:center!important;
}

.short p{
width:80%;
margin:5px auto;
}
div.col1
{
width:96%;
margin:2px;
clear:both;
}
div.col2
{
  width:45%;
  margin:2px;
  padding:2px;
  float:left;
}
div.col3
{
  width:31%;
  margin:2px;
  padding:5px;

  float:left;
}
div.col3 img
{
    border:1px solid #030;
    padding:1px;
}

.grid td{
border:1px solid #999;
padding:3px;
}

.grid td:hover{
border:1px solid #fff;
}

p.offer{
border:1px dashed #f00;
padding:3px 10px;
font-weight:bold;
font-size: 11pt;
text-align:left !important;
}
