/* CSS Document */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	font-size: 62.5%;
	background-color : #ffb864;
	padding: 0px 8px 0px 8px;
}

#container {
	width: 750px;
	margin: 0px auto 0 auto;
}

div#overlord { 
 width: 750px; 
 }
 
/* ************************* HEADER ************************** */

div#topnav {
width: 750px;	
height: auto;
float: left;
margin: 0; padding:0; border: 0;
background: url('images/background.jpg') repeat;
}

#header {
width: 720px;
height: 250px;
margin: 0px auto 0 auto;
}

#menutop1 {
width: 248px;
height: 227px;
float: left;
margin: 0; padding:0; border: 0;
background: url('images/menutop1.jpg') no-repeat;
}

#menuleft {
width: 220px;
height: 30px;
float: left;
margin: 132px 0 0 12px; padding:0; border: 0;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
}

#menutop2 {
width: 225px;
height: 227px;
float: left;
margin: 0; padding:0; border: 0;
}

#menutop3 {
width: 247px;
height: 227px;
float: left;
margin: 0; padding:0; border: 0;
background: url('images/menutop3.jpg') no-repeat;
}

#menuright {
width: 230px;
height: 30px;
float: right;
margin: 132px 8px 0 0; padding:0; border: 0;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
}

#listprod {
width: 206px;
height: 78px;
text-align: right;
float: right;
margin: 0 8px 0 0; padding:0; border: 0;
}

#tagline {
width: 212px;
height: 50px;
text-align: left;
float: left;
margin: 10px 0 0 15px; padding:0; border: 0;
}

#btproduits {
width: 200px;
height: 90px;
text-align: right;
float: right;
margin: 0 5px 0 0; padding:0; border: 0;
}

#mainbackgd {
width: 750px;	
height: auto;
float: left;
margin: 0; padding:0; border: 0;
background: url('images/background.jpg') repeat;
}

 /* ************************* LEFT COLUMN ************************** */
 
 
div#containerleft {
width: 470px;
height: auto;
margin: 0 0 0 20px; border: 0; padding: 0;
float: left;
}

div#containerleft2 {
width: 700px;
height: auto;
margin: 0px auto 0 auto; 
border: 0; padding: 0;
}

#welcomtitle {
width: 145px;
height: 30px;
float: left;
margin: 0 0 0 12px;
}

#welcometext {
width: 410px;
height: auto;
float: left;
margin: 10px 0 0 15px;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
color: #51371f;
line-height: 12px;
}

#accessprod {
width: 468px;
height: 170px;
float: left;
margin: 10px 0 0 0;
}

#hometopbox {
width: 455px;
height: 20px;
background: url('images/homep_box1.jpg') no-repeat;
float: left;
padding: 0; 
border: 0; 
margin: 0 0 0 5px;
}

#homemiddlebox {
width: 455px;
height: auto;
background: url('images/homep_box2.gif') repeat;
float: left;
padding: 0; 
border: 0; 
margin: 0 0 0 5px;
}

#homebottombox {
width: 455px;
height: 20px;
background: url('images/homep_box3.jpg') no-repeat;
float: left;
padding: 0; 
border: 0; 
margin: 0 0 0 5px;
}

 /* ************************* RIGHT COLUMN ************************** */
div#containerright {
width: 230px;
height: auto;
padding: 0; 
border: 0; 
margin: 0 0 0 0;
float: right;}

#button1 {
width: 200px;
height: 66px;
background: url('images/button1.jpg') no-repeat;
float:right;
padding: 0; 
border: 0; 
margin: 5px 20px 0 0;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: right;
color: #51371f;
}

#button2 {
width: 200px;
height: 66px;
background: url('images/button1.jpg') no-repeat;
float:right;
padding: 0; 
border: 0; 
margin: 0 20px 0 0;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: right;
color: #51371f;
}

#btboutiq {
width: 200px;
height: 110px;
background: url('images/bt_boutique.jpg') no-repeat;
float:right;
padding: 0; 
border: 0; 
margin: 5px 20px 0 0;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 10px;
text-align: left;
color: #51371f;
}

#btcatalog {
width: 200px;
height: 70px;
float:right;
padding: 0; 
border: 0; 
margin: 5px 20px 0 0;
}

#btcadeau {
width: 200px;
height: auto;
float:right;
font: bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 10px;
text-align: right;
color: #51371f;
padding: 0; 
border: 0; 
margin: 15px 20px 0 0;
}

