@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, cite, em,  img,  strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #207faa;
	margin-bottom: 5px;
	font-weight:normal;
}

#col1 h2 {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;
}

.sous-titre {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:16px;
  color: #000;
  margin-bottom: 5px;
}

.btn {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background-color: #207faa;
 padding: 10px;
 margin-top: 10px;
 height: 20px;
 width: 25%;
 font-size: 14px;
 text-align: center;
}

.btn a {
 color: white;
}

.filet {
 border-top: 1px solid #999;
}



h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #207faa;
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight:bold;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	line-height: 16px;
	padding: 0px;
	margin-bottom: 10px;
}

label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	line-height: 16px;
}

a.lienh1:link, a.lienh1:active, a.lienh1:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #207faa;
	margin-bottom: 5px;
	font-weight:normal;
	text-decoration:none;
}

a.lienh1:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #207faa;
	margin-bottom: 5px;
	font-weight:normal;
	text-decoration:underline;
}

a.lienP:link, a.lienP:active, a.lienP:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #207faa;
	text-decoration:none;
}

a.lienP:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #207faa;
	text-decoration:underline;
}

a.lienPvert:link, a.lienPvert:active, a.lienPvert:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #669933;
	text-decoration:none;
}

a.lienPvert:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #669933;
	text-decoration:underline;
}

.unResume {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	color: #333333;
	text-align:justify;
	width: 400px;
	padding-left: 25px;
	display:block;
}

.txtSouligne {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	text-decoration:underline;
}

.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:9px;
}

a.footer a:link, a.footer a:active, a.footer a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:9px;
	text-decoration:none;
}

a.footer a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color:#333333;
	font-size:9px;
}

.bouton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

a.bouton:link, a.bouton:active, a.bouton:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

a.bouton:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}

.form {
	font-size: 10px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
}

a.smenu:link, a.smenu:visited, a.smenu:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight:normal;
	text-decoration:none;
	font-size: 14px;
}

a.smenu:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight:normal;
	text-decoration:underline;
	font-size: 14px;
}

/* tableaux */

.nomRanger {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	color:#333333;
}

.resultRanger {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:30px;
}

.tarifHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#888888;		
}

.tarifHeader2L {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#00a0c6;
}

.tarifHeader2Lorange {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ff7f00;
}

.tarifLeftCol {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#b3b3b3;
	text-align: right;
	padding: 10px;
}

.tarifLeftColTitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#888888;
	text-align: right;
	padding: 10px;
}

.prixBS {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#00a0c6;
	text-align:center;
	font-weight:bold;
}

.prixHS {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#ff7f00;	
	text-align:center;
	font-weight:bold;
}

/* @group form */

form {
 margin-top: 20px;
 font-family: Verdana, sans-serif;
 
  width: 400px;
}

fieldset {
  width: 400px;
  padding: 15px;
  margin-bottom: 15px;
  border: none;
  background-color: #cdcdcd;
}

label {
  display: block;
  margin-top: 8px;
  color: black;
}

label.control {
 display: inline;
}

label.control input {
 margin-left: 8px;
 margin-right: 8px;
}

input[type="text"] {
  width: 300px;
}

textarea {
  width: 300px;
  height: 250px;
}

select {
  margin-bottom: 8px;
}

.choix {
  margin-right: 15px;
  margin-left: 5px;
  font-size: 12px;
}

#infosbateaux {
 overflow: auto;
}

#imagesbateaux {
 position: absolute;
 top: 0;
 right: 0;
 margin-bottom: 15px;
}

#reservation .red {
	border: 1px solid red;
}

#reservation label.red {
	border: none;
	color: red;
}

#reservation .customRed {
	border: none;
	color: red;
}

#reservation .errorMessage {
	color: red;
	font-size: 0.8em;
}

/* @end */

/* @group table tarifs sans équipage */

#tarifs {
 font-family:Arial, Helvetica, sans-serif;
 background-color: #38b5c3;
}

#tarifs th {
 font-size: 12px;
 height: 35px;
}

#tarifs td {
 border-bottom: 1px solid #FFF;
 padding: 10px;
}

.nombateau {
 width: 150px;
 text-align: right;
 font-size: 12px;
}

#tarifs .hautesaison {
 width: 250px;
 text-align: center;
 font-size: 12px;
 color: #000;
}

#tarifs .bassesaison {
 width: 250px;
 text-align: center;
 font-size: 12px;
 color: #000;
}

