﻿/* Commun */

#content_right{
  height:auto;
}

#footer {
  clear:both;
}

#destinations {
  position:relative;
  top:0;
  left:3px;
  height:auto;
  border:solid 1px #DEDEDE;
}

#destinations .content_header {
  position:relative;
  top:-1px;
  left:-1px;
  width:690px;
  height:133px;
  background:url(../images/destinations/header_bg.jpg) top left no-repeat;
}

#destinations .header_titre  {
  position:relative;
  top:47px;
  left:50px;
  width:150px;
  height:auto;
  display:block;
  font:normal 24pt Arial;
  color:#FFFFFF;
  line-height:27px;
}

#destinations .content {
  position:relative;
  top:-1px;
  left:0;
  width:687px;
  min-height:1100px;
  height:auto;
}

#destinations .content_footer {
  clear:both;
  position:relative;
  top:-4px;
  left:-1px;
  width:696px;
  height:22px;
}

#destinations .header_titre span {
  display:block;
}

/* Destination Liste Régions */

#destinations .content_titre {
	position:relative;
  top:5px;
  left:0;
  width:520px;
  height:54px;
  background:url(../images/destinations/region/content_titre.jpg) top left no-repeat;
}

#destinations .content_titre span {
	position:relative;
  top:15px;
  left:15px;
  width:400px;
  height:30px;
	font:bold 12pt verdana;
	color:#038cd0;	
}

#destinations .content_gauche {
	position:relative;
  top:0;
  left:0;
  width:165px;
  height:auto;
  float:left;
  border:solid 1px white;
}

/* Menu Regions à Gauche */

#destinations .content_gauche .c_menu {
	position:relative;
  top:0;
  left:0;
  width:165px;
  height:auto;
}

#destinations .content_gauche .menu_destination {
  position:relative;
  top:5px;
  left:-4px;
  width:147px;
  height:auto;
  border-bottom:dotted 1px #646464;
  margin:2px;
}

#destinations .content_gauche .menu_destination a.ap_menu_regions {
	position:relative;
  top:0;
  left:0;
  width:147px;
  display:block;
  padding-left:2px;
}

#destinations .content_gauche .menu_destination a span{
  position:relative;
  top:0;
  left:25px;
  width:135px;
  height:21px;
  display:block;
  text-decoration:none;
  font:normal x-small Arial;
  color:#0185ca;
  padding-top:3px;
}

#destinations .content_gauche .menu_destination a:hover span  {
  position:relative;
  top:0;
  left:25px;
  width:120px;
  height:21px;
  display:block;
  font:bold x-small Arial;
  color:#FFFFFF;
}

#destinations .content_gauche .bloc_menu_destination {
  position:relative;
  top:0;
  left:-2px;
  width:145px;
  height:auto;
  font:normal 8pt verdana;
  margin:2px;
  padding-bottom:5px;
  border:solid 1px #b6e2f4;
}

#destinations .content_gauche .bloc_menu_destination .menus_pays {
  position:relative;
  top:2px;
  left:0;
  width:146px;
  height:21px;
  text-decoration:none;
  list-style-type:none;
  padding-left:3px;
}

#destinations .content_gauche .bloc_menu_destination .menus_pays .menu_pays {
  position:relative;
  top:0;
  left:0;
  width:146px;
  height:21px;
  text-decoration:none;
  list-style-type:none;
  padding-left:3px;
  font:normal normal Arial;
  color:#0185ca;
  text-align:left;
}

#destinations .content_gauche .bloc_menu_destination .menus_pays .pays_selected {
  font-weight:bold;
  background:url(../images/destinations/region/menu_fleche.jpg) top left no-repeat;
  display:block;
}

#destinations .content_gauche .bloc_menu_destination .c_menu_regions {
  margin:0;
  padding:0;
  position:relative;
  top:2px;
  left:0;
  width:146px;
  height:auto;
  list-style-type:none;
  padding-left:3px;
}

#destinations .content_gauche .bloc_menu_destination .c_menu_region {
  margin:0;
  padding:0;
  position:relative;
  top:2px;
  left:0;
  width:146px;
  height:auto;
  list-style-type:none;
  padding-left:3px;
}

