body { margin: 0; padding: 0; background: #d2e4ea url(../images/bg_Body.gif) repeat-x; }
div, td { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #2c3134; }
table  { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
form { margin: 0; padding: 0; }
input, select { vertical-align: middle; }
a { text-decoration: none; color: #2c3134; }
a:hover { text-decoration: none; }
img { border: none; display: inline; }
p { margin: 0; padding: 0; }

/*STRUCTURE*/
#WrapperIndex { position: relative; width: 970px; background: url(../images/bg_Wrapper.jpg) no-repeat; }
#MainIndex { position: relative; width: 770px; margin-bottom: 10px; }
#HeaderIndex { position: relative; width: 770px; height: 165px; overflow: hidden; text-align: left; }
#UnivairmerIndex { width: 230px; height: 89px; margin-top: 52px; }
#MenuIndex { position: relative; width: 770px; height: 80px; overflow: hidden; background: url(../images/bg_Menu.gif) no-repeat; }

#Menu { height: 80px; overflow: hidden; list-style-type: none; margin: 0; padding: 0; display: inline; }
#Menu li { position: relative; float: left; }
#Menu a { display: block; }
#Menu a:hover { position: relative; top: -80px; }

#ContentIndex1 { position: relative; width: 770px; }
#ContentIndex1 td { vertical-align: top; }
#ContentIndex2 { width: 760px; text-align: left; background-color: #fcfeff; }
#borLeft { width: 5px; background: url(../images/borLeft.gif) repeat-y; }
#borRight { width: 5px; background: url(../images/borRight.gif) repeat-y; }
#FooterIndex1 { background: url(../images/bg_FooterIndex2.gif) repeat-y; }
#FooterIndex2 { position: relative; width: 770px; background: url(../images/bg_FooterIndex.gif) bottom no-repeat; padding: 10px 0; font-size: 10px; text-align: center;  }

/*INDEX*/
#ContentIndex { position: relative; width: 760px; background: #85c1da url(../images/bg_ContentIndex.gif) repeat-x; }
#MoteurIndex1 { position: relative; width: 504px; float: left; }
#MoteurIndex1 #MoteurIndex2 { width: 352px; height: 216px; overflow: hidden; background: url(../images/bg_Sejour.gif) no-repeat; margin-left: 105px; margin-top: 32px; }
#MoteurIndex2 td { text-align: left; font-size: 10px; padding-bottom: 2px; }
#MoteurIndex2 .TitreMoteurIndex { height: 92px; overflow: hidden; }
#MoteurIndex2 .DestinationMoteurIndex { width: 166px; padding-left: 40px; }
#MoteurIndex2 .SelectMoteurIndex { width: 186px; padding-right: 40px; }
.ChoixDest { width: 137px; color: #212120; font-size: 10px; }
.ChoixDate { width: 105px; color: #212120; font-size: 10px; }
#AbonnementIndex1 { position: relative; width: 256px; background: url(../images/bg_AbonnementIndex.gif) repeat-x; float: right; }
#AbonnementIndex1 #AbonnementIndex2 { width: 255px; margin-top: 116px; }
#AbonnementIndex2 td { text-align: left; font-size: 10px; padding-top: 8px; }
.InputNL { width: 210px; background-color: #bde2ef; border: 1px solid #7f7f7f; }
.Clear { position: relative; clear: both; }
#MotifFooterIndex { position: absolute; width: 238px; height: 116px; right: -57px; bottom: -76px; z-index: 3; }
#bientot { padding: 60px 80px; }
.text-attente { position: relative; width: 600px; overflow: hidden; background: url(../images/centre_proc.gif) repeat-y; }
.text-attente p { padding: 50px 30px; text-align: center; font-weight: bold; font-size: 18px; color: #2a85ab; margin: 0; }
.text-attente span { color: #616161; font-size: 16px; font-weight: bold; }
.text-attente a { color: #04a1e1; font-size: 16px; font-weight: bold; }
.text-attente a:hover { color: #2a85ab; font-size: 16px; font-weight: bold; }
/*PRODUITS*/
#Wrapper { position: relative; width: 970px; }
#Main { position: relative; width: 970px; margin-bottom: 10px; }
#Header { position: relative; width: 970px; height: 80px; overflow: hidden; text-align: left; margin-top: 40px; }
#Univairmer { width: 200px; height: 80px; float: left; }
#MenuNavig { position: relative; width: 770px; height: 80px; overflow: hidden; float: right; }
#Content1 { width: 970px; }
#Content1 td { vertical-align: top; }
#Content2 { width: 960px; background-color: #fcfeff; text-align: left; }
#Intro { width: 958px; background-color: #dae4eb; text-align: right; line-height: 34px; margin: 1px; }
#Intro .Retour { padding-right: 19px; }
#Intro .Retour a { font-weight: bold; }
.Left1 { position: relative; width: 205px; float: left; text-align: left; padding-top: 14px; }
.Left2 { padding-left: 4px; }
.Contact { width: 190px; background: url(../images/bg_Contact.gif) repeat-y; padding: 10px 0; line-height: 18px; }
.Contact img { margin: 10px; }
.Contact p { margin: 0 10px; }
.Contact strong { font-size: 14px; }
.Contact .Prix { font-size: 9px; }
.Contact a { font-size: 12px; font-weight: bold; text-decoration: none; }
.Infos { position: relative; width: 190px; padding-top: 20px; }
.Infos ul { position: relative; width: 170px; list-style-type: none; margin: 0 10px; padding: 0; }
.Infos ul li { position: relative; float: left; heigh: 18px; margin-top: 4px; text-align: left; line-height: 14px; }
.Infos ul li a { position: relative; display: block; width: 170px; height: 18px; overflow: hidden; background: url(../images/bg_MenuInfos.gif) no-repeat; text-decoration: none; }
.Infos ul li a:hover { position: relative; display: block; width: 170px; height: 18px; line-height: 14px; background: url(../images/bg_MenuInfos.gif) 0 -18px no-repeat; color: #1b94c8; font-weight: bold; text-decoration: none; }
.Infos span { margin-left: 25px; }
.Right1 { position: relative; width: 755px; float: right; }
.Right2 { width: 755px; }
.Content1 { width: 560px; padding-top: 14px; padding-bottom: 15px; }
.Content1 p { line-height: 16px; margin-right: 10px; }
.PhotoRubrique { width: 550px; border-bottom: 1px solid #9bbbc6; border-top: 1px solid #9bbbc6; margin-top: 15px; }
.PhotoRubrique td { text-align: left; }
.GrandPhoto { width: 330px; padding-top: 8px; padding-bottom: 8px; }
.MiniPhoto { width: 220px; padding-top: 8px; padding-bottom: 8px; }
.MiniPhoto2 { width: 110px; height: 85px; padding-left: 5px; padding-bottom: 5px; }
.MiniPhoto2 img { width: 105px; height: 82px; overflow: hidden; }
.LegendePhoto { padding-left: 5px; }
.LegendePhoto a, .LegendePhoto a:hover { color: #2192bf; text-decoration: none; }
h1 { font-size: 16px; color: #127da8; text-transform: uppercase; margin: 0 0 13px 0; }
.PaysRubrique { font-weight: bold; font-size: 14px; color: #555b5d; }
.VillesRubrique { font-weight: bold; font-size: 14px; color: #c4500a; }
.SousTitreRubrique { font-weight: bold; color: #127da8; }
.PlusDetail { margin: 15px 0; }
.Content2 { position: relative; width: 195px; background-color: #ecf8fc; padding-top: 14px; padding-bottom: 15px; }
.ContentRight { padding-left: 14px; }
.TarifRubrique { margin-top: 65px; margin-bottom: 20px; }
.TarifRubrique .PrixRubrique {  font-size: 24px; color: #c4500a; }
.Bouton { margin-bottom: 40px; }
.Bouton img { margin-bottom: 5px; }
#Footer1 { background: url(../images/bg_Footer2.gif) top repeat-y; }
#Footer2 { position: relative; width: 970px; background: url(../images/bg_Footer.gif) bottom no-repeat; padding: 10px 0 15px 0; }

/*ENVOI*/
.Envoi { position: relative; width: 524px; height: 447px; overflow: hidden; background: url(../images/bg_FormulaireEnvoi.gif) no-repeat;}
.RubriqueOffre { width: 445px; height: 43px; background-color: #edf7fd; color: #363636; font-weight: bold; text-align: left; margin-top: 38px; }
.RubriqueOffre strong, .DureeSejour span { margin-left: 12px; }
h2 { font-size: 18px; font-weight: normal; color: #71b1cb; margin: 0 0 0 12px; }
.DureeSejour { width: 445px; background-color: #c6e5f1; color: #3f758b; font-weight: bold; line-height: 22px; text-align: left; }
.PhotoOffre1 { width: 290px; border: 1px solid #a7c0cd; margin-top: 12px; }
.PhotoOffre1 td { text-align: left; }
.PhotoOffre2 { width: 175px; padding: 5px 7px; }
.TarifOffre1 { width: 115px; }
.TarifOffre2 { font-size: 28px; color: #5eb1d3; }
.TexteFormulaire { margin: 30px 0 15px 0; }
.TexteFormulaire a { color: #1f87b1; font-weight: bold; text-decoration: none; }
#FormulaireEnvoi { padding-left: 140px; }
.FormulaireEnvoi { width: 370px; }
.FormulaireEnvoi td { text-align: left; padding-bottom: 2px; }
.FormulaireEnvoi input, .FormulaireEnvoi textarea { font: normal 9px Verdana, Helvetica, sans-serif; color: #2c3134; line-height: 10px; }
.FormulaireCommentaire { width: 85px; }
.SelectFormulaire { width: 170px; }
.BoutonEnvoi { width: 115px; }
.InputEnvoi { width: 170px; }

/*DEVIS*/
#Devis { position: relative; width: 570px; text-align: left; }
.TextDevis { font-weight: bold; padding: 5px 0; }
#FormulaireDevis { background-color: #edf9fc; padding: 12px 30px; }
#FormulaireDevis td { text-align: left; padding-bottom: 5px; }
#FormulaireDevis .FormulaireDevis { width: 510px; }
.FormulaireDevis .RubriqueFormulaireDevis1 { width: 140px; }
.FormulaireDevis .RubriqueFormulaireDevis2 { width: 175px; }
.FormulaireDevis .RubriqueFormulaireDevis3 { width: 120px; }
.FormulaireDevis .ComboFormulaireDevis1 { width: 370px; }
.FormulaireDevis .ComboFormulaireDevis2 { width: 60px; }
.FormulaireDevis .ComboFormulaireDevis3 { width: 155px; }
.InputDevis1 { width: 155px; font-size: 10px; }
.InputDevis2 { width: 25px; font-size: 10px; }
.InputDevis3 { width: 105px; font-size: 10px; }
.InputDevis4 { width: 80px; font-size: 10px; }
.InputDevis5 { width: 50px; font-size: 10px; }
.Validation { color: #23556b; margin: 20px 0; }

/*LISTE*/
#Destination { width: 958px; text-align: left; color: #1697ca; font-size: 11px; background-color: #dae4eb; line-height: 34px; margin: 1px; }
#Destination .Destination { color: #1d637f; font-size: 14px; margin-left: 15px; }
#Liste1 { position: relative; width: 870px; text-align: left; }
#Liste2 { margin-bottom: 15px; }
#Liste2 th { height: 23px; overflow: hidden;  padding-left: 25px; color: #35647f; text-align: left; padding-right: 4px; font-weight: normal; }
#Liste2 td { width: 145px; text-align: left; padding-top: 5px; line-height: 18px; }
#Liste2 #ListeTheme { background: url(../images/ttl_Theme.gif) no-repeat; }
#Liste2 #ListeDepart { background: url(../images/ttl_Depart.gif) no-repeat; }
#Liste2 #ListeDestination { background: url(../images/ttl_Destination.gif) no-repeat; }
#Liste2 #ListeVille { background: url(../images/ttl_Ville.gif) no-repeat; }
#Liste2 #ListeDuree { background: url(../images/ttl_Duree.gif) no-repeat; }
#Liste2 #ListePrix { background: url(../images/ttl_Prix.gif) no-repeat; }
.ListeNombre { color: #ac4609; }
.ResultatProduitsTable { width: 870px; border-bottom: 1px solid #c0d8e0; border-top: 1px solid #c0d8e0; margin-bottom: 30px; margin-top: 25px; }
.ResultatProduitsTable td { line-height: 30px; padding: 0 10px; }
.ProduitsDispo { background-color: #fff; text-align: left; font-size: 14px; font-weight: bold; color: #277ea2; }
.ResultatProduits { background-color: #fff; text-align: right; font-size: 11px; font-weight: bold; color: #c4500a; }
.PageResultat { background-color: #f3f8f3; text-align: right; }
.PageResultat a:hover { color: #c4500a; font-weight: bold; text-decoration: none; }
.ListeProduits { position: relative; width: 870px; background: url(../images/bg_Produit.gif) repeat-y; margin-bottom: 10px; }
.ListeProduitsTable { width: 823px; margin-left: 20px; }
.ListeProduits td { text-align: left; padding-bottom: 10px; }
.TitreProduit {}
.TitreProduit .TitreProduitsTable { width: 630px; }
h2 { font-size: 15px; color: #218bb5; margin: 0; text-transform: uppercase; }
.TitreProduit strong { font-size: 11px; }
.Jour { font-weight: bold; color: #c4500a; }
.TarifProduit { padding-left: 10px; }
.TarifProduit span { color: #c4500a; font-size: 22px; }
.PhotoProduit { width: 190px; }
.PhotoProduit div { background-color: #e5f5fa; border: 1px solid #9bb2ba; }
.PhotoProduit div img { margin: 4px; }
.TexteProduit { width: 440px; padding-left: 15px; }
.ReservesationProduit { width: 193px; padding-left: 10px; }
.ReservesationProduit a { font-size: 11px; font-weight: bold; color: #2885ab; }
.ReservesationProduit img { margin-left: 15px; }