/* ---------------------------
    Theme Name: Miyajima Official Website
    Theme URI: http://www.visit-miyajima-japan.com/
    Description: Theme du site Miyajima créé par Judith COTELLE.
    Author: Judith COTELLE
------------------------------
Mes couleurs :
    adbcc5 : bleu background
    fefae9 : page
    dc3d17 : navigation
    c93213 : navigation hover
    8b8576 : texte
    e55c16 : H1
	f29538 : H2
	acbf2c : H3 869BB3
	403d36 : chapo
	869bb3 : links hover
------------------------------ */
/*reset*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,blockquote,
th,
td { 
    margin:0; padding:0;
}
table { 
    border-collapse:collapse; border-spacing:0;
}
fieldset,
img { 
    border:0;
}
address,
caption,
cite,
code,
dfn,
var { 
    font-style:normal; font-weight:normal;
}

ul { 
    list-style:none;
}
caption,
th { 
    text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 { 
    font-weight:normal;
}
q:before,
q:after { 
    content:'';
}
abbr,
acronym { 
    border:0;
}

/*structure*/	
body {
	background:  #FFF; width:100%; font-size: 11px; font-family: Verdana, Geneva, sans-serif;
	}
#page {
	background-color:#FFF; margin: 0 auto; width:960px;
}
#header {
	display: none;
}
#header-title {
	font: 10px Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; text-align: center; position: absolute; width: 445px; height: 30px; top: 155px; left: 109px;
}

#nav {
	display: none;
}


#sebx {
	display: none;
}

#slideshowbox {
	display: none;
}

#content {
	padding: 10px;
}
#left-col {
	float: left ;width: 160px;
}
#left-col a img {
	margin-bottom: 10px;
}
#center-col {
	float: left; width: 520px; margin: 0 20px;color: #000;
}
#center-col p {
	line-height: 18px; padding: 0 0 10px;
}
.wrapperTextImg a, 
.wrapperTextImg a strong,
.wrapperTextImg strong a,
.dottedlink,
.sisea-results-list a
 {
	color: #869bb3!important; border-bottom: 1px dotted; text-decoration: none;
}
.wrapperTextImg a:hover,
.wrapperTextImg a:hover strong,
.wrapperTextImg strong a:hover,
.dottedlink:hover,
.sisea-results-list a:hover,
 {
	text-decoration: none; color:#657587!important;
}

/*LOGIN*/

#loginwrapper {
	border: 1px solid #dad6b3; padding: 10px; background-color:#efeac4;
}
#loginwrapper form label {
	display:block; float:left; width:45%; text-align:right; padding-right:3%; font-size:10px;
}
#loginwrapper form input,
#loginwrapper form textarea { 
    width:200px; background-color:#fefae9; border:1px solid #dad6b3; padding:4px; font: 11px Verdana, Geneva, sans-serif; color:#8b8576;
}
#loginwrapper form input:focus,
#loginwrapper form textarea:focus,
#sebx form input#search:focus { 
}
#loginwrapper form input[type="submit"]{
	background-color:#adbcc5!important; border:1px solid #95a2aa!important; color:#fff!important; margin:10px 0 0 48%; width:210px!important;
}
#loginwrapper form input[type="submit"]:hover,
#loginwrapper form input[type="submit"]:focus,
#sebx form input[type="submit"]:hover,
#sebx form input[type="submit"]:focus
{
	color:#556372!important;
}

.souligne{
	border-bottom:1px solid #dad6b3; margin-bottom:10px; color:#8b8576!important; padding:4px!important;
}

#loginwrapper p {
	clear:both;
} 

#loginwrapper li {
	background: url("../images/boutons/orange_left.png") no-repeat left top; float: left; margin:0 10px 5px 0;
}
#loginwrapper li a {
	background: url("../images/boutons/orange_right.png") no-repeat right top; line-height: 27px; display: block; text-decoration: none; color: #FFF; margin-right: -5px; padding: 0 10px; font-size: 12px;
}

.greeter { position:absolute; top: 10px; color:#FFF; text-align:right; right:25px;
}
.greeter li{
	background: url("../images/boutons/white_left.png") no-repeat left top; float: left; margin: 8px 0 0 10px;
}
.greeter li a{
	background: url("../images/boutons/white_right.png") no-repeat right top; line-height: 27px; display: block; text-decoration: none; color: #47595a; margin-right: -5px; padding: 0 10px; font-size: 12px;
}
.greeter li a:hover {
	color:#d43412;
}

.error {
	color:#E55C16;
}

/*FIN LOGIN*/

.fancy
 {
	 border-bottom:0px!important;
}
#right-col {
	float: right;width: 220px;
}
#footer {
	display: none;
}