#tarifs .joursHS {
 font-size: 12px;
 text-transform: uppercase;
 text-align: center;
}

#tarifs .joursBS {
 font-size: 12px;
 text-transform: uppercase;
 text-align: center;
}

/* @end */



/* @group table tarifs avec équipage */

#tarifs_avec {
 font-family:Arial, Helvetica, sans-serif;
 color: white;
}

#tarifs_avec th {
 font-size: 14px;
 height: 35px;
}

#tarifs_avec td {
 padding: 5px;
 border-bottom: 1px solid white;
}

.nombrepersonnes {
 width: 160px;
}

.sous-titre {
 font-size: 12px;
}

#tarifs_avec .hautesaison {
 width: 220px;
 text-align: right;
 font-size: 14px;
 color: black;
 padding-right: 10px;
}

#tarifs_avec .bassesaison {
 width: 220px;
 text-align: right;
 font-size: 14px;
 color: black;
 padding-right: 10px;
}

#tarifs_avec .joursHS {
 font-size: 14px;
 text-transform: uppercase;
 text-align: right;
}

#tarifs_avec .joursBS {
 font-size: 14px;
 text-transform: uppercase;
 text-align: right;
}

#tarifs_avec .titre {
 text-transform: uppercase;
 padding-left: 75px;
}

/* @end */

/* @group Avec équipage */

#bleuturquoise h2, #ladyjacqueline h2, #volauvent h2, #courage h2, #bleuturquoisestmartin h2, #sol h2 {
 font-size: 16px;
 margin: 0px;
}

#bleuturquoise h3, #ladyjacqueline h3, #volauvent h3, #courage h3, #bleuturquoisestmartin h3, #sol h3 {
 font-size: 12px;
 margin: 0px;
 color: #888b8c;
}

#bleuturquoise h5, #ladyjacqueline h5, #volauvent h5, #courage h5, #bleuturquoisestmartin h5, #sol h5 {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 14px;
 color: #000;
}

#bleuturquoise h5 a, #ladyjacqueline h5 a, #volauvent h5 a, #courage h5 a, #bleuturquoisestmartin h5 a, #sol h5 a {
 font-weight: bold;
 font-size: 14px;
 color: #000;
}

#bleuturquoise h4, #ladyjacqueline h4, #volauvent h4, #courage h4, #bleuturquoisestmartin h4, #sol h4 {
 font-size: 14px;
 position: absolute;
 top: 20px;
 right: 75px;
 width: 125px;
 color: #888b8c;
}

#bleuturquoise, #bleuturquoisestmartin {
 background-color: #38b5c3;
 padding: 5px;
 margin-bottom: 15px;
}

#bleuturquoise h2 {
 color: #38b5c3;
}

#ladyjacqueline {
 background-color: #e15c92;
 padding: 5px;
 margin-bottom: 15px;
}

#ladyjacqueline h2 {
 color: #e15c92;
}

#volauvent {
 background-color: #fbb674;
 padding: 5px;
 margin-bottom: 15px;
}

#volauvent h2 {
 color: #fbb674;
}

#sol {
 background-color: #05ca61;
 padding: 5px;
 margin-bottom: 15px;
}

#sol h2 {
 color: #05ca61;
}

#courage {
 background-color: #c029ac;
 padding: 5px;
 margin-bottom: 15px;
}

#courage h2 {
 color: #c029ac;
}






.plus {
 margin-top: 10px;
 font-weight:bold;
}

.plus a:link, .plus a:visited {
 color:#000;	
}

.infos {
 position: relative;
 background-color: white;
 padding: 20px 20px 10px 20px;
 font-family: Arial, Helvetica, sans-serif;
}

#personnes {
 float: left;
}

#equipage {
 float: left;
}

.bateau {
 position: relative;
 width: 720px;
 margin-left: 15px;
 margin-bottom: 20px;
 overflow: hidden;
}

.bateau p {
 margin-right: 200px;
}

.destination {
 float: left;
 width: 380px;
 margin-left: 15px;
}

.bateau h2, .destination h2 {
 margin-bottom: 10px;
}

.plan {
 margin: 15px 0;
}



#tarifs-forfait-mieux-etre {
 background-color: #38b5c3;
 text-align: left;
 font: 12px Verdana, sans-serif;
 width: 100%;
}

#tarifs-forfait-mieux-etre td, #tarifs-forfait-mieux-etre th {
 padding: 5px;
 border-bottom: 1px solid white;
}



/* @end */