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

/***** REMISE A ZERO *****/
*{
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address{
	margin: 0;
}
li, dd{
	margin-left:1em;
}
img{
	border: 0;
}
/*************************/
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background: #2B0009  url(../img/background.png) repeat-x ;
}
a {	
	color: white;
	text-decoration: none;
}
a:hover {
	color: #ffd800;
	text-decoration: none;
}
img {
	border: none;
}
select {
	font-size: 11px;	
}
optgroup.croisiere {
	color: #FFCC00;
	font-style: normal;
}
optgroup.privatif {
	color: #003399;
	font-style: normal;
}
option {
	padding-left: 3px;
	color: #000000;
	font-weight: bold;
}

/* Style de la Class "Page" */
#page{
	width: 1100px;
	margin: 0px auto 0px auto;
	background: url(../img/background_content.png);
}
/* Style de la Class "Header" */
#header{
	width: 100%;
	height: 181px;
	background: url(../img/header.png) no-repeat ;
}
#menu{
	height: 15px;
	margin-top: 0px;
	padding: 5px 80px 0 0;
	font-weight: bold;
	color: white;
	text-align: right;
}
#menu a{
	font-weight: bold;
	color: white;
}
#menu a:hover {
	font-weight: bold;
	color: #ffd800;
}
#logo {
	float: left;
	text-align: center;
	margin: -2px 11px 0 33px;
}
#logo a {
	font-weight: bold;
	font-size: 120%;
	background: url('../ing/logo.jpg') no-repeat scroll 0 0;
	padding: 122px 0 0 0;
	width: 255px;
	height: 35px;
	display: block;
}
#header h2,
#header h1{
	margin: 88px 0 0 0;
	font-size: 28px;
	font-weight: normal;
	color: white;
}
/* Style de la Class "Content" */
#content{
	min-height : 350px;
	height : auto ! Important;
	height : 100%;
	padding-left: 60px;
	margin-left: 1px;
	background: url(../img/content_top.png) no-repeat;
}
#indexGauche{
	float: left;
	width: 290px;
	height: 336px;
	margin: -1px 30px 0 1px ;
	background: url(../img/bloc-croisiere.png);
	color: white;
	font-size: 16px;
	font-weight: bold;
}
#indexGauche div {
	height: 90px;
	margin-left: 39px;
	padding-top: 9px;
}
#indexGauche h2{
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	color: white;
}
#indexGauche h3{
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
	color: white;
}
#indexGauche  .p1 {
	margin: 15px 0 30px 13px;
}
#indexGauche  .p1 span {
	padding-left: 10px;
}
#indexGauche  .p2{
	margin: 26px 13px 30px 0;
	text-align: right;
}
#indexGauche  .p2 span {
	padding-right: 10px;
}
#indexGauche  .p3 {
	margin: 50px 0 0 13px;
}
#indexGauche  .p3 span {
	padding-left: 15px;
}
#blocPanier {
	height : 41px;
	margin: 35px 0 0 -15px;
	padding: 32px 0 0 80px;
	font-size: 15px;
	background-repeat: no-repeat;
}
#indexCentre{
	float: left;
	width: 318px;
	height: 342px;
	margin: 0 30px 0 0 ;
	background: url(../img/bloc-reception.png) no-repeat;
	color: white;
	font-size: 16px;
	font-weight: bold;
}
#indexCentre div{
	margin: 15px 15px 0 21px;
}
#indexCentre form {
	margin: 0 0 0 6px;
}
#indexCentre h2{
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	color: white;
}
#indexCentre h3{
	margin-left: 30px;
	font-size: 16px;
	font-weight: bold;
	color: white;
}
#indexCentre  .p1 {
	margin: 13px 0 30px 15px;
}
#indexCentre  .p1 span {
	padding-left: 10px;
}
#indexCentre  .p2{
	margin: 60px 20px 10px 0;
	text-align: right;
}
#indexCentre  .p2 span {
	padding-right: 23px;
}
#indexCentre  .p3 {
	margin: 0 0 0 10px;
}
#indexCentre  .p4  {
	margin: 0 0 0 193px;
}
#indexCentre .p4 img{
	vertical-align: -5px;
}
#indexCentre select  {
	font-weight: normal;
}
#indexDroite{
	float: left;
	width: 313px;
	height: 332px;
	margin: 11px 0 0 0 ;
	background: url(../img/bloc-cado.png);
	color: white;
	font-size: 16px;
	font-weight: bold;
}
#indexDroite div{
	margin: 14px 0 0 40px;
}
#indexDroite h2{
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	color: white;
}
#indexDroite h3{
	margin-left: 20px;
	font-size: 16px;
	font-weight: bold;
	color: white;
}
#indexDroite  .p1 {
	margin: 55px 0 15px 45px;
}
#indexDroite  .p2{
	margin: 0 20px 25px 60px;
}
#indexDroite  .p4  {
	font-size: 14px;
	margin-top: 100px;
	padding: 0 0 0 8px;
}
#indexDroite  .p4  span{
	padding: 0 0 0 8px;
}
#indexDroite  .p5 {
	font-size: 14px;
	margin: -20px 0 0 175px;
}
#indexDroite .p5 img{
	vertical-align: -7px;
}

