﻿body {
  margin:0;
  padding:0;
}

select, input {
  font-family:Verdana,Arial,sans-serif;
  font-size:9pt;
  color:#024f7d;
}

a img {
	border:0;	
}

.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;
}

#wrapper {
  width:100%;
  height:100%;
  background:url(../images/commun/bg_body.png) top left repeat-x;
  text-align:center;
}

#wrapper_content {
  margin-left:auto; 
  margin-right:auto; 
  width:960px; 
  text-align:left;
  height:auto;
}

#c_content {
	position:relative;
  top:0;
  left:0;
  width:auto;
  height:auto;
  /*min-height:750px;*/
  height:auto;
}

#header {
  position:relative;
  top:0;
  width:950px;
  height:175px;
  background:url(../images/commun/bg_header.png) top left no-repeat;
  font-family:Arial;
  font-size:8pt;
}

#logo {
  position:relative;
  top:0;
  left:13px;
  width:216px;
  height:80px;
  background:url(../images/commun/logo.png) top left no-repeat;
}

#logo a {
  width:216px;
  height:80px;
  display:block;
  text-decoration:none;
}

.fil_ariane{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	left:5px;
}
.fil_ariane .texte_ariane{
	font-family:Arial;
	font-size:8pt;
	color:#000000;
}
.fil_ariane .lien_ariane{
	font-family:Arial;
	font-size:8pt;
	color:#1c89c6;
}
.fil_ariane .lien_ariane:hover{
	font-family:Arial;
	font-size:8pt;
	color:#000000;
	text-decoration :underline;
}

#liens_header{
  position:relative;
  top:5px;
  left:590px;
  width:350px;
  height:15px;
  color:#828282;
}

#licence {
  position:relative;
  top:0;
  left:0;
  color:#7ad5f1;
  margin-right:5px;
  width:auto;
  height:15px;
}

#acces_pro {
  position:relative;
  top:0;
  left:0;
  height:15px;
}

#access_ce {
  position:relative;
  top:0;
  left:0;
  height:15px;
}

#content_header{
  position:relative;
  top:0;
  left:0;
  width:960px;
  height:170px;
}

#header_gauche {
  position:relative;
  top:0;
  left:0;
  width:240px;
  height:170px;
  float:left;
}

#header_droite {
  position:relative;
  top:0;
  left:0;
  width:710px;
  height:170px;
  float:right;
}

#info {
  position:relative;
  top:30px;
  left:5px;
  width:230px;
  height:auto;
  color:#0096d1;
  font-size:9pt;
  text-align :center ;
}

#info_comp {
  position:relative;
  top:0;
  left:0;
  margin-left:0px;
  height:15px;
  font-size:11px;
  font-weight:700;
}

#info_bold {
  position:relative;
  top:0;
  left:0;
  font-weight:700;
  margin-left:0px;
  height:15px;
  font-size:16px
}

#info_small {
  position:relative;
  top:0;
  left:0;
  font-size:8pt;
  height:15px;
}

#phrases {
  position:relative;
  top:35px;
  left:0;
  width:700px;
  height:60px;
}

#phrases p {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}

#phrase1_contact {
  position:relative;
  top:0;
  left:0;
  width:700px;
  height:35px;
}

#phrase1 {
  position:relative;
  top:0;
  left:0;
  font-size:18pt;
  font-weight:bold;
  color:#0078bf;
  height:35px;
  width:550px;
  float:left;
}

#contact {
  position:relative;
  top:-20px;
  left:0;
  width:100px;
  height:29px;
  float:left;
}

#contact a {
  position:relative;
  top:0;
  left:0;
  height:29px;
  width:100px;
  background:url(../images/commun/contact_g.png) top left no-repeat;
  text-decoration:none;
  font-weight:bold;
  color:#0096d1;
  display:block;
}

#contact a:hover {
  background:url(../images/commun/contact_g_roll.png) top left no-repeat;
}

#contact #contact_bg {
  position:relative;
  top:0;
  left:29px;
  background:url(../images/commun/contact_bg.png) top left repeat-x;
  height:29px;
  width:40px;
  padding:8px;
  display:block;
  float:left;
}

#contact #contact_d {
  position:relative;
  top:0;
  left:29px;
  background:url(../images/commun/contact_d.png) top left no-repeat;
  height:29px;
  width:17px;
  float:left;
}

