body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#d2c4b6;
	margin:0;
	padding:0;
	text-align:left;
	font-size:10px;
	color:#333;
}

* { behavior: url('css/iepngfix.htc') }

h1 {
	font-size:14px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 { font-size:16px; color:#beaf9b; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	margin-bottom:10px;
}

a 			{ color: #333333;}
a:link 		{ text-decoration: none;}
a:visited 	{ text-decoration: none;color: #333333;}
a:hover 	{ text-decoration: underline;color: #999999;}
a:active 	{ text-decoration: none;color: #333333;}

p, form {
	margin:0;
	padding:0;
}

.titregris{
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
}

#main {
	width:1000px;
	background:#fff url('fd.jpg') repeat-y top;
}

#top {
	position:relative;
	width:100%;
	height:162px;
	background:url('top.jpg') no-repeat;
	clear:both;
}

#menu {
	position:absolute;
	list-style-type:none;
	margin:0;
	padding:0;
	
	bottom:32px;
	right:38px;
}

#menu li {
	float:left;
	width:130px;
	height:27px;
	background:url('bts.jpg') no-repeat;
}

#menu li:hover, #menu li.active {
	background:url('bts_over.jpg') no-repeat;
}

#menu a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	position:relative;
	top:8px;
}

#data {
	width:100%;
	clear:both;
	position: relative;
}

#bottom {
	margin-top:15px;
	position:relative;
	width:100%;
	clear:both;
	height:105px;
	background:url('bottom.jpg') no-repeat bottom;
}

#newsletter {
	position:absolute;
	top:32px;
	left:100px;
}

#legal {
	position:absolute;
	bottom:25px;
	right:102px;
	font-weight:bold;
	font-size:10px;
}

input.ok {
	width:25px;
	height:25px;
	border:0;
	background:url('ok.gif') no-repeat;
}

#sidebar {
	width:264px;
	float:left;
	padding-left:45px;
}

#php {
	width:610px;
	float:right;
	padding-right:60px;
	
}

/********** LES PAGES **********/
.carte_matest {
	position:relative;
	width:264px;
	height:127px;
	background:url('carte_matest.gif') no-repeat;
}

.carte_matest p {
	position:absolute;
	right:10px;
	top:50px;
	font-size:10px;
	width:120px;
}

.info_matest {
	position:relative;
	width:264px;
	height:127px;
	background:url('info.gif') no-repeat;
}

.info_matest p {
	position:absolute;
	left:20px;
	top:60px;
	font-size:10px;
	width:235px;
}

.catalogue_matest {
	position:relative;
	width:180px;
	height:200px;
	background:url('catalogue.gif') no-repeat;
}

.titre_decouvrez {
	width:180px;
	height:50px;
	background:url('decouvrez.gif') no-repeat;
}

/********** PAGE CATALOGUE ***************/
#menu_catalogue {
	margin:0;
	padding:0;
	margin-left:0px;
	list-style-type:none;
}

#menu_catalogue li {
	clear:both;
	float:left;
	width:100px;
	height:24px;
	margin-bottom:20px;
	margin-left:0px;
	background:url('bts_catalogue.gif') no-repeat;
}

#menu_catalogue li:hover, #menu_catalogue li.active {
	background:url('bts_catalogue_over.gif') no-repeat;
}

#menu_catalogue li:hover a, #menu_catalogue li.active a {
	color:#fff;
}

#menu_catalogue a {
	display:block;
	width:100%;
	height:100%;

	font-size:10px;
	color:#000;
	font-weight:bold;
	text-align:center;
	
	position:relative;
	top:5px;
}
#img {
	width:100px;
	height:100px;
	float:left;
	margin-left:5px;
}

#link a {
	width:100%;
	height:100%;
	display:block;
}

#link a:hover {
	width:100%;
	height:100%;
	background:#FFFFFF;
	-moz-opacity:0.3;
	opacity: 0.3;
	filter:alpha(opacity=30);
}

#sousmenu {
	float:left;
	background:url('sousmenu_bg.gif') top center no-repeat;
	width:600px;
	height:21px;
}

#sousmenu ul {
	margin-left:13px;
	padding:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	text-align:left;
	list-style-type:none;
}

#sousmenu li {
	width:82px;
	height:21px;
	text-align:center;
	list-style-type:none;
	float:left;
	text-transform:uppercase;
}

#sousmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	color: #333333;
	width:100%;
	height:100%;
	display:block;
	/*background:url('btn.gif') top center no-repeat;*/
}

#sousmenu  a:hover, #sousmenu  a.active {
	color: #ffffff;
	background:url('btn_hover.gif') no-repeat top center;
	text-decoration:none;
}

#sousmenu div{
	padding-top:4px;
}

#firefly {
	float:left;
	background:url('sousmenu_bg_firefly.gif') top center no-repeat;
	width:610px;
	height:21px;
}

#firefly ul {
	margin-left:18px;
	padding:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	text-align:left;
	list-style-type:none;
}

#firefly li {
	width:82px;
	height:21px;
	text-align:center;
	list-style-type:none;
	float:left;
	text-transform:uppercase;
}

#firefly a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	color: #FFFFFF;
	width:82px;
	height:21px;
	display:block;
}

#firefly  a:hover, #firefly  a.active {
	color: #cccccc;
	background:url('btn_hover_firefly.gif') no-repeat top center;
	text-decoration:none;
}

#firefly div{
	padding-top:4px;
}

#liste ul{
	margin:0px;
	padding:0px;
	padding-right:5px;
	float:left;
	height:110px;
	width:90px;
}

#liste li{
	list-style:none;
}

#liste a{
	color:#000000;
}

#liste a:hover{
	color:#6699CC;
}

#liste_pergolas ul{
	margin:0px;
	padding:0px;
	padding-right:5px;
	margin-left:5px;
	float:left;
	height:120px;
	width:135px;
}

#liste_pergolas li{
	list-style:none;
}

#liste_pergolas a{
	color:#000000;
}

#liste_pergolas a:hover{
	color:#6699CC;
}