/* @override http://bateaux-nantais.lux.mediacd.fr/global/css/communs.css */

/* = RAZ
------- */
body {
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
font-size: 1em;
margin: 0;
padding: 0;
font-weight: normal;
}

select, input, textarea, button {
border: 1px #acacac solid;
color: #666;
font-size: 1em;
width:50px;
}

form {
margin: 0;
padding: 0;
}
img {
border: 0;
margin: 0;
padding: 0;
}
p.texte img {
float: left;
margin: 0 10px 10px 0;
}
html, body {
height: 100%;
}
/* = CLEARING */
br.clear {
height: 1px;
margin: 0;
padding: 0;
clear: both;
}
/* = LAYOUT
---------- */
#image_print{display:none;}

body {
background: #d7dce1 url(/global/images/bg_generique.gif) repeat-y;
background-position: center center;
text-align: center;
height: 100%;
}
#page {
width: 950px;
margin: auto;
text-align: left;
background: #fff url(/global/images/bg_page.gif) repeat-y right top;
}
#header {
position: relative;
width: 950px;
height: 88px;
background: transparent url(/global/images/bg_header.gif) no-repeat top left;
}
#footer {
height: 30px;
background: url(/global/images/bg_footer.gif) no-repeat left top;
clear: both;
}
/* = Header
---------- */
#header h1 {
width: 139px;
height: 38px;
background: url(/global/images/logo_bateauxNantais.gif) no-repeat top left;
position: relative;
top: 50px;
left: 182px;
}
#header h1 a {
width: 139px;
height: 38px;
overflow: hidden;
display: block;
text-indent: -20em;
}
ul#langue {
position: absolute;
top: 7px;
left: 33px;
width: 40px;
height: 11px;
display: inline;
list-style: none;
}
#header p.baseline {
width: 453px;
height: 35px;
position: absolute;
left: 400px;
top: 50px;
overflow: hidden;
text-indent: -500px;
background: url(/global/images/baseline.gif) top left;
}
ul#langue li {
width: 16px;
margin: 0 2px;
height: 11px;
float: left;
}
li a.france {
width: 16px;
height: 11px;
text-indent: -10em;
overflow: hidden;
display: block;
overflow: hidden;
background: url(/global/images/flag_FR.gif) no-repeat top left;
}
li a.uk {
width: 16px;
height: 11px;
text-indent: -10em;
overflow: hidden;
display: block;
overflow: hidden;
background: url(/global/images/flag_UK.gif) no-repeat top left;
}
/* =plus
-------- */
a {
color: #666;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* =Corpo
-------- */
#navCorpo {
list-style: none;
position: absolute;
top: 6px;
right: 35px;
}
#navCorpo li {
display: inline;
float: left;
color: #ebedf0;
}
#navCorpo li a {
margin: 0 7px;
color: #8c919b;
text-decoration: none;
}
/* =Actus
-------- */
#actu {
width: 320px;
height: 225px;
float: left;
background: url(/global/images/bg_actus.jpg) no-repeat top right;
margin: 0;
}
.interieure #actu {
height: 135px;
background: url(/global/images/bg_actus-interieure.jpg) no-repeat top right;
}
#actu .contenuactu {
width: 190px;
margin-top: 140px;
margin-left: 50px;
}
.interieure #actu .contenuactu {
display: none;
}
#actu h3 {
font-family: Arial;
font-size: 1.8em;
line-height: 1.6em;
color: #004694;
clear: both;
}
#actu p.titreactu {
width: 200px;
font-family: Arial;
font-size: 1.3em;
line-height: 1em;
color: #87b7b0;
margin: 0 0 10px 0;
float: left;
clear: both;
}
#actu  p.lien {
clear:both;
margin-left: 35px;
}
#actu p.lien a {
font-family: Verdana;
font-size: 0.9em;
line-height: 1.6em;
text-decoration: none;
color: #fff;
}
#actu p.lien a:hover {
text-decoration: underline;
}
.pub_decidez {
background: #e7efeb;
padding: 5px;
margin-right: 2px;
}
.pub_decidez p {
margin-bottom: 5px;
}
.pub_decidez h3 {
width: 100%;
float: left;
margin: 0;
padding: 0;
clear: both;
}
.pub_decidez h3 span {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
#flash {
width: 584px;
height: 225px;
margin: 0 0 0 10px;
float: left;
}
#flash img {
float: left;
margin: 0;
padding: 0;
}
.interieure #flash {
height: 135px;
overflow: hidden;
}

#bookOnline #flash {
	height:128px !important
	}
/* = contenu
----------- */
#content {
padding: 0;
margin: 0 0 0 25px;
width: 915px;
}
/*h2 {
font-size: 1.6em;
text-align: center;
color: #999;
line-height: 3.5em;
}*/
.interieure #colB h1 {
font-size: 1.6em;
text-align: center;
color: #999;
color: #5daedb;
padding: 1em 0 1em 0;

}

.interieure #colB h2 {
font-size: 1.5em;
line-height: 1.0em;
color: #50aadc;
text-align:  left;
padding:10px 0;
margin: 0;
}