/* Page d'accueil */
#accueilGauche {
	float: left;
	width: 484px;
	height: 418px;
	margin: 0 0 0 0;
	background: url('/img/homeGauche.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	color: white;
	font-size: 16px;
	font-weight: bold;
}
#accueilGauche h2 {
	margin: 0 0 15px 30px;
	padding-top: 15px;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: white;
	letter-spacing: 4px;
}
#accueilGauche h3 {
	margin: 0 0 30px 60px;
	font-size: 20px;
	font-weight: normal;
	color: white;
}
#accueilGauche div.gauche {
	float: left;
	width: 263px;	
	height: 300px;
	margin: 0;
	padding-left: 45px;
}
#accueilGauche .gauche a {
	color: #FFFFFF;
}
#accueilGauche .gauche a:hover {
	color: #ffd800;
}
#accueilGauche .gauche .p1 {
	margin: 20px 0 0 0;
}
#accueilGauche .droite .p1 a {
	font-size: 14px;
}
#accueilGauche .gauche .p1 span {
	padding-left: 5px;
}
#accueilGauche .gauche .p2{
	margin: 20px 3px 0 0;
	text-align: right;
}
#accueilGauche .droite .p2 a {
	font-size: 14px;
}
#accueilGauche .gauche .p2 span {
	padding-right: 10px;
}
#accueilGauche .gauche .p3 {
	margin: 45px 0 0 -8px;
}
#accueilGauche .droite .p3 a {
	font-size: 14px;
}
#accueilGauche .gauche .p3 span {
	padding-left: 9px;
}
#accueilGauche .gauche .p4 {
	margin: 20px 4px 0pt 0;
	text-align: right;
}
#accueilGauche .droite .p4 a {
	font-size: 14px;
}
#accueilGauche .gauche .p4 span {
	padding-right: 5px;
}
#accueilGauche .droite {
	padding-top: 15px;
	text-align: center;
}
#accueilGauche .droite .p1 {
	margin: 35px 0 0 0;
}
#accueilGauche .droite .p1 a {
	font-size: 14px;
}
#accueilGauche .droite .p1 span {
	padding-left: 0;
}
#accueilGauche .droite .p2 {
	margin: 78px 6px 0 0;
}
#accueilGauche .droite .p2 a {
	font-size: 14px;
}
#accueilGauche .droite .p2 span {
	padding-left: 0;
}

#accueilDroite{
	float: left;
	width: 475px;
	height: 418px;
	margin: 0 60px 0 0;
	background: url('/img/homeDroite.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	color: white;
	font-size: 16px;
	font-weight: bold;
}
#accueilDroite h2 {
	padding-top: 15px;
	margin: 0 0 15px 30px;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: white;
	letter-spacing:4px;
}
#accueilDroite h3 {
	margin: 0 0 40px 100px;
	font-size: 20px;
	font-weight: normal;
	color: white;
}
#accueilDroite div.gauche{
	float: left;
	width: 280px;	
	padding-left: 40px;
}
#accueilDroite div.droite{
	margin-left: 320px;	
	padding-top: 40px;
}
#accueilDroite .droite select {
	width: 136px;
	margin: 0 0 10px 7px;	
	font-weight: bold;
}
#accueilDroite  .p1 {
	margin: 16px 0pt 0px 10px;
}
#accueilDroite  .p2{
	margin: 45px 0px 0px 175px;
}
#accueilDroite  .p3{
	margin: 0px 0px 20px 30px;
	font-weight: bold;
}
#accueilDroite  .p4  {
	font-size: 14px;
	margin-top: 30px;
	padding: 0 0 0 8px;
	font-weight: bold;
}
#accueilDroite  .p4  span{
	padding: 0 0 0 8px;
}
#accueilDroite .p4 a {
	font-size: 16px;
}
#accueilDroite  .p5 {
	font-size: 14px;
	margin: -20px 0 0 175px;
}
#accueilDroite .p5 img{
	vertical-align: -7px;
}





/* Style Bloc Recherche */
#blocGauche {
	float: left;
	width: 268px;
	top: -23px;
	margin: 0 0 0 1px;
	position: relative;
	background-repeat: no-repeat;
}
#blocGauche .titre {
	width: 220px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
	color: white;
}
#blocGauche .titreR{
	width: 220px;
	font-weight: bold;
	text-align: right;
	color: white;
}
#blocGauche .titre h1,
#blocGauche .titre h3 {
	font-size: 17px;
	margin: 10px 3px 0 0;
	padding-top: 20px;
}
#blocGauche .titreR h1,
#blocGauche .titreR h3 {
	font-size: 17px;
	margin: 10px 3px 0 0;
	padding-top: 10px;
}
#blocGauche .titre span{
	margin: 15px 1px 0 0;
}
#blocGauche .titreR span{
	margin: 15px 1px 0 0;
}



#blocGauche2 {
	float: left;
	width: 268px;
	top: -23px;
	margin: 0 0 0 1px;
	position: relative;
	background-repeat: no-repeat;
}
#blocGauche2 .titre {
	width: 220px;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
	color: white;
}
#blocGauche2 .titreR{
	width: 220px;
	font-weight: bold;
	text-align: right;
	color: white;
}
#blocGauche2 .titre h1,
#blocGauche2 .titre h3 {
	text-transform: uppercase;
	font-size: 19px;
	margin: 10px 3px 0 0;
	padding-top: 20px;
}
#blocGauche2 .titreR h1,
#blocGauche2 .titreR h3 {
	font-size: 17px;
	margin: 10px 3px 0 0;
	padding-top: 10px;
}
#blocGauche2 .titre span{
	margin: 15px 1px 0 0;
}
#blocGauche2 .titreR span{
	margin: 15px 1px 0 0;
}


a#rechercheCroisiere {
	color: #FFFFFF;
	font-weight: bold;
}
a#rechercheCroisiere:hover {
	color: #ffd800;
}

