body { margin: 0; padding: 0; background: #fff url(../images/bg.gif) top repeat-x; }
div, td { font: normal 11px Arial, Helvetica, sans-serif; color: #000; }
table  { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
input, select { vertical-align: middle; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
img { border: none; display: inline; }
p { margin: 0; padding: 0; }
/*structure*/
#Wrapper1 { position: relative; width: 1000px; }
#Wrapper2 { position: relative; width: 800px; }
#Main1 { width: 800px; }
#Main1 td { vertical-align: top; text-align: left; }
.BorLeft { width: 20px; background: url(../images/bg_borLeft.gif) repeat-y; }
.BorRight { width: 20px; background: url(../images/bg_borRight.gif) repeat-y; }
#Main2 { position: relative; width: 760px; }
#Content1 { width: 760px; background: #fff; padding-top: 18px; padding-bottom: 30px; }

/*head*/
/*#Header { position: relative; width: 800px; height: 113px; overflow: hidden; }*/
#header-param { position: relative; width: 800px; height: 365px; overflow: hidden; background: url(../images/bg_photohead.gif) top no-repeat; }
#Lang { position: absolute; width: 140px; height: 22px; overflow: hidden; top: 88px; right: 5px; }
#Lang ul { width: 140px; list-style-type: none; margin: 0; padding: 0; display: inline; }
#Lang ul li { position: relative; float: left; }
#Lang ul li a { display: block; }
#Lang ul li a:hover { position: relative; top: -22px; }
#magazine { position: absolute; left: 0; top: 298px; }
#magazine p { line-height: 67px; padding-right: 20px; font-size: 14px; font-weight: bold; color: #fff; }
#magazine p a { color: #fff; }
#numero { position: absolute; top: 0; left: 435px; }

/*menus*/
#pl-menu { position: absolute; left: 116px; top: 260px; }
#menus { position: relative; width: 673px; overflow: hidden; height: 38px; }
#menus div { position: relative; float: left; height: 38px; overflow: hidden; }
#menus div a { display: block; position: relative; height: 38px; top: 0; }
#menus div a:hover { display: block; position: relative; height: 76px; top: -38px; }

/*intro*/
#Intro { width: 760px; padding-bottom: 30px; }
#Intro3 { width: 760px; padding: 30px 0 10px 0; }

/*left content*/
#Left { position: relative; width: 179px; text-align: left; float: left; }
.Recherche1 { width: 170px; background-color: #1593d2; text-align: left; }
.Recherche2 { width: 146px; text-align: left; margin: 0 12px; font-weight: bold; color: #fff; padding-top: 5px; }
.Recherche2 .Choix { width: 146px; border: 1px solid #336699; margin-bottom: 5px; }
.Recherche2 .ChoixDate { width: 40px; border: 1px solid #336699; margin-bottom: 5px; }
.Recherche2 .ChoixMois { width: 100px; border: 1px solid #336699; margin-bottom: 5px; }
.Recherche2 .ChoixDuree { width: 80px; border: 1px solid #336699; margin-bottom: 5px; }
.CroisieresMarin1 { width: 169px; margin-top: 12px; background: url(../images/bg_contentCroisieresMarin.gif) repeat-y; text-align: left; }
.CroisieresMarin2 { width: 165px; margin: 0 2px; text-align: left; padding-top: 5px; color: #1174b4; font-weight: bold; }
.CroisieresMarin2 .Zone { width: 165px; height: 16px; background: url(../images/bg_Zone.gif) repeat-x; font-size: 12px; line-height: 16px; margin: 0; text-transform: uppercase; }
.CroisieresMarin2 .Zone a { color: #0a4390; text-decoration: none; }
.CroisieresMarin2 .Zone a:hover { color: #2669c4; text-decoration: none; }
.CroisieresMarin2 a { color: #1174b4; text-decoration: none; }
.CroisieresMarin2 a:hover { color: #56a5d8; text-decoration: none; }
.CroisieresMarin2 .Zone span { margin-left: 4px; font-weight: bold; }
.CroisieresMarin2 .Code { color: #ffb033; }
.CroisieresMarin2 p { margin: 0 4px; }
.CroisieresFluv1 { width: 169px; background: url(../images/bg_contentdest.gif) repeat-y; }
.Compagnies { width: 169px; margin-top: 12px; background: url(../images/bg_contentCompagnies.gif) repeat-y; }
.Compagnies2 { width: 169px; margin-top: 12px; background: url(../images/bg_contentzone.gif) repeat-y; }
.Voyages { width: 169px; margin-top: 12px; background: url(../images/bg_contentVoyages.gif) repeat-y; }
.Expert1 { width: 169px; margin-top: 12px; background: url(../images/bg_contentExpert.gif) repeat-y; }
.Expert2 { width: 165px; margin: 0 2px; text-align: left; padding-top: 5px; }
.Expert2 a { color: #fe4251; font-weight: bold; text-decoration: none; }
.Expert2 a:hover { color: #fc949d; text-decoration: none; }
.Expert2 p { margin: 0 4px; }
.LeClub1 { width: 170px; margin-top: 12px; background-color: #1593d2; }
.LeClub2 { width: 165px; margin: 0 2px; text-align: center; padding-top: 5px; color: #fff; font-weight: bold; }
.LeClub2 p { margin: 0 4px 5px 4px; }

/*content*/
#Content2 { position: relative; width: 560px; overflow: hidden; float: left; text-align: left; }
.GrosTitreVentes { overflow: hidden; background-color: #268bc2; height: 16px; }
.GrosTitreVentes span { background-color: #fff; font-weight: bold; font-size: 16px; color: #004b8a; margin-left: 23px; padding: 2px 2px 1px 2px; text-transform: uppercase; }
.GrosTitreCoupsDeCoeur  { overflow: hidden; background-color: #f91700; height: 16px; }
.GrosTitreCoupsDeCoeur span { background-color: #fff; font-weight: bold; font-size: 16px; color: #f91700; margin-left: 23px; padding: 2px 2px 1px 2px; text-transform: uppercase; }
.GrosTitreDerniereMinute { overflow: hidden; background-color: #ff7400; height: 16px; }
.GrosTitreDerniereMinute span { background-color: #fff; font-weight: bold; font-size: 16px; color: #ff7400; margin-left: 23px; padding: 2px 2px 1px 2px; text-transform: uppercase; }
.autretitre1 { overflow: hidden; background-color: #63c1f5; height: 16px; }
.autretitre1 span { background-color: #fff; font-weight: bold; font-size: 16px; color: #63c1f5; margin-left: 23px; padding: 2px 2px 1px 2px; text-transform: uppercase; }
.autretitre2 { overflow: hidden; background-color: #f8cc44; height: 16px; }
.autretitre2 span { background-color: #fff; font-weight: bold; font-size: 16px; color: #f8cc44; margin-left: 23px; padding: 2px 2px 1px 2px; text-transform: uppercase; }
.TableRubrique { width: 550px; height: 104px; overflow: hidden; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; }
.TableRubrique-sl { width: 550px; height: 104px; overflow: hidden; margin-left: 10px; margin-top: 10px; margin-bottom: 6px; }                                 
.PhotoVentes { width: 115px; border-bottom: 1px solid #268bc2; }
.PhotoCoupsDeCoeur { width: 109px; border-bottom: 1px solid #f51500; }
.PhotoDerniereMinute { width: 109px; border-bottom: 1px solid #ff7400; }
.TitreRubrique { width: 435px; font-size: 14px; color: #0a4390; font-weight: bold; padding-left: 9px; }
.ContentVentes { width: 350px; border-bottom: 1px solid #268bc2; color: #545454; padding-left: 9px; }
.ContentCoupsDeCoeur { width: 178px; border-bottom: 1px solid #f51500; color: #545454; padding-left: 9px; }
.ContentDerniereMinute { width: 178px; border-bottom: 1px solid #ff7400; color: #545454; padding-left: 9px; }
.SousTitreRubrique { color: #0a4390; font-weight: bold; } 
.DateRubrique { color: #4576a0; font-weight: bold; }
.DateRubrique a { color: #000; font-weight: normal; padding-left: 10px; }
.TarifsRubrique { width: 200px; border-bottom: 1px solid #268bc2; }
.Apartir { font-size: 10px; color: #b5b5b5; padding-left: 15px; }
.Prix { color: #f52727; padding-left: 15px; }
.Prix strong { color: #f52727; font-size: 24px; padding-left: 15px; }
.Reduction { color: #e87300; padding-left: 15px; }
.Voir { width: 108px; height: 18px; overflow: hidden; font-size: 10px; color: #343434; background: url(../images/bg_voir.gif) no-repeat; line-height: 18px; margin-top: 4px; }
.TarifsRubrique .Voir a { display: block; text-decoration: none; text-align: center; }
.VoirVentes a { color: #004b8a; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.VoirCoupsDeCoeur a { color: #f41c3b; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.VoirDerniereMinute a { color: #ff7400; font-size: 12px; font-weight: bold; text-transform: uppercase; }
.ville-sl { color: #309dcf; }
.ville-slm { padding: 8px 0; }
.newsletter-sl { color: #fe4251; }


/*right content*/
#Right { position: relative; width: 169px; float: right; }
.TarifPrima { width: 160px; }
.NewsLetter1 { width: 160px; background-color: #fe4251; margin-top: 15px; }
.NewsLetter2 { width: 130px; font-weight: bold; color: #fff; padding-top: 10px; text-align: center; }
.NewsLetter2 .InputNL { width: 100px; margin: 5px 0; } 
.MSC { width: 160px; margin-top: 15px; }
.Contact { width: 160px; height: 161px; overflow: hidden; background: url(../images/contactez.jpg) no-repeat; margin-top: 15px; }
.Contact .BtnContact { width: 94px; height: 24px; margin-top: 124px; margin-left: 39px; }
.Partenaires1 { width: 160px; background: url(../images/bg_contentPartenaires.gif) repeat-y; text-align: left; margin-top: 15px; }
.Partenaires1 .Partenaires2 { width: 150px; margin: 0 5px; text-align: center; padding-top: 10px; }
.clear { position: relative; clear: both; }

/*footer*/
#Footer1 { position: relative; width: 1000px; background: url(../images/bg_FooterBody.gif) top repeat-x; }
#Footer2 { width: 800px; }
#Footer2 td { vertical-align: top; }
#Footer3 { width: 760px; background: url(../images/bg_Footer.gif) repeat-x; text-align: center; padding-top: 40px; padding-bottom: 10px; }
#MenuBas { position: absolute; width: 403px; height: 41px; overflow: hidden; top: -10px; left: 305px; }
#MenuBas ul { width: 403px; list-style-type: none; margin: 0; padding: 0; }
#MenuBas ul li { float: left; margin-right: 1px; height: 81px; overflow: hidden; }
#MenuBas a.conditions { display: block; width: 235px; height: 82px; background: url(../images/menu_Conditions.gif) no-repeat; top: 0; left: 0; }
#MenuBas a:hover.conditions { display: block; width: 235px; height: 82px; background: url(../images/menu_Conditions.gif) no-repeat 0 -41px;}
#MenuBas a.quis { display: block; width: 167px; height: 82px; background: url(../images/menu_Qui.gif) no-repeat; top: 0; left: 0; }
#MenuBas a:hover.quis { display: block; width: 167px; height: 82px; background: url(../images/menu_Qui.gif) no-repeat 0 -41px;}
/*produits*/
#Intro2 { position: relative; width: 760px; height: 59px; overflow: hidden; background: url(../images/bg_Intro2.gif) repeat-x; }
#Intro2 span { margin-left: 2px; }
#Intro2 strong { font-weight: bold; color: #148dd0; }
#Intro2 .Retour { position: absolute; width: 255px; height: 18px; overflow: hidden; right: 12px; bottom: 8px; }
#Produits { position: relative; width: 560px; float: left; }
.Rubriques1 { width: 560px; border: 1px solid #bdc9d0; margin-top: 10px; }
.Rubriques2 { width: 97%; margin: 4px 10px; }
.LeftRubrique { width: 67%; border-right: 1px solid #bdc9d0; text-align: left; padding: 12px 0 2px 0; }
.NomProduits { font-size: 14px; font-weight: bold; color: #545454; }
.ProprietaireProduits { font-size: 12px; font-weight: bold; color: #ff7302; }
.Depart { font-weight: bold; color: #4576a0; }
.JourRubrique { font-size: 12px; font-weight: bold; color: #1270a1; }
.DescriptionProduits { padding-left: 10px; }
.RightRubrique { width: 33%; text-align: right; }
.RightRubrique .Offre { font-size: 12px; font-weight: bold; color: #f52727; }
.SousMenusProduits { width: 560px; list-style-type: none; margin: 25px 0 20px 10px; padding: 0; }
.SousMenusProduits li { position: relative; display: inline; background: url(../images/picto_Envoyer.gif) 0 2px no-repeat; padding-left: 20px; margin-right: 70px; }
.SousMenusProduits a { color: #1172b6; text-decoration: none; }

.Descriptifs { position: relative; width: 590px; border-right: 1px solid #2789bb; border-left: 1px solid #2789bb; border-bottom: 1px solid #2789bb; border-top: 1px solid #a9d0e4; }
h1 { height: 36px; overflow: hidden; font-weight: bold; font-size: 14px; color: #fff; line-height: 36px; background: url(../images/bg_Descriptis.gif) repeat-x; text-transform: uppercase; margin: 0; padding-left: 27px; }
.EscaleItineraire { position: relative; width: 330px; background-color: #d4eeff; float: left; }
.CarteItineraire { position: relative; width: 175px; float: right; }
.EscaleItineraire { width: 220px; background-color: #a5d5f5; }
.ArriveeItineraire { width: 55px; background-color: #a5d5f5; }
.DepartItineraire { width: 55px; background-color: #a5d5f5; }
.J1 { background-color: #eef7fe; }

#logo-sl { position: absolute; left: 25px; top: 40px; }
#IntroMaritime { margin-bottom: 10px; }
#IntroMaritime strong { color: #148dd0; }

#GrosTitreMeilleuresVentesMaritimes { position: relative; width: 558px; background-color: #ebf5f9; border: 1px solid #9cb0bc; color: #0b70ae; line-height: 32px; }
#GrosTitreMeilleuresVentesMaritimes strong { font-size: 16px; margin-left: 10px; }
.TriMeilleuresVentes1 { width: 570px; color: #204b65; margin-top: 15px; }
.TriMeilleuresVentes1 td { vertical-align: top; }
.TriMeilleuresVentes2 { width: 390px; }
.TriMaritimePDD { color: #1e90d1; }
.TriMaritimePDD a { color: #1e90d1; }
.TriMaritimePDD a:hover { font-size: 12px; color: #1e90d1; text-decoration: none; font-weight: bold; }
.TriMaritimePDD a:active { font-size: 12px; color: #1e90d1; text-decoration: none; font-weight: bold; }
.TriMeilleuresVentes3 { width: 150px; }
#navig-sl { color: #127bbf; padding: 20px 0; }
#navig-sl a { color: #127bbf; }


.bandeau-sl  { overflow: hidden; background-color: #a2e1ff; padding: 6px 0; width: 550px; }
.bandeau-sl span { font-size: 11px; color: #fff; margin-left: 23px; }
.GrosTitreTarifsEscale { color: #68a4d1; font-weight: bold; padding: 0 5px 13px 5px; }
h2 { font-weight: bold; font-size: 14px; margin: 5px; }
#TarifsEscale { width: 560px; color: #004b8a; border: 1px solid #bccdd8; }
#TarifsEscale th { font-size: 12px; font-weight: bold; color: #004b8a; background-color: #a5d5f5; line-height: 36px; padding-left: 10px; border-bottom: 1px solid #bccdd8; }
#TarifsEscale td { line-height: 16px; padding: 5px 10px; border-bottom: 1px solid #bccdd8; }
#TarifsEscale .DateTarifsEscale { width: 140px; }
#TarifsEscale .CategorieTarifsEscale { width: 150px; }
.Categorie { width: 140px; font-size: 10px; }
#TarifsEscale #TarifsEscale { width: 140px; }
#TarifsEscale .DevisTarifsEscale { width: 160px; }
#TarifsEscale .TarifEuro { font-size: 14px; font-weight: bold; color: #f52727; }
#TarifsEscale .Devis { font-weight: bold; color: #f52727; }
#TarifsEscale .Prereservation { font-weight: bold; color: #2a8bcb; font-size: 14px; }
.PSEscale { color: #4f6677; }
.IndiceCroisiere strong { color: #5fbcf0; }
.IndiceCroisiere span { color: #141414; }
.IndiceCroisiere ul { margin: 0; padding-left: 15px; list-style-type: square; }