.interieure h2 {
color: #5daedb;
padding: 0 0 0 0;
}
div#promenade, div#croisieres {
padding: 0 0 0 10px;
margin: 0 0 15px 0;
}
div#croisieres {

}
#colA {
width: 295px;
float: left;
background: url(/global/images/bg_colA.gif) no-repeat top right;
}
.interieure #colA {
width: 295px;
float: left;
background: url(/global/images/bg_colA-interieure.gif) no-repeat top right;
position:relative;
}
#croisieres h2 {
background: url(/global/images/bg_croisieres.gif) no-repeat top right;
}
#newsletter h2 {
background: url(/global/images/bg_newsletter.gif) no-repeat top left;
color: #fff;
font-size: 1.4em;
line-height: 1.8em;
padding-left:25px;
}
#newsletter form {
width: 245px;
float: left;
margin: 5px 0 20px 5px;
}
#newsletter {
margin: 0 0 25px 0;
}
input.submit {

}
#newsletter form input#email {
border: 0;
width: 150px;
height: 20px;
float: left;
line-height: 20px;
padding: 3px 10px 0 10px;
background: transparent url(/global/images/bgInput.gif) no-repeat;
color: #555;
clear: none;
}
#newsletter input#email:focus {
color: #000
}
#newsletter form input.submit {
width: 21px;
height: 21px;
display: block;
margin: 0px 10px;
float: left;
background: url(/global/images/bt_submit.gif) no-repeat top left;
border: none;
cursor: s-resize;
overflow: hidden;
text-indent: -15em;
}
#colB {
width: 302px;
float: left;
margin-left: 10px;
background: url(/global/images/bg_colB.gif) repeat-x top right;
border-right: 1px solid #e4e5e7;
}
.interieure #colB {
width: 335px;
padding-bottom: 25px;
}
.uneCol .interieure #colB {
width: 587px;
border-right: none;
}
h3 {
font-size: 1.5em;
line-height: 1.3em;
color: #50aadc;
padding: 0;
margin: 0 0 5px 0 ;
}
.accueil h3 {
color:#50AADC;
font-size:1.5em;
line-height:1.3em;
margin:0pt 0pt 5px;
padding:0pt;
}

.promenades h3, .croisieres h3, .seminaires h3, .mariages h3, .tourisme h3 {
font-size: 1.4em;
padding: 0 0 0 10px;
background: url(/global/images/puce_h3.gif) no-repeat left 8px;
}
#agences p.titre {
width: 95%;
float: left;
background: url(/global/images/puce_rondeBleuClair.gif) no-repeat left;
clear: both;
font-weight: bold;
padding: 0 0 0 10px;
margin: 0 0 5px 0;
border-bottom: 1px dotted;
color: #50aadc;
}
#agences p.soustitre {
width: 100%;
float: left;
background: url(/global/images/chevrons_bleuClair.gif) no-repeat left;
font-weight: bold;
padding: 0 0 0 10px;
clear: both;
}
#agences p.soustitre a {
text-decoration: none;
color: #50aadc;
}
#agences p.lien {
float: right;
margin-right: 5px;
}
.offre {
width: 280px;
margin: 0 0 15px 0;
float: left;
clear: both;
}
#agences p.texte {
width:  100%;
float: left;
margin: 5px 0;
color: #8c919b;
}
#agences p.plus {
float: left;
background: url(/global/images/puce_lien.gif) no-repeat left;
padding: 0 0 0 20px;
}
.bandeauPub {
width: 98%;
margin: 0 ;
padding: 0;
float: left;
clear: both;
text-align: center;
}
#promenade ul, #croisieres ul {
margin: 0;
clear: left;
list-style: none;
background: url(/global/images/puce_bleuFonce.gif) no-repeat 0px 5px;
}
#promenade ul li a, #croisieres ul li a {
line-height: 1.5em;
color: #000;
text-decoration: none;
background: url(/global/images/puce_bleuFonce.gif) no-repeat 0px 5px;
padding: 0 0 0 10px;
line-height: 1.5em;
}
#promenade ul li a:hover, #croisieres ul li a:hover {
text-decoration: underline;
}
#colC {
width: 277px;
float: left;
padding: 0px 0 25px 3px;
padding: 15px 0 25px 3px;
background: url(/global/images/bg_colC.gif) no-repeat top right;
}
.interieure #colC {
width: 240px;
}
.uneCol .interieure #colC {
display: none;
}
/* =Footer 
--------- */
ul#credits {
position: relative;
top: 10px;
left: 65px;
width: 245px;
float: left;
list-style: none;
color: #999;
}
ul#credits li {
display: inline;
margin: 0 10px;
}
ul#credits li a {
color: #999;
}
#footer ul li a {
text-decoration: none;
}
ul#navFooter {
position: relative;
float: left;
top: 10px;
left: 100px;
width: 550px;
list-style: none;
color: #999;
}
ul#navFooter li {
margin: 0 6px;
display: inline;
}
ul#navFooter li a {
color: #999;
}
#entreprises ul, #particuliers ul {
margin: 0;
clear: left;
list-style: none;
}
#entreprises ul li a, #particuliers ul li a {
text-decoration: none;
color: #000;
background: url(/global/images/puce_bleuClair.gif) no-repeat 0px 5px;
padding: 0 0 0 10px;
line-height: 1.5em;
}
#entreprises ul li a:hover, #particuliers ul li a:hover {
text-decoration: underline;
}
#entreprises, #particuliers {
height: auto;
padding: 5px 0 5px 0;
margin: 0 0 15px 0;
background: url(/global/images/bg_entreprises.gif) top right repeat-y;
}
#entreprises img, #particuliers img {
float: right;
margin: 0 10px 10px 0;
}
/* =mainNav
---------- */
#mainNav {
width: 285px;
margin: 35px 0 50px 10px;
}
#mainNav ul {
width: 100%;
list-style: none;
}
#mainNav ul li {
width: 100%;
}
#mainNav ul li a {
width: 100%;
display: block;
color: #fff;
font-size: 1.4em;
line-height: 27px;
padding: 0 0 1px 15px;
background: transparent url(/global/images/bg_mainNav.gif) no-repeat top left;
}
#mainNav ul li a:hover {
width: 100%;
display: block;
background-position: 0px -28px;
text-decoration: none;
}
#mainNav ul li a.deroulee {
width: 100%;
display: block;
background-position: 0px -56px;
}
#mainNav ul ul {
width: 230px;
margin: 5px 0;
display: block;
}
#mainNav ul ul li {
width: 100%;
}
#mainNav ul ul li a {
background: url(/global/images/puce_bleuClair.gif) no-repeat 5px;
font-size: 1em;
line-height: 1.3em;
color: #004795;
}
#mainNav ul ul li a:hover {
background: url(/global/images/puce_bleuMarine.gif) no-repeat 5px;
font-size: 1em;
line-height: 1.3em;
color: #004795;
}
#mainNav ul ul li a.active {
background: url(/global/images/puce_bleuMarine.gif) no-repeat 5px;
font-size: 1em;
font-weight: bold;
line-height: 1.3em;
color: #004795;
}
#mainNav ul ul ul {
width: 220px;
margin: 0 0 0 10px;
display: block;
}
#mainNav ul ul ul li {
}
#mainNav ul ul ul li a {
background: url(/global/images/puceNavN2.gif) no-repeat scroll 5px;
font-size: 1em;
line-height: 1.3em;
color: #004795;
}
#mainNav ul ul ul li a:hover {
background: url(/global/images/puceNavN2-over.gif) no-repeat scroll 5px;
font-size: 1em;
line-height: 1.3em;
color: #004795;
}
#mainNav ul ul ul li a.active {
background: url(/global/images/puceNavN2-over.gif) no-repeat 5px;
font-size: 1em;
font-weight: bold;
line-height: 1.3em;
color: #004795;
}
/* = Les trucs communs à toutes les pages
---------------------------------------- */
.bloc {
width: 100% !important;
padding: 0px 0 10px 0;
margin: 0 0 10px 0;
float: left;
background: url(/global/images/separateur_bloc.gif) no-repeat bottom center;
}
.bloc .bloc {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
background: none;
float: left;
}
.bloc p.lien {
width:98%;
float: left;
text-align: right;
}
.bloc p.lien a {
float: right;
position: relative;
clear: both;

}
.last {
background: none;
}
.barrebouton{
text-align: left;
padding: 0 10px 5px 0;
margin: 0 0 10px 0;
clear: both;
float: left;
}
.barrebouton a.plus {
font-family: Verdana;
font-size: 0.9em;
line-height: 1.6em;
font-weight: normal;
background: url(/global/images/puce_lien.gif) no-repeat left;
padding: 0 0 0 20px;
text-decoration: none;
color: gray;
}
.barrebouton a:hover.plus {
text-decoration: underline;
}
p.nota {
width: 100%;
float: left;
color: #999;
}
.interieure .accroche img {
float: right;
margin: 5px 5px 5px 0;
}
/* =Page promenade et seminaire
------------------------------ */
.promenades .accroche {
}
.promenades .accroche img {
float: right;
margin: 5px 5px 5px 0;
}
.promenades .accroche p.soustitre {
font-weight: bold;
float: left;
width: 180px;
}
.promenades .accroche p.description {
width: 100%;
margin: 5px 0 0 0;
float: left;
}

