body {
	margin :0;
	background-color:#b6da4e;
}
* {
	margin : 0;
	padding :0;
}
p, h2, h3, h4, h5 {
	display :block;
}
p {
	padding :3px 10px 5px 0;
}
ul {
	margin : 0;
	padding :0;
	list-style :none;
}
a {
	text-decoration :none;
	color :#FF9922;
	font-weight:bold;
	
}
a:hover {
	text-decoration :none;
	color :#000;
}
.clear {
	clear :both;
	font-size :0;
}
.float {
	float:left;
}
/**************************************************************************/
#conteneur {
	margin:0 auto;
	width:955px;
}
#entete {
	background:url(images/bg-entete.jpg) 0 0 no-repeat;
	width:955px;
	height:149px;
}

.logo {
	margin:34px 0 0 1px;
}

#contenu{
	width:955px;

}

#imagesAccueil{
	float:left;
	width:378px;

}

/***************************************** Menu *************************************/

#menu{
	width:194px;
	height:400px;
	float:left;
	background:url(images/bg-menu.jpg) 0 0 no-repeat;
	font-size:14px;

}

#menu ul li{
	margin-bottom:1px;
	text-align:center;

}

#menu ul li a{
	background:url(images/bg-lien.jpg) repeat-x 0 0;
	display:block;
	color:#0c0b0b;
	padding:5px 1px;
	height:18px;
	width:192px;
	font-weight:normal;

}
#menu ul li a:hover{
	color:#FFFFFF;
}
#menu ul li a.menuactif{
	color:#FFFFFF;
}
#catalogue{
	width:170px;
	margin-top:200px;
}

#catalogue a{
	font-size:19px;
	color:#ff9920;
	display:block;
	float:left;
	padding:0 4px;
	font-weight:normal;
}
#catalogue a:hover{
	color:#7DB636;
}


#catalogue img{
	margin:1px 0;
}

/***************************************** Accueil *************************************/

#DroitAccueil{
	width:359px;
	float:left;
	padding:10px 0 0 20px;
}
#DroitAccueil strong{
	color:#7DB636;
}

.presentation{
	margin:0 0 10px 0;
}
.logobas{
	float:left;
	padding:5px 6px 0 0;
}
.logobas2 img{
	padding:0 6px 0 0;
}
/************************************   contact  **************************************/

.imgleft{
	float:left;
}

#blockcontact{
	width:597px;
	float:left;
	padding:20px 0 0 22px;
}
/***************************************  savoir faire *********************************/
.leftsavoirfaire{
	width:559px;
	float:left;
}
.leftsavoirfaire h3{
	color:#549241;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
	padding:5px 0 0 0;
	clear:both;
}
.blocksavoirfaire{
	width:218px;
	float:left;
	padding:5px 0 0 13px;
	text-align:justify;
}
.blockorange{
	background:url(images/bg-orange.jpg) 0 0 no-repeat;
	padding:6px 0 5px 7px;
	height:75px;
}
.blockorange img{
	float:left;
}
.meltivablokorange{
	padding: 16px 0 0 14px;
}
.rightsavoirfaire{
	width:387px;
	padding:10px 0 0 9px;
	float:left;
}
.produithaut{
	float:right;
}
.leftssupor{
	width:176px;
	float:left;
}
.article
{
	float:left;
	width:384px;
	margin:0 0 6px 0;
	padding:10px 0 0 0;
	line-height:18px;
}
.article img{
	float:right;
}

.article h3{
	color:#549241;
	font-size:15px;
	font-weight:bold;
}

.border3
{
	background:url(images/hor_ligne.jpg) no-repeat right  top;
	padding:7px 0 0 15px;
	width:177px;
}
.border4
{
	padding:0 0 0 15px;
	width:177px;
}
.maj
{
	padding:5px 0 0 0;
	text-transform: uppercase;
	color: #ff9920;
	font-size: 14px;
}
/*********************************** mentions légales **************************/
.blockmentions{
	width:597px;
	float:left;
	padding:20px 0 0 22px;
}
.blockmentions h2{
	color:#FF9521;
	font-size:13px;
	font-weight:bold;
}
.blockmentions strong{
	color:#549241;
}
/************************************ CSS formulaire ****************************/

#formulaire {
	float:left;
	width:590px;
	color:#000;
	font-size:12px;
	font-weight:bolder;
	padding:0;
}
.form1 {
	float:left;
	width:281px;
}
.form2 {
	float:left;
	width:281px;
	padding-left:24px;
}
#formulaire form {
	display: inline;
}
#formulaire p {
	margin:0 0 3px 0;
	width:281px;
	padding:0;
	float:left;
}
#formulaire span {
	float:left;	
	font-weight:bolder;
}
#formulaire .info {
	clear: both;
	text-align:right;
}
#formulaire em {
	color:#EB7C00;
}
#formulaire .question {
	padding-top:10px;
}
#formulaire input {
	float:right;
	border:1px solid #FF9920;
	width:203px;
	height:18px;
}
#formulaire textarea {
	float:right;
	border:1px solid #FF9920;
	height:70px;
	width:203px;
	overflow:hidden;
}
#formulaire .bout {
	width: 58px;
	height:12px;
	border:none;
	margin-top:4px;
}
#formulaire .rouge {
	color:#FF9920;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
	width:520px;
	padding-bottom:6px;
}

.leftcontact{
	width:331px;
	float:left;
	text-align:center;
	color:#397925;
	font-size:16px;
	font-weight:bold;
	padding:0 40px 0 0;

}
.leftcontact img{
	border:1px solid #663333;
	margin:0 0 10px 0;
}
.rightcontact{
	background:url(images/blockcordone.gif) 0 0 no-repeat #B1D359;
	width:218px;
	margin:0 0 0 0;
	float:left;
	color:#397925;
	padding:0 0 10px 0;
	position:relative;
}
.plante{
	position:absolute;
	left: -34px;
	top: -57px;
}
.rightcontact h3{

	font-size:16px;
	font-weight:bold;
	padding:19px 0 15px 40px;
}
.rightcontact img{
	padding:10px 12px 0 0;
	float:right;
}
.rightcontact p{
	float:left;
	width:169px;
}
.cordadress{
	background:url(images/picto-adress.gif) 8px 0 no-repeat;
	padding:0 0 0 50px;	
} 
.cordtel{
	background: url(images/picto-tel.gif) 8px 0 no-repeat;
	padding:0 0 0 50px;
	margin:5px 0 0 0;
		

} 
.cordmail{
	background: url(images/picto-mail.gif) 8px 0 no-repeat;
	padding:0  0 0 50px;
	margin:5px 0 0 0;
} 

/***************************************** Footer *************************************/

#footer {
	width:100%;
	background-color:#b6da4e;
	clear:both;
	font-size:11px;
	border-top:1px solid #fff;
}

#footer2 {
	background: url(images/bg-footer.jpg) no-repeat 0 0;
	width:955px;
	text-align:center;
	color:#2e8415;
	padding:5px 0 30px 0;
	text-align:center;
	line-height:14px;
	margin:0 auto;
	
}
#footer a {
	text-decoration :none;
	color :#2e8415;
	
}
#footer a:hover {
	text-decoration :none;
	color :#000;
}
object{
	position:relative;
	top:5px;
}
#toptech{
	padding:62px 0 0 0;
}

.bg {
	font-family :Arial, Helvetica, sans-serif;
	font-size :12px;
	color :#000;
	text-align :justify;
	background :#FFFFFF url(images/bg-body.jpg) repeat-x;
}