/* @override http://www.herbesfolles-mauregard.com/styles/stylebeta.css */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}



html, body {background: #49041c; width:100%;font: 12px Arial, Helvetica, sans-serif;}
object {margin: 0;padding: 0;border: 0 none;overflow-x: hidden;overflow-y: hidden;}
a {color:#fff;text-decoration:none}

#site{width:710px;margin: 0 auto 0; border:3px solid #fff; position:relative;
}
#siteAvailpro{width:710px;margin: 20px auto 0; border:3px solid #fff; position:relative;
}
#header{width:710px; height:208px; background:url(../ressources/images/header_hf.jpg) bottom right #fff ;border-bottom: solid 3px #fff;
	position: relative;
}

#menuLangue {position:absolute; top:-22px; left:0;  color:#49041c}
#menuLangue .langueNonActive a{color:#d7c29d}
#menuLangue .langueActive a{color:#f4f1ed;font-weight:bold;}
.langueActive, .langueNonActive{float:left; padding-left:3px;}

.logo {float: left; border-right: solid 3px #fff; height:170px}

#menu {width: 710px; height:35px; background-color:#1f2b0d; border-bottom: solid 3px #fff;
	z-index: 100;
}
#menu ul {float: left; display:inline-block; width:100%}
#menu li {float:left;}
#menu li a{float:left; display:block; text-align:center; line-height:35px; font-size:14px;font-weight:bold; font-variant:small-caps; padding:0 10px}
#menu li a.menuactif{color:#000;background:#fff}
#menu li a.menudefault{color:#c9f335;}
#menu li a.menuactif:hover{color:#000}
#menu li a:hover{color:#fff; text-decoration:underline}
#menu li.menuSeparatorIn{}
#menu li.menuSeparatorOut{}
#menu .menuSeparator{}

#content {}
#content2_fr {width:710px; background: #1f2b0d;}
#content2_uk {width:710px; background: #1f2b0d;}
.separateur {clear:both; visibility:hidden; }

#texte {}
#texte a {color: #3c4038;text-decoration:underline}
#texte p {text-align:justify; padding-bottom:20px }
#texte h2 {text-align:left; background-color:#fff; padding:2px 10px; font-size:15px; font-variant:small-caps; color:#9fb425; float:left}
#texte h3 {text-align:left;font-size:12px; color:#000; padding:5px 0 15px 3px; width:100%; float:left}
#texte h4 {text-align:left;font-size:12px; font-weight:bold; color:#fff; padding-bottom:5px; width:100%; float:left}
#texte h5 {text-align:left;color:#9fb425; padding-bottom:5px; width:100%; float:left}

#content p { float:left}
#content ul { float:left; padding-bottom:15px}
#content li { padding:4px 0 10px 30px; background:url(../ressources/images/hf_puce.png) no-repeat 6px 0px;}
#content a{color:#FFF}




#templateA {width:710px; height:609px; background:url(../ressources/images/hf_photo_maison02.jpg) bottom right no-repeat; border-bottom:3px solid #fff}
#templateA .bp1{width:328px; height:268px;float:left;border-right:3px solid #fff;border-bottom:solid 3px #fff; background:url(../ressources/images/hf_photo_maison01.jpg) bottom right}
#templateA .bp2{}
#templateA .bp3{}
#templateA .bt1{float:right; width:354px; height:256px;border-bottom:solid 3px #fff; background: #1f2b0d url(../ressources/images/bgbt1_tempB.jpg) ; padding:12px 13px 0 12px; color:#f6fcd1}
#templateA .bt2{padding:25px 15px 0 25px; float:left;width:217px; height:313px; border-right:3px solid #fff; background: #1f2b0d url(../ressources/images/bgbt2_tempAC.jpg); color:#f6fcd1}

