﻿/* Layout CSS*/

	body {
		background: url(http://www.buknola.com/img/bkg.jpg);
		background-repeat: repeat;
		margin: 0px;
		padding: 0px;
		}
	#container {
		background: none;
		height: 704px;
		display: block;
		top: 38px;
		padding: 0px;
   		margin-left: auto;
		margin-top: 38px;
		margin-right: auto;
		width: 885px;
		}		
	#top {
		background: none;
		width: 885px;
		height: 33px;
		margin: 0px;
		padding: 0px;
		}
	#leftBorder {
		background: url(http://www.buknola.com/img/brdr-left.jpg);
		background-repeat: no-repeat;
		width: 11px;
		height: 563px;
		margin: 0px;
		padding: 0px;
		float: left;
		}
	#centerContent {
		background: #f1ece9;
		height: 563px;
		text-align: left;
		width: 864px;
		margin: 0px;
		float: left;
		}
	#rightBorder {
		background: url(http://www.buknola.com/img/brdr-right.jpg);
		background-repeat: no-repeat;
		width: 10px;
		height: 563px;
		margin: 0px;
		padding: 0px;
		float: right;
		}
	#bottom {
		background: none;
		background-repeat: no-repeat;
		width: auto;
		height: 135px;
		margin: 0px;
		padding: 0px;
	}
	.menuArea {
		background: #2f3130;
		width: 885px;
		height: 100px;
		margin: 0px;
		padding: 0px;
}
	.logo {
		background: #2f3130;
		width: 248px;
		height: 80px;
		margin: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 635px;
		
}
	.lace {
		height: 16px; 
		padding: 0px; 
		margin: 0px
		
}
/* menu rollover*/
	#menu {
		background: #2f3130;
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		vertical-align: bottom;
		font-size: x-small;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 60px;
		margin-left: 30px;
		float: left;
		top: 0px;
		}
	#menuLink {
		background: #2f3130;
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		vertical-align: bottom;
		font-size: x-small;
		text-decoration: none;
		height: 0px;
		width: auto;
		margin: 0px;
		padding: 0px;
		}
	#menuLink ul {
		background: #2f3130;
		list-style-type:none;
		margin: 0px;
		border: 0px;
		border-color: #000;
		padding-top: 8px;
		padding-left: 0px;
		width: 98px;
		}
	#menuLink li {
		background: #2f3130;
		float: left;
		margin:0px;
		}
	#menuLink li, #menuLink li a {
		background: #2f3130;
		background-repeat:no-repeat;
		display:block;
		}
	#menuLink li a {
		background: #2f3130;
		height: 0px ;
		overflow: hidden;
		padding-top: 30px;
		}
	#menuLink li a:hover {
		background: #2f3130;
		background-position:0px -30px;
		}
	#menuLink li.accueil, #menuLink li.accueil a {
		background-image:url(http://www.buknola.com/img/accueil.gif);
		width: 66px;
		}
	#menuLink li.home, #menuLink li.home a {
		background-image:url(http://www.buknola.com/img/home.gif);
		width: 66px;
		}
	#menuLink li.presse, #menuLink li.presse a {
		background-image:url(http://www.buknola.com/img/presse.gif);
		width: 66px;
		}
	#menuLink li.press, #menuLink li.press a {
		background-image:url(http://www.buknola.com/img/press.gif);
		width: 66px;
		}
	#menuLink li.boutique, #menuLink li.boutique a {
		background-image:url(http://www.buknola.com/img/boutique.gif);
		width: 98px;
		}
	#menuLink li.about, #menuLink li.about a {
		background-image:url(http://www.buknola.com/img/about.gif);
		width: 98px;
		}
	#menuLink li.contact, #menuLink li.contact a {
		background-image:url(http://www.buknola.com/img/contact.gif);
		width: 98px;
		}
	#menuLink li.blog, #menuLink li.blog a {
		background-image:url(http://www.buknola.com/img/blog.gif);
		width: 98px;
		}	
	body.accueil, #menuLink li.accueil a:active, body.home, #menuLink li.home a:active, body.presse, #menuLink li.presse a:active, body.press, 
	#menuLink li.press a:active, body.boutique, #menuLink li.boutique a:active, body.about, #menuLink li.about a:active, body.contact, #menuLink li.contact a:active, 
	body.blog, #menuLink li.blog a:active {
		background-position: 0pt -60px;
		}		

/* Misc classes and elements
-------------------------------------------------------------- */

	.contentBox { 
  		padding: 0px; 
  		margin: 0px; 
  		background: #f1ece9;
 		float: left;
		}
	.box { 
	  	padding: 10px 0 0px 0px; 
	  	margin: 10px 0 0 0; 
	  	background: #f1ece9;
	 	float: left;
		width: 175px;
		}
	.boxRight { 
	  	padding: 10px 0 0px 0px; 
	  	margin: 10px 0 0 0; 
	  	background: #f1ece9;
	 	float: right;
		width: 260px;
			}
	hr {
		background: #f1ece9; 
  		color: #f1ece9;
  		clear: both; 
  		float: none; 
  		width: 100%; 
  		height: .1em;
  		margin: 0 0 1.45em;
  		border: none; 
		}
	hr.space {
  		background: #f1ece9;
  		color: #f1ece9;
		}
	.clear {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}

/* Text & Image CSS */

	img {
		border-style: none;
		border-width: 0px;
		padding: 0px;
		margin: 0px;
		}
	.mainText {
		font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		font-size: x-small;
		line-height: 160%;
		color: #2f3130;
		padding: 0px 0px 10px 0px; 
		}
	.p {
		font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		font-size: x-small;
		line-height: 160%;
		color: #2f3130;
		text-align: left;
		}
	.boutique {
		font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		font-size: x-small;
		line-height: 160%;
		color: #2f3130;
		text-align: justify;
		padding: 5px 0px 0px 0px; 
			}	
		
	.titleText {
		font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #e60d64;
		text-transform: uppercase;
		line-height: 5%;
		margin-top: 15px;
		}
	.languageText {
		font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #FFF;
		padding-left: 735px;
		vertical-align: center;
		}
	.subtitleText {
		font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		color: #c3a454;
		line-height: 260%;
		}
	.copyrights {
		font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		font-size: x-small;
		color: #FFF;
		text-align: right;
		margin-right: 25px;
		}
	.copyrightsFr {
		font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
		font-size: x-small;
		color: #FFF;
		padding-left: 573px;
		padding-top: 10px;
		text-align: right;
		margin: 0px;
		}
	a:link  {
    	color: #5b184b;
    	text-decoration: none;
		}
	a:visited  {
    	color: #5b184b;
    	text-decoration: none;
		}
	a:hover  {
    	color: #c3a454;
    	text-decoration: none;
		}
	a:active  {
    	color: #5b184b;
    	text-decoration: none;
		}
