@font-face { font-family: 'babelSans'; src: url(../fonts/BabelSans-Bold.ttf) format("truetype"); }

* { margin: 0; padding: 0; }

html { width: 100%; }
body { width: 100%; font-size: 63.5%; text-align: center; font-family: Arial, Helvetica, sans-serif; background: #ccc; }

a img { border: 0; vertical-align: middle; }
h1, h2, h3, h4, h5, h6 { font-family: Arial,Helvetica,SunSans-Regular,sans-serif; }
h1 { margin-bottom: 20px; }
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
legend { padding-left: .8em; padding-right: .8em; }
legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
textarea, input { padding: .3em .4em .15em .4em; }
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
textarea { width: 700px; }

#container { width: 1000px; margin: 0 auto 0 auto; text-align: left; font-size: 1.2em; background: #616161; padding-bottom: 5px; }
/*columns def.*/
#content_top .column, #content .column, #header .column, #main_cont .column, #footer .column, #foot_spacer, #footer_main { float: left; display: inline; }

/*Header*/
#header { height: 101px; background: transparent url(../graph/bg_header.png) left top no-repeat; }
#logo { width: 217px; padding: 1px 0 0 0; }
#logo img { margin: 2px 0 0 15px; }
#links { width: 783px; background: transparent url(../graph/bandeau_contact.png) top left no-repeat; }
#links form { text-align: right; width: 555px; height: 80px; }
#links form p { padding-top: 30px; color: #fff; font-weight: bold; }
#links form label,
#links form a { color: #fff; text-decoration: none; }
#newsletter { background-color: #eee; font-size: 11px; padding: 2px 2px 2px 6px; border: 1px solid #616161; }
#infos_agence p { text-align: right; font-size: 11px; margin-right: 15px; line-height: 20px; color: #fff; }
#infos_agence p a { text-decoration: none; color: #fff; font-weight: bold; }
#infos_agence p a:hover,
#infos_agence p a.On { text-decoration: underline; color: #fff; }

/*main content top*/
#content_top { background: #343333; height: 296px; border-bottom: 14px solid #343333; }
#content_top.borderTop { border-top: 5px solid #343333; } /* couleur bg #menu */

/*main menu*/
#menu { width: 217px; height: 296px; background: #343333; }
#menu h1 { font-size: 16px; margin: 0 12px 20px 12px; text-align: center; color: #fff; font-variant: small-caps; font-family: 'babelSans', sans-serif; }
#menu ul { list-style-type: none; margin: 45px 12px 10px 12px; }
#menu ul li { margin-bottom: 18px; }
#menu ul li a { display: block; line-height: 20px; background: transparent url(../graph/puceLien.jpg) left top no-repeat; padding-left: 30px; color: #DEEBEF; text-decoration: none; font-weight: bold; }
#menu ul li a:hover,
#menu ul li a.On { background: #000 url(../graph/puceLien.jpg) left bottom no-repeat; color: #fff; }

/*diapo page index*/
#main_ill { width: 783px; height: 296px; background: #fff; position: relative; font-size: 0; overflow: hidden; }
#main_ill div.cf_wrapper { position: relative; width: 783px; height: 296px; overflow: hidden; }
#main_ill div.cf_element { width: 100%; height: 100%; }
#titre_diapo { position: absolute; right: 15px; top: 250px; width: 600px; font-size: 36px; color: #fff; text-align: right; font-weight: bold; font-family: 'babelSans', sans-serif; }
#main_ill div.top-left { position: absolute; top: 0; left: 0; background: transparent url(../graph/round_bg_ill.gif) top left no-repeat; height: 15px; width: 15px; }

/*main content*/
#content_cont { background: #fff url(../graph/bg_menu_sub.jpg) bottom left repeat-y; clear: both; }
#content_cont.borderTop { border-top: 5px solid #343333; } /* couleur bg #menu */
#content { background: transparent url(../graph/spec/pied_menu.jpg) bottom left no-repeat; }

/*colonne de gauche pages internes*/
#totem { background: transparent; width: 217px; margin: 0 0 200px 0; }

/*menu sub*/
#menu_sub { width: 217px; padding-top: 1px; }
#menu_sub h2 { font-size: 13px; padding: 0 0 0 5px; margin: 40px 0 5px 17px; border-left: 5px solid #fff; }
#menu_sub h2.subtitle { padding: 0 0 0 5px; margin: 0 0 5px 17px; }
#menu_sub ul { list-style-type: none; margin: 0 10px 40px 17px; }
/*#totem #menu_sub ul { margin-bottom: 0; }*/
#menu_sub ul li { font-size: 12px; }
#menu_sub ul li a { display: block; height: 25px; line-height: 25px; color: #343333; text-decoration: none; background: transparent url(../graph/puceMenuSpec_off.gif) top left no-repeat; padding-left: 10px; font-weight: bold; }
#menu_sub ul li a:hover,
#menu_sub ul li a.On { background-image: url(../graph/spec/puceMenuSpec_on.gif); }
#menu_sub div.bouton { margin: 0 0 40px 0; background: transparent url(../graph/anim_pro_tourisme.gif) no-repeat; }
#menu_sub div.bouton a { display: block; height: 77px; text-decoration: none; font-size: 13px; font-weight: bold; padding: 7px 5px 0 27px; }
#menu_sub .bouton a span { display: block; margin: 15px 5px 0 35px; font-size: 11px; font-weight: normal; }
#menu_sub .bouton a:hover span { text-decoration: underline; }

/*nuage de tags*/
#tag_cloud { margin: 10px 10px; padding: 10px 3px; line-height: 1.3em; border: 1px solid #A2A2A2; background: #fcfcfc; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#tag_cloud a { display: inline; background: transparent; text-decoration: none; vertical-align: middle; }
#tag_cloud a:hover { color: #CE0003; background: transparent; }

#main_cont { width: 783px; padding-top: 15px; }
#main_cont.inner { background: transparent url(../graph/round_bg_main.jpg) top left no-repeat; }
#main_cont .cont { margin: 15px 15px 0 15px; }
/*styles générique pour le texte principal*/
#main_cont h1 { margin-right: 15px; }
#main_cont .cont ul { margin: 15px 0 15px 20px; }
#main_cont h1.titrePage { margin: 0 15px; font-size: 17px; color: #3b3a3a; background: #fff url(../graph/bg_titre_agence.jpg) bottom left no-repeat; padding: 10px 0 20px 70px; }
/*arrière-plans titres spécifiques*/
#main_cont h1#titre_agence { background-image: url(../graph/bg_titre_agence.jpg); }
#main_cont h1#titre_autres_destinations { background-image: url(../graph/bg_titre_autres_destinations.jpg); }
#main_cont h1#titre_cgv { background-image: url(../graph/bg_titre_cgv.jpg); }
#main_cont h1#titre_contact { background-image: url(../graph/bg_titre_contact.jpg); }
#main_cont h1#titre_diaporama { background-image: url(../graph/bg_titre_diaporama.jpg); }
#main_cont h1#titre_infos_pratiques { background-image: url(../graph/bg_titre_infos_pratiques.jpg); }
#main_cont h1#titre_liens_utiles { background-image: url(../graph/bg_titre_liens_utiles.jpg); }
#main_cont h1#titre_mentions_legales { background-image: url(../graph/bg_titre_mentions_legales.jpg); }
#main_cont h1#titre_presse { background-image: url(../graph/bg_titre_presse.jpg); }
#main_cont h1#titre_specificites { background-image: url(../graph/bg_titre_specificites.jpg); }
#main_cont h1#titre_temoignages { background-image: url(../graph/bg_titre_temoignages.jpg); }
#main_cont h1#titre_pros_du_tourisme { background-image: url(../graph/bg_titre_pros_du_tourisme.jpg); }
#main_cont h1#titre_groupes { background-image: url(../graph/bg_titre_groupes.jpg); }
#main_cont h1#titre_voyages_carte { background-image: url(../graph/bg_titre_voyages_carte.jpg); }
#main_cont h1#titre_pre_resa { background-image: url(../graph/bg_titre_pre_resa.jpg); }
#main_cont h1#titre_culture { background-image: url(../graph/bg_titre_culture.jpg); }
#main_cont h1#titre_plan { background-image: url(../graph/bg_titre_plan.jpg); }
/*fin arrière-plans titres spécifiques*/
#main_cont h1.titrePage2 { color: #000; margin: 0 15px 15px 15px; font-size: 17px; border-bottom: 1px solid #b1b1b1; padding-bottom: 5px; }
#main_cont h1.titrePage2.noBorder { border-bottom: 0; }
#main_cont p { margin-bottom: 10px; }
#main_cont p.paragIll { background: #fff url(../graph/bg_parag.gif) top left no-repeat; padding: 18px 0 0 40px; margin: 0 15px; }
/*formulaires*/
#main_cont form {  }
#main_cont form h3 { clear: both; font-size: 1.2em; line-height: 1.1em; background-color: #BBADA7; color: #fff; padding-left: 10px; margin: 15px 0 15px 0; }
#main_cont form label { width: 140px; margin-right: 8px; float: left; text-align: right; clear: left; line-height: inherit; }
#main_cont form label.oblig { color: #f67037; font-weight: bold; }
#main_cont form p, #main_cont form div { margin: 0.5em 0; }
#main_cont form select { /*border: 1px solid #616161;*/ }
#main_cont form table { margin-bottom: 0; }

/*blocs accueil*/
#titre_offres_et_promos { color: #343333; margin: 0 15px 15px 15px; font-size: 15px; border-bottom: 1px solid #b1b1b1; padding-bottom: 2px; font-family: 'babelSans', sans-serif; }
#coup_coeur { width: 100%; }
#coup_coeur .slide { margin: 5px 15px 20px 15px; background-color: #fff; padding: 20px 0 0 0; /*border-bottom: 1px solid #ede9e7;*/ }
#coup_coeur .elem { text-align: left; }
#coup_coeur .elem a { color: #5C5A5A; text-decoration: none; font-weight: bold; font-size: 11px; }
#coup_coeur .elem a span.alR { display: block; text-align: right; margin-right: 5px; width: 200px; }
#coup_coeur .elem a span.prix { color: #E59908; font-weight: bold; }
#coup_coeur .elem a img { border: 1px solid #b1b1b1; margin-bottom: 5px; }
#coup_coeur .elem a:hover { text-decoration: underline; }
#destination { width: 388px; margin: 0 10px 31px 15px; text-align: justify; padding-top: 10px; }
#destination h2.titre { color: #343333; margin: 0 15px 15px 0; font-size: 15px; clear: both; border-bottom: 1px solid #b1b1b1; padding-bottom: 2px; font-family: 'babelSans', sans-serif; }
#destination .cont { margin-left: 0; }
#destination .cont img { margin: 0 10px 5px 0; }
#news { width: 350px; position: relative; padding-bottom: 31px; }
#news .container { background-color: #e2dbd3; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }
#news .cont { text-align: justify; margin: 15px; padding-top: 50px; padding-bottom: 20px; }
#news h2.titre { font-size: 15px; color: #555353; margin: 0 15px 15px 15px; font-size: 16px; position: absolute; top: 0; width: 300px; height: 71px; line-height: 70px; background: transparent url(../graph/icone_dernieres_nouvelles.gif) right top no-repeat; font-variant: small-caps; padding-left: 20px; font-family: 'babelSans', sans-serif; }
#news .cont .elem { padding: 5px 0; }
#news .cont .elem.last { border: 0; }
#news .cont .elem h3 { font-size: 12px; color: #555353; }
#news .cont .elem .date { font-size: 11px; color: #ED8001; font-weight: bold; }
#news .cont .elem .corps { margin: 5px 0;  color: #555353; }
#culture h2.titre { color: #343333; margin: 0 15px 15px 0; font-size: 15px; border-bottom: 1px solid #b1b1b1; padding-bottom: 2px; font-family: 'babelSans', sans-serif; }
#culture h3 { float: left; display: inline; width: 147px; margin: 0 15px 5px 0; text-align: center; padding-top: 5px; line-height: 1em; font-size: 13px; }
#culture h3 img { margin: 5px 0 0 0; }
#culture p.alR { margin-right: 15px; }

/*la presse parle de nous*/
#presse h2 { font-size: 14px; background: #fff url(../graph/bg_titles.gif) bottom left no-repeat; clear: both; padding: 1em 0 0 23px; }
#presse h2 span { background: #fff; padding: 0 20px 0 10px; }
#presse h2 a { font-size: 60%; font-weight: normal; color: #616161; }
#presse .elemCont { background: #fff url(../graph/bg_parag.gif) top left no-repeat; padding: 10px 0 0 40px; }
#presse .elemCont .alR { margin-bottom: 1em; padding-right: 1em; }
#presse .elemCont div.alR a { color: #CC0033; text-decoration: none; }
#presse .elemCont div.alR a:hover { color: #000; text-decoration: underline; }

/*temoignages*/
#temoignages h2 { font-size: 14px; background: #fff url(../graph/bg_titles.gif) bottom left no-repeat; clear: both; padding: 1em 0 0 23px; }
#temoignages h2 span { background: #fff; padding: 0 20px 0 10px; }
#temoignages h2 a { font-size: 60%; font-weight: normal; color: #616161; }
#temoignages .elemCont { background: #fff url(../graph/bg_parag.gif) top left no-repeat; padding-left: 40px; }
#temoignages .elemCont .alR { /*border-bottom: 1px dotted #677955;*/ margin-bottom: 1em; }
#temoignages div.descript { margin: 0.5em 10px 2em 0; }

/*page contact*/
#Gmap, #infoContact { float: left; margin-right: 10px; display: inline; }
#Gmap { width: 455px; margin-left: 15px; }
#Gmap h2 { margin-bottom: 20px; }
#infoContact { width: 267px; margin-right: 0; }
#infoContact .mid {  padding: 40px 5px 5px 5px; }

/*diaporama*/
#menuGal { margin: 20px 0; background: #fff; }
#menuGal a.on { font-weight: bold; font-size: 130%; text-decoration: none; }
#content h2.nomGal { font-size: 1.3em; line-height: 1.1em; margin: 20px 0 5px 0; font-variant: small-caps; background: #BBADA7; color: #fff; }/*titre des galeries*/

/*page infos pratiques*/
#pays, #meteo { width: 369px; margin-left: 15px; }
#pays h2, #meteo h2, #meteo p { margin-bottom: 20px; }

/*page specificites*/
#listeGeo { margin: 0 15px 30px 15px; }
#listeGeo a.on { font-weight: bold; font-size: 130%; text-decoration: none; }
#carteGeo,
#descGeo { float: left; margin-right: 15px; margin-top: 30px; display: inline; }
#carteGeo { width: 438px; margin-left: 15px; }
#carteGeo .desc { padding-top: 1em; }
#descGeo {  width: 300px; }
#descGeo .content { margin-right: 0; }
#descGeo .content h3 { font-size: 1.3em; line-height: 1.1em; margin: 0 0 5px 0; padding: 0 5px; font-variant: small-caps; background: #BBADA7; color: #fff; }
#descGeo div.desc { height: 360px; overflow: auto; padding-right: 5px; }
#descGeo .desc p.intro { margin-left: 0; margin-right: 0; padding: 0; font-weight: bold; }

/*catalogue offres en page d'accueil*/
#offres_accueil h2 { color: #343333; margin: 0 0 15px 0; font-size: 13px; border-bottom: 1px solid #b1b1b1; padding-bottom: 2px; text-transform: uppercase; }
#offres_accueil h2 a { color: #343333; text-decoration: none; }

/*catalogue offres*/
#offres { margin-right: 15px; }
#offres h2 { font-size: 13px; margin-bottom: 15px; }
#offres p.intro { color: #585656; }
#navListeG { text-align: center; margin-top: 20px; padding: 5px; height: 40px; }
#content form#blocJump { width: 155px; height: 40px; line-height: 40px; margin: 0; padding: 0; text-align: center; }
#offres_accueil .desc { margin-bottom: 30px; }

#holderNav { width: 433px; margin-top: 10px; }
#navListe2 { margin-left: 20px; }
#navListe a, #navListe span, #navListe2 a, #navListe2 span { display: block; width: 15px; height: 15px; line-height: 15px; float: left; background: #fff; color: #000; border: 1px solid #000; padding: 0 1px 1px; margin-left: 2px; text-align: center; font-size: 10px; text-decoration: none; }
#navListe a.precLink, #navListe a.suivLink, #navListe2 a.precLink, #navListe2 a.suivLink { width: 80px; margin: 0 5px 0 0; }
#navListe a.suivLink, #navListe2 a.suivLink {  margin: 0 0 0 5px; }
#navListe a:hover, #navListe2 a:hover { font-weight: bold; }
#navListe a.on, #navListe2 a.on { background: #343333; color: #fff; font-weight: bold; }
#navListe span, #navListe2 span { width: 50px; background: transparent; border: 0; }

#orderNav { width: 155px; height: 20px; line-height: 20px; padding-top: 10px; }
#orderNav span.titre { display: inline-block; float: left; width: 90px; text-align: center; font-size: 10px; }
#orderNav a { display: inline-block; float: left; width: 20px; background: #343333; text-align: center; margin: 0 1px; }
#orderNav a img { vertical-align: middle; }

#listeOffres { margin: 0 24px 0 0; }
#listeOffres h2.titre { font-family: 'babelSans', sans-serif; font-size: 15px; }
#listeOffres .blocElem { clear: both; }
#listeOffres .elem { margin: 0 0 20px 20px; background: #fff url(../graph/bg_catalogue_descript.gif) 287px -21px no-repeat; }
#listeOffres .elem.bg {  }
#listeOffres .elem h3 { margin: 0; padding: 0 5px 0 26px; font-size: 16px; height: 31px; line-height: 38px; background: #ede9e8 url(../graph/bg_catalogue_titre_produit.gif) bottom left no-repeat; font-family: Arial,Helvetica,SunSans-Regular,sans-serif; }
#listeOffres .elem h3 a { text-decoration: none; font-weight: bold; }
#listeOffres .elem h3 a:hover { text-decoration: underline; }

#listeOffres .elem .descript { width: 596px; background: transparent url(../graph/bg_catalogue_barre_gauche.gif) no-repeat; }
#listeOffres .cont { margin: 10px 0 0 0; padding-left: 40px; height: 8em; overflow: hidden; text-overflow: ellipsis; }
#listeOffres .promo .cont { height: 8.7em; }
#listeOffres .cont p { margin-bottom: 5px; padding-top: 5px; padding-left: 210px; line-height: 1.1em; }
#listeOffres .liste_liens { float: left; width: 340px; margin-bottom: 5px; font-size: 10px; }
#listeOffres .liste_liens a { color: #666; text-decoration: none; }
#listeOffres .liste_liens a:hover { text-decoration: underline; }

#listeOffres .elem .plus { background: transparent url(../graph/bg_catalogue_barre_gauche.gif) bottom left no-repeat; padding-top: 20px; clear: left; }
#listeOffres .elem .plus a { color: #ED9A00; display: block; margin-left: 40px; line-height: 20px; padding-left: 20px; font-weight: bold; background: transparent url(../graph/savoir.gif) left center no-repeat; }
#listeOffres .elem .plus a:hover { text-decoration: none; }

#listeOffres .elem .blocPrix { width: 104px; height: 124px; margin-left: 8px; text-align: left; background: transparent; position: relative; font-size: 13px; font-weight: bold; }
#listeOffres .elem.bg .blocPrix {  }
#listeOffres .elem .blocPrix .duree { padding-top: 15px; font-size: 90%; margin-left: 3px; line-height: 1.6em; }
#listeOffres .elem .prix { position: absolute; bottom: 0; left: 0; width: 104px; text-align: center; color: #000; font-weight: bold; font-size: 160%; }

#listeOffres .elem.promo {  }
#listeOffres .elem.promo h3 { color: #D2232A; }
#listeOffres .elem.promo h3 img { margin: 0 5px 0 11px; }
#listeOffres .elem.promo h3 a { color: #fff; }
#listeOffres .elem.promo .cont h4 { color: #CC3300; margin-top: 0; }
#listeOffres .elem.promo .blocPrix {  }
/*#listeOffres .elem.promo .prix { color: #000; font-weight: bold; font-size: 160%; }*/
#listeOffres .elem.promo .prix.strike { position: absolute; bottom: 30px; left: 0; width: 104px; font-size: 140%; color: #8B8B8B; display: block; font-weight: normal; }

/*page produit*/
#produit {  }
#produit .block { background: #ede9e7 url(../graph/bg_produit_header.gif) top left repeat-y; margin: 10px 0 20px 0; }
#produit h2 { font-family: Arial,Helvetica,SunSans-Regular,sans-serif; background: #ede9e7 url(../graph/fd_titre_produit.jpg) top left no-repeat; color: #010101; font-size: 16px; line-height: 24px; padding: 10px 0 0 29px; margin-bottom: 10px; /*font-weight: normal;*/ }
#produit h2 span { display: block; padding: 0 5px; background: #dbd3d0; }
#produit .imgLeft { margin: 0 15px; }
#produit .tarif {  font-weight: bold; padding-top: 10px; text-align: center; line-height: 150%; background: #fff; width: 142px; border-right: 3px solid #bbada7; }
#produit .tarif div.duree { font-size: 12px; color: #666; text-transform: none; }
#produit .tarif span.strike { font-size: 22px; color: #666; text-decoration: line-through; font-weight: bold; display: block; line-height: 30px; }
#produit .tarif span.prix { font-size: 22px; line-height: 1em; color: #CC3300; display: block; line-height: 30px; }
#produit .links { width: 210px; margin-left: 15px; position: relative; }
#produit .links .nav { margin: 30px 15px; line-height: 1.8em; }
#produit .links .nav img { vertical-align: middle; }
#produit .links .nav a { color: #f29400; }
#produit a.preresa { display: block; color: #434719; margin: 40px 5px 0 0; font-size: 12px; line-height: 1.8em; text-decoration: none; font-weight: bold; text-align: center; background: #aba9aa url(../graph/arrow_right.gif) 302px center no-repeat; margin-left: 40px; width: 320px; }/*bouton bas de page*/
#produit .links a.top.preresa { position: absolute; left: -160px; top: 111px; margin: 0 5px 0 0; }
#produit a.preresa:hover  { text-decoration: underline; }
#produit a.preresa span{ display: block; background: #dcd4d0; margin-right: 30px; }
#produit .paragCont { background: #fff url(../graph/bg_parag.gif) top left no-repeat; padding-left: 40px; padding-top: 18px; }
#produit .paragCont ul { margin-top: 0; }

#produit .chapeau { margin-left: 40px; font-weight: bold; margin-bottom: 20px; }
#produit .desc {  }
#produit .chapeau h4 { margin: 0; padding-top: 10px; color: #CC3333; }
#produit .vignettes { margin-left: 40px; }
#produit h1,
#produit h3 { font-size: 13px; background: #fff url(../graph/bg_titles.gif) bottom left no-repeat; clear: both; padding: 30px 0 0 23px; margin: 0; }
#produit h1 span,
#produit h3 span { background: #fff; padding: 0 20px 0 10px; }
#produit .programme_container {  }
#produit .programme_container .programme { width: 458px; margin-right: 15px; }
#produit .programme_container .programme .paragCont { padding-top: 20px; }
#produit .programme_container .programme h2 { margin: 0 10px 0 0; float: left; width: 90px; font-size: 11px; line-height: 1.1em; font-variant: small-caps; color: #4B4B4B; background: transparent; padding: 0; font-weight: normal; }
#produit .programme_container .programme p { margin-left: 0; float: left; width: 295px; border-left: 4px solid #ccc; padding: 0 5px; font-size: 11px; }
#produit .programme_container .circuits { width: 275px; background: #ede9e8; }
#produit .programme_container .circuits h3  { color: #fff !important; background: #fff url(../graph/bg_produit_titre_excursions.gif) bottom left repeat-x; line-height: 1.4em; font-size: 11px; padding-left: 0; padding-right: 0; padding-top: 32px; text-align: center; }
#produit .programme_container .circuits .carte { margin: 20px 0 5px 5px; }
#produit .programme_container .circuits ul { list-style-type: none; list-style-position: outside; margin: 10px 0 0 5px; padding: 0 0 15px 0; }
#produit .programme_container .circuits li { color: #bbada7; margin: 0 0 0 5px; }
#produit .programme_container .circuits li a { color: #f29400; background: transparent url(../graph/puceMenuSpec_off.gif) 0 -5px no-repeat; padding-left: 10px; font-weight: bold; text-decoration: underline; display: block; }
#produit .programme_container .circuits li a:hover { text-decoration: none; background-image: url(../graph/spec/puceMenuSpec_on.gif); }
#produit table { border: 0; }
#produit tbody td { background: #ede9e8; border-bottom: 1px solid #fff; font-weight: bold; }
#produit .promo tbody td { background: #ffade5; }
#produit tbody td span { text-decoration: line-through; }
#produit td.str { font-weight: normal; font-size: 11px; color: #545454 !important; }
#produit td { font-size: 13px; }
#produit table thead td.str.first { font-weight: bold; }
#produit table thead td,
#produit table thead td.str { background: transparent; color: #545454; line-height: 1.1em; padding: 5px 0; }
#produit .nota { background: #fff url(http://www.atypik-travel.com/images/fond_att.gif) 4px 4px no-repeat; padding: 5px 5px 5px 25px; font-size: 11px; color: #666; }

/*liste hotels*/
#listeHotels {}
#listeHotels h2 { font-size: 16px; background: #fff url(../graph/bg_titles.gif) bottom left no-repeat; clear: both; padding: 1em 0 0 23px; }
#listeHotels h2 span { background: #fff; padding: 2px 20px 2px 10px; }
#listeHotels .elemCont { background: #fff url(../graph/bg_parag.gif) top left no-repeat; padding-left: 40px; }
#listeHotels .elem { clear: both; padding: 1.5em 0 0 0; position: relative; }
#listeHotels .elem.bordered { border-bottom: 1px solid #ccc; }
#listeHotels .elem img.ill { float: left; margin: 0 10px 5px 0; }
#listeHotels .elem h3 { font-size: 12px; font-style: italic; font-weight: normal; }
#listeHotels .elem h3 a { color: #616161; text-decoration: none; font-size: 14px; font-style: normal; font-weight: bold; }
#listeHotels .elem h3 a:hover { color: #000; text-decoration: underline; }
#listeHotels .elem div.promo { margin: 0.5em 0 0.5em 160px; background: #ede9e8; padding: 5px; }
#listeHotels .elem div.promo h4 { font-size: 11px; padding-right: 0; font-weight: normal; }
#listeHotels .elem div.promo ul { margin: 0 0 0.5em 0; list-style-type: none; list-style-type: none; }
#listeHotels .elem div.promo ul li {  }
#listeHotels .elem div.promo ul li a { color: #F29400; background: transparent url(../graph/puceMenuSpec_off.gif) 0 -5px no-repeat; padding-left: 10px; display: block; text-decoration: none; font-weight: bold; }
#listeHotels .elem div.promo ul li a:hover { text-decoration: underline; background-image: url(../graph/spec/puceMenuSpec_on.gif); }
/*#listeHotels .elemCont .elem .promo2 { width: 100px; }*/
#listeHotels .elemCont .elem .promo2 a { display: inline-block; color: #434719; font-size: 12px; line-height: 1.3em; text-decoration: none; font-weight: bold; text-align: left; background: #fff url(../graph/savoir.gif) 5px 50% no-repeat; width: 60px; padding-left: 20px; margin: 5px 0 0 10px; }
#listeHotels .elem .promo2 a:hover { text-decoration: underline; }

/*liste excursions*/
#listeExcursions h2 { font-size: 16px; background: #fff url(../graph/bg_titles.gif) bottom left no-repeat; clear: both; padding: 1em 0 0 23px; }
#listeExcursions h2 span { background: #fff; padding: 2px 20px 2px 10px; }
#listeExcursions .elemCont { background: #fff url(../graph/bg_parag.gif) top left no-repeat; padding-left: 40px; }
#listeExcursions .elem { clear: both; padding: 1.5em 0 0 0; }
#listeExcursions .elem img { margin: 0 15px 5px 0; }
#listeExcursions .elemCont div.promo { margin: 0.5em 0; }
#listeExcursions .elemCont div.promo .columnH,
#listeExcursions .elemCont div.promo .columnO { float: left; display: inline; margin-right: 10px; }
#listeExcursions .elemCont div.promo .columnO { width: 350px; }
#listeExcursions .elemCont div.promo .columnH { width: 350px; margin-right: 0; }
#listeExcursions .elemCont div.promo h3 { color: #fff !important; background: #fff url(../graph/bg_produit_titre_excursions.gif) bottom left repeat-x; line-height: 16px; font-size: 11px; padding-left: 0; padding-right: 0; padding-top: 10px; text-align: center; }
#listeExcursions .elemCont div.promo ul { margin: 0 0 0.5em 0; list-style-type: none; padding: 5px; background: #ede9e8; }
#listeExcursions .elemCont div.promo ul li {  }
#listeExcursions .elemCont div.promo ul li a { color: #F29400; background: transparent url(../graph/puceMenuSpec_off.gif) 0 -5px no-repeat; padding-left: 10px; text-decoration: none; font-weight: bold; display: block; }
#listeExcursions .elemCont div.promo .columnH ul li a { display: inline; }
#listeExcursions .elemCont div.promo ul li a:hover { text-decoration: underline; background-image: url(../graph/spec/puceMenuSpec_on.gif); }

/*plan de site
Thanks to http://css-tricks.com/
*/
#plan { padding-left: 80px; }
#plan ul { background:transparent url(../graph/graypixel.png) repeat-y scroll 15px 0; margin: 0!important; padding: 0!important; width: 600px; }
#plan ul li { font-size:14px; margin:15px 0 20px!important; padding:0 0 0 10px!important; text-transform: uppercase; font-weight: bold; list-style-image: url(../graph/puce_plan.gif); }
#plan ul li a,
#plan ul li strong { background: #F6F6F6 none repeat scroll 0 0; display:block; padding:3px 3px 3px 20px; text-decoration: none; border-bottom: 1px solid #ccc; }
#plan ul li a:hover { text-decoration: underline; }
#plan ul li ul { list-style-type: none; background-image:none; }
#plan ul li ul li { background:transparent url(../graph/graypixel.png) repeat-x scroll 0 8px; font-size:12px; margin:4px 0 4px 5px!important; padding:0 0 0 20px!important; text-transform: none; font-variant: small-caps; font-weight: normal; list-style-image: none; }
#plan ul li ul li a { padding:0 0 0 3px; border: 0; background-color: #fff; }
#plan ul li ul li ul { background:transparent url(../graph/graypixel.png) repeat-y scroll 15px 0; margin-bottom:10px!important; }
#plan ul li ul li ul li { margin-left:16px!important; padding-left:10px!important; }

/*footer*/
#footer { background: transparent; }
#foot_spacer { background: transparent; width: 217px; height: 150px; margin-right: 15px; }
#footer_main { background: transparent; width: 768px; }
#footer_main hr { width: 743px; height: 1px; border: 1px solid #000; border-width: 0 0 1px 0; background-color: #fff; color: #fff; margin: 15px 5px; }
#foot_icone { width: 75px; }
#foot_agence { width: 170px; }
#foot_services { width: 170px; }
#foot_destination { width: 170px; }
#foot_autres { width: 168px; }
#footer_main h3 { background: #f8feef; padding-left: 15px; font-size: 13px; color: #343333; font-weight: normal; }
#footer_main ul { list-style-type: none; margin: 15px 0 15px 15px; }
#footer_main ul li a { text-decoration: none; display: block; }
#footer_main ul li a:hover,
#footer_main ul li a.On { font-weight: bold; }

/*alignements*/
.alC { text-align: center; }
.alR { text-align: right; }

/*illustrations*/
.imgLeft { margin: 0 10px 5px 0; float: left; }
.imgRight { margin: 0 0 5px 10px; float: right; }

/*scrollparts*/
.doScrollLeftLink, .doScrollRightLink { width: 35px; text-decoration: none; }
.doScrollLeftLink:focus, .doScrollRightLink:focus { outline: 0; }
.doScrollLeftLink { background: transparent url(../graph/gauche.png) center top no-repeat; }
.doScrollRightLink { background: transparent url(../graph/droit.png) center top no-repeat; }
ul.scrollPart { list-style-position: inside; }

/*space Gallery*/
.spacegallery { position: relative; overflow: hidden; height: 500px; background: #f0f0f0; }
.spacegallery img { position: absolute; left: 50%; }
.spacegallery a { position: absolute; z-index: 1000; display: block; top: 0; left: 0; width: 100%; height: 100%; background: url(../graph/blank.gif); }

/*keepitclear plugin*/
div.clRelContainer { margin: 0; padding: 0; }
.clRelContent { margin: 0; padding: 5px; background: #F4F4F4; border: 1px solid #ccc; font-size: 0.9em; text-align: left; font-size: 12px; }
.clRelContent .title { display: none; }
.clRelLink { padding-right: 20px; background: transparent url(../graph/action_go.gif) center right no-repeat; outline: 0; }
.clRelLink:hover {  }

/*styles specs*/
.strike { text-decoration: line-through; }
/*.font { font-family: "abel", Arial; }*/

.clear { clear: both; }