p.barrebouton {
width: 98%;
text-align: right;
margin-top: 15px;
padding: 0;
float: left;
}
a.bouton {
width: 13em;
line-height: 1.8em;
text-align: center;
font-size: 1.1em;
font-weight: normal;
color: #fff;
background: url(/global/images/bg_bouton.gif) repeat-x top left;
float: right;
border: 1px solid white;
}
/* =Horaires et tarifs
--------------------- */
#horaires, #tarifs {
width: 100%;
float: left;
margin: 10px 0 10px 0;
}
#horaires h4, #tarifs h4 {
background: url(/global/images/bg_h4-colC.gif) repeat-x top left;
font-size: 1.3em;
line-height: 1.7em;
color: #fff;
padding: 0 0 0 5px;
}
#tarifs p.titre {
width: 100%;
background: url(/global/images/chevrons_deplie.gif) no-repeat right 2px;
border-bottom: 1px solid #55abdb;
}
#tarifs p.titre a {
background: url(/global/images/puce_rondeBleuClair.gif) no-repeat 0  4px;
padding-left: 10px;
font-weight: bold;
line-height: 1.7em;
color: #55abdb;
}
table tr.clair {
background-color: #fff;
}
table tr.fonce {
background-color: #dbedf7;
}
table th {
color: #999;
font-weight: normal;
text-align: center;
}
.listehoraires {
border-bottom: 1px solid #55abdb;
}
.listehoraires table {
width: 100%;
font-size: 0.9em;
}
.listehoraires table td.description {
font-weight: bold;
vertical-align: top;
}
.listehoraires table td.heures {
vertical-align: top;
}
.listetarifs, .listetarifsReg, .listetarifsThema {
border-bottom: 1px solid #55abdb;
}
.listetarifs table, .listetarifsReg table, .listetarifsThema table {
width: 100%;
font-size: 0.9em;
}
.listetarifs table td.description, .listetarifsReg table td.description, .listetarifsThema table td.description {
background: url(/global/images/chevrons_bleuClair.gif) no-repeat 0 7px;
padding: 0 0 0 10px;
font-weight: bold;
}
tr.fonce td.description {
background-color: #dbedf7;
}
.listetarifs table td.prix, .listetarifsReg table td.prix, .listetarifsThema table td.prix {
text-align: right;
}
/* =Page Croisiere
----------------- */
.croisieres .accroche {
}
.croisieres .accroche img {
float: right;
margin: 5px 5px 5px 0;
}
ul#barreonglets {
width: 330px;
height: 24px;
list-style: none;
float: left;
margin-bottom: 5px;
border-bottom: 2px solid #004694;
clear: both;
}
ul#barreonglets li {
width: 131px;
height: 24px;
float: left;
}
ul#barreonglets.thema li a {
width: 131px;
height: 24px;
display: block;
overflow: hidden;
text-indent: -15em;
background: url(/global/images/onglets_thematiques.gif) no-repeat;
}

#barreonglets.croisiere li a {
width: 131px;
height: 24px;
display: block;
overflow: hidden;
text-indent: -15em;
background: url(/global/images/onglets_fleuve.gif) no-repeat;
}

