/* CSS Document */
html, body {
margin:0;
padding:0;
height:100%;
font:90% Verdana, Arial, Helvetica, sans-serif;
background-color:#dddddd;
}
* {
margin:0;
padding:0;
}


/* Haut de page */
div#haut_de_page {
width:100%;
height:20px;
line-height:20px;
font-size:10px;
background-color:#eeeeee;
text-align:center;
color:#999999;
}
div#texte_haut_de_page {
width:900px;
margin:0 auto;
text-align:center;
position:relative;
}
#drapeau {
position:absolute;
right:0;
top:-1px;
}


/* Le conteneur central */
div#conteneur {
width:100%;
background-color:#ffffff;
text-align:center;
}
div#contenu {
width:900px;
margin:0 auto;
padding:105px 0 30px 0;
background:#ffffff url('../images/background_conteneur.jpg') no-repeat left -7px;
color:#999999;
text-align:justify;
position:relative;
}
div#colonne_gauche_accueil {
width:618px;
float:left;
}
div#colonne_gauche_accueil ul {
margin-left:15px;
}
div.colonne_gauche {
width:395px;
float:left;
position:relative;
}
div.deux_colonne_gauche {
width:309px;
float:left;
}
div.colonne_gauche ul, div.colonne_gauche_accueil ul {
margin:0 0 0 16px;
}
div#colonne_descriptif {
width:200px;
float:left;
margin-left:25px;
}
img.descriptif_bloc {
width:200px;
height:15px;
}
div#descriptif_haut {
width:200px;
height:15px;
background-image:url('../images/descriptif-haut.png');
background-repeat:no-repeat;
background-position:left top;
overflow:hidden;
}
div#descriptif_centre {
width:160px;
padding:0 20px;
background-image:url('../images/descriptif-centre.png');
background-repeat:repeat-y;
background-position:left top;
color:#669933;
overflow:hidden;
}
div#descriptif_centre ul {
margin:5px 0 0 16px;
}
div#descriptif_bas {
width:200px;
height:15px;
background-image:url('../images/descriptif-bas.png');
background-repeat:no-repeat;
background-position:left top;
overflow:hidden;
}
div#colonne_droite {
width:253px;
float:right;
}


/* Le Carousel */
div.miniatures {
float:left;
margin:5px 0 15px 34px;
width:550px;
height:68px;
}
/*
div.conteneur_miniatures {
float:left;
margin:0 14px;
width:89px;
height:50px;
text-align:center;
overflow:hidden;
}
*/
div.miniatures img {
margin:0 10px 0 10px;
width:90px;
height:68px;
cursor:pointer;
border-radius:3px;
}
img#fleche_gauche {
width:34px;
height:34px;
position:absolute;
bottom:14px;
left:-44px;
cursor:pointer;
}
img#fleche_droite {
width:34px;
height:34px;
position:absolute;
bottom:14px;
right:-44px;
cursor:pointer;
}
#slideshow { margin:0 auto; width:550px; height:68px; position:relative;}
#slideshow #slidesContainer { margin:0 auto; width:550px; height:68px; overflow:auto; position:relative;}
#slideshow #slidesContainer .slide { margin:0 auto; width:550px; height:68px; text-align:left; position:relative;}


div#carousel {
width:630px;
float:left;
margin:5px 0 15px 0;
position:relative;
text-align:left;
}


/* Contenu page d'accueil */
#img_accueil {
width:618px;
height:515px;
}


/* Contenu page gîte */
#img_masque {
position:absolute;
left:0;
top:0;
z-index:10;
width:395px;
height:199px;
}
#miniature_coquelicot {
position:absolute;
right:0;
bottom:0;
}