#destinations .content_gauche .bloc_menu_destination .menu_regions {
  margin:0;
  padding:0;
  position:relative;
  top:2px;
  left:0;
  width:146px;
  height:auto;
  list-style-type:none;
  padding-left:3px;
}

#destinations .content_gauche .menu_destination .ap_menu_regions {
	position:relative;
    top:2px;
    left:0;
    height:21px;
	background:url(../images/destinations/region/menu_ferme.jpg) top left no-repeat;
	color:#27488c;
	display:block;
	text-decoration:none;
	padding-top:1px;
  padding-bottom:1px;
}

.item_menu_selected {
	position:relative;
    left:0;
    height:21px;
	background:url(../images/destinations/region/menu_ouvert.jpg) top left no-repeat;
	display:block;
	color:#27488c;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	margin-top:1px;
  padding-bottom:1px;
}

.item_menu_selected span {
    width:120px;
    height:21px;
	display:block;
	font-weight:bold;
	color:#FFFFFF;
}

#destinations .content_gauche .menu_destination .ap_menu_regions:hover {
	background:url(../images/destinations/region/menu_ouvert.jpg) top left no-repeat;
	display:block;
	text-decoration:none;
}

#menu_liste_regions {
	position:relative;
  top:0;
  left:0;
  width:146px;
	border:solid 1px #b6e2f4;
	margin-bottom:2px;
}

#destinations .content_gauche .bloc_menu_destination .menu_region {
	position:relative;
  top:0;
  left:0;
  width:145px;
  margin:1px;
  padding:1px;
  margin-left:0;
  padding-left:0;
}

#destinations .content_gauche .bloc_menu_destination .menu_region a {
	position:relative;
  top:0;
  left:0;
  width:150px;
  height:21px;
  text-decoration:none;
  display:block;
}

#destinations .content_gauche .bloc_menu_destination .menu_region a span {
	position:relative;
  top:0;
  left:12px;
  display:block;
  width:120px;
  height:21px;
  color:#27488c;
  text-align:left;		
}

#destinations .content_gauche .bloc_menu_destination .menu_region a:hover span {
	position:relative;
  top:0;
  left:12px;
  width:120px;
  height:15px;
  display:block;
}

#destinations .content_gauche .bloc_menu_destination .menu_region a:hover {
	font-weight:bold;
	background:url(../images/destinations/region/menu_fleche.jpg) top left no-repeat;
	display:block;
}


#destinations .content_gauche .bloc_menu_destination .menu_region .selected {
	position:relative;
  top:0;
  left:0;
  width:120px;
  height:21px;
  text-decoration:none;
  color:#27488c;
	font-weight:bold;
	background:url(../images/destinations/region/menu_fleche.jpg) top left no-repeat;
	display:block;
}

#destinations .content_droite {
	position:relative;
  top:0;
  left:0;
  width:520px;
  height:auto;
  float:left;
}

#destinations .regions {
	position:relative;
  top:0;
  left:-40px;
  width:520px;
  height:250px;
  list-style-type:none;
}

#destinations .region {
	clear:both;
	position:relative;
  top:0;
  left:0;
  width:520px;
  height:auto;
}

#destinations .region .bloc_sconteneur {
	position:relative;
  top:0;
  left:0;
  width:100%;
  height:auto;
}

#destinations .region .bloc_gauche {
	position:relative;
  top:0;
  left:0;
  width:135px;
  height:auto;
  float:left;
}

#destinations .region .bloc_image {
	position:relative;
  top:15px;
  left:15px;
  width:120px;
  height:200px;
}

#destinations .region .bloc_droite {
	position:relative;
  top:0;
  left:0;
  width:350px;
  height:auto;
  float:left;
}

#destinations .region .bloc_droite .titre {
	position:relative;
  top:0;
  left:0;
  border-bottom:dotted 1px #646464;
  font:normal 10pt verdana;
  color:#3fb2e3;
  padding:3px;
  margin:2px;
}