#phrase2 {
  clear:both;
  position:relative;
  top:0;
  left:0;
  font-size:11pt;
  font-weight:bold;
  color:#00a1d9;
  height:20px;
  width:700px;
}

/* menus */

#menu {
  clear:both;
  position:relative;
  top:35px;
  left:-40px;
  width:710px;
  height:50px;
  margin:0;
  padding:0;
}

#menu .menu {
  position:relative;
  top:0;
  left:0;
  height:25px;
  width:710px;
  list-style-type:none;
}

#menu .menu li {
  margin-left:2px;
  text-align:center;
  height:25px;
}

#menu .menu li a {
  font-size:9pt;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration:none;
  display:block;
  padding-top:5px;
  height:25px;
}

#menu_label {
  width:159px;
  height:25px;
  background:#dbda0b url(../images/commun/menu_label.jpg) top left repeat-x;
  float:left;
}

#menu_hebergement {
  width:143px;
  height:25px;
  background:#8cd324 url(../images/commun/menu_hebergement.jpg) top left repeat-x;
  float:left;
}

#menu_destination {
  width:129px;
  height:25px;
  background:#12c4f5 url(../images/commun/menu_destination.jpg) top left repeat-x;
  float:left;
}

#menu_sejour {
  width:128px;
  height:25px;
  background:#0388d6 url(../images/commun/menu_sejour.jpg) top left repeat-x;
  float:left;
}

#menu_tarifs {
  width:52px;
  height:25px;
  background:url(../images/commun/menu_tarifs.jpg) top left repeat-x;
  float:left;
}

#menu_reservez {
  width:69px;
  height:25px;
  background:url(../images/commun/menu_reservez.jpg) top left repeat-x;
  float:left;
}

/* sous menus */
.sousmenu {
  position:relative;
  top:-9px;
  left:42px;
  height:15px;
  width:690px;
  list-style-type:none;
  margin:0;
  padding:0;
}

.sousmenu li {
  height:15px;
  text-align:center;
}

.sousmenu li a {
  position:relative;
  top:0;
  left:0;
  display:block;
  width:auto;
  height:15px;
  color:#FFFFFF;
  text-decoration:none;
  float:left;
  display:block;
  padding:0 10px 0 10px;
}

.sousmenu li a:hover {
  color:#FFFFFF;
  text-decoration:none;
  height:15px;
}

#sm_label {
  position:relative;
  top:0;
  left:0;
  height:15px;
  display:none;
}

#sm_label ul {
  background:#dbda0b;
}

.separateur {
  height:15px;
  width:1px;
  display:block;
  float:left;
}

#sm_label .separateur {
  background:url(../images/commun/bg_sm_label.jpg) top left repeat-x;
}

#sm_label ul li a {
  background:#dbda0b;
  width:auto;
  height:15px;
  display:block;
}

#sm_label ul li a:hover {
  background:#9abb0e;
}

#sm_label_whois {
  float:left;
}

#sm_label_esprit {
  float:left;
}

#sm_label_engagement {
  float:left;
}

#sm_hebergement {
  position:relative;
  top:0;
  left:0;
  height:15px;
  width:auto;
  display:none;
}

#sm_hebergement .separateur {
  background:url(../images/commun/bg_sm_hebergement.jpg) top left repeat-x;
}

#sm_hebergement ul {
  background:#8cd324;
}

#sm_hebergement ul li a {
  background:#8cd324;
  width:auto;
  height:15px;
  display:block;
}

#sm_hebergement ul li a:hover {
  background:#0b8738;
}

#sm_hebergement_emplacement {
  float:left;
}

#sm_hebergement_location {
  float:left;  
}

#sm_destination {
  display:none;
  position:relative;
  top:0;
  left:0;
}

#sm_destination .separateur {
  background:url(../images/commun/bg_sm_destination.jpg) top left repeat-x;
}

#sm_destination ul {
  background:#12c4f5;
}

#sm_destination ul li a {
  width:auto;
  height:15px;
  display:block;
  background:#12c4f5;
}

#sm_destination ul li a:hover {
  background:#0185ca;
}

#sm_destination_region {
  float:left;  
}

#sm_destination_mer {
  float:left;  
}

#sm_destination_montagne {
  float:left; 
}

#sm_destination_campagne {
  float:left;
}

#sm_destination_etranger {
  float:left;
}

#sm_sejour {
  display:none;
  position:relative;
  top:0;
  left:0;
  width:690px;
  height:15px;
}

