body { margin: 0; padding: 0; background-color: #fff; }
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; background: url(../images/head.jpg) no-repeat; }
#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 url(../images/bg_content1.gif) no-repeat; padding-top: 18px; padding-bottom: 30px; }

/*head*/
#Header { position: relative; width: 800px; height: 113px; overflow: hidden; }
#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; }

/*menus*/
#Menu { position: relative; width: 800px; height: 38px; overflow: hidden; }
#Menu ul { position: relative; width: 780px; list-style-type: none; margin: 0; padding: 0; }
#Menu ul li { position: relative; float: left; margin-right: 1px; text-align: center; line-height: 38px; }
#Menu ul li a:hover { position: relative; height: 38px; text-decoration: none; display: block; line-height: 38px; }

#Menu .mn0 { width: 87px; background: url(../images/menu_Accueil.gif) no-repeat; }
#Menu .mn0 a:hover { width: 87px; background: url(../images/menu_Accueil.gif) 0 -38px no-repeat; }
#Menu .mn0 a.active { width: 87px; background: url(../images/menu_Accueil.gif) no-repeat 0 -38px; }
#Menu .mn1 { width: 151px; background: url(../images/menu_CroisieresMarin.gif) no-repeat; }
#Menu .mn1 a:hover { width: 151px; background: url(../images/menu_CroisieresMarin.gif) 0 -38px no-repeat; }
#Menu .mn1 a.active { width: 151px; background: url(../images/menu_CroisieresMarin.gif) 0 -38px no-repeat; }
#Menu .mn2 { width: 141px; background: url(../images/menu_CroisieresFluv.gif) no-repeat; }
#Menu .mn2 a:hover { width: 141px; background: url(../images/menu_CroisieresFluv.gif) 0 -38px no-repeat; }
#Menu .mn2 a.active { width: 141px; background: url(../images/menu_CroisieresFluv.gif) 0 -38px no-repeat; }
#Menu .mn3 { width: 103px; background: url(../images/menu_Promo.gif) no-repeat; }
#Menu .mn3 a:hover { width: 103px; background: url(../images/menu_Promo.gif) 0 -38px no-repeat; }
#Menu .mn3 a.active { width: 103px; background: url(../images/menu_Promo.gif) 0 -38px no-repeat; }
#Menu .mn4 { width: 142px; background: url(../images/menu_Voyages.gif) no-repeat; }
#Menu .mn4 a:hover { width: 142px; background: url(../images/menu_Voyages.gif) 0 -38px no-repeat; }
#Menu .mn4 a.active { width: 142px; background: url(../images/menu_Voyages.gif) 0 -38px no-repeat; }
#Menu .mn5 { width: 151px; background: url(../images/menu_Seminaires.gif) no-repeat; margin-right: 0; }
#Menu .mn5 a:hover { width: 151px; background: url(../images/menu_Seminaires.gif) 0 -38px no-repeat; margin-right: 0; }
#Menu .mn5 a.active { width: 151px; background: url(../images/menu_Seminaires.gif) 0 -38px no-repeat; margin-right: 0; }
#Menu a:link { position: relative; height: 38px; color: #fff; font-size: 13px; font-weight: bold; display: block; }
#Menu a:visited { position: relative; height: 38px; color: #fff; font-size: 13px; font-weight: bold; display: block; }

