@charset "utf-8";
/* CSS Document */
/* Propriétés CSS communes à tous les scripts */
html, body {
margin:0;
padding:0;
font:90% Verdana, Arial, Helvetica, sans-serif;
}
html {
background:#336699;
}


label {
display:block;
}
input {
display:block;
}
input.erreur{
background-color:#E7B242;
}
select {
display:block;
margin-bottom:5px;
}
textarea {
display:block;
}
.alasuite {
display:inline;
}


div#conteneur {
width:914px;
margin:0 auto;
text-align:left;
background-color:#336699;
position:relative;
}


/* En-tête */
div#sous_menu {
float:left;
width:630px;
height:24px;
margin:0;
padding:0;
text-align:center;
background: #336699 url(../images/sous_menu_actif.jpg) no-repeat;
}
div#sous_menu_accueil {
float:left;
width:630px;
height:24px;
margin:0;
padding:0;
text-align:center;
background: #336699 url(../images/sous_menu_accueil.jpg) no-repeat;
}

div#sous_menu_actif {
width:630px;
height:24px;
float:left;
margin:0;
padding:0;
background: #ffffff url(../images/sous_menu_actif.jpg) no-repeat;
font:1.0em Arial, Helvetica, sans-serif;
color: #ffffff;
}
#sous_menu_actif a img {
border:none;
}

div#en_tete {
float:left;
width:284px;
height:24px;
margin:0;
padding:0;
text-align:right;
background: #ffffff url(../images/en_tete.jpg) no-repeat;
}

div#en_tete_accueil {
float:left;
width:284px;
height:24px;
margin:0;
padding:0;
text-align:right;
background: #ffffff url(../images/en_tete_accueil.jpg) no-repeat;
}

.conteneur_sous_menu{
width:914px;
height:24px;
clear:both;
}
.cote_gauche {
width:437px;
float:left;
}
/* randonnées */

.rando_gauche {
float:left;
width:420px;
text-align:left;
}
.rando_droite {
float:left;
padding-left:20px;
width:420px;
text-align:left;
}
.rando_titre {
font-weight:bold;
}
.rando_img{
float:left;
padding-right:10px;
padding-bottom:5px;
}

.img_gps_grand_cote_gauche {
width:100px;
float:left;
padding-bottom:10px;
text-align:right;
}

.img_grand_cote_droit {
float:left;
padding-right:15px;
padding-bottom:6px;
text-align:left;
}
.cote_droit {
margin-left:20px;
float:left;
}
/* fin randonnées*/




.img_droite {
padding:0;
}
.img_droite img {
/*border: 2px solid #3B6D9E;*/
margin:0;
border: 1px solid #ffffff;
}

.img_droite_mini {
border: 1px solid #3B6D9E;
padding:0;
float:left;
}
.img_droite_mini img {
border: 1px solid #ffffff;
margin:0;
}

.img_droite_mini_360 {
border: 1px solid #3b6d9e;
padding:0;
float:left;
}
.img_droite_mini_360 img {
border: 1px solid #3b6d9e;
margin:0;
}
.lien_suivant {
width:850px;
margin:0 auto;
text-align:center;
clear:both;
}

/* tableau */
table.tarifs {
border: 1px solid white;
width:400px;
text-align:center;
margin: 0 auto;
}
td.prix {
text-align:center;
}

td.libelle {
text-align:left;
}
th.tarifs {
text-align:center;
color:#336699;
background-color:white;
}
th.tarifs_we {
text-align:center;
color:#336699;
background-color:#FF9933;
}


h1 {
color:#ffffff;	
font:1.0em Arial, Helvetica, sans-serif;
margin:0;
padding:3px 10px 0 0;
}
h1.actif {
color:#cccccc;	
font:1.0em Arial, Helvetica, sans-serif;
margin:0;
padding:3px 10px 0 0;
}
div#banniere {
width:914px;
height:54px;
margin:15px 0 0 0;
padding:0;
}

h2 {
color:#ffffff;	
font:1.2em Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0;
padding:0;
}

.mini {
font-size:12px;
font-weight:normal;
}

/* Le menu */
div#menu {
width:914px;
height:27px;
margin:0;
padding:0px;
background:#336699 url(../../images/background_menu.jpg) no-repeat bottom right;
}
div#menu img {
margin:0;
padding:0;
border:none;
}




/* Contenu */
div#contenu {
width:874px;
margin:0 auto;
padding:20px;
background:#3B6D9E;
overflow: auto;
clear:both;
color:#ffffff;
position:relative;
}

div#contenu_accueil {
width:914px;
height:481px;
margin:0 auto;
padding:0;
background: #336699 url(../images/chambres-hotes-ardeche.jpg) no-repeat;
}

div#contenu_accueil p {
width:290px;
height:260px;
margin: 0;
padding: 20px 0 0 40px;
color:#336699;
font-weight:bold;
line-height:1.4em;
}

