/* Main site */
body, TABLE, SELECT, INPUT, TD, DIV {
  font-family: Tahoma, Arial, sans-serif;
  color: #666;
  padding: 0;
  margin: 0;
  text-align: justify;
}

.rando_h, .rando h2, .findhotel h2, .titre h1, div#tarifs td.prix, td.papirus,.col_title, div.info a, td.map a,.servicespersonnalises h3, .devis h3, .servicespersonnalises li,.cir th, #soleil th, .offre h1, td.greybar, td.circuits {
	font-family:'Trebuchet MS';
}

body, TABLE, SELECT, INPUT, TD, .bloclabel, .price p, .headoffer h2, .edit, .edit2, #promos h2, #destinations h2, #destinations h3,div#tarifs li a,.servicespersonnalises li, .cir th span {
	font-size:11px;
}
body {
  background: url(images/backgrounds/body.jpg) repeat-x #fff fixed;
}

IMG, FIELDSET {
  border: none;
}

FORM {
  padding: 0px;
  margin: 0px;
}


a {
  text-decoration: none;
  color: #666;
}

a:hover {
  text-decoration: underline;
}

#content {
  width: 1080px;
  margin: 10px auto;
  background: #fff;
}

div#colonne {
  float:left;
  width: 270px;
  margin: 6px 0 0 10px;
  background:#fff;
}

#block {
  width: 790px;
  background: #fff;
  float: left;
}

.red {
  float: right;
  margin-right: 1px;
  background: #EF989A;
  color: #fff;
  font-size: 10px;
  letter-spacing: 2px;
  padding-right: 10px;
  padding-left: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.red:hover {
  background: #c00000;
}
/**** LEFT ****/

#left {
  width: 209px;
  height: auto;
  background: #fff;
  float: left;
  overflow: hidden;
}

#left .elements {
  text-align: center;
  margin: -12px auto 6px auto;
  padding-left: -4px;
}


#infocont {
  border-top: 6px solid #4B87C2;
  width: 97%;
  height: auto;
  padding-top: 10px;
  margin: 8px 10px 6px 0;
}

div.separator {
  clear: both;
  padding: 0;
  margin: 0;
  font-size: 6px;
}

#frontfooter {
  width: 100%;
  background: url(images/backgrounds/frontbottom.png) no-repeat;
  height: 203px;
  color: #fff;
  font-family: Verdana;
  text-align: left;
}

#frontfooter .text1 {
  font-size: 47px;
  position: relative;
  top: 40px;
  text-align: center;
  color:white;
}

#frontfooter .text2 {
  font-size: 96px;
  margin-left: 160px;
}

#frontfooter .text3 {
  float: left;
  position: relative;
  top: 10px;
  left: 10px;
  font-size: 9px;
}

#frontfooter .legal {
  float: right;
  padding-top: 30px;
  color: rgb(102, 0, 0);
  padding-right: 40px;
  text-align: left;
  margin: 0;
}

#frontfooter .legal a {
  font-weight: bold;
  color: rgb(102, 0, 0);
}

.legal {
  font-size: 9px;
  text-align: center;
}

.edit {
  background: #999;
  color: #FFF;
  font-weight: bold;
  padding: 2px 4px;
  line-height: 16px;
  border: none;
  letter-spacing: 2px;
  cursor: pointer;
}

.edit2 {
  background: rgb(255, 204, 0);
  color: #666;
  cursor: pointer;
  font-weight: bold;
  padding: 2px 4px;
  line-height: 16px;
  border: none;
  letter-spacing: 2px;
}

.offres {
  width: 545px;
  float: left;
  padding: 8px 0 20px 5px;
  clear:both;
}

.offreslist_top {
  width: 540px;
  background: url(images/backgrounds/offres_top.png) no-repeat top;
  height: 23px;
  text-align: center;
  margin: 4px 0 0 0;
}

.offreslist_middle {
  width: 540px;
  background: url(images/backgrounds/koren.png) repeat-y;
  height: auto;
  margin-bottom:20px;
}

.offreslist_middle TABLE {
  margin: 4px auto 0 auto;

}

.offreslist_middle TH {
  padding: 4px;
  font-weight: normal;
  background: #f1f1f1;
  text-align:center;
}

.offreslist_middle TD {
  padding: 4px;
  font-weight: bold;
  color: #006699;
  vertical-align:middle;
}

.offreslist_middle a {
  color: #006699;
}