/*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 .conditions a { display: block; width: 235px; height: 82px; background: url(../images/menu_Conditions.gif) no-repeat; top: 0; left: 0; }
#MenuBas .conditions a:hover { display: block; width: 235px; height: 82px; background: url(../images/menu_Conditions.gif) no-repeat 0 -41px;}
#MenuBas .conditions a.active { display: block; width: 235px; height: 82px; background: url(../images/menu_Conditions.gif) no-repeat 0 -41px;}
#MenuBas .quis a { display: block; width: 167px; height: 82px; background: url(../images/menu_Qui.gif) no-repeat; top: 0; left: 0; }
#MenuBas .quis a:hover { display: block; width: 167px; height: 82px; background: url(../images/menu_Qui.gif) no-repeat 0 -41px;}
#MenuBas .quis a.active { display: block; width: 167px; height: 82px; background: url(../images/menu_Qui.gif) no-repeat 0 -41px;}

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

/*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; font-size: 11px; }
.Recherche2 .ChoixDate { width: 40px; border: 1px solid #336699; margin-bottom: 5px; font-size: 11px; }
.Recherche2 .ChoixMois { width: 100px; border: 1px solid #336699; margin-bottom: 5px; font-size: 11px; }
.Recherche2 .ChoixDuree { width: 80px; border: 1px solid #336699; margin-bottom: 5px; font-size: 11px; }
.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: #0a4390; 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: #ff9933; text-decoration: none; }
.CroisieresMarin2 .Zone span { margin-left: 4px; font-weight: bold; }
.CroisieresMarin2 .Code { color: #ffb033; }
.CroisieresMarin2 p { margin: 0 4px; }
.CroisieresFluv1 { width: 169px; margin-top: 12px; background: url(../images/bg_contentCroisieresFluv.gif) repeat-y; }
.Compagnies { width: 169px; margin-top: 12px; background: url(../images/bg_contentCompagnies.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: #ff9933; 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: 408px; overflow: hidden; float: left; text-align: left; }
.GrosTitreVentes { height: 23px; overflow: hidden; background: url(../images/bandeBleu.gif) repeat-x; }
.GrosTitreVentes span { background-color: #fff; font-weight: bold; font-size: 16px; color: #004b8a; line-height: 13px; margin-left: 23px; padding: 0 2px; text-transform: uppercase; }
.GrosTitreCoupsDeCoeur { height: 23px; overflow: hidden; background: url(../images/bandeRouge.gif) repeat-x; margin-top: 35px; }
.GrosTitreCoupsDeCoeur span { background-color: #fff; font-weight: bold; font-size: 16px; color: #f41c3b; line-height: 13px; margin-left: 23px; padding: 0 2px; text-transform: uppercase; }
.GrosTitreDerniereMinute { height: 23px; overflow: hidden; background: url(../images/bandeOrange.gif) repeat-x; margin-top: 35px; }
.GrosTitreDerniereMinute span { background-color: #fff; font-weight: bold; font-size: 16px; color: #f41c3b; line-height: 13px; margin-left: 23px; padding: 0 2px; text-transform: uppercase; }
.TableRubrique { width: 395px; height: 104px; overflow: hidden; margin-left: 10px; margin-top: 10px; }                              
.PhotoVentes { width: 109px; border-bottom: 1px solid #268bc2; }
.PhotoCoupsDeCoeur { width: 109px; border-bottom: 1px solid #f51500; }
.PhotoDerniereMinute { width: 109px; border-bottom: 1px solid #ff7400; }
.TitreRubrique { width: 286px; font-size: 14px; color: #0a4390; font-weight: bold; padding-left: 9px; }
.ContentVentes { width: 178px; 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; }
.TarifsRubrique { width: 108px; }
.Apartir { font-size: 10px; color: #b5b5b5; padding-left: 15px; }
.obli { font-size: 10px; color:#CC0000;}
.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; text-align: center; line-height: 18px; margin-top: 4px; }
.TarifsRubrique .Voir a { display: block; text-decoration: none;}
.TarifsRubrique .Voir a:hover { font-size: 10px; color: #FF9933; text-decoration:none; }
.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; }

/*right content*/
#Right { position: relative; width: 160px; float: right; }
.TarifPrima { width: 160px; }
.NewsLetter1 { width: 160px; background-color: #fe4251; margin-top: 0px; }
.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; }

