@import url("/adnbase/reset.css");
@import url("/css/contenu.css");

div.flash{height: 432px;}
#contenu div.editBTN{position: inherit;}
#contenu div.editBTN img{top: 452px;}

#contenu, #contenuEdit{
	float: left;
	font: 13px/1.5em Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em;
	padding: 0 0 40px 26px;
	width: 916px;
}
#contenuEdit{
	padding-left: 6px;
	width: 936px;
}
div.split #contenu{width: 540px;}
div.split #contenuEdit{width: 560px;}
#contenu-right{
	display: none;
	float: right;
	padding-left: 26px;
	width: 350px;
}
div.split #contenu-right{display: inline;}

#contenu.inspirations h2{
	margin-bottom: 0;
	padding-bottom: 5px;
	position: inherit;
}
#contenu.inspirations h3{
	color: #a1a1a1;
	font: 22px/26px "Century Gothic", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}

#contenu-right h4{
	color: #ee7d00;
	color: #666666;
	font: bold 19px/21px Arial, Helvetica, sans-serif;
	padding: 10px;
	text-transform: uppercase;
}
p.more{
	font: bold 13px/1.5em Arial, Helvetica, sans-serif;
}
#contenu-right p.more{
	background: #FFFFFF;
	margin: 0px;
	padding: 5px 10px;
	text-align: right;
}
#contenu-right p.more a{color: #bf6400;}
#contenu-right p.more a:hover{color: #ee7d00;}

#body{
	background: #1a1511;
	min-width: 978px;
	padding: 0;
}
#top{background: #FFFFFF url(/images/bg-top.gif) 0 0 repeat-x;}
#header{background: url(/images/bg-clouds-top.jpg) center top no-repeat;}
#footer{background: url(/images/bg-clouds-bottom.jpg) center 0 no-repeat;}
div.holder{
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 968px;
	z-index: 1;
}
div.overflow{
	overflow: auto;
	width: 100%;
}
#header div.holder{
	background: url(/images/bg-feuilles-twirl.gif) right 432px no-repeat;
	height: 481px;
	min-height: 481px;
}	html > body #header div.holder{height: auto; min-height: 481px;}
#footer div.holder{
	height: 297px;
	min-height: 297px;
}	html > body #footer div.holder{height: auto; min-height: 297px;}
div.feuilles{background: url(/images/bg-feuilles-bottom.gif) center bottom no-repeat;}

h1{
	left: 32px;
	position: absolute;
	top: 81px;
}
#body img{
	margin: 0;
	padding: 0;
}
#body #contenu img{
	margin: 0.8em 0;
	padding: 0;
}
#body #contenu div.content img.alignright,
#body #contenu div.content img.alignleft{
	margin: 0.1em 0 20px 20px;
}
#body #contenu div.content img.alignleft{margin: 0.1em 20px 20px 0;}
.royflex{
	left: 31px;
	margin: 0;
	position: absolute;
	top: 234px;
}
h1 a{
	background: url(/images/specialites-MGH-inc.png) 0 0 no-repeat;
	display: block;
	height: 143px;
	width: 150px;
}
h1 a span{
	position: absolute;
	top: -999em;
}

#menu{
	height: 30px;
	left: 0;
	padding: 0 10px;
	position: absolute;
	top: 10px;
	width: 948px;
	z-index: 100;
}
#menu ul,
#menu ul li{
	background: none;
	border: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul,
#menu ul li,
#menu ul li a{
	color: #ffffff;
	float: left;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}
#menu ul.right{float: right;}
#menu ul li a{
	font: 16px/28px "Century Gothic", Verdana, Arial, sans-serif;
	padding: 0 15px;
}
#menu ul li.shover a,
#menu ul li a:hover,
#menu ul li a.selected{color: #ee7d00;}
#menu ul li a.selected{font-weight: bold;}
#menu ul li{position: relative;}
#menu ul li ul,
#menu ul li ul li,
#menu ul li ul li a{
	background: none;
	border: none;
	display: block;
	float: left;
	height: auto;
	line-height: normal;
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu ul li ul,
#menu ul li ul li ul,
#menu ul li.shover ul li ul{
	border-bottom: 8px solid #000000;
	float: none;
	left: 0;
	position: absolute;
	top: -999em;
	width: 150px;
}
#menu ul li ul li{
	display: block;
	float: none;
	margin: 0;
	padding: 0;
}
#menu ul li.shover ul{top: 20px;}
#menu ul li ul li a,
#menu ul li ul li a.selected,
#menu ul li.shover ul li a{
	background: #a1a1a1;
	border: 8px solid #000000;
	border-bottom: none;
	border-top: none;
	color: #000000;
	display: block;
	float: none;
	font: bold 16px/17px "Century Gothic", Verdana, Arial, sans-serif;
	padding: 8px;
	width: 118px;
}
#menu ul li ul li a:hover,
#menu ul li ul li a.selected:hover{
	background: #000000;
	color: #FFFFFF;
}
#menu ul li ul li a em{
	font-style: normal;
	font-weight: normal;
}

