/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{
	background:#f8f3ed;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:"Times New Roman", Times, serif; font-size:0.9375em; line-height:1.2em; color:#492b11;}

input, select {
	vertical-align:middle;
	font-weight:normal;
}

a {color:#889d00;}
a:hover{text-decoration:none;}
.black{ color:#492b11;}
p {padding-top:18px;}
strong{ color:#bb7101; font-weight:normal; font-size:1.133em; line-height:1.294em; display:block; margin-bottom:9px;}
h6{ color:#bb7101; font-size:0.933em;}
.extra{ margin:0;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.padding1{ padding-top:10px;}
.padding2{ padding-top:5px;}
.padding3{ padding-top:10px;}
.margin1{ margin-left:9px;}

/* ============================= content ====================== */
#content{
	padding-top: 10px;
	padding-right: 38px;
	padding-bottom: 22px;
	padding-left: 41px;
}
.title{ border-bottom:solid 1px #4c2d11; margin-bottom:32px;}
.indent{ margin:9px 20px 15px 26px;}
.indent2{ margin:9px 20px 37px 26px;}
.right-link{ text-align:right;}
.link1, .link2{ background:url(images/link-bg.gif) no-repeat 0 8px; float:right; padding-left:8px; font-size:0.933em; margin:9px 20px 0 0;}
.link2{ float:left;}
.link3{ padding:1px 0 0 18px;}
.link3 a{ color:#bb7101;}

.box1{ background:url(images/box1-corner-left-top.gif) top left no-repeat #f5e9c1; margin-top:2px;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) top right no-repeat;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) bottom left no-repeat;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) bottom right no-repeat; width:100%;}
.box1-indent{ padding:16px 36px 33px 27px;}
.box1 .title{ border-bottom:solid 1px #beb28a; margin-bottom:29px;}

.box2{
	background:url(images/box2-border.gif) top repeat-x #fdfcfa;
	/* [disabled]position:relative; */
}
.box2 .left-border{ background:url(images/box2-border.gif) left repeat-y;}
.box2 .right-border{ background:url(images/box2-border.gif) right repeat-y;}
.box2 .bot-border{ background:url(images/box2-border.gif) bottom repeat-x;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) top left no-repeat;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) top right no-repeat;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) bottom left no-repeat;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) bottom right no-repeat;}
.box2-indent{
	padding:28px 24px 28px 24px;
	/* [disabled]position:relative; */
}
.box2-indent2{ padding-left:10px; position:relative;}
.box2 .title{ border-bottom:solid 1px #beb28a; padding-bottom:17px; margin-bottom:29px;}

.list li{ background:url(images/list-bg.gif) no-repeat 0 4px; padding-left:18px; line-height:1.4em;}
.list li a{ color:#492b11; text-decoration:none;}
.list li a:hover{ text-decoration:underline;}

.date{ font-size:0.933em; font-weight:bold; color:#bb7101;}


/* ============================= page4 ====================== */
#page4 .column-2{ margin-left:26px;}



.phone{ float:right; padding-right:58px;}

/* ============================= footer ====================== */
#footer{ border-top:solid 5px #603a18; margin:0 39px 0 41px; font-size:0.933em; color:#889d00; padding-top:35px; text-align:center;}


/* ============================= forms ============================= */
#OrderForm input{ border:solid 1px #504931; position:absolute; height:18px; width:175px;}
#OrderForm label{ display:block; height:25px; position:relative;}
#OrderForm span{ width:53px; display:inline-block;}

#ContactForm{ padding-top:3px;}
#ContactForm input{ border:solid 1px #492b11; position:absolute; width:233px; background:#f6eac4; padding:0 0 1px 3px; font-family:"Times New Roman", Times, serif; color:#492b11;}
#ContactForm textarea{ border:solid 1px #492b11; position:absolute; width:258px; background:#f6eac4; padding:1px 0 1px 3px; overflow:hidden; height:68px; font-family:"Times New Roman", Times, serif; color:#492b11;}
#ContactForm label{ display:block; height:26px; position:relative;}
#ContactForm span{ width:53px; display:inline-block;}
#ContactForm .padd1{ margin-right:0;}

/* ============================= PLACEMENT DU MENU EN LARGEUR ====================== */
#menu{
	font-size:0.933em;
	color:#889d00;
	/* [disabled]text-align:center; */
	padding-top: 0px;
	padding-right: 43px;
	padding-bottom: 1px;
	padding-left: 43px;
}

/*============================= LE MENU DEROULANT EN CSS 3 =================================================*/
ul.nav, ul.nav ul {

	padding: 0;
	list-style-type: none;
	float: left;
	border: 1px solid #486B02;
	background-color: #ffbc39;
}

ul.nav li {
	float: left;
	width: 9.1em;
	/* [disabled]padding-bottom: 1px; */
}

ul.nav li ul {
	position: absolute;
	width: 9.1em;/*=====largeur des sous menus à mettre comme au dessus====*/
	left: -999em;
	margin-left: -1px;
}

.nav li:hover ul {
	left: auto;
}

ul.nav a {
	display: block;
	color: #2B3F00;
  text-decoration: none;
	padding: 0.2em 10px;/*=====en px le padding de gauche====*/
  border-right: 1px solid #486B02;
	border-left: 1px solid #E4FFD3;*/
}

ul.nav li li a {
	border-top: 1px solid #E4FFD3;
	border-bottom: 1px solid #486B02;	
	border-left: 0;
	border-right: 0;
}

ul.nav li:last-child a {
	border-right: 0;
	border-bottom: 0;
}

ul a:hover,
ul a:focus {
	color: #E4FFD3;
	background-color: #6DA203;
}