#submenu {
	font-size: 11px;
	margin-bottom:10px;
}
#submenu li {
	line-height: 36px; border-bottom: 1px dotted #a5bfdd;
}
#submenu li a {
	margin-left: 5px; text-decoration: none; color: #8b8576; display:block;
}
#submenu li a:hover,
#submenu li.current a {
	color: #a5bfdd;
}


.clear {
	clear: both;
}
/*textes*/
.breadcrumbs {
	font-size: 10px; color: #93a217; margin-bottom: 25px;
}
.breadcrumbs a {
	color: #879515;
}
.breadcrumbs .B_crumbBox .B_lastCrumb a,
.breadcrumbs a:hover {
	text-decoration: none;
}
.breadcrumbs ul li {
	display: inline;
}

.retour {
	color: #e55c16; text-decoration: none; display:block; margin-top:10px;
}


h1,
h2,
h3,
h4, 
.legend, 
.lead, 
.boldphrase, 
ul.btn li a, 
.date-agenda,
#loginwrapper li a,
.greeter li a,
#menupages h2,
#menupages a,
.lead_news,
.title_gallery,
.title_blue {
	font-family: Georgia, serif;
}
#center-col h1,
#general h1 {
	color: #e55c16; font-size: 30px; margin-bottom: 24px;
}
#center-col h2,
#center-col h2 a,
#general h2
 {
	font-size: 22px; color: #f29538; margin-bottom: 22px; text-decoration:none!important;
}


#center-col h3,
#center-col h3 a,
#general h3{
	color: #acbf2c; font-size: 15px; margin-bottom: 15px; clear: both; text-decoration:none!important;
}

#center-col h3 a:hover
 {
	text-decoration:none!important; border-bottom:1px dotted;
}

#center-col h4 {
    font-size:13px; margin-bottom:12px; color:#506264;
}

#center-col strong { 
    color:#92A9C3;
}
#news h1, 
#agenda h1 {
	text-align: center; font-size: 30px; padding: 10px 0 15px!important;
}
#news h1 {
	color: #f29538;
}
#agenda h1 {
	color: #869bb3;
}


.lead {
	color: #403d36; line-height: 12px; text-align: justify; margin-bottom: 15px;
}
.boldphrase {
	font-style: italic; color: #f29538; font-size: 16px; margin: 15px 0; line-height:22px!important;
}

.dark {
    color:#f29538; font-style:italic;
}
/*vignettes osusume*/
#thumb  {
	display: none;
}
#thumb li {
	float: left; display: inline; margin: 0 0 20px 20px;
}
.osusume {
	width: 160px;position: relative;
}
.legend {
	position: absolute; width: 160px; height: 40px; top: 75px; left: 0; background: url("../images/deco/clear-black.png") repeat left top;
line-height: 40px; color: #FFF; text-align: center; font-size: 14px;
}


#thumb li a .osusume .legend {
	text-decoration: none;
}
.wrapperTextImg ul,
.blue_point {
	margin: 0 0 0 15px; padding: 0 0 15px;
}
.wrapperTextImg ul li,
.blue_point li {
	margin: 0 0 10px ; padding: 0 0 0 15px; display: block; line-height: 18px; background: url("../images/deco/puce_bleue.png") no-repeat left 6px;
}
/*images left right*/
.bloc,
.blue_column_left_block,
.blue_column_right_block
 {
	margin-bottom:15px;
}
.image-left {
	width: auto; float: left; margin: 0 15px 0 0;
}
.image-right {
	width: auto; float: right; margin: 0 0 0 15px;
}
.image-left img,
.image-right img,
.image-waku,
.image-blue_column img  {
	background-color: #efeac4; padding: 5px; border: 1px solid #dad6b3; margin-bottom: 5px;
}
.image-left p, 
.image-right p,
.image-blue_column p {
	text-align: center; margin: 0; padding: 0; color: #92a9c3; font-size: 10px; line-height: 18px!important;
}

.left_image { background-color: #efeac4; padding: 5px; border: 1px solid #dad6b3; margin: 0 15px 5px 0;
}
.right_image { background-color: #efeac4; padding: 5px; border: 1px solid #dad6b3; margin: 0 0 5px 15px;
}
.blue_column {
	background-color: #e0eaef; border: 1px solid #d3dde2; padding: 15px; color: #869bb3; font: 11px Arial, Helvetica, sans-serif;
}
.blue_column_left_block .blue_column {
	float: left; width: 238px;
}

.blue_column_right_block .blue_column {
	float: right; width: 238px;  
}
.blue_column_left_block .text_image {
	float: right; width: 230px;
}

.blue_column_right_block .text_image {
	float: left; width: 230px;
}
.blue_column p {
	padding:0!important;
	}
.blue_column p strong {
	color: #f29538!important;
}
.image-blue_column {width: 197px;}
.title_blue {
	margin-bottom:15px; font-size: 14px;
}