#templateB {width:710px; height:609px; border-bottom:3px solid #fff;background: #1f2b0d}
#templateB .bp0{width:226px; height:268px;float:left;border-bottom:solid 3px #fff; background:url(../ressources/images/hf_photo_mosaique.jpg) bottom left}
#templateB .bt1{float:left; width:354px; height:256px;border-left:3px solid #fff; border-bottom:solid 3px #fff; background: #1f2b0d url(../ressources/images/bgbt1_tempB.jpg) ; padding:12px 13px 0 12px; color:#f6fcd1}
#templateB .bp1{width:99px; height:268px;float:right;border-left:3px solid #fff;border-bottom:solid 3px #fff; background:url(../ressources/images/hf_photo_mosaique.jpg) bottom right}
#templateB .bp2{float:right; width:450px; height:338px !important;height:313px; background: #1f2b0d; overflow:hidden}
#templateB .carte{float:left; width:257px; height:338px;border-right:solid 3px #fff;background: url(../ressources/images/hf_cartetemp.jpg) no-repeat; position:relative}
#templateB .bt2{padding:25px 15px 0 25px; display:block; float:left;width:217px; height:313px; border-right:3px solid #fff; background: #1f2b0d url(../ressources/images/bgbt2_tempAC.jpg); color:#f6fcd1}

#templateShare {width:710px; height:338px; border-bottom:3px solid #fff;background: #1f2b0d; text-align:left}
#templateShare .bp2{float:right; width:450px; height:338px !important;height:313px; background: #1f2b0d; overflow:hidden}
#templateShare .bt2{padding:25px 15px 0 25px; display:block; float:left;width:217px; height:313px; border-right:3px solid #fff; background: #1f2b0d url(../ressources/images/bgbt2_tempAC.jpg); color:#f6fcd1}
#templateShare label{float:left; width:100%; padding-bottom:3px}
#templateShare input{float:left; margin-bottom:20px}


#templateAcces {width:710px; height:609px; border-bottom:3px solid #fff;background: #1f2b0d}
#templateAcces .bp0{width:226px; height:268px;float:left;border-bottom:solid 3px #fff; background:url(../ressources/images/hf_photo_acces.jpg) bottom left}
#templateAcces .bt1{float:left; width:354px; height:256px;border-left:3px solid #fff; border-bottom:solid 3px #fff; background: #1f2b0d url(../ressources/images/bgbt1_tempB.jpg) ; padding:12px 13px 0 12px; color:#f6fcd1}
#templateAcces .bp1{width:99px; height:268px;float:right;border-left:3px solid #fff;border-bottom:solid 3px #fff; background:url(../ressources/images/hf_photo_acces.jpg) bottom right}
#templateAcces .bp2{float:right; width:450px; height:338px; background: #1f2b0d;}
#templateAcces .carte{float:left; width:257px; height:338px;border-right:solid 3px #fff;background: url(../ressources/images/hf_cartetemp.jpg) no-repeat}
#templateAcces .bt2{padding:25px 15px 0 25px; display:block; float:left;width:217px; height:313px; border-right:3px solid #fff; background: #1f2b0d url(../ressources/images/bgbt2_tempAC.jpg); color:#f6fcd1}
#templateAcces ul {width:100%}

#templateC {width:710px; height:609px; background:url(../ressources/images/hf_photo_chambre03.jpg) bottom left no-repeat; border-bottom:3px solid #fff}
#templateC .bp1{width:328px; height:268px;float:right;border-bottom:solid 3px #fff; border-left:3px solid #fff;background:url(../ressources/images/hf_photo_chambre01.jpg) bottom right}
#templateC .bt1{float:left; width:354px; height:256px; border-bottom:solid 3px #fff; background: #1f2b0d url(../ressources/images/bgbt1_tempB.jpg) ; padding:12px 13px 0 12px; color:#f6fcd1}
#templateC .bt2{padding:25px 15px 0 25px; display:block; float:right;width:217px; height:313px; border-left:3px solid #fff; background: #1f2b0d url(../ressources/images/bgbt2_tempAC.jpg); color:#f6fcd1}

