body{
	background: #FFFFFF;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
}
#body{
	margin: 0px;
	padding: 0px 0px 30px 0px;
	color: #414639;
	background: #3b3f35 url(/images/bg-top.gif) center top repeat-x;
}
#body div.top{background: url(/images/bg-top-look.gif) center top no-repeat;}

.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}

a{
	color: #91c03b;
	text-decoration: underline;
}
a:hover{
	color: #5d8513;
	text-decoration: none;
}

h1{
	position: absolute;
	width: 270px;
	height: 187px;
	top: 55px;
	left: 30px;
}
	h1 span{display: none;}
h2, input.title_edit{
	margin: 0px 13px;
	padding: 12px 22px;
	background: #414639;
	color: #FFFFFF;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: relative;
}
div.green h2, div.green input.title_edit{margin: 0px;}
input.title_edit{
	top: 7px;
	left: -2px;
	padding: 4px 10px;
	text-transform: none;
}

div.editBTN{position: relative;}
div.editBTN img{
	position: absolute;
	top: -40px;
	left: 711px;
	background: #FFFFFF;
	padding: 1px 2px 4px 2px;
	z-index: 200;
	cursor: pointer;
}

h3{
	margin: 0px;
	padding: 30px 0px 10px 0px;
	text-align: center;
	color: #414639;
	font: bold 19px/30px Arial, Helvetica, sans-serif;
}
	h3 em,
	h3 i{
		font-style: normal;
		font-size: 30px;
	}
	h3 strong,
	h3 b{
		font-size: 22px;
		color: #699814;
		text-transform: uppercase;
	}
h4{
	margin: 0px;
	padding: 0px 0px 30px 0px;
	text-align: center;
	color: #699814;
	font: bold italic 17px Arial, Helvetica, sans-serif;
}
h5{
	margin: 0px;
	padding: 25px 0px 0px 0px;
	color: #699814;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}
div.green h5{
	color: #FFFFFF;
	font-weight: bold;
}

p{
	margin: 0px;
	padding: 0.6em 0px;
}
div.content p{text-align: justify;}
form{margin: 0px;}
img{border: none;}

div.holder{
	margin: 0 auto;
	width: 776px;
	text-align: left;
}

#header{
	width: 756px;
	height: 268px;
	background: url(/images/bg-green-top.gif) 0px 0px repeat-x;
	position: relative;
}	html > body #header{height: auto; min-height: 268px;}

#header p{
	padding: 0px 0px 0px 96px;
	height: 40px;
	font: bold 21px/38px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	position: relative;
}
#header p img{
	position: absolute;
	top: 0px;
	left: 0px;
}
#header h3{
	margin: 0px;
	padding: 40px 4px 0px 0px;
	width: 180px;
	text-align: right;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #9ecc49;
	text-transform: uppercase;
}
#header h3 a{
	color: #ffffff;
	text-decoration: none;
	text-transform: none;
	font: 11px Arial, Helvetica, sans-serif;
}
#header h3 a:hover{
	color: #9ecc49;
	text-decoration: underline;
}

#main{background: #4b4f44 url(/images/bg-green.gif) 0px 0px repeat-x;}
#main div.holder{background: url(/images/bg-main.gif) 0px 0px repeat-y;}
#main div.content{padding: 0px 22px;}
#main div.left div.content{padding: 0px 0px 0px 22px;}

#main div.holder{padding-bottom: 3px;}
#main div.green div.bg{
	background: #97c049 url(/images/bg.gif) 0px 0px repeat-x;
	margin: 0px 13px;
	color: #ecf2df;
	color: #f3f7ea;
}

#main div.video{width: 750px;}

#main div.right{
	float: right;
	padding-right: 0px;
	width: 303px;
	text-align: center;
	padding-right: 13px;
}
#main div.green div.right{padding-right: 0px;}
#main div.video div.right{
	padding: 0px 0px 15px 20px;
	width: 360px;
}
#main div.left{
	float: left;
	width: 434px;
}
#main div.video div.left{
	width: 366px;
}

#main div.right div.whiteblock{
	text-align: left;
	background: #FFFFFF;
	margin: 16px 0px 16px 20px;
}
	#main div.right div.whiteblock div.top,
	#main div.right div.whiteblock div.bottom{background: #FFFFFF;}
	
#main div.video div.whiteblock{
	text-align: left;
	background: #FFFFFF;
	margin: 16px 0px 16px 0px;
}
#vidholder{
	padding: 4px 0px 4px 12px;
	overflow: hidden;
}

#main div.video-promo{width: 776px;}
	#main div.video-promo div.left{
		width: 432px;
		padding-left: 26px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#main div.video-promo div.right{
		width: 269px;
		padding: 0px 35px 0px 14px;
		margin: 0px;
		text-align: left;
	}
	#main div.video-promo div.right div.content{padding-left: 0px;}

#main div.map{
	margin: 0 auto;
	padding-top: 3px;
	width: 750px;
}
	#main div.map div.right{
		text-align: right;
		padding: 0px;
		margin: 0px;
		width: 416px;
		padding-top: 15px;
		padding-right: 15px;
	}
	#main div.map div.google{
		padding: 2px;
		border: 1px solid #c4c0ad;
	}
	#main div.map div.left{
		width: 319px;
		padding: 35px 0px 0px 0px;
		margin: 0px;
	}
	div.map small{
		display: block;
		padding: 1px 4px 10px 4px;
	}