#sm_sejour .separateur {
  background:url(../images/commun/bg_sm_sejour.jpg) top left repeat-x;
}

#sm_sejour ul {
  background:#0388d6;
}

#sm_sejour ul li a {
  background:#0388d6;
}

#sm_sejour ul li a:hover {
  background:#024e95;
}

#sm_sejour_weekend {
  float:left;
}

#sm_sejour_insolite {
  float:left;
}

#sm_sejour_combine {
  float:left;
}

/* contenu */
#content {
  position:relative;
  top:-10px;
  left:0;
  width:950px;
  height:720px;
  clear:both;
}

#content_left {
  position:relative;
  top:0;
  left:20px;
  width:210px;
  height:720px;
  float:left;
}

#content_right {
  position:relative;
  top:0;
  right:20px;
  width:690px;
  height:auto;
  float:right;
}

#flash_pas_manquer {
  width:690px;
  height:260px;
}

#rechercher {
  position:relative;
  top:0;
  left:0;
  width:210px;
  height:auto;
}

#haut_rechercher {
  position:relative;
  top:0;
  left:0;
  width:210px;
  height:70px;
  background:url(../images/commun/bg_haut_rechercher.jpg) top left no-repeat;
}

#titre_rechercher {
  position:relative;
  top:5px;
  left:10px;
  width:190px;
  height:18px;
  font:bold 10pt verdana;
  color:#FFFFFF;
  text-indent:3px
}

.bottom_dotted {
  position:relative;
  top:0;
  left:0;
  width:175px;
  height:auto;
  display:block;
  border-bottom:dotted 1px #FFFFFF;
}

#aide_rechercher {
  position:relative;
  top:5px;
  left:12px;
  width:185px;
  height:40px;
  font:normal 8pt Arial;
  color:#FFFFFF;
}

#aide_rechercher span {
  width:100%;
  display:block;
}

#content_rechercher {
  position:relative;
  top:0;
  left:0;
}

.search {
  position:relative;
  top:0;
  left:0;
  margin-left:1px;
  width:209px;
  background:#00a8de;
  padding-top:3px;
  font:normal 8pt verdana;
	color:#FFFFFF;
}

.search div {
	position:relative;
  top:0;
  left:10px;
}

#criteres {
  position:relative;
  top:3px;
  left:0;
  margin-left:5px;
  padding-left:5px;
  padding-top:5px;
  height:60px;
  background:#00a8de;
}

/*
#selects_rechercher {
  position:relative;
  top:0;
  left:10px;
  width:auto;
  height:135px;
}

#selects_rechercher div {
  margin:3px;
}

#selects_rechercher .destination {
  width:180px;
}

#selects_rechercher .camping {
  width:180px;
}

#selects_rechercher .hebergement {
  width:180px;
}

#selects_rechercher .arrivee {
  width:120px;
}

#selects_rechercher .participants {
  width:98px;
}

#selects_rechercher .duree {
  width:77px;
}

#selects_rechercher .budget {
  width:180px;
}

.select_rechercher {
  position:relative;
  top:0;
  left:0;
  width:auto;
  height:auto;
  font-size:11pt;
  color:#FFFFFF;
  display:block;
}
*/

#criteres_rechercher {
  position:relative;
  top:0;
  left:0;
  margin-left:15px;
  background:#00a8de;
}

#lien_criteres {
  position:relative;
  font-size:11pt;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}

.checkbox_criteres {
  position:relative;
  font-size:11pt;
  color:#FFFFFF;
}

#bas_rechercher {
  position:relative;
  top:0;
  left:0;
  width:210px;
  background:url(../images/commun/bg_bas_rechercher.jpg) top left no-repeat;
  height:22px;
}

#bas_rechercher a {
	position:relative;
  top:-10px;
  left:105px;
  width:83px;
  height:20px;
  font:normal 7pt verdana;
	text-decoration:none;
	color:#FFFFFF;
	background:url(../images/commun/btn_rechercher.jpg) transparent bottom left no-repeat;
	display:block;
	text-indent:12px;
  cursor:pointer;
}

#recherche_geo {
  position:relative;
  top:3px;
  left:0;
  width:210px;
  height:228px;
  /*background:url(../images/commun/bg_recherche_geo.jpg) top left no-repeat;*/
}

#titre_recherche_geo 
{
	clear:both;
  position:relative;
  top:4px;
  left:10px;
  width:190px;
  height:18px;
  font:bold 8pt verdana;
  color:#FFFFFF;
  text-indent:4px;
}