#templateD {width:710px; border-bottom:3px solid #fff;}
#templateD .bp1{float:left; width:435px !important;width:432px; height:323px; background: #1f2b0d url(../ressources/images/bgbt1b_tempB.jpg) ;border-bottom:solid 3px #fff; padding:15px 0 0 15px}
#templateD .bp1 p{padding:0}
#templateD .bt1{padding:15px 15px 0 15px;  float:left;width:227px; height:323px; border-left:3px solid #fff; background: #1f2b0d url(../ressources/images/bgbt2b_tempAC.jpg); color:#f6fcd1;border-bottom:solid 3px #fff;}
#templateD .bt2{background: #334110 url(../ressources/images/bgbt1_tempD.jpg) repeat-x; padding:15px 15px 15px 15px; color:#f6fcd1; width:680px;
	float: left;
}
#templateAvailpro .moteurResa{background: #334110 url(../ressources/images/bgbt1_tempD.jpg) repeat-x; padding:15px 15px 15px 15px; width:680px;
}

#templateS {width:710px; height:609px; background:url(../ressources/images/hf_photo_services.jpg) bottom right no-repeat; border-bottom:3px solid #fff}
#templateS .bp1{width:328px; height:268px;float:left;border-right:3px solid #fff;border-bottom:solid 3px #fff; background:url(../ressources/images/hf_photo_services2.jpg) bottom right}
#templateS .bp2{}
#templateS .bp3{}
#templateS .bt1{float:right; width:354px; height:256px;border-bottom:solid 3px #fff; background: #1f2b0d url(../ressources/images/bgbt1_tempb.jpg) ; padding:12px 13px 0 12px; color:#f6fcd1}
#templateS .bt2{padding:25px 15px 0 25px; float:left;width:217px; height:313px; border-right:3px solid #fff; background: #1f2b0d url(../ressources/images/bgbt2_tempAC.jpg); color:#f6fcd1}

#templateContact {width:710px; border-bottom:3px solid #fff}
#templateContact .bt2{background: #334110 url(../ressources/images/bgbt1_tempD.jpg) repeat-x; padding:15px 15px 15px 15px; color:#f6fcd1; float:left; width:680px}
#templateContact  p {padding:3px; float:left; width:100%}

#message  {}
#message textarea{width:304px; height:149px;}
#fieldmessage{width:310px;padding:10px; margin-right:10px}
#fieldcoord{width:310px;padding:10px;}
#message label {
float: left;
line-height: 1.8;
padding-right: 0.5em;
text-align: right;
width: 40%;
}
#message ul {
float: left;
line-height: 1.8;
padding-bottom:10px
}