div.titreFormule{
	 width: 465px; 
	 margin-left: -16px;
	 padding:15px;
	 font-weight: bold;
	 border-top:5px solid #550700;
}
div.titreFormule span {
	font-size:14px;
	padding:2px;
	padding-bottom:5px;
	text-align:left;
}
div.prixFormule {
	float: right;
	padding-right: 10px;
	text-align: right;
	font-size:18px;
}
div.contentFormule{
	width: 455px; 
	margin-left: -16px;
	padding:27px 15px 7px 7px;
	border-top:5px solid #550700;
}
div#lienFormule {
	width: 474px;
	margin-left: -16px;
 	padding:5px;
	font-weight: bold;
	background-color:#550700;
}

#blocGaucheTop {
	width: 224px;
	height: 83px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}
#blocGaucheContent {
	min-height: 100px;
	background-repeat: repeat-y;
}
#blocGaucheBottom {
	width: 224px;
	height: 38px;
	font-size: 15px;
	padding: 5px 0 0 30px;
	background-repeat: no-repeat;
}
#blocGaucheContent p{
	font-size: 15px;
	font-weight: bold;
	color: white;
	padding-top: 10px; 
	margin: 10px 0 0 20px;
}
#blocGaucheContent b{
	font-size: 15px;
	color: white;
	margin: 155px 0 -170px -10px;
}
#formulaire{
	padding: 15px 0 15px 40px;
}
#formulaire select {
	font-weight: bold;
}
#lexiqueAlphabet{
	padding: 10px 0 0px 40px;
}
#faq{
	margin-left: 30px;
	margin-right: 30px;
	padding: 20px;	
}
#faq h2 {
	font-weight: bold;
	color: #ffd800;
}
#faq a {
	font-size: 13px;
	font-weight: bold;
}
#faq a:hover{
	font-weight: bold;
	color: #ffd800;
}
#formulaire select{
	width: 160px;
	margin: 0 0 10px 0;
	font-size: 110%;
}
#blocCentre {
	float: left;
	width: 492px;
	margin: -8px 0 0 -22px;	
}
#blocCentre h3,
#blocCentre h2 {
	padding: 19px 0 0 60px;
	/*background: url(../img/fondH2.png) no-repeat;*/
	font-size: 18px;
	font-weight: bold;
	color: white;
	
}
.titreLexique {
	margin:0;
	padding:0;
	width: 300px;
	font-size: 14px;
	font-weight: bold;
	color:white;
}


/* RESULTATS DIVERS */
#resultatsRecherche .aucun {
	margin-top: 20px;
	padding: 5px; 
	border: 1px solid white; 
	background-color: #2B0009;
	font-weight: bold;
	color: white; 	
}
#resultatsRecherche .resultatImage {
	float: left;
	margin-right: 25px;
	padding-left: 15px;	
}
#resultatsRecherche .resultatJaune .resultatImage img {
	border: 2px solid #ea9527;
	width: 123px;
	height: 123px;
}

#resultatsRecherche .resultatJaune2 .resultatImage img {
	border: 2px solid #ea9527;
	width: 123px;
	height: 123px;
	margin-top: 14px;
}

#resultatsRecherche p {
	font-weight: bold;
}
#resultatsRecherche strong {
	display: block;
	margin: 0 0 5px 165px;
}
#resultatsRecherche .description {
	padding: 0 10px 0 0;
	font-weight: bold;
	text-align: justify;
	margin: 0 0 10px 165px;
	font-size: 100%;
}
#resultatsRecherche .description2 {
	padding: 0 10px 0 0;
	font-weight: normal;
	text-align: justify;
	margin: 0 0 10px 165px;
	font-size: 100%;
}
#resultatsRecherche .resultatBord {
	position: absolute;
	left: 0px;
	width: 144px;
	height: 127px;
	background: url('../img/bord_img_bateau.gif') no-repeat;
	cursor: pointer;
}
#resultatsRecherche h4 {
	margin-left: 165px;
	margin-top: 4px;
	position: relative;
	top: 5px;
	padding-bottom: 10px;
	height: 14px;
}

#resultatsRecherche h4.jaune,
#resultatsRecherche h5.jaune {
	color: #782200;
	font-size: 14px;
}

#resultatsRecherche h4.jaune2 {
	color: #782200;
	font-size: 16px;
}

#resultatsRecherche h4.jaune2 a {
	color: #782200;
	font-size: 16px;
	text-decoration: underline;
	
}

#resultatsRecherche h4.jaune2 a:hover {
	color: #2e0e01;
	font-size: 16px;
	text-decoration: underline;
}

#resultatsRecherche h5.compagnie {
	color: #FFFFFF;
	font-size: 14px;
	background-color: #2e0e01;
	width:150px;
	margin-left: 165px;
	margin-top: 4px;
	position: relative;
	top: 0px;
	padding-bottom: 2px;
	height: 14px;
}


#resultatsRecherche h5.jaune2 {
	color: #3A1000;
	font-size: 12px;
}

#resultatsRecherche h4.bleu,
#resultatsRecherche h5.bleu {
	color:#0028FF;
	font-size: 14px;
}
#resultatsRecherche h4.blanc,
#resultatsRecherche h5.blanc {
	color: #FFFFFF;
	font-size: 12px;
}

#resultatsRecherche .prix {
	float: right;
	font-weight: bold;
	font-size: 130%;
	color: white;
	padding: 3px 11px 0 0;
	text-align: center;
}

