/*------------ CSS Document ----------------------*/
/*notes for body behaviour
text size
color
backgroud color*/
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
background-color:#FFF;
}
/*notes for input controls of the page*/
input {
	margin:0px;
	padding:0px;
	font-size:10px;
}
/*notes for select controls of the page*/
select {
	padding:0px;
	margin:2px;
	font-size:10px;
	height:20px;
}
img {border:0px;}
#center {
	width:620px;
	margin-left:auto;
	margin-right:auto;
}
#recherche {
	width:305px;
	margin:0px 0px 10px 0px;
	padding:0px;
	float:left;
}

/*notes for the pannel layer display*/
#panier {
	width:305px;
	height:230px;
	margin:0px 0px 10px 5px;
	padding:0px;
	border: #CCCCCC solid 1px;
	float:left;
}
#contenuP {
	margin:0px;
	padding:0px;
	height:210px;
}
.infosupP {
	font-size:9px;
	padding-left:5px;
}
#panierTable {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#panierTable td {
	height:25px;
}
#list {
	width:610px;
	float:left;
	border:none;
}
form {
 	margin:0px;
 	padding:0px;
}
.formulaire {
	background-color:#FFFFFF;
	height:30px;
	border:0px;
	text-align:left;
	font-size:10px;
}
label{
    display: block;
	font-weight:bold;
}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav li{float:left;margin-right: 0px;text-align: center}
ul#nav a{float:left;width: 305px;padding: 3px 0;background: #BBD9EE;text-decoration:none;color: #FFF; font-size:12px; font-weight:bold;}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #618ac0;color: #FFF}

ul#nav2,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav2 li{float:left;margin-right: 1px;text-align: center}
ul#nav2 a{float:left;width: 7.55em;padding: 5px 0;background: #BBD9EE;text-decoration:none;color: #FFF;}
ul#nav2 a:hover{background: #FFA826;color: #FFF}
ul#nav2 li.activelink a,ul#nav li.activelink a:hover{background: #618ac0;color: #FFF}
.long {
width:210px;
height:auto;
}
.moy {
width:100px;
height:auto;
}
.court {
width:50px;
vertical-align:middle;
height:auto;
}
select.advance {
width:90px;
height:auto;
}
#txtDu{
	background-image:url(../img/calendar.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
label {
	width:85px;
	font-weight:bold;
	display: -moz-inline-box;
	display: inline-block;
	height:15px;
	margin:0px;
	padding:0px;
	border:0px;
}
label.suite {
	width:47px;
}
label.advance {
	width:90px;
	margin:0px 2px 0px 2px;
}
fieldset {
	clear:both;
	margin:0px;
	padding:2px;
	border: 1px solid #CCCCCC;
	
}
fieldset#advance {
margin-top:5px;
height:65px;
}
fieldset#region {
height:146px;
}
#send {
	background-color:#990000;
	border:0px;
	margin:0px;
	padding:0px;
	color:#FFF;
	font-size:10px;
	height:20px;
	width:100px;
	cursor:pointer;
	font-family:Verdana, Arial;
}


/*------------liste bateau---------------*/
#list_boat {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;/*text size*/
	color:#666666; /*couleur du texte*/
	
	}

#list_boat td{
	background-color:#C5D2E0;
	padding-left:7px;
	
	/*border:#e1e2e3 1px solid;*/
	}
#list_boat th{
	height:35px;
	border-bottom:#e1e2e3 1px solid;
	}
	
	/*displaying links of the page*/
#list_boat a{
	color:#666666;/*link color*/
	text-decoration:underline;/*behaviour of the link*/
	font-weight:normal;/*bold degree of the link text*/
	/*border:#e1e2e3 1px solid;*/
	}
#list_boat .space{
	height:8px;
	background-color:#FFFFFF;
	border-top:#e1e2e3 1px solid;
}
#list_boat .page{
	background-color:#FFFFFF;
	border:none;
	text-align:right;
}
#list_boat .isdispo{
	text-align:right;
}
.page a {color:#666666; font-weight:bold;}
#list_boat .price { text-align:right;}
/*old prices*/
.old_price {
	text-decoration: line-through;
	white-space: nowrap;
	font-style: italic;
	font-size:110%;
}

/*same note as displaying normal price*/
/*discount displaying*/
.discount {
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
	font-size:12px;
	font-weight:bold;
	white-space: nowrap;
}

/*note for displaying normal price*/
.new_price {
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;/*color the the price*/
	font-size:14px;/*price size*/
	font-weight:bold;/*bold degree*/
	white-space: nowrap;/*should not be altered*/
}
.sur_demande {
	border:0px;/*border size of the button*/
	background-image:url(images/boutons/surdemande_select.jpg);/*backgroun image on the button*/
	width:121px;/*width on the button should not be altered*/
	height:16px;/*height on the button should not be altered*/
	font-size:12px;/*size of the inner text*/
	font-weight:bold;/*bold degree of the inner text*/
	color:#e97230;/*color of the innertext of the request button*/

}
/*the same notes as on request button*/
.nondispo {
	border:0px;
	background-image:url(images/boutons/nondispo.jpg);
	width:121px;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#ff0000;
}
/*the same notes as on request button*/
.dispo {
	border:0px;
	background-image:url(images/boutons/dispo_select.jpg);
	width:121px;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#99cc00;
}

/*the same notes as on request button*/
/*when boat in the pannel*/
.sur_demander {
	border:0px;
	background-image:url(images/boutons/surdemande_retenu.jpg);
	width:121px;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#e97230;
}

/*the same notes as on request button*/
/*when boat in the pannel*/
.dispor {
	border:0px;
	background-image:url(images/boutons/dispo_retenu.jpg);
	width:121px;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#99cc00;
	
}
.droite {
	float:right;
}
.gauche {
	float:left;
	}
	
	/*notes of the empty button of the pannel*/	
.panier_bouton {
	width:49%;
	background-color:#618ac0;
	border:0px;
	margin:0px;
	padding:0px;
	color:#FFF;
	font-size:10px;
	height:20px;
	cursor:pointer;
	font-family:Verdana, Arial;
}

/*notes of the continue button of the pannel*/
/*the only diffrence is the backgroup color on the two buttons*/
.panier_bouton1 {
	width:49%;
	background-color:#990000;
	border:0px;
	margin:0px;
	padding:0px;
	color:#FFF;
	font-size:10px;
	height:20px;
	cursor:pointer;
	font-family:Verdana, Arial;
}

#base { display:inline; }
#typ { display:inline; }