#promobar{background: #33362d;}
#promobar div.holder{background: url(/images/bg-promobar.gif) 0px 0px repeat-y;}

#promobar div.teaser{
	margin: 0 auto;
	width: 756px;
	height: 85px;
	position: relative;
	background: #818282;
}
#promobar div.teaser img{
	position: absolute;
	right: 0px;
	top: 0px;
}

#promobar ul,
#promobar ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#promobar ul{
	height: 174px;
	margin-left: 10px;
}
#promobar ul li{float: left;}
#promobar ul li a{
	float: left;
	width: 174px;
	height: 174px;
	background: url(/images/quick-links.jpg) 0px 0px no-repeat;
}
#promobar ul li a span{display: none;}

#promobar ul li.imprimerie a{width: 174px; background-position: 0px 0px;}
#promobar ul li.articles-promo a{width: 198px; background-position: -174px 0px;}
#promobar ul li.vetements a{width: 176px; background-position: -372px 0px;}
#promobar ul li.conception-graphique a{width: 208px; background-position: -548px 0px;}

#promobar ul li.imprimerie a:hover{background-position: 0px -174px;}
#promobar ul li.articles-promo a:hover{background-position: -174px -174px;}
#promobar ul li.vetements a:hover{background-position: -372px -174px;}
#promobar ul li.conception-graphique a:hover{background-position: -548px -174px;}

#footer{
	width: 756px;
	padding-top: 13px;
	background: #FFFFFF;
}
#footer h6{
	margin: 0px;
	padding: 2px 0px 0px 0px;
	height: 37px;
	font: 11px/37px Arial, Helvetica, sans-serif;
	color: #dde8c8;
	text-align: center;
	background: url(/images/bg-green-footer.gif) 0px bottom repeat-x;
}
	#footer h6 a{
		color: #FFFFFF;
		text-decoration: none;
		padding: 0px 6px;
	}
	#footer h6 a:hover{
		color: #FFFFFF;
		text-decoration: underline;
	}
#coord{
	margin: 0 auto;
	padding: 10px 0px;
	width: 756px;
	color: #898c86;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: center;
}
#coord strong{color: #a5a7a2;}
#coord a{
	color: #b1b2ae;
	text-decoration: underline;
}
#coord a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#menu{height: 43px;}
#menu.full{
	background: url(/images/bg-menu.gif) 0px 0px repeat-x;
	height: 51px;
}
#menu ul,
#menu ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu ul{
	margin: 0 auto;
	width: 756px;
	padding-top: 2px;
}
#menu ul b{display: none;}
#menu ul li,
#menu ul li a{float: left;}

#menu ul li a{
	height: 47px;
	width: 91px;
	background: url(/images/menu.png) 0px 0px no-repeat;
}
#menu ul li a span{display: none;}

#menu ul li.accueil a{width: 91px; background-position: 0px 0px;}
#menu ul li.imprimerie a{width: 136px; background-position: -91px 0px;}
#menu ul li.articles-promo a{width: 158px; background-position: -227px 0px;}
#menu ul li.vetements a{width: 122px; background-position: -385px 0px;}
#menu ul li.conception-graphique a{width: 120px; background-position: -507px 0px;}
#menu ul li.coordonnees a{width: 129px; background-position: -627px 0px;}

#menu ul li.accueil a.selected, #menu ul li.accueil a:hover{background-position: 0px -47px;}
#menu ul li.imprimerie a.selected, #menu ul li.imprimerie a:hover{background-position: -91px -47px;}
#menu ul li.articles-promo a.selected, #menu ul li.articles-promo a:hover{background-position: -227px -47px;}
#menu ul li.vetements a.selected, #menu ul li.vetements a:hover{background-position: -385px -47px;}
#menu ul li.conception-graphique a.selected, #menu ul li.conception-graphique a:hover{background-position: -507px -47px;}
#menu ul li.coordonnees a.selected, #menu ul li.coordonnees a:hover{background-position: -627px -47px;}

#footer div.menu{padding-bottom: 7px;}
#footer div.menu,
#footer div.menu b{
	text-align: center;
	color: #414639;
	font: 11px Arial, Helvetica, sans-serif;
}
#footer div.menu a{
	color: #414639;
	text-decoration: none;
}
#footer div.menu a:hover{
	color: #282c23;
	text-decoration: underline;
}
#footer div.menu ul,
#footer div.menu ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
#footer div.menu ul li{padding: 0px 8px 0px 0px;}
#footer div.menu ul li b{padding: 0px 0px 0px 8px;}

#envoi{
	position: relative;
	z-index: 500;
}
#envoi div.floater{
	position: absolute;
	top: 20px;
	right: -25px;
	z-index: 500;
}
div.green #envoi div.floater{right: -38px;}

#envoi #listbox{
	position: absolute;
	top: 24px;
	right: 10px;
	width: 250px;
	height: 74px;
	border: 1px solid #FFFFFF;
	border-right: none;
	background: #84ba2e;
	padding: 8px 0px 8px 16px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 12px;
	z-index: 600;
}
div.green #envoi #listbox{right: -3px;}

#envoi #listbox strong{
	display: block;
	font-size: 12px;
	padding-bottom: 5px;
}
#envoi form{
	margin: 0px;
	padding: 7px 0px 0px 0px;
}
input{
	border: none;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3px;
}
#envoi input{
	border: none;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3px 6px;
}