﻿#c_content {
  height:auto;
}

#content_right {
  position:relative;
  float:left;
  top:0;
  left:42px;
  height:auto;
  border:solid 1px #DEDEDE;
}

#detailOffre_contenu
{
	position:relative;
	top:0;
	left:0;
	width:690px;
	height:auto;
	color:#C4C4C4;
}

#detailOffre_contenu .detailOffre_contenu_haut 
{
	position:relative;
	top:-1px;
	left:-1px;
	width:692px !important;
	height:133px;
	background:#FFFFFF url(../images/destinations/header_bg.jpg) top left no-repeat;
}

#detailOffre_contenu .detailOffre_contenu_haut span 
{
  position:relative;
  top:47px;
  left:50px;
  width:150px;
  height:auto;
  display:block;
  font:normal 24pt Arial;
  color:#FFFFFF;
  line-height:27px;
}

#detailOffre_contenu_milieu
{
	position:relative;
	top:0;
	left:1px;
	width:687px;
	min-height:460px;
	height:auto;
}

#detailOffre_contenu_milieu .promotion {
	position:relative;
	top:-65px;
	left:0;
	margin-top:5px;
	font:bold 8pt verdana;
	color:#ff4800;
}

#detailOffre_contenu_milieu .promotion .promotion_btn {
  position:relative;
  top:0;
  left:0;
  width:120px;
  height:30px;
  background:url(/images/r_geographique/promotion.jpg) top left no-repeat;
}

#detailOffre_contenu_milieu .promotion .promotion_texte {
	position:relative;
	top:0;
	left:0;
	width:550px;
	height:auto;
	font:normal 8pt verdana;
	text-align:center;
}

#detailOffre_contenu_bas
{
	position:relative;
	top:0;
	left:0;
	width:687px;
	height:auto;
	border-top:solid 1px #DEDEDE;
	clear:both;
	margin-top:30px;
}

/* Spécifique onglet */

.detailOffre_onglet_contenu .contenu_hebergement {
  position:relative;
  top:5px;
  width:650px;
  height:auto;
  clear:both;
  display:block;
  padding-bottom:20px;	
}

.detailOffre_onglet_contenu .contenu_hebergement .sous_titre {
  position:relative;
  top:5px;
  left:25px;
  width:600px;
  height:auto;
  padding:5px;
  border-bottom:1px dotted #C4C4C4;
  font:bold 9pt verdana;
  display:block;	
}

.detailOffre_onglet_contenu .even {
  color:#128b37;
}

.detailOffre_onglet_contenu .ogg {
  color:#b0c700;
}

.detailOffre_onglet_contenu .contenu_hebergement .gauche {
  position:relative;
  top:0;
  left:0;
  width:250px;
  height:200px;
  float:left;
}

.detailOffre_onglet_contenu .contenu_hebergement .photo {
  position:relative;
  top:25px;
  left:25px;
  width:212px;
  height:137px;
}

.detailOffre_onglet_contenu .contenu_hebergement .droite {
  position:relative;
  top:0;
  left:0;
  width:400px;
  min-height:200px;
  height:auto;
  float:right;
  display:block;
}

.detailOffre_onglet_contenu .contenu_hebergement .descriptif {
  position:relative;
  top:5px;
  left:25px;
  width:400px;
  height:15px;
  font:bold 9pt verdana;
  display:block;
}

.detailOffre_onglet_contenu .contenu_hebergement .description {
  position:relative;
  top:0;
  left:25px;
  width:400px;
  height:auto;
  font:normal 8pt verdana;
  display:block;
}

.detailOffre_onglet_contenu .contenu_hebergement .infos {
  position:relative;
  top:0;
  left:0;
  width:300px;
  height:70px;
  display:block;
}

.detailOffre_onglet_contenu .contenu_hebergement .infos .plus_infos a {
  position:relative;
  top:0;
  left:0;
  width:159px;
  height:29px;
  background:url(/images/destinations/infos_disponibilites.jpg) top left no-repeat;
  text-decoration:none;
  display:block;
}


/* Bloc Onglet BUG Affichage */

#detailOffre_contenu_bas .ui-widget {
	
} 