i.alert {float:left;color:#641221;font-weight:bold; border:1px solid #641221; background-color:#e9ced3; padding: 2px 4px}
input.ok {}
input.error {border:1px solid #641221;background-color:#e9ced3}
textarea.error {border:1px solid #641221;background-color:#e9ced3}



#reservationRapide{background:url(../ressources/images/ares_dispo.jpg) no-repeat; width:389px; height:156px; padding:10px}
.label{}

#newsletter { height:50px; padding:5px 0 0 15px;color:#fff}
#newsletter a.btn{ background:#a4b926; padding:3px 5px; border:1px solid #fff; margin-top:4px; float:left; color:#000}

#mailling{}
#mail {float:left;margin-right:10px;margin-top:5px}
#button {float:left}
.carteVisite {}
.email {visibility: hidden;}
.dspcrypt {float:left; padding-left:170px}

#share {float:left}
.bookmark{float:left;width:200px; height:50px;position:relative;top:-225px;left:-200px;}
.recommander {float:left;width:200px; height:50px;position:relative;top:-290px;left:30px;}

#btnshare{ position:absolute; display:block; width:220px; height:35px; text-indent:-9000px; top:300px}

.photocontent {float:left; border-bottom: 3px solid #fff; border-right:3px solid #fff; height:338px}

#dispo{background:url(../ressources/images/santoline2_calendarbg.jpg) no-repeat;float: left;position:relative;left:70px;top:20px;height:340px;}
#dispo h3{padding:10px 0 10px 10px;font-size: 18px;color: #7e8a1d;}
#calendrier{}
.disponible{background-color:#81961e;color:#fff;padding:3px;}
.indisponible{background-color:#641221;color:#e9ced3;padding:3px}

fieldset {border:solid 1px #fff;float:left;margin-bottom:20px;}
legend{ color:#fff; padding:2px 5px;font-weight:bold;font-size:14px}
#content .fieldresa p, #content .fieldcoord p{ font-size:12px; padding:3px 0;margin:0}
.fieldresa {padding:10px;margin-right:15px; width:330px}
.fieldcoord {padding:10px;width:290px}

.fieldcoord label {padding-right:5px;text-align:right;float:left; width:120px;}
.fieldresa label {padding-right:5px;text-align:right;float:left; width:160px}
.fieldresa input {float:left; background:#e2eaaf; border:1px solid #000}
.fieldcoord input {float:left; background:#e2eaaf; border:1px solid #000}

.fieldcoord input:focus {background:#fff}
.fieldresa input:focus {background:#fff}
.fieldresa select:focus {background:#fff}
.fieldresa textarea:focus {background:#fff}

.fieldresa select {float:left; background:#e2eaaf; border:1px solid #000}
.fieldresa textarea {width:328px; background:#e2eaaf; border:1px solid #000; height:150px; overflow:auto}

input.error {float:left; border:1px solid #641221;background-color:#e9ced3}
#date {width: 99px;}
i.alert {color:#641221;font-weight:bold; border:1px solid #641221; background-color:#e9ced3; padding: 2px 4px}

h1#refh1 {width:710px;margin: 5px auto; text-align:right; font-weight:normal; color:#fff; font-size:11px}

#lienreserver {float:right; width:163px; height:56px; text-indent:-9000px; background:url(../ressources/images/btn_reserver_header.png) no-repeat; position:relative; top:110px; right:10px; cursor:pointer}
#lienreserver:hover { background:url(../ressources/images/btn_reserver_header.png) 0 -56px  no-repeat}
#lien360 {float:left; width:163px; height:56px; text-indent:-9000px; background:url(../ressources/images/btn_360_header.png) no-repeat; position:relative; top:102px; right:10px; cursor:pointer; left:10px}
#lien360:hover {background:url(../ressources/images/btn_360_header.png) 0 -56px  no-repeat}

.footer {width:710px;margin: 0 auto;  color:#FFF; position:relative}
#credits {float:left; position:relative;  left:250px; line-height:30px;
	
}
#credits a{color: #fff;}
#creditsCapasite {float:left;position:relative; top:-45px;left:350px; line-height:30px}
#creditsCapasite a {display:block;width:250px;height:30px; font-size:10px}
#capasite {font-weight:bold;position:absolute;left:50px;height: 30px;padding-left: 35px;background-image: url(../ressources/images/logoCapasite.png);background-repeat: no-repeat;background-position: 0pt 3pt;font-size:11px;text-decoration:underline;}
#capasiteAvailpro {font-weight:bold;position:absolute;height: 30px;padding-left: 35px;background-image: url(../ressources/images/logoCapasite.png);background-repeat: no-repeat;background-position: 0pt 3pt;font-size:11px;text-decoration:underline;}
IFRAME{background: #556914 ;}
#templateD table {border:#fff solid 1px; float:left; margin-bottom:20px; width:100%;
	background-color: #000;
}


#templateD tr {border:#fff solid 1px; background:#32410b; }
#templateD td {padding:2px 5px}
#thumbnails{visibility:hidden}

#logogite {position:absolute; top: 2px; background:url(../ressources/images/logogite.png) no-repeat; width:115px; height:135px;
	z-index: 99;
	right: -25px;
}
.flash360{ height:468px;}
.aide360{ background:url(../ressources/images/bg360.jpg) no-repeat; border-top: solid 3px #fff;border-bottom: solid 3px #fff;  width:706px; height:114px; padding:6px 0 0 6px; }
.aide360 p{ padding-left:96px; width:440px; color:#000000}
.aide360 h2{margin-bottom:15px}

#minimoteur_availPro {
	background-color: transparent;
	float: right;
	position: absolute;
	top: 142px;
	right: 0;
	padding: 5px;
	background-image: url(../styles/img/bookingbg.png);
	font-weight: bold;
	color: #f3fdfc;
	height: 56px;
}
#boutonReserver {
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 37px;
}