#barreonglets li a#dejeuners {
background-position: 0 0px;
}
#barreonglets li a#diners {
background-position: -130px 0px;
}
#barreonglets li a#dejeuners:hover , #barreonglets li a#dejeuners.active {
background-position: 0 -28px;
}
#barreonglets li a#diners:hover, #barreonglets li a#diners.active {
background-position: -130px -28px;
}

.croisieres .onglets {
width: 100%;
float: left;
}

#colB div.ong {
float: left;
}

.croisieres #colC .onglets {
float: left;
position: relative;
top: 5px;
}
.croisieres .ongletsDin, .croisieres .ongletsDej{
float: left;
width: 100%;
margin-bottom:10px;
}
.croisieres .accroche p.soustitre {
font-weight: bold;
width: 180px;
}
.croisieres .accroche p.description {
width: 100%;
margin: 5px 0 0 0;
float: left;
}
.complement {
width: 95%;
float: left;
margin: 10px 0px;
padding: 5px 5px 20px 5px;
background: url(/global/images/bg_complement.gif) top left repeat-x;
}
.croisieres .bloc p.titre {
width: 98%;
font-weight: bold;
padding: 0 0 0 10px;
margin: 0 0 5px 0;
color: #000;
background: url(/global/images/chevrons_bleuClair.gif) no-repeat 0 5px;
clear: both;
}
.croisieres .bloc p img {
margin-right: 5px;
float: left;
}
.croisieres .bloc p.plus {
width: 100%;
float: left;
text-align: right;
padding: 0 10px 5px 0;
margin: 0 0 0 0;
clear: both;
}
.croisieres .bloc p.plus a {
font-family: Verdana;
font-size: 0.9em;
line-height: 1.6em;
font-weight: normal;
background: url(/global/images/puce_lien.gif) no-repeat left;
padding: 0 0 0 20px;
text-decoration: none;
color: gray;
}
.bloc p.plus a:hover {
text-decoration: underline;
}
#onglets_services {
margin: 30px 0 0 0;
list-style: none;
float: left;
border-bottom: 2px solid #004694;
}
#onglets_services li {
display: inline;
float: left;
}
#onglets_services li a {
height: 20px;
float: left;
margin: 0;
padding: 0;
background: url(/global/images/barreOnglet_service.gif);
text-indent: -1500em;
display: block;
}
#onglets_services li a#premier {
width: 91px;
background-position: 0 0;
}
#onglets_services li a#premier:hover, #onglets_services li a#premier.active {
width: 91px;
background-position: 0 -29px;
}
#onglets_services li a#erdre {
width: 42px;
background-position: -91px 0;
}
#onglets_services li a#erdre:hover, #onglets_services li a#erdre.active {
width: 42px;
background-position: -91px -29px;
}
#onglets_services li a#etoile {
width: 44px;
background-position: -133px 0;
}
#onglets_services li a#etoile:hover, #onglets_services li a#etoile.active {
width: 44px;
background-position: -133px -29px;
}
#onglets_services li a#emeraude {
width: 61px;
background-position: -177px 0;
text-indent: -1500em;
}
#onglets_services li a#emeraude:hover, #onglets_services li a#emeraude.active {
width: 61px;
background-position: -177px -29px;
}
#colC p {
font-size: 0.9em;
color: #999;
}
#colC p.titre {

font-weight: bold;
padding: 0 0 0 10px;
margin: 5px 0 5px 0;
color: #000;
background: url(/global/images/chevrons_bleuClair.gif) no-repeat 0 5px;
}
#colC .nota {
margin: 5px 0;
color: #999;
}
/* =Page Seminaire
----------------- */
.seminaires .accroche {
	
}
.seminaires .accroche img {
float: right;
margin: 5px 5px 5px 0;
}
.seminaires .accroche p.soustitre {
font-weight: bold;
float: left;
width: 180px;
}
.seminaires .accroche p.description {
width: 100%;
margin: 5px 0 0 0;
float: left;
}
/* =Page Mariages
---------------- */
.mariages .accroche {
	
}