#resultatsRecherche .prix2 {
	float: right;
	font-weight: bold;
	font-size: 140%;
	color: white;
	padding: 4px 11px 0 0;
	text-align: center;
}

#resultatsRecherche .boisson {
	float: right;
	padding: 4px 10px 0 0;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	width: 90px;
}

#resultatsRecherche .boisson2 {
	float: right;
	padding: 4px 10px 0 0;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
	width: 60px;
}

#resultatsRecherche .infos2 {
margin-top:-10px;
color: #782200;
}

#resultatsRecherche .infos2 a {
margin-top:-10px;
color: #782200;
font-weight: bold;
text-decoration: underline;
}

#resultatsRecherche .infos2 a:hover {
margin-top:-10px;
color: #2e0e01;
	font-weight: bold;
text-decoration: none;
}

#resultatsRecherche .depart {
	float: right;
	padding: 0 10px 0 0;
	color: black;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin-top: -5px;
	width: 125px;
	letter-spacing: 1px;
}

#resultatsRecherche .liens {
	margin-left: 165px;
}

#resultatsRecherche .liens a:hover  {
	text-decoration: underline;
	color: #ba1616;
}

#resultatsRecherche .liens a.reservationRouge:hover  {
	color: white;
}

#resultatsRecherche .liens a.reservation  {
	line-height: 26px;
	padding-right: 26px;
	margin-right: 10px;
	background: url('../ing/bouton-droite-jaune.gif') no-repeat right center;
	color: #671100;
	font-weight: bold;
	font-size: 12px;
	float: right;
	text-transform: uppercase;
}

#resultatsRecherche .liens a.reservation2  {
	line-height: 18px;
	padding-right: 10px;
	margin-right: 4px;
	color: #671100;
	font-weight: bold;
	font-size: 14px;
	float: right;
	margin-top: -5px;
	text-transform: uppercase;
}

#resultatsRecherche .liens a.reservation2 img  {

	margin-top: -10px;
}

#resultatsRecherche .resultatJaune .liens a.reservationMultiple {
	color: #671100;
}

#resultatsRecherche .liens a.infos  {
	line-height: 26px;
	padding-left: 26px;
	background: url('../ing/bouton-gauche-jaune.gif') no-repeat left center;
	color: #671100;
	font-weight: bold;
	font-size: 12px;
	float: left;
	text-transform: uppercase;
}

#resultatsRecherche .liens a.infosBleu  {
	background: url('../ing/bouton-gauche-bleu.gif') no-repeat left center;
	color: #0028ff;
}

#resultatsRecherche .liens a.selection {
	background: url('../ing/bouton-droite-bleu.gif') no-repeat right center;
	color: #0028ff;
}


.panierPrivatif .liens {
	/*position: absolute;*/
	left: 160px;
	bottom: 6px;
	margin: 0;
}

.panierPrivatif .liens a:hover  {
	text-decoration: underline;
	color: #ba1616;
}

.panierPrivatif .liens .infosPanierBleu  {
	position: relative;
	top:10px;
	padding: 10px 0 5px 37px;
	background: url('../img/btnBleuGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}

.panierPrivatif .liens .supprimerPanierBleu {
	position: relative;
	top: 10px;
	left: 90px;
	padding: 10px 37px 5px 0;
	background: url('../img/btnBleuDroite.gif') no-repeat right bottom;
	color: #000;
	font-weight: bold;
	line-height: 28px;
}

/* RESULTATS TUNNEL D'ACHAT COULEUR JAUNE */
.resultatJaune {
	position: relative;
	width: 488px;
	height: 130px;
	margin: 10px 10px 10px 10px;
	background: url('../img/resultat-croisiere.png') no-repeat ;
}

.resultatJaune2 {
	position: relative;
	width: 488px;
	height: 500px;
	margin: 10px 10px 10px 10px;
	background: url('../img/resultat-croisiere.png') no-repeat ;
}

.resultatBordJaune{
	position: absolute;
	left: 0px;
	width: 144px;
	height: 127px;
	background: url('../img/bord_img_bateauJaune.gif') no-repeat ;
}

/* RESULTATS TUNNER D'ACHAT COULEUR ROUGE OFFRIR */ 
.resultatRouge {
	position: relative;
	width: 488px;
	height: 128px;
	margin: 10px 10px 10px 10px;
	background: url('../img/resultat-offrir.png') no-repeat ;
}
.resultatBordRouge{
	position: absolute;
	left: 0px;
	width: 144px;
	height: 127px;
	background: url('../img/bord_img_bateauRouge.gif') no-repeat ;
}

/* RESULTATS TUNNEL D'ACHAT COULEUR BLEUE BATEAUX PRIVATIFS */
.resultatQuai {
	position: relative;
	width: 486px;
	height: 127px;
	margin: 10px;
	background: url('../img/resultat-quai.png') no-repeat;
}
.resultatNaviguant {
	position: relative;
	width: 488px;
	height: 128px;
	margin: 10px;
	background: url('../img/resultat-naviguant.png') no-repeat;
}
.etatBateau {
	position: absolute;
	bottom: 5px;
	left: 200px;
	font-weight: bold;
	color: #313c4b;
}
.resultatQuai a:hover,.resultatNaviguant a:hover{
	color: #ffd800;
}
/* FICHE BATEAU */
#iconesBordures {
	height: 113px;
	background: url('../img/bord_fiche_bateau.gif') no-repeat;
}
#iconesBateau {
	height: 115px;
	padding: 15px;
	background: url('../img/bloc-resultat-img.png') repeat-y;
}
#iconesBateau img {
	float: left;
	padding: 0 6px 0 0;
}
#ficheBateau {
	width: 452px;
	margin: 0;
	padding: 5px 20px 20px 20px;
	background-repeat: repeat-y;
	font-size: 12px;
	font-weight:bold;
}
#liensBateau {
	height : 25px;
	font-size:12px;
	margin: 5px 0 5px 0;
	padding: 15px 0 0 25px;
	background-image: url('../img/bloc-resultat-contentJaune.png');
}
#liensBateau a.selection {
	margin-right: 118px;
	padding: 20px 0 5px 37px;
	background: url('../img/btnJauneGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}
#liensBateau a.selection:hover {
	text-decoration: underline;
}
#liensBateau a.reservation {
	padding: 20px 37px 5px 0;
	background: url('../img/btnJauneDroite.gif') no-repeat right bottom;
	color: #ba1616;
	font-weight: bold;
}
#liensBateau a.reservation:hover {
	text-decoration: underline;
}

