
/* ------------------------------------------------------------------ */
/* -                     MODELE MISE EN PAGE 1                        */
/* ------------------------------------------------------------------ */
#pageLeft{
	width:270px;
	float:left;
	padding:0px;
	padding-left:0px;
}

#pageRight{
	width:548px;
	float:right;
	text-align:left;
	padding-bottom:0px;
}

	#pageRight .left{
		float:left;
		width:270px;
	}

	#pageRight .right{
		float:left;
		width:270px;
		margin-left:7px;
	}

#pageFull{
	padding:0px;
	text-align:left;
}

/* ------------------------------------------------------------------ */
/*                               LINK                                 */
/* ------------------------------------------------------------------ */
.link{	
	line-height:21px;
	background:url("images/bg_link.jpg") 0px 0px no-repeat #F0F8E1;
	padding:10px;	
	padding-left:12px;
	margin-bottom:5px;
	padding-bottom:10px;
}

	.link A{
		text-decoration:none;
		text-transform:uppercase;
		padding-left:15px;
		background:url("images/bg_linka.gif") 0px 3px no-repeat;
	}

	.link IMG{
	margin-top:3px;
	margin-right:3px;
	}

	.link IMG:hover{
	filter:alpha(opacity=50);  
	-moz-opacity:0.50;
	opacity: 0.50;
	}


/* ------------------------------------------------------------------ */
/* -                    Alert                                         */
/* ------------------------------------------------------------------ */

.important{
	color:#389801;
	border:1px solid #389801;
	background-color:#EBFAD3;
	padding:5px;
	font-size:120%;
	line-height:22px;
}


/* ------------------------------------------------------------------ */
/* -                    Cadre                                         */
/* ------------------------------------------------------------------ */
.cadre{
	text-align:left;	
	border:#C3F364 1px solid;
	padding:5px;
	padding:5px;
}


/* ------------------------------------------------------------------ */
/* -                    Liste                                         */
/* ------------------------------------------------------------------ */

 .liste{
	border-top:4px solid #81C423;
	background-color:white;
	font-size:10px;
}

 .liste TH{
	color:#389801;
	background-color:white;
}

 .liste TD{
	border-bottom:1px solid #cacaca;
}


 .liste TD H1{
	color:#2D99D9;
	font-weight:bold;
	font-size:12px;
}

 .liste TD BIG{
	color:#389801;
	font-weight:bold;
	font-size:12px;
}


/* ------------------------------------------------------------------ */
/* -                    Postit Homepage                               */
/* ------------------------------------------------------------------ */

 .postit1{	
	background:url("images/bg_postit1.gif") 0px 0px no-repeat;
	float:left;
	width:210px;
	height:58px;
	padding-left:60px;
	padding-top:12px;
	text-decoration:none;
	margin-bottom:5px;
}

 .postit2{	
	background:url("images/bg_postit2.gif") 0px 0px no-repeat;
	float:left;
	width:210px;
	margin-left:7px;
	margin-right:7px;	
	height:58px;
	padding-left:60px;
	padding-top:12px;
	text-decoration:none;
	margin-bottom:5px;
}

 .postit3{	
	background:url("images/bg_postit3.gif") 0px 0px no-repeat;
	float:left;
	width:210px;
	height:58px;
	padding-left:60px;
	padding-top:12px;
	text-decoration:none;
	margin-bottom:5px;
}

.postit1 h1, .postit2 h1, .postit3 h1{
	font-size:20px;
	color:#474747;
	margin-bottom:0px;
}

.postit1 h2, .postit2 h2, .postit3 h2{
	font-size:13px;
	color:#474747;
}

.postit1:hover, .postit2:hover, .postit3:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	text-decoration:none;

}

.postit1:hover h1, .postit2:hover h1, .postit3:hover h1{
	color:#359600;
}


/* ------------------------------------------------------------------ */
/* -                    TEXT HOME                                     */
/* ------------------------------------------------------------------ */

#textHome{
	height:95px;
	line-height:20px;
}


/* ------------------------------------------------------------------ */
/* -                    Calculator                                    */
/* ------------------------------------------------------------------ */

