﻿#r_geographique {
  position:relative;
  top:0;
  left:3px;
  height:auto;
}

#r_geographique .content_header {
  position:relative;
  top:0;
  left:0;
  width:690px;
  height:133px;
  background:url(../images/r_geographique/header_bg.jpg) top left no-repeat;
}

#r_geographique .header_titre  {
  position:relative;
  top:45px;
  left:55px;
  width:240px;
  height:35px;
  font:bold 16pt verdana;
  color:#FFFFFF;
  display:block;
}

#r_geographique .content {
  position:relative;
  top:0;
  left:1px;
  width:687px;
  height:500px;
  border:solid 1px #e8e8e8;
  border-bottom:0;
}

#r_geographique .content_titre {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre.jpg) top left no-repeat;
}

#r_geographique .content_titre_1 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre1.jpg) top left no-repeat;
}

#r_geographique .content_titre_2 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre2.jpg) top left no-repeat;
}

#r_geographique .content_titre_3 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre3.jpg) top left no-repeat;
}

#r_geographique .content_titre_4 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre4.jpg) top left no-repeat;
}

#r_geographique .content_titre_5 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre5.jpg) top left no-repeat;
}

#r_geographique .content_titre_6 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre6.jpg) top left no-repeat;
}

#r_geographique .content_titre_7 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre5.jpg) top left no-repeat;
}

#r_geographique .content_titre_8 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre5.jpg) top left no-repeat;
}

#r_geographique .content_titre_9 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre5.jpg) top left no-repeat;
}

#r_geographique .content_titre_10 {
  position:relative;
  top:4px;
  left:5px;
  width:677px;
  height:61px;
  background:url(../images/r_geographique/content_titre5.jpg) top left no-repeat;
}

#r_geographique .content_titre span {
  position:relative;
  top:20px;
  left:0;
  float:left;
}

#r_geographique .numero {
  position:relative;
  top:21px;
  left:16px;
  width:20px;
  height:20px;
  font: bold 12pt verdana;
  color:#FFFFFF;
  text-align:center;
}

#r_geographique .content_titre_1 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#D31D33;
}

#r_geographique .content_titre_2 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#0365F9;
}

#r_geographique .content_titre_3 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#C2EB00;
}

#r_geographique .content_titre_4 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#FF00AA;
}

#r_geographique .content_titre_5 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#007A17;
}

#r_geographique .content_titre_6 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#0365F9;
}


#r_geographique .content_titre_7 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#007A17;
}

#r_geographique .content_titre_8 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#007A17;
}

#r_geographique .content_titre_9 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#007A17;
}

#r_geographique .content_titre_10 .nom {
  position:relative;
  top:20px;
  left:35px;
  width:600px;
  height:20px;
  font: bold 12pt verdana;
  color:#007A17;
}

#r_geographique .content_footer {
  clear:both;
  position:relative;
  top:-4px;
  left:-1px;
  width:696px;
  height:22px;
  background:url(../images/r_geographique/content_footer_bg.jpg) top left no-repeat;
}

#r_geographique .c_map_detail {
	position:relative;
	top:20px;
  left:20px;
  width:670px;
  height:auto;
}

#r_geographique .gmap {
  position:relative;
  top:0;
  left:0;
  width:400px;
  height:340px;
  border:solid 1px #000000;
  float:left;
  overflow:hidden;
}

#r_geographique .detail_r_geo_camping {
	position:relative;
	top:0;
	float:left;
  left:5px;
  width:235px;
  height:400px;
}

#r_geographique .detail_r_geo_camping .img_camping {
  position:relative;
  top:5px;
  left:10px;
  width:200px;
  height:135px;
}

#r_geographique .detail_r_geo_camping .img_camping .img_camping_cadre {
  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;
  z-index:10;
}

#r_geographique .detail_r_geo_camping .img_camping img {
  position:absolute;
  width:190px;
  height:125px;
  top:5px;
  left:5px;
  color:#FFFFFF;
  text-decoration:none;
  display:block;
  z-index:1;
}

#r_geographique .detail_r_geo_camping .titre {
  position:relative;
  top:10px;
  left:15px;
}

#r_geographique .detail_r_geo_camping .titre span {
	float:left;
}

#r_geographique .detail_r_geo_camping .titre .texte {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:auto;
	font:small-caps bold 11pt verdana;
	color:#12C4F5;
}

#r_geographique .detail_r_geo_camping .titre .notation {
	position:relative;
	top:0;
	left:0;
	width:16px;
	height:21px;
	margin-left:2px;
	background:url(../images/r_geographique/notation_etoile.jpg) top left no-repeat;
	display:block;
	float:left;
}

#r_geographique .detail_r_geo_camping .localisation {
	position:relative;
	top:15px;
  left:15px;
	margin-top:5px;
	clear:both;
	font:bold 10pt verdana;
	color:#024f7d;
}

#r_geographique .detail_r_geo_camping .texte_camping {
	position:relative;
	top:15px;
    left:15px;
	margin-top:5px;
	font:normal 8pt verdana;
	color:#646464;
}

#r_geographique .detail_r_geo_camping .promotion {
  position:relative;
  top:20px;
  left:0;
  font:bold 8pt verdana;
  color:#ff4800;
}

#r_geographique .detail_r_geo_camping .promotion .promotion_btn {
  position:relative;
  left:40px;
  width:120px;
  height:30px;
  background:url(../images/r_geographique/promotion.jpg) top left no-repeat;
}

#r_geographique .detail_r_geo_camping .promotion .promotion_btn a {
  width:120px;
  height:30px;
  display:block;
  text-decoration:none;
}

#r_geographique .detail_r_geo_camping .promotion .promotion_texte {
  position:relative;
  top:0;
  left:0;
  width:230px;
  height:70px;
  text-align:justify;
}

#r_geographique .detail_r_geo_camping .promotion .plus_infos {
	position:relative;
	top:0;
	left:0;
	width:120px;
	height:30px;
}

#r_geographique .legende {
	position:relative;
	top:-37px;
	left:18px;
	width:201px;
	height:33px;
	background:url(../images/r_geographique/legende.jpg) top left no-repeat;
	float:left;
}

#r_geographique .separateur {
	position:relative;
	top:-45px;
	left:225px;
	width:268px;
	height:41px;
	background:url(../images/r_geographique/separateur.jpg) top left no-repeat;
	float:left;
}

#r_geographique .plus_infos {
	position:relative;
	top:0;
	left:460px;
	width:186px;
	height:29px;
	background:url(../images/r_geographique/plus_infos.jpg) top left no-repeat;
}

#r_geographique .plus_infos a {
	position:relative;
	top:0;
	left:0;
	width:186px;
	height:29px;
	display:block;
}