.liensBateau {
	height : 25px;
	font-size:12px;
	margin: 5px 0 5px 0;
	padding: 15px 0 0 25px;
	/*background-image: url('../img/bloc-resultat-contentJaune.png');*/
}

.liensBateau a.selection {
	margin-right: 68px;
	padding: 20px 0 5px 37px;
	background: url('../img/btnJauneGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}

.liensBateau a.selection:hover {
	text-decoration: underline;
}

.liensBateau a.reservation {
	padding: 20px 37px 5px 0;
	background: url('../img/btnJauneDroite.gif') no-repeat right bottom;
	color: #ba1616;
	font-weight: bold;
}

.liensBateau a.reservation:hover {
	text-decoration: underline;
}


#liensBateauBleu {
	margin: 5px 0;
	padding: 4px 10px;
	height : 28px;
	background-image: url('../img/bloc-resultat-content.png');
}

#liensBateauBleu a.retour {
	float: left;
	display: block;
	padding: 7px 0 7px 37px;
	background: url('../img/btnBleuGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}

#liensBateauBleu a.retour:hover {
	text-decoration: underline;
}

#liensBateauBleu a.selection {
	float: right;
	display: block;
	padding: 7px 37px 7px 0;
	margin: 0;
	background: url('../img/btnBleuDroite.gif') no-repeat right center;
	/*color: #ba1616;*/
	color: #000000;
	font-weight: bold;
}

#liensBateauBleu a.selection:hover {
	text-decoration: underline;
}


#liensBateauRouge {
	height : 25px;
	font-size:12px;
	margin: 5px 0 5px 0;
	padding: 15px 0 0 25px;
	background-image: url('../img/bloc-resultat-contentRouge.png');
}

#liensBateauRouge a.selection {
	margin-right: 118px;
	padding: 20px 0 5px 37px;
	background: url('../img/btnRougeGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}
#liensBateauRouge a.selection:hover {
	text-decoration: underline;
}
#liensBateauRouge a.reservation {
	padding: 20px 37px 5px 0;
	background: url('../img/btnRougeDroite.gif') no-repeat right bottom;
	color: #000000;
	font-weight: bold;
}
#liensBateauRouge a.reservation:hover {
	text-decoration: underline;
}

.liensBateauRouge {
	height : 25px;
	font-size:12px;
	margin: 5px 0 5px 0;
	padding: 15px 0 0 25px;
	background-image: url('../img/bloc-resultat-contentRouge.png');
}
.liensBateauRouge a.selection {
	margin-right: 118px;
	padding: 20px 0 5px 37px;
	background: url('../img/btnRougeGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}
.liensBateauRouge a.selection:hover {
	text-decoration: underline;
}
.liensBateauRouge a.reservation {
	padding: 20px 37px 5px 0;
	background: url('../img/btnRougeDroite.gif') no-repeat right bottom;
	color: #000000;
	font-weight: bold;
}
.liensBateauRouge a.reservation:hover {
	text-decoration: underline;
}

#resultatsRecherche .liens a.reservationRouge  {
	background: url('../ing/bouton-droite-rouge.gif') no-repeat right center;
	color: white;
}
#resultatsRecherche .liens a.infosRouge  {
	background: url('../ing/bouton-gauche-rouge.gif') no-repeat left center;
	color: white;
}
#resultatsRecherche .liens a.infosRougeSpectacle  {
	margin-right: 70px;
	padding: 10px 0 5px 37px;
	background: url('../img/btnRougeGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}


.liensFormule {
	padding-top: 15px;
}
.liensFormule a.selection {
	margin-right: 118px;
	padding: 20px 0 5px 37px;
	background: url('../img/btnJauneGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}
.liensFormule a.selection:hover {
	text-decoration: underline;
}
.liensFormule a.reservation {
	padding: 20px 37px 5px 0;
	background: url('../img/btnJauneDroite.gif') no-repeat right bottom;
	color: #ba1616;
	font-weight: bold;
}
.liensFormule a.reservation:hover {
	text-decoration: underline;
}
#ficheBateau h4 {
	margin: 10px 0 5px 0;
	font-size: 1em;
}
#ficheBateau h4.jaune {
	color: white;
	background: transparent url('../ing/fiche_bateau_jaune.png') no-repeat scroll top left;
	padding: 5px 0 3px 12px;
}
#ficheBateau h4.bleu {
	color: white;
	background: transparent url('../ing/fiche_bateau_bleu.png') no-repeat scroll top left;
	padding: 5px 0 3px 12px;
}
#piedBateau {
	width: 492px;
	height: 37px;
	padding: 40px 0 0 3px;
	background-repeat: no-repeat;
}
#piedBateau .naviguant{
	float: left;
	padding: 0 0 12px 45px;
	background: url('../img/naviguant.png') no-repeat left;
}
#piedBateau .quai{
	float: left;
	padding: 0 0 12px 45px;
	background: url('../img/quai.png') no-repeat left;
}
#piedBateau a{
	color: black;
	font-weight: bold;
}
#piedBateau  a:hover{
	color: #ba1616;
}
#piedBateau a.retour {
	margin: 0 15px 0 15px;
	padding: 10px 0 5px 37px;
	background: url('../img/btnBleuGauche.gif') no-repeat left bottom;
}
#piedBateau a.devis {
	padding: 10px 37px 5px 0;
	background: url('../img/btnBleuDroite.gif') no-repeat right bottom;
}