/*menu page culture*/
/*menu page culture*/
#menupages p,
#menupages10 p {
   text-align:justify;
}
#menupages p a,
#menupages10 p a {
	display: block; text-decoration: none; color: #94acc6; background: url(../images/deco/blue-white-arrow.png) no-repeat left center; line-height: 20px; padding-left: 22px; text-align:left!important;
}
#menupages p a:hover,
#menupages10 p a:hover {
	background-color: #94ACC6; color: #FEFAE9;
}

#menupages h2,
#menupages10  h2
 {
	margin-bottom:18px!important;
}
#menupages h2 a,
#menupages10 h2 a { 
    color: #e55c16!important; font-size: 16px!important; 
}

#menupages h2 a:hover,
#menupages10 h2 a:hover { 
    border-bottom:1px dotted;
}

#menupages10 {
	width:540px; margin-left:-20px;
}
.menu_item_left,
.menu_item_right,
.menu_item
 {
	width: 250px; border-bottom: 1px dotted #8b8576; margin-bottom: 25px;
}

.menu_item
 {
	 float:left; margin-left:20px;
}
.menu_item_left {
	float: left;
}
.menu_item_right {
	float: right;
}
#menupages img,
#menupages10 img  {background-color: #efeac4; padding: 5px; border: 1px solid #dad6b3; margin-bottom: 10px;
}


.reseaux {
	display: none;

}
.meteo {
	margin-bottom: 10px;
}
/*cadres droite*/
#situer {
	display: none;
}
#sejour {
	display: none;
}
#news {
	border: 1px solid #dad6b3; background: #efeac4 url("../images/cadres/news.gif") no-repeat 9px 10px; padding-bottom: 15px; margin-bottom: 10px;
}

#news h2 a {
	text-decoration: none; margin: 0 15px 10px; display: block; color: #F29538;
}

#news h2 a:hover {
    color: #e55c16;
}

#agenda {
	background: #d4dee3 url("../images/cadres/agenda.gif") no-repeat 9px 10px; border: 1px solid #a5bfdd; padding-bottom: 15px; margin-bottom: 10px;
}

#news ul, 
#agenda ul.btn {
	margin: 0 0 0 15px;
}
#situer li, 
#news li {
	float: left; background: url("../images/boutons/orange_left.png") no-repeat left top;
}

#agenda ul.btn li {
	float: left; background: url("../images/boutons/blue_left.png") no-repeat left top;
}
ul.btn li a  {
	display: block; text-decoration: none; color: #FFF; margin-right: -5px; padding: 0 10px; font-size: 12px;
}
#situer li a, 
#news li a  {
	background: url("../images/boutons/orange_right.png") no-repeat right top; line-height: 27px;
}

#agenda ul.btn li a  {
	background: url("../images/boutons/blue_right.png") no-repeat right top;line-height: 27px;
}
.btn li a:hover, 
#loginwrapper li a:hover,
.retour:hover {
	text-decoration: underline;
}

.img-news {
	width: 190px; margin: 0 auto 10px;
}
#news p {
	margin: 0 14px 15px; text-align: justify; color: #9d6946; line-height: 18px;
}
#news strong {
	color: #e55c16;
}
#news p a {
	color: #F29538; text-decoration: none;
}
#news p a:hover {
	color: #e55c16;
}
ul.agenda {
	margin: 0 14px 15px;
}
ul.agenda li {
	border-bottom: 1px solid #a5bfdd; padding: 5px 0; color: #869bb3;
}
ul.agenda li a {
	color: #5f6e7f; text-decoration: none;
}
ul.agenda li a:hover {
	border-bottom:1px dotted;
}
.news_item {
	background-color: #f9f5de; padding: 15px; border: 1px solid #dad6b3; margin-bottom: 10px;
}
.news_item img {
	border: 1px solid #dad6b3;
}
.news_item img.big {
	margin-bottom: 10px;
}

.news_item p a {
	text-decoration: none; color: #e55c16;
}

.news_item a:hover {
	 color: #e55c16; border-bottom:1px dotted;
}

ul#gallery_news_event {
}
ul#gallery_news_event li,
ul#gallery_pageIntern li
 {
	display: inline;
}
#gallery_news_event li img,
#gallery_pageIntern li img {
	margin: 0 5px 5px 0; background-color: #efeac4; padding: 5px; border: 1px solid #dad6b3;
}

.lead_news {
	color: #403d36; line-height: 12px; text-align: justify; 
}

.thumbs img {
	margin-right: 10px;
}
/*price table*/
table.prix {
	margin-bottom: 10px; background-color: #FFF;
}