#destinations .region .bloc_droite .texte {
	clear:both;
	position:relative;
  top:7px;
  left:5px;
  width:340px;
  height:auto;
  font:normal 8pt verdana;
  color:#646464;
  text-align:justify;
}

#destinations .region .bloc_droite .savoir_plus_btn {
	position:relative;
  top:25px;
  left:5px;
  width:158px;
  height:25px;
}

#destinations .region .bloc_droite .savoir_plus_btn a {
	position:relative;
  top:0;
  left:0;
  width:158px;
  height:25px;
	display:block;
}


#destinations .region .bloc_droite .ogg {
	background:url(../images/destinations/region/en_savoir_plus.jpg) top left no-repeat;
	display:block;
}

#destinations .region .bloc_droite .even {
	background:url(../images/destinations/region/en_savoir_plus_1.jpg) top left no-repeat;
	display:block;
}

/* Liste des Campings */

/* Cas destination avec menu des régions */

#destinations .pt_camping {
	clear:both;
	position:relative;
	top:0;
	left:-32px;
	list-style-type:none;
	width:510px;
	height:auto;
	border-bottom:solid 1px #F0F0F0;
}

#destinations .pt_camping .c_camping {
	clear:both;
	position:relative;
	top:0;
	left:0;
	width:510px;
	min-height:200px;
	height:auto !important;
}

#destinations .pt_camping .pt_bloc_gauche {
	position:relative;
	top:0;
	left:0;
	width:100px;
	min-height:80px;
	height:auto;
	float:left;
}

#destinations .pt_camping .bloc_gauche .img_gauche {
	position:absolute;
	top:0;
	left:0;
	width:95px;
	height:65px;
	background:url(../images/destinations/pt_liste_camping_cadre.png) transparent top left no-repeat;
	display:block;
}

#destinations .pt_camping .bloc_gauche a {
	position:absolute;
	width:90px;
	height:60px;
	top:30px;
	left:-8px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#destinations .pt_camping .bloc_droite {
	position:relative;
	top:5px;
	left:0;
	width:410px;
	height:auto;
	float:right;
}

#destinations .pt_camping .bloc_droite .c_titre {
	position:relative;
	top:0;
	left:0;
	width:410px;
	height:30px;
	border-bottom:dotted 1px #646464;
}

#destinations .pt_camping .bloc_droite .titre {
	position:relative;
	top:0;
	left:0;
	width:230px;
	height:auto;
	float:left;
}

#destinations .pt_camping .bloc_droite .titre span {
	float:left;
}

#destinations .pt_camping .bloc_droite .btn_titre {
	position:relative;
	top:0;
	left:0;
	width:175px;
	height:auto;
	float:right;
}

#destinations .pt_camping .bloc_droite .titre .texte {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	padding-top:6px;
}

#destinations .pt_camping .bloc_droite .titre .texte a {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	font:small-caps bold 8pt verdana;
	color:#12C4F5;
	text-decoration:none;
	display:block;
}

#destinations .pt_camping .bloc_droite .titre .notation {
	position:relative;
	top:0;
	left:0;
	width:16px;
	height:21px;
	margin-left:2px;
	background:url(../images/destinations/notation_etoile.jpg) top left no-repeat;
	display:block;
}

/* Cas liste Resultats : On a toute la place */

#destinations .camping {
	clear:both;
	position:relative;
	top:0;
	left:-42px;
	list-style-type:none;
	width:690px;
	height:auto;
	border-bottom:solid 1px #F0F0F0;
}

#destinations .camping .c_camping {
	clear:both;
	position:relative;
	top:0;
	left:0;
	width:690px;
	height:auto;
}

#destinations .camping .bloc_gauche {
	position:relative;
	top:0;
	left:0;
	width:265px;
	min-height:150px;
	height:auto;
	float:left;
}

#destinations .camping .bloc_gauche .img_gauche {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:135px;
	background:url(../images/destinations/liste_camping_cadre.png) transparent top left no-repeat;
	display:block;
}

#destinations .camping .bloc_gauche a {
	position:absolute;
	width:190px;
	height:125px;
	top:15px;
	left:35px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