.mariages .accroche img {
float: right;
margin: 5px 5px 5px 0;
}
.mariages .accroche p.soustitre {
font-weight: bold;
float: left;
width: 180px;
}
.mariages .accroche p.description {
width: 100%;
margin: 5px 0 0 0;
float: left;
}
.mariages .bloc p.titre {
width: 98%;
float: left;
background: url(/global/images/chevrons_bleuClair.gif) no-repeat 0 5px;
font-weight: bold;
padding: 0 0 0 10px;
margin: 0 0 5px 0;
color: #000;
}
.mariages .bloc p {
float: left;
}
.mariages .bloc p img {
margin-right: 5px;
float: left;
}
.mariages .bloc p.plus {
width: 98%;
float: left;
text-align: right;
padding: 0 10px 5px 0;
margin: 0 0 0 0;
clear: both;
}
.mariages .bloc p.plus a {
font-family: Verdana;
font-size: 0.9em;
line-height: 1.6em;
font-weight: normal;
background: url(/global/images/puce_lien.gif) no-repeat left;
padding: 0 0 0 20px;
text-decoration: none;
color: gray;
}
.mariages .bloc p.plus a:hover {
text-decoration: underline;
}
.mariages .pub_decidez {
background: #e7efeb;
padding: 5px;
}
.mariages .pub_decidez p {
margin-bottom: 5px;
}
.mariages .pub_decidez h3 {
width: 98%;
line-height: 1.2em;
clear: both;
margin: 0;
padding: 0;
float: left;
background: none;
}
.mariages .pub_decidez h3 span {
width: 98%;
float: left;
clear: both;
background: none;
}
.mariages .pub_decidez img {
width: 225px;
}
/* = Nous contacter
------------------ */
#nouscontacter {
background-color: #dbedf7;
margin: 15px 0;
}
#nouscontacter h4 {
width: 100%;
height: 37px;
overflow: hidden;
background: url(/global/images/h4_nousContacter.gif) no-repeat top left;
text-indent: -15em;
}
#nouscontacter p {
padding: 10px 10px 5px 10px;
font-weight: bold;
color: #55abdb;
}
#nouscontacter p.coordonnees {
padding: 0px 10px 10px 10px;
color: #004795;
}
#nouscontacter  p.plus {
text-align: right;
padding: 0 10px 5px 0;
margin: 0 0 0 0;
clear: both;
}
#nouscontacter p.plus a {
font-family: Verdana;
font-size: 0.9em;
line-height: 1.6em;
font-weight: normal;
background: url(/global/images/puce_lien.gif) no-repeat left;
padding: 0 0 0 20px;
text-decoration: none;
color: gray;
}
#nouscontacter p.plus a:hover {
text-decoration: underline;
}
/* =Page tourisme
----------------- */
.tourisme .accroche {
}
.tourisme .accroche img {
float: right;
margin: 5px 5px 5px 0;
}
.tourisme .accroche p.soustitre {
font-weight: bold;
float: left;
width: 180px;
}
.tourisme .accroche p.description {
width: 100%;
margin: 5px 0 0 0;
}
/* =Espace promotionel
--------------------- */
.promotionnel {
height: 70px;
clear: both;
background-color: #ebebeb;
}
.promotionnel p img {
float: left;
margin-right: 5px;
}
.promotionnel p span.texte {
padding-top: 5px;
text-align: left;
font-weight: bold;
}
/* =Formulaires
-------------- */
.formulaire #barreonglets {
list-style: none;
height: 24px;
}
.formulaire #barreonglets li {
float: left;
display: inline;
height: 24px;
}
.formulaire #barreonglets li a {
width: 131px;
height: 24px;
display: block;
overflow: hidden;
text-indent: -15em;
background: url(/global/images/onglets_formulaires.gif) no-repeat;
}
.formulaire #barreonglets li a#ongletParticuliers {
background-position: 0 0px;
}
.formulaire #barreonglets li a#ongletProfessionnels {
background-position: -130px 0px;
}
.formulaire #barreonglets li a#ongletParticuliers:hover , .formulaire #barreonglets li a#ongletParticuliers.active {
background-position: 0 -28px;
}
.formulaire #barreonglets li a#ongletProfessionnels:hover, .formulaire #barreonglets li a#ongletProfessionnels.active {
background-position: -130px -28px;
}
.formulaire .onglets {
}
form {
text-align: center;
}
.formulaire p {
line-height: 1.5em;
text-align: left;
margin: 3px 0;
float: left;
clear: both;
width: 99%;
}
fieldset {
float: left;
width: 100%;
border: 0;
margin: 0;
padding: 0;
}

fieldset p {
text-align: left;
margin: 0.2em 0 0.5em 0;
}


legend {
text-align: left;
font-size: 1.1em;
line-height: 2em;
font-weight: bold;
color: #000;
}
.float {
float: left;
}
label {
float: left;
font-weight: normal;
}
label.float {
width: 110px;
padding: 0 5px 0 0;
text-align: right;
}

/* Formulaire réservation */
fieldset.reservation_rappel {
}

.libele_field_line {
width: 200px;
float:  left;
text-align: right;
margin: 0.2em 0 0.5em;
padding: 0 0 0 100px;
}

.reservation_rappel .field_line label {
float:  right !important;
}

p.captcha {
	float: left;
}

p.captcha label {
padding: 0 0 0 100px;
width: 200px;
}

p.captcha label img {position: relative; top: 10px}
p.captcha input {position: relative; top: 20px}

div.bottomValide {
	width:  100%;
	float:  left;
	margin:  1.5em 0 0 0;
}

/*===== NEWSLETTER====*/

.newsletter label.float {
width: 200px;
padding: 0 5px 0 0;
text-align: right;
float: left;
}
.newsletter input, .newsletter select {
float: left;
}
.newsletter select {
width: 200px;
}

input.btvalidation {
	margin:  5px auto;
	float: none;
}

input.btvalidation {
	margin:  5px auto;
	float: none;
}
.newsletter p {
	float: left;
	width:  100%;
	margin: 5px 0;
}

#formReservation p font {
}
input {
margin: 0px 5px;
}
input.court {
width: 50px;
}
input.moyen, input#telephone {
width: 140px;
}
input.long, input#email {
width: 240px;
}
input.checkbox {
width: 13px;
border: 0;
}
select {
width: 150px;
margin: 0px 5px;
}
textarea#message {
width: 98%;
height: 40px;
}

/* Plan du site */
ul.siteMap1 li{
	margin-left: 5px;
	list-style: none;
}
ul.siteMap1 li a {
	font-family: "Trebuchet MS";
	color: #004795;
	font-size: 1.2em;
	font-weight: bold;
}
ul.siteMap2 li a {
	color: #5daedb;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: normal;
}
ul.siteMap2 li {
	background: url(/global/images/siteMapN1.gif) no-repeat top left;
	list-style: none;
	margin-left: 5px;
	padding-left: 18px;
}
ul.siteMap3 ul li {
	background: url(/global/images/siteMapN3.gif) no-repeat top left;
	list-style: none;
	margin-left: 5px;
	padding-left: 18px;
	}
ul.siteMap3 li a {
	color: #004795;
	font-size: 1.2em;
	font-weight: normal;
}

ul.siteMap4 ul li {
	background: url(/global/images/siteMapN4.gif) no-repeat top left;
	list-style: none;
	margin-left: 5px;
	padding-left: 18px;
	}
ul.siteMap4 li a {
	color: #5daedb;
	font-size: 1.2em;
	font-weight: normal;
}


