/*
Name: Office de tourisme de Vaison-la-Romaine
URL: http://www.vaison-en-provence.com
Author: Com-Ocean | http://www.com-ocean.com
Date: Mars 2011
*/



* {outline: none;}

html, body, #wrap {height: 100%;}

html {font-size: 100.01%;}

body {
	background-position: center 30px;
  background-repeat: no-repeat;
  /*background-image: url(/images/bgbody.gif); background-repeat: repeat-x; */
	font-size: 62.5%;
	margin: 0;
}

/* ----------------------------------------------------------------------- */
/*                             	GENERAL STYLES                             */
/* ----------------------------------------------------------------------- */

.left {float: left;}

.right {float: right;}

.clear {clear: both;}
 
.italic {font-style: italic;}
 
.uppercase {text-transform: uppercase;}
	
.ir {
	background-position: 0 0;
	background-repeat: no-repeat !important;
  font-size: 0px;
	display: block !important;
	overflow: hidden;
	text-indent: -9999px;
}

	.preparez-votre-sejour-fr h2, .preparez-votre-sejour-fr h6 							{color: #dc702f; }
  .region-fr h2, .region-fr h6 							{color: #786854;}
  .terroir-fr h2, .terroir-fr h6 						{color: #7f352f;}
 	.art-fr h2, .art-fr h6 										{color: #c94a3c; }
  .detente-fr h2, .detente-fr h6 						{color: #6b8144;}
  .coupsdecoeur-fr h2, .coupsdecoeur-fr h6	{color: #9f1b2f;}
  .axe-agenda-fr h2, .axe-agenda-fr h6 			{color: #7490a5;}
  .infos-fr h2, .infos-fr h6 								{color: #B3131B;}

  .preparez-votre-sejour-fr h1, .preparez-votre-sejour-fr h4 							{color: #dc702f; border-color: #dc702f;}
  .region-fr h1, .region-fr h4 							{color: #786854; border-color: #786854;}
  .terroir-fr h1, .terroir-fr h4 						{color: #7f352f; border-color: #7f352f;}
  .art-fr h1, .art-fr h4 										{color: #c94a3c; border-color: #c94a3c;}
  .detente-fr h1,.detente-fr h4 						{color: #6b8144; border-color: #6b8144;}
  .coupsdecoeur-fr h1, .coupsdecoeur-fr h4	{color: #9f1b2f; border-color: #9f1b2f;}
  .axe-agenda-fr h1,.axe-agenda-fr h4 			{color: #7490a5; border-color: #7490a5;}
  .infos-fr h1,.infos-fr h4 								{color: #56585c; border-color: #56585c;}

	.preparez-votre-sejour-en h2, .preparez-votre-sejour-en h6 							{color: #dc702f; }
  .region-en h2, .region-en h6 							{color: #786854;}
  .terroir-en h2, .terroir-en h6 						{color: #7f352f;}
 	.art-en h2, .art-en h6 										{color: #c94a3c; }
  .detente-en h2, .detente-en h6 						{color: #6b8144;}
  .coupsdecoeur-en h2, .coupsdecoeur-en h6	{color: #9f1b2f;}
  .axe-agenda-en h2, .axe-agenda-en h6 			{color: #7490a5;}
  .infos-en h2, .infos-en h6 								{color: #B3131B;}

  .preparez-votre-sejour-en h1, .preparez-votre-sejour-en h4 							{color: #dc702f; border-color: #dc702f;}
  .region-en h1, .region-en h4 							{color: #786854; border-color: #786854;}
  .terroir-en h1, .terroir-en h4 						{color: #7f352f; border-color: #7f352f;}
  .art-en h1, .art-en h4 										{color: #c94a3c; border-color: #c94a3c;}
  .detente-en h1,.detente-en h4 						{color: #6b8144; border-color: #6b8144;}
  .coupsdecoeur-en h1, .coupsdecoeur-en h4	{color: #9f1b2f; border-color: #9f1b2f;}
  .axe-agenda-en h1,.axe-agenda-en h4 			{color: #7490a5; border-color: #7490a5;}
  .infos-en h1,.infos-en h4 								{color: #56585c; border-color: #56585c;}

.printbutton { display: none !important;}

/* ----------------------------------------------------------------------- */
/*                             	LAYOUT                                     */
/* ----------------------------------------------------------------------- */


#header {
  background: url(../images/bkgd_header.png) repeat-x 0 0;
  height: 430px;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}

	#header-content {
    margin: 0 auto;
  	width: 980px;
  }
  
#main {
  position: relative;
  background-color: #FFF;
  margin: 0 auto;
  padding-top: 20px;
  width: 980px;
  z-index: 1;
  min-height: 300px;
} 

	#content {
    float: left;
    margin: 20px 0 40px;
    overflow: hidden;
    width: 700px;
    min-height: 300px;
  }

	#content2 {
    float: left;
    margin: 20px 0 40px;
    overflow: hidden;
    width: 940px;
    padding: 0 20px;
    min-height: 300px;
  }

#footer {
  background-color: #E8E6E2;
  margin: 0;
  padding: 0 0 30px;
  width: 100%;
}

  #footer-content {
    background-color: #FFF;
		margin: 0 auto;
    padding: 40px 20px;
  	width: 940px;
  }
  
  	#footer-content h6 {color:#333;}

.content-tip h5 {
  font-size: 22px;
  color: #786854;
  font-family: 'Lobster', Tahoma, Geneva, sans-serif;
  font-weight: normal;
  margin: 0 0 5px;
}

.content-tip h5 a {
  color: #786854;
  text-decoration: none;
}

.content-tip h5 a:hover {
  text-decoration: underline;
}

.textinfo, .textaccroche {
  margin-bottom: 0;
  color: #000000;
  font-style: italic;
  font-size: 15px;
  margin-top: 5px;
}

.tooltip {
	display:none;
	background:transparent url(/images/tooltip/white_arrow120.png);
  background-repeat: no-repeat;
	font-size:15px;
  line-height: 20px;
	height:50px;
	width:100px;
	padding:25px;
	color:#000000;
  padding: 10px;
  text-align: center;
  z-index: 5;
}

.tooltip2 {
	display:none;
	background:transparent url(/images/tooltip/white_arrow155.png);
  background-repeat: no-repeat;
	font-size:15px;
  line-height: 20px;
	height:50px;
	width:135px;
	padding:25px;
	color:#000000;
  padding: 10px;
  text-align: center;
  z-index: 5;
}



/* ----------------------------------------------------------------------- */
/*                             	HEADER                                     */
/* ----------------------------------------------------------------------- */

  /* ___________ image de fond ___________ */
 
 #background {
  height: 600px;
  left: 0;
  position: absolute;
  top: 30px;
  width: 100%;
}

  #background .bis_image { 
    background-position: center top; 
    background-repeat: no-repeat; 
    height:600px; 
    position:absolute;    
    width:100%; 
  }
  
  #background #bis_container { 
    clear:both; 
    margin:0 auto; 
    position:relative; 
    width:980px; 
    z-index: 3;
    }
  #background #bis_caption { 
    position:absolute;
    right: 0;
    top: 240px;
  }
  
  #background .bis_title {
    background-image: url(/images/bgtitle.png);
    clear:both;
    color:#FFF;
    display:block;
    float:right;
    font-family: 'Lobster',Tahoma, Geneva, sans-serif;
    font-size:22px;
    line-height: 26px;
    padding: 5px 10px;
    width: 300px;
  }
  #background .bis_title a { color:#FFF; text-decoration:none; }
  #background .bis_title a:hover { text-decoration:underline; }
  
  /* CONTROLS */
  #background #bis_nav { 
    position:absolute;
    right: 0;
    top: 50px;
  }
  
  /* contrôles désactivés */
  #background #bis_nav { display: none;}  

  #background .bis_btn 			{ height:32px; width:32px; float:left; cursor:pointer; position: relative;}
  #background #bis_back 		{ background-image:url("/js/bgimg_slideshow/images/btn_back.png"); }
  #background #bis_next 		{ background-image:url("/js/bgimg_slideshow/images/btn_next.png"); }
  #background #bis_control 	{ background-image:url("/js/bgimg_slideshow/images/btn_pause.png"); }
  
  /* ___________ nav et logo ___________ */

   #navigation {
      clear: both;
      margin: 0;
      position: absolute;
      top: 300px;
      width: 980px;
   }
    
    	.logo {
        display: block;
        height: 130px;
        float: left;
        width: 130px;
      }

  /* ___________ nav principale ___________ */
	

  #nav {
    float: left;
    list-style-type: none;
    margin: 45px 0 0;
    padding: 0;
  }
  
    #nav > li {float: left; }
    
      #nav > li > a {
        background-position: 0 0;
        background-repeat: no-repeat !important;
        font-size: 0px;
        display: block;
        height: 125px;
        overflow: hidden;
        text-indent: -999px !important;
        width: 124px;
      }
      
        #nav > li > a:hover, #nav > li.selected > a { background-position: 0 -125px;}
  
        #nav > li.nav-preparez-votre-sejour > a { background-image: url(../images/nav_sejour.png);}
        #nav > li.nav-decouvrez-la-region > a 	{ background-image: url(../images/nav_region.png); }
        #nav > li.nav-grand-terroir-de-vins > a { background-image: url(../images/nav_vins.png); }
        #nav > li.nav-art-de-vivre > a 					{ background-image: url(../images/nav_art.png);}
        #nav > li.nav-detentes-et-loisirs > a 	{ background-image: url(../images/nav_detente.png);}
        #nav > li.nav-nos-coups-de-coeur > a 		{ background-image: url(../images/nav_coeur.png); width: 230px; }

      html.translated-ltr #nav > li > a {
        background-image: none !important;
        font-size: 13px;
        display: block;
        margin-top: 35px;
        overflow: hidden;
        text-indent: 0 !important;
        width: 114px;
        height: 40px;
        padding: 5px;
        color: #ffffff;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        line-height: 15px;
      }

      html.translated-ltr #nav > li > a:hover {
        height: 75px;
        margin-top: 0;
        padding-top: 40px;
        
      }

        html.translated-ltr #nav > li.nav-preparez-votre-sejour > a { background-color: #E78337; }
        html.translated-ltr #nav > li.nav-decouvrez-la-region > a 	 { background-color: #8B7A65; }
        html.translated-ltr #nav > li.nav-grand-terroir-de-vins > a { background-color: #94463B; }
        html.translated-ltr #nav > li.nav-art-de-vivre > a 				 { background-color: #D75E49;}
        html.translated-ltr #nav > li.nav-detentes-et-loisirs > a 	 { background-color: #7D9158;}
        html.translated-ltr #nav > li.nav-nos-coups-de-coeur > a 	 { 
          background-color: #9F1B2F; 
          width: 215px; 
          height: 50px;
          font-family: 'Lobster', Tahoma, Geneva, sans-serif;
          font-size: 24px;
          text-transform: none;
          font-weight: normal;
          padding-top: 15px;
          padding-left: 10px;
         }      

        html.translated-ltr #nav > li.nav-nos-coups-de-coeur > a:hover {
          padding-top: 50px;
        }


  /* ___________ nav secondaire ___________ */

  #nav2 {
    height: 82px;
    list-style-type: none;
		margin: 0 0 220px; 
    padding: 0;
    float: right;
  }
  
    #nav2 > li {float: left; margin: 0 0 0 20px;}
    
      #nav2 > li a {
        background-position: 0 -24px;
        background-repeat: no-repeat !important;
        font-size: 0px;
        display: block;
        height: 24px;
        margin-top: 12px;
        overflow: hidden;
        text-indent: -9999px;
      }
      
        #nav2 > li > a:hover, #nav2 > li.selected > a { background-position: 0 0; }
  
        #nav2 > li.nav-phototheque > a 						{ background-image: url(../images/nav_photos.jpg); width: 103px;}
        #nav2 > li.nav-webcam > a 								{ background-image: url(../images/nav_webcam.jpg); width: 71px;}
        #nav2 > li.nav-informations-pratiques > a { background-image: url(../images/nav_infos.jpg); width: 117px;}
        #nav2 > li.nav-espace-presse > a 					{ background-image: url(../images/nav_presse.jpg); width: 91px;}
        #nav2 > li.nav-espace-pro > a 						{ background-image: url(../images/nav_pro.jpg); width: 73px;}
  

        #nav2 > li.nav-agenda > a { 
        	background: url(../images/nav_agenda.png) no-repeat 0 0; 
          height: 82px;
          margin-top:0;
          width: 127px;
       }

        #nav2 > li.nav-agenda > a:hover { background-position: 0 -112px; }
        
        .languages {
          padding-top: 8px;
          float: left;
        }

        html.translated-ltr #nav2 > li > a {
          color: #dddddd;
          text-transform: uppercase;
          text-decoration: none;
          text-indent: 0;
          font-size: 12px;
          line-height: 15px;
          padding: 5px;
          height: auto !important;
          background-image: none !important;
          margin-top: 0 !important;
        }
        
        html.translated-ltr #nav2 > li.nav-agenda > a 						{ background-color: #8BACC1; color: #ffffff}
        
        html.translated-ltr #nav2 > li > a:hover { color: #ffffff }


/* ----------------------------------------------------------------------- */
/*                             	Bloc Villages                              */
/* ----------------------------------------------------------------------- */

#footer-villages {
  background: #786854 url(../images/bkgd_villages.jpg) no-repeat bottom left; 
  height: 410px;
  margin: 0 auto;
  padding: 15px 20px 0;
  position: relative;
  width: 940px;
}

	.title-village {
    color: #FFF !important;
    font-family: 'Lobster', Tahoma, Geneva, sans-serif;
    font-size: 30px;
    margin: 0 0 10px;
    padding: 0;
	}
 
 	.title-village a {color: #FFF !important; text-decoration: none;}
 	.title-village a:hover { text-decoration: underline;}
 
    .footer-village {
      background-color: #c5bcb1;
      float: left;
      margin-right: 3px;
      height: 325px;
      width: 185px;
    }
      
      .footer-village h3 {
        font-size: 17px;
        margin: 0;
        padding: 5px 10px;
      }
        
        .footer-village h3 a {color: #a00018; text-decoration: none;}
        .footer-village h3 a:hover { text-decoration: underline;}
      
      .footer-village p {
        margin: 0;
        padding: 0 10px 5px 10px;
      }

  a#footer_villages_prev, a#footer_villages_next {
    background: transparent url(../images/arrow_villages.png) no-repeat 0 0 ;
    display: block;
    height: 32px;
    position: absolute;
    top: 15px;
    width: 32px;
    z-index: 6;
	}

	a#footer_villages_prev       { background-position: 0 0; right: 63px;  }
	a#footer_villages_prev:hover { background-position: 0 -32px; }
	a#footer_villages_next       { background-position: -32px 0; right: 23px; }
	a#footer_villages_next:hover { background-position: -32px -32px; }
	 
	a#footer_villages_prev span, a#footer_villages_next span {display: none;}  

/* ----------------------------------------------------------------------- */
/*                              FOOTER                                     */
/* ----------------------------------------------------------------------- */

	.title-footer {
    color: #a00018;
    font-family: 'Lobster', Tahoma, Geneva, sans-serif;
    font-size: 30px;
  	margin: 0 0 15px;
	}
  
  .footer-bloc {
    border-right: #E8E6E2 4px solid;
    float: left;
    margin: 0 0 0 20px;
    padding-right: 32px;
    width: 275px;
  }
  
  .coordonnees {margin: 0;}

  .newsletter {border: 0; padding: 0;}
  
  	#sfMailingSubscribe_email {
      background-color: #e8e6e2;
      border:0;
      float: left;
      font-style: italic;
      height: 24px;
      margin: 3px 0 0;
      padding: 0 10px;
      width: 200px;
    }
    
    .sfMailingSubscribeSubmit {
      background-color: #a00018;
      border:0;
      color: #FFF;
      cursor: pointer;
      float: left;
    	font-family: 'Lobster', Tahoma, Geneva, sans-serif;
      font-size: 18px;
      height: 30px;
      padding: 0;
      text-transform: lowercase;
      width: 35px;
    }
    
    .sfMailingSubscribeSuccess {color: #a00018; font-weight: bold;}

 	#social {
    float: left;
    list-style-type: none;
    margin: 0 0 20px;
    padding: 0;
  }
  
    #social > li {float: left; margin-right: 6px; }
    
      #social > li > a {
        background-image: url(../images/icon_social.jpg); 
        background-repeat: no-repeat !important;
        font-size: 0px;
        display: block;
        height: 38px;
        overflow: hidden;
        text-indent: -999px !important;
        width: 38px;
      }
       
        #social > li.fb > a { background-position: 0 0;}
        #social > li.tw > a { background-position: -53px 0; }
        #social > li.fr > a { background-position: -105px 0; }
        #social > li.yt > a { background-position: -159px 0; }
        #social > li.tv > a { background-position: -258px 0; }
        #social > li.sa > a { background-position: -210px 0; }

        #social > li.fb > a:hover { background-position: 0 -41px;}
        #social > li.tw > a:hover { background-position: -53px -41px; }
        #social > li.fr > a:hover { background-position: -105px -41px; }
        #social > li.yt > a:hover { background-position: -159px -41px; }
        #social > li.tv > a:hover { background-position: -258px -41px; }
        #social > li.sa > a:hover { background-position: -210px -41px; }

/* ----------------------------------------------------------------------- */
/*                                  SUBNAV                                 */
/* ----------------------------------------------------------------------- */
    
  #subnav {
    float: left;
    list-style-type: none;
    margin: 20px 50px 20px 0;
    padding:0;
    width: 230px;
 	}
 
      #subnav > li {
        background-position: 218px 10px;
        background-repeat: no-repeat;
        border-bottom: 1px solid;
        min-height: 30px;
        height: auto !important;
        height: 30px;
        width: 230px;
      }

      .preparez-votre-sejour-fr #subnav > li 				{background-image: url(../images/arrow_subnav_sejour.png); border-color: #f1c6ac;}
      .region-fr #subnav > li 				{background-image: url(../images/arrow_subnav_region.png); border-color: #c9c3bb;}
      .terroir-fr #subnav > li 			{background-image: url(../images/arrow_subnav_vins.png); border-color: #ccaeac;}
      .art-fr #subnav > li 					{background-image: url(../images/arrow_subnav_art.png); border-color: #e9b7b1;}
      .detente-fr #subnav > li 			{background-image: url(../images/arrow_subnav_detente.png); border-color: #c4cdb6;}
      .coupsdecoeur-fr #subnav > li	{background-image: url(../images/arrow_subnav_coeur.png); border-color: #d9a4ac;}
      .axe-agenda-fr #subnav > li 		{background-image: url(../images/arrow_subnav_agenda.png); border-color: #c7d3db;}
      .infos-fr #subnav > li 				{background-image: url(../images/arrow_subnav_infos.png); border-color: #bbbcbe;}

      .preparez-votre-sejour-en #subnav > li 				{background-image: url(../images/arrow_subnav_sejour.png); border-color: #f1c6ac;}
      .region-en #subnav > li 				{background-image: url(../images/arrow_subnav_region.png); border-color: #c9c3bb;}
      .terroir-en #subnav > li 			{background-image: url(../images/arrow_subnav_vins.png); border-color: #ccaeac;}
      .art-en #subnav > li 					{background-image: url(../images/arrow_subnav_art.png); border-color: #e9b7b1;}
      .detente-en #subnav > li 			{background-image: url(../images/arrow_subnav_detente.png); border-color: #c4cdb6;}
      .coupsdecoeur-en #subnav > li	{background-image: url(../images/arrow_subnav_coeur.png); border-color: #d9a4ac;}
      .axe-agenda-en #subnav > li 		{background-image: url(../images/arrow_subnav_agenda.png); border-color: #c7d3db;}
      .infos-en #subnav > li 				{background-image: url(../images/arrow_subnav_infos.png); border-color: #bbbcbe;}
        
        #subnav > li > a {
          background: url(../images/arrow_white.png) no-repeat 20px 11px; 
          color: #FFF;
          display: block;
          font-size: 14px;
          padding: 6px 15px 6px 30px;
          text-decoration: none;
        }

      .preparez-votre-sejour-fr #subnav > li > a, .preparez-votre-sejour-fr #subnav ul li a:hover, .preparez-votre-sejour-fr #subnav ul li.selected a 									{color: #dc702f;}
      .region-fr #subnav > li > a, .region-fr #subnav ul li a:hover, .region-fr #subnav ul li.selected a 									{color: #786854;}
      .terroir-fr #subnav > li > a, .terroir-fr #subnav ul li a:hover, .terroir-fr #subnav ul li.selected a 								{color: #7f352f;}
      .art-fr #subnav > li > a, .art-fr #subnav ul li a:hover, .art-fr #subnav ul li.selected a 														{color: #c94a3c;}
      .detente-fr #subnav > li > a, .detente-fr #subnav ul li a:hover, .detente-fr #subnav ul li.selected a 								{color: #6b8144;}
      .coupsdecoeur-fr #subnav > li > a, .coupsdecoeur-fr #subnav ul li a:hover, .coupsdecoeur-fr #subnav ul li.selected a	{color: #9f1b2f;}
      .axe-agenda-fr #subnav > li > a, .axe-agenda-fr #subnav ul li a:hover, .axe-agenda-fr #subnav ul li.selected a 			{color: #7490a5;}
      .infos-fr #subnav > li > a, .infos-fr #subnav ul li a:hover, .infos-fr #subnav ul li.selected a											{color: #56585c;}

      .preparez-votre-sejour-en #subnav > li > a, .preparez-votre-sejour-en #subnav ul li a:hover, .preparez-votre-sejour-en #subnav ul li.selected a 									{color: #dc702f;}
      .region-en #subnav > li > a, .region-en #subnav ul li a:hover, .region-en #subnav ul li.selected a 									{color: #786854;}
      .terroir-en #subnav > li > a, .terroir-en #subnav ul li a:hover, .terroir-en #subnav ul li.selected a 								{color: #7f352f;}
      .art-en #subnav > li > a, .art-en #subnav ul li a:hover, .art-en #subnav ul li.selected a 														{color: #c94a3c;}
      .detente-en #subnav > li > a, .detente-en #subnav ul li a:hover, .detente-en #subnav ul li.selected a 								{color: #6b8144;}
      .coupsdecoeur-en #subnav > li > a, .coupsdecoeur-en #subnav ul li a:hover, .coupsdecoeur-en #subnav ul li.selected a	{color: #9f1b2f;}
      .axe-agenda-en #subnav > li > a, .axe-agenda-en #subnav ul li a:hover, .axe-agenda-en #subnav ul li.selected a 			{color: #7490a5;}
      .infos-en #subnav > li > a, .infos-en #subnav ul li a:hover, .infos-en #subnav ul li.selected a											{color: #56585c;}
        
        #subnav a:hover, #subnav > li.selected > a  {
          background-image: inherit;
          background-position: inherit;
        	background-repeat: inherit;
				}
        
        .preparez-votre-sejour-fr #subnav > li > a:hover, .preparez-votre-sejour-fr #subnav > li.selected 						{background-color: #FAEAE0;}
        .region-fr #subnav > li > a:hover, .region-fr #subnav > li.selected 						{background-color: #EBE8E6;}
        .terroir-fr #subnav > li > a:hover, .terroir-fr #subnav > li.selected 					{background-color: #ECE1E0;}
        .art-fr #subnav > li > a:hover, .art-fr #subnav > li.selected 									{background-color: #F7E4E2;}
        .detente-fr #subnav > li > a:hover, .detente-fr #subnav > li.selected 					{background-color: #E9ECE4;}
        .coupsdecoeur-fr #subnav > li > a:hover, .coupsdecoeur-fr #subnav > li.selected	{background-color: #F1DDE0;}
        .axe-agenda-fr #subnav > li > a:hover, .axe-agenda-fr #subnav > li.selected 		{background-color: #ECF0F4;}
        .infos-fr #subnav > li > a:hover, .infos-fr #subnav > li.selected 							{background-color: #e6e6e7;}

        .preparez-votre-sejour-en #subnav > li > a:hover, .preparez-votre-sejour-en #subnav > li.selected 						{background-color: #FAEAE0;}
        .region-en #subnav > li > a:hover, .region-en #subnav > li.selected 						{background-color: #EBE8E6;}
        .terroir-en #subnav > li > a:hover, .terroir-en #subnav > li.selected 					{background-color: #ECE1E0;}
        .art-en #subnav > li > a:hover, .art-en #subnav > li.selected 									{background-color: #F7E4E2;}
        .detente-en #subnav > li > a:hover, .detente-en #subnav > li.selected 					{background-color: #E9ECE4;}
        .coupsdecoeur-en #subnav > li > a:hover, .coupsdecoeur-en #subnav > li.selected	{background-color: #F1DDE0;}
        .axe-agenda-en #subnav > li > a:hover, .axe-agenda-en #subnav > li.selected 		{background-color: #ECF0F4;}
        .infos-en #subnav > li > a:hover, .infos-en #subnav > li.selected 							{background-color: #e6e6e7;}

					#subnav > li > ul {
            display: none; 
            list-style-type: none;
            padding: 0 0 5px 20px;
            margin: 0 0 2px;
          } 
					
          #subnav > li.selected > ul {display: block;} 

          #subnav ul li a {
            color: #333;
            display: block;
            font-size: 12px;
            line-height: 16px;
            padding: 5px 15px 5px 20px;
            text-decoration: none;
          }
          
           #subnav ul li.selected a {padding-left: 30px; }
         