/* Le calendrier */
div.calendrier_legende {
float:left;
width:192px;
margin:0 2px 5px 0;
padding:4px;
border:1px solid #669933; /* changer couleur */
}
table.calendrier_table_legende {
float:left;
width:100%;
margin:0 auto;
border-collapse:collapse;
}
table.calendrier_table_legende tr td.calendrier_table_legende_colonne_droite {
text-align:center;
width:45px;
padding:0;
}
table.calendrier_table_legende tr td {
padding:1px;
}
table.calendrier_table_legende td.calendrier_table_legende_periode_libelle {
text-align:left;
font-weight:bold;
}
.seb-datepicker {
float:left;
width:176px; /* 200px */
padding:3px;
border:1px solid #669933; /* changer couleur */
background-color:#dff9b3; /* changer couleur */
position:relative;
margin:0 10px 20px 10px; /* 0 15px 14px 0 */
font-family:Arial, Helvetica, sans-serif;
}
.seb-datepicker-dernier {
margin:0 0 20px 10px;
}
* html .seb-helper-clearfix {
height:1px;
display:block;
}
.seb-widget-overlay {
position: absolute;
top:0;
right:0;
width:100%;
height:100%;
}
.seb-corner-all {
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border-radius:4px;
}
.seb-datepicker .seb-datepicker-header { 
position:relative;
padding:2px 0;
border:1px solid #dff9b3;
background-color:#669933; /* changer couleur */
color:#ffffff;
font-weight:bold;
}
.seb-datepicker .seb-datepicker-title {
margin:0;
line-height:24px;
text-align:center;
font-size:14px;
font-weight:bold;
}
table.seb-datepicker-calendar {
width:168px;
height:161px;
color:#000000;
}
th.seb-datepicker-day {
width:19px;
height:19px;
padding:2px;
margin-left:1px;
font-size:12px;
font-weight:bold;
text-align:center;
}
td.seb-cell-vide {
width:21px;
height:21px;
margin-left:1px;
}
td.seb-state-cell-default {
width:21px;
height:21px;
border:1px solid #cccccc;
margin-left:1px;
background-color:#f6f6f6;
}
div.seb-state-default {
display:block;
width:21px;
height:21px;
text-decoration:none;
color:#000000;
text-align:center;
font-size:12px;
line-height:21px;
}
/* debut sur td / milieu sur td / fin sur div */
/* Très basse saison */
td.calendrier_tarifs_td_debut_1 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_1.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_1, .calendrier_tarifs_td_1 {
background-color:#cc99ff;
}
div.calendrier_tarifs_div_fin_1 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_1.png") no-repeat bottom right;
}
/* Basse saison */
td.calendrier_tarifs_td_debut_2 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_2.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_2, .calendrier_tarifs_td_2 {
background-color:#ff99ff;
}
div.calendrier_tarifs_div_fin_2 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_2.png") no-repeat bottom right;
}
/* Moyenne saison */
td.calendrier_tarifs_td_debut_3 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_3.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_3, .calendrier_tarifs_td_3 {
background-color:#99ff33;
}
div.calendrier_tarifs_div_fin_3 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_3.png") no-repeat bottom right;
}
/* Haute saison */
td.calendrier_tarifs_td_debut_4 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_4.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_4, .calendrier_tarifs_td_4 {
background-color:#f8f653;
}
div.calendrier_tarifs_div_fin_4 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_4.png") no-repeat bottom right;
}
/* Très haute saison */
td.calendrier_tarifs_td_debut_5 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_5.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_5, .calendrier_tarifs_td_5 {
background-color:#f8a453;
}
div.calendrier_tarifs_div_fin_5 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_5.png") no-repeat bottom right;
}
/* Vacances de février */
td.calendrier_tarifs_td_debut_6 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_6.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_6, .calendrier_tarifs_td_6 {
background-color:#84e2e3;
}
div.calendrier_tarifs_div_fin_6 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_6.png") no-repeat bottom right;
}
/* Vacances de Pâques */
td.calendrier_tarifs_td_debut_7 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_7.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_7, .calendrier_tarifs_td_7 {
background-color:#c7ac77;
}
div.calendrier_tarifs_div_fin_7 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_7.png") no-repeat bottom right;
}
/* Vacances de Toussaint */
td.calendrier_tarifs_td_debut_8 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_8.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_8, .calendrier_tarifs_td_8 {
background-color:#a6a4fe;
}
div.calendrier_tarifs_div_fin_8 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_8.png") no-repeat bottom right;
}
/* Vacances de Noël */
td.calendrier_tarifs_td_debut_9 {
background:url("../images/calendrier/calendrier_tarifs_td_debut_9.png") no-repeat bottom right;
}
td.calendrier_tarifs_td_9, .calendrier_tarifs_td_9 {
background-color:#8bc9aa;
}
div.calendrier_tarifs_div_fin_9 {
background:url("../images/calendrier/calendrier_tarifs_div_fin_9.png") no-repeat bottom right;
}
/* Les disponibilités */
/* debut sur td / milieu sur td / fin sur div */
div#detail_resa_gauche {
float:left;
clear:left;
width:400px;
}
div#detail_resa_droite {
float:left;
width:400px;
}
/* Réservation en cours */
td.calendrier_resa_td_debut_REC {
background:url("../images/calendrier/calendrier_resa_td_debut_REC.png") no-repeat bottom right;
}
td.calendrier_resa_td_REC, .calendrier_resa_td_REC {
background-color:#ffa500;
}
div.calendrier_resa_div_fin_REC {
background:url("../images/calendrier/calendrier_resa_div_fin_REC.png") no-repeat bottom right;
}
/* Réservé */
td.calendrier_resa_td_debut_R, div.calendrier_resa_td_debut_R {
background:url("../images/calendrier/calendrier_resa_td_debut_R.png") no-repeat bottom right;
}
td.calendrier_resa_td_R, .calendrier_resa_td_R {
background-color:#ff0000;
}
div.calendrier_resa_div_fin_R {
background:url("../images/calendrier/calendrier_resa_div_fin_R.png") no-repeat bottom right;
}
/* Fermé */
td.calendrier_resa_td_debut_F {
background:url("../images/calendrier/calendrier_resa_td_debut_F.png") no-repeat bottom right;
}
td.calendrier_resa_td_F, .calendrier_resa_td_F {
background-color:grey;
}
div.calendrier_resa_div_fin_F {
background:url("../images/calendrier/calendrier_resa_div_fin_F.png") no-repeat bottom right;
}
/* Cas particulier réservé et fermé qui se chevauchent */
td.calendrier_resa_td_debut_R_fin_F, div.calendrier_resa_td_debut_R_fin_F {
background:url("../images/calendrier/calendrier_resa_td_debut_R_fin_F.png") no-repeat bottom right;
}
td.calendrier_resa_td_debut_F_fin_R, div.calendrier_resa_td_debut_F_fin_R {
background:url("../images/calendrier/calendrier_resa_td_debut_F_fin_R.png") no-repeat bottom right;
}