#detailOffre_contenu_bas .ui-widget-header {
	-moz-background-clip:0;
	-moz-background-inline-policy:0;
	-moz-background-origin:0;
	background:transparent;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
}

#detailOffre_contenu_bas .ui-widget-content {
	-moz-background-clip:0;
	-moz-background-inline-policy:0;
	-moz-background-origin:0;
	background:transparent !important;
	border:0 !important;
}

#detailOffre_contenu_bas .ui-corner-all {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

#detailOffre_contenu_bas .ui-tabs {
	padding:0 !important;
}

#detailOffre_contenu_bas .ui-tabs-nav {
	list-style:none;
	position:inherit;
	padding:0;
}

#detailOffre_contenu_bas .ui-tabs .ui-tabs-nav li {
	position:relative;
	float:left;
	border-bottom-width:0;
	margin:0; padding:0;
}

#detailOffre_contenu_bas .ui-tabs .ui-tabs-nav li a {
	float:left;
	text-decoration:none;
	padding:0;
}

#detailOffre_contenu_bas .ui-helper-reset {

} 

#detailOffre_contenu_bas .ui-helper-clearfix {
	display:inherit;
	height:auto;
} 

#detailOffre_contenu_bas .ui-state-default {
	-moz-background-clip:0;
	-moz-background-inline-policy:0;
	-moz-background-origin:0;
	background:transparent;
	border:0;
	color:#FFFFFF;
	font-weight:normal;
	outline-color:0;
	outline-style:0;
	outline-width:0;
}

#detailOffre_contenu_bas .ui-state-default a {
	color:#FFFFFF; 
	text-decoration:none;
	outline: none;
}	

#detailOffre_contenu_bas .ui-corner-top {
	-moz-border-radius-topleft:0;
	-webkit-border-top-left-radius:0;
	-moz-border-radius-topright:0; 
	-webkit-border-top-right-radius:0; 
}

#detailOffre_contenu_bas .ui-corner-top {
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

#detailOffre_contenu_bas .ui-tabs-selected {
	border:0;
	color:#FFFFFF;
} 

#detailOffre_contenu_bas .ui-state-active {
	border:0;
	color:#FFFFFF;
}

#detailOffre_contenu_bas .bloc_onglets_details 
{
	position:relative;
	top:3px;
	left:0;
	width:678px;
	height:auto;
	font:normal 10pt Arial;	
}

#detailOffre_contenu_bas .onglet_texte 
{
	position:relative;
	margin-top:5px;
	left:0;
	text-align:center;
	display:block;	
}

#detailOffre_contenu_bas .onglet_details 
{
	position:relative;
	top:-3px;
	left:0;
	background:url(../images/destinations/onglets_details_bg.jpg) top left no-repeat;
	width:100%;
	height:auto;
	clear:both;	
}

#detailOffre_contenu_bas .detailOffre_onglet_contenu
{
	position:relative;
	top:0;
	left:0;
	width:668px;
	height:auto;
	font:normal 8pt verdana;
	color:#A4A4A4;
	padding:10px;
	padding:15px;
	border-bottom:solid 1px #DEDEDE;
}

#detailOffre_contenu_bas .detailOffre_onglet_contenu p.titre
{
	position:relative;
	top:0;
	left:0;
	width:450px;
	height:auto;
	font:bold 10pt verdana;
	color:#B0C700;
	padding-bottom:5px;
	border-bottom:dotted 1px #C4C4C4;
}

#detailOffre_contenu_bas .onglet_detail 
{
    position:relative;
	top:2px;
	left:0;
	width:auto;
	margin-left:2px !important;
	display:block;
}

#detailOffre_contenu_bas .onglet_detail_g 
{
	position:relative;
	top:0;
	left:0;
	float:left;
	width:9px;
	height:29px;
	background:url(../images/destinations/onglets_details_g.png) top left no-repeat;
	display:block;
}

#detailOffre_contenu_bas .onglet_detail_m 
{
	position:relative;
	top:0;
	left:0;
	float:left;
	width:auto;
	max-width:160px;
	height:29px;
	background:url(../images/destinations/onglets_details_m.png) top left repeat-x;
	display:block;
	font:normal 8pt verdana;
	color:#FFFFFF;
}

