body { margin : 0 auto 0 auto ;padding:0; text-align:center; font-size : 10px; background : #FFFFFF ;}
#container {  position : relative ;  width:995px; text-align: left ; margin : 0 auto 0 auto ; padding : 0 ; }
form { margin : 0 ; padding : 0 ; }
ul { list-style:none ; margin : 0 ; padding : 0 ;} 
li { list-style:none  ; margin : 0 ; padding : 0 ; color : #666 ;}
img { border : none ;  margin : 0 ; padding : 0}
.infos { font : Bold 11px Arial ; color : #0066CC ; text-decoration : underline ; }
.clear { font-size : 1px ; height : 1px ;  clear : both ; }
.left { float : left ; }
.right { float : right ; }
.noMarge { margin : 0 ; padding : 0 ; }
.bg_blc { background-color : #FFF; }
.bg_gc { background-color : #F6F6F6 !important; }
.bg_bc { background-color : #E5EFFA !important;}
.invisible { display : none ; }
.visible { display : block ; }
.pointer { cursor : pointer; }
.rouge { color : #FF0000 ;}
.noir {color : #000 }
.gris {color : #999 }
#pub { position : relative ; margin-top : 0px ; padding : 0 ;text-align : center ; width : 164px; }
#sky { position : absolute; left : 10px ; top : 20px ; font : Normal 12px/15px Arial ; margin : 0 ; padding : 0 ; width : 150px ; height : 600px ;  }
#sky div { font : Bold 11px/15px Arial ; border : 1px solid #DDD ; background : #FFF ; margin : 0 0 10px 0 ; padding : 3px ; cursor : pointer ; }
#sky .titre { font : Bold 15px/15px Arial ; color : #06C ; text-transform : uppercase ; }
#sky .remise { font : Bold 15px/15px Arial ; color : #F60 ;  }
#sky .date { font : Bold 11px/15px Arial ; color : #06C ;  }
.barre { text-decoration : line-through ;}
.bigger { font-size : 140% ; font-weight : bold ; }
.sep5 { height : 5px ; }

/* HEADER */
/*ok*/ #header {height: 80px;background : url(../immagini/header.jpg) repeat-x;}
/*ok*/ #logo {display : block; position : absolute; left : 48px; top : 10px; width :150px; height :57px; background : url(../immagini/logo.gif) no-repeat;}
/*ok*/ #logo a { display : block;width:77px;height:93px;}
#logofr {display : block; position : absolute; left : 48px; top : 2px; width :63px; height :76px; background : url(../immagini/logo.gif) no-repeat;}
#logofr a { display : block;width:77px;height:93px;}
/*ok*/ #categorie{position : absolute; left : 136px; top : 0px;width:709px;}
/*ok*/ #categorie li{	float:left;}
#newsletter{ position : absolute; left : 260px; top : 39px;width:575px;text-align:right; }
#newsletter input{color:#226EB2;font-size:9px;font-weight:bold;}
#nav { position : absolute; left : 215px; top : 80px;width:775px;text-align:left; }
#nav li{ float : left; padding : 0 ; }
#nav li a{ background : url(../immagini/p_nav.gif) no-repeat 0px 7px ; margin-left : 10px ; padding: 0 12px 0 14px ; display:block;}
#nav .on div { background : url(../immagini/nav_right.gif) no-repeat right top; display : block;}
#nav .on { background : #FFF url(../immagini/nav_left.gif) no-repeat left top ; }
#nav .pvhon div { background : url(../immagini/nav_right_on.gif) no-repeat right top; display : block;}
#nav .pvhon { background : #FFF url(../immagini/nav_left_on.gif) no-repeat left top ; }
#nav img { margin : 7px 0 5px 0;}
/* commented backslash hack v2 \*/
#nav li div{ width:auto;display:block !important;display:inline;float:none;}
/* end hack */
/*ok*/ #lingua { position : absolute; left : 860px; top : 65px; width:141px;}
/*ok*/ #lingua img { margin : 0px ; padding : 0 3px 0 0 ;}
#compte{position : absolute; left : 849px; top : 0px;width:141px;height:25px;background : url(../immagini/fd_compte.gif) no-repeat;}
#compte h1{padding-left:10px;padding-top:5px;}
#selection{position : absolute; left : 849px; top : 28px;width:141px;height:48px;background : url(../immagini/fd_selection.gif) no-repeat;}
#selection h1{ margin : 0 ; padding : 4px 0 4px 10px;}
#selection div{padding-left:10px;line-height:18px;}
#selection div a{font-family:verdana;color:#026DB8;font-weight:bold;text-decoration:underline;}
#selection *{font-family: Verdana, Arial, Helvetica, sans-serif;}
#recherche {position : absolute; left : 10px; top : 78px;width:141px;height:28px;background : url(../immagini/fd_recherche.gif) no-repeat;}
#recherche h1 {padding:10px 0 0 10px; margin : 0 ;left : 10px; top : 78px;width:141px;height:28px;background : url(../immagini/fd_recherche.gif) no-repeat;}

/* div visuel principal*/
#visuel { position : absolute ; z-index : 1 ; top : 106px ; left : 245px ;margin-left : -25px ; }

/*TG*/
.tg215x60 { height : 60px ; width : 215px ; }
.tg180x60 { height : 60px ; width : 180px ;}
.tg215x60 a, .tg180x60 a  { position : relative ; display : block ; font : Bold 9pt/11pt Arial ; color : #0066CC ; padding : 6px 8px 0 0 ; margin : 0 ; text-decoration : none ; text-align : right ; }
.tg215x60 .date, .tg180x60 .date { font : Bold 8pt Arial ; color : #999 ; }
.tg215x60 .prix, .tg180x60 .prix { font : Bold 12pt Arial ; color : #FF6600 ; }
.sepTG { margin-right : 25px ; }

/* NATURELLE */
#nat { margin : 0 ; padding : 0px ; }
#nat .texte { font : Bold 8pt Arial ; color : #000 ;  padding : 10px 0px 0 0px ; text-align : left }
#nat .input { font : Normal 12px Arial ;  color : #666 ; border : 1px solid #69C; width : 250px ; margin : 0px 5px 0 5px ; }
#nat .ok { font : Bold 12px Arial ;  color : #FFF ; background : url(../immagini/btn-ok.gif); border : none ; width : 35px ; height:22px ; margin : 0px 5px 0 0px}
#choixDest { position : absolute; left : 150px ; top : 150px ; width : 320px; background : #FFC ; border : 1px solid #000 ; padding : 10px 0 10px 0 ; text-align : left !important;display : none ; z-index : 110 ;}
#choixDest a { font : Normal 11px/20px Arial ; color : #06C ; padding : 0 5px ; display : block ; }
#choixDest span { margin : 0 15px; font : Bold 10px Verdana ; color : red ; }
.plus {  font : Bold 15px/10px Verdana !important; color : #000 !important;}

/* MOTEUR */
#moteur { width : 225px ; border-left : 1px solid #CCC ; margin : 0 ; padding : 0; background : #FFF url(../immagini/moteur-bg.jpg) bottom right repeat-y ; }
#moteur h2 { font : Bold 13px Arial ; color : #315AAC ; margin : 0 6px 0 0 ; padding : 0;  }
#moteur h2 span { display : none ; }
#moteur .separator { margin-right : 6px ; height : 6px ; background : url(../immagini/moteur-hr.gif) repeat-x ; overflow : hidden; }
.bottom { width : 225px ; height : 5px ; background : url(../immagini/moteur-bottom.gif) no-repeat ; overflow : hidden; }

/* MULTI CRITERE */
#motCritere  { background : #FFF url(../immagini/moteurCritere-bg.jpg) bottom left repeat-x; margin : 0 6px 0 0 ; padding : 0 0 5px 20px ; text-align : left ;}
#motCritere input, #motCritere select { font : Normal 11px Arial ; color : #000 ; margin-left : 7px ; padding : 0; }
#moteur fieldset { border : none ; margin : 0 ; padding : 0 ; text-align : left	 ;}
#moteur legend { font : Bold 11px Arial, Verdana ; color : #315AAC ; padding-top : 5px ; margin : 0 ; }
#moteur label { font : Normal 11px Arial ; color : #000 ; margin : 0 ; padding : 0 0 0 3px ;}
.boxlabel  { width : 85px ; margin : 0 ; padding : 0 ;}
.disabled { color: #999 ; font : Italic 11px Arial ;}
.selectCritere1 { width : 160px ;}
.selectCritere2 { width : 75px ;}
.selectCritere3 { width : 70px ;}
#resultatMoteur { font : Bold 11px Arial ; color : #666 ; text-align : center ; border : 1px solid #315AAC ; background : #FFFFCC ; margin : 5px 0 5px 7px ; padding : 3px 0 3px 0 ; width : 158px; clear : both ;}
#resultatMoteur span { color : #315AAC ; }

/* Thematique */
#moteurTheme, #moteurGeo, #carte { padding : 0 ; margin : 0 6px 0 0; background : #FFF url(../immagini/moteurCritere-bg.jpg) bottom left repeat-x; }
#carte { margin : 0; }
#moteurTheme  ul { float : left ; width : 109px ; margin : 0 ; padding : 0 ; font : Normal 10px/12px Arial ; color :#000 ; list-style : none ;}
#moteurTheme  li { margin : 0 ; padding : 1px 0 1px 10px ; text-align : left ; }
#moteurTheme  li a { text-decoration : none ; color : #000 ; padding : 0; margin : 0; }
.thematique { float: left ;  width: 109px ; text-align: right; padding: 0 0 0 0; margin: 1px 0 0 0 ; }
.thematique dd { font : Normal 10px/12px Arial ; text-align: center ; margin: 0; padding: 0 ; }
.thematique dt img { width : 108px ; height : 50px ; }
.thematique a { text-decoration : none ; color : #000 ; padding : 0; margin : 0 ; }
.aTheme { padding : 3px 0 3px 10px ; margin : 0 6px 0 0 ; background : #DDDDDD ;} 

/* geo */
#moteurGeo h4 { border-top : 1px solid #FFF ; margin : 0 0 0 1px ; padding : 0 0 0 10px ; font : Bold 12px/18px Arial ; text-align : left ;  }
#moteurGeo .on { color : #FFF ;  background : #7DA7D9 url(../immagini/moteur-fleche.gif) no-repeat 200px 4px ; }
#moteurGeo .off { color : #315AAC ;  background : #DDD url(../immagini/moteur-fleche.gif) no-repeat 200px 4px ; }
#moteurGeo div ul { margin : 0 ; padding : 0 ; font : Normal 11px/14px Arial ; color :#000 ; list-style : none ; }
#moteurGeo div li { margin : 0 ; padding : 0 0 1px 0px ; text-align : left ; }
#moteurGeo div a { text-decoration : none ; color : #06C ; display : block ; padding-left : 15px; margin-left : 1px }
#moteurGeo div a:hover { text-decoration : none ; color : #000 ; background : #FFC ; }
.fleche {font : Bold 12px/18px Arial; margin : 0 ; padding : 5px 5px 0 0 ; }
.valider {width : 167px ; height : 25px ; margin : 0 ; padding : 0 ; text-align : right; }

/*footer*/
#footer { margin : 10px 0 0 0 ; background : #EEEEEE ; border-top : 2px solid #CCC ; border-bottom : 2px solid #CCC; text-align : center ;}
#footer .content { position : relative ;  width : 995px ; margin : 0 auto 0 auto ; background : url(../immagini/logoA.gif) no-repeat 0px 10px}
.level1 { width : 950px ; margin-top : 50px ; margin-bottom : 20px;}
.level1 li { float : left; margin : 0 8px  2px 0 ; }
.level1 a { font : Bold 10px Verdana ;background : url(../immagini/p_gris.gif) no-repeat 0px 3px ; padding-left:10px ;color:#999 ; text-decoration:none;}
.level2 { width : 190px ; text-align : left ; margin-bottom : 20px ; }
.afoot { font : Normal 11px/15px Arial ; color : #999 ; text-decoration : none ; }
#logo a h1 { display : none ;}
#content h1 span{ font : Bold Italic 11px/20px Verdana; color : #CCC ;}
#content { margin : 0px ; padding : 0 ; text-align : left ;  }
#content h2 { margin : 10px 0 0 0 ; padding : 0 0 0px 0 ; font : Bold 15px/18px Verdana; color : #000 ;
background : transparent url(../immagini/p_prater.gif) no-repeat 2px 7px ; padding-left : 15px !important; }
#content h2 span{ color : #666 ; }
#content h3 { margin : 15px 0 0 0 ; padding : 0 0 0 10px ; font : Bold 11px/20px Verdana; color : #06C ; text-transform : uppercase ;}
#content h3 a { color : #06C ; text-decoration : none ;}
#content p { margin : 5px 0px 10px 0px; padding : 0px ; text-align : justify ;font : Normal 10px/13px Verdana; color : #666 ; }
#content ul { margin : 0px 0 10px 10px ; padding : 0 ; font :  Normal 10px/13px Verdana; color : #000 ; list-style : none ;}
#content li a { color : #036; }
#content .visuel { margin-top : 20px ; width : 570px ; }
#content p img { float : right ; margin-top : 0px; margin : -30px 0px 0 5px ;  }

/*OFFRE*/
.offre { position : relative ;  width : 590px ; height : 140px ; margin : 0px 0px 0 0 ; padding : 0 ; border-bottom : 1px solid #333 ;} 
.offre .titre { position : absolute ; top : 7px ; left : 3px ; margin : 0 !important; padding : 0 !important; font : Bold 11px/15px Verdana !important ; 
background : transparent url(../immagini/p_desc.gif) no-repeat 2px 4px ; padding-left : 12px !important; }
.offre .titre span { color : #000 ; }
.offre .photo { position : absolute ; top : 25px ; left : 0px ; }
.offre .arg { position : absolute ; top : 25px ; left : 110px ; }
.offre .arg ul { margin : 0 0 0 30px !important; padding : 0 ; list-style-type : disc !important ;  }
.offre .arg li { list-style-type : disc !important ;  font : Normal 10px/12px Arial !important ;}
.offre .promo { position : absolute ; top : 70px ; left : 120px ;font : Bold 11px/11px Arial; text-align : left ; width : 470px ; background : #E5EFFA ; padding : 5px 5px 5px 0px; }
.offre .prixPromo { font : Bold 13pt/13pt Arial; color : #F00 ; }
.offre .datePromo { font : Bold 11px/11px Arial; color : #666 ; }
.offre .price a { position : absolute ; top : 115px ; left : 435px ; width : 70px ; font : Bold 8pt/10pt Verdana; background-color : #06C ; cursor : pointer ; text-decoration : none; border : 1px solid #036 ; padding : 1px 3px 1px 3px ; color : #FFF ; text-align : center ;}
.offre .book { position : absolute ; top : 115px ; left : 517px ; font : Bold 8pt/10pt Verdana; background-color : #1FB916 ; cursor : pointer ; text-decoration : none; border : 1px solid #090 ; padding : 1px 5px 1px 5px ; color : #FFF ; }
.offre .lien { 
	position : absolute ; 
	top : 117px ;
	left : 115px ;
	font : Bold 10px/13px Verdana ;
	}
	.lien a {
	color : #06C; 
	text-decoration : none ; 
	margin-right : 5px ;
	}
/*DIV INFO PLUS*/
#info { width : 588px ; margin : 0px ; padding : 10px 0 10px 0 ; background : #DDD url(../immagini/moteurCritere-bgm.jpg) top left repeat-x; ; border : 1px solid #CCC ;  }
#info p, #info table { margin : 0 10px 10px 10px !important;  }
#info h2 { margin : 5px 0 0 10px !important ; padding : 0 0 0 15px!important ; border : none ; color : #06C ; 
background : transparent url(../immagini/p_descm.gif) no-repeat 2px 7px !important}
#info h3 { margin : 5px 10px 0 10px !important ; padding : 1px 0 0 10px !important ; color :#000 ; background : #DDD }
#info .dom { margin : 0 0 10px 0 ; padding : 5px 5px 5px 10px ; border : 1px solid #DDD ; }
.pistn, .pistr, .pistb, .pistv { font : Bold 9pt/14pt Arial ; color : #FFF ; padding : 0 5px 0 5px ; }
.pistn { background : #000 ; }
.pistr { background : #F00 ; }
.pistb { background : #06C ; }
.pistv { background : #090 ; }
/**/
.lienInfo { font : Bold 8pt/11pt Verdana ; color : #06C ; float : right ; }

/*viewer*/
.titrePhoto { font : Bold 10px/13px Verdana ; cursor : pointer ; color : #000; text-decoration : none ; width : 120px; text-align : center ; }
#calque { position:absolute; text-align : center ; z-index:10; left : 150px ; top : 150px ; width : 300px ; height : 248px ; border : 1px solid #999 ; display : none ; background-color : #EEE ; }
#calque img { margin-top : 2px ; margin-bottom : 5px ; border : 2px solid #DDD ; }
#calque a { font : Bold 11px/18px Verdana ; text-decoration : none ; color : #06C ; }
#calque a:active, #calque a:hover  { color :#CCC ; }
.fermer { color : #F00 !important; }

/*PAGINATION*/
.page { font : Bold 11px Verdana ; color : #999 ; margin : 0 ; padding : 7px 0  0 0 ;}
.nexter { font : Bold 11px Verdana ; margin : 0 ; padding : 0 ;  }
.nexter .suiv { padding : 0px 5px ; border : 1px solid #CACACA ; border-left : none ; border-right : none ; }
.nexter a { color:#106AB5; }
.nexter .on{ color:#000000; }

/* GOOGLE MAP POP-UP */
	#cadreMap { 
	position :absolute ; 
	text-align : center ; 
	z-index:10; 
	left : 80px ; 
	top : 280px ; 
	width : 490px ; 
	height : 297px ; 
	padding : 5px ; 
	border : 1px solid #000 ; 
	display : none ; 
	background-color : #FFF ; 
	}
	#map { 
	position : relative; 
	width : 480px ; 
	height : 280px ; 
	}
	#cadreMap .close { 
	position:relative; 
	width : 480px ; 
	background : #000 ; 
	margin-top : 1px ; 
	text-align : center ; 
	display : block ; 
	color : #FFF ; 
	font : Normal 12px/15px Tahoma, sans ; 
	text-decoration : none ;
	}