/*  Tarifs */
table.tarif {
width:618px;
border-collapse:collapse;
border:none;
}
th.th_periode {
font-size:12px;
font-weight:bold;
color:#669933;
margin:5px 0;
padding:2px 5px;
text-align:left;
}
th.th_prix {
font-size:12px;
font-weight:bold;
color:#669933;
margin:5px 0;
padding:2px 5px;
text-align:right;
}
td.tarif_periode {
border-bottom:1px dotted #dddddd;
padding:2px 5px;
}
td.tarif_prix {
width:90px;
text-align:right;
}


/* AVIS_AD*/
.lesavis {	
}
.avis_AD {
padding-bottom:20px;
}
.avis_AD_ligne1 {
}
.avis_AD_ligne2 {
border-top:1px solid #ffffff;	
text-align:right;
font-size:smaller;
padding-bottom:5px;
clear:both;
}
.avis_AD_titre {
float:left;
font-weight:bold;
text-transform:uppercase;	
}
.avis_AD_note {
float:right;
}
.avis_AD_auteur {
}
.avis_AD_datepost {
}
.avis_AD_commentaire {
text-align:justify;
}
.avis_AD_reponse {
margin-top:10px;
margin-left:50px;
padding: 10px;
background-color:#FFC;
}
.avis_AD_reponse_auteur {
font-size:smaller;
font-weight:bold;
}
.avis_AD_reponse_commentaire {
font-size:smaller;
text-align:justify;
}
.avis_lien {
clear:both;
}
/* FIN AVIS_AD */


/* Loisirs en Ardèche */
#img_loisirs {
width:618px;
height:283px;
}
table.table_loisirs {
width:295px;
border-collapse:collapse;
border:none;
}
table.table_loisirs caption {
font-size:12px;
font-weight:bold;
color:#669933;
margin:5px 0;
padding:2px 5px;
text-align:left;
}
table.table_loisirs td {
border-bottom:1px dotted #dddddd;
padding:2px 5px;
}
td.distance {
width:90px;
text-align:right;
}


/* Liens et partenaires */
.a_liens {
font-size:14px;
color:#336600;
text-decoration:none;
font-weight:bold;
}


/* Haut de page */
div#bas_de_page {
width:100%;
height:20px;
line-height:20px;
font-size:10px;
background-color:#eeeeee;
text-align:center;
color:#999999;
}
div#bas_de_page a {
line-height:20px;
font-size:10px;
color:#336600; /* 669933 */
text-decoration:none;
}
div#bas_de_page a.lien_ardeche {
color:#999999;
text-decoration:none;
cursor:text;
}
div#signature_zefyx {
width:100%;
height:20px;
line-height:20px;
font-size:10px;
background-color:#dddddd;
text-align:center;
color:#888888;
}
div#signature_zefyx a {
line-height:20px;
font-size:10px;
color:#000000;
text-decoration:none;
}