/* =Espace pro
------------- */
.espacePro #colB {
width: 581px;
border-right: none;
}
.espacePro #colC {
display: none;
}
.zoneLogin {
width: 240px;
}
.zoneLogin form {
float: left;
width: 245px;
background: url(/global/images/bg_form_espacePro.gif) repeat-x top left;
margin: 0;
padding: 0
}
.zoneLogin p.legende {
font-weight: bold;
text-align: left;
margin: 10px 0;
}
.zoneLogin h3 {
width: 100%;
background: url(/global/images/bg_h4-colC.gif) repeat-x top left;
font-size: 1.3em;
line-height: 1.7em;
color: #fff;
padding: 0 0 0 5px;
}
.zoneLogin label {
line-height: 1.6em;
}
.zoneLogin label.float {
width: 70px;
text-align: right;
}
.zoneLogin form input {
border: 0;
width: 110px;
height: 20px;
float: left;
line-height: 20px;
padding: 3px 10px 0 10px;
background: transparent url(/global/images/bgInput-court.gif) no-repeat;
color: #555;
}
.zoneLogin form input#email {
border: 0;
width: 180px;
height: 20px;
float: left;
line-height: 20px;
padding: 3px 10px 0 10px;
background: transparent url(/global/images/bgInput-long.gif) no-repeat;
color: #555;
}
.zoneLogin input:focus {
color: #000
}
.zoneLogin p.validation {
margin-top: 10px;
float: left;
}
.membre {
float: left;
}
.pasMembre {
float: right;
}
/*= FORMULAIRE INSCRIPTION EXTRANET =*/
form.extranet p {
	width: 95%;
	float: left;
	margin: 5px;
	clear: both;
	text-align: left;
}

label.extranet {
	width: 200px;
	text-align: right;
}
.radio_label {
	margin: 2px 5px 2px 1px;
}
div#preciser {
	float: left;
	width: 98%;
	padding: 5px 0px;
	background-color: #ebebeb;
	border: 1px solid #666;
}
div#preciser p input {
	width: 200px;
}
input.field_radio {
	float: none;
	width: 10px;
	border: none;
}
p input {
	width: auto;
	float: left;
}
input.bouton {
	width: 80px !important;
}

div.inscriptionExtranet {
	float: left;
}
div.inscriptionExtranet p {
	width: 100%;
	float: left;
	margin: 5px 0;
	text-align: left;
}

div.inscriptionExtranet p.validation {
	width: 100%;
	float: left;
	margin: 5px 0;
	text-align: center;
}

/* Correction pour le bouton de validation email */
#newsletter form p {
	width: 50px;
	float: left;
	clear: none;
	margin: 0 !important;
}

/* = Reservation en ligne */

#bookOnline .interieure #actu {
height:  128px;
background: url(/global/images/booking/visuel_colA.jpg) no-repeat top right;

}

/* colonne A */
#colA {
width: 295px;
float: left;
display: block;
background: url(/global/images/bg_colA.gif) no-repeat top right;
}
#bookOnline .interieure #colA {
width: 295px;
float: left;
padding-bottom: 200px;
height: 100% !important;
position: relative;
background: url(/global/images/bg_colA-interieure.gif) no-repeat top right;
}

#bookOnline .interieure #colA #colABottom {
width: 150px;
height:  210px;
position: absolute;
bottom:  0px;
right:  37px;
background: url(/global/images/booking/bg_colABottom.gif) no-repeat top left;
}

#bookOnline #colA .bt_colA {
	float: right;
	margin: 20px 39px 20px 0px;
}
#bookOnline #colA #introBooking {
	padding: 20px 50px 20px 20px;
}
#bookOnline #colA #introBooking h3 {
	font-size: 123.1%;
	font-weight: bold;
}

#bookOnline #colA #introBooking h4 {
	color:  #004694;
	font-size: 116%;
	font-weight: bold;
	padding: 10px 0;
}

/* colonne B */

#bookOnline #colB h2 {
color: #5daedb;
padding: 0 0 0 10px;
width:  350px;
text-align: left;
float: left;
margin: 15px 0 10px 10px;
background: url(/global/images/booking/puce_h2.gif) no-repeat left center;
}

#bookOnline #colB #etapes {
width: 130px;
height: 45px;
float: right;
list-style: none;
background: url(/global/images/booking/bg_etapes.gif) no-repeat bottom left;
padding-left: 80px;
}

#bookOnline #colB #etapes li {
float: left;
font-family: Helvetica, sans-serif;
font-size: 131%;
color:  #abaeb2;
padding: 20px 5px 0 0px;
}

#bookOnline #colB #etapes li.active {
font-size: 197%;
color:  #747679;
padding: 15px 5px 0 0px;

}

#rechercheCroisiere form input#date_debut,
#rechercheCroisiere form input#date_fin {
width:  80px;
}

#colB .boxCroisiere .date {
width:  65px;
/*height: 48px;*/
position: absolute;
top:  5px;
left: 5px;
background: url(/global/images/booking/bg_date.gif) no-repeat top left;
}

#colB .boxCroisiere .visuelCroisiere {
padding: 4px;
background-color: #fff;
border:  1px solid #999;
}

#colB .boxCroisiere.large .visuelCroisiere {
width:  250px;
padding: 4px;
float: left;
background-color: #fff;
border:  1px solid #999;
}

span.jour {
width:  65px;
display: block;
text-align: center;
height: 20px;
font-size: 146.5%;
color: #fff;
font-weight: bold;
padding-top: 5px ;
}
span.mois {
width:  65px;
color:  #999;
display: block;
font-size: 85%;
font-weight: bold;
padding-top: 5px ;
padding-bottom: 10px ;
text-align: center;
text-transform:uppercase;
}

.boxCroisiere {
width: 260px;
padding: 10px 10px 25px 10px;
min-height: 250px;
float: left;
position: relative;
background: url(/global/images/booking/bg_boxCroisiere.gif) repeat-x;
}

.boxCroisiere.first {
margin-right: 20px;
}