#footer div.credits{
	color: #FFFFFF;
	float: right;
	padding-top: 45px;
	padding-right: 20px;
	text-align: right;
}
#footer div.credits p{
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 2px 5px 0;
	text-align: right;
}
#adn-communication{
	float: right;
}
#footer div.menu{
	float: left;
	padding-left: 10px;
	padding-top: 45px;
	width: 630px;
}
#footer div.menu ul{clear: left;}
#footer div.menu ul,
#footer div.menu ul li{
	background: none;
	border: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer div.menu ul li,
#footer div.menu ul li a,
#footer div.menu ul li b{
	float: left;
}
#footer div.menu ul li a{
	color: #FFFFFF;
	font: 12px/16px "Century Gothic", Verdana, Arial, sans-serif;
	padding: 6px 5px;
	text-decoration: none;
}
#footer div.menu ul li b{
	color: #2b2b2c;
	font: 18px/16px Arial, Helvetica, sans-serif;
	padding: 7px 5px 0 5px;
}
#footer div.menu ul li a:hover{
	color: #ee7d00;
	text-decoration: underline;
}

div.teasers div{padding-bottom: 50px;}
div.teasers div a{
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #4f600f;
	display: block;
	font: bold 20px/24px Arial, Helvetica, sans-serif;
	height: 157px;
	text-decoration: none;
	text-transform: uppercase;
	width: 350px;
}
div.teasers div a span{
	display: block;
	padding: 24px 29px;
}
div.teasers div a strong{
	color: #ee7d00;
	display: block;
	font: 19px/19px Arial, Helvetica, sans-serif;
	padding: 51px 29px 24px 29px;
}
div.teasers div a span strong{
	color: #4f600f;
	font: bold 28px/28px Arial, Helvetica, sans-serif;
	padding: 0;
}
div.teasers div a:hover{background-position: -350px 0;}
div.teasers div.teaser-pro{height: 169px;}
div.teasers div.teaser-pro a{
	background-image: url(/images/teaser-pro.gif);
	height: 241px;
	position: absolute;
	top: 360px;
}
div.teasers div.teaser-catalogue a{background-image: url(/images/teaser-catalogue.gif);}
div.teasers div.teaser-inspiration a{
	background-image: url(/images/teaser-inspiration.gif);
	height: 176px;
}
#nouvelles-accueil{height: 221px;}
#nouvelles-accueil div.float{
	background: url(/images/bg-nouvelles.png) 0 0 no-repeat;
	height: 320px;
	left: -9px;
	position: absolute;
	top: 342px;
	width: 602px;
}
#nouvelles-accueil div.arrow,
#nouvelles-accueil div.arrow a{
	display: block;
	height: 20px;
	width: 20px;
}
#nouvelles-accueil div.arrow{
	left: 264px;
	position: absolute;
	top: 136px;
}
#nouvelles-accueil div.next{left: 502px;}
#nouvelles-accueil div.arrow a{background: url(/images/fleches.png) 0 0 no-repeat;}
#nouvelles-accueil div.next a{background-position: -20px 0;}
#nouvelles-accueil div.arrow a:hover{background-position: 0 -20px;}
#nouvelles-accueil div.next a:hover{background-position: -20px -20px;}
div.nouvelles-acc ul,
div.nouvelles-acc ul li,
ul.dots,
ul.dots li,
div.nouvelles-right ul,
div.nouvelles-right ul li,
#nouvelles ul,
#nouvelles ul li,
div.produits ul,
div.produits ul li{
	background: none;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	line-height: normal;
	list-style: none;
	margin: 0;
	padding: 0;
}
#body div.nouvelles-acc ul li a{
	background: #FFFFFF url(/images/bg-nouvelles.gif) -45px -28px no-repeat;
	color: #DDDDDD;
	height: 182px;
	left: 45px;
	padding: 20px 15px;
	position: absolute;
	text-decoration: none;
	top: 28px;
	width: 159px;
}
div.nouvelles-acc ul li a:hover{color: #FFFFFF;}
div.nouvelles-acc ul li a span.img{
	left: 229px;
	height: 158px;
	position: absolute;
	top: 29px;
	width: 238px;
}
div.nouvelles-acc ul li a span.img img{
	background-position: center center;
	background-repeat: no-repeat;
	height: 158px;
	width: 238px;
}
div.nouvelles-acc ul li a em{display: none;}
div.nouvelles-acc ul li a strong{
	color: #b49b2c;
	display: block;
	font-weight: normal;
	padding-bottom: 10px;
}
div.nouvelles-acc ul li a small{
	color: #b49b2c;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	white-space: nowrap;
}
div.nouvelles-acc ul li a:hover strong,
div.nouvelles-acc ul li a:hover small{color: #d3b946;}
div.nouvelles-acc h3{
	color: #000000;
	font: 25px/27px "Arial Black", Impact, Verdana, Arial, sans-serif;
	position: absolute;
	right: 89px;
	text-transform: uppercase;
	top: 20px;
}
div.nouvelles-acc h3 a.rss{
	background: url(/images/rss.gif) 0 0 no-repeat;
	float: left;
	height: 19px;
	margin-right: 6px;
	margin-top: 6px;
	width: 19px;
}
div.nouvelles-acc h3 a.rss:hover{background-position: 0 -19px;}
div.nouvelles-acc h3 a.rss span{display: none;}

div.nouvelles-acc p.more{
	background: none;
	font: bold 10px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 89px;
	top: 232px;
}
div.nouvelles-acc p.more a{
	color: #343335;
	text-decoration: underline;
}
div.nouvelles-acc p.more a:hover{color: #FFFFFF;}

ul.dots{
	left: 272px;
	position: absolute;
	top: 222px;
	width: 75px;
}
ul.dots li,
ul.dots li a,
ul.dots li a img{float: left;}
#body ul.dots li a img{
	background: url(/images/paging.gif) 0 0 no-repeat;
	height: 12px;
	margin-right: 3px;
	width: 12px;
}
#body ul.dots li a:hover img,
#body ul.dots li a.selected img{background-position: 0 -12px;}

#nouvelle{padding-bottom: 50px;}
#nouvelle div.date{
	color: #999999;
	position: absolute;
	right: 428px;
	text-transform: uppercase;
	top: 445px;
}
#nouvelle p.img a{
	background: url(/images/wood.jpg) 0 0 no-repeat;
	border: 1px solid #402514;
	display: block;
	padding: 5px;
}
#contenu #nouvelle p.img img{margin: 0;}
#nouvelle p.img a img{
	/*background-color: #000000;*/
	background-position: center center;
	background-repeat: no-repeat;
	/*border: 5px solid #000000;*/
	height: 200px;
	width: 528px;
}
#nouvelle p.img a:hover img{
	/*background-color: #ee7d00;
	border-color: #ee7d00;*/
}
div.nouvelles-right{padding-top: 70px;}
div.nouvelles-right ul li a{
	background: url(/images/news.jpg) 0 center no-repeat;
	color: #666666;
	display: block;
	font: 12px/1.3em Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em;
	margin-bottom: 3px;
	padding: 10px;
	text-decoration: none;
}
div.nouvelles-right ul li a:hover{
	background-position: -400px center;
	color: #fdf2e6;
}
div.nouvelles-right ul li a strong{
	color: #333333;
	font: bold 13px/1.5em Arial, Helvetica, sans-serif;
}
div.nouvelles-right ul li a:hover strong{color: #FFFFFF;}
div.nouvelles-right ul li a small{
	font-size: 100%;
	color: #333333;
}
div.nouvelles-right ul li a:hover small{color: #FFFFFF;}

#nouvelles{clear: both;}
#contenu #nouvelles ul li a span.img img{
	background-position: center center;
	background-repeat: no-repeat;
	border: 5px solid #000000;
	float: left;
	height: 100px;
	margin: 0 20px 10px 0;
	width: 140px;
}
#nouvelles ul li a{
	display: block;
	color: #555555;
	font: 12px/1.3em Arial, Helvetica, sans-serif;
	overflow: auto;
	padding: 20px 0 20px;
	text-decoration: none;
	width: 100%;
}
#nouvelles ul li a strong{
	color: #000000;
	display: block;
	font: bold 13px/1.5em Arial, Helvetica, sans-serif;
	padding-bottom: 6px;
}
#nouvelles ul li a small{
	color: #000000;
	font-size: 100%;
	text-align: right;
}
#nouvelles ul li a:hover{color: #ee7d00;}
#nouvelles ul li a em{display: none;}
#nouvelles ul li a:hover strong,
#nouvelles ul li a:hover small{color: #bf6400;}
#nouvelles ul li a:hover span.img img{border-color: #ee7d00;}

