﻿/* Commun */

.bloc_onglets {
  position:relative;
  top:10px;
  left:0;
  width:400px;
  min-height:325px;
  float:left;
  color:#000000;
  font:normal 8pt verdana;
}

.bloc_onglets ul {
  position:relative;
  top:0;
  right:3px;
  width:404px;
  height:28px;
  list-style-type:none;
}

.bloc_onglets ul li{
  position:relative;
  top:0;
  left:0;
  height:28px;
  list-style-type:none;
}

.bloc_onglets ul li a{
  position:relative;
  top:0;
  left:0;
  height:28px;
  color:#FFFFFF;
  font:bold 9pt Arial;
  text-decoration:none;
}

.onglet_titre {
  position:relative;
  top:10px;
  left:0;
  width:200px;
  height:30px;
  display:block;
  padding:10px;
  text-indent:5px;
  font:normal 14pt verdana;
}

/* Liste des onglets */

#onglet_c_coeur {
  position:relative;
  top:0;
  left:2px;
  width:108px;
  height:28px;
  background:transparent url(../images/accueil/onglet_c_coeur_bg.png) top left no-repeat;
  float:right;
}

#onglet_c_coeur a {
	position:relative;
  top:4px;
  left:4px;
  width:108px;
  height:24px;
  text-indent:6px;
  display:block;
  color:#FFFFFF;
}

#onglet_b_plans {
  position:relative;
  top:0;
  left:-4px;
  width:86px;
  height:28px;
  background:transparent url(../images/accueil/onglet_b_plans_bg.png) top left no-repeat;
  float:right;
}

#onglet_b_plans a{
  position:relative;
  top:4px;
  left:4px;
  width:86px;
  height:28px;
  text-indent:6px;
  display:block;
  color:#FFFFFF;
}

#onglet_promos {
  position:relative;
  top:0;
  left:-8px;
  width:77px;
  height:28px;
  background:transparent url(../images/accueil/onglet_promos_bg.png) top left no-repeat;
  float:right;
}

#onglet_promos a {
  position:relative;
  top:4px;
  left:4px;
  width:77px;
  height:28px;
  padding:4px;
  text-indent:10px;
  display:block;
  color:#FFFFFF;
}

#onglet_d_minutes {
  position:relative;
  top:0;
  left:-13px;
  width:131px;
  height:28px;
  background:transparent url(../images/accueil/onglet_d_minutes_bg.png) top left no-repeat;
  float:right;
}

#onglet_d_minutes a {
  position:relative;
  top:4px;
  left:0px;
  width:125px;
  height:28px;
  padding:4px;
  text-indent:8px;
  display:block;
  color:#FFFFFF;
}

/* Onglet coup de coeur */

.onglet_haut {
  position:relative;
  top:0;
  left:0;
  width:400px;
  height:50px;
}

.onglet_titre {
  float:left;
}

.tous {
  display:block;
  float:left;
}

.onglet_recherche {
  position:relative;
  top:-1px;
  left:0;
  width:390px;
  height:55px;
  font: normal 9pt Arial;
  border-top:0 !important;
  border-bottom:0 !important;
  clear:both;
}

.onglet_destination {
  position:relative;
  top:8px;
  left:10px;
  width:180px;
  display:block;
  float:left;
}

.onglet_destination select {
  width:170px !important;
}

.onglet_hebergement {
  position:relative;
  top:8px;
  left:0;
  width:180px;
  float:left;
  margin-left:10px;
}

.onglet_hebergement select {
  width:170px !important;
}

.onglet_rechercher_btn {
  position:relative;
  top:28px;
  left:288px;
  width:100px;
  height:23px;
  font:bold 8pt Arial;
  text-decoration:none;
  border:0;
  display:block;
  color:#FFFFFF;
}

.liste_promos .prix {
  position:relative;
  top:10px;
  left:10px;
  width:100px;
  height:20px;
}

.liste_promos .prix .barre {
  position:relative;
  top:0;
  left:2px;
  width:50px;
  height:20px;
  float:left;
  text-decoration:line-through;
  font:normal 10pt verdana;
  color:#A52A2A;
}

.liste_promos .prix .normal {
  position:relative;
  top:0;
  left:-5px;
  width:50px;
  height:20px;
  float:left;
  display:block;
  font:bold 12pt verdana;
  color:#7AB41D;
}

.onglet_rechercher {
  position:absolute;
  top:6px;
  left:0;
  width:89px;
  height:23px;
  display:block;
  cursor:pointer;
  text-indent:14px;
}

.onglet_content {
  position:relative;
  top:-1px;
  left:0;
  width:390px;
  height:auto;
  overflow:hidden;
  border-top:0 !important;
  border-bottom:0 !important;
}