.prix td {
	padding: 4px; margin: 2px;
}
.chiffres {
	text-align: right;
}
.titre {
	background-color: #2F3A3B; color: #FEFAE9;
}
.categorie {
	background-color: #ADBCC5; color: #FFF;
}

/*pagination*/
.paging {
	font-size: 11px; background-color: #D4DEE3; border: 1px solid #A5BFDD; color: #8298A6;
}
ul.pageList {
	padding: 6px;
	
}
ul.pageList li {
	display: inline; margin: 0 5px;
}
.pageList li a.active{
	font-weight: bold; background-color: #FFF; padding: 2px 4px; border: 1px solid #A5BFDD; color: #8298A6;
}
.pageList li a.active:hover{
}
.pageList li.control a{

}
.pageList li.control a:hover{
}

.pageList li a{
	text-decoration: none; color: #526674; padding: 2px 4px; border: 1px solid #A5BFDD;
}
.pageList li a:hover{
	background-color: #A5BFDD; color: #FEFAE9;
}

#carte {
	width: 70px; float: right; height: 70px; background-color: #FFF; border: 1px solid #dedede; margin-left: 5px; padding: 5px;
}

.date {
	font-weight: bold;
}
.day {
	color: #acbf2c;
}

.slideshowpage {
	width: 520px; height: 250px; margin-bottom: 15px;
}

.greendot {
    border-bottom: 1px dotted #acbf2c; margin-bottom:8px;
}

.eco {
	text-decoration: none; display: block; background: #90a6c0 url("../images/deco/16_32x32.png") no-repeat 10px center; padding: 10px 0 10px 50px; color: #FFFFFF; margin: 10px; width: auto; font-weight:bold;
}
.eco:hover {
	background-color: #6C89AC;
}

.bloc ol{
	padding:0; margin:0;
}

.bloc ol li{
	line-height:18px; list-style-position:outside; padding:0; margin:0;
}

#language {
	position: absolute; top: 70px; right: 20px; width: 200px; text-align:right;
}

#language select {
	font-size: 10px; font-family: Verdana, Geneva, sans-serif; color: #47595A;
}
.brochure a {
	display: block; float: left; color: #526674; text-decoration: none;
	background: url(../images/deco/download.png) no-repeat left center; height: 32px; padding-left: 33px; line-height: 32px;
}
.brochure a:hover {
	color: #e55c16;
}

.tags {
	color: #403d36; font-size: 10px;
}
.cloudtag {
	color: #8b8576; margin-bottom : 10px;
}
.cloudtag ul li {
	display: inline; margin-right: 6px;
}

.cloudtag ul .tl-tag a,
.prev a,
.next a{
	color: #F29538; text-decoration: none;
}
.cloudtag ul .tl-tag a:hover,
.prev a:hover,
.next a:hover {
	color: #E55C16;
}
.tl-tag-weight1 {
    font-size: 10px;
}
.prev {
	float: left;
}
.next {
	float: right;
}
#booking {
	margin-bottom: 10px; height: 40px;
}


/* Begin Contact Page Template */

#contactInfo {
    font-size: 12px; margin: 20px 0 40px;
}
#contactInfo .contactFieldDesc {
    padding: 10px 20px 10px 0; font-weight: bold; color: #403d36; display:inline; float:left; width:100px; text-align:right;
}
#contactInfo .contactFieldValue {
    padding: 10px 0; color: #D49400; border-bottom: 1px dotted #dad6b3; display:inline; float:left; width: 300px;
}
#contact-wrapper {
    border: 1px solid #a5bfdd; background: #d4dee3; padding: 20px; color:#5f6e7f;
}
#contact-wrapper div {
    clear: both; margin: 12px 0;
}
#contact-wrapper label,
#contact-wrapper em {
    float: none; font-size: 11px; width: auto;
}
form#contactForm input {
    border-color:#c2cbcf #e0eaef #e0eaef #c2cbcf; border-style: solid; border-width: 1px; padding: 5px; font-size: 1.1em; color: #5f6e7f;
}
form#contactForm input.submit {
    border-color: #FFF #c2cbcf #c2cbcf #FFF; padding: 5px 25px; color:#5f6e7f;
}
form#contactForm textarea {
    font-size: 100%; padding: 7px 6px 8px; border-color: #c2cbcf #e0eaef #e0eaef #c2cbcf; border-style: solid; border-width: 1px;
}
form#contactForm label.error {
    color: red; float: none; padding-left:6px; vertical-align: top;
}
form#contactForm input.error,
form#contactForm textarea.error {
    border: 1px solid red; color: red; margin: 0;
}
/* End Contact Page Template*/
.gal-item-active img {
	margin: 0 5px 5px 0; background-color: #efeac4; padding: 5px; border: 1px solid #dad6b3; float:left;
}

.typekit-badge{
	display: none;
	}