div.paging{
	float: right;
	padding-bottom: 10px;
}
div.paging a,
div.paging span{
	background: url(/images/news.jpg) -20px -20px no-repeat;
	border: 1px solid #777777;
	color: #444444;
	float: left;
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	height: 20px;
	padding: 0 8px;
	margin-right: 5px;
	text-decoration: none;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.paging span{
	background: #F0F0F0;
	border-color: #999999;
	color: #666666;
}
div.paging a:hover{
	background-position: -420px -20px;
	border-color: #522b01;
	color: #FFFFFF;
}

div.produits{padding: 80px 0 100px;}
div.produits ul li{
	font: bold 20px "Century Gothic", Verdana, Arial, sans-serif;
	margin-bottom: 3px;
}
div.produits ul li a{
	background: url(/images/news.jpg) -400px -60px no-repeat;
	color: #000000;
	display: block;
	letter-spacing: normal;
	padding: 5px 10px;
	text-decoration: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.produits ul li a em{
	font-size: 80%;
	font-style: normal;
}
div.produits ul li a:hover,
div.produits ul li a.selected{
	background-position: 0 -60px;
	color: #FFFFFF;
	font: bold;
}
div.produits ul li a.selected{cursor: default;}
div.produits ul li ul{padding: 3px 0 15px;}
div.produits ul li ul li a{
	background: url(/images/news.jpg) 0 -60px no-repeat;
	color: #333333;
	font-size: 16px;
	font-weight: normal;
}
div.produits ul li ul li a.selected{font-weight: bold;}

#contenu h3.infos{padding-top: 40px;}
#contenu #blocInformation_0{padding-top: 0;}
#contenu h4.infos{
	background: #cdcdcd;
	color: #FFFFFF;
	cursor: pointer;
	font: bold 14px "Century Gothic", Verdana, Arial, sans-serif;
	margin: 0 0 3px 0;
	padding: 5px 10px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#contenu h4:hover.infos{background: #bf6400;}
#contenu h4.infos_O,
#contenu h4:hover.infos_O{
	background: #ee7d00;
	cursor: default;
}
#contenu h4.infos em,
#contenu h4.infos i{
	font-style: normal;
	font-weight: normal;
}
#contenu div.details{padding-bottom: 30px;}