.liste_image_gauche {
  position:relative;
  top:10px;
  left:5px;
  height:135px;
  width:100px;
  float:left;
}

.liste_image_gauche a {
	position:absolute;
	width:90px;
	height:60px;
	top:5px;
	left:5px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
}

.liste_image_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;
}

.liste_texte_droite {
  position:relative;
  top:10px;
  width:270px;
  float:right;
  font:bold 10pt Arial;
  margin-bottom:15px;
}

.liste_texte_droite span {
  position:relative;
  top:0;
  margin:1px;
  display:block;
}

.onglet_bas {
  position:relative;
  top:-1px;
  left:0;
  width:400px;
  height:35px;
  clear:both;
}

.onglet_btn
{
  position:relative;
  top:-23px;
  left:260px;
  width:125px;
  height:24px;
  text-indent:25px;
}
.onglet_tarif 
{
  position:relative;
  width:148px;
  height:34px;
  left :-40px;
  background:url(../images/accueil/onglet_tarifs_btn.png) top left repeat-x;
  top:15px;
  padding-left:30px;

}
.onglet_tarif:hover 
{
  background:url(../images/accueil/onglet_tarifs_over_btn.png) top left repeat-x;
}
.onglet_tarif a 
{
    color: #FFFFFF;
    display: block;
    font: bold 8pt Arial;
    height: 100%;
    padding-top: 7px;
    text-decoration: none;
    width: 100%;
    
}

.onglet_btn a {
  width:100%;
  height:100%;
  padding-top:7px;
  color:#FFFFFF;
  font:bold 8pt Arial;
  display:block;
  text-decoration:none;
}

.onglet_btn a:hover{
  width:100%;
  height:100%;
  display:block;
}









.liste_texte_titre {
  color:#007cc2;
}

.liste_texte_stitre {
  color:#828282;
}

.liste_texte_accroche {
  color:#7ab41d;
}

.liste_texte_corps {
  height:auto;
  font:normal 8pt Arial;
  color:#828282;
}

/* Onglet Coup de coeur */

#tabs-1 {
  z-index:10;
}

#tabs-1 .onglet_haut {
	background:url(../images/accueil/onglet_c_coeur_haut.png) top left no-repeat;
}

#tabs-1 .onglet_titre {
	color:#9FD205;
}

#tabs-1 .tous {
	position:relative;
  top:12px;
  left:-10px;
  width:180px;
  height:30px;
  background:url(../images/accueil/tous_coups_coeur.png) top left no-repeat;
}

#tabs-1 .tous:hover{
  background:url(../images/accueil/tous_coups_coeur_roll.png) top left no-repeat;
}

#tabs-1 .onglet_recherche {
	border:solid 5px #9FD205;
}

#tabs-1 .onglet_rechercher_btn {
	background:url(../images/accueil/onglet_c_coeur_rechercher_btn.jpg) bottom left no-repeat;
	color:#FFFFFF;
}

#tabs-1 .onglet_content {
  background:url(../images/accueil/onglet_content_bg.jpg) top left repeat-x;
  border:solid 5px #9FD205;
}

#tabs-1 .onglet_bas {
	background:url(../images/accueil/onglet_c_coeur_bas.png) top left no-repeat;
}

#tabs-1 .onglet_btn a {
	background:url(../images/accueil/onglet_c_coeur_btn.png) top left no-repeat;
}

#tabs-1 .onglet_btn a:hover {
	background:url(../images/accueil/onglet_c_coeur_btn_roll.png) top left no-repeat;
}

/* Onglet des bons plans */

#tabs-2 {
	z-index:10;
}

#tabs-2 .onglet_haut {
	background:url(../images/accueil/onglet_b_plans_haut.png) top left no-repeat;
}

#tabs-2 .onglet_titre {
  color:#7AB41D; 
}

#tabs-2 .tous {
	position:relative;
  top:12px;
  left:10px;
  width:180px;
  height:30px;
	background:url(../images/accueil/tous_bons_plans.png) top left no-repeat;
}

#tabs-2 .tous:hover{
  background:url(../images/accueil/tous_bons_plans_roll.png) top left no-repeat;
}

#tabs-2 .onglet_recherche {
	border:solid 5px #7AB41D;
}

#tabs-2 .onglet_content {
  border:solid 5px #7AB41D;
  background:url(../images/accueil/onglet_content_bg.jpg) top left repeat-x;
}

#tabs-2 .onglet_rechercher_btn {
  background:url(../images/accueil/onglet_b_plans_rechercher_btn.png) bottom left no-repeat;
  color:#FFFFFF;
}

