html
{
	overflow-y: scroll;
}

body
{
	font: Arial,Helvetica,Sans-serif;
	color: #FFC09C;
	font-size: 1em;
	margin: 0;
	padding: 0px 0;
	background-color: #FFFFFF;
	background: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed
	background: url(images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

a:link	{ color: #FFC09C; text-decoration: none; }
a:visited	{ color: #FFC09C; }
a:hover	{ color: #CE0500; }
a:active	{ color: #FFC09C; }

/* Main pages */

#wrapper
{
	width: 100%;
	margin:auto;
}

#header
{
	width: 980px;
	height: 130px;
	text-align: left;
	border: 1px solid black;
	margin: 10px auto;
	padding:10px 0;
	background: #693315;
}

.logo
{
	width: 250px;
	height: 130px;
}

#overlay
{
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.5;
	top:0px;
	position:fixed;
	display:none;
	z-index:20;
}

#img_popup
{
	display:none;
	border:2px solid black;
	top:50%;
	left:50%;
	position:fixed;
	transform: translate(-50%, -50%);
	width:450px;
	height:450px;
	z-index:21;
}

#img_popup img
{
	width:100%;
	height:100%;
}

#menu
{
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	width: 100%;
	height: 40px;
	margin: 10px auto;
	text-align:center;
	background-color: #331403;
	overflow:hidden;
}


#mainmenu
{
	overflow:hidden;
	text-align:left;
	margin: auto;
}

#mainmenu li
{
	float:left;
	list-style-type: none;
}

#mainmenu li, #mainmenu a
{
	display:block;
	padding: 0.3em 1em 0.7em 1em;
	margin: 0;
}

#mainmenu li:hover
{
	color: #693315;
	background-color: #EB9B6D;
	cursor: pointer;
}

#mainmenu li ul{
	display:none;
	position:absolute;
	padding: 0;
	margin: 0;
	background-color: #331403;
}

#mainmenu li ul li{
	float:none;
	color: #FFC09C;
	padding: 0.2em;
}

#submenu_produit li:hover
{
	color: #693315;
	background-color: #EB9B6D;
	cursor: pointer;
}

#content
{
	width: 980px;
	margin:auto;
	background-color: #693315;
	overflow:hidden;
	padding-bottom: 20px;
	border: 1px solid #331403;
}

#content_leftcolumn
{
	float:left;
	display:inline;
	width:60%;
}

#content_rightcolumn
{
	float:right;
	display:inline;
	width:30%;
	text-align:center;
}

#content_rightcolumn img
{
	width:150px;
	height:150px;
	border:1px solid #ADADAD;padding:1px;
	cursor: pointer;
}

#title
{
	font-size: 1.5em;
	color: #FFC09C;
	margin:10px;
}

#title-sm
{
	font-size: 1.2em;
	color: #FFC09C;
}

#leftsidebar
{
	width: 60%;
	float:left;
	text-align:left;
	margin: 10px;
	overflow:hidden;
}

#rightsidebar
{
	width: 30%;
	float:right;
	margin: 10px;
}

#footer
{	
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	margin: 10px 0;
	padding: 5px 0;
	background-color: #331403;
	text-align: left;
	width: 100%;
	clear:both;
}

#footer-content
{
	width: 980px;
	margin:auto;
	overflow:hidden;
	padding-bottom: 20px;
}

#footer-leftsidebar
{
	width: 50%;
	display:inline;
	float:left;
	text-align:center;
	overflow:hidden;
	margin: 20px 0;
}

#footer-rightsidebar
{
	width: 50%;
	display:inline;
	float:left;
	text-align:center;
	margin: 60px 0;
}

.inputs
{
	margin: 0 4px;
}

.copyright-notice
{
	clear:both;
	text-align:center;
	color: #331403;
}

input[type=checkbox]
{
	vertical-align: middle;
}

#frmcontact div
{
	margin: 5px 0;
}

#frmcontact label
{
	font-size: 0.8em;
}

#frmcontact input, #frmcontact select, #frmcontact textarea
{
	width:200px;
}

#frmquote div
{
	margin: 5px 0;
}

#frmquote label
{
	font-size: 0.8em;
}

#frmquote input, #frmcontact select, #frmcontact textarea
{
	width:200px;
}

#quote_title
{
	font: normal 14px Times;
	font-variant: small-caps;
}

#email_message
{
	border-top: 1px solid #FFC09C;
	border-bottom: 1px solid #FFC09C;
	padding: 10px 0;
	margin: 5px;
	display:none;
}

#email_message_quote
{
	border-top: 1px solid #FFC09C;
	border-bottom: 1px solid #FFC09C;
	padding: 10px 0;
	margin: 5px;
	display:none;
}


/* Data tables */
.tabledata {
	border-collapse: collapse;
	border-spacing: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #b7ccbc;
}

.tabledata td{
	padding: 3px;
}

.tabledata th{
	text-align:left;
	cursor: pointer;
}

.tabledata thead {
	background-color: #b7ccbc;
}

.tabledata tbody {
	background-color: #eff6f0;
}


.alt {
	background-color: #dee8df;
}

.borderstyle{
	border: 6px ridge #696;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
}