.offres h2 {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  text-align: justify;
  letter-spacing: 1px;
}
.cattitre {
  background: url(images/backgrounds/cattitre.png) no-repeat bottom right;
  height: 40px;
  width: 540px;
  text-align: left;
  font-family: Arial, sans-serif;
}

.cattitre h1:First-Letter {
  color: #ff9900;
  font-size: 30px;
}

.cattitre h1, .oftitre h1 {
  padding: 0;
  margin: 0;
  font-size: 24px;
  font-weight: normal;
  font-family: Tahoma, Arial, sans-serif;
  letter-spacing: 1px;
  color: #666;
  line-height: 25px;
}

.oftitre h1 {
  color: #ffffcc;
}

.offer, .sejour, .circuit {
  width: 541px;
}

.sejour h1 a {color: #fff;text-decoration:none;}

.circuit {
  background: url(images/backgrounds/circuit.png) no-repeat left;
  height: 130px;
}

.circuit, .sejour {
	  margin-bottom:14px;
}

.circuit .titre {
  width: 395px;
  background: url(images/backgrounds/titre_circuit.png) repeat-x;
}

.circuit .titre h1 a {
  padding: 0px;
  margin: 0px;
  color: #fff;
  text-indent: 10px;
  font-weight:bold;
}

.sejour .pres, .circuit .pres {
  padding: 0 1px 1px 0;
  width: 541px;
  background: url(backgrounds/rows_content.png) no-repeat bottom left;
  min-height: 140px;
}

.pres td {vertical-align:top;}
.pres table {margin-top: 3px;clear:both;}

.titre {background: url('backgrounds/rows_odd.png') top left repeat-x;}
/*.titre_even {background: url('backgrounds/rows_even.png') top left repeat-x;}*/

.titre h1 {
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  color: #fff;
  text-indent: 10px;
 
}
/*circuit*/
.circuit .titre {
	width:539px;
   	background: #87C40B;
   	border-right:1px solid #ccc;
}

.circuit .titre span {float:right;margin-right: 4px;text-transform:lowercase;color:white;}

.circuit .titre h1 a {
  padding: 0px;
  margin: 0px;
  color: #fff;  
  font-size: 15px;
}
.circuit .pres table {margin-top:3px;}
.thumb {
  float: left;
  padding: 0 3px 1px 2px;
  width: 140px;
}

.infos .voir {
  float: right;
  margin-right: 10px;
}

.circuit .prix {font-weight:normal;}
/**/
.stars {
  float: left;
  width: 80px;
  background: url(images/starbg.png) repeat-x;
  height: 21px;
  text-align: center;
}

.stars img {
  padding: 4px 0px 0px 0px;
}
.prix_odd, .circuit span.odd {
	color : #0E78A0;
}
.prix_even, .circuit span.even {
	color : #ff6600;
}

.euro, div.duree {font-size:21px;position:relative;top: 5px;}

.circuit .prix {
	color: #777;
}
div.duree {
  color: #808000;
}
div.duree {float:right;margin-right:8px;}

.bg_odd {background:url('backgrounds/rows_price_odd.png') top left no-repeat;}
.bg_even {background:url('backgrounds/rows_price_even.png') top left no-repeat;}
.bg_odd, .bg_even {display: block;width: 41px; height:38px;float:left;margin:5px 5px 0 10px; color: #fff;font-size:21px;}
/* colonne à droite */

.column {
  width: 220px;
  float: right;
  margin: 6px 4px 0 0;
}

.column h2 {
  font-size: 12px;
  color: #999;
  padding: 0px;
  margin: 0px;
}
/* offre simple */

.offre {
  float: left;
}

.circ {
  margin: 4px 0;
}

.offre h1 {
  color: #0087C5;
  font-size: 24px;
  text-align: left;
  padding: 0;
  margin: 0;
  font-weight:normal;
}

.etoiles {
  float: left;
  margin-left: 20px;
}

.oftitre {
  background: url(images/backgrounds/offrebg.png) repeat-x;
  height: 25px;
  width: 540px;
  text-align: left;
  text-indent: 10px;
  border: 1px solid #9FCA2F;
}

.hint {
  background: url(backgrounds/flower.png) no-repeat;
  width: 15px;
  height: 14px;
  float: left;
  margin: 2px 10px 0 0;
}


.homepict {
  background: url(images/backgrounds/photobox.png) repeat-x;
  width: 206px;
  height: auto;
  padding: 3px 1px 1px 1px;
  float: right;
  margin: -14px 0 0 16px;
  text-align: center;
}

.section {
  background: url(images/backgrounds/longd.png) no-repeat;
  width: 210px;
  height: 29px;
  font-weight: bold;
  line-height: 28px;
  text-indent: 10px;
  color: #006699;
}

.longd {
  clear: both;
  border: 1px solid #AFE5FF;
  padding: 14px 0 10px 14px;
  margin-bottom: 14px;
}

.longd2 {
  clear: both;
  border: 1px solid #AFE5FF;
  padding: 14px 14px 30px 14px;
  margin-bottom: 20px;
}
/* sortie offres */

.list TD {
  padding: 4px 8px;
  font-weight: bold;
  color: #006699;
  text-align: center;
}

.blue {
  background: #EBF8FF;
  border: none;
}

.blanc {
  background: #FFFFFF;
}

.type {
  text-align: left;
  width: 130px;
  text-indent: 10px;
}

#promos {
  position: relative;
  z-index: 0;
  background: url(images/promosbg.png) no-repeat;
  width: 195px;
  height: 200px;
  margin-top: 10px;
}

#promos h2, #destinations h2 {
  color: #FFF;
  margin: 0px;
  padding: 10px 0px;
  text-indent: 20px;
}