.boxCroisiere.large {
width:  565px;
min-height: 150px;
}

.boxCroisiere.large .contentCroisiere {
width: 260px;
float: left;
text-align: left;
margin-left: 10px;
}
.boxCroisiere h3 {
margin: 0.5em 0;
font-size: 116% ;
}

.boxCroisiere p.prix {
color: #5daedb;
font-weight: bold;
}
div.boxCroisiere p {
margin: 0.2em 0 0.5em;
}

.boxCroisiere.large p.price_line,
.boxCroisiere.large p.nombrePlace, .recapCommande p.nombrePlace {
color: #00addb;
float: left;
width: 100%;
}

.boxCroisiere.large p.nombrePlace,
.recapCommande p.nombrePlace
 {
font-weight: bold;
}
.boxCroisiere.large p.price_line span.pseudoLabel {
font-size: 131%;
line-height: 182%;
padding: 5px 0 0 0;
text-align: left;
}

.boxCroisiere.large p.price_line span.prixTotal {
font-size: 182%;
line-height: 131%;
float: right;
}

div.reserverCroisiere {
background: #ecedee url(/global/images/booking/boxReservation-top.gif) no-repeat top left;
margin-top: 10px;
padding-top: 5px;
}
div.reserverCroisiere p {
margin: 5px 5px;
display: block;
text-align: center;
}

div.reserverCroisiere p label {
float:  none;
font-weight: bold;
}
select.nb_convives {
width:  45px;
}
input.bt_reserverCroisiere {
	margin: 0;
	width:  260px;
	height: 22px;
	border: 0;
	text-transform: uppercase;
	background: url(/global/images/booking/bt_reserverCroisiere.gif);
	text-indent: -500em;
	cursor: pointer;
	float: right;
}
#formKdo input.bt_reserverCroisiere {
	background: url(http://bateaux-nantais.lux.mediacd.fr/global/images/bt_reserverBonKdo.gif) !important;
}

#client .form_100 textarea {
width: 100%;
margin:  5px 0 10px 0;
font-size: 131%;
color: #484848;
}

.boxCroisiere.large input.bt_reserverCroisiere {
float: right;
margin-right: 10px ;
}


#rechercheCroisiere form .pict_date {
position: relative;
top:  3px;	
}

#bookOnline #colB #etapes li.etapeCB {
width: 50px;
height: 47px;
display: block;
padding: 0;
background: url(/global/images/booking/pict_paiement.gif) no-repeat bottom left;
text-indent: -500em;
}

#bookOnline fieldset {
float: left;
text-align: left;
}

#bookOnline legend {
color:  #003399;
}

#bookOnline p.field_valid {
padding: 3px 0px;
float: left;
width: 100%;
}

#rechercheCroisiere, #persoCroisiere,
#formulaireCroisiere {
padding: 0;
display: block;
float: left;
background:  url(/global/images/booking/bg_boxRecherche.gif) no-repeat top left;
}
#recapCroisiere {
padding: 0 10px 10px 10px;
display: block;
float: left;
background:  url(/global/images/booking/bg_boxRecap.gif) no-repeat top left;
}

#rechercheCroisiere
div.content {
width: 570px;
padding: 10px;
float: left;

}

#persoCroisiere div.content,
#formulaireCroisiere div.content {
padding: 10px;
display: block;
float: left;
background:  url(/global/images/booking/bg_boxRecherche-bottom.gif) no-repeat bottom left;
}

#rechercheCroisiere fieldset {
width:  50%;
margin-bottom: 10px;
}

#rechercheCroisiere fieldset fieldset {
width:  100%;
margin: 5px 0 0 0;
}
.pseudoLabel {
float:  left;
}
#formulaireCroisiere label,
#formulaireCroisiere .pseudoLabel
{
color: #004795;
}
input#bt_valider, a.bt_valider {
width:  89px;
height:  22px;
display: block;
background: url(/global/images/booking/bt_valider.gif) no-repeat top left;
text-indent: -400em;
float: right;
cursor: pointer;
border:  none;
text-transform: uppercase;
}

input#bt_validerPaiement, a.bt_validerPaiement {
width:  176px;
height:  22px;
display: block;
background: url(/global/images/booking/bt_validerPaiement.gif) no-repeat top left;
text-indent: -400em;
float: right;
cursor: pointer;
border:  none;
text-transform: uppercase;
}

input#bt_recalculer, a.bt_recalculer {
width:  89px;
height:  22px;
display: block;
background: url(/global/images/booking/bt_recalculer.gif) no-repeat top left;
text-indent: -400em;
float: right;
margin: 0 10px 0 0;
cursor: pointer;
border:  none;
text-transform: uppercase;
}

input#bt_annuler, a.bt_annuler {
width:  89px;
height:  22px;
display: block;
background: url(/global/images/booking/bt_annuler.gif) no-repeat top left;
text-indent: -400em;
float: right;
margin: 0 10px 0 0;
cursor: pointer;
border:  none;
text-transform: uppercase;
}

table.option {
width:  565px;
float:  left;
}
table.option th {
color: #004795;
font-weight:  bold;
text-align: left;
}
table.option th.descriptif,
table.option td.descriptif {
width: 170px;
text-align:left;
}
table.option td.descriptif b{
	display:block; text-transform:uppercase;
}
table.option th.prixUnitaire,
table.option th.quantite,
table.option td.prixUnitaire,
table.option td.quantite  {
text-align: center;
width: 110px;
}

table.option select.court {
width:  50px;
}

table.option th.totalOption,
table.option td.totalOption {
width: 100px;
text-align: right;
}
table.option td.totalOption span.total {
width:  86px;
height: 15px;
padding: 3px;
background: url(/global/images/booking/bg_boxTotal.gif) no-repeat top left;
color: #fff;
float: right;
}

table.option tr {
border-bottom: 1px solid #5daedb !important;
/*display: block;*/
width: 100%;
}