#bttousfeux {
width: 141px;
height: auto;
float:right;
text-align: right;
padding: 0; 
border: 0; 
margin: 15px 30px 0 0;
}

#btlavage {
width: 150px;
height: auto;
float:right;
text-align: right;
padding: 0; 
border: 0; 
margin: 25px 30px 0 0;
}


/* ************************* FOOTER HOMEPAGE ************************** */

div#containerbottom {
	width: 750px;
	height: 35px;
	margin: 0; 
	border: 0; 
	padding: 0;
	float: left;
	background: url('images/bottom_bar.jpg') no-repeat;
}

#credits {
width: 720px;
margin: 8px auto 0 auto;
text-align: center;
color : #ffffff;
font : bold 12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
}


/* ************************* OTHER PAGES ************************** */

#topbox {
width: 470px;
height: 18px;
background: url('images/head_box.jpg') no-repeat;
float: left;
padding: 0; 
border: 0; 
margin: 0;
}

#middlebox {
width: 470px;
height: auto;
background: url('images/mid_box.jpg') repeat;
float: left;
padding: 0; 
border: 0; 
margin: 0;
}

#bottombox {
width: 470px;
height: 18px;
background: url('images/botm_box.jpg') no-repeat;
float: left;
padding: 0; 
border: 0; 
margin: 0 0 20px 0;
}

#othertitles {
width: 440px;
height: 46px;
margin: 0 auto 0 auto;
text-align: left;
}

#maintext {
width: 440px;
height: auto;
margin: 10px auto 0 auto;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
color: #51371f;
line-height: 12px;
}

#conseils {
width: auto;
height: auto;
margin: 0;
padding: 5px; 
border: 0; 
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
color: #51371f;
background-color: #daf0b5;
line-height: 12px;
border: 1px solid #51371f;
}

#pdfbox {
width: 120px;
height: 70px;
float: right;
text-align:right;
padding: 0; 
border: 0; 
margin: 20px 30px 0 0;
}

.clear { clear: both; margin: 0; }

  .white:link {color: #fff; text-decoration:none;}
 .white:visited {color: #fff; text-decoration:none;}
 .white:hover {color: #ffe329; text-decoration:underline;}
 
 .brown:link {color: #51371f; text-decoration:underline;}
 .brown:visited {color: #51371f; text-decoration:underline;}
 .brown:hover {color: #994d0c; text-decoration:none;}
 
  .brown2:link {color: #a73410; text-decoration:underline;}
 .brown2:visited {color: #a73410;; text-decoration:underline;}
 .brown2:hover {color: #fff; text-decoration:none;}
 
  .brown3:link {color: #51371f; text-decoration:none;}
 .brown3:visited {color: #51371f; text-decoration:none;}
 .brown3:hover {color: #994d0c; text-decoration:underline;}
 
 .legendes {
 font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
 text-align: justify;
color: #51371f;
line-height: 10px;
 }
 
  .bigtitles {
 font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #51371f;
line-height: 14px;
 }
 
  .petittexte {
 font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #51371f;
line-height: 11px;
 }
 
 .img {
border: 1px solid #51371f;
}

.tdjustify {
text-align: justify;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #51371f;
line-height: 12px;
}

h1 {
 font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #51371f;
line-height: 14px;
}

h2 {
 font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #a73410;
}

.contacttext {
 font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-style: italic;
color: #a73410;
}



fieldset {
	margin-bottom: 0;
	border: 0;
	width: auto;
	margin-top: 0;
}
fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0 0;
	clear: both;
}

label.text2 {
	display: block;
	float: left;
	width: 150px;
	text-align: left; 
	margin: 0.7em 1em 0 0;
	padding: 0.1em 0.1em 0.1em 0;	
}

label.text3 {
	display: block;
	float: right;
	width: 255px;
	text-align: left; 
	margin: 0.7em 1em 0 0;
	padding: 0.2em;	
}


label.text4 {
	display: block;
	float: left;
	width: 80px;
	background-color: #ffedd4;
	text-align: left;
	font-weight:bold;
	margin: 0.7em 1em 0 0;
	padding: 0.1em;	
}

label.text5 {
	display: block;
	float: right;
	width: 335px;
	background-color: #ffedd4;
	text-align: left; 
	margin: 0.7em 0 0 0;
	padding: 0.2em;	
}