#destinations {
  background: url(images/backgrounds/destinations.jpg) no-repeat;
  width: 209px;
  height: 311px;
  padding-top: 18px;
}

#destinations h3 {
  color: #006699;
  margin: 0px;
  padding: 0px;
}

#destinations ul {
  padding: 4px 0 0 20px;
  margin: 0;
}

#destinations li {
  list-style: none;
  line-height: 16px;
}

/* bookings */


#booking .list {
  background: #fff;
  margin: 20px 0 0 0;
}

#booking TABLE, #booking TD {
  text-align: left;
}

#booking .head {
  float: left;
  background: url(images/backgrounds/booking_header.png) no-repeat #fff;
  color: #fff;
  padding: 4px;
  font-size: 12px;
  font-family: Arial;
  font-weight: bold;
  letter-spacing: 1px;
  width: 318px;
  text-align: left;
  text-indent: 20px;
}

#booking .form {
  padding: 14px;
  border: 1px solid #ccc;
  clear:left;
}

.recordbooking {
  border: none;
  cursor: pointer;
  width: 160px;
  height: 41px;
  float: right;
}

.addpart {
  background: url(images/addpart.png) no-repeat;
  border: none;
  cursor: pointer;
  width: 160px;
  height: 20px;
  margin-left: 8px;
}

.form TABLE INPUT, .form #add-user-panel INPUT,  {
  text-transform: capitalize;
  font-weight: normal;
  border: 1px solid rgb(232, 232, 232);
  height: 16px;
}

.form LABEL {
  margin: 0 10px 0 5px;
}

.success {
  font-family: Arial, sans-serif;
  font-size: 18px;
  margin: 20px 0;
}
/* contact */

.skype {
  background: url(images/skype2.png) no-repeat left;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-indent: 40px;
  line-height: 30px;
  margin-left: 20px;
  font-weight: bold;
  color: #006699;
}
/* offres spéciales */

div.offres_speciales {
	
	background: url('images/backgrounds/offres_speciales.png') top left no-repeat;
	width:100%;
	height:16px;	
}

/* tarfis */

a.book {
	background:#5BC238;
	color: #fff;
}
a.book :hover {
text-decoration:none;
}

.showprice {
  width: 560px;
  height: 30px;
  text-align: left;
  border: 0px solid #000;
}

.showprice span {
  color: #ff6600;
}

.showprice body {
  background: #fff;
}

.showprice .prix {
  font-size: 18px;
  color: #ff6600;
  float: right;
  margin: 0 80px 0 0;
}

.calcul {
  background: url(images/calculer.png) no-repeat;
  width: 90px;
  height: 39px;
  cursor: pointer;
  border: none;
}

.calcul:hover {
  background: url(images/calculer2.png) no-repeat;
}

/*nav*/

.extr {
  background: url(images/backgrounds/begin_pag.png) no-repeat #fff;
  width: 93px;
  height: 26px;
  line-height: 25px;
  color: #797900;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  margin: 0 5px;
}

