.gras{
font-weight:bold;
color:#444;
//color:#222;
}

.lien_violet{
color:#34a;
}
.lien_violet:hover{
color:#67d;
}
/*----------Accueil---------*/
#divimagea{
position:absolute;
opacity:100;
FILTER:alpha(opacity=100);
}
#divimageb{
margin-bottom:20px;
}

#cadre_photo{
background:url("images/cadre_photo_h.jpg") no-repeat top left;
width:211px;
padding-top:13px;
float:left;
margin-right:20px;
margin-left:15px;
}
* html #cadre_photo{
margin-right:10px;
margin-left:8px;
}

#photo_maison{
background:url("images/cadre_photo_b.jpg") no-repeat bottom left;
width:211px;
padding-bottom:10px;
padding-left:12px;
}

#presentation{
float:left;
width:420px;
margin-right:30px;
}

#img_accueil{
margin-bottom:20px;
}
#img_chambre{
margin-bottom:8px;
}

#contact_accueil_bg{
width:187px;
height:167px;
float:left;
background:url("images/cadre_beige_h.gif") no-repeat top left;
}

#contact_accueil{
width:162px;
height:157px;
background:url("images/cadre_beige_b.gif") no-repeat bottom left;
padding:10px 15px 0px 10px;
color:#414141;
}

#contact_accueil h1{
font:bold 11px trebuchet ms;
margin:0px;
}

.reserver_accueil{
background:url("images/reserver_accueil_btn.jpg") no-repeat bottom left;
width:64px;
height:23px;
display:block;
margin-top:7px;
}
.reserver_accueil:hover{
background-position:top left;
}

.booking_home{
background:url("images/booking_home_btn.jpg") no-repeat bottom left;
width:64px;
height:23px;
display:block;
margin-top:7px;
}
.booking_home:hover{
background-position:top left;
}

.reserver_accueil span, .booking_home span{
display:none;
}

/*-----------chambres--------*/
#apercu_chambres{
width:470px;
float:left;
height:350px;
margin-right:10px;
margin-top:-8px;
/*background-color:red;*/
}

#Tableau_01 img{
border:none;
}

#indication_prix{
position:absolute;
margin-top:315px;
margin-left:230px;
}
#indication_prix_en{
position:absolute;
margin-top:320px;
margin-left:210px;
}
.price{
padding:15px 5px 0px 0px;
font:bold 13px arial;
color:#333;
}

#liste_chambres{
width:450px;
float:left;
margin-right:30px;
}

.bloc_chambre{
background:url("images/cadre_chambre2.gif") no-repeat top left;
width:448px;
height:104px;
font:italic 11px Trebuchet ms;
margin-bottom:10px;
}

.cadre_img{
float:left;
margin:10px 10px 0px 10px;
border:1px #ccc solid;
padding:5px 5px 2px 5px;
//padding:5px 5px 6px 5px;
background-color:white;
}
.cadre_img:hover{
border:1px #9CBFEE solid;
}

.cadre_img img, #cadre_diapo img {
border:none;
margin:0px;
}

.description_chambre{
float:left;
width:300px;
padding-top:10px;
}

.resume_chambre{
text-decoration:none;
color:#5a5a5a;
}
.resume_chambre:hover{
text-decoration:underline;
}

.en_savoir_plus{
color:#71AA34;
}
.en_savoir_plus:hover{
color:#81A0DA;
}

.reserver{
display:block;
height:18px;
width:50px;
background:url("images/reserver_btn.jpg") no-repeat bottom left;
margin-top:5px;
}
.reserver:hover{
display:block;
background-position:top;
}

.booking{
display:block;
height:18px;
width:50px;
background:url("images/booking_btn.jpg") no-repeat bottom left;
margin-top:5px;
}
.booking:hover{
display:block;
background-position:top;
}

.reserver span,.booking span{
display:none;
}

#infos_maison{
float:left;
width:390px;
}

#prez_chambres{
/*background-color:blue;*/
padding:10px;
border:1px #ccc dashed;
}

#petit_dej{
margin-top:20px;
}
#petit_dej h3{
margin-bottom:5px;
}
#petit_dej img{
float:left;
margin-right:5px;
border:none;
}

#texte_petit_dej{
float:left;
width:320px;
}
/*---dętail-----*/
#bloc_diapo{
float:left;
width:317px;
/*background-color:red;*/
padding:0px;
margin-right:20px;
}

