/* Définiton générale
-----------------------------------------------------------*/
html{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:rgb(51,51,51);
}
body{
	background-color:rgb(242,168,22);
	background-image:url(../img/isermat-fond-page-gris.gif);
	background-repeat:repeat-x;
	margin:0;
}
#ALL{
	width:850px;
	margin:auto;
	
	background-image:url(../img/isermat-fond-page-gris-bord.gif);
	background-repeat:repeat-y;
}
#PAGE{
	width:848px;

	border-left:1px solid black;
	border-right:1px solid black;
}
h3{
	font-size:13px;
	color:black;
}
img{border:none}
/* TOP
-----------------------------------------------------------*/
#TOP{
	height:99px;
	width:848px;

	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	background-color:#FFFFFF;
}
	#TOP a.logo{
		/*boite*/
		display:block;
		float:left;
		width:263px;
		height:99px;
		/*fond et bordure*/
		background-image:url(../img/isermat-logo.gif);
		border-right:1px solid black;
		/*Polices*/
	}
	#TOP a.BT-01{
		display:block;
		float:left;
		width:194px;
		height:99px;
		background-image:url(../img/top/01-isermat-location-materiel-btp.gif);
		border-right:1px solid black;
	}
		#TOP a.BT-01:hover{
			display:block;
			float:left;
			width:194px;
			height:99px;
			background-image:url(../img/top/01-ON-isermat-location-materiel-btp.gif);
			border-right:1px solid black;
		}
	#TOP a.BT-02{
		display:block;
		float:left;
		width:194px;
		height:99px;
		background-image:url(../img/top/02-isermat-vente-fourniture.gif);
		border-right:1px solid black;
	}
		#TOP a.BT-02:hover{
			display:block;
			float:left;
			width:194px;
			height:99px;
			background-image:url(../img/top/02-ON-isermat-vente-fourniture.gif);
			border-right:1px solid black;
		}
	#TOP a.BT-03{
		display:block;
		float:left;
		width:194px;
		height:99px;
		background-image:url(../img/top/03-isermat-materiel-occasion.gif);
	}
		#TOP a.BT-03:hover{
		display:block;
		float:left;
		width:194px;
		height:99px;
		background-image:url(../img/top/03-ON-isermat-materiel-occasion.gif);
	}	
	/* COLONNE 1
	-----------------------------------------------------------*/
	#PAGE #COL-1{
		float:left;
		width:263px;
		border-right:1px solid black;
	}
	#COL-1 #BLOC-BT{
		
	}
	#COL-1 #BLOC_LG{
		border-bottom:1px solid black;
	}
	#BLOC_LG div.lg{
		float:left;
		padding:5px 0 5px 0
	}
	div.lg img{
		margin-left:30px;
		vertical-align:text-bottom
	}
	div.lg a{
		text-decoration:none;
		color:black
	}
	div.lg a:hover{
		text-decoration:underline
	}
	#COL-1 .BLOC-MENU {
		background-color:rgb(217,218,218);
		border-top:1px solid black;
		border-bottom:1px solid black;
		margin : 10px 0 10px 0;
		padding:20px;
	}
	#COL-1 .BLOC-MENU h3.spip{
		text-align:center;
		margin:0 30px 0 30px;
		text-transform:uppercase;
	}
	.BLOC-MENU ul{
		margin:10px 10px 0 10px;
		padding:0;
		list-style:none;
	}
	.BLOC-MENU li{
		border-top:1px solid #999999;
		padding:2px 0 2px 0;
	}
	.BLOC-MENU li a.lien-interne{
		color:black;
		text-decoration:none;
		font-weight:bold;
		background: url(../img/lien/lien-interne-v2.gif) no-repeat;
		padding: 0 0 0 15px;		
	}
	.BLOC-MENU li a.lien-interne:hover,#PIED-LIEN a.lien-interne:hover{
		color:rgb(229,0,29);
	}
	/* COLONNE 2
	-----------------------------------------------------------*/
	#PAGE #COL-2{
		float:left;
		width:389px;
		border-right:1px solid black;
		padding-bottom:20px;	
	}
		#COL-2 #FOND-BLANC{
			background-color:white;	
			padding:25px;	
			border-bottom:1px solid black;
			text-align:center;
		}
			#FOND-BLANC img.spip_logos{
				margin-bottom:15px;
			}
			#FOND-BLANC h3.spip{
				font-size:26px;
				line-height:26px;
				margin:5px 5px 5px 0;
				text-align:left;
			}	
			#FOND-BLANC p.spip{
				font-size:13px;
				line-height:15px;
				text-align:left;
				margin-bottom:0;
			}
		#COL-2 #FOND-BEIGE{
			background-color:rgb(252,233,197);	
			padding:15px 30px 15px 30px;
			border-bottom:1px solid black;	
		}
		
		#COL-2 .OBJET{
			width:389px;
			background-image:url(../img/isermat-fond-objet.gif);
			background-repeat:repeat-y;
			border-bottom:1px solid black;
		}
		.OBJET .OBJ-IMG{
			width:135px;
			float:left;
		}
		.OBJET .OBJ-DESC{
			width:253px;
			float:left;
		}
			.OBJ-DESC h3.spip,.OBJ-DESC p.spip{
				margin:10px;
			}
	/* COLONNE 3 
	-----------------------------------------------------------*/
	#PAGE #COL-3{
		float:left;
		width:194px;
	}
	#COL-3 IMG{
		border-bottom:1px solid black;
	}
		#COL-3 #PROMOTION{
			border-bottom:1px solid black;
			background-color:rgb(217,218,218);
			
			text-align:center;
			padding:15px;
			margin:0;
		}
			#PROMOTION h3.spip{
				font-size:13px;
				margin-top:0;
			}
			#PROMOTION p.spip{
				margin:0
			}
		#NOUVEAUTES{
				background-color:black;
				font-size:13px;
				font-weight:bold;
				padding:3px;
				
				color:white;
				text-align:center;
			}
		#COL-3 #ADRESSE{
			border-bottom:1px solid black;
			
			text-align:center;
			padding:20px
		}
			#ADRESSE h3.spip{
				font-size:13px;
				margin-top:0;
			}
			#ADRESSE p.spip{
				font-size:10px;
				margin:10px 0 0 0;
			}	
			#ADRESSE strong{
				color:black;
			}			