div#petit_fute {
position:absolute;
top:472px;
left:40px;
width:285px;
color:#336699;
font-weight:bold;
line-height:1.4em;
}

div#energie_solaire {
position:absolute;
top:532px;
left:75px;
width:285px;
color:#336699;
font-weight:bold;
line-height:1.4em;
}

#promo_midweek {
position:absolute;
top:476px;
left:358px;
border:0;
}


#promo {
position:absolute;
top:476px;
left:632px;
border:0;
}


div#photo_gauche {
float:left;
width:395px;
margin:0;
padding:5px 0;
}
div#photo_gauche img {
width:375px;
margin:5px 20px 0 0;
}
div#contenu_droit {
float:left;
width:530px;
margin:5px 0 0 0;
padding:5px 5px 0 0;
color:#000;
text-align:justify;
line-height:1.5;
}

.cadre_adresse_texte {
width:140px;
text-align:center;
float:left;
}
.cadre_adresse_photo {
width:120px;
border:none;
float:left;
}

div#mentions_gauche {
float:left;
width:365px;
margin:5px 20px 0 0;
padding:5px 5px 0 0;
font-size:11px;
text-align:justify;
}

div#mentions_droite {
float:left;
width:540px;
margin:5px 0 0 0;
padding:5px 5px 0 0;
color:#000;
text-align:justify;
}


/* L'Agenda Ardéchois */
ul#agenda {
margin:0;
padding:0 0 0 15px;
}
ul#agenda li {
margin-bottom:20px;
}



/* Les listes */
ul {
list-style:disc;
margin:0px;
padding-left:60px;
}


/* Pied de page */
div#pied_de_page {
width:914px;
height:81px;
margin:0 auto;
padding-top:6px;
text-align:center;
background: url(../images/bas.jpg) no-repeat ;
color:#ffffff;
}
div#pied_de_page p {	
margin:0;
padding:0;
text-indent:0;
font-size:0.8em;
}

div#pied_de_page a {
color:#ffffff;
text-decoration:none;
}

div#pied_de_page a:hover {
font-weight:bold;
text-decoration:underline;
}

/* Propriétés CSS autres */
/* Partie internaute */

span {
line-height:1.5em;
font-size:1.0em;
}
a {
color:#FF9933;
text-decoration:none;
}
a:hover {
font-weight:bold;
text-decoration:underline;
}


div.hr {
height: 30px;
background:#fff url(../../images/hr_buis.jpg) no-repeat center bottom;
}
div.hr hr {
display: none;
}


p.message_erreur {
text-align:left;
line-height:1.2em;
font-size:1.0em;
font-weight:bold;
background-color:red; /*#e58a08; */
color:#FFFFFF;
}

.rouge {
color:red;
}

.centrer {
display:block;
text-align:center;
}
.droite {
display:block;
text-align:right;
}
.gras {
font-weight:bold;
}
.sans_bordure {
border:none;
}
.displayblock {
display:block;
clear:left;
}
.float_left {
float:left;
}
.clear {
clear:both;
}


.decalage {
margin-left:50px;
}


.separateur {
display:block;
clear:both;
}

/*  Google Map */
div#gmap {
width:500px;
margin:0 auto;
border:1px solid black;			
}
#h1_gmap {
color:#993300;	
font:italic 1.5em/1.0em Georgia, serif ;
text-align:center;
}

/* Livre d'or */
.livredor_pagination {
float:right;
text-align:right;
width:700px;
display:block;
height:25px;
}
.livredor_pseudo {
display:block;
float:left;
width:375px;
font-style:italic;
text-align:left;
padding-top: 5px;
padding-bottom: 5px;
}
.livredor_pseudolong {
display:block;
float:left;
width:610px;
font-style:italic;
text-align:left;
padding-top: 5px;
padding-bottom: 5px;
}
.livredor_signez {
color:#ff6600;
font-weight:bold;
}
.livredor_langue {
display:block;
float:left;
width:100px;
}
.livredor_livre {
display:block;
float:left;
width:135px;
}
span.livredor_message {
float:left;
display:block;
width:700px;
border-bottom:1px dashed #ff6600;
padding-bottom: 5px;
margin-bottom:5px;
text-align:left;
}
.livredor_boutons {
display:block;
padding-top:6px;
margin:0;
float:left;
width:30px;
height:20px;
text-align:center;
}
.livredor_erreur {
display:block;
clear:both;
font-weight:bold;
color:#ff6600;
text-align:center;
}

.livre_avis_internaute {
vertical-align:middle;
line-height:37px;
border:0;
}

/* 360 */
#page {
text-align: center;
color: white;
}
#page a {
color: white;
}
#page .panorama-viewport {
border: 1px solid #ffffff;
margin-left: auto;
margin-right: auto;
}
#page p {
margin-bottom: 1em;
}
.TB_overlayBG {
background-color: #595959;
}
#titre_panorama {
width:592px;
margin-left:140px;
}
#autres_panorama {
width:592px;
margin-left:140px;
}