/* ----------------------------------------------------------------------- */
/*                              Generic Styles                             */
/* ----------------------------------------------------------------------- */

.gmap {	
  background-position: 0 0;
	background-repeat: no-repeat !important;
  font-size: 2px;
	display: block;
  height: 47px;
	overflow: hidden;
	text-indent: -9999px;
  width: 162px;
}  

.region-fr .gmap 			{	background: url(../images/but_geolocalisation_village.jpg); float: right;}  
.preparez-votre-sejour-fr .gmap 			{	background: url(../images/but_geolocalisation_sejour.jpg); float: right;}                
.coupsdecoeur-fr .gmap	{ background: url(../images/but_geolocalisation_coeur.jpg)}
.terroir-fr .gmap 			{ background: url(../images/but_geolocalisation_terroir.jpg); float: right;}

.region-en .gmap 			{	background: url(../images/but_geolocalisation_village.jpg); float: right;}  
.preparez-votre-sejour-en .gmap 			{	background: url(../images/but_geolocalisation_sejour.jpg); float: right;}                
.coupsdecoeur-en .gmap	{ background: url(../images/but_geolocalisation_coeur.jpg)}
.terroir-en .gmap 			{ background: url(../images/but_geolocalisation_terroir.jpg); float: right;}

.printbutton {	
  background: url(../images/but_imprimer.png) no-repeat 0 0;
	background-repeat: no-repeat !important;
  float: right;
  font-size: 0;
	display: block;
  height: 30px;
  margin: 0 20px 0 0;
	overflow: hidden;
	text-indent: -9999px;
  width: 105px;
}