/* Les liens
-----------------------------------------------------------*/
#PROMOTION a.lien-interne,#PIED-LIEN a.lien-interne{
	font-weight:bold;
	font-size:11px;
	color:black;
	text-decoration:none;
	background: url(../img/lien/lien-interne-v2.gif) no-repeat;
	padding: 0 0 0 15px;
}
#ADRESSE a.lien-interne{
	font-weight:bold;
	font-size:10px;
	color:black;
	text-decoration:none;
	background: url(../img/lien/lien-interne-v2.gif) no-repeat;
	padding: 0 0 0 15px;
}
a.lien-email{
	font-weight:bold;
	font-size:10px;
	color:black;
	text-decoration:none;
}
a.lien-email:hover{
	color:rgb(229,0,29);
}
#COL-2 #FOND-BLANC a.lien-interne{
	font-weight:bold;
	font-size:13px;
	color:black;
	text-decoration:none; 
	background: url(../img/lien/lien-interne.gif) no-repeat;
	padding: 0 0 0 15px;
}
#COL-2 #FOND-BEIGE a.lien-interne{
	font-weight:bold;
	font-size:11px;
	color:black;
	text-decoration:none;
	background: url(../img/lien/lien-interne-v2.gif) no-repeat;
	padding: 0 0 0 15px;
	
}
#COL-2 #FOND-BEIGE a.lien-interne:hover{
	color:rgb(229,0,29);
}
#COL-2 #FOND-BLANC a.lien-interne:hover, #COL-3 a.lien-interne:hover{
	color:rgb(229,0,29);
}
/* Les liens du bloc graphique
-----------------------------------------------------------*/
a.menu-accueil{
	display:block;
	width:113px;
	height:33px;
	background-image:url(../img/menu/menu_r2_c2.jpg);
	}
a.menu-accueil:hover{
	background-image:url(../img/menu/menu-on_r2_c2.jpg);
}
a.menu-contact{
	display:block;
	width:113px;
	height:35px;
	background-image:url(../img/menu/menu_r3_c2.jpg);
	}
a.menu-contact:hover{
	background-image:url(../img/menu/menu-on_r3_c2.jpg);
}
a.menu-presentation{
	display:block;
	width:113px;
	height:33px;
	background-image:url(../img/menu/menu_r4_c2.jpg);
	}
a.menu-presentation:hover{
	background-image:url(../img/menu/menu-on_r4_c2.jpg);
}
a.menu-catalogue{
	display:block;
	width:113px;
	height:67px;
	background-image:url(../img/menu/menu_r5_c2.jpg);
	}
a.menu-catalogue:hover{
	background-image:url(../img/menu/menu-on_r5_c2.jpg);
}
a.menu-devis{
	display:block;
	width:111px;
	height:67px;
	background-image:url(../img/menu/menu_r5_c3.jpg);
	}
a.menu-devis:hover{
	background-image:url(../img/menu/menu-on_r5_c3.jpg);
}
a.menu-negoce{
	display:block;
	width:111px;
	height:101px;
	background-image:url(../img/menu/menu_r2_c3.jpg);
	}
a.menu-negoce:hover{
	background-image:url(../img/menu/menu-on_r2_c3.jpg);
}
/* Pied de page
-----------------------------------------------------------*/
#PIED{
	background-color:rgb(104,106,107);
	height:20px;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
#PIED-ALL{
	width:850px;
	margin:auto;
}
#PIED-LIEN{
	width:848px;
	background-color:rgb(179,180,181);
	border-left:1px solid black;
	border-right:1px solid black;
}
	#PIED-LIEN p.spip{
		padding:5px 30px 5px 30px;
		margin:0;
	}