.extr a {
  color: #797900;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

.prevp {
  background: url(images/backgrounds/prev_pag.png) no-repeat #fff;
  width: 25px;
  height: 25px;
}

.nextp {
  background: url(images/backgrounds/next_pag.png) no-repeat #fff;
  width: 25px;
  height: 25px;
  float: right;
}

.navpages {
  line-height: 24px;
  margin: 0 20px;
  text-align: center;
}

.nextp a:hover, .prevp a:hover {
  text-decoration: none;
}

.prevp, .navpages {
  float: left;
}

.activp {
  padding: 3px 6px;
  font-weight: bold;
  background: #6699ff;
  color: #fff;
}
/* galeries d'images */

.gallink {
  float: right;
  background: url(images/backgrounds/moreimgs.png) no-repeat right;
  width: 89px;
  padding-top: 6px;
  margin-top: 6px;
  font-size: 9px;
}

.gallink a {
  color: #999;
}

.gallink a:hover {
  text-decoration: underline;
}

#galeria {
  padding: 4px 0 0 18px;
  background: url(images/backgrounds/galeria1.png) no-repeat left top;
}

#galeria img {
  border: 1px solid #ccc;
  padding: 4px;
  margin: 4px 2px;
}

#galeria2 {
  background: url(images/backgrounds/galeria2.png) repeat-y;
  margin-left: -18px;
  padding-left: 18px;
}

#galeria3 {
  background: url(images/backgrounds/galeria3.png) no-repeat left top;
  height: 10px;
}
/* New template */

#header {
  margin-right: 10px;
  padding: 20px 0 3px 0;
  background: #fff;
 border-bottom:10px solid #EFEFEF/*#EFF1E5*/;
  
}
td {
  vertical-align: top;
  
}


#colonne {
  padding-top: 10px;
}

#colonne div.front_promos {
  background: url('images/backgrounds/colonne_hiver.png') repeat-x left top #DBEAEF;
  width: 260px;
  margin-top: 6px;
}

div.promo {
  margin: 0 0 12px 18px;
}

div.promo a {
  color: #999;
  text-decoration: none;
}

