@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'bauer_bodoni_stdregular';
    src: url('/bauerbodonistd-roman-webfont.eot');
    src: url('/bauerbodonistd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/bauerbodonistd-roman-webfont.woff') format('woff'),
         url('/bauerbodonistd-roman-webfont.ttf') format('truetype'),
         url('/bauerbodonistd-roman-webfont.svg#bauer_bodoni_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}
#email-btn {
	background-color:#030;
	opacity:.80;
	filter: alpha(opacity=80);	
}
#email-btn a{
	color:#FFF;
}
#email-btn a:hover{
	opacity:.80;
	filter: alpha(opacity=80);	
}
.infolettre{
	padding:10px;
	border-bottom:1px #666666 solid;
	border-left:1px #666666 solid;
	border-right:1px #666666 solid;
	background-color:#cedacb;
}
.infolettre input#email{
	border:1px #000000 solid;
}
.infolettre h2{
	text-transform:none;
	margin:0;
	padding:0;
	font-size:18px;
	line-height:15px;
	font-weight:normal;
}

.infolettre p.note{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	text-transform:none;
	margin-bottom:0;
}
body{
	font-family:'bauer_bodoni_stdregular';
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	color: #333;
	margin:0px;
	background-color:#eeeeee;
	background: url(/images/bgtop.jpg) no-repeat; 
	overflow:hidden;
	}


#nav{
	position:fixed;
	width:230px;
	margin-left:50px;
	top:0px;
	z-index:600;
	}
#logo{
	height:150px;
	background-image:url(../images/LaBerge_logo.jpg);
	}

#content{
	background:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	height:700px;
	margin-top:140px;
}

/************************************ Menu
*/
#menu{
	text-align:left;
	font-size:20px;
	}
#menu ul{
	margin:0;
	padding:0;
	}
#menu > ul{
	list-style:none;
	padding:0;
	margin:0;
	
	}
#menu > ul > div > span > li{
	margin:0;
	padding:0;
}
#menu ul div span li{
	margin:0;
	padding:0;
}
.section-title{
	cursor:pointer;
	text-transform:uppercase;
	}
.section-list{
	font-size:16px;
	display:none;
	text-transform:uppercase;
	}
.open{
	display:block;
}
.section-list span li{
	margin-bottom:0px;
	
}
.list a:link, .list a:visited{
	text-decoration:none;
	color:#000;
	display:block;
	width:198px;
	padding-left:30px;
	border:1px #666666 solid;
	border-top:none;
	padding-top:3px;
	padding-bottom:2px;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .5);
}
.section-list span li a:hover{
	color:#333333;
}
.section-title a:link, .section-title a:visited{
	color:#000;
	text-decoration:none;
	display:block;
	width:218px;
	padding-left:10px;
	border:1px #666666 solid;
	border-top:none;
	padding-top:3px;
	padding-bottom:2px;
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .5);
}
.section-title a:hover{
	color:#333333;
}
.highlight a:link, .highlight a:visited{
	background: #CCC; /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, .2);
	color:#333333;
}
.date{
	font-size:14px;
}
.small{
	font-size:11px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}


/********************************** Collette
*/
#collette{
	position:fixed;
	right:20px;
	bottom:20px;
	margin:0;
	/*-webkit-transform: rotate(270deg);		
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);*/
	
}
#collette p{
	margin:0;
	color:#333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:10px;
	opacity:.40;
	filter: alpha(opacity=40);	
	}
#collette p a:link, #collette p a:visited{
	font-weight:bold;
	color:#333;
	text-decoration:none;	
}
#collette p a:hover{
	color:#000;
}


/************************************ background 
*/
#bg {
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
}
#bg img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}


/************************************* a propos
*/
#profil{
	margin-left: 300px;
	width:400px;
	float:left;
	margin-right:40px;
}
#publi{
	margin-left: 300px;
	width:715px;
	float:left;
}
#publi2{
	margin-bottom:50px;
}
#profil p{
	font-size:16px;
	text-align:justify;
}
#poeme{
	
	position: relative;
	float:left;
	width:275px;
}
#poeme p {
	font-size:14px;
}

#footer{
	position:fixed;
	bottom:13px;
	margin-left:50px;
	font-size:11px;
	opacity:.40;
	filter: alpha(opacity=40);	
	color:#333;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:10px;
}

/************************************ vignettes
*/
.slide p{
	font-size:14px;
	line-height:13px;
	color:#FFF;
	margin-top:-60px;
	position:absolute;
	top:0px;
}

h4.sold{
	padding:2px;
	background-color:#900;
	font-size:12px;
	color:#FFF;
	width:48px;
	position:absolute;
	margin-top:-600px;
}
h4.collpr{
	padding:2px;
	background-color:#900;
	font-size:12px;
	color:#FFF;
	width:130px;
	position:absolute;
	margin-top:-600px;
}
p.collection{
	position:relative;
	color:#000;
	margin-top:-30px;
	margin-left:55px;
}

#livre{
	position:absolute;
	left:760px;
	top:160px;
}
#livreb{
	position:absolute;
	left:760px;
	top:700px;
}
#livrec{
	position:absolute;
	left:760px;
	top:1260px;
}
#expo{
	width:208px;
	border:#000 solid 1px;
	border-top:none;
	padding-right:10px;
	padding-left:10px;
	color: #FFF;
	background-color:#3f6e56;
	opacity:.70;
	filter: alpha(opacity=70);	
}
#expo h1{
	margin:0;
	padding:0;
	font-family:'bauer_bodoni_stdregular';
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	text-transform:uppercase;
	font-size:16px;
	padding-top:10px;
}
#expo p{
	margin:0;
	padding:0;
	font-family:'bauer_bodoni_stdregular';
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-size:15px;
	letter-spacing:-0.5px;
	padding-bottom:10px;
}
#lieu{
	background-color:#000;
	padding:5px;
	text-align:center;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#FFF;
	text-transform:uppercase;
	margin:0;
}