#general {
	width: 700px; float: left; color:#8b8576;
}
.map {
	border: 4px solid #FFF; margin-bottom: 10px;
}
.maptxt {
	font-size: 10px; margin-bottom: 20px;
}
.maptxt a {
	color: #a9e5fd;
}
.maptxt a:hover {
	text-decoration: none;
}
.hotels_out {
	margin: 20px 0 20px;
}
.hotels_in {
}

.fiche_hotel {
	border: 1px solid #dad6b3; margin-bottom: 5px; background: url(../images/verti_grey.gif) no-repeat 502px bottom;
	
}
.fiche_hotel .top {
	border-bottom: 1px solid #dad6b3; padding: 4px 5px;
}
.cols {
	width: 698px;

}
.cols .photo_col {
	float: left; width: 313px;

}
.cols .photo_col img {
	border: 4px solid #efeac4; margin: 5px 0 5px 5px;
}
.cols .lang_col {
	float: left; width: 173px; border-right: 1px solid #dad6b3; padding: 10px 0 0 16px;

}
.cols .lang_col img {
	margin: 0 10px 12px 0;
}

.cols .ame_col {
	float: left; width: 163px; padding: 10px 0 0 22px;

}
.cols .ame_col img {
	margin: 0 10px 12px 0;
}

#map_canvas {
	height: 380px; width: 692px; border: 4px solid #EFEAC4; margin-bottom: 10px;
}


.conteneurInfoBulle{
	margin:0; padding:0; width: 400px;
}
.conteneurInfoBulle h1{
	color:#267AA8; text-align:left; font-size: 14px; font-family: Arial, Helvetica, sans-serif;
}

.texteInfoBulle{
	margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 10px;
}
.texteInfoBulle p{
	margin:0; padding:0 0 5px 0; text-align:left; color: #333;
}
.texteInfoBulle p a {
	text-decoration: none; color: #88b4c6; font-size: 11px; font-weight: bold;
}
.texteInfoBulle p a:hover {
	text-decoration: underline;
}

.lettrineImage{
	float: left;
	margin: 0 10px 5px 0;
}



 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/

/*--- IMPORTANT CSS TITRES ・designer dans tous les cas ---*/
.titre-hotel {
	margin: 0 10px 0 0; padding: 0; color:#506264; font-size: 18px; font-weight: normal; line-height: 27px; font-family:"museo-slab", Georgia, serif;
}/*Choix de titre ++ (important)*/
.sous_titre {
	margin: 0 10px 0 0; padding: 0; color:#9EC2D1; font-size: 12px;
}/*Choix de titre + (moins important)*/
em {
	margin: 10px 0; padding: 0; color:#657B92; font-weight: bold;
}/*Chapeau / Paragraphe d'introduction*/

/*--- IMPORTANT CSS PARAGRAPHES・designer dans tous les cas ---*/
cite {           
    font-style: italic; margin: 10px; padding: 0 5px; display: block; border-left: #aaa solid 3px;
}/*Citation */
big {               
    margin: 10px 0; padding: 0; display: block;
}/*Texte eriture plus grande*/
small {
    margin: 10px 0; padding: 0; display: block;
}/*Texte eriture plus petite*/
.siteweb {
	font-size: 12px; font-weight: bold; color: #88b4c6; margin-right: 10px; text-decoration: none;
}
.siteweb:hover {
	text-decoration: underline;
}
.tel {
	margin-right: 10px;
}

ul.navigation {
	font-size: 14px; padding: 0; margin: 0;
}
.navigation li {
	list-style-type: none; height: 24px; float: left; margin-bottom: 15px;
}
.navigation li a {
	color: #88B4C6; text-decoration: none; background-image: url(http://visit-miyajima-japan.com/en/assets/images/icons/fleche.gif); background-repeat: no-repeat; background-position: left 9px; line-height: 24px; height: 24px; display: block; padding: 0 10px 0 16px; width: 150px;
}
.navigation li a:hover {
	color: #F29538;
}