#destinations .camping .bloc_droite {
	position:relative;
	top:5px;
	left:0;
	width:410px;
	height:auto;
	float:right;
}

#destinations .camping .bloc_droite .c_titre {
	position:relative;
	top:0;
	left:0;
	width:410px;
	height:30px;
	border-bottom:dotted 1px #646464;
}

#destinations .camping .bloc_droite .titre {
	position:relative;
	top:0;
	left:0;
	width:230px;
	height:auto;
	float:left;
}

#destinations .camping .bloc_droite .titre span {
	float:left;
}

#destinations .camping .bloc_droite .btn_titre {
	position:relative;
	top:0;
	left:0;
	width:175px;
	height:auto;
	float:right;
}

#destinations .camping .bloc_droite .titre .texte {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	padding-top:6px;
}

#destinations .camping .bloc_droite .titre .texte a {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	font:small-caps bold 8pt verdana;
	color:#12C4F5;
	text-decoration:none;
	display:block;
}

#destinations .camping .bloc_droite .titre .notation {
	position:relative;
	top:0;
	left:0;
	width:16px;
	height:21px;
	margin-left:2px;
	background:url(../images/destinations/notation_etoile.jpg) top left no-repeat;
	display:block;
}

#destinations .plus_infos {
	position:relative;
	top:0;
	left:0;
	width:77px;
	height:26px;
	float:left;
	margin-left:10px;
	background:url(../images/destinations/plus_infos.jpg) top left no-repeat;
}

/* Commun a tous les cas */

#destinations .plus_infos a {
	position:relative;
	top:0;
	left:0;
	width:77px;
	height:26px;
	display:block;
	text-decoration:none;
}

#destinations .reservez {
	position:relative;
	top:0;
	left:0;
	width:76px;
	height:26px;
	float:left;
	margin-left:5px;
	background:url(../images/destinations/reservez.jpg) top left no-repeat;
}

#destinations .texte_camping {
	clear:both;
	position:relative;
	top:5px;
	left:5px;
	width:380px;
	height:auto;
	font:normal 8pt verdana;
	color:#024f7d;
	margin:2px;
}

#destinations .localisation_ouverture {
	clear:both;
	position:relative;
	top:3px;
	left:7px;
	width:350px;
	height:auto;
}

#destinations .localisation {
  clear:both;
  font:bold 8pt verdana;
  color:#024f7d;
}

#destinations .ouverture {
  
}

#destinations .ouverture .texte {
  position:relative;
  top:0;
  left:0;
  width:140px;
  display:block;
  float:left;
  font:bold 8pt verdana;
  color:#024f7d;	
}

#destinations .ouverture .texte_periode {
  position:relative;
  top:0;
  left:0;
  width:200px;
  height:auto;
  font:normal 8pt verdana;
  color:#646464;
  display:block;
  float:left;
}

#destinations .texte_descriptif {
  position:relative;
  top:5px;
  left:5%;
  width:90%;
  height:auto;
  max-height:60px;
  clear:both;
  font:normal 8pt verdana;
  color:#024f7d;
  margin-bottom:10px;
}

#destinations .bloc_liste_detail {
	position:relative;
	top:3px;
	left:-32px;
	width:350px;
	height:auto;
	font:bold 8pt verdana;
	color:#024f7d;
	margin-bottom:30px;
	
}

#destinations .bloc_liste_detail .details {
	list-style-type:none;
	position:relative;
	top:3px;
	left:0;
	width:350px;
	height:auto;
}

#destinations .bloc_liste_detail .detail {
	position:relative;
	top:0;
	left:0;
	width:350px;
	height:auto;
	margin:1px;
	padding:1px;
}

#destinations .bloc_liste_detail .detail .tarif {
	position:relative;
	top:0;
	left:0;
	width:385px;
	height:auto;
	padding:3px;
	height:25px;
	display:block;
}

#destinations .bloc_liste_detail .detail .promotion {
	padding:3px;
	height:auto;
	display:block;
}

#destinations .bloc_liste_detail .detail .ogg {
	color:#038cd0;
	background:#e4f1f7;
}