#contenu div.details table,
#contenu div.details table tr,
#contenu div.details table tr th,
#contenu div.details table tr td{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
#contenu div.details table tr td{
	font: 14px/16px "Century Gothic", Verdana, Arial, sans-serif;
	padding: 20px;
}
#demandeinfo{
	float: right;
	margin-bottom: 30px;
	margin-left: 30px;
	width: 450px;
}
#demandeinfo fieldset{background: #FFFFFF;}
#demandeinfo label{width: 100px;}
#demandeinfo div.btn{padding-right: 19px;}
#demandeinfo textarea{width: 400px;}

#swatches #demandeinfo{
	float: none;
	margin: 0;
	width: auto;
}
#swatches #demandeinfo textarea{width: 350px;}

div.map{
	background: url(/images/wood.jpg) 0 0 no-repeat;
	border: 2px solid #402514;
	clear: right;
	padding: 10px;
}
#essenceslist{
	float: left;
	padding-bottom: 40px;
	width: 490px;
}
#essenceslist ul,
#essenceslist ul li,
#swatches ul,
#swatches ul li{
	background: none;
	border: none;
	line-height: normal;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 5;
}
#essenceslist ul li,
#essenceslist ul li a,
#essenceslist ul li a img{float: left;}
#essenceslist ul li{
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	height: 64px;
	margin: 0 10px 10px 0;
	position: relative;
	width: 86px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#essenceslist ul li.hover,