#detailOffre_contenu_bas .onglet_detail_d 
{
	position:relative;
	top:0;
	left:0;
	float:left;
	width:9px;
	height:29px;
	background:url(../images/destinations/onglets_details_d.png) top left repeat-x;
	display:block;
}

#detailOffre_titreCamping
{
	position:relative;
	top:0;
	left:0;
	float:left;	
	width:280px;	
	font:bold 12pt verdana;
	color:#3fb2e3;
	padding:10px 5px 10px 10px;
}
/*
.detailOffre_pointille
{
	clear:both;
	position:relative;
	top:0;
	left:0;
	width:688px;	
	height:10px;
	background:url(/images/destinations/point.png) top left  repeat-x;	
}
*/
#detailOffre_coordonnees
{
    clear:both;
    position:relative;
	top:0;
	left:0;
	width:688px;	
	height:30px;
	border-bottom:solid 1px #DEDEDE;
}

#detailOffre_reserver
{
	position:relative;
	top:0;
	float:left;	
	width:393px;	
	height:30px;
	background:url(/images/destinations/bt_reservez.png) top left  no-repeat;	
}

.DetailOffre_reservez {
	position:relative;
	top:10px;
	left:20px;
	font:bold 8pt verdana;
	color:#FFFFFF;
	text-decoration:none;
}

.DetailOffre_reservez:hover {
	text-decoration:none;
}

.detailOffre_ouverture
{
	position:relative;
	top:3px;
	right:5%;
	width:45%;
	height:auto;
	float:right;
}

.detailOffre_bleu
{
	position:relative;
	width:auto;
	max-width:50% !important;
	float:left;
	height:auto;
	font-family:Arial;
	font-size:14pt;
	color:#074A7B;
	padding-left:10px;	
}

.detailOffre_bleuPale
{
	position:relative;
	left:40px;
	width:auto;
	float:left;
	height:auto;
	font-family:arial ;
	font-size:10pt;
	color:#44ABDF;
}

.detailOffre_noir
{
	position:relative;
	width:64%;
	top:2px;
	float:left;
	left:50px;
	height:auto;
	font:normal 8pt verdana;
	color:#5F6061;	
}

#detailOffre_boiteRecherche
{
	clear:both;
	position:relative;
	left:0;
	width:688px;	
	border:solid 1px #dedede;
	border-left:0;
	border-right:0;	
	height:50px;
}

#detailOffre_boiteRecherche_champ
{
	position:relative ;
	float:left;		
	width:100%;		
	height:auto;
}

#detailOffre_boiteRecherche_titre
{
	position:relative ;
	float:left;	
	font-family:Arial;
	font-size :8pt;
	color:#44ABDF;
	font-weight:600;	
	padding:5px;	
	margin-left:5px;
	width :600px;
}

.detailOffre_btn_rechercher 
{
	position:relative ;
	float:left;	
	width:76px;	
	height:21px;
	background:url(/images/destinations/bt_reservez_moteur.png) top left  no-repeat;	
	margin-left:10px;	
}
	
.detailOffre_select{
	position:relative ;
	float:left;	
	width:140px;	
	margin-left:10px;
}
		
.detailOffre_date{
	position:relative ;
	float:left;	
	width:80px;	
	margin-left:10px;
}

#detailOffre_gallerie
{
	position:relative;
	top:10px;
	left:0;
	width:100%;
	height:auto;	
}

/* styling for the image wrapper  */ 
#image_wrap { 
  position:relative;
  top:15px;
  left:30px;
  /* dimensions */ 
  width:400px; 
  margin:5px; 
  padding:5px; 
  /* centered */ 
  text-align:center; 

  /* some "skinning" */ 
  background-color:#efefef; 
  border:2px solid #fff; 
  outline:1px solid #ddd; 
  -moz-ouline-radius:4px;
  float:left; 
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

#scrollable_wrap {
    position:relative;
    top:15px;
	right:30px;
    width:140px;
    height:450px;
    float:right;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width:120px;
	height:190px;
	/* custom decorations */
	border:1px solid #ccc;
	margin-top:5px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	height:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:5px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
 background:url(../images/diaporama/vert_large.png) no-repeat;
 display:block;
 width:30px;
 height:30px;
 margin:10px 40px;
 cursor:pointer;
 font-size:1px;
}