.page-photo {
  float: right;
  margin: 0 0 20px 10px;
}

/* ----------------------------------------------------------------------- */
/*                              Page d'accueil                             */
/* ----------------------------------------------------------------------- */
.accueil h2 {    
	font-family: 'Lobster', Tahoma, Geneva, sans-serif;
  font-size: 30px;
  margin: 0 0 10px;
}

.link-home {   
  display: block;
  font-family: 'Lobster', Tahoma, Geneva, sans-serif;
  font-size: 18px;
  padding-right: 30px;
  text-align: right;
}

  .link-home a {  
    display: block;
    padding-bottom: 4px;
    text-decoration: none;
    width: 100%;
  }
  
.forecast {
  float: left;
  width: 83px;
  height: auto;
  text-align: center;
  overflow: auto;
}

.forecast .icon {
  height: 64px;
  width: 100%;
  text-align: center;
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ colonne 1 ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
#main-home-col1 {
  float: left;
  margin: 20px 35px 0 0;
  width: 255px;
}


  #title-herbergements {
    height: 70px;
    width: 235px;
    background: #E78337 url(../images/title_bloc_herbergement.gif) no-repeat 20px 5px;
    margin: 10px 0 0 0;
    padding: 20px 0 0 20px;
    font-size: 28px;
    line-height: 28px;
    font-family: 'Lobster', Tahoma, Geneva, sans-serif;
    color: #FFF;
  }
  
    .th1 {
      display: block;
    }
  
    .th2 {
      display: none;
    }
  
    .th3 {
      display: block;
    }
  

	#menu-herbergements {
    /*background: #E78337 url(../images/title_bloc_herbergement.jpg) no-repeat 20px 5px;*/
    list-style-type: none;
    
    padding: 90px 25px 0 0;
    width: 230px;
    margin: 0 0 10px 0;
    background-color: #E78337;
    padding-top: 0px;
 	}
  
    #menu-herbergements li {
      border-bottom: #ECA271 1px solid;
      margin: 0 ;
      padding: 5px 15px 5px 20px;
      width: 195px;
    }

      #menu-herbergements li a {
   			background: url(../images/arrow_bloc_hebergement.jpg) no-repeat right 5px;
        color: #FFF;
        display: block;
        font-size: 14px;
        text-decoration: none;
        width: 195px;
      }

      #menu-herbergements li a:hover { color: #662905;}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ colonne 2 ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */

#main-home-col2 {
  float: left;
  margin: 20px 50px 0 0;
  width: 325px;
}
	#main-home-col2 h2 {color: #dc702f;}
  
  #main-home-col2 img {
    float: right;
    margin: 0 0 10px 10px;
  }
  
  #main-home-col2 h3 {
    color: #dc702f;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
	}
  
  .bloc-sejour {
    margin: 0 0 30px;
    width: 100%;
  }
  
  .bloc-sejour img {float: right;}
  
  .bloc-sejour-content {
    float: left;
    width: 175px;
  }

  .bloc-sejour-content h3 a {color: #dc702f; text-decoration: none;}
  .bloc-sejour-content h3 a:hover {text-decoration: underline;}
 
	.prix {font-size: 14px; font-weight: bold;}
 
	.but-plus-sejour {
    background: url(../images/plus_sejour.jpg) no-repeat 0 0;
    float: right;
    height: 21px;
    width: 21px;
    }
  
  .link-sejours {   
    background: url(../images/arrow_link_sejour.jpg) no-repeat right 2px; 
    width: 285px;
  }
  
  .link-sejours a { border-bottom: #dc702f 3px solid;}
  .link-sejours a:hover { color: #dc702f }
  
/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ colonne 3 ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */

#main-home-col3 {
  float: left;
  margin: 0;
  width: 315px;
}

	#main-home-col3 h2 {color: #7490a5;  }
  
  .agenda-date {
    color: #7490a5;  
    font-weight: bold;
    margin: 15px 0 0;
  }
  
  #main-home-col3 h4 {
    border: 0;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
 }
 
    #main-home-col3 h4 a { text-decoration: none;}
    #main-home-col3 h4 a:hover { text-decoration: underline;}
    
  .link-agenda {   
  	background: url(../images/arrow_link_agenda.jpg) no-repeat right 2px; 
  	width: 285px;
  }
  
  .link-agenda a { border-bottom: #7490a5 3px solid; }
  .link-agenda a:hover { color: #7490a5 }

  
/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ colonne 3 | coup de coeur ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
  .home-coupdecoeur {
    background-color: #9F1B2F;
    padding: 20px 10px 10px;
    margin-left: 85px;
    width: 210px;
  }
  
  .home-coupdecoeur a {
    background: url(../images/arrow_bloc_coeur.jpg) no-repeat bottom right;
    color: #FFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    padding-right: 20px;
    text-decoration: none;
  }
  
  .home-coupdecoeur a:hover {text-decoration: underline;  }

/* ----------------------------------------------------------------------- */
/*                              Page Villages                              */
/* ----------------------------------------------------------------------- */

 #leftside {
    float: left;
    width: 280px;
 	}
  
 .idee {
		background: #786854 url(../images/bkgd_bloc_idee.png) no-repeat 5px 0;
    clear: both;
    padding: 20px 15px;  
    margin: 20px 0;
  	width: 200px;
  }
  
  	.title-idee {
      color: #FFF;
     	font-family: 'Lobster', Tahoma, Geneva, sans-serif;
      font-size: 30px;
      margin: 0 0 20px;
    }
    
    .idee p, idee h1, .idee h2, .idee h3, .idee h4, .idee h5, .idee h6, .idee li, .idee a {color: #FFF;}
 
/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ Sliders ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */

.slideContainer {position: relative;}

.ui-slider {
	background: url(/images/distance.png) repeat-x 6px center;
	height: 25px;
	position: relative;
	width: 230px;
}

.ui-slider-handle {
	background: url(/images/point2.png) no-repeat;
	height: 23px;
	left: 0;
	position: absolute;
	top: 0;
	width: 12px;
	z-index: 1;
}

  .ui-slider-handle-active {border: 1px dotted black;}

  .ui-slider-disabled .ui-slider-handle {
    filter: alpha(opacity =   50);
    opacity: 0.5;
	}

.ui-slider-range {
	background-color: #50A029;
	filter: alpha(opacity =   30);
	height: 100%;
	opacity: 0.3;
	position: absolute;
	width: 100%;
}

/* ----------------------------------------------------------------------- */
/*                              Page rubriques                             */
/* ----------------------------------------------------------------------- */

.vignettes {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

  .vignettes li {
    background-position: 180px 175px !important;
    background-repeat: no-repeat !important;
    color: #FFF;
    float: left;
    font-size: 14px; 
    font-weight: bold;
    height: 200px;
    margin: 0 20px 20px 0;
    width: 207px;
  }
  
  .vignettes li a {
    color: #FFF; 
    display: block;
    height: 100%; 
    text-decoration: none;  
    width: 100%;
  }
  
  .vignettes-title {padding : 0 30px 0 10px;}
  
  .vignettes li img {margin: 0 0 10px 0;}
  
  .preparez-votre-sejour-fr .vignettes li 			{background: #dc702f url(../images/arrow_bloc_sejour.jpg);}
  .region-fr .vignettes li 			{background: #786854 url(../images/arrow_bloc_region.jpg);}
  .terroir-fr .vignettes li 			{background: #7f352f url(../images/arrow_bloc_vins.jpg);}
  .art-fr .vignettes li 					{background: #c94a3c url(../images/arrow_bloc_art.jpg);}
  .detente-fr .vignettes li 			{background: #6b8144 url(../images/arrow_bloc_detente.jpg);}
  .coupsdecoeur-fr .vignettes li	{background: #9f1b2f url(../images/arrow_bloc_coeur.jpg);}
  .axe-agenda-fr .vignettes li 	{background: #7490a5 url(../images/arrow_bloc_agenda.jpg);}
  .infos-fr .vignettes li 				{background: #56585c url(../images/arrow_bloc_infos.jpg);}

  .preparez-votre-sejour-en .vignettes li 			{background: #dc702f url(../images/arrow_bloc_sejour.jpg);}
  .region-en .vignettes li 			{background: #786854 url(../images/arrow_bloc_region.jpg);}
  .terroir-en .vignettes li 			{background: #7f352f url(../images/arrow_bloc_vins.jpg);}
  .art-en .vignettes li 					{background: #c94a3c url(../images/arrow_bloc_art.jpg);}
  .detente-en .vignettes li 			{background: #6b8144 url(../images/arrow_bloc_detente.jpg);}
  .coupsdecoeur-en .vignettes li	{background: #9f1b2f url(../images/arrow_bloc_coeur.jpg);}
  .axe-agenda-en .vignettes li 	{background: #7490a5 url(../images/arrow_bloc_agenda.jpg);}
  .infos-en .vignettes li 				{background: #56585c url(../images/arrow_bloc_infos.jpg);}  

/* ----------------------------------------------------------------------- */
/*                              Page Annuaires                          */
/* ----------------------------------------------------------------------- */



/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ filtre ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */

.recherche-form {
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.recherche-form th {
  color: #333;
  font-size: 12px;
  text-align: left;
  height: 30px;
  padding-right: 25px;
}

	#sejours-form th {}

.recherche-form td {
  color: #333;
  font-size: 12px;
  text-align: left;
}

#agenda-form, #annuaire-form, #sejours-form, #circuits-form {border-bottom: 5px solid;}

#sejours-form table,
#agenda-form table {
  width: 100%;
}

.ui-datepicker-trigger {
 cursor: pointer;
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨  liste resultats ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */

#resultats-titre {
  font-size: 16px;
  margin: 0 0 10px;
}

.resultat, .sejour_bloc {
  border-bottom: 1px solid;
  float: left;
  height: 110px;
  padding: 0 20px 15px 0;
  margin: 15px 0 0;
  width: 330px;
}

.sejour_bloc {  height: 120px;}

	.img-resultat {
    float: left;
    margin: 0 10px 0 0;
    width: 150px;
  }
  
  .resultat-content {float: right; width: 170px;}

	.resultat p { margin: 0 0 5px;}
	.resultat a { text-decoration: none;}
	.resultat a:hover { text-decoration: underline;}

  .resultat h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
  }

	  .resultat h3 a {color: inherit;}

  .resultat h4 {
    font-weight: bold;
    color: #333333;
    border-top: none;
    font-size: 12px;
    padding: 0;
    margin: 0 0 5px;
    line-height: 18px;
  }
  
  .prix span {font-size: 12px; font-weight: normal;}
  
  .resutat-localite img { float: right; margin: 0 0 0 2px;}
    
  .ensavoir a, .ensavoirplus {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    float: right;
    font-size: 0px;
    height: 21px;
    overflow: hidden;
    text-indent: -9999px;
    width: 21px;
  }

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨  pagination  ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
  .pager {  
  	border-top: 5px solid;
    clear: both;
    font-size: 12px;
    padding: 20px 0 0;
    text-align: center;
	}
  
  	.pager a {margin: 0 8px; text-decoration: none;}
  	.pager a:hover {text-decoration: underline;}

    .pager span {font-size: 16px; font-weight: bold; margin: 0 8px;}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨  spécifiques styles  ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
  
  .preparez-votre-sejour-fr #annuaire-form, #sejours-form, .preparez-votre-sejour-fr .resultat, .preparez-votre-sejour-fr .pager	{border-color: #FAEAE0;}
  .terroir-fr #annuaire-form, .terroir-fr .resultat, .terroir-fr .pager 							{border-color: #ECE1E0;}
  .axe-agenda-fr #agenda-form, .axe-agenda-fr .resultat, .axe-agenda-fr .pager 		{border-color: #ECF0F4;}
  .detente-fr #circuits-form, .detente-fr .resultat, .detente-fr .pager 											{border-color: #E9ECE4;}               
  .infos-fr #annuaire-form, .infos-fr .resultat, .infos-fr .pager 										{border-color: #e6e6e7;}

  .preparez-votre-sejour-fr .resultat h3, .preparez-votre-sejour-fr #resultats-titre,.preparez-votre-sejour-fr .pager a							  {color: #dc702f;}
  .terroir-fr .resultat h3, .terroir-fr #resultats-titre, .terroir-fr .pager a						{color: #7f352f;}
  .detente-fr .resultat h3, .detente-fr #resultats-titre, .detente-fr .pager a 					{color: #6b8144;}
  .axe-agenda-fr .resultat h3, .axe-agenda-fr #resultats-titre, .axe-agenda-fr .pager a 	{color: #7490a5;}

  .preparez-votre-sejour-fr .ensavoir a,.preparez-votre-sejour-fr .ensavoirplus { background: url(../images/plus_sejour.jpg) }
  .region-fr .ensavoir a 						  					{ background: url(../images/plus_region.jpg) }
  .terroir-fr .ensavoir a 											{ background: url(../images/plus_vins.jpg) }
  .art-fr .ensavoir a 													{ background: url(../images/plus_art.jpg) }
  .detente-fr .ensavoir a 											{ background: url(../images/plus_detente.jpg) }
  .coupsdecoeur-fr .ensavoir a 			  					{ background: url(../images/plus_coeur.jpg) }
  .axe-agenda-fr .ensavoir a 				    				{ background: url(../images/plus_agenda.jpg) }
  .infos-fr .ensavoir a 												{ background: url(../images/plus_infos.jpg) }

  .preparez-votre-sejour-en #annuaire-form, #sejours-form, .preparez-votre-sejour-en .resultat, .preparez-votre-sejour-en .pager	{border-color: #FAEAE0;}
  .terroir-en #annuaire-form, .terroir-en .resultat, .terroir-en .pager 							{border-color: #ECE1E0;}
  .axe-agenda-en #agenda-form, .axe-agenda-en .resultat, .axe-agenda-en .pager 		{border-color: #ECF0F4;}
  .detente-en #circuits-form, .detente-en .resultat, .detente-en .pager 											{border-color: #E9ECE4;}               
  .infos-en #annuaire-form, .infos-en .resultat, .infos-en .pager 										{border-color: #e6e6e7;}

  .preparez-votre-sejour-en .resultat h3, .preparez-votre-sejour-en #resultats-titre,.preparez-votre-sejour-en .pager a							  {color: #dc702f;}
  .terroir-en .resultat h3, .terroir-en #resultats-titre, .terroir-en .pager a						{color: #7f352f;}
  .detente-en .resultat h3, .detente-en #resultats-titre, .detente-en .pager a 					{color: #6b8144;}
  .axe-agenda-en .resultat h3, .axe-agenda-en #resultats-titre, .axe-agenda-en .pager a 	{color: #7490a5;}

  .preparez-votre-sejour-en .ensavoir a,.preparez-votre-sejour-en .ensavoirplus { background: url(../images/plus_sejour.jpg) }
  .region-en .ensavoir a 						  					{ background: url(../images/plus_region.jpg) }
  .terroir-en .ensavoir a 											{ background: url(../images/plus_vins.jpg) }
  .art-en .ensavoir a 													{ background: url(../images/plus_art.jpg) }
  .detente-en .ensavoir a 											{ background: url(../images/plus_detente.jpg) }
  .coupsdecoeur-en .ensavoir a 			  					{ background: url(../images/plus_coeur.jpg) }
  .axe-agenda-en .ensavoir a 				    				{ background: url(../images/plus_agenda.jpg) }
  .infos-en .ensavoir a 												{ background: url(../images/plus_infos.jpg) }

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨  page resultats ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */

.entite-vignette img {margin: 0 10px 20px 0;}

.pictos { 
  list-style-type: none;
  margin: 0;
  padding: 0;
}

	.pictos li {
    float: left;
    margin: 0 5px 0 0;
  }
  
 
/* ----------------------------------------------------------------------- */
/*                              Carousel Navigation Page                   */
/* ----------------------------------------------------------------------- */

 #pagenav {
   height: 170px;
   padding: 0 47px;
   position: relative;
 }
 
  #coupsdecoeur {
   height: 210px;
   padding: 0 50px;
   position: relative;
 }

   #pagenav_hr {
     bottom: 14px;
     height: 5px;
     left: 0;
     position: absolute;
     width: 700px;
   } 
   
   #coupsdecoeur_hr {
     background-color: #B22B3B;
     bottom: 14px;
     height: 5px;
     left: 0;
     position: absolute;
     width: 940px;
   } 
   
    .preparez-votre-sejour-fr #pagenav_hr 			{ background-color: #dc702f; }
    .region-fr  #pagenav_hr 			{ background-color: #786854;}
    .terroir-fr  #pagenav_hr 		{ background-color: #7f352f;}
    .art-fr  #pagenav_hr 				{ background-color: #c94a3c; }
    .detente-fr #pagenav_hr 			{ background-color: #6b8144;}
    .coupsdecoeur-fr #pagenav_hr { background-color: #9f1b2f;}
    .axe-agenda-fr #pagenav_hr 	{	background-color: #7490a5;}
    .infos-fr #pagenav_hr 				{ background-color: #B3131B;}
  
    .preparez-votre-sejour-en #pagenav_hr 			{ background-color: #dc702f; }
    .region-en  #pagenav_hr 			{ background-color: #786854;}
    .terroir-en  #pagenav_hr 		{ background-color: #7f352f;}
    .art-en  #pagenav_hr 				{ background-color: #c94a3c; }
    .detente-en #pagenav_hr 			{ background-color: #6b8144;}
    .coupsdecoeur-en #pagenav_hr { background-color: #9f1b2f;}
    .axe-agenda-en #pagenav_hr 	{	background-color: #7490a5;}
    .infos-en #pagenav_hr 				{ background-color: #B3131B;}  
  
  #carousel-pagenav {
    overflow: hidden;
    width: 616px;
  }   
   
  .bloc_pagenav {
    float: left;
    height: 150px;
    margin-right: 10px;
    padding: 8px;
    width: 128px;
  }
 
 .bloc_coupdecoeur {
    float: left;
    height: 190px;
    margin-right: 10px;
    padding: 10px;
    width: 180px;
  }

    .bloc_pagenav:hover  {height: 140px;}
    .bloc_coupdecoeur:hover	{ height: 175px; background-color: #F1DDE0;}
    
    .preparez-votre-sejour-fr .bloc_pagenav:hover 		{ background-color: #FAEAE0;}
    .region-fr .bloc_pagenav:hover 		{ background-color: #EBE8E6;}
    .terroir-fr .bloc_pagenav:hover 		{ background-color: #ECE1E0;}
    .art-fr .bloc_pagenav:hover				{ background-color: #F7E4E2;}
    .detente-fr .bloc_pagenav:hover		{ background-color: #E9ECE4;}
    .axe-agenda-fr .bloc_pagenav:hover { background-color: #ECF0F4;}
    .infos-fr .bloc_pagenav:hover 			{ background-color: #e6e6e7;}

    .preparez-votre-sejour-en .bloc_pagenav:hover 		{ background-color: #FAEAE0;}
    .region-en .bloc_pagenav:hover 		{ background-color: #EBE8E6;}
    .terroir-en .bloc_pagenav:hover 		{ background-color: #ECE1E0;}
    .art-en .bloc_pagenav:hover				{ background-color: #F7E4E2;}
    .detente-en .bloc_pagenav:hover		{ background-color: #E9ECE4;}
    .axe-agenda-en .bloc_pagenav:hover { background-color: #ECF0F4;}
    .infos-en .bloc_pagenav:hover 			{ background-color: #e6e6e7;}

    .bloc_coupdecoeur_img {height: 135px; }
    .bloc_pagenav_img 				{ height: 96px; }
    .bloc_pagenav p,.bloc_coupdecoeur p	{ height: 36px; overflow: hidden;}
    .bloc_pagenav a,.bloc_coupdecoeur a { color: #333333; text-decoration: none;}
    .bloc_pagenav a:hover, .bloc_coupdecoeur a:hover { text-decoration: underline;}
    .bloc_pagenav.selected a, .bloc_coupdecoeur.selected a { color: #ffffff; cursor: default;}

   	.bloc_pagenav.selected 		{ color: #ffffff; }
  	.bloc_coupdecoeur.selected { background-image: url(/images/bkgd_bloc_nav_coeur.png); color: #ffffff; }

      .preparez-votre-sejour-fr .bloc_pagenav.selected 			{ background-image: url(/images/bkgd_bloc_nav_sejour.png); }
      .region-fr .bloc_pagenav.selected 			{ background-image: url(/images/bkgd_bloc_nav_region.png); }
      .terroir-fr .bloc_pagenav.selected 		{ background-image: url(/images/bkgd_bloc_nav_terroir.png); }
      .art-fr .bloc_pagenav.selected 				{ background-image: url(/images/bkgd_bloc_nav_art.png); }
      .detente-fr .bloc_pagenav.selected 		{ background-image: url(/images/bkgd_bloc_nav_detente.png); }
      .axe-agenda-fr .bloc_pagenav.selected	{ background-image: url(/images/bkgd_bloc_nav_agenda.png); }
      .infos-fr .bloc_pagenav.selected 			{ background-image: url(/images/bkgd_bloc_nav_infos.png); }
      
      .preparez-votre-sejour-en .bloc_pagenav.selected 			{ background-image: url(/images/bkgd_bloc_nav_sejour.png); }
      .region-en .bloc_pagenav.selected 			{ background-image: url(/images/bkgd_bloc_nav_region.png); }
      .terroir-en .bloc_pagenav.selected 		{ background-image: url(/images/bkgd_bloc_nav_terroir.png); }
      .art-en .bloc_pagenav.selected 				{ background-image: url(/images/bkgd_bloc_nav_art.png); }
      .detente-en .bloc_pagenav.selected 		{ background-image: url(/images/bkgd_bloc_nav_detente.png); }
      .axe-agenda-en .bloc_pagenav.selected	{ background-image: url(/images/bkgd_bloc_nav_agenda.png); }
      .infos-en .bloc_pagenav.selected 			{ background-image: url(/images/bkgd_bloc_nav_infos.png); }

  a#pagenav_prev, a#pagenav_next, a#coupsdecoeur_prev, a#coupsdecoeur_next {
    background: transparent url(../images/arrow_nav.png) no-repeat 0 0 ;
    display: block;
    height: 33px;
    position: absolute;
    top: 50px;
    width: 27px;
    z-index: 6;
	}
  
	a#pagenav_prev, a#coupsdecoeur_prev 						{ background-position: 0 0; left: 10px;  }
	a#pagenav_prev:hover, a#coupsdecoeur_prev:hover { background-position: 0 -37px; }
	a#pagenav_next, a#coupsdecoeur_next 						{ background-position: -30px 0; right: 10px; }
	a#pagenav_next:hover, a#coupsdecoeur_next:hover { background-position: -30px -37px; }
	 
	a#pagenav_prev span, a#pagenav_next span, a#coupsdecoeur_prev span, a#coupsdecoeur_next span {display: none;}  

/* ----------------------------------------------------------------------- */
/*                              Coup de coeur                              */
/* ----------------------------------------------------------------------- */

  #diaporama {
    float: right;
    margin: 0 0 20px 20px !important;
    width: 420px;
  }

/* ------------ Galerie photos ------------ */

.galleryview {background-color: #333; height: 350px !important}

.strip_wrapper {width: 350px !important; left: 35px !important }

.nav-prev { left: 5px; top: 280px !important; }
.nav-next { right: 5px; top: 280px !important; }

.loader { background: url(/images/loader.gif) no-repeat center center; }

#filmstrip-box {
	background-color: #333;
  height: 80px;
	margin: 280px 0 0 0;
	width: 420px;
 }

	.filmstrip {z-index: 3 !important;}
  #pointer {border-color: #B3131B !important; z-index: 4 !important;}

	.panel-overlay {color: #ffffff;	}
	.panel-overlay p {color: #ffffff; padding-top: 5px}

.frame {
  height: 45px;
  margin-top: 10px !important;
  overflow: hidden;
  width: 80px;
}

	.frame img { overflow: hidden;}
 
/* ----------------------------------------------------------------------- */
/*                                   Agenda                                */
/* ----------------------------------------------------------------------- */

.bloc_actu {
  border-bottom: #ccd9e3 1px solid;
  float: left;
  height: 120px;
  margin: 10px 0 0 0;
  padding: 0 20px 10px 0;
  width: 330px;
}

  .bloc_actu.last { margin-right: 0;}
  
.bloc_actu_image {
  float: left;
  height: 120px;
  margin-right: 10px;
  width: 120px;
}
  
.bloc_actu_content {
  float: left;
  height: 120px;
  overflow: hidden;
  width: 200px;
}

  .bloc_actu .periode { margin: 0;}
  
  .bloc_actu h2 {
    color: #628097;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
  }
  
  .bloc_actu h2 a { color: inherit; text-decoration: none; }
  .bloc_actu h2 a:hover {text-decoration: underline; }

  .bloc_actu h3 {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
  }
  
  .bloc_actu p {margin: 0;}
  
  .bloc_actu .keywords { font-size: 11px; line-height: 14px;}  

/* ----------------------------------------------------------------------- */
/*                                   Contact                               */
/* ----------------------------------------------------------------------- */

#myContactFormContainer {
 		border-left: #f0edeb 1px solid;
    float: right;
    margin: 0 0 0 20px;
    padding: 0 0 0 20px;
    width: 350px;
  }
  
    #myContactFormContainer fieldset {
      border: 0;
      padding: 0;
    }

      #myContactFormContainer .form-submit p {
        color: #333;
        font-size: 11px;
        font-style: italic;
        margin: 0;
      }
  
      .form-row {
        clear: both;
        padding: 0 0 12px;
      }
  
        #myContactFormContainer label {
          color: #333;
          display: block;
          float: left;
          font-size: 12px;
          height: 18px;
          width: 90px;
        }
  			
       #myContactFormContainer input { height: 16px;}
  
        #myContactFormContainer input,  #myContactFormContainer textarea {
          border: #cecece 1px solid;
          color: #333;
          padding: 1px 5px;
          width: 240px;
        }
  
        .radio_list { list-style: none;}
        
          .radio_list li {
            background: none;
            color: #000000;
            float: left; 
            margin: 0; 
            padding: 0;
          }
          
            .radio_list li input { 
              background-color: transparent;
              background-image: none ;
              border: 0; 
              margin: 0 0 0 5px; 
              width: 15px !important;
            }
      
          .radio_list label {text-align: right; width: 35px !important;}

				.required {font-size: 12px; font-style: normal !important;}

      #envoyer {
        background: #333;
        border: 0 !important;
        color: #FFF !important;
        cursor: pointer;
        float: right;
  			font-family: 'Lobster', Tahoma, Geneva, sans-serif;
        font-size: 18px;
        height: auto !important;
	     	padding: 3px 15px !important;
        width: auto !important;
      }

      .error_list { 
        list-style: none;
      	margin: 10px 0 0; 
        padding: 0; 
      }
      
        .error_list li {
            background: none;
            color: #a00018;
            font-size: 12px;
            font-weight: bold;
            padding: 5px 0;
        }


/************ chargement ajax ************/

.prettyLoader {
	background: url(/images/prettyLoader/prettyLoader.png) top left no-repeat;
	height: 30px;
	position: absolute;
	width: 30px;
	z-index: 30000;
}

.prettyLoader img {
	display: block;
	margin: 7px 0 0 7px;
}

.pl_ie6 { background-image: url(/images/prettyLoader/prettyLoader.gif); }