#swatches ul li.hover{
	background: #fff7ee !important;
	border-color: #ee7d00;
	z-index: 10;
}
#essenceslist ul li strong{display: none;}
#essenceslist ul li.hover strong{
	background: #4b3623;
	color: #FFFFFF;
	display: block;
	left: -1px;
	padding: 5px 8px;
	position: absolute;
	top: 70px;
	white-space: nowrap;
	
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#body #essenceslist ul li a.thumb img{
	background-position: left center;
	background-repeat: no-repeat;
	height: 54px;
	margin: 5px;
	width: 76px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#body #essenceslist ul li.hover a.thumb img{
	border: 1px solid #4b3623;
	height: 52px;
	width: 52px;
}
#body a.tool{
	display: none;
	position: absolute;
	right: 0;
	top: 5px;
}
#body #swatches a.tool{
	right: 4px;
	top: 6px;
}
#body a.zoom{top: 25px;}
#body a.tool img{
	background: url(/images/tools.gif) 0 -2px no-repeat;
	height: 20px;
	margin: 0;
	width: 24px;
}
#body #essenceslist a.tool img,
#body #swatches a.tool img{margin: 0;}
#body a:hover.tool img{background-position: -24px -2px;}
#body a.zoom img{background-position: 0 -26px;}
#body a:hover.zoom img{background-position: -23px -26px;}
#body a.del img{background-position: 0 -50px;}
#body a:hover.del img{background-position: -24px -50px;}
#body #essenceslist ul li.hover a.tool,
#body #swatches ul li.hover a.tool{display: block;}

#swatches{
	float: right;
	width: 400px;
}
#swatches ul li{
	background-color: #FFFFFF;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 1px solid #4b3623;
	color: #000000;
	margin-bottom: 5px;
	padding: 8px 6px;
	position: relative;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#swatches ul li.empty{
	background-color: #FAFAFA;
	border-color: #CCCCCC;
	color: #CCCCCC;
	font-weight: normal;
}
#swatches ul li a{float: right;}

#swatches ul li span{
	background: #000000;
	color: #FFFFFF;
	padding: 2px 5px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#categories{padding-top: 20px;}
#categories ul,
#categories ul li{
	background: none;
	border: none;
	list-style: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
#categories ul li a{
	background-position: center center;
	background-repeat: no-repeat;
	border: 5px solid #cdcdcd;
	float: left;
	height: 120px;
	margin: 0 20px 20px 0;
	position: relative;
	text-decoration: none;
	width: 240px;
}
#categories ul li a:hover{border-color: #ee7d00;}
#categories ul li a strong{
	background: #FFFFFF;
	color: #ee7d00;
	font: 17px/19px Arial, Helvetica, sans-serif;
	left: 0;
	padding: 5px 10px;
	position: absolute;
	text-transform: uppercase;
	top: 20px;
	width: 180px;
}
#categories ul li a:hover strong{
	background: #ee7d00;
	color: #FFFFFF;
}
#contenu.inspirations p.more{
	float: right;
	margin-top: 15px;
}
#categories ul li a img{
	height: 120px;
	width: 240px;
}

#plan{padding-bottom: 30px;}
#plan ul,
#plan ul li{
	background: none;
	border: none;
	font: 22px/28px "Century Gothic", Verdana, Arial, sans-serif;
	list-style: none;
	margin: 0;
	padding: 6px 0;
}
#plan ul li a{
	color: #555555;
	text-decoration: none;
}
#plan ul li ul{
	padding-bottom: 40px;
	padding-top: 20px;
}
#plan ul li ul li{
	background: url(/images/bg-bullet.gif) 10px 1px no-repeat;
	font-size: 19px;
	padding-left: 40px;
	padding: 4px 0 4px 37px;
}
#plan ul li ul li a{color: #777777;}
#plan ul li ul ul{padding-top: 10px;}
#plan ul li ul li ul li{
	background: url(/images/bg-bullet.gif) -967px 4px no-repeat;
	font-size: 17px;
	padding: 0 0 0 40px;
}
#plan ul li ul li ul li a{color: #a1a1a1;}

#plan ul li a:hover,
#plan ul li ul li a:hover,
#plan ul li ul li ul li a:hover{color: #ee7d00;}