div.promo h4 {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

div.promo h4 a {
  color: #666;
}

div.promo h4 a:hover {
  text-decoration: underline;
}

div.promo .cont {
  margin-top: 4px;
}

div.promo img.th {
  clear: both;
  float: left;
  border: 2px solid #fff;
  margin-right: 4px;
}

div.promo .price {
  background: url('images/backgrounds/promoprice.png') repeat-x left;
  height: 31px;
  line-height: 30px;
  width: auto;
  padding: 0 6px;
  margin: 0 0 0 0;
  color: #333;
  font-weight: normal;
  border: 1px solid #E0EEF2;
}

div.promo .tarif {
  background: url('images/backgrounds/tar_span.png') repeat-x left top #D9271B;
  height: 30px;
  width: auto;
  padding: 2px 6px 0 12px;
  margin: 0 18px 0 0;
  font-weight: normal;
}
div.promo .tarif, div.promo .tarif a {
  color: #f0f0f0;	
}
div.promo .end {
  background: url('images/backgrounds/tar_span_.png') repeat-y;
  width: 15px;
  height: 30px;
}

div.promo table {
  margin-top: 2px;
}

input.checkbox {width:24px;border:none;}
td.t_right {padding-right: 20px;text-align:right;}

div.payform INPUT {display:inline;height:35px;border:none;width:55px;}

.participants td, .participants th {vertical-align: middle;padding-right:10px;}

/*** New stylesheet ***/
td {vertical-align:middle;}
td.coin_d {background: url('backgrounds/coin_d.png') no-repeat top left; width:82px;}

td.panoramic {width:690px;height:226px;padding-bottom:6px;}

div.coin_d2 {background: url('backgrounds/coin_d2.png') no-repeat top left; width:75px;height:306px;}
div.panoramic {margin-top:4px;height:306px;border-bottom:7px solid #e50000;width:774px;}


div.greybar { background: #EFF1E5; display: block; height:43px;font-size: 11px; line-height: 43px; font-weight:bold; text-align:right;padding:0 10px;}
td.map {background: url('backgrounds/carte_bg.png') no-repeat top left;height:62px;width:178px;}

td.front {width:496px;border-right:6px solid #f7f7f7;}
td.info {padding-left:8px;vertical-align:top;}
td.papirus {background: url('backgrounds/papirus.png') no-repeat top left;height:30px;width:259px;color:#fff;font-size:12px;text-indent:12px;}

td.front_bottom {background:#f7f7f7;border-left:10px solid #cc6600;height:38px;text-indent:12px;}

.col_title {font-size:15px;font-weight:bold;text-transform:uppercase;color:#999999;border-bottom:2px solid #eaeaea;width: 90%;line-height:24px;margin-bottom:8px;}

div.info a {
  float: left;
  font-size: 12px;
  color: #666;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.infobox {
  clear: both;
  background: #f7f7f7;
  width:90%;
  padding: 4px 8px 8px 8px;
  line-height: 12px;
}

div.info a:hover {
  color: #3973AC;
  text-decoration: none;
}

div.info {
  margin: 3px 0;
}


.greybar a {float:left;}

.servicespersonnalises {
	background: url('backgrounds/services_personnalises.png') no-repeat top left;
	width:253px;
	height:169px;
	margin-top:18px;
}
.servicespersonnalises small, .devis small, .findhotel small {margin-left:10px;font-family:Tahoma;font-size:9px;text-align:left;}
.servicespersonnalises h3, .devis h3 {color:#fff;font-size:14px;text-transform:uppercase;padding:0;margin:6px 0 10px 0;text-indent:10px;}
.servicespersonnalises ul {list-style-type:none;margin: 10px 0 0 0;padding:0;}
.servicespersonnalises li {
	background:#E8F7FD;
	margin:2px 8px;
	color:#666;
	font-weight:bold;
	line-height:24px;
	text-indent:10px;
}

.devis {
	background: url('backgrounds/devis.png') no-repeat top left;
	width:252px;
	height:128px;
	margin-top:10px;
}

.findhotel {
	
	background: url('backgrounds/find_hotel.png') no-repeat top left;
	width:258px;
	margin-top:10px;

}
.findhotel h2 {color:#726347;font:13px/36px Arial;padding:0;margin:0;text-indent:10px;font-weight: bold;}
.findhotel > div {border:1px solid #EFF1E6; border-top:none;padding:10px 8px;}
.findhotel ul {list-style-type: none;margin:0;padding:0;float:left;}
.findhotel li a {display:block;height:20px;line-height:20px;text-indent:10px;}
.findhotel li a:hover {background: #CFD2B0; color:#4F4431;text-decoration:none;}

.cir {margin-right: 12px;}
.cir th {background:#f7f7f7;line-height:30px;text-indent: 12px;color:#996600;font-size:13px;padding-right:10px;}
.cir th span {float:right;color: #666;}
.cir img {border:1px solid #ccc;padding:5px;}
.cir .txt {padding-left: 16px;}


.mapbg td img {display: block;}

#colonne div {overflow:hidden;}
.offres td {vertical-align:top;}

#showhide {cursor:pointer;}

div.highslide-gallery img {float:left; margin:0 4px 5px 0;}
div.price_desc {margin:10px 0 0 25px;}
div.price_desc p {margin:3px 0;}

/** HEADER SLIDESHOW **/

#slideshow {
    position:relative;
    height:300px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    border-left:9px solid white;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

div#tarifs { clear:both;}

div#tarifs td {
	vertical-align: middle;
	padding:0 6px 0 6px;
	color:#333;
	line-height:22px;
}
div#tarifs td.prix {
text-align: right;
padding:0 30px;
color:#5193CF;
font-size: 14px;
font-weight:bold;
}

div#tarifs ul { float:left;}

div#tarifs li a {
	
 padding:4px 10px;
 display:block;
 width:120px;
 text-align:left;
		
}
div#tarifs li img {float:right;padding-top:3px;}
div#tarifs li a:hover {
	
	color: #666;
		
}
div#tarifs .div_price_container {border:1px solid #AFE5FF;float:left;margin-top:1px;width: 380px;}
div#tarifs .div_price_container table {margin:0;}
div#tarifs .div_price_container .odd {background:#e0e0e0;}
.notice {background:#5BC238;color: #fff;border-top: 1px solid white; display: block; width:90px;height:24px;text-align:center;}
.notice a {color:#fff;}

.booking_block td {padding-right:10px;}
.booking_block select { border: 1px solid rgb(232, 232, 232); display:block; height:24px; text-indent:6px; width:150px;}

.bar_circuits {background:url('backgrounds/barre_rouge_circuits.png'); width: 770px; display:block;line-height:26px;height:26px;color:white;font-size:14px;text-transform:capitalize;text-indent:14px;margin:6px 0;}

#top_section {float:right;}
#vols {margin:4px 0 0 2px;}