/*produits*/
/*PAGE 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: 590px; float: left; }
.Rubriques1 { width: 588px; 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: 590px; 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; }
.DescriptifsEscale { position: relative; width: 360px; float: left; margin-top: 7px; margin-bottom: 20px; padding-left: 30px; }
.DescriptifsEscale th { line-height: 29px; border-right: 1px solid #81a3ba; font-weight: normal; }
.DescriptifsEscale th strong { color: #004b8a; font-size: 12px; }
.DescriptifsEscale td { line-height: 26px; border-right: 1px solid #81a3ba; }
.DescriptifsEscale strong { color: #163c5d; padding-left: 8px; }
.EscaleItineraire { width: 220px; background-color: #a5d5f5; padding-left: 8px; }
.ArriveeItineraire { width: 55px; background-color: #a5d5f5; }
.DepartItineraire { width: 55px; background-color: #a5d5f5; }
.J1 { background-color: #eef7fe; }
.J2 { background-color: #d4eeff; }
.CarteItineraire { position: relative; width: 175px; margin-top: 7px; margin-right: 10px; float: right; }
.DescriptifsEscale2 { width: 590px; height: 32px; background-color: #b1e8fd; }
.DescriptifsEscale3 { width: 590px; margin-top: 10px; }
.DescriptifsEscale3 td { border-right: 1px solid #163c5d; }
.DescriptifsEscale3 a { color: #163c5d; font-weight: bold; }
.DescriptifsEscale3 a:hover { color: #0069c5; text-decoration: none; font-weight: bold; }

.GrosTitreTarifsEscale { color: #68a4d1; font-weight: bold; padding: 0 5px 13px 5px; }
h2 { font-weight: bold; font-size: 14px; margin: 5px; }
#TarifsEscale { width: 590px; color: #004b8a; border: 1px solid #bccdd8; }
#TarifsEscale th { font-size: 12px; font-weight: bold; color: #004b8a; background-color: #e4f0f9; 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; text-decoration:none; }
#TarifsEscale .Prereservation { font-weight: bold; color: #2a8bcb; text-decoration:none;}
.PSEscale { color: #4f6677; }
.IndiceCroisiere strong { color: #ff7302; }
.IndiceCroisiere span { color: #ff7302; }
.IndiceCroisiere ul { margin: 0; padding-left: 15px; list-style-type: square; }

/*PAGE FLUVIALE*/
#IntroFluvial { margin-bottom: 10px; }
#IntroFluvial strong { color: #408534; }
.ContentListe { position: relative; width: 570px; float: right; }
#GrosTitreMeilleuresVentesFluviales { position: relative; width: 570px; background-color: #f0f6ed; border: 1px solid #9cb0bc; color: #48872e; line-height: 32px; }
#GrosTitreMeilleuresVentesFluviales strong { font-size: 16px; margin-left: 10px; }
.TriMeilleuresVentes1 { width: 570px; color: #204b65; margin-top: 15px; }
.TriMeilleuresVentes1 td { vertical-align: top; }
.TriMeilleuresVentes2 { width: 420px; }
.TriMeilleuresVentes3 { width: 150px; }
.TriFluvialPDD { font-size: 12px; color: #49872f; }
.TriFluvialPDD a { font-size: 12px; color: #49872f; }
.TriFluvialPDD a:hover { font-size: 12px; color: #49872f; text-decoration:underline; }
.Tri { width: 150px; border: 1px solid #336699; background-color: #fff; }
.RubriquesMeilleuresVentes { width: 570px; border-bottom: 1px solid #268bc2; margin-top: 15px; }
.RubriquesMeilleuresVentes td { padding-bottom: 9px; }
.PhotoMeilleuresVentes { width: 110px; }
.DestinationMeilleuresVentes { width: 352px; padding: 0 10px; }
.TitreRubriqueVente { color: #0a4390; font-weight: bold; padding-bottom: 18px; text-transform: uppercase; }
.TitreRubriqueVente span { font-size: 14px; }
.RubriqueVente { color: #545454; }
.PaysDestinataire { color: #309dcf; }
#NombrePagesFluviales { background-color: #e8f0e2; line-height: 26px; color: #4e8627; font-size: 10px; font-weight: bold; margin-top: 5px; text-align: right; padding-right: 15px; }
#NombrePagesFluviales a { color: #4e8627; font-size: 10px; font-weight: bold; }

/*PAGE MARITIME*/
#IntroMaritime { margin-bottom: 10px; }
#IntroMaritime strong { color: #148dd0; }
#GrosTitreMeilleuresVentesMaritimes { position: relative; width: 570px; background-color: #ebf5f9; border: 1px solid #9cb0bc; color: #0b70ae; line-height: 32px; }
#GrosTitreMeilleuresVentesMaritimes strong { font-size: 16px; margin-left: 10px; }
.TriMaritimePDD {font-size: 12px;  color: #1e90d1; }
.TriMaritimePDD a {font-size: 12px; color: #1e90d1; }
.TriMaritimePDD a:hover { font-size: 12px; color: #1e90d1; text-decoration:underline;}
.TriMaritimePDD a:active { font-size: 12px; color: #1e90d1; text-decoration: none;}
#NombrePagesMaritimes { background-color: #eaf4f9; line-height: 26px; color: #0a4390; font-size: 10px; font-weight: bold; margin-top: 5px; text-align: right; padding-right: 15px; }
#NombrePagesMaritimes a { color: #0a4390; font-size: 10px; font-weight: bold; }

.text1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#999999; text-decoration:none;}
.formular {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal; color: #121212;border: 1px solid #7f9db9;background-color: #FFFF;}
#coupsCoeur  { position: relative; width: 570px; background-color: #ffeff1; border: 1px solid #f41c3b; color: #f41c3b; line-height: 32px; }
#coupsCoeur strong { font-size: 16px; margin-left: 10px; }
#MeilleuresVentes  { position: relative; width: 570px; background-color: #ebf5f9; border: 1px solid #004b8a; color: #004b8a; line-height: 32px; }
#MeilleuresVentes strong { font-size: 16px; margin-left: 10px; }
#DerniereMinute  { position: relative; width: 570px; background-color: #ffead8; border: 1px solid #f06e01; color: #f06e01; line-height: 32px; }
#DerniereMinute strong { font-size: 16px; margin-left: 10px; }
#NombrePagesDerniereMinute { background-color: #ffead8; line-height: 26px; color: #f06e01; font-size: 10px; font-weight: bold; margin-top: 5px; text-align: right; padding-right: 15px; }
#NombrePagesDerniereMinute a { color: #f06e01; font-size: 10px; font-weight: bold; }
#NombrePagescoupsCoeur { background-color: #ffeff1; line-height: 26px; color: #f41c3b; font-size: 10px; font-weight: bold; margin-top: 5px; text-align: right; padding-right: 15px; }
#NombrePagescoupsCoeur a { color: #f41c3b; font-size: 10px; font-weight: bold; }