@CHARSET "UTF-8";

html {
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #5F2506;
}

body {
	/* background-color: #fff; */
	font-family: Arial, tahoma, verdana, sans-serif;
}


.content {
	width: 960px;
	margin: auto;
	overflow: hidden;
	position: relative;
}

#header {
	position: relative;
	height: 475px;
	overflow: hidden;
}

#header .diaporama {
	top: 150px;
	left: 0;
	width: 100%;
	height: 317px;
	border-color: #5F2506;
	border-width: 1px;
	border-style: solid none;
	position: absolute;
	overflow: hidden;
	padding: 2px 0;
}

#header .diaporama img {
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 317px;
}

#header h1 {
	padding-top: 49px;
	height: 1px;
	background-image: url(../images/bonpainjoel.gif);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	position: absolute;
	left: 60px;
	top: 40px;
}

#header .menu {
	position: absolute;
	left: 490px;
	top: 90px;
}

#header .menu ul {
	list-style-type: none;
}

#header .menu ul li {
	display: inline;
	color: #afafaf;
}

#header .menu ul li a {
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
	color: #a87460;
	text-transform: capitalize;
}

#header .menu ul li a:hover {
	color: #ed7f11;
}

.colonne1 {
	float: left;
	width: 440px;
	padding: 0 75px;
}

.colonne1 h2 {
	background-image: url(../images/hr.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	color: #795a48;
	padding-bottom: 5px;
	padding-left: 2px; font-size : 2em;
	font-weight: normal;
	font-size: 2em;
}

.colonne1 .bloc_texte {
	font-size: 0.917em;
	color: #a97662;
}

.colonne1 .bloc_texte p {
	text-align: justify;
}

.colonne2 {
	float: left;
	margin-left: 17px;
}

.adresse {
	margin-top: 37px;
	background-image: url(../images/adresse-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #a97662;
	font-family: tahoma, verdana, arial, sans-serif;
	line-height: 1.25em;
}

.adresse strong {
	color: #ed7f11;
}

.mailing {
	margin-top: 10px;
	color: #7b5546;
}

.adresse,.mailing {
	font-size: 0.917em;
	border: 1px solid #ddd6d1;
	padding: 1px;
	width: 267px;
	overflow: hidden;
}

.frame {
	overflow: hidden;
	height: 71px;
	border: 1px solid #b19f95;
	padding: 15px 15px 0 15px;
	position: relative;
}

.mailing h2 {
	display: none;
}

.mailing input.text, .mailing p.saisie input{
	border: 1px solid #AAA;
	padding: 5px 10px 0 10px;
	margin: 0;
	width: 170px;
	height: 15px;
	-moz-border-radius: 4px;
	font-family : tahoma, verdana, arial;
	float: left;
	font-family: tahoma, verdana, arial;
}

.mailing input#valider {
	position: absolute;
	top: 39px;
	left: 215px;;
}
.body {
	background-image: url(../images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #b08977;
	padding-bottom: 30px;
}
.footer {
	clear: both;
	border-top: 1px solid #b08977;
	margin-top: 2px;
	overflow: hidden;
	padding-right: 80px;
	padding-left: 70px;
}

.footer .menu_bis {
	margin: 0;
	padding: 0;
	float: left;
	text-transform:capitalize;
}
.footer .copyright {
	text-align: right;
}
.footer .copyright li,
.footer .menu_bis li {
	display: inline;
	font-size: 0.834em;
	color: #dfc3b6;
}
.footer li a,
.footer li a {
	text-decoration: none;
	/* color: #dfc3b6; */
	color: #B08977;
}
.footer li a:hover {
	color: #553121;
}
strong,em {
	color: #ed7f11;
	font-style: normal;
}

.hidden {
	display: none;
}

.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.right {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.clear {
	clear: both;
}

.toggler{cursor: pointer; cursor: hand;}


.contactform fieldset{border:0; margin:0; padding:0;}
.contactform fieldset legend{display:none;}
.contactform label{ float:left; display:block; width:160px; text-align:right; padding:0 15px 0 0;}
.contactform .label-input label{text-align:left;}
.contactform input[type='text']{width:220px;}
.contactform textarea{width:395px;}
.contactform .bt-radio div{float:left; width:70px; position:relative;}
.contactform .bt-radio div input{float:left; display:block; width:20px;}
.contactform .bt-radio div label{width:40px; display:inline; float:none; margin:0 .4em;}
.contactform input[type='text'],.contactform textarea{border:1px solid #ccc; font-family: tahoma, arial, sans-serif; color:#999;}*/


.nobg{ background-image:none !important;}

/* Album */
	/*Sommaire des albums */
	ul.albums{ list-style:none; margin:0; padding:0; }
	ul.albums li{ overflow:hidden; }
	ul.albums li h3{position:relative;}
	ul.albums li h3 span{position:absolute; right:0; top:0; font-weight:normal; font-style:italic;}
	ul.albums li img{ float:left; margin:0 1em 0 0;}

	/*dans un album*/
	ul.images{ list-style:none; margin:0; padding:0;}
	ul.images li{float:left; display:block; margin:.5em .5em 0 0; position:relative;}
	ul.images li a{border:1px solid transparent; height:128px; width:128px; float:left; display:block; text-align:center;}
	ul.images  li a img{ border:1px solid #CFE0F1;overflow:hidden;}
	ul.images  li a:hover img{ border:1px solid #5191CD;}
	ul.images  li div.comment-image{}

	.nav-albums{ text-align:center; display:block; }
	.nav-albums a{ margin:0 .5em; text-decoration:none;}
	.nav-albums a:hover{ color:#F38F1D;}
/**/

/* tooltip */
.tip-top {
    color: #fff;
    width: 152px;
    z-index: 13000;

}
.tip-title {
    width: 144px;
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
    background: url(bubble.png) top left;
	overflow:hidden;
}
.tip-text {
    width: 144px;
    font-size: 11px;
    padding: 4px 8px 8px;
    background: url(bubble.png) bottom right;
    color:#fff;
}
/**/

.content p + p {
	margin-top:0;
}

/*popin*/
.popin-desc{display:none;}
/**/

/* images illustration g�n�rales*/
div.illustrations{ text-align:center; padding-bottom:2em; }
div.illustrations img{float:left; margin-right:.5em;}

.sitemap{text-transform:capitalize;}

.content .slideshow-thumbnails ul{margin:0; padding:0;}