#ficheTop {
	width: 492px;
	height: 79px;
	background-repeat: no-repeat;
}
#ficheTop h2{
	padding: 14px 0 0 160px;
	font-size: 18px;
	font-weight: bold;
	color: white;
}
#ficheTop h3{
	padding: 17px 0 0 18px;
	font-size: 15px;
	font-weight: bold;
	color: black;
}
#ficheTop .ficheMenu{
	padding:25px 0 0 18px;
}
.ficheMenu li{
	float: left;
	margin: -3px 27px 0 0;
	padding: 4px 3px 2px 3px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: black;
}
.ficheMenu li:hover{
	color: white;
	background-color: #83beff;
	cursor: pointer;
}
.ficheMenu li.selected{
	color: white;
	background-color: #83beff;
	cursor: pointer;
}
.ficheMenu a:hover {
	color: black;
}
#ficheTop .ficheMenuJaune{
	padding:25px 0 0 18px;
}
.ficheMenuJaune li{
	float: left;
	margin: -3px 27px 0 0;
	padding: 4px 3px 2px 3px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: black;
}
.ficheMenuJaune li:hover{
	color: white;
	background-color: #f0a629;
	cursor: pointer;
}
.ficheMenuJaune li.selected{
	color: white;
	background-color: #f0a629;
	cursor: pointer;
}
.ficheMenuJaune a:hover {
	color: black;
}


#ficheTop .ficheMenuRouge{
	padding:25px 0 0 18px;
}
.ficheMenuRouge li{
	float: left;
	margin: -3px 27px 0 0;
	padding: 4px 3px 2px 3px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
	color: black;
}
.ficheMenuRouge li:hover{
	color: white;
	background-color: #c94e64;
	cursor: pointer;
}
.ficheMenuRouge li.selected{
	color: white;
	background-color: #c94e64;
	cursor: pointer;
}
.ficheMenuRouge a:hover {
	color: black;
}


#ficheContent {
	width: 492px;
	min-height: 50px;
	margin: 0;
	background: url(../img/bloc-resultat-content.png) repeat-y;
	font-weight: bold;
	font-size: 12px;
}
#ficheContent b{
	color: white;
}
#ficheContent table{
	width: 450px;
	font-size: 100%;
}
#ficheContent td{
	padding-bottom: 5px;
}
#ficheContent td.details {
	font-size: 10px;
	color: #0033EE;
	font-weight: normal;
}
#ficheContent p{
	padding: 10px;
	text-align: justify;
}
#ficheContent .infos_reservation {
	margin: 0 10px 0 10px;
}
span.charte {
	font-size: 12px;
	font-weight: bold;
}
ul.charte{
	margin: 0 15px 0 25px;
	text-align: justify;
	list-style: decimal;
}
.charte li{
	margin : 0 10px 0 10px;
	padding: 0 0 10px 0;
	text-align: justify;
}
ul.charte span {
	font-weight: bold;
	text-decoration: underline;
}
#ficheContent h3{
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	color: black;
}
#ficheContent h4{
	margin: 15px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: white;
}
#ficheTechnique {
	padding-left:20px;
	padding-right:10px;
}
#ficheContent #ficheTechnique .titre {
	margin-left: 10px; 
	font-weight: bold;
}
#ficheContentImg{
	position: relative;
	width: 492px;
	height: 100px;
	padding: 15px;
	background: url(../img/bloc-resultat-img.png) repeat-y;
}

.ImgResultat {
	border: 2px solid #ea9527;
	width: 123px;
	height: 123px;
}