#tabs-2 .onglet_btn a {
  background:url(../images/accueil/onglet_b_plans_btn.png) top left no-repeat;
}

#tabs-2 .onglet_btn a:hover{
  background:url(../images/accueil/onglet_b_plans_btn_roll.png) top left no-repeat;
}

#tabs-2 .onglet_bas {
  background:url(../images/accueil/onglet_b_plans_bas.png) top left no-repeat;
}

/* Onglet Promotions */

#tabs-3 {
  z-index:10;
}

#tabs-3 .onglet_haut {
  background:url(../images/accueil/onglet_promos_haut.png) top left no-repeat;
}

#tabs-3 .onglet_titre {
  width:200px;
  color:#00a8de;
}

#tabs-3 .tous {
	position:relative;
	top:10px;
  width:180px;
  height:30px;
  background:url(../images/accueil/toutes_promos.png) top left no-repeat;
}

#tabs-3 .tous:hover{
  background:url(../images/accueil/toutes_promos_roll.png) top left no-repeat;
}

#tabs-3 .onglet_recherche {
  border:solid 5px #00a8de;
}

#tabs-3 .onglet_rechercher_btn {
  background:url(../images/accueil/onglet_promos_rechercher_btn.png) bottom left no-repeat;
  color:#FFFFFF;
}

#tabs-3 .onglet_content {
  border:solid 5px #00a8de;
  background:url(../images/accueil/onglet_content_bg.jpg) top left repeat-x;
}

#tabs-3 .onglet_btn a {
  background:url(../images/accueil/onglet_promos_btn.png) top left no-repeat;
}

#tabs-3 .onglet_btn a:hover{
  width:100%;
  height:100%;
  background:url(../images/accueil/onglet_promos_btn_roll.png) top left no-repeat;
  display:block;
}

#tabs-3 .onglet_bas {
  background:url(../images/accueil/onglet_promos_bas.png) top left no-repeat;
}

/* Onglet derniere minutes */

#tabs-4 {
  z-index:10;
}

#tabs-4 .onglet_haut {
  background:url(../images/accueil/onglet_d_minutes_haut.png) top left no-repeat;
}

#tabs-4 .onglet_titre {
	width:200px;
  color:#007ac1;
}

#tabs-4 .tous{
  top:12px;
  left:-10px;
  width:205px;
  height:30px;
  background:url(../images/accueil/toutes_d_minutes.png) top left no-repeat;
}

#tabs-4 .tous:hover{
  background:url(../images/accueil/toutes_d_minutes_roll.png) top left no-repeat;
}

#tabs-4 .onglet_recherche {
  border:solid 5px #007ac1;
}

#tabs-4 .onglet_rechercher_btn {
  background:url(../images/accueil/onglet_d_minutes_rechercher_btn.jpg) bottom left no-repeat;
  color:#FFFFFF;
}

#tabs-4 .onglet_content {
  border:solid 5px #007ac1;
  background:url(../images/accueil/onglet_content_bg.jpg) top left repeat-x;
}

#tabs-4 .onglet_btn a {
  background:url(../images/accueil/onglet_d_minutes_btn.png) top left no-repeat;
}

#tabs-4 .onglet_btn a:hover{
  background:url(../images/accueil/onglet_d_minutes_btn_roll.png) top left no-repeat;
}

#tabs-4 .onglet_bas {
  background:url(../images/accueil/onglet_d_minutes_bas.png) top left no-repeat;
}

/* Boite Camping du jour & Login */

#camping_client {
  position:relative;
  top:10px;
  left:0;
  width:280px;
  height:325px;
  float:right;
}

#camping_jour {
  
}

#espace_client {
  position:relative;
  top:-5px;
  left:0;
  width:273px;
  height:136px;
  background:url(../images/accueil/bg_espace_client.jpg) top left no-repeat;
  margin-left:10px;
}

#espace_client_titre {
  position:relative;
  top:3px;
  left:10px;
  width:250px;
  height:20px;
  font:bold 11pt verdana;
  color:#FFFFFF;
  text-indent:5px;
}

#espace_client_aide {
  position:relative;
  top:7px;
  left:15px;
  width:250px;
  font:normal 8pt Arial;
  color:#FFFFFF;
}

#client_log {
  position:relative;
  top:5px;
  left:0;
  margin-top:5px;
  margin-left:15px;
  width:auto;
  height:auto;
}

#client_login {
  
}

#client_password {
  
}

.texte {
  width:100px;
}

#text_part {
  width:140px;
}

#bloc_code_part {
  position:relative;
  top:-18px;
  left:0;
  margin:5px;
  margin-left:15px;
}