#cadre_diapo{
border:1px #ccc solid;
padding:5px 5px 0px 5px;
background-color:white;
margin:0px 0px 10px 0px;
}

#liste_vignettes ul{
margin:0px;
padding:0px;
}

#liste_vignettes li{
display:inline;
margin:0px 10px 0px 0px;
padding:0px;
}

#liste_vignettes img{
border:none;
}

#detail_chambre{
width:380px;
float:left;
/*background-color:blue;*/
font:normal 11px Trebuchet Ms,Arial;
margin-right:10px;
}

h3{
margin:0px 0px 0px 0px;
font:bold 11px Trebuchet Ms,Arial;
color:#555;
}

h4{
margin:5px 0px 0px 0px;
font:bold 11px Trebuchet Ms,Arial;
color:#335DAA;
}

.bleu{
color:#335DAA;
}
.gras_bleu{
color:#335DAA;
font-weight:bold;
}

#voir_aussi{
float:left;
width:130px;
height:98px;
background:url("images/voir_aussi.gif") no-repeat;
padding:15px 5px 25px 10px;
}

#voir_aussi li{
list-style-type:none;
margin-left:10px;
}
#voir_aussi ul{
margin:0px;
padding:0px;
}
#voir_aussi a{
color:orange;
}
#voir_aussi a:hover{
color:#335DAA;
}

.reserver_chambre{
display:block;
height:23px;
width:64px;
background:url("images/reserver_chambre_btn.jpg") no-repeat bottom left;
margin-top:15px;
}
.reserver_chambre:hover{
display:block;
background-position:top;
}

.booking_chambre{
display:block;
height:23px;
width:64px;
background:url("images/booking_chambre_btn.jpg") no-repeat bottom left;
margin-top:5px;
}
.booking_chambre:hover{
display:block;
background-position:top;
}

.reserver_chambre span,.booking_chambre span{
display:none;
}

#retour{
margin-bottom:5px;
}

#tarifs td{
width:200px;
margin:0px;
}
/*------------ Livre d'Or ----------------*/
.message{
margin:0px 0px 10px 0px;
padding:0px 0px 15px 0px;
/*border-top:1px #999 dotted;*/
background:url("images/pointilles.gif") repeat-x bottom left;
}

.auteur{
margin:0;
padding:0;
font:bold small-caps 14px Trebuchet Ms;
color:#335DAA;
}

.date_mess{
color:#335DAA;
font: 11px Trebuchet Ms;
}

.intitule_mess{
vertical-align:top;
width:80px;
}

#livre_d_or{
width:500px;
float:left;
margin-right:40px;
}

#ajout_mess{
float:left;
width:310px;
height:368px;
background:url("images/bg_livre.gif") no-repeat top left;
padding:0px 10px 10px 10px;
}

#ajout_mess h1{
font:bold 18px Trebuchet Ms;
color:#333;
margin:0px 0px 20px 0px;
}

#ajout_mess textarea{
width:300px;
height:200px;
font:normal 12px Trebuchet Ms;
color:#335DAA;
}

#ajout_mess input{
font:normal 12px Trebuchet Ms;
color:#335DAA;
}

.contenu_mess{
text-align:justify;
font-size:11px;
background:url("images/bulle.gif") no-repeat top left;
padding:22px 0px 0px 15px;
}

.message_erreur{
color:red;
font-weight:bold;
}

/*--------------Contact---------------*/
#gauche{
float:left;
width:220px;
}

#coordonnees{
font-size:12px;
}

#formulaire_contact{
float:left;
width:653px;
height:327px;
background:url("images/bg_contact.gif") no-repeat top left;
}
#formulaire_contact table{
/*background-color:#F7F5F0;*/
font:bold 11px arial,Trebuchet ms;
color:#555;
//border-collapse : collapse;
border-spacing:0px;
margin-left:20px;
margin-top:5px;
}

#formulaire_contact h3{
color: #335daa;
font-size:13px;
}

#formulaire_contact td{
vertical-align:top;
padding:2px;
}

#recommander{
float:left;
width:300px;
}

.ligne_couleur{
/*background: #e6e4e0;*/
}

textarea{
font:normal 12px arial;
}

.champs_contact{
border:1px #ddd /*83BAFF*/ solid;
color:#4B9BFF;
}

#datepicker,#datepicker2{
background:url("images/calendrier_btn2.gif") no-repeat 70px 3px white;
cursor: pointer;
}

