/* ------------------- BEGIN GLOBAL STYLES ------------------- */

* {margin: 0; padding: 0}
html {margin: 0; padding: 0}
body {height: 100%; margin: 0; padding: 0; color: #555; background-color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; background-image: url(/images/ui/bg-page-hiver.jpg); background-repeat: repeat-x;  background-position: top center}

/* float clearing for IE6 */
* html .clearfix{height: 1%; overflow: visible}
/* float clearing for IE7 */ 
*+html .clearfix{min-height: 1%}  
/* float clearing for everyone else */ 
.clearfix:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0} 

h1 {font-weight: bold; font-size: 21px; line-height: 23px; color: #000; margin: 0 0 15px 0; padding: 0}
h2 {font-weight: bold; font-size: 15px; line-height: 17px; color: #000; margin: 10px 0 15px 0; padding: 0}
h3 {font-weight: bold; font-size: 13px; line-height: 15px; color: #85b000; margin: 5px 0 5px 0; padding: 0}
h4 {font-weight: bold; font-size: 11px; line-height: 13px; color: #4a92a9; margin: 0 0 1px 0; padding: 0}

h1 span {display: block; font-size: 12px; line-height: 15px; color: #2c6d95; margin: 0;}

ul {list-style-type: disc; margin: 0 0 0 10px; padding: 0}
	ul li {margin: 0; padding: 0 0 5px 0}

p {margin: 0; padding: 0 0 10px 0}
p.fieldsRequired {color: #999; font-size: 10px}
	p.fieldsRequired span {color: #f00}

img {border: none}

a:link {color: #1f7a96; text-decoration: none; outline: none}
a:visited {color: #1f7a96; text-decoration: none; outline: none}
a:hover {color: #e36b1c; text-decoration: underline; outline: none}
a:active {color: #1f7a96; text-decoration: underline; outline: none}

ul {margin: 0 0 10px 20px; padding: 0}
	ul li {margin: 0; padding: 0 0 5px 0}
	
ol {margin: 0 0 10px 20px; padding: 0}
	ol li {margin: 0; padding: 0 0 5px 0}	

form {margin: 0; padding: 0}
input[type="hidden"] {border: none}
input[type="text"],
input[type="password"] {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #555; background-color: #fff; height: 20px; font-size: 11px; line-height: 20px; padding-left: 3px; border: 1px solid #dadada; outline: none}
input[type="radio"] {background: transparent; border: none}
input[type="checkbox"] {background: transparent; border: none}
select {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #555; font-size: 11px; line-height: 20px; background-color: #fff; border: 1px solid #dadada}
	select option {padding: 0 0 3px 0}
textarea {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #555; font-size: 11px; background-color: #fff; border: 1px solid #dadada; padding: 5px}
input[type="submit"] {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 11px; line-height: 13px; margin: 0; padding: 5px 20px 5px 20px; text-align: center; outline: none; background-color: #1e7996; border: 1px solid #dadada; cursor: pointer}
input[type="submit"]:hover {background-color: #85b000}

input.keywords {height: 24px; font-size: 11px; line-height: 24px; padding-left: 30px; background-color: #fff; background-image: url(/images/ui/bg-search-box.gif); background-repeat: no-repeat; background-position: 6px 7px;}

a.button {color: #fff; font-size: 12px; margin: 0; padding: 7px 20px 7px 20px; text-align: center; outline: none; background-color: #1e7996; border: 1px solid #dadada}
a.button:hover {background-color: #85b000; text-decoration: none}

hr {border: 0; height: 1px; color: #dadada; background-color: #dadada; margin: 15px 0 15px 0; padding: 0; overflow: auto}
hr.content_small {width: 404px; background-color: transparent; background-image: url(/images/ui/content-divider-small.gif)}
hr.content_large { position: relative; width: 404px; background-color: transparent; background-image: url(/images/ui/content-divider-large.gif)}

iframe {margin: 0; padding: 0}

/* -------------------- END GLOBAL STYLES -------------------- */


/* ------------------- BEGIN LAYOUT STYLES ------------------- */

/* CONTAINER */
#container, #container_international{width: 979px; margin: 0 auto; padding: 0 0 60px 0; background-repeat: no-repeat; background-position: 0 0}
#container{background-image: url(/images/ui/bg-container-gutter-top.png); }
#container_international {background-image: url(/images/ui/bg-container-gutter-top_international.png);}

	/* HEADER */	
  #header {clear: both; position: relative; width: 979px; height: 130px; margin: 0; padding: 0;  }
    
    /* top menu */
    #header div.topMenu {position: absolute; left: 0; top: 0; color: #9e9e9e; font-size: 11px; line-height: 13px; width: 979px; height: 45px; margin: 0; padding: 0; background-image: url(/images/ui/cta-star.png); background-repeat: no-repeat; background-position: 15px 12px;}
        #header div.topMenu ul {list-style-type: none; margin: 0; padding: 0}
            #header div.topMenu ul li {display: inline; margin: 0; padding: 0}
            #header div.topMenu ul li.separator {text-align: center; padding: 0 4px}
            #header div.topMenu ul li.tollfree {color: #85b000; font-weight: bold}
        #header div.topMenu div.left {float: left; height: 13px; margin-top: 20px; text-align: left}
        #header div.topMenu div.left-en {width: 360px;}
        #header div.topMenu div.left-fr {width: 340px;}
            #header div.topMenu div.left ul {margin-left: 50px; text-align: left}
            #header div.topMenu div.left a {font-weight: bold}
        #header div.topMenu div.right {float: right; height: 13px; margin-top: 20px; text-align: right}
        #header div.topMenu div.right-en {width: 610px;}
        #header div.topMenu div.right-fr {width: 630px;}
            #header div.topMenu div.right ul {margin-right: 18px; text-align: right}
            #header div.topMenu div.right ul li {white-space: nowrap}
  
    /* logo */
    #header div.logo {position: absolute; left: 30px; top: 64px; width: 272px; height: 49px; background: none;}    
    #header div.logo_international {position: absolute; left: 30px; top: 45px; width: 304px; height: 75px; background: none;}    
       
    /* search */		
		#header div.search {display: block; position: absolute; right: 37px; top: 77px; margin: 0; padding: 0}
      #header div.search input.keywords {float: left; width: 200px; border: 1px solid #71a6aa}
      #header div.search input[type="submit"] {float: left; width: 25px; height: 24px; font-size: 11px; line-height: 20px; margin-left: 5px; padding: 0; text-transform: uppercase; text-align: center}
                  
	/* HEADER PRINT */
	#headerPrint {display: none;}  
	
	/* MAIN MENU */
  #mainMenu {clear: both; width: 963px; height: 38px; margin: 0 auto; padding: 0}  
    #mainMenu ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden}
      #mainMenu ul li {float: left; margin: 0; padding: 0}
        #mainMenu ul li a {display: block; color: #fff; height: 36px; margin: 0 1px 0 0; padding: 0; font-size: 17px; line-height: 35px; text-align: center; background-color: #85b000; text-decoration: none}
        #mainMenu ul li a:link {color: #fff; background-color: #85b000}
        #mainMenu ul li a:visited {color: #fff; background-color: #85b000}
        #mainMenu ul li a.opt1 {width: 123px; margin-right: 1px}
        #mainMenu ul li a.opt2 {width: 161px; margin-right: 1px}
        #mainMenu ul li a.opt3 {width: 133px; margin-right: 1px}
        #mainMenu ul li a.opt4 {width: 123px; margin-right: 1px}
        #mainMenu ul li a.opt5 {width: 133px; margin-right: 1px}
        #mainMenu ul li a.opt6 {width: 123px; margin-right: 1px}
        #mainMenu ul li a.opt7 {width: 161px; margin: 0; background-color: #578d11}          
        #mainMenu ul li a:hover {color: #85b000; background-color: #fff}
        #mainMenu ul li a:active {color: #85b000; background-color: #fff}
        #mainMenu ul li a.active {color: #85b000; background-color: #fff}				

  /* ADVANCED SEARCH FORM */
  #advancedSearchContainer {position: relative; width: 963px; background-color: #fff; margin: 0 auto; padding: 3px 0 0 0}
		#advancedSearchContainer div.submit {padding: 5px 35px 0 0; text-align: right}
			#advancedSearchContainer div.submit input {width: 100px; padding: 5px 0}
		#advancedSearchContainer div.resultsHeader {margin: 0; padding: 0 0 0 10px}
			#advancedSearchContainer div.resultsHeader h2 {font-size: 21px; margin: 0 0 10px 0}

  /* PHOTOS / MAPS */
  #viewerContainer {position: relative; width: 963px; background-color: #fff; margin: 0 auto; padding: 0; overflow: hidden}

		/* photos */
    #viewerContainer div.photosContainer {position: relative; width: 957px; height: 321px; margin: 3px 3px 0 3px; padding: 0; background-color: #000}
    	#viewerContainer div.photosContainer div.photo {width: 957px; height: 321px}
      #viewerContainer div.photosContainer div.caption {position: absolute; left: 0; bottom: 0; width: 957px; height: 34px; background-color: transparent; background-image: url('/images/ui/bg-photo-caption.png'); background-repeat: repeat; background-position: 0 0}
	      #viewerContainer div.photosContainer div.caption p {color: #2b2b2b; font-size: 10px; line-height: 34px; margin: 0; padding: 0 0 0 15px}
		
    /* videos */
    #viewerContainer div.videosContainer {display:none; position: relative; width: 957px; height: 321px; margin: 3px 3px 0 3px; padding: 0}
    
    /* photo/video toggle */
    #viewerContainer.circuits div.togglePhotoVideo {display:none;}
    #viewerContainer div.togglePhotoVideo {position: absolute; right: 7px; bottom: 7px; width: 124px; height: 20px}
      #viewerContainer div.togglePhotoVideo ul {list-style-type: none; width: 124px; height: 20px; margin: 0; padding: 0}
        #viewerContainer div.togglePhotoVideo ul li {float: left; width: 61px; height: 20px; margin: 0 1px 0 0; padding: 0}
          #viewerContainer div.togglePhotoVideo ul li a {display: block; font-size: 11px; color: #fff; background-color: #72a9ba; line-height: 20px; text-align: center; text-decoration: none; cursor: pointer}
          #viewerContainer div.togglePhotoVideo ul li a:hover {background-color: #1e7996; text-decoration: none}
          #viewerContainer div.togglePhotoVideo ul li a.on {background-color: #1e7996; text-decoration: none}
          
    /* map */
    #viewerContainer div.mapWrapper {width: 957px; height: 321px; margin: 3px 3px 0 3px; padding: 0}
	    #viewerContainer div.mapWrapper div.mapContainer {width: 957px; height: 321px; margin: 0; padding: 0}
		#viewerContainer div.mapContainerToggle {width: 957px; margin: 0 3px 0 3px; padding: 0; background-image: url(/images/ui/bg-toggle-map-container.gif); background-repeat: repeat-x; background-position: 0 3px}
			#viewerContainer div.mapContainerToggle a {display: block; position: relative; font-size: 10px; line-height: 12px; color: #fff; width: 112px; height: 31px; background-color: #fff; background-image: url(/images/ui/bg-toggle-map-link-open.gif); background-repeat: no-repeat; cursor: pointer}
			#viewerContainer div.mapContainerToggle a.closed {background-image: url(/images/ui/bg-toggle-map-link-closed.gif)}
				#viewerContainer div.mapContainerToggle a span {display: block; position: absolute; left: 27px; top: 10px}
			#viewerContainer div.mapContainerToggle a:hover {color: #fff; text-decoration: none}			
			#viewerContainer div.mapContainerToggle #toggle_map_close {display: block}
			#viewerContainer div.mapContainerToggle #toggle_map_open {display: none}
		
		/* map controls */
		#viewerContainer div.gmapControls {position: absolute; right: 16px; top: 10px; height: 13px; z-index: 998}
		#viewerContainer ul.gmapButtons {list-style-type: none; margin: 0; padding: 0; overflow: hidden}
			#viewerContainer ul.gmapButtons li {float: left; margin: 0; padding: 0; color: #7d7c7a}
				#viewerContainer ul.gmapButtons li a {display: block; color: #9fc2c4; height: 20px; margin: 0 1px 0 0; padding: 0; font-size: 11px; line-height: 20px; font-weight: normal; text-align: center; background-color: #4c8b8e; cursor: pointer}
				#viewerContainer ul.gmapButtons li a:link {color: #9fc2c4; text-decoration: none}
				#viewerContainer ul.gmapButtons li a:visited {color: #9fc2c4; text-decoration: none}
				#viewerContainer ul.gmapButtons li a:hover {color: #fff; text-decoration: none; background-color: #79b0c0; cursor: pointer}
				#viewerContainer ul.gmapButtons li a:active {color: #fff; text-decoration: none}
				#viewerContainer ul.gmapButtons li a.mapview {width: 122px; border-right: 1px solid #b3ccd0}
				#viewerContainer ul.gmapButtons li a.photoview {width: 122px; border-right: none}
				#viewerContainer ul.gmapButtons li a.gmap {width: 81px}
				#viewerContainer ul.gmapButtons li a.gsatellite {width: 81px}
				#viewerContainer ul.gmapButtons li a.ghybrid {width: 81px}
				#viewerContainer ul.gmapButtons li a.active {color: #fff; text-decoration: none; background-color: #79b0c0}		
		
  
  /* MAIN CONTENT WRAPPER */
  #wrapper {width: 963px; margin: 0 auto; padding: 20px 0; background-color: #fff}
  	#wrapper #content {float: left; width: 637px; margin: 0 20px 0 3px}
			#wrapper #content div.content {padding: 0 0 0 10px}
    	#wrapper #content div.intro {bfont-size: 14px; line-height: 20px; padding: 0 10px; margin: 0 0 20px 0}
      #wrapper #content .sidebar {float: left; width: 213px; margin: 0 20px 0 0}
      	#wrapper #content .sidebar h2 {margin: 0 0 10px 10px}
      #wrapper #content #main {float: right; width: 404px}    
    #wrapper .sidebar {float: right; width: 300px; margin: 0 3px 0 0; padding: 0}


/* pour les packages list par category */
    #content_large {width: 100%; margin: 0 20px 0 3px; }
    #content_large .sidebar {float: none; vertical-align: top; width: 213px; margin: 0 20px 0 0}
    #content_large #main_large { width: 700px; }
    
/* pour les packages list */
    #new_content {float: left; width: 724px; margin: 0  3px 0 20px; position: relative;}
    #new_content div.intro { bfont-size: 14px; line-height: 20px; padding: 0 10px 0px 0px; margin: 0 0 20px 0; }
    #new_main {float: left; width: 404px; } 
    #sidebar_left {float: left; width: 213px; margin: 0 3px 0 0}
    #sidebar_right {float: right; width: 300px; margin: 0 0 0 20px; padding: 0}
  
  /* FOOTER */
  #footer {clear: both; width: 963px; font-size: 11px; margin: 0 auto; padding: 20px 0 0 0; background-color: #fff}
  	#footer div.footer {width: 957px; margin: 0 auto; padding: 5px 0 0 0; }    
    	#footer div.footer ul {list-style-type: none; margin: 0; padding: 0}
	      #footer div.footer ul li {display: inline; margin: 0; padding: 0}
        #footer div.footer ul li.separator {text-align: center; padding: 0 5px}
    	#footer div.footer div.left {float: left; width: 500px}
        #footer div.footer div.right {float: right; width: 467px}
	      #footer div.footer div.right ul {margin-right: 50px; text-align: right}
        
  #footer_links {}
  #footer_social_links { font-size: 14px; width: 100%; line-height: 18px; }
  #footer_social_links .social_link { padding-right: 50px; }
  #footer_social_links .last_social_link { }
  .ie8  #footer_social_links .last_social_link { vertical-align: top; }
  #footer_social_links .icon { width: 30px; height: 30px; }
  .ie7 #footer_social_links .icon { margin-right: 3px; }
  #footer_self_links .column { vertical-align: top; display: inline-block; padding-right: 20px; padding-top: 20px; min-width: 15%; max-width: 24%; }
  .ie7 #footer_self_links .column { zoom:1; *display: inline; }
  .ie8 #footer_self_links .column { padding-right: 20px;  }
  #footer_self_links .last_column { vertical-align: top; display: inline-block; padding-top: 20px; max-width: 23%; }
  .ie7 #footer_self_links .last_column { zoom:1; *display: inline; }
  #footer_self_links .title { color: black; font-size: 16px; }
  #footer_self_links .self_link { font-size: 12px; padding-top: 5px; }
  #footer_self_links .separator { height: 25px; }
  #footer_contact .contact { font-size: medium; vertical-align: bottom; padding-right: 10px;}
  .ie7 #footer_contact .contact { vertical-align: baseline; } 
  #footer_contact .phone { font-size: x-large; }
  .ie7 #footer_contact .phone { font-size: 5px; vertical-align: middle; zoom: 5; } 
  .border_bottom { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #dadada; }
  
  #footer_credits { padding-top: 20px; }

/* -------------------- END LAYOUT STYLES -------------------- */


/* ------------------ START SIDEBAR STYLES ------------------- */

/* conditions neige */
div.stations_ski_conditions {margin: 0 0 20px 0; background-color: #fcfcfd ;border: 1px solid #dbdbdb}
  div.stations_ski_conditions div.header {position: relative; width: 298px; height: 69px; background: url(/images/ski/widget_ski_header_bg.jpg) no-repeat;}
    div.stations_ski_conditions div.header h2 {display: block; position: absolute; left: 13px; top: 16px; color: #fff; font-size: 15px; line-height: 20px; width: 85px; margin: 0; padding: 0;}
  div.stations_ski_conditions div.conditions {padding: 10px 15px; font-size: 11px; line-height: 15px; background: url(/images/ui/widget-ski-conditions-bg.gif) repeat-x;}
    div.stations_ski_conditions div.conditions table.locations {margin: 0 auto; width: 260px;}
        div.stations_ski_conditions div.conditions table.locations td.location {color: #1e7996; font-weight: bold; width: 160px; padding: 10px 20px 10px 0; border-bottom: 1px solid #dbdbdb; text-transform: uppercase;}
        div.stations_ski_conditions div.conditions table.locations td.info {color: #555; width: 100px; padding: 10px 0 10px 0; text-align: right; border-bottom: 1px solid #dbdbdb;}
        div.stations_ski_conditions div.conditions table.locations tr:last-child td {border: none;}
        div.stations_ski_conditions div.conditions h3 {font-size: 11px; color: #000; text-transform: uppercase; margin: 0 0 2px 0; padding: 0;}
        div.stations_ski_conditions div.conditions h4 {font-size: 11px; color: #000; margin: 0 0 2px 0; padding: 0;}
        div.stations_ski_conditions div.conditions p.maj {color: #555;}
        div.stations_ski_conditions div.conditions div.precipitations {float: left; width: 130px; margin: 10px 0 0 0;}
        div.stations_ski_conditions div.conditions div.separator {float: left; width: 1px; height: 45px; margin: 10px 15px 0 15px; background-color: #dbdbdb;}
        div.stations_ski_conditions div.conditions div.pistes {float: left; width: 100px; margin: 10px 0 0 0;}
        div.stations_ski_conditions div.conditions div.autres {clear: both; padding: 10px 0 0 0;}
            div.stations_ski_conditions div.conditions div.autres strong {color: #000;}
        div.stations_ski_conditions div.conditions div.cartePistes {margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #dbdbdb}
            div.stations_ski_conditions div.conditions div.cartePistes a {display: block; color: #1e7996; font-size: 11px; line-height: 27px; font-weight: bold; padding-left: 54px; background: url(/images/ui/icon-carte-piste.gif) no-repeat;}

/* trip bookmarks widget */
div.trip_bookmarks {margin: 0 0 20px 0}
	div.trip_bookmarks h2.header {position: relative; width: 300px; height: 50px; margin: 0; padding: 0; background-image: url(/images/ui/bg-header-bookmarks.gif); background-repeat: repeat-x; cursor: pointer}
  	div.trip_bookmarks h2.header span.text {display: block; position: absolute; left: 14px; top: 0; font-size: 15px; color: #fff; line-height: 50px; padding-right: 40px; background-image: url(/images/ui/bg-header-bookmarks-tack.png); background-repeat: no-repeat; background-position: right 13px}
    div.trip_bookmarks h2.header span.state {display: block; position: absolute; right: 20px; top: 24px; width: 11px; height: 6px; background-image: url(/images/ui/bg-header-bookmarks-arrow-down.png); background-repeat: no-repeat}
    div.trip_bookmarks h2.header span.open {background-image: url(/images/ui/bg-header-bookmarks-arrow-up.png)}
	div.trip_bookmarks div.bookmarks {padding: 0 10px 10px 10px; border: 1px solid #dbdbdb; background-image: url(/images/ui/bg-bookmarks-content.gif); background-repeat: no-repeat}
  	div.trip_bookmarks div.bookmarks ul.help {list-style-type: none; margin: 0; padding: 10px 0 0 0}
    	div.trip_bookmarks div.bookmarks ul.help li {height: 30px; font-size: 11px; margin: 0; padding: 0 0 20px 31px; background-repeat: no-repeat; background-position: 0 0}
      div.trip_bookmarks div.bookmarks ul.help li.step1 {background-image: url(/images/ui/bg-bullet-bookmarks-help-1.png)}
      div.trip_bookmarks div.bookmarks ul.help li.step2 {background-image: url(/images/ui/bg-bullet-bookmarks-help-2.png)}
      div.trip_bookmarks div.bookmarks ul.help li.step3 {background-image: url(/images/ui/bg-bullet-bookmarks-help-3.png)}
      div.trip_bookmarks div.bookmarks ul.help li span {font-weight: bold}
 		div.trip_bookmarks div.bookmarks h3 {font-size: 11px; color: #e36b1c; margin: 10px 0 5px 0}
    div.trip_bookmarks div.bookmarks table.tblBookmarks {margin: 0; padding: 0 0 5px 0}
    	div.trip_bookmarks div.bookmarks table.tblBookmarks td {margin: 0; padding: 0 10px 0 0}
      div.trip_bookmarks div.bookmarks div.viewall {margin: 20px 0}
      
/* call to action hebergements */
div.cta_hebergements {width: 300px; height: 81px; margin: 0 0 20px 0; background-image: url(/images/ui/bg-cta-hebergement.jpg); background-repeat: no-repeat}
	div.cta_hebergements a {display: block; width: 300px; height: 81px; color: #fff}
  	div.cta_hebergements a span {display: block}
    div.cta_hebergements a span.txt1 {display: block; padding: 30px 0 3px 15px; font-size: 15px; line-height: 17px; font-weight: bold}
    div.cta_hebergements a span.txt2 {display: block; padding: 0 0 0 15px; font-size: 14px; line-height: 16px}
  div.cta_hebergements a:hover {color: #fff; text-decoration: none}
	
/* call to action blogue */
div.cta_blogue {width: 300px; height: 97px; margin: 0 0 20px 0; background-repeat: no-repeat}
div.cta_blogue_en {background-image: url(/images/ui/bg-cta-blogue_en.jpg);}
div.cta_blogue_fr {background-image: url(/images/ui/bg-cta-blogue_fr.jpg);}
div.cta_blogue_fr_international {background-image: url(/images/ui/bg-cta-blogue_fr_international.jpg);}

	div.cta_blogue a {display: block; width: 300px; height: 81px; color: #fff}
  	div.cta_blogue a span {display: block}
    div.cta_blogue a span.txt1 {display: block; padding: 28px 0 3px 15px; font-size: 15px; line-height: 17px; font-weight: bold}
    div.cta_blogue a span.txt2 {display: block; padding: 0 0 0 15px; font-size: 14px; line-height: 16px}
	div.cta_blogue a span.txt2_international {display: block; padding: 18px 22px 0 ; float:right; font-size: 12px; line-height: 16px}
  div.cta_blogue a:hover {color: #fff; text-decoration: none}	

  /* media_sociaux */
  div.media_sociaux {width: 300px; margin: 0 0 20px 0; background:#e5e5e5;}
    div.media_sociaux a img {border-left:1px solid #fff; display:block; float:right;}
    div.media_sociaux div.title {text-align:center; width:80px; height: 49px; background-color: #e5e5e5; float: left; font-weight: bold; font-size: 11px; }
    div.media_sociaux div.title p {padding-top: 18px}

/* sidebar widget */
div.sidebar_widget_container {border: 1px solid #dbdbdb}
div.sidebar_widget {margin: 0 0 10px 0; font-size: 11px}
	div.sidebar_widget p {margin-left:10px;}
	div.sidebar_widget h2, div.sidebar_widget h2.activites_incontournables, div.sidebar_widget h2.forfaits, div.sidebar_widget h2.itineraires, div.sidebar_widget h2.evenements div.sidebar_widget h2.proposed_circuits {font-size: 16px; color: #555; margin: 0; padding: 0 0 0 10px; height: 45px; font-weight: normal; line-height: 40px; background-image: url(/images/ui/bg-sidebar-header.gif); background-repeat: repeat-x}
  	div.sidebar_widget h2.activites_incontournables_international {font-size: 17px; color: #FFF; margin: 0; padding: 7px 0 0 60px; height: 53px; font-weight: bold; line-height: 40px; background-image: url(/images/ui/bg-sidebar-header-activitesincontournables.jpg); background-repeat: repeat-x}
  	div.sidebar_widget h2.forfaits_international, div.sidebar_widget h2.itineraires_international, div.sidebar_widget h2.evenements_international{font-size: 20px; color: #FFF; margin: 0; padding: 7px 0 0 60px; height: 53px; font-weight: bold; line-height: 40px; background-repeat: repeat-x}
		div.sidebar_widget h2.forfaits_international{background-image: url(/images/ui/bg-sidebar-header-forfaits.jpg);}
 	    div.sidebar_widget h2.itineraires_international{background-image: url(/images/ui/bg-sidebar-header-itineraires.jpg);}
  		div.sidebar_widget h2.evenements_international{background-image: url(/images/ui/bg-sidebar-header-evenements.jpg);}
                
  div.sidebar_widget div.content {width: 280px; margin: 10px auto; padding: 0}
	  div.sidebar_widget div.content h3 {font-size: 11px; margin-top: 0; color: #1e7996; text-transform: uppercase}
		div.sidebar_widget div.content div.img {float: left; width: 65px; height: 49px; margin: 0 10px 10px 0}
		div.sidebar_widget div.content div.txt {float: right; width: 205px}
		
 		div.sidebar_widget div.content ul.links {list-style-type: none; margin: 0; padding: 0}
    	div.sidebar_widget div.content ul.links li {margin: 0; padding: 0 0 10px 0; line-height: 12px}
	div.sidebar_widget div.addBookmark {margin-bottom: 10px}

div.sidebar-circuits-guidermoi, div.sidebar-circuits-tous {background:#7bcbca url('/images/ui/sidebar-circuits-bg.png') repeat-x bottom; margin:0 0 20px;}
div.sidebar-circuits-guidermoi a, div.sidebar-circuits-tous a {font-size:16px; font-weight:bold; display:block; padding:20px 60px 20px 15px; color:#fff; background:url('/images/ui/sidebar-circuits-guidermoi-icon.png') no-repeat right -5px;}
div.sidebar-circuits-tous a {background:url('/images/ui/sidebar-circuits-tous-icon.png') no-repeat right top;}
div.sidebar-circuits-guidermoi a:hover, div.sidebar-circuits-tous a:hover {text-decoration:none;}

div.sidebar_region {background:#99ca00 url('/images/ui/sidebar-region-bg.png') repeat-x bottom; position:relative; margin:0 0 5px;}
div.sidebar_region s.arrow {position:absolute; top:50%; right:10px; display:block; margin:-8px 0 0; height:20px; width:20px; background:url('/images/ui/sidebar-region-arrow.png') no-repeat;}
div.sidebar_region a {display:block; float:left; padding:20px 50px 20px 15px; font-size:16px; font-weight:bold; color:#fff; background:url('/images/ui/sidebar-region-icon.png') no-repeat right center;}
div.sidebar_region a:hover {text-decoration:none;}

      
/* ----------------- END SIDEBAR STYLES ------------------ */


/* left pane accordion menu */
#accordion_nav {width: 213px; margin: 0; padding: 0}
	#accordion_nav h3 {position: relative; color: #555; height: 32px; font-size: 11px; line-height: 26px; font-weight: normal; background-image: url(/images/ui/bg-header-accordion-menu.gif); background-repeat: repeat-x; cursor: pointer; outline: none}
  	#accordion_nav h3 span {position: absolute; right: 12px; top: 11px; display: block; width: 11px; height: 6px; background-repeat: no-repeat}
    #accordion_nav h3 span.ui-icon-triangle-down {background-image: url(/images/ui/bg-header-accordion-arrow-down.png)}
    #accordion_nav h3 span.ui-icon-triangle-up {background-image: url(/images/ui/bg-header-accordion-arrow-up.png)}
    #accordion_nav h3 a {display: block; margin-left: 10px; width: 155px; white-space: nowrap; overflow: hidden; color: #555; text-decoration: none}
    #accordion_nav h3 a:hover {color: #555; text-decoration: none}
	#accordion_nav div {margin: 0; padding: 0}
  	#accordion_nav div ul {list-style-type: none; margin: 0 0 10px 10px; padding: 0}
  		#accordion_nav div ul li {margin: 0; padding: 0}
      	#accordion_nav div ul li a {display: block; font-size: 11px; line-height: 20px; margin: 0; padding: 0}
       	#accordion_nav div ul li a.ui-accordion-content-active {color: #e36b1c}
				
/* left pane static menu */
#static_nav {width: 213px; margin: 0; padding: 0}
	#static_nav ul {list-style-type: none; margin: 0; padding: 0}
  	#static_nav ul li {margin: 0; padding: 0; background-image: url(/images/ui/bg-header-accordion-menu.gif); background-repeat: repeat-x;}
			#static_nav ul li a {display: block; height: 32px; font-size: 11px; line-height: 26px; font-weight: normal; padding: 0 0 0 10px; outline: none}
			#static_nav ul li a:hover {color: #e36b1c; background-image: url(/images/ui/bg-header-accordion-arrow-right.png); background-repeat: no-repeat; background-position: 195px 8px}
			#static_nav ul li a.on {color: #e36b1c; background-image: url(/images/ui/bg-header-accordion-arrow-right.png); background-repeat: no-repeat; background-position: 195px 8px}
			#static_nav ul li a.active {color: #e36b1c; background-image: url(/images/ui/bg-header-accordion-arrow-right.png); background-repeat: no-repeat; background-position: 195px 8px}
                        #static_nav ul li a img {float: left; width: 20px; height: 20px; margin: 0 5px 5px 0}
        #static_nav ul li a img.lastminute_icon { margin-top: 3px; height: 21px; width: 18px;}			

/* experience container */
div.experienceContainer {display: none; position: absolute; left: 0; top: 0}			

/* tabs menu */
div.tab_menu_container {margin: 0; padding: 0}
div.tab_menu_options {margin: 0 0 10px 0; padding: 0}
	div.tab_menu_options ul {list-style-type: none; margin: 0 0 0 20px; padding: 0}
		div.tab_menu_options ul li {float: left; margin: 0 2px 0 0; padding: 0}
    	div.tab_menu_options ul li h2 {margin: 0 10px 8px 0; padding: 0}
	  	div.tab_menu_options ul li a {display: block; font-size: 12px; font-weight: normal; line-height: 24px; padding: 0 10px; cursor: pointer; color: #fff; background-color: #85b000; border-width: 1px; border-style: solid; border: none; text-decoration: none}
      div.tab_menu_options ul li a:hover {text-decoration: underline}
	    div.tab_menu_options ul li a.on {color: #85b000; font-weight: bold; background-color: #fff; border-width: 1px; border-style: solid; border-color: #85b000 #85b000 #fff #85b000; text-decoration: none}
div.tab_menu_small {width: 404px; background-image: url(/images/ui/bg-tab-menu-small.gif); background-repeat: no-repeat; background-position: left bottom}
div.tab_menu_large {width: 626px; background-image: url(/images/ui/bg-tab-menu-large.gif); background-repeat: no-repeat; background-position: left bottom}
div.tab_menu_section {display: none}
	div.tab_menu_section p.noresult {padding: 20px 0}
	div.tab_menu_section h3 {color: #555}
div.tab_menu_section_selected {display: block}				

/* activity listing */
#proposed_activities {}
	#proposed_activities div.activity_item {width: 404px; margin: 0 0 20px 0; padding: 0 0 20px 0; background-image: url(/images/ui/content-divider-small.gif); background-repeat: no-repeat; background-position: left bottom}
		#proposed_activities div.activity_item div.img {float: left; width: 110px; height: 82px; margin: 0 10px 10px 0}
		#proposed_activities div.activity_item div.txt {float: right; width: 284px}
		#proposed_activities div.activity_item h3 {margin-top: 0; font-size: 12px; text-transform: uppercase}
	
/* activity search listing */
#search_result_activities {}
	#search_result_activities div.activity_item {width: 626px; margin: 0 0 20px 0; padding: 0 0 20px 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: left bottom}
		#search_result_activities div.activity_item div.img {float: left; width: 110px; height: 82px; margin: 0 10px 10px 0}
		#search_result_activities div.activity_item div.txt {float: right; width: 506px}
		#search_result_activities div.activity_item h3 {margin-top: 0; font-size: 12px; text-transform: uppercase}	
		
/* package listing */
#proposed_packages {}
	#proposed_packages h2 {margin: 0 0 10px 0; padding-bottom: 10px; background-image: url(/images/ui/content-divider-small.gif); background-repeat: no-repeat; background-position: left bottom}
    .lastminute_packages_count {margin: 0 0 10px 0; padding: 0 0 10px 0; color: red; font-weight: bold;}
	        #proposed_packages div.package_item {width: 404px; margin: 0 0 20px 0; padding: 0 0 20px 0; background-image: url(/images/ui/content-divider-small.gif); background-repeat: no-repeat; background-position: left bottom}
		#proposed_packages div.package_item div.img {float: left; width: 110px; height: 82px; margin: 0 10px 10px 0}
		#proposed_packages div.package_item div.txt {float: right; width: 284px}
		#proposed_packages div.package_item div.txt2 {clear: both}    
			 #proposed_packages div.package_item div.txt2 table {margin-top: 10px; font-size: 11px}
				 #proposed_packages div.package_item div.txt2 table th {color: #555; text-align: left; padding: 0 10px 5px 0}
				 #proposed_packages div.package_item div.txt2 table td {padding: 0 0 5px 0}    
				 #proposed_packages div.package_item div.txt2 div.logo {float: right; margin: 0 0 5px 10px}
         
		#proposed_packages div.package_item h3 {margin-top: 0; font-size: 12px; }
    #proposed_packages div.package_item div.package_title h3 a {margin-top: 0; font-size: 12px; text-transform: uppercase; color: #90bf00}
    #proposed_packages .package_link {margin-top: 0; font-size: 12px; color: #90bf00; } 

#proposed_packages div.package_item div.txt div.regular_price {width: 290px; margin-top: 10px; }
#proposed_packages div.package_item div.txt div.regular_price span.price {font-weight:bold;font-size:14px;}
#proposed_packages div.package_item div.txt div.regular_price div.addBookmark { float: right; text-align:right; padding-bottom: 0px; margin: 0px 0 5px; width:auto;}

		
/* package search result */
#search_result_packages {}
	#search_result_packages div.package_item {width: 626px; margin: 0 0 20px 0; padding: 0 0 20px 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: left bottom}
		#search_result_packages div.package_item div.img {float: left; width: 110px; height: 82px; margin: 0 10px 10px 0}
		#search_result_packages div.package_item div.txt {float: right; width: 506px}
		#search_result_packages div.package_item h3 {margin-top: 0; font-size: 12px; text-transform: uppercase}
                
/* my itinerary */
div.savedBookmarks {}
	div.savedBookmarks div.itinerary_item {width: 626px; margin: 0 0 20px 0; padding: 0 0 20px 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: left bottom}
		div.savedBookmarks div.itinerary_item div.img {float: left; width: 110px; height: 82px; margin: 0 10px 10px 0}
		div.savedBookmarks div.itinerary_item div.txt {float: right; width: 506px}
		div.savedBookmarks div.itinerary_item h3 {margin-top: 0; font-size: 12px}     

/* brochure promo */
div.brochure {font-size: 11px; overflow: hidden; margin: 0 0 20px 0;}
	div.brochure div.title { color: #000000;font-size: 15px;font-weight: bold;line-height: 17px;padding: 0;text-align: center;}
	div.brochure h3 {color: #1e7996; padding-top: 10px; margin-left: 20px;}
  div.brochure img {float: left; margin-left: 29px; margin-top: 10px;}

/* action buttons */
a.addBookmark {font-size:11px; padding: 0 0 4px 20px; background-image: url(/images/ui/bg-add-bookmark.png); background-repeat: no-repeat; background-position: 0 0; cursor: pointer;}
a.shareThis {font-size:11px; padding: 0 0 4px 23px; background-image: url(/images/ui/bg-share-this.png); background-repeat: no-repeat; background-position: 0 0; cursor: pointer;}
a.printThis {display:block; float:right; font-size:11px; margin:10px 0 0 20px; padding: 0 0 4px 23px; background: url('/images/ui/bg-print-this.png') no-repeat 0 0;}
div.addBookmark,
div.actionButtons {margin: 10px 0 5px 0;}
	div.actionButtons a.addBookmark {margin-left: 20px}


/* Accomodation/Restaurant search */
div.accomRestoSearch {position: relative; font-size: 11px; margin: 0 3px; padding: 20px 10px; background-color: #ecebe9; background-image: url(/images/ui/bg-advanced-search-container.gif); background-repeat: no-repeat; background-position: left bottom}
	div.accomRestoSearch h1 {margin: 0 0 15px 0}
	div.accomRestoSearch input.keywords {display: block; width: 340px; margin-bottom: 20px}
	div.accomRestoSearch select {display: block; color: #1e7996; width: 230px; height: 120px;  padding: 5px; margin: 10px 0; border-color: #90adc5}		
	div.accomRestoSearch label {color: #1e7996; margin-left: 3px}
	div.accomRestoSearch label.all {font-weight: bold}
	div.accomRestoSearch div.criteria {float: left}
		div.accomRestoSearch div.criteria div.helptext {width: 230px; color: #898989; font-size: 11px; margin: 10px 0 10px 0}
		div.accomRestoSearch div.criteria h2 {font-size: 16px; color: #555; margin: 0 0 10x 0; font-weight: normal}
	div.accomRestoSearch div.option_types {width: 260px; margin-right: 10px}
	div.accomRestoSearch div.option_towns {width: 280px; margin-right: 10px}
	div.accomRestoSearch div.option_prices {width: 170px; margin-right: 10px}
	div.accomRestoSearch div.option_ratings {width: 130px}
	div.accomRestoSearch ul {list-style-type: none; margin: 0; padding: 0}
		div.accomRestoSearch ul li {margin: 0 0 5px 0; padding: 0}
	div.accomRestoSearch div.searchReset {position: absolute; right: 30px; top: 30px}
		div.accomRestoSearch div.searchReset a {color: #1f7a96; cursor: pointer}
			div.accomRestoSearch div.searchReset a:hover {color: #e36b1c}
		
/* search results pagination */
div.pagination {font-size: 11px; line-height: 13px; margin: 0; padding: 10px 0 10px 0; overflow: hidden}
	div.pagination p.label {float: left; margin-right: 0px; padding: 4px 0}
		div.pagination p span {display: inline; float: none; margin-left: 20px; padding: 3px 0}
	div.pagination span,
	div.pagination a {display: block; float: left; padding: 3px 6px; border: 1px dotted #fff}
	div.pagination span.current {border-color: #959595}

/* search results sort */
div.resultsSort {background-color: #ecebe9; font-size: 11px; line-height: 37px; margin: 0 0 20px 0; padding-left: 10px}
	div.resultsSort ul {list-style-type: none; margin: 0; padding: 0}
		div.resultsSort ul li {float: left; margin: 0; padding: 0}
		div.resultsSort ul li.separator {width: 21px; background-image: url(/images/ui/bg-sort-separator.gif); background-repeat: no-repeat; background-position: center}
		div.resultsSort ul li span {display: block; color: #000; font-weight: bold; padding-right: 10px}
		div.resultsSort ul li a {display: block}
		div.resultsSort ul li a.selected,
		div.resultsSort ul li a:hover {background-image: url(/images/ui/bg-sort-selected.gif); background-repeat: no-repeat; background-position: center bottom}

/* search results */
div.searchResults {width: 626px; margin: 0 0 20px 0; padding : 0 0 20px 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: center bottom}
	div.searchResults div.img {float: left; width: 110px; height: 82px; margin: 0 10px 0 0}
	div.searchResults div.txt {float: right; width: 506px}
		div.searchResults div.txt h3 {font-size: 12px; color: #1e7996; margin: 0 0 10px 0; text-transform: uppercase}
		div.searchResults div.txt div.rating {margin: 0 0 10px 0}
		div.searchResults div.txt div.info {font-size: 11px; color: #9e9e9e; margin: 0 0 10px 0}
			div.searchResults div.txt div.info p {margin: 0; padding: 0 0 3px 0}

/* Events */
div.datePickerContainer {background-color: #ecebe9; margin: 0; padding: 10px}
	div.datePickerContainer input[type="text"] {padding-left: 23px; background-image: url(/images/ui/icon-calendrier.gif); background-repeat: no-repeat; background-position: 2px 2px}
	div.datePickerContainer input[type="submit"] {width: 100px; margin: 0 0 0 20px; padding: 5px 0}
 	div.datePickerContainer table td {padding: 0 10px 0 0}

/* member page */
div.memberDetail {position: relative; width: 626px; margin: 0 0 10px 0; padding : 0 0 0px 0}
	div.memberDetail div.img {float: left; width: 154px; height: 100px; margin: 0 10px 0 0}
	div.memberDetail div.txt {float: right; width: 462px}
		div.memberDetail div.txt table {font-size: 11px}
			div.memberDetail div.txt table th {color: #555; text-align: left; padding: 0 10px 3px 0}
			div.memberDetail div.txt table td {padding: 0 0 3px 0}
	div.memberDetail div.logo {float: right; margin: 0 0 10px 10px}
	
	ul.memberPhotos {margin:0 0 10px 0;list-style-type: none;}
		ul.memberPhotos li { width:auto; height:auto; }
			ul.memberPhotos li { float:left; display:block; width:68px; height:40px; margin:3px 6px 3px 3px; }
			ul.memberPhotos li:hover { border:3px solid #85b000; margin:0 3px 0 0; }
	
div.memberFacebook {width: 154px; margin-bottom: 10px; margin-top: 10px}
    div.memberFacebook a {display: block; font-size: 11px; line-height: 17px; color: #555; padding-right: 65px; background: url(/images/ui/facebook-logo.gif) no-repeat right top;}
div.memberOptions {width: 626px; margin: 0 0 20px 0; padding : 0 0 20px 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: center bottom}	
div.memberDesc {margin: 0 0 10px 0}

ul.rechercheProximite {list-style-type: none; margin: 0 0 40px 0; padding: 20px 0 0 0; width: 622px;}
    ul.rechercheProximite li {float: left; width: 306px; height: 53px; margin: 0; padding: 0;}
        ul.rechercheProximite li a {display: block; position: relative; width: 306px; height: 53px; outline: none;}
        ul.rechercheProximite li a:hover {text-decoration: none;}
            ul.rechercheProximite li a h2 {position: absolute; left: 10px; top: 15px; color: #fff; font-size: 15px; line-height: 18px;}
                ul.rechercheProximite li a h2 span {font-size: 14px; font-weight: normal;}
        ul.rechercheProximite li.hebergements {margin-right: 10px;}
        ul.rechercheProximite li.hebergements a {background-image: url(/images/ui/membre-hebergements-bg.png); background-repeat: no-repeat; background-position: left bottom;}
        ul.rechercheProximite li.restaurants a {background-image: url(/images/ui/membre-restaurants-bg.png); background-repeat: no-repeat; background-position: left bottom;}

div.memberContent {margin: 0 0 20px 0; padding : 0 0 10px 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: center bottom}
div.memberContent .img {float: left; width: 110px; height: 82px; margin: 0 10px 10px 0}


div.memberContent_international {padding : 0 10px 20px 0;}
div.active_international div.bordertitre{background-image:none; padding:0 0;}
div.bordertitre{padding:5px 0; background-image: url(/images/ui/content-divider-large_international.gif);background-repeat: no-repeat; background-position: center; clear:both;}
div.bordertitre_active{background-color:#FFF; height:3px;clear:both;}

div.memberContent h3, div.memberContent h3.international, div.memberContent_international h3._international {color: #555; font-size: 12px; line-height:24px;}
	div.memberContent h3.international, div.memberContent_international h3._international {float:left;}
	div.memberContent span.reservez, div.memberContent_international span.reservez{color:#FFF;}
	div.memberContent_international div.btnreservez{float:right; background-image: url(/images/ui/content-btn-reservez.gif); background-repeat: no-repeat; background-position: center top; text-align:center; width:162px; height:21px; padding:5px 0 0 0; margin:5px 0 0 0;}
		div.memberContent_active_international div.btnreservez a, div.memberContent_international div.btnreservez a{color:#FFF; text-decoration:none; display:block; width:162px; height:21px;}
	div.memberContent div.rating {margin: 10px 0 10px 0}
	div.memberContent div.price {color: #ff6600; font-weight: bold; margin: 0px 0 10px 0}
  .ie7 div.price { margin: 0px 0px 20px 0px;  }
div.active, div.active_international {background-color: #ecebe9; }
div.active {padding: 10px 20px;}	
div.active_international {padding: 10px 10px 10px 20px; margin-bottom:10px;}

/* itineraries */
div.itineraryContainer {margin: 20px 0 0 0; padding: 20px 0 0 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: center top}
div.itineraryItem {width: 626px; margin: 0 0 20px 0; padding : 0 0 20px 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: center bottom}
	div.itineraryItem div.gmap {float: left; width: 20px; height: 34px; margin: 0 10px 0 0; background-image: url(/images/ui/bg-map-point.png); background-repeat: no-repeat}
		div.itineraryItem div.gmap span {display: block; color: #000; font-size: 12px; font-weight: bold; padding: 2px 0 0 0; text-transform: uppercase; text-align: center}
	div.itineraryItem div.img {display: none; float: left; width: 110px; height: 82px; margin: 0 10px 0 0}
	div.itineraryItem div.txt {float: left; width: 596px}
		div.itineraryItem div.txt h3 {font-size: 12px; color: #1e7996; margin: 0 0 10px 0}

/* circuits */
div.circuitContainer {margin:0; padding: 20px 0 0 0;}
div.circuitItem {width: 626px; padding: 20px 0 20px 0; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: center bottom}
div.circuitItem div.mapicon {display: block; float: left; width: 25px; height: 25px; margin: 0 5px 0 5px}
div.circuitItem div.mapicon img {width:24px; height:auto; max-width:24px;}
div.circuitItem div.img {display: block; float: left; width: 110px; height: 82px; margin: 0 10px 0 0}
div.circuitItem div.txt {float: left; width: 460px}
div.circuitItem div.txt h3 {font-size: 12px; color: #1e7996; margin: 0 0 10px 0}
div.circuitItem div.txt div.media_sociaux {margin-top: 10px}
div.circuitItem div.txt div.media_sociaux img {float: left; margin-right: 5px;}

div.circuitItem.circuitHighlight {background:#e9f3f2; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:0px; margin-top:-1px;}
div.circuitItem.circuitHighlight h2.circuitHighlightHeader {margin:0 0 10px; font-weight:normal; border-bottom:1px solid #fff; color:#425856; font-size:16px; padding:15px 10px 15px 50px; background:#cfeae7 url('/images/ui/circuits-icon-incontournables.png') no-repeat 5px center;}

div.badgeMembre div.mapicon {float:left; margin:0 5px 0 0;}
div.badgeMembre div.mapicon p {text-align:center;}

div.circuitList {margin:0 10px 0; padding:0 0 15px; background-image: url(/images/ui/content-divider-large.gif); background-repeat: no-repeat; background-position: center top}
div.circuitList ul.links {list-style-type: none; margin: 0; padding: 0; font-size:12px;}
div.circuitList ul.links li {margin:0; padding:8px 30px 8px 5px; line-height: 12px; display:block; background:url('/images/ui/arrow-right.png') no-repeat right center;}
div.circuitList ul.links li.even {background-color:#f5f5e7;}
div.circuitList ul.links li a {display:block;}

div.circuitList h3 {font-size:18px; padding:15px 0; margin:15px 0 10px; background:url('/images/ui/content-divider-large.gif') no-repeat bottom;}
div.circuitList div.circuit-croisiere h3, h1.circuit-croisiere {color: #227bdc;}
div.circuitList div.circuit-culture h3, h1.circuit-culture {color: #ff9600;}
div.circuitList div.circuit-detente h3, h1.circuit-detente {color: #e80061;}
div.circuitList div.circuit-golf h3, h1.circuit-golf {color: #24ED99;}
div.circuitList div.circuit-plein-air-aventure h3, h1.circuit-plein-air-aventure {color: #00a349;}
div.circuitList div.circuit-plein-air-nature h3, h1.circuit-plein-air-nature {color: #00a349;}
div.circuitList div.circuit-saveurs-regionales h3, h1.circuit-saveurs-regionales {color: #000097;}
div.circuitList div.circuit-adrenaline-motorisee h3, h1.circuit-adrenaline-motorisee {color: #ff5203;}

a.linkMore {display:block; clear:both; margin:5px 0 10px;}

/* circuits > sidebar */
div#sidebar_incontournables h2 {background:url('/images/ui/bg-sidebar-header-incontourables.png') no-repeat top center; padding:5px 10px 5px 60px;}
div#sidebar_proposed_circuits h2 {background:url('/images/ui/bg-sidebar-header-proposed-circuits.png') no-repeat top center; padding:5px 60px 5px 10px;}
div#sidebar_proposed_circuits li.linkMore {border-top:1px dotted #ccc; padding-top:10px; color:#999;}
div#sidebar_proposed_circuits li.linkMore a {padding-left:4px;}

div#content_incontournables {background:none; margin:20px 0 0; border-top:3px double #666;}
div#content_incontournables h2 {background:url('/images/ui/bg-sidebar-header-incontourables2.png') no-repeat top left; padding:18px 10px 18px 60px; margin:0 0 20px; font-size:16px; font-weight:normal; color:#425856;}

div#circuits_sidebar {background:#7bcbca url('/images/ui/bg-circuits-sidebar.png') no-repeat center 20px; color:#fff; font-size:12px; padding:15px 15px 20px; margin:0 0 20px;}
div#circuits_sidebar p {line-height:1.4em; padding-right:0px;}
div#circuits_sidebar a {display:block; float:left; padding:8px 15px; background:#80af13; color:#fff; border:1px solid #45898c;}


/* circuit > content */
div.circuitShow h1 {background:url('/images/ui/content-divider-large.gif') no-repeat bottom; padding:20px 10px; margin:0; font-size:24px;}
div.circuitShow div.circuitTitle {background:url('/images/ui/content-divider-large.gif') no-repeat bottom;}
div.circuitShow div.circuitTitle h2 {padding:20px 10px 15px; margin:0; color:#666;}
div.circuitShow div.circuitTitle p {padding:0 0 20px 10px;}
div.circuitShow div.top_buttons {background:url('/images/ui/content-divider-large.gif') no-repeat bottom; padding-bottom:5px;}
div.circuitShow div.actionButtons {float:right; margin-right:10px;}
div.circuitShow div.actionButtons a.addBookmark {display:none;}
div.circuitShow .logo {display:none;}

/* circuits > form table */
form#circuitsQuestions {padding:0; margin:0 20px; color:#111;}
form#circuitsQuestions table {width: 604px; margin: 0 0 10px 0;}
form#circuitsQuestions tr.even {background:#f5fafa;}
form#circuitsQuestions tr.brd td {border-top:1px solid #ddd;}
form#circuitsQuestions th {padding: 20px 10px; text-align: left; background:url('/images/ui/content-divider-large.gif') no-repeat top;}
form#circuitsQuestions td {padding: 0 20px 15px 0}
form#circuitsQuestions label {cursor:pointer;}
form#circuitsQuestions input[type="text"] {width: 175px}
form#circuitsQuestions input[type="checkbox"] {margin:0 5px 0 10px; padding:0 0 15px 0; width:20px;}
form#circuitsQuestions input[type="radio"] {margin:0 5px 0 10px;}
form#circuitsQuestions input[type="submit"] {border:none; padding:10px 15px; margin:20px 0 0;}
form#circuitsQuestions .select {width:175px}
form#circuitsQuestions textarea {width:350px}
form#circuitsQuestions span.error {font-size: 10px; color: #f00}

table.member_coord {padding:6px 0 0;}
table.member_coord td {padding:2px 0; vertical-align: top; }
table.member_coord th{text-align:left; vertical-align: top; padding:2px 10px 2px 0; }

/* about: logos table */
table.atrLogos {width: 404px; margin: 0; padding: 0}
table.atrLogos td {width: 202px; padding: 0 0 20px 0; text-align: center}

/* about: table grands prix tourisme */
table.grandsprixtourismegagnant {width: 404px; margin: 0 0 20px 0}
  table.grandsprixtourismegagnant td h3 {font-size: 11px; margin: 0 0 10px 0}
	  table.grandsprixtourismegagnant td h3 span {display: block; font-size: 10px; color: #000; margin: 0 0 3px 0; padding: 0}
  table.grandsprixtourismegagnant td.photo {width: 150px; padding: 0 0 10px 0; text-align: center}
  table.grandsprixtourismegagnant td.info {width: 254px; padding: 0 20px 10px 20px}
  table.grandsprixtourismegagnant td.ln {width: 155px; padding: 0 0 10px 0; text-align: center}
	
/* form table */	
table.form {width: 404px; margin: 0 0 10px 0}
  table.form th {padding: 0 20px 5px 0; font-weight: normal; text-align: left}
  table.form td {padding: 0 20px 15px 0} 
		table.form td input[type="text"] {width: 175px}
		table.form td .select {width: 175px}
		table.form td textarea {width: 350px}		
		table.form td.checkbox {padding: 0 0 15px 0; width: 20px}
    table.form td span.error {font-size: 10px; color: #f00}
		
/* media: videos table */
table.videos {margin: 0}
table.videos td {padding: 0 10px 10px 0}

/* media: news bulletin container */
div.news {margin: 0 0 20px 0; padding : 0 0 20px 0; background-image: url(/images/ui/content-divider-small.gif); background-repeat: no-repeat; background-position: center bottom}

/* site user options */
ul.siteUserOptions {list-style-type: none; margin: 0; padding: 0; overflow: hidden}
	ul.siteUserOptions li {float: left}
	ul.siteUserOptions li.separator {padding: 0 10px}	

/* error message */
div.error_msg {font-weight: bold; color: #f00; padding: 10px 0 10px 0}

/* share this popup */
div.shareThisContainer {display: none}
div.shareThis {padding: 6px 6px 20px 6px; margin: 0; background-color: #fff}
  div.shareThis h2 {position: relative; font-size: 21px; color: #000; width: 375px; height: 40px; line-height: 40px; margin: 0 auto 20px auto; padding: 0; background-color: #ecebe9}
		div.shareThis h2 span.title {display: block; position: absolute; left: 20px; top: 0; padding-right: 35px; background-image: url(/images/ui/bg-share-head.png); background-repeat: no-repeat; background-position: right 10px}
		div.shareThis h2 span.close {display: none; position: absolute; right: 15px; top: 15px; width: 9px; height: 9px}
			div.shareThis h2 span.close a {cursor: pointer}
	div.shareThis h3 {font-size: 15px; color: #555; margin: 0 0 15px 0}
  div.shareThis div.error_message {color: #f00; padding: 0}
  div.shareThis div.content {width: 339px; margin: 0 auto}
		div.shareThis div.content label {display: block; margin: 0 0 3px 0}
			div.shareThis div.content label span {margin-left: 5px; font-size: 10px}
		div.shareThis div.content label.error {color: #f00}
		div.shareThis div.content input.field {width: 330px; margin: 0 0 20px 0}
		div.shareThis div.content input.error {border-color: #f00}
		div.shareThis div.content textarea.field {width: 330px; height: 80px; margin: 0 0 20px 0}
		div.shareThis div.content div.buttons {margin: 0 0 20px 0; padding: 0 0 20px 0; background-image: url(/images/ui/content-divider-xsmall.gif); background-repeat: no-repeat; background-position: left bottom}
			div.shareThis div.content div.buttons a {}
	div.shareThis div.addThis {margin: 15px 0 10px 0; padding: 0 20px 0 0}
		div.shareThis div.addThis h4 {margin-bottom: 5px}

dl.form { float: left; clear: both; margin-top: 1em; }
dl.form dt { float: left; clear: left; width: 175px; font-weight: bold; padding: 4px 0; text-align: left; }
dl.form dd { float: left; margin-right: 100px; padding: 4px; }
dl.form dd input, dl.form dd select { width: 200px; font-size: 1em; height: 20px; margin: 0; padding: 0; }

div#geant h2 { margin-top: 1.5em; }
div#geant div#step1 em { display:block; }
div#geant span.intimite-fjord { font-size: 120%; text-decoration: underline; font-weight: bold; }
div#geant div#step3 td { padding: 0 1em 3em 0; }
div#geant div#step3 tr.section-title td { padding: 0 0 0.5em 0; }
div#geant div#step3 td.button { vertical-align: top; padding: 1em; }
div#geant div#step3 td.image { vertical-align: top; padding: 1em; }
div#geant div#step3 tr.fjord { background-color: #eee; }
div#geant div#step4 ul { margin-top: 1em; }
div#geant div#step4 li { list-style: none; }
div#geant div#step4 input { margin-right: 10px; }
div#geant div#step4-q2 { margin: 2em 0; }
div#geant div#step4-q2 li { float: left; margin-right: 1em; }
div#geant div#step4-q2 li input { padding-top: 4px; }

div#errorExplanation ul li { color: red; }

h1.memberTitle { text-transform: uppercase; }

/* eCoupon Ski */
div.eCouponSki { position: relative; width: 634px; height: 207px; margin: 0 0 20px 0; padding: 0; background-image: url(/images/ski/ecoupon-ski-bg.jpg); background-repeat: no-repeat; }
    div.eCouponSki .box1 { position: absolute; left: 370px; top: 15px; width: 250px; height: 70px; text-align: right; }
        div.eCouponSki .box1 h2 { font-size: 24px; color: #082a3e; font-style: italic; margin: 0 0 8px 0; }
        div.eCouponSki .box1 p { font-size: 12px; line-height: 15px; color: #2c6d95; font-weight: bold; margin: 0; }
    div.eCouponSki .box2 { position: absolute; left: 10px; top: 65px; width: 260px; height: 80px; }
        div.eCouponSki .box2 p { color: #fff; font-weight: bold; margin: 0; padding: 0; }
        div.eCouponSki .box2 .line1 { font-size: 14px; line-height: 14px; margin-bottom: 5px !important; }
        div.eCouponSki .box2 .line2 { font-size: 30px; line-height: 30px; margin-bottom: 5px !important; }
        div.eCouponSki .box2 .line3 { font-size: 20px; line-height: 20px; }
    div.eCouponSki a.ecoupon, div.eCouponSki div.participated{ display: block; position: absolute; left: 11px; top: 155px; color: #e41528; font-size: 12px; font-weight: bold; width: 187px; height: 30px; line-height: 28px; text-align: center; text-transform: uppercase; }
    div.eCouponSki a.ecoupon:hover { text-decoration: underline; }
    


/* alert mobile users */
div#alertMobile {display:block; font-size:20px; color:#222; background:#FFFD64; border-bottom:1px solid #222;}

body.noticeDesktopBody {background-position:center 150px;}
div#noticeDesktop {background:#fffd64; border-bottom:2px solid #111; padding:20px 0;}
div#noticeDesktop div#noticeDesktopInner {width:940px; margin:0 auto; position:relative;}
div#noticeDesktop p {font-size:24px; color:#111; line-height:1.4em;}
div#noticeDesktop a.linkClose {position:absolute; top:0; right:0; background:url('/images/mobile/iconClose.png') no-repeat center top; background-size:40px 40px; display:block; width:40px; height:40px;}
div#noticeDesktop a {display:block; float:left; padding:10px 25px; color:#fff; background:#85b000; font-size:28px;}

/* page forfaits */
  #sidebar_packages { padding: 2px; border: 1px solid #CCCCCC; }

  .title_line { padding: 3px; }
  a.black, .black { color: black; }
  a.red, .red { color: #ca0e13; }
  a.bold, .bold { font-weight: bold; }
  a.blue, .blue { color: #1e7996; }
  a.green, .green { color: #85b000; }
  a.dark_grey, .dark_grey { color: #555555; }
  .red_arrow { width: 22px; height: 8px; background-image: url(/images/ui/last_minute_red_arrow.png);  vertical-align: top; }
  .black_arrow { width: 22px; height: 8px; background-image: url(/images/ui/black_arrow.png);  vertical-align: top; }
  .inline_block { display: inline-block; }
  .ie7 .inline_block { zoom:1; *display: inline; }
  .devise { font-size: 14px; vertical-align: super; }
  .reduit { font-size: 22px; padding-bottom: 3px; }
  .ie7 .reduit { padding-top: 2px; }
  .ie7 #filtred_packages .reduit { padding-bottom: 10px; }
  .restant { padding-top: 5px; }
  
  .border_blue { border: 1px solid blue }
  .border_red { border: 1px solid red }
  .center { text-align: center; }
  .margin_top { margin-top: 20px; margin-bottom: 5px; }
  .lastminute_disponible { margin: 20px; vertical-align: top; }
  .align_top { vertical-align: top; }
  .title_member_detail { width: 215px; }
  .light{ font-weight: normal; }
  .big { font-size: larger; }
  .lastminute_label { font-size: 22px; vertical-align: bottom;}
  div.memberContentNew div.black{margin-top:10px;}
  
/* lastminute */
  div.last_minute_header { height: 64px; background-image: url(/images/ui/last_minute_header_bg.png); }
  div.last_minute_header div.icon { margin: 5px; margin-left: 10px; display: inline-block; width: 56px; height: 56px; background-image: url(/images/ui/last_minute_header_icon.png); }
  .ie7 div.last_minute_header div.icon  { zoom:1; *display: inline; }  
  .last_minute_header .title { margin: 5px; display: inline-block; vertical-align: top; font-size: 22px; }
  .ie7 .last_minute_header .title { zoom:1; *display: inline; padding-bottom: 5px; }
  
  div.lastminute { padding: 10px; border-bottom: thin dotted gray; }
  div.lastminute div.top { min-height: 32px; }
  div.lastminute div.top div.img { display: inline-block; width: 65px; height: 49px; vertical-align: top; }
  .ie7 div.lastminute div.top div.img { dzoom:1; *display: inline; }
  div.lastminute div.top div.txt { display: inline-block; width: 195px; padding-left: 5px; padding-right: 5px; }
  .ie7 div.lastminute div.top div.txt { zoom:1; *display: inline; }
  div.lastminute div.top div.txt div.label { font-size: 12px; }
  div.lastminute div.top div.txt div.price_package { padding-bottom: 10px; padding-top: 10px }
  div.lastminute div.bottom div.addBookmark { text-align:right; padding-bottom: 0px; margin-bottom: 0px; }
  
  div.last_minute_footer { margin-top: 10px; height: 20px; background-image: url(/images/ui/last_minute_footer_bg.png); text-align:right; padding-top: 10px; padding-right: 10px; }
  #trip_list { position: absolute; top: 0px; right: 5px;}
  #trip_list img { padding-left: 10px; }
  
#filtred_packages {  }
#filtred_packages div.lastminute  div.icon { display: inline-block; width: 28px; height: 28px; background-size: 28px 28px; background-image: url(/images/ui/last_minute_header_icon.png); }
.ie7 #filtred_packages div.lastminute  div.icon { *display: inline; width: 56px; height: 56px; zoom: 0.5; margin-right: 3px; }
.ie8 #filtred_packages div.lastminute  div.icon { *display: inline; width: 56px; height: 56px; zoom: 0.5; margin-right: 3px; }
#filtred_packages div.lastminute  div.icon_space { display: inline-block; width: 28px; height: 28px; }
.ie7 #filtred_packages div.lastminute  div.icon_space { zoom:1; *display: inline; }
.ie7 #filtred_packages .regular_price_info { margin-top: 10px; }
#filtred_packages div.lastminute { padding: 10px; width: 240px; border: none; vertical-align: top; background-image: url(/images/ui/package_blue_box_bg.png); background-size: 100% 100%; background-repeat: repeat-x; }
#filtred_packages div.package_item div.lastminute div.txt {width: 180px; vertical-align: top; margin-top: 0px; }
#filtred_packages div.lastminute div.top div.txt div.price_package { padding-bottom: 10px; padding-top: 0px }
#filtred_packages div.package_item {width: 100%; margin: 0 0 20px 0; padding: 10px; background-image: url(/images/ui/package_grey_box_bg.png); background-repeat: repeat-x;}
#filtred_packages div.package_item div.img {width: 110px; vertical-align: top; height: 82px; margin: 0 10px 10px 0; }
#filtred_packages div.package_item div.txt {width: 290px; vertical-align: top; padding-right: 10px; }
#filtred_packages .bottom { padding-left: 33px; }

#filtred_packages .mini_last_minute { border-bottom: 1px dotted black; padding-bottom: 5px; margin-bottom: 5px; }

div.package_partners { padding:10px; margin:5px 0 5px 0; background-color:#f1f0ee; }
    div.package_partners ul { padding:0px; margin:0 0 0 20px; }
        div.package_partners ul li { list-style-type: none; } 
 
div.package_footer div.actionButtons { float:left; }  
div.package_phone { float:right; }
    div.package_phone .call_us { color:#949494; font-size:13px; }
    div.package_phone .number { color:#218ba7; font-weight:bold; font-size:18px; }

a.title, .title {margin-top: 0; font-size: 12px; margin-bottom: 5px; }
.container_with_grey_border{ border: 1px solid #dadada; padding: 1px; }

.member { width: 290px; }
.addBookmark a, .addBookmark { width: 275px; }
.memberContentNew #filtred_packages div.lastminute .price_package { width: 200px; }
.memberContentNew { background-image: url(/images/ui/package_grey_box_bg.png); background-repeat: repeat-x; padding: 20px 10px 10px 10px; }
.ie7 .memberContentNew .reduit { padding-bottom: 1px; }
.ie8 .price_package,
.ie8 .valid,
.ie8 .restant,
.ie7 .price_package,
.ie7 .valid,
.ie7 .restant { font-size: 12px; }