#bordImg{
	position: absolute;
	width: 492px;
	height: 113px;
	top: 15px;
	left: 15px;
	background: url(../img/bord_fiche_bateau.gif) no-repeat;
}
#bateauLogo {
	float: left;
	padding: 0 10px 0 0;
}
#bateauInterieur{
	float: left;
	padding: 0 8px 0 0;
}
#bateauExterieur{
}
img.vignette {
	border: 2px solid #2f7fe0;
	padding: 2px;
	margin: 0 10px 0 5px;
}
img.vignetteJaune {
	border: 2px solid #f19210;
	padding: 2px;
	margin: 0 10px 0 5px;
}
img.vignette:hover{
	border: 2px solid white;
}
img.vignetteJaune:hover{
	border: 2px solid white;
}
.ficheBottom {
	width: 505px;
	height: 76px;
	padding: 38px 0 0 2px;
	background: url(../img/bloc-resultat-bottom.png);
	background-repeat: no-repeat;
}
.ficheBottom  a{

	color: black;
}
.ficheBottom  a:hover{
	color: white;
}
.ficheBottom input {
	margin-top:5px;
	margin-left:410px;
}
#rResultat{
	float: left;
	margin-left: 10px;
	margin-right: 26px;
	display: block;
	line-height: 40px;
	padding-left: 39px;
	font-weight: bold;
	color: black;
	background: url(../img/precedent.png) no-repeat left top;
}
#rResultat:hover {
	color: white;
}
#sansDate {
	float: left;
	margin-left: 10px;
	margin-right: 26px;
	display: block;
	line-height: 40px;
	padding-left: 39px;
	font-weight: bold;
	color: black;
	background: url(../img/precedent.png) no-repeat left top;
}
#sansDate:hover {
	color: white;
}
#avecDate {
	float: right;
	padding-right: 35px;
	background: url(../img/suivant.png);
	background-position: right;
	background-repeat: no-repeat;
	color: black;
	line-height: 40px;
	font-weight: bold;
}
#avecDate:hover {
	color: white;
}
#sDevis{
	float: left;
	width: 180px;
	background: url(../img/suivant.png) no-repeat right;
	color: black;
	line-height: 40px;
	font-weight: bold;
}
#sDevis:hover {
	color: white;
}
#sReserver{
	float: right;
	width: 100px;
	padding-left: 80px;
	background: url(../img/suivant.png);
	background-position: right;
	background-repeat: no-repeat;
	color: black;
	line-height: 40px;
	font-weight: bold;
	margin: 1px 10px 0 0;
}
#sReserver:hover {
	color: white;
}
#sRetour {
	float: right;
	width: 180px;
	margin: 33px 5px 0 0;
	display: block;
	line-height: 40px;
	font-weight: bold;
	color: black;
	background: url(../img/btn_selectContenu.png) no-repeat bottom right;
}
a#sRetour:hover{
	color: #ffd800;
}
#blocDroite {
	float: left;
	width: 225px;
	height: 336px;
	margin: 40px 0 0 19px;
}

/* Espace Partenaires */

div.listePartenaires {
	margin: 10px 15px;
	min-height: 120px;
	height: 120px;
}

.listePartenaires img {
	float: left;
	width: 100px;
	height: 100px;
	padding:1px;
	border: 5px solid #550700;
	margin: 0 10px 10px 0;
}
.listePartenaires img:hover {
	padding:4px;
	border: 2px solid #550700;
}

.listePartenaires span.titre {
	font-size: 18px;
}
.listePartenaires a {
	font-size: 14px;
	color: #550700;
}

.listePartenaires a:hover {
	color: #FFF;
}



/* Style de la Class "Bottom" */
#footer{
	clear: both;
	background: url(../img/background_bottom.png) no-repeat 0 0;
}
#footer_content{
	height: 55px;
	padding-top: 35px;	
	font-style: italic;
	font-weight: normal;
	font-size: 15px;
	color: white;
}
#footer_content img {
	vertical-align: -15px;
}
#footer .lexique{
	float: left;
	width: 268px;
	padding: 0 0 0 98px;
}
#footer .actualite{
	float: left;
	width: 310px;
	margin-top: 2px;
	padding: 0 0 0 52px;
}
#footer .contact{
	float: left;
	width: 316px;
	padding: 0 0 0 0px;	
}
#footer .contact img {
	vertical-align: -10px;
}
#baseline {
	color: white;
	width: 914px;
	background: #460503;
	margin-left: 74px;
	padding: 5px 20px;
	text-align: center;
}
#liens {
	margin-left: 74px;
	padding: 5px 20px;
	width: 914px;
	text-align: center;
	font-weight: bold;
	color: white;
	background: #460503;
}
#legal {
	text-align: center;
	color: white;
	background: #460503;
	width: 954px;
	margin: 0 auto;
}

/****************************** PANIER *************************************/
div.panierCroisiere {
	width: 472px;
	height: 131px;
	margin-left:10px;
	background-image:url(../img/background_panier.gif);
	background-repeat:no-repeat;
}
.panierCroisiere .bordures {
	position:absolute;
	width: 127px;
	height: 127px;
	background: url(../img/bord_img_panierCroisiere.gif) no-repeat ;
}
.panierCroisiere a:hover {
	color: black;
}

div.panierPrivatif {
	width: 472px;
	height: 131px;
	margin-left: 10px;
	background-image:url('../img/background_panierPrivatif.gif');
	background-repeat:no-repeat;
}
.panierPrivatif .bordures {
	position:absolute;
	width: 127px;
	height: 127px;
	background: url('../img/bord_img_panierPrivatif.gif') no-repeat ;
}
.panierPrivatif a:hover {
	color: black;
}
div.selectionPanier {
	margin-right:15px;
	text-align:right;
}
img.panier {
	float:left;
}
h4.panier,
h5.panier {
	color: #782200;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	text-align: left;
}



div.affichage {
	padding-top: 10px;
	margin-left: 150px;
}

.affichage .liens {
	margin:0;
}
.affichage .liens .liensPanier  {
	margin-right: 40px;
	padding: 10px 0 5px 37px;
	background: url('../img/btnJauneGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
}
.affichage .liens .liensPanierInfo {
	margin-right: 40px;
	padding: 10px 0 5px 37px;
	background: url('../img/btnJauneGauche.gif') no-repeat left bottom;
	color: #000;
	font-weight: bold;
	position: relative;
	top: 10px;
}
.affichage .liens .liensPanierReserver {
	padding: 10px 37px 5px 25px;
	background: url('../img/btnJauneDroite.gif') no-repeat right bottom;
	color: #000;
	font-weight: bold;
	position: relative;
	top: 10px;
}
.affichage .panierTarif{
	text-align:right; 
	margin-right:15px;
}

#ficheContent .aucun {
	margin: 20px;
	padding: 5px; 
	border: 1px solid white; 
	background-color: #2B0009;
	font-weight: bold;
	color: white;
	text-align:center;
}