/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }


/* left */
a.left { margin-left: 0px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; }

/* disabled navigational button */
a.disabled {
 visibility:hidden !important;
}

#footer {
  clear:both;
}

/* Spécifique onglet tarifs */

.DivTarif{float:left;position:relative ;width:auto;height:auto;}
.liste_tarif_jaune{position:relative ;background:#E5EDA1;color:#599804;font-family:Arial;font-size:8pt;font-weight:500;width:90%;height:15px;top:0px;left:10px;vertical-align:middle;padding-top:3px;padding-left:5px;text-decoration:none; }
.liste_tarif_vert{position:relative ;background:#D9E6A3;color:#599804;font-family:Arial;font-size:8pt;font-weight:500;width:90%;height:15px;top:0px;left:10px;vertical-align:middle;padding-top:3px;padding-left:5px;text-decoration:none; }
.liste_tarif_tarif_espace{;position:relative ;background:#FFFFFF;width:90%;height:2px;top:1px;left:0px}
.prix_tarif{float:left;position:relative ;color:#599804;font-weight:700; left:10px;width:12%}
.date_tarif {float:left;position:relative ; left:0px;width:20%}
.liste_titre_tarif {float:left;position:relative ; left:0px;font-weight:700;width:48%}
.personne_tarif{float:left;position:relative ;color:#599804;font-weight:700; left:10px;width:20%}


.dynamique_tarif{position:relative ;background:transparent ;width:420px;height:auto;top:0px;left:0px;overflow:visible}
a.ongletTarif{position:relative ;color:#599804;text-decoration:none;font-family:Arial;font-size:9pt;font-weight:700;width:79px;height:21px;top:0px;left:10px;background:url(/images/onglet_jaune.png) no-repeat ;padding-top:5px;padding-left:5px;cursor:hand}
a.ongletTarif:hover{position:relative ;color:#FFFFFF;text-decoration:none;font-family:Arial;font-size:9pt;font-weight:700;width:79px;height:21px;top:0px;left:10px;background:url(/images/onglet_vert.png) no-repeat ;padding-top:5px;padding-left:5px;cursor:hand}
a.ongletTarif_1{position:relative ;color:#FFFFFF;text-decoration:none;font-family:Arial;font-size:9pt;font-weight:700;width:79px;height:21px;top:0px;left:10px;background:url(/images/onglet_vertFonce.png) no-repeat ;padding-top:5px;padding-left:5px;cursor:hand}
a.ongletTarif_2{position:relative ;color:#FFFFFF;text-decoration:none;font-family:Arial;font-size:9pt;font-weight:700;width:79px;height:21px;top:0px;left:10px;background:url(/images/onglet_vertFonce.png) no-repeat ;padding-top:5px;padding-left:5px;cursor:hand}
a.ongletTarif_7{position:relative ;color:#FFFFFF;text-decoration:none;font-family:Arial;font-size:9pt;font-weight:700;width:79px;height:21px;top:0px;left:10px;background:url(/images/onglet_vertFonce.png) no-repeat ;padding-top:5px;padding-left:5px;cursor:hand}
a.ongletTarif_10{position:relative ;color:#FFFFFF;text-decoration:none;font-family:Arial;font-size:9pt;font-weight:700;width:79px;height:21px;top:0px;left:10px;background:url(/images/onglet_vertFonce.png) no-repeat ;padding-top:5px;padding-left:5px;cursor:hand}
a.ongletTarif_11{position:relative ;color:#FFFFFF;text-decoration:none;font-family:Arial;font-size:9pt;font-weight:700;width:79px;height:21px;top:0px;left:10px;background:url(/images/onglet_vertFonce.png) no-repeat ;padding-top:5px;padding-left:5px;cursor:hand}
a.ongletTarif_14{position:relative ;color:#FFFFFF;text-decoration:none;font-family:Arial;font-size:9pt;font-weight:700;width:79px;height:21px;top:0px;left:10px;background:url(/images/onglet_vertFonce.png) no-repeat ;padding-top:5px;padding-left:5px;cursor:hand}