#destinations .bloc_liste_detail .detail .ogg a {
	color:#DA4150;
	text-decoration:none;
}
#destinations .bloc_liste_detail .detail .ogg a:hover {
	color:#EF8994;
	text-decoration:none;	
}

#destinations .bloc_liste_detail .detail .even {
	color:#4a9d01;
	background:#e6f5cf;
}

#destinations .bloc_liste_detail .detail .even a {
	color:#DA4150;
	text-decoration:none;
}
#destinations .bloc_liste_detail .detail .even a:hover {
	color:#EF8994;
	text-decoration:none;	
}

#destinations .bloc_liste_detail .detail .ogg .promo {
	border:solid 1px #038cd0;
}

#destinations .bloc_liste_detail .detail .even .promo {
	border:solid 1px #4a9d01;
}

#destinations .bloc_liste_detail .detail .promotion {
	position:relative;
	top:0;
	left:0;
	width:350px;
	height:auto;
	display:block;
}

#destinations .bloc_liste_detail .detail .promotion span {
	float:left;
}

#destinations .bloc_liste_detail .detail .promotion .btn_promotion  {
	position:relative;
	top:7px;
	left:0;
	width:98px;
	height:28px;
	background:transparent url(../images/destinations/promotion.png) top left no-repeat;
}

#destinations .bloc_liste_detail .detail .promotion .texte_promotion  {
	position:relative;
	top:0;
	left:3px;
	width:200px;
	height:28px;
	color:#ff4800;
}

#destinations .bloc_liste_detail .detail .promotion .reservez_promotion  {
	position:relative;
	top:7px;
	left:3px;
	width:80px;
	height:28px;
	background:transparent url(../images/destinations/promotion_reservez.jpg) top left no-repeat;
}

/* details des destinations */
#detail_destination {
		
}

#destinations #detail_destination .content_titre {
	position:relative;
  top:5px;
  left:5px;
  width:676px;
  height:54px;
  background:url(../images/destinations/region/detail_content_titre.jpg) top left no-repeat;
}

#destinations #detail_destination .content_titre .titre {
	position:relative;
  top:15px;
  left:30px;
  width:300px;
  height:30px;
	font:bold 12pt verdana;
	color:#038cd0;
	float:left;
}

#destinations #detail_destination .content_titre .detail_comparer {
	position:relative;
  top:15px;
  left:120px;
  width:197px;
  height:26px;
	font:bold 12pt verdana;
	color:#038cd0;
	float:left;
}

#destinations #detail_destination .content_titre .detail_comparer a {
	width:197px;
  height:26px;
  background:url(../images/destinations/region/d_destination_comparer_btn.png) top left no-repeat;
	display:block;
}

#destinations #detail_destination .content_titre .detail_comparer a:hover {
	width:197px;
  height:26px;
  background:url(../images/destinations/region/d_destination_comparer_btn_roll.png) top left no-repeat;
	display:block;	
}

/* Moteur de Recherche : Destination */

#recherche_destinations {
	position:relative;
	top:0;
	left:30px;
	width:600px;
	height:65px;
}

#recherche_destinations .titre {
	font:bold 8pt verdana;
	color:#00a8de;
}

#recherche_destinations .hebergement 
{
	position:relative;
	top:0;
	left:0;
	width:190px;
	height:25px;
	float:left;	
}

#recherche_destinations .arrivee {
	position:relative;
	top:0;
	left:0;
	width:160px;
	height:25px;
	float:left;	
}

#recherche_destinations .duree {
	position:relative;
	top:0;
	left:0;
	width:120px;
	height:25px;
	float:left;	
}

#recherche_destinations .participants {
	position:relative;
	top:0;
	left:0;
	width:120px;
	height:25px;
	float:left;	
}

#recherche_destinations .recherche_destination_btn {
	position:relative;
	top:0;
	left:0;
	width:80px;
	height:25px;
	background:transparent url(../images/destinations/recherche_destination_btn.jpg) top left no-repeat;
	float:right;
}

#recherche_destinations .liste {
	position:relative;
	top:0;
	left:0;
	width:690px;
	height:auto;
	clear:both;
}

