/* FEUILLE DE STYLE VACANCES DROME*/
/* -------------------------------------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------------------------------------- */
/* PROPIETES GENERALES*/
/* -------------------------------------------------------------------------------------------------------------------------- */
@import "vacances_drome_menu.css";

* {margin:0;padding:0}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 140%;
	text-align:center;
	font-style: italic;
	color: #869250;
	background:#b1acd4;	
}

h1, h2, h3 {margin: 0 0 1em 0; background:transparent;}
h1 {font-size: 150%; font-weight: normal; letter-spacing: 0.1em; margin: -10px 15px 1em 15px;}
h2{font-size: 120%;}
h3{font-size: 110%;}

table {vertical-align: top; display: block; border-collapse:collapse;}
table tr td{vertical-align: top;}

p{margin: 0 0 1.2em 0;}

ul {}
li{}

img {border: none;}

a {color: #bcc594; text-decoration: none; margin: 0; background:transparent;}
a:hover {color: #869250; text-decoration: none; background:transparent;}
a:hover img { filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.50; opacity:0.5;}

label {font-size:100%;}
input, textarea, select {border: 1px solid #9daa64; float: right; padding: 0.1em 0.5em 0 0.5em; margin: 0 0 0.7em 0;}
select {padding: 0;}
input, select {height: 20px;}
label {float: left; margin: 0 0 0.7em 0; display: block;}

hr {clear: both; visibility: hidden; display:block; height: 1px; margin: 0; padding: 0;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTENEUR */
/* -------------------------------------------------------------------------------------------------------------------------- */
#conteneur {
	margin: auto;
	width: 960px;
	text-align: left;
	padding: 0 15px 20px 15px;
	background: #e3e7d3 url(../images/bkg_site.png) repeat-y;
}
/* -------------------------------------------------------------------------------------------------------------------------- */
/* ENTETE*/
/* -------------------------------------------------------------------------------------------------------------------------- */
#entete {width: 960px; height: 99px; background: transparent url(../images/bkg_entete.png) repeat-x;}
a#logo {float: left;}
ul#menu_lang {float: right; margin: 37px 15px 0 0;}
ul#menu_lang li {display: inline; font-weight: bold; font-size: 110%;}
ul#menu_lang li#fr {margin-left:10px;}
ul#menu_lang li#eng {margin-left:5px;}
ul#menu_lang li.menu_on a {color:#9daa64;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* MENU*/
/* -------------------------------------------------------------------------------------------------------------------------- */
/*@import "vacances_drome_menu.css";

/* -------------------------------------------------------------------------------------------------------------------------- */
/* BANNIERE PHOTOS*/
/* -------------------------------------------------------------------------------------------------------------------------- */
#banniere {width: 960px; height: 200px; background: transparent;}
/* Block animation bannière */
.pics, .pics img {position: relative;} 
.pics, .pics img {width: 960px; height: 99px; padding: 0; margin: 0;} 
.pics img {width:  960px; height: 200px; position: absolute;  top:  0; left: 0 }
pre, code {display: none;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* URL/BREADCUM (liens)*/
/* -------------------------------------------------------------------------------------------------------------------------- */
ul#url {width: 930px; height: 50px; background:url(../images/bkg_url.png) repeat-x; padding: 15px 15px 0 15px;}
ul#url li {display: inline; font-weight: bold;}
.hebe, .hebe a, a.hebe {color: #5ab4d6;}
.natu, .natu a, a.natu {color: #7eca33;} 
.terr, .terr a, a.terr {color: #fbbc00;}
.sejo, .sejo a, a.sejo {color: #ff6e01;} 
.grou, .grou a, a.grou {color: #e63e8b;} 
.actu, .actu a, a.actu{color: #b2a0cd;}
a:hover {text-decoration: underline;}
/* -------------------------------------------------------------------------------------------------------------------------- */
/* CONTENUS*/
/* -------------------------------------------------------------------------------------------------------------------------- */
/* Home page / Plan du site */
.lat, .lat_home {margin: 0 15px 0 25px;  font-size: 80%; float: left; display: block;}
.lat_home {height: 560px; width: 285px; overflow:auto; padding: 0 15px 0 0;}
.lat {width: 290px; line-height: 200%; letter-spacing: 0.05em;}
.lat_home2 {height: 535px; overflow:auto;}
.lat_home h2 {color: #fff; font-size: 1.3em; letter-spacing: 0.1em; padding: 0 0 0.2em 0;
				background: #bcc594; border: 1px solid #9daa64; border-left-width: 0px; border-right-width: 0px; }
.lat_home ul {margin: 0 0 1em 0;}

div.content {margin-top: -30px; float: left;}
form#sub_form, form#sub_form input {float: left;}
form#sub_form label#label_email_adrr {width: 70px; display: block; margin-right: 1em; backgroung: #fff;}
form#sub_form input#email_adrr {width: 200px; display: block; margin: 0 1em; float: right;}
form#sub_form input#submit_news {display: block; float: right; height:20px;}
form#sub_form label.label_radio {float: left; margin: -0.5em 0 0 0;}
form#sub_form input.radio {border: none; margin: -0.5em 1em 0 0;}

/* Home+PAGES */
#central {float: left; /*width: 610px;*/}
.home, .home1, .home2, .home3 {width: 155px; float: left; padding: 1em 10px 1em 30px; margin: 0 10px 15px 0;}
.home1 {height: 310px} .home2{height: 170px} .home3 {height: 250px;}
.home li, .home1 li, .home2 li {list-style-position:inside; font-size: 80%;}
.home p, .home3 p {font-size: 80%; margin: 0.5em 0 0 0; line-height: 140%;}
.home img, .home3 img {margin: 0 -10px 0 -10px; width: 175px;}
h2.let_space_less {letter-spacing: -0.04em;}

/* SECTIONS */
.section {float: left; width: 610px; margin-left: 15px;}
.section_2col {width: 285px; float: left; margin: 5px 20px 0px 0;}
.section_3col {width: 175px; float: left; margin: 5px 25px 0px 0;}
.section_2col p, .section_3col p{font-size: 80%;}

/* Fonds PAGES */
.bkg_hebe {background: #fff url(../images/bkg_hebe.png) repeat-y;}
.bkg_natu {background: #fff url(../images/bkg_natu.png) repeat-y;}
.bkg_terr {background: #fff url(../images/bkg_terr.png) repeat-y;}
.bkg_sejo {background: #fff url(../images/bkg_sejo.png) repeat-y;}
.bkg_grou {background: #fff url(../images/bkg_grou.png) repeat-y;}
.bkg_actu {background: #fff url(../images/bkg_actu.png) repeat-y;}

/* Lignes séparatons listes laterales PAGES */
.hebe ul {border-top: 1px solid #5ab4d6;}
.hebe li {border-bottom: 1px solid #5ab4d6;}
.natu ul {border-top: 1px solid #7eca33;}
.natu li {border-bottom: 1px solid #7eca33;}
.terr ul {border-top: 1px solid #fc3;}
.terr li {border-bottom: 1px solid #fc3;}
.sejo ul {border-top: 1px solid #ff6e01;}
.sejo li {border-bottom: 1px solid #ff6e01;}
.grou ul {border-top: 1px solid #e63e8b;}
.grou li {border-bottom: 1px solid #e63e8b;}
.actu ul {border-top: 1px solid #b2a0cd;}
.actu li {border-bottom: 1px solid #b2a0cd;}

/*Lateral PAGES */
.lat_page {width: 285px; margin: 0 15px 0 25px;  font-size: 80%; float: left; display: block; margin-bottom: 1em;}
ul.page_list { border-top: 1px solid; margin: 0 0 1em 0;}
ul.page_list li{list-style-type: none; padding: 0.2em 0;}
ul.page_list li a {font-weight: bold;}
ul.page_galerie li{display: block; float: left; width: 55px; height: 55px; margin: 0 10px 10px 0; border: 1px solid;}
ul.page_galerie li a img {display:block; width:55px; height:55px; border:0px;}
/*Lateral PAGES Dispo Buton*/
li.dispo_hebe, li.dispo_natu { display: block; width: 265px; height: 66px; color: #fff;  margin: 0.7em 0 -1em -8px; border-bottom: none;}
li.dispo_hebe a, li.dispo_natu a {display: block; color: #fff; margin: 1.2em 0 0 6em; /*font-weight: normal;*/}
li.dispo_hebe {background: transparent url(../images/btn_dispo_hebe.png) no-repeat;}
li.dispo_natu {background: transparent url(../images/btn_dispo_natu.png) no-repeat;}

/*Central PAGES */
.page {width: 610px; float: right; background-color: #fff; margin: 0 15px 15px 0;}
.page h2, .page h3 {margin: 10px 15px 1em 240px;}
.page h3 {border-top: 1px dashed #9daa64; font-size: 110%; padding-top: 1em;}
.page p {margin: 0 15px 1em 240px; font-size: 90%;}
.page ul {margin: 0 15px 1em 260px; font-size: 90%;}

.page_galerie_show {position: relative; float: left; margin: 15px 0 15px 35px; display: block; width: 190px; height: 190px; 
					background: url(../images/img_190x190_non_dispo.png) no-repeat;}
.page_galerie_show img{width: 190px; height: 190px;}
.img2, .img3, .img4, .img5, .img6, .img7, .img8, .img9, .img10, .img11, .img12, .img13, .img14, .img15, .img16 
{position: absolute; float: left;top: 0px; left: 0;}
.haut400 {height: 400px;}
.haut450 {height: 450px;}
.haut500 {height: 500px;}
.haut600 {height: 600px;}

/*Pour galerie "photo & liens" */
.page_photos {width: 590px; height: 455px; float: right; border: 1px solid #9daa64; background-color: #fff; margin: 0 25px 15px 0;}
.page_galerie_photos {position: relative; float: left; margin: 15px;}

/* Pages Idées Séjours */
ul.page_list.sejo li {background:url(../images/bkg_bullet_sejours.png) no-repeat 0.5em 0.8em; padding-left: 1.5em;}
.bkg_sejo ul {font-size: 75%; border-top: 1px dashed #ff6e01;}
p.offre_sejo { color: #fff; background: #ff6e01; padding: 1em 1em;}
p.pdf_sejo {background: #e3e7d3; padding: 1em 1em; border: 1px dotted #ff6e01; margin: -1em 15px 1em 240px;}
p.pdf_sejo a{color: #9daa64; background: url(../images/bkg_ico_pdf.png) no-repeat 0 0; padding-left: 2em;}
p.pdf_sejo a:hover{color: #869250}
ul.pdf_sejo {background: #e3e7d3; font-size: 70%; margin: 0em 15px 1em 240px; padding-left: 2em;}
ul.pdf_sejo {border-top: 1px dotted #ff6e01; border-bottom: 1px dotted #ff6e01;}
.txt70 {font-size: 70%;}

/* Pages Groupes */
.show_grou {margin: 0px 15px 15px 35px;}
p.offre_sejo_grou {color: #fff; background: #e63e8b; padding: 1em 1em;}
p.pdf_sejo_grou {background: #e3e7d3; padding: 1.5em 1em; border: 1px dotted #e63e8b; margin: -1em 15px 1em 240px;}
p.pdf_sejo_grou a{color: #9daa64; background: url(../images/bkg_ico_pdf.png) no-repeat 0 0; padding-left: 2em;}
p.pdf_sejo_grou a:hover{color: #869250}

div.page.bkg_grou {width: 930px; float: left; margin: 0 15px 15px 15px;}
div.page.bkg_grou h2{margin: 10px 15px 1em 35px;}
div.page.bkg_grou table{ margin: 1em 1em 2em 35px; font-size: 80%;}
div.page.bkg_grou table tr{margin: 0;}
div.page.bkg_grou table tr.tete_table{background: #e63e8b; color: #fff; font-weight:bold; font-size: 105%;}
div.page.bkg_grou table tr.color_table{background: #fad8e8;}
div.page.bkg_grou table tr td{ border: 1px dashed #e63e8b; padding: 0.5em; margin: 0; font-size: 95%;}
div.page.bkg_grou table tr td a{color: #9daa64;}
div.page.bkg_grou table tr.tete_table td{border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
div.page.bkg_grou table tr td.hebe_table{font-size: 105%; font-weight: bold;}
div.page.bkg_grou table tr td ul{margin: 0 0 0 1em; font-size: 95%;}

/*ul.desc_sejo {background: #f1f3e9; padding: 1em;}*/

/* Formulaire de contacts */
#form_contacts {display: block; width: 600px; float: right; margin: 0 15px 15px 0;}
#form_contacts fieldset {border: 1px solid #9daa64; margin: 0 0 0.2em 0; padding: 15px;}
#form_contacts fieldset#btn_envoi {border: none; margin: 0.5em 0 0 0; padding: 0;}
#form_contacts legend { font-size: 110%; letter-spacing: 0.1em; padding: 0 0.5em; margin-left: -0.6em; color: #9daa64; }
#form_contacts div.form_left {width: 275px; display: block; float: left;}
#form_contacts div.form_right {width: 275px; display: block; float: right;}
#form_contacts p.note {float: left;}
#form_contacts label {width: 70px; float: left; display: block; font-weight: bold; font-size: 90%;}
#form_contacts input {width: 160px; float: right;}
#form_contacts select {width: 175px; float: right; clear: both; margin-top: -2.2em;}
#form_contacts option {padding: 0 0.5em;}
#form_contacts textarea {width: 450px; height: 150px; padding-right:0; float: right; diplay: block;}
#form_contacts input#btn_envoi_contacts {width: 178px; height: 29px; display:  block; float: right; border: none; margin: 0 -8px 0 0;}
.note {font-size: 75%;}
/*#MessageErreur {color: #f00;}*/
label.error {color: #f00; font-size: 90%; position: relative; top: -1.3em; width: 200px; }
input.error { border: 1px solid #f00; }

/* Plan du Site */
div.home2.sejo.bkg_sejo ul{font-size: 100%;}

/* Infos légales / Crédits photos */
.page_credits {width: 500px; float: right; border: 1px solid #9daa64; background-color: #fff; margin: 0 25px 15px 0; padding: 45px;}
.page_credits p {font-size: 80%;}
/* Plan Accès */
#map {width:550px; height: 550px; display: block; border: 1px solid #9daa64; float: right; margin: 0 30px 15px 0; padding: 15px; background: #fff}


/* Liens retour bas de PAGES */
a.retour {float: right; font-size: 80%; margin-right: 15px; padding-right: 30px;}
a.bkg_retour_hebe {background:url(../images/ico_retour_hebe.png) no-repeat right;}
a.bkg_retour_natu {background:url(../images/ico_retour_natu.png) no-repeat right;}
a.bkg_retour_terr {background:url(../images/ico_retour_terr.png) no-repeat right;}
a.bkg_retour_sejo {background:url(../images/ico_retour_sejo.png) no-repeat right;}
a.bkg_retour_grou {background:url(../images/ico_retour_grou.png) no-repeat right;}
a.bkg_retour_actu {background:url(../images/ico_retour_actu.png) no-repeat right;}
a.bkg_retour_page {background:url(../images/ico_retour_page.png) no-repeat right;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* PIED DE PAGE */
/* -------------------------------------------------------------------------------------------------------------------------- */
#pied_page {width: 990px; height: 160px; margin: auto; margin-bottom: 5px; background:#fff url(../images/bkg_pied_page.png) no-repeat;}
#pied_page a#plan_site {float: left; margin: 15px 0 0 30px; color: #9daa64; font-weight: bold;}
#pied_page a#infos_legales {float: left; margin: 3em 0 0 -8em; color: #9daa64; font-size: 80%;}
#pied_page a#legal_info {float: left; margin: 3em 0 0 -6em; color: #9daa64; font-size: 80%;}
#pied_page a#plan_site:hover {text-decoration: underline;}
#pied_page img#logo_pied {margin: 0 0 0 -115px;}
#pied_page p {font-size: 80%; color: #919191; margin: -5px 0 0 0; line-height: 130%; }
#estudio {margin-bottom: 25px;}
#estudio a {color:#fff; font-size: 80%;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* INTERFACE ADMINISTRATION DU SITE */
/* -------------------------------------------------------------------------------------------------------------------------- */
.admin_news, .admin_sejo, .admin_actu {border: 1px solid #9daa64; margin: 0 30px 1em 30px; width: 500px; padding: 15px;}
.admin_news, .admin_sejo, .admin_actu {border-left: 15px solid;}
.admin_news, .admin_sejo, .admin_actu
.admin_news {margin-top: 15px; border-color: #9daa64;}
.admin_sejo {border-color: #ff6e01;}
.admin_actu {border-color: #b2a0cd;}
.admin_news a, .admin_sejo a, .admin_actu a {color: #9daa64;}

#form_admin {margin: 15px;}
#form_admin fieldset {border: none;}
#form_admin fieldset{border: none;}
#form_admin label {width: 70px;}
#form_admin input {width: 160px;} 
#form_admin #btn_envoyer {width: 178px; height: 29px; display:  block; float: right; border: none; margin: 0 -8px 0 0;}
#MessageErreur {color: #f00;}
#form_admin label.error {color: #f00; font-size: 90%; position: relative; top: 0em; left: 2em; width: 200px; }

#form_sejo {margin: 0em 0em 1em 1em; padding: 1em; float: left;}
#form_sejo legend{margin: 0 0 1em 0; padding: 0 1em; font-size: 130%; font-weight: bold; color: #ff6e01;}
#form_sejo label{width: 175px; margin: 0 1em 1em 1em; text-align: right;}
#form_sejo input{width: 325px; float: left; margin: -2.8em 1em 1em 205px;}
#form_sejo input#publier {width: 175px; height: 2em; float: right; margin: 0em 1em 1em 205px; font-weight: bold; 
								background: #ff6e01; color: #fff; border: 2px; border-style:outset; cursor: pointer;}
p.voir {background: #9daa64; text-align: center; width: 170px;height: 1.5em; float: right; border: 2px outset #ccc;}
p.voir a:hover {color: #fff;}
#form_sejo p.note_form{width: 315px; float: left; margin: 0em 1em 1em 205px; padding: 1em; border: 1px solid #f00; color: #f00; font-size: 70%;}
p.note_form_error{float: left; margin: 15px 0 0 35px; padding: 1em; border: 1px solid #f00; color: #f00; font-size: 70%; clear: both;}
div.suppr a{ display: block; width: 355px; float: left; margin: -5em 1em 1em 235px; padding: 0.5em 0em; text-align: center; border: 3px solid #f00; color: #f00; font-weight: bold; background: #ccc;}