#client_aide {
  position:relative;
  top:-21px;
  left:217px;
  width:30px;
  height:22px;
  display:block;
}

#lien_aide {
  width:23px;
  height:21px;
  background:url(../images/accueil/bg_aide.png) top left no-repeat;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
  cursor:pointer;
  text-indent:8px;
  display:block;
}

#btn_se_connecter {
  position:relative;
  top:-45px;
  left:170px;
  width:89px;
  height:23px;
  background:url(../images/accueil/btn_se_connecter.png) bottom left no-repeat;
  color:#FFFFFF;
  margin:0;
  padding:0;
  font:normal 8pt Arial;
  text-indent:10px;
  border:0;
  cursor:pointer;
}

.btn_se_connecter {
  position:relative;
  top:-41px;
  left:170px;
  width:89px;
  height:18px;
  background:url(../images/accueil/btn_se_connecter.png) bottom left no-repeat;
  color:#FFFFFF;
  margin:0;
  padding:0;
  padding-left:8px;
  font:normal 8pt Arial;
  text-indent:10px;
  border:0;
  cursor:pointer;
}

#titre_camping_jour {
  width:283px;
  height:39px;
  background:url(../images/accueil/bg_titre_camping_jour.jpg) top left no-repeat;
  padding:5px;
  font:bold 12pt verdana;
  text-indent:45px;
  color:#FFFFFF;
}

#contenu_camping_jour {
  position:relative;
  top:-13px;
  left:12px;
  border-left:solid 1px #d9e5e9;
  border-right:solid 1px #d9e5e9;
  width:269px;
  height:auto;
}

#image_camping_jour {
  position:relative;
  top:15px;
  left:-10px;
  width:96px;
  height:96px;
}

.masque_camping_jour{
	background:url(../images/accueil/image_camping_jour.png) top left no-repeat;
	width:100px;
	height:100px;
	position:absolute;
	z-index:10;
	top:0px;
	}

#description_camping_jour {
  position:relative;
  top:-90px;
  left:80px;
  width:170px;
  height:auto;
}

#libelle_camping_jour {
  position:relative;
  top:0;
  left:6px;
  font-size:12pt;
  font-weight:bold;
  color:#7db61c;
}

#sous_lib_camping_jour {
  position:relative;
  top:5px;
  left:14px;
  font-size:11pt;
  font-weight:bold;
  color:#828282;
}

#corps_camping_jour {
  position:relative;
  top:5px;
  left:15px;
  font-size:9pt;
  color:#828282;
}

#bas_camping_jour {
  position:relative;
  top:-15px;
  left:2px;
  width:282px;
  height:17px;
  background:url(../images/accueil/bas_camping_jour.jpg) top left no-repeat;
}

#details_camping_jour {
  position:relative;
  top:-25px;
  left:25px;
  width:56px;
  height:15px;
  background:url(../images/accueil/details_camping_jour.jpg) top left no-repeat;
  text-indent:18px;
}

#details_camping_jour a {
  font-size:8pt;
  color:#FFFFFF;
  text-decoration:none;
}

/* Bloc Onglet BUG Affichage */

.#conteneur_right .ui-widget {
	
} 

#conteneur_right .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;
}

#conteneur_right .ui-widget-content {
	-moz-background-clip:0;
	-moz-background-inline-policy:0;
	-moz-background-origin:0;
	background:transparent !important;
	border:0 !important;
	color:#FFFFFF !important;
}

#conteneur_right .ui-corner-all {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}

#conteneur_right .ui-tabs {
	padding:0 !important;
}

#conteneur_right .ui-tabs-nav {
	list-style:none;
	position:inherit;
	padding:0;
}

#conteneur_right .ui-tabs .ui-tabs-nav li {
	position:relative;
	float:left;
	border-bottom-width:0;
	margin:0; padding:0;
}

#conteneur_right .ui-tabs .ui-tabs-nav li a {
	float:left;
	text-decoration:none;
	padding:0;
}



.bloc_onglets .ui-helper-reset {

} 

.bloc_onglets .ui-helper-clearfix {
	display:inherit;
	height:auto;
} 

.bloc_onglets .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;
}

.bloc_onglets .ui-state-default a {
	color:#FFFFFF; 
	text-decoration:none;
	outline: none;
}	

.bloc_onglets .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; 
}

.bloc_onglets .ui-corner-top {
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.bloc_onglets .ui-tabs-selected {
	border:0;
	color:#FFFFFF;
} 

.bloc_onglets .ui-state-active {
	border:0;
	color:#FFFFFF;
}

#texteAccueil
{
position:relative;
float :left;
width:100%;
height:auto;
margin-top:20px;
font-size:12pt;
font-weight:bold;
color:#888888;
}