/* Le menu */
div#menu_gauche {
float:right;
width:253px;
margin:0;
}
ul.ul_menu {
list-style:none;
}
li.li_menu {
width:253px;
height:69px;
margin-bottom:10px;
text-align:center;
background:url(../images/bt-off.png) no-repeat left top;
}
li.li_menu:hover {
background:url(../images/bt-on.png) no-repeat left top;
}
li.li_menu a {
font-size:15px;
line-height:69px;
padding:0 0 0 0;
font-weight:bold;
color:#669933;
text-decoration:none;
display:block;
}
li.li_menu a:hover {
text-decoration:none;
color:#ffffff;
}
li.li_menu:hover a {
background:url(../images/bt-on.png) no-repeat left top;
}
li#li_menu_actif {
width:253px;
height:69px;
margin-bottom:10px;
text-align:center;
background:url(../images/bt-on.png) no-repeat left top;
}
li#li_menu_actif a {
font-size:15px;
line-height:69px;
padding:0 0 0 0;
font-weight:bold;
color:#ffffff;
text-decoration:none;
display:block;
}
li#li_menu_actif a:hover {
text-decoration:none;
}
/* Menu gites */
li.li_menu_gite {
width:253px;
height:69px;
margin-bottom:10px;
text-align:center;
background:url(../images/bt-gite-off.png) no-repeat left top;
position:relative;
}
li.li_menu_gite:hover {
background:url(../images/bt-gite-on.png) no-repeat left top;
}
li.li_menu_gite a {
font-size:15px;
line-height:37px;
margin:0 0 0 0;
font-weight:bold;
color:#669933;
text-decoration:none;
display:block;
}
li.li_menu_gite a:hover {
text-decoration:none;
color:#ffffff;
}
li.li_menu_gite:hover a {
color:#ffffff;
}
li.li_menu_gite:hover a.resa, li.li_menu_gite:hover a.resa2 {
color:#669933;
}
li.li_menu_gite a.resa {
font-size:10px;
line-height:23px;
margin:0 0 9px 35px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
display:inline;
position:absolute;
left:1px;
bottom:0;
}
li.li_menu_gite a.resa2 {
font-size:10px;
line-height:23px;
margin:0 0 9px 54px;
font-weight:normal;
color:#ffffff;
text-decoration:none;
display:inline;
position:absolute;
left:102px;
bottom:0;
}
li#li_menu_gite_actif {
width:253px;
height:69px;
margin-bottom:10px;
text-align:center;
background:url(../images/bt-gite-on.png) no-repeat left top;
position:relative;
}
li#li_menu_gite_actif a {
font-size:15px;
line-height:37px;
margin:0 0 0 0;
font-weight:bold;
color:#ffffff;
text-decoration:none;
display:block;
}
li#li_menu_gite_actif a:hover {
text-decoration:none;
}
li#li_menu_gite_actif a.resa {
font-size:10px;
line-height:23px;
margin:0 0 9px 35px;
font-weight:normal;
color:#669933;
text-decoration:none;
display:inline;
position:absolute;
left:1px;
bottom:0;
}
li#li_menu_gite_actif a.resa2 {
font-size:10px;
line-height:23px;
margin:0 0 9px 54px;
font-weight:normal;
color:#669933;
text-decoration:none;
display:inline;
position:absolute;
left:102px;
bottom:0;
}


/* Classes généralistes */
h1 {
margin:30px 0 15px 0;
font-size:14px;
line-height:14px;
text-align:center;
color:#669933;
}
h2 {
margin:20px 0 10px 0;
font-size:12px;
line-height:12px;
text-align:left;
color:#669933;
}
a {
color:#336600;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img.img_bords_arrondis {
border-radius:5px;
}
.separateur_30px {
width:100%;
height:30px;
clear:both;
}
.separateur_20px {
width:100%;
height:20px;
clear:both;
}
.separateur {
width:100%;
height:10px;
clear:both;
}
.clear_both {
width:100%;
height:1px;
clear:both;
}


/* Browsers update */
#browsers_update {
position:absolute;
top:50%;
left:50%;
z-index:10000;
width:800px;
height:150px;
margin-top:-125px;
margin-left:-450px;
background-color:#FFFFCC;
text-align:center;
padding:50px;
border:1px solid black;
font-weight:bold;
}
#browsers_close {
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}