table.option tr td,
table.option tr th {
width: auto;
float: none;
padding: 3px;
/*border:1px red solid;*/

}

table.option th .complement {
width: auto;
float: none;
margin: 0px;
padding: 0px;
background: none !important;
color:  #5daedb;}

#prixTotal {
width: 285px;
float: right;
margin-bottom: 15px;
}

#prixTotal p {
	margin: 1.5em 0;
	color: #5daedb;
	float: left;
	width: 98%;
	clear: both;
	font-size: 123%;
}

#prixTotal span.pseudoLabel {
float: left;
line-height: 123%;
font-size: 108%;
}

#prixTotal span.prixTotalOption,
#prixTotal span.prixTotalCroisiere {
float: right;
}

#prixTotal span.prixTotalCroisiere {
font-size: 116%;
line-height: 108%;
font-weight: bold;
}

.field_line {
float: left;
width:  100%;
text-align: left;
}

.field_line.separateur {
border-top: 1px solid #5daedb;
margin-top: 1em;
padding: 1em 0;
}
.field_line.separateur .pseudoLabel {
padding-bottom: 0.5em;
width:  100%;
}

.field_line p.infos {
font-style: italic;
color: #004795;
float: left;
}
.form_100 {
padding:  1.0em 0 0 0;
}

.form_50 {
width:  49%;
float: left;
margin-right: 1%;
padding:  1.0em 0 0 0;
}
.input_100 {
width: 98%;
margin:  0.2em 0;
float: left;
}
input.checkbox,
input.radio {
width: 12px;
border: none !important;
}

table.recapPrix {
float:  left;
width:  563px;
}
table.recapPrix tr {
float: left;
border-top: 1px solid #999;
}
table.recapPrix td.titOption,
table.recapPrix
td.titCroisiere {
width:  450px;
padding: 5px;
}
table.recapPrix td.titOption h3 {
color: #5daedb;
}

table.recapPrix td.titOption h4 {
color: #5daedb;
font-size: 116%;
font-weight: bold;
}
table.recapPrix
td.titCroisiere {
color:  #666;
font-weight: bold;
}
table.recapPrix
tr.recapPrixCroisiere {
border: 0px !important;
	}
table.recapPrix td.prixOption, table.recapPrix td.prixCroisiere {
width: 103px;
padding: 5px;
text-align: right;
color: #5daedb;
}

table.recapPrix tr.totalRecap {
float: left;
border-top: 1px solid #5daedb;
width: 100%;
color: #5daedb;
font-size: 136.7%;
}
#numeroCommande {

}
#numeroCommande p {
font-size: 108%;
color: #5daedb;
padding: 0.5em;
}

#numeroCommande p span.displayNumero
{
color:  #000;
font-weight: bold;
}
.recapCommande.separateur {
border-top: 1px solid #5daedb;
margin-top: 1em;
padding: 1em 0 3em 0;
}

.recapCommande h3 {
font-size: 116%;
}

.recapCommande p.nombrePlace {
padding: 0.5em 0;
}
p.backToSite {
border-top: 1px solid #5daedb ;
padding-top: 1em;
float: left;
width:  100%;
}

p.backToSite a, p.imprimer a {
color: #5daedb;

}

p.imprimer a {
font-weight:bold; 
font-size:120%;
clear:both;
display:block;
margin:0px 0;
padding:5px 0;	
}
p.backToSite {
color: #5daedb;
}

div.KdoForm {
float:  left;
margin-top:  10px;
padding: 3px 5px;
width:  555px;
height: 20px;
background: url(/global/images/booking/bgFormKdo.png) repeat-x;
}

#navKdo {
	width: 100%;
	margin: 10px 0;
	text-align: right;
}

#navKdo a, #navKdo span {
	padding: 5px;
	color: #5daedb;

}

#navKdo span.current {
font-weight: bold;
}

#bonKdoDownload ul {
	margin: 10px 20px;
	list-style: none;
	font-weight: bold;
}

div.KdoSelect {
width:  48%;
float: left;
text-align: left;
}
.KdoSelect label,.KdoCheck .pseudoLabel {
padding-top: 2px;
float:  none;
}
div.KdoCheck {
width: 48%;
float: right;
text-align: right;
color: #fff;
}
div.KdoCheck input {
padding: 0;
}

span.current.prev {
font-weight: normal !important;
}

/*-------------------------------------------------------------------------------------*/
/* =  bouton reserver			 */
/*-------------------------------------------------------------------------------------*/
#colA .reserver,#colC .reserver{
	clear:both;
	overflow:hidden; text-indent:-200em;
	display:block; height:52px; width:237px;
}
#colC .reserver{

	background: transparent url('../images/bg_reserver_2.png') no-repeat;
}
#colA .reserver{
	width:285px; height:81px;
	background: transparent url('../images/bt_reserver_cola.png') no-repeat;
	margin-top:-24px;
}


/*-------------------------------------------------------------------------------------*/
/* =  bonKdoDownload			 */
/*-------------------------------------------------------------------------------------*/
#bonKdoDownload {
	border-top:1px #59AEDC solid;
	border-bottom:1px #59AEDC solid;
	
}
#bonKdoDownload ul{margin:0 0; padding: 0 0; font-size:120%; padding:10px 0;}
#bonKdoDownload p{color:#59AEDC;}
#bonKdoDownload ul a{
	background-color:#D6DCE1; color:#62656A; padding:10px 10px 10px 80px; display:block;
	background: #D6DCE1 url('../images/iconpdf.gif') no-repeat 10px -10px;
	}
#bonKdoDownload ul a:hover{
	background-color:#BFC4C9;
}

.accueil h1{
	color:#999999;
	font-size:1.6em;
	line-height:3.5em;
	text-align:center;
}

.accueil #colA h1{
	background:url("/global/images/bg_croisieres.gif") no-repeat scroll right top transparent
}