/*---------- CALENDRIER ----------*/

table#calendrier {
	border-collapse: collapse;
	width:472px;
	border:1px solid white;
}
table#calendrier th {
	font-weight: bold;
	color: white;
	background: #988344;
	border: none;
	text-align: center;
}
table#calendrier td {
	background-color: #dbcda3;
}
table#calendrier a {
	color: white;
}
table#calendrier .sem {
	color: white;
	background: #700017;
	text-align: center;
	font-weight: bold;
}
table#calendrier .titrenum {
	background: #666666;
}
table#calendrier .titrenum2 {
	background: #CCCCCC;
}
table#calendrier .titrenum2 a {
	color: #666666;
}
table#calendrier .titrewend {
	background: #333333;
}
table#calendrier .titrewend2 {
	background: #999999;
}
table#calendrier .titrenow {
	background: white;
	font-weight: bold;
	color: #700017;
}


/*************************************** RESERVATION *****************************/

hr {
	height:5px;
	background-color:#550700;
	color:#550700;
	border:none;
	margin: 0 -10px 0 -10px;
	width:500px;
}

#blocCalendrier {
	float: left;
	width: 182px;
	padding-top:20px;
	margin: 40px 0 0 19px;
}

a#retourCroisiere {
	float: left;
	margin-left: 110px;
	padding-left: 39px;
	background: url('../img/btnJauneGauche.gif') no-repeat left top;
	line-height: 40px;
	font-weight: bold;
	color: black;
}
a#retourCroisiere:hover {
	text-decoration: underline;
}
a#retourOffrir {
	float: left;
	margin-left: 110px;
	padding-left: 39px;
	background: url('../img/btnRougeRetour.gif') no-repeat left top;
	line-height: 40px;
	font-weight: bold;
	color: black;
}
a#retourOffrir:hover {
	text-decoration: underline;
	color:#FFFFFF;
}

a#reserver {
	float: right;
	cursor: pointer;
	width: 100px;
	margin-right:20px;
	padding-left: 80px;
	background: url('../img/btnJauneDroite.gif') no-repeat right top;
	color: black;
	line-height: 40px;
	font-weight: bold;
}
a#reserver:hover {
	text-decoration: underline;
}

a.panierRetour {
	float: left;
	height: 26px;
	margin: 0 20px 0 30px;
	padding: 14px 0 0 39px;
	background: url('../img/precedent.png') no-repeat left top;
	font-weight: bold;
	color: black;
}
a.panierDevis,
input.panierDevis {
	cursor: pointer;
	height: 40px;
	margin: 0;
	padding-right: 35px;
	border: 0;
	background: url('../img/btnBleuDroite.gif') no-repeat right top;
	font-weight: bold;
	font-size: 100%;
	font-size:11px;
}
a.panierDevis:hover,
input.panierDevis:hover {
	color: #FFF;
}
a.panierDevis {
	display: block;
	padding-top: 13px;
	text-transform: uppercase;
	text-align: right;
	margin-right: 25px;
	padding-right: 40px;
}
.erreur {
	background-color: #F5E9E9;
	border: 1px solid #990000;
	color: #990000;
	font-weight: bold;
	padding: 3px;
	margin: 0;
}
.confirmation {
	background-color: #ECEFFF;
	border: 1px solid #0033CC;
	color: #0033CC;
	font-weight: bold;
	padding: 3px;
	margin: 0;
}

/*Style popup commentcamarche*/
#pageCommentCaMarche {
	text-align: left;
	margin: 0 auto;
	background: #2b0009 url('../ing/comment_ca_marche.jpg') scroll no-repeat top center;
	color: white;
	width: 613px;
	height: 493px;
}

#pageCommentCaMarche h1 {
	float: right;
	font-size: 140%;
	color: #ffe23f;
	margin: 30px 20px 0 0;
}

#pageCommentCaMarche h2 {
	padding: 18px 0 0 60px;
	font-size: 140%;
}

#pageCommentCaMarche h3 {
	text-align: center;
}

#pageCommentCaMarche h4 {
	color: #62bdf6;
	font-size: 140%;
	font-weight: bold;
	margin: 25px 0 10px 0;
}

#pageCommentCaMarche #apresReceptionDevis {
	float: right;
	width: 200px;
	padding: 0;
	margin-top: 135px;
	margin-left: 20px;
}

#pageCommentCaMarche #apresReceptionDevis h4 {
	margin-top: 27px;
}

#pageCommentCaMarche #avantReceptionDevis {
	width: 380px;
	margin-top: 133px;
}

#pageCommentCaMarche #avantReceptionDevis h3 {
	margin-bottom: 3px;
}

#pageCommentCaMarche #avantReceptionDevis div.right {
	float: right;
	width: 160px;
	padding: 0 0 0 30px;
}

#pageCommentCaMarche #avantReceptionDevis div.left {
	float: left;
	width: 160px;
	padding: 0 0 0 30px;
}

#pageCommentCaMarche p {
	padding: 0;
	margin: 0 0 5px 0;
	font-weight: bold;
	text-align: justify;
	font-size: 90%;
}

#pageCommentCaMarche #apresReceptionDevis p {
	padding: 0 20px 0 4px;
}

#pageCommentCaMarche p span {
	color: #f4d994;
	font-size: 100%;
}