.envoyer_btn{
background:url("images/envoyer2_btn.jpg") no-repeat bottom left;
width:64px;
height:23px;
display:block;
float:left;
margin-right:15px;
}
.envoyer_btn:hover{
background-position:top left;
}

.envoyer_btn span{
display:none;
}

.italique{
font-size:12px;
color: #335daa;
font-weight:bold;
}
.case_mess{
height:30px;
}

.info_resa{
width:105px;
font:normal 10px Trebuchet MS;
line-height:12px;
color:#6E6966;
/*background-color:pink;*/
}

/*\*//*/ #vide{
background-color:pink;
}/* */

.reservation{
height:22px;
}

#formulaire_contact td{
height:20px;
//height:15px;
}
/*-------------Douarnenez------------------*/

#zone_menu_douarnenez{
float:left;
width:140px;
margin:15px 30px 0px 0px;
}

#menu_douarnenez{
width:140px;
height:131px;
/*background-color:red;*/
background:url("images/sousmenu.jpg") no-repeat;
padding-top:35px;
}
#menu_douarnenez ul{
margin:0px;
padding:0px;
}
#menu_douarnenez li{
margin:0px;
padding:0px;
list-style-type:none;
}
#menu_douarnenez li a{
display:block;
color:#000;
font:normal 12px Trebuchet Ms;
line-height:25px;
background:url("images/petite_fleche.gif") no-repeat 20px 10px;
padding-left:33px;
text-decoration:none;
}
#menu_douarnenez a:hover{
background-color:#C9C1B9;
}

#liste_sujets{
float:left;
width:700px;
/*background-color:red;*/
}


.bloc_sujet{
background:url("images/pointilles.gif") repeat-x bottom left;
margin-bottom:10px;
//margin-bottom:35px;
padding-bottom:10px;
}

.bloc_sujet img{
float:left;
/*width:120px;*/
border:none;
margin-right:10px;
//margin-bottom:10px;
}

.bloc_sujet h3{
color:#335DAA;
text-decoration:none;
}

.bloc_sujet a{
color:#71AA34;
}
.bloc_sujet a:hover{
color:#81A0DA;
}

/*------detail-----*/
#media{
float:left;
width:317px;
/*background-color:red;*/
padding:0px;
margin-right:20px;
background:url("images/bg_media.gif") repeat-x top;
}

#bloc_video{
border:1px #ccc solid;
border-top:none;
padding:5px 5px 0px 5px;
background-color:white;
margin:0px 0px 10px 0px;
}

#cadre_visite{
border:1px #ccc solid;
border-top:none;
padding:5px 5px 0px 5px;
background-color:white;
margin:0px 0px 10px 0px;
text-align:center;
}
#cadre_visite img{
border:none;
}

#detail_sujets{
float:left;
width:365px;
/*background-color:red;*/
margin-top:15px;
}

/*----onglets-------*/
#media ul{
margin:0px;
padding:0px;
height:17px;
}

#ul_media li{
list-style:none;
margin:0px 0px 0px 0px;
padding:0px;
float:left;
}

#ul_media a{
margin:0px 0px 0px 0px;
display:block;
width:46px;
height:15px;
font:bold 10px arial;
text-decoration:none;
padding-left:10px;
padding-top:3px;
}
.clic{
background:url("images/petit_onglet_over.gif") no-repeat top left;
color:#666;
}
.clic:hover{
background:url("images/petit_onglet_masque.gif") no-repeat top left;
}
.select{
background:url("images/petit_onglet_select.gif") no-repeat top left;
color:#335DAA;
}
/*----------------numeros de pages-----------------*/
#numpage_haut,#numpage_bas{
position: absolute;
margin-left: 300px;
width: 200px;
text-align: right;
color:#b1509e;
font:normal 11px Verdana;
}

#numpage_haut{
/*margin-top:20px;*/
}

.lien_num_pages{
color:#b1509e;
}
.lien_num_pages:hover{
color:pink;
}

.num_page_en_cours{
color:#666;
}

/*----------------mentions lęgales-----------------*/
#mentions1{
float:left;
width:250px;
margin-right:20px;
}

#mentions2{
float:left;
width:250px;
margin-right:20px;
}

#mentions3{
float:left;
width:320px;
}

.titre_mentions{
font:bold 16px Trebuchet ms;
color: #335daa;
}

/*----------------plan du site-----------------*/
#map ul{
margin:0px;
padding:0px;
}

#map li{
list-style-type:none;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 15px;
background:url("images/fleche_verte.gif") no-repeat 0px 5px;
}

#map a{
color:#34a;
}