html, body {
    height: 100%;
    background-color:#F5F6F7;
}
body {
    -webkit-text-size-adjust: 100%;	
}

a { text-decoration: none; outline: 0; }
a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }


img {
    border: 0;
}

#wrapper {
    position: relative;
    margin-top:20px;
    /*
    height: 50%;
    min-height: 310px;
    */
    min-width: 720px;/*760px;*/
}

#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#main {
    position: absolute;
    -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
    border:medium none;
    border-color:#E1E1E1 #D4D4D4 #D4D4D4;
    border-style:solid;
    border-width:1px 1px 2px;
    -moz-border-radius:4px 4px 4px 4px;
    top: 100%;
    left: 50%;
    width: 700px; /*750px;*/
    /*height: 532px;
    margin-top: -266px;*/
    margin-left: -350px;
    background-color:#fff;
}
#content, #comments, #colophon {
    margin:0 10px 0;
    overflow:hidden;
    clear:both;
}
div.hentry { margin-top:10px; }
#branding {
    position:relative;
    height:110px;
}
#site-title {
    position:absolute;
    top:20px;
    left:40px;
    width: 456px;
    height:62px;
    background:transparent url(LesAbrisCotiers.jpg) no-repeat;
    text-indent:-9999px;
}

#site-description {
    float: right;
    font-style: italic;
    width: 180px;
    margin:5px 5px 0 0;
}
#access {
    height:23px;
    overflow:hidden;
    border-bottom: 1px solid #D9D9D9;
}
#access .menu-header {
    margin-left: 12px;
}
#access .menu-header li {
    list-style:square outside none;
    float: left;
    position: relative;
    margin:0 10px 0 20px;
    font-size:1.2em;
}
#access .menu-header li.menu-item-20, #access .menu-header li.menu-item-20 a { color:#61758c; }
#access .menu-header li.menu-item-19, #access .menu-header li.menu-item-19 a { color:#ae1c1c; }
#access .menu-header li.menu-item-18, #access .menu-header li.menu-item-18 a { color:#975e24; }
#access .menu-header li.menu-item-17, #access .menu-header li.menu-item-17 a { color:#618c85; }
#access .menu-header li.menu-item-16, #access .menu-header li.menu-item-16 a { color:#878686; }
#access .menu-header li a:hover { text-decoration:none; }

.home #container { background:transparent url(/img/home/fond.jpg) no-repeat; }
.home #content { height:246px;margin:0;position:relative; }
.home #footer, .home #breadcrumb { display:none; height:0; }
ul#frise { padding-left:1px; }
ul#frise li { float: left; }
.home #content #presentation p, ul#frise li a span { display:none; }
ul#frise li a {
    display:block;
    width:103px;
    height:54px;
    background:transparent url(home/maison.jpg) no-repeat;
    margin-right:1px;
}
ul#frise li a:hover {
    background-position:0 -54px;
}
ul#frise li.beige a { width:164px;background-image:url(home/beige.jpg); }
ul#frise li.rose a { width:232px;background-image:url(home/rose.jpg); }
ul#frise li.salleamanger a { width:196px;background-image:url(home/salle-a-manger.jpg); }
.home #content #presentation {
    display:block;
    position:absolute;
    width:375px;
    height:55px;
    top:87px;
    left:60px;
    background:transparent url(home/Intro.gif) no-repeat;
}


#breadcrumb p {
    margin-bottom:0;
}
#breadcrumb {
    border-bottom: 1px solid #D9D9D9;
    background-color:#f0f0f0;
    padding-left:20px;
}
#colophon {
    padding-top:10px;
    color:#000;
    padding:10px 0;
}
#colophon a { color:#000; }
#colophon p { margin-bottom:0 }




.gallery-item {
    float:left;
    width:170px;
    text-align:center;
    margin-bottom:5px;
}



/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 120%;
}
code {
	-webkit-text-size-adjust: 140%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 100%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}