@charset "utf-8"; /* CSS Document */ 

/*USEFULL*/
*	{margin:0; padding:0}
a img, fieldset	{border:none}
a em,h1 em,h2 em,h3 em {display:none;}
.clear{ clear:both}
a, a:active	{color: #FFFFFF; text-decoration:none}
a:hover	{color:#FFFF00;}
body	{color: #FFFFFF; padding:0; margin:0; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; font-size:14px; background:#D8E08D url(../images/bg.jpg) repeat-x}
img { behavior: url(iepngfix.htc); }
h1 { text-align: center; font-weight: normal; font-size: 11px; color: #000; padding: 0; margin: 0; }
h2 { font-weight: normal; font-size: 12px; color: #000; padding: 0; margin: 15px 0 0 0; }
h2.accueil { font-weight: normal; font-size: 12px; color: #000; padding: 0; margin: 15px 0 0 20px; }
/*main layout*/
#all	{margin:0 auto; overflow: auto; padding:0 0 0 0; text-align:left; width:782px; background:#ddd8d1; }
#content{ height:auto;  background:#ddd8d1 url(../images/images-main.jpg) no-repeat bottom left;  }
#content_contact{ height:auto; min-height:683px; background: url(../images/background_contact.gif) no-repeat bottom left;  }
#content_activites{ height:0 auto; min-height:975px; background: url(../images/content_background_activites_260x993.jpg) no-repeat bottom left;  }
#content_salle{ height:0 auto; min-height:993px; background: url(../images/background_salle241x975.jpg) no-repeat bottom left;  }
#content_gite{ height:0 auto; min-height:978px; background: url(../images/background_gite249x978.jpg) no-repeat bottom left;  }
#content_ecohabitat{ height:0 auto; min-height:978px; background: url(../images/background_ecohabitat236x1024.jpg) no-repeat top left;  }
#footer{ height:41px; width:782px; background:#333333;margin-top:auto; float:left; }
#footer p { text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; margin-top:12px}
#maintext{ margin-left:5px; margin-top:10px; height:0 auto;  margin-top:0; float:left; width:330px; }
.elementsFormulaire { display: none; }
#maintext_activites{ margin-left:281px; margin-top:20px ;height:0 auto;  margin-top:10px; float:left; width:484px; }
#maintext_salle{ margin-left:281px; margin-top:10px; height:0 auto;  margin-top:0; float:left; width:484px; }
#maintext_salle p{ margin-left:0; margin-top:15px; line-height:17px; font-size:12px; color:#000000; text-align:justify}
#maintext p,#maintext_activites p{ margin-left:20px; margin-top:15px; line-height:17px; font-size:12px; color:#000000; text-align:justify}
#top{height:267px; width:938px;margin:0 auto; padding:0; background: url(../images/bgtop.jpg) no-repeat 0 0}
#alllogo{ float:left; margin-left:222px; width:192px; height:0 auto; display:block}
#floatimg img { display:block; float:left; margin-left:5px; margin-top:10px}
#logo{width:192px; height:379px; background:url(../images/logobroc.jpg) no-repeat; display:block}

/*activites*/
h2#rando_title{ background:url(../images/h2_rando.jpg); width:108px; height:23px; display:block}
h3{ color:#000000; font-size:12px; font-weight:bold; margin-top:13px}
h4{ color:#000000; font-size:11px; font-weight:bold; margin-top:5px; padding-bottom:5px;}
#rando ul,#sites ul{ margin-left:12px;}
#rando ul li,#sites ul li{ font-size:12px; color:#000000;}
#rando,#sites{ float:left;  height:auto; margin-top:15px;}
#rando{ width:232px}
#sites{ background: url(../images/corner_background.jpg) no-repeat 0 0; padding:4px 4px 4px 20px; margin-left:5px; width:222px;}
#sites ul li { list-style-type:none}
#flash{ margin-left:200px ; padding:0}

/*news*/
h2.news{ font-size:14px; color:#666666; margin:20px 0 0 15px; text-decoration:underline}
div.imgcenter{ margin:15px auto 0 auto; position:relative}
/*salle*/
#title_salle{ background:url(../images/h1_salle289x64.jpg) no-repeat; width:269px; height:64px; display:block;margin-top:15px;}
#cadre_salle{ background:url(../images/corner_background.jpg) no-repeat top left; margin:39px 0 0 23px; width:430px; height:auto; float:left; padding:20px }
#cadre_salle p { width:430px; border-bottom:1px dotted #000000; padding-bottom:8px}
h3#hebergement,h3#restauration,h3#activites,h3#accueil,h3#activite_eco{ display:block; width:103px; height:23px;}
h3#hebergement{ background:url(../images/h3_hebergement103x23.jpg)}
h3#restauration{ background:url(../images/h3_restauration103x23.jpg)}
h3#activites{ background:url(../images/h3_activites103x23.jpg)}

/*GITE*/
#title_gite{ background: url(../images/h1_gite129x30z.jpg) no-repeat; width:129px; height:30px; display:block; margin-top:15px;}
h2#nuit{ background:url(../images/h2_nuit104x20.jpg) no-repeat; display:block; width:104px; height:20px; display:block; padding-bottom:13px;}
h2#chambre{ background:url(../images/h2_chambre181x24.jpg) no-repeat; display:block; width:181px; height:24px;padding-bottom:13px;}
h2#accessibilite{ background:url(../images/h2_accessibilite112x17.jpg) no-repeat; display:block; width:112px; height:17px;padding-bottom:13px; margin-top:13px;}
#tarifbase{padding-bottom:13px;}
p#p_hote{ margin-top:0; padding-top:0 !important}
#sites p{ margin-left:3px; margin-top:5px; line-height:17px; font-size:12px; color:#000000; text-align:justify; !important}

/*ECOHABITAT*/
#ecohabitat{ background:url(../images/h1_ecohabitat276x55.jpg) no-repeat; display:block; width:276px; height:55px;margin-top:15px;}
h3#accueil{ background:url(../images/h2_accueil103x23.jpg) no-repeat; }
h3#activite_eco{ background:url(../images/h3_activites103x23.jpg) no-repeat}

/*CONTACT*/
h2#contact{ background:url(../images/h1_contact301x66.gif) no-repeat; display:block; width:301px; height:66px; margin-top:15px;}
#contactTtr{ background:url(../images/h1_contact301x66.gif) no-repeat; display:block; width:301px; height:66px; margin-top:15px;}
.border_p{ border-bottom:1px dotted black; padding-bottom:13px}
fieldset{ text-align:right; width:294px; background:url(../images/corner_background.jpg) no-repeat; padding:20px; margin-top:23px}
textarea.msgtext{ float:right; width:192px; height:55px; margin-top:15px}
.oblig {color:#ed1c24; font-size: 12px;}
fieldset label{ display:block; float:left; margin-top:7px; color:#000000}
fieldset input{ display:block; float:right; margin-top:7px}
input[type="image"]{ width:183px; height:33px; margin-top:20px;}

/*news*/
#news{ background:#e0dcd3 url(../images/actu579x44.jpg) no-repeat; width:579px; height:auto; float:left;  margin:0 0 0 187px;}
#news ul { margin:45px 0 0 30px; padding:0}
#news ul li { list-style-type:none; display:inline; width:260px; float: left}
#news ul li a img{ margin-top:11px}
#news ul li.second{ margin-left:10px;}
#news ul li p{ width:290px; color:#000000; font-size:9px}
#news ul li span.date{ font-size:9px; color:#9a9a9a}
#news ul li h4 { color:#f3400f; font-size:11px}

/*menu*/
#menu{ width:783px; height: 40px; padding-bottom:0; float:left; margin-top:228px; margin-left:78px;}
#menu a{ float:left; display:block}
#menu a:hover,#menu a.sel{ background-position:0 0}
a#accueil:hover,a#accueil.sel{ background-position:-16px 0 !important}

a#accueil{color:#FFFF00; width:213px; height:40px; background: url(../images/menu_accueil230.png) no-repeat -17px -110px;float:left; display:block}
a#activite{color:#FFFF00; width:87px; height:40px; background: url(../images/1-menu_activite87.png) no-repeat 0 -110px;float:left; display:block}
a#gite{color:#FFFF00; width:80px; height:40px; background: url(../images/menu_gite80.png) no-repeat 0 -110px;float:left; display:block}
a#reservation{color:#FFFF00; width:109px; height:40px; background: url(../images/menu_salle109.png) no-repeat 0 -110px;float:left; display:block}
a#contact{color:#FFFF00; width:82px; height:40px; background: url(../images/menu_eco82.png) no-repeat 0 -110px;float:left; display:block}
a#lien{color:#FFFF00; width:211px; height:40px; background: url(../images/menu_contact_225.png) no-repeat 0 -110px;float:left; display:block}
h1.title_lahulotte{ background:url(../images/h1-lahulotte-180-55_r2_c2.jpg) no-repeat 0 0; display:block; width:180px; height:55px; margin-top:15px }
#title_activites{ background:url(../images/h1_activites257x52.jpg) no-repeat; width:257px; height:52px; margin-left:15px;}
address{ width:200px; text-align:center; margin:0 auto; margin-top:20px; color:#000000}

input.error{ border: 2px solid #d40000; }
div.error { color: #d40000; }
label.error { color: #d40000; margin-left: 145px; }