#haut_recherche_geo {
  width:210px;
  height:32px;
  background:url(../images/commun/bg_haut_recherche_geo.jpg) top left no-repeat;
}

#newsletter {
  position:relative;
  left:0;
  top:5px;
  width:210px;
  height:54px;
  background:url(../images/commun/bg_newsletter.jpg) top left no-repeat;
}

#titre_newsletter {
  position:relative;
  top:4px;
  left:10px;
  width:175px !important;
  height:18px;
  font:normal 9pt verdana;
  color:#FFFFFF;
  text-indent:4px;
}

#newsletter_email {
  position:relative;
  top:7px;
  left:10px;
  margin:0;
  padding:0;
  width:190px;
  height:35px;
  text-indent:5px;
}

#newsletter_email form {
	position:relative;
	top:0;
  left:0;
  width:190px;
  height:40px;
}

#bloc_input_newsletter {
  position:relative;
  top:0;
  left:0;
  width:150px;
  height:20px;
  float:left;
}

#bloc_btn_newsletter {
  position:relative;
  top:0;
  left:0;
  width:25px;
  height:25px;
  float:left;
}

.btn_newsletter {
  position:relative;
  top:0;
  left:7px;
  width:16px;
  height:20px;
  background:url(../images/commun/btn_newsletter.jpg) bottom left no-repeat;
  margin:0;
  padding:0;
  display:block;
  text-decoration:none;
}

.btn_newsletter span {
	position:relative;
  top:5px;
  left:-3px;
  width:16px;
  height:20px;
  font:normal 8pt Arial;
  color:#ea5e6c;
  cursor:pointer;
  display:block;
  cursor:pointer;
}


.btn_desa_newsletter {
  position:relative;
  top:10px;
  left:240px;
  width:27px;
  height:27px;
  background:url(../images/commun/bt_desa.png) bottom left no-repeat;
  margin:0;
  padding:0;
  display:block;
  text-decoration:none;
}

.btn_desa_newsletter span {
	position:relative;
	float:left;
	  top:6px;
	  left:2px;
	  width:20px;
	  height:20px;
	  font:700 9pt Arial;
	  color:#ffffff;
	  cursor:pointer;
}





#catalogue {
  clear:both;
  position:relative;
  top:5px;
  left:0;
  width:214px;
  height:53px;
  background:url(../images/commun/bg_catalogue.jpg) top left no-repeat;
}

#partenaire {
  position:relative;
  top:5px;
  left:0;
  width:210px;
  height:51px;
  background:url(../images/commun/bg_partenaire.jpg) top left no-repeat;
}

#conteneur_right {
  width:100%;
  height:420px;
}

#footer {
  position:relative;
  float :left ;
  top:30px;
  left:0;
  width:100%;
  height:120px;
}

#footer_haut {
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:30px;
  background:url(../images/commun/footer_haut_bg.jpg) top left repeat-x;
  text-align:center;
}

#footer_haut_content {
  position:relative;
  top:0;
  left:0;
  width:1060px;
  height:30px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  font:normal 8pt verdana;
  color:#5f6061;
}

#footer_haut_content .paiement_securise {
  position:relative;
  top:0;
  left:0;
  width:120px;
  height:30px;
  float:left;
  background:url(../images/commun/footer_paiement_securise.png) top left no-repeat;
}

#footer_liens {
  position:relative;
  top:0;
  left:0;
  width:940px;
  height:30px;
  float:left;
}

#footer_liens {
  margin:0;
  padding:0;
}

#footer_liens a {
  font:normal 8pt verdana;
  color:#5f6061;
  text-decoration:none;
}

#footer_bas {
  clear:both;
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:130px;
  background: #01A8DD url(../images/commun/footer_bas_bg.jpg) top left repeat-x;
}

#footer_bas_content {
  position:relative;
  top:0;
  left:0;
  width:1060px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  font:normal 8pt verdana;
  color:#6fdbfd;
}

.footer_bas_liens {
  position:relative;
  top:5px;
  left:0;
  width:210px;
  height:60px;
  display:block;
  float:left;
}

.footer_bas_liens p {
  margin:0;
  padding:1px;
}

.footer_bas_liens a {
  color:#FFFFFF;
  text-decoration:none;
}

#style_newsletter {position:relative;top:50px;left:0px;text-align:center;font:bold 10pt verdana;color:#646464;width:500px;}