#calculator{
	background:url("images/bg_calculator.jpg") 0px -5px no-repeat #81C423;
	color:white;
	padding:8px;
	text-align:left;
	height:445px;
}

	#calculator h1{
	color:white;
	font-size:22px;
	margin-bottom:5px;
	}

	#calculator .btn{
		font-size:12px;
	}

	#calculator hr{
		color:white;
		background-color:white;
	  filter:alpha(opacity=50);  
	  -moz-opacity:0.50;
	  opacity: 0.50;
	}
	
	#calculator .cadre{
		background-color:#82C424;
		font-size:13px;
		color:#266500;
	}

		#calculator .cadre p{
			margin-top:0px;
			margin-bottom:8px;
		}
	
		#calculator .cadre big{
			font-size:15px;
			color:#FFFFFF;
		}

	
/* ------------------------------------------------------------------ */
/* -                    HOME 4X                                       */
/* ------------------------------------------------------------------ */

#home4X{
	width:270px;
	height:254px;
	display:block;
	margin-top:9px;
	margin-bottom:10px;
	background:url("images/bg_home_4x.jpg") 0px 0px no-repeat;
}

	#home4X:hover{
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
		cursor:pointer;
	}


/* ------------------------------------------------------------------ */
/* -           ATTESTATIONS & HOMOLOGATIONS                           */
/* ------------------------------------------------------------------ */

#attHom{
	width:260px;
	height:48px;
	display:block;
	padding:45px 10px 0px 0px;
	margin-bottom:10px;
	text-align:right;
	color:#2E6C04;
	font-size:16px;
	text-decoration:none;
	background:url("images/bg_att-hom.jpg") 0px 0px no-repeat;
}

	#attHom A{
		color:#2E6C04;
		font-size:16px;
		text-decoration:none;
	}

		#attHom A:hover{
			text-decoration:underline;
		}


/* ------------------------------------------------------------------ */
/* -                    tractor                                       */
/* ------------------------------------------------------------------ */
#tractor{
	background:url("images/bg_tractor.jpg") 0px 0px ;
	color:#2E6C04;
	padding:10px;
	margin-top:8px;
	line-height:18px;
	height:85px;
	display:block;
	text-decoration:none;
}

#tractor:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	cursor:pointer;
}

	#tractor BIG{
		color:#265C06;
		font-size:17px;
	}


/* ------------------------------------------------------------------ */
/* -                    PAGE ECOBOX                                   */
/* ------------------------------------------------------------------ */

.ecoBoxPhoto{
	width:270px;
	height:255px;
	float:left;
	margin-bottom:6px;
}

.ecoBoxOrder{
	width:75px;
	height:50px;
	display:block;
	float:right;
	padding-top:27px;
	padding-left:8px;
	margin-top:-30px;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	background:url('images/bg_ecoboxorder.jpg') 0px top no-repeat;
}

	.ecoBoxOrder:hover{
		color:#FFFFFF;
		background:url('images/bg_ecoboxorder.jpg') 0px bottom no-repeat;
	}

/* ------------------------------------------------------------------ */
/* -                    TEMOIGNAGES                                   */
/* ------------------------------------------------------------------ */

#attestations{
	width:255px;
	height:32px;
	display:block;
	text-align:right;
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
	margin-bottom:10px;
	padding-right:15px;
	padding-top:50px;
	background:url('images/bg_temoignages.jpg') 0px 0px no-repeat;
}

/* ------------------------------------------------------------------ */
/* -                    ATTESTATION                                   */
/* ------------------------------------------------------------------ */

#homologations{
	width:255px;
	height:32px;
	display:block;
	text-align:right;
	color:#57AB0E;
	font-size:18px;
	text-decoration:none;
	margin-bottom:10px;
	padding-right:15px;
	padding-top:50px;
	background:url('images/bg_attestation.jpg') 0px 0px no-repeat;
}

/* ------------------------------------------------------------------ */
/* -                    GARANTIE                                      */
/* ------------------------------------------------------------------ */

#garantie{
	width:255px;
	height:52px;
	display:block;
	text-align:right;
	color:#FFFFFF;
	font-size:18px;
	text-decoration:none;
	margin-bottom:10px;
	padding-right:15px;
	padding-top:30px;
	background:url('images/bg_garantie.jpg') 0px 0px no-repeat;
}

/* ------------------------------------------------------------------ */
/* -                    Link Page                                     */
/* ------------------------------------------------------------------ */

.linkPage{
}

	.linkPage A{
		display:block;
		padding:3px 0px 3px 15px;
		margin-bottom:1px;
		text-decoration:none;
		text-transform:uppercase;
		background:url("images/bg_linka.gif") 3px 6px no-repeat #F0F8E1;
	}

	.linkPage A:hover{
		background:url("images/bg_linka.gif") 3px 6px no-repeat #FFFFFF;
	}