/****************************************
*			position du site			*
****************************************/

body{
	margin:0px;
	background-color:#3d7fac;
	font-family:Verdana;
}

#site{
	width:982px;
	height:615px;
	border:1px solid white;
	background-color:white;
}

#filet{
	border:1px solid #acacac;
	width:984px;
	height:617px;
	margin-left:auto;
	margin-right:auto;
}

#bande_site{
	position:absolute;
	top:50%;
	margin-top:-308px;
	left:0px;
	width:100%;
	text-align:center;
	background-image:url('../img/fond_milieu_d.jpg');
	border-top:1px solid #2B78AC;
	border-bottom:1px solid #2B78AC;
}


#bandeau{
	height:119px;
	background-image:url('../img/bandeau.jpg');
}

#menu{
	float:left;
	width:206;
	height:496px;
	background-image:url('../img/fond_menu.jpg');
}

#cadre{
	float:right;
	width:774px;
	height:476px;
	background-image:url('../img/haut.gif');
	background-repeat:repeat-x;
}

#pied{
	float:right;
	width:774px;
	height:20px;
	background-image:url('../img/bas.gif');
	text-align:right;
}

#pied a{
	color:black;
	font-size:10px;
	margin-top:3px;
	padding-right:3px;
}
#pied a span{
	color:red;
}

#contenu{
	padding-left:40px;
	padding-right:30px;
	border:0px solid black;
	height:410px;
	overflow:hidden;
}


/****************************************
*				textes					*
****************************************/

	.texte{
		font-size:12px;
		color:#0067AB;
	}
	
	.texte span{
		font-weight:bold;
	}
	
	.texte a{
		color:#595959;
	}
	
	.texte a:hover{
		color:#0067A8;
	}
	
	.justifier{
		text-align:justify;
	}
	
	.gauche{
		text-align:left;
	}
	
	.droite{
		text-align:justify;
	}


/****************************************
*			lien menu_gauche			*
****************************************/

	#menu hr{
		width:170px;
		/* firefox */
		background-color: white;
		border:white;
		/* IE */
		color:white;
		background:white;
		height:1px;
	}
	
	
	.grand_lien{
		line-height:22px;
		margin-left:10px;
		display:block;
		text-decoration:none;
	}
	
	.petit_lien{
		line-height:22px;
		margin-left:25px;
		display:block;
		text-decoration:none;
	}
	
	.grand_lien,
	.petit_lien{
		color:#595959;
	}
	
	.grand_lien:hover,
	.petit_lien:hover{
		color:#0067A8;
	}
	
	.grand_lien:active,
	.petit_lien:active{
		color:#d43c2e;
	}
	
	.grand_lien_on{
		line-height:22px;
		margin-left:10px;
		display:block;
		text-decoration:none;
	}
	
	.petit_lien_on{
		line-height:22px;
		margin-left:25px;
		display:block;
		text-decoration:none;
	}
	
	.grand_lien_on,
	.petit_lien_on{
		color:#d43c2e;
	}
	
	
	.lien_bleu, 
	.lien_vert,
	.lien_orange,
	.lien_rose,
	.lien_rouge,
	.lien_jaune,
	.lien_bleu_clair,
	.lien_petit_bleu, 
	.lien_petit_vert,
	.lien_petit_orange,
	.lien_petit_rouge,
	.lien_petit_jaune,
	.lien_petit_bleu_clair
	{
		padding-left:20px;
		text-align:left;
		font-size:12px;
		background-repeat:no-repeat;
		background-position:left center;
	}
	
	/****************************************
	*			grandes puces				*
	****************************************/
	
		.lien_bleu
		{
			background-image:url('../img/bt_actualite.png');
		}
		
		.lien_vert
		{
			background-image:url('../img/bt_societe.png');
			
		}
		
		.lien_orange
		{
			background-image:url('../img/bt_produits.png');
			
		}
		
		.lien_rose
		{
			background-image:url('../img/bt_logiciels.png');
			
		}
		
		.lien_rouge
		{
			background-image:url('../img/bt_services.png');
			
		}
		
		.lien_jaune
		{
			background-image:url('../img/bt_liens.png');
			
		}
		
		.lien_bleu_clair
		{
			background-image:url('../img/bt_restez.png');
			
		}
	
	
	/****************************************
	*			petites puces				*
	****************************************/
	
		.lien_petit_vert
		{
			background-image:url('../img/btp_societe.png');
			
		}
		
		.lien_petit_orange
		{
			background-image:url('../img/btp_produits.png');
			
		}
	
	
	
		

	
/****************************************
*			titres des pages			*
****************************************/

	.titre_bleu,
	.titre_vert,
	.titre_jaune,
	.titre_rose,
	.titre_orange,
	.titre_bleu_clair,
	.titre_rouge
	{
		padding-left:30px;
		text-align:left;
		font-family:Times;
		font-weight:normal;
		font-size:30px;
		margin-top:20px;
		margin-left:10px;
		margin-bottom:10px;
		color:black;
		background-repeat:no-repeat;
		background-position:left center;
	}
	
	.titre_bleu{
		background-image:url('../img/rub_actualite.gif');
	}
	
	.titre_vert{
		background-image:url('../img/rub_societe.gif');
	}
	
	.titre_jaune{
		background-image:url('../img/rub_liens.gif');
	}
	
	.titre_rose{
		background-image:url('../img/rub_logiciels.gif');
	}
	
	.titre_orange{
		background-image:url('../img/rub_produits.gif');
	}
	
	.titre_bleu_clair{
		background-image:url('../img/rub_restez.gif');
	}
	
	.titre_rouge{
		background-image:url('../img/rub_services.gif');
	}
	
	


/****************************************
*			styles des ul et li			*
****************************************/

	.liste_orange{
		list-style-image: url('../img/btp_produits.png');
	}
	
	.liste_orange li{
		margin-bottom:15px;
	}
	
	.liste_rose{
		list-style-image: url('../img/btp_logiciels.png');
	}
	
	.liste_rose li{
		margin-bottom:10px;
	}
	

	.hr_pointille{
		border:1px dashed #C6C6C6;
		margin-bottom:0px;
		margin-top:10px;
	}
	
	

/****************************************
*			sous titres					*
****************************************/

	.sous_titre_orange{
		display:inline;
		font-weight:normal;
		font-size:12px;
		padding-left:20px;
		color:black;
		background-repeat:no-repeat;
		background-image:url('../img/btp_produits.png');
		background-position:left center;
	}

	
/****************************************
*				tableaux				*
****************************************/

	.tableau{font-size:12px;border:1px solid #cccccc;}
	.tableau th{background-color:#cccccc;font-weight:normal;text-align:left;color:black;padding:3px;}
	.tableau td{font-weight:normal;text-align:left;color:black;padding:2px;}
	
	.border_right{
		border-right:1px solid #cccccc;
	}
	

/****************************************
*		liens precedent et suivant		*
****************************************/

	.precedent{
		font-size:12px;
		padding-left:20px;
		color:#0067AB;
		background-repeat:no-repeat;
		background-image:url('../img/precedent_off.jpg');
		background-position:left center;
		margin-right:10px;
		margin-top:5px;
		text-decoration:none;
	}
	
	.suivant{
		font-size:12px;
		padding-right:20px;
		color:#0067AB;
		background-repeat:no-repeat;
		background-image:url('../img/suivant_off.jpg');
		background-position:right center;
		margin-left:10px;
		margin-top:5px;
		text-decoration:none;
	}


/****************************************
*	ascenseur si contenu trop grand		*
****************************************/

	#fleche_u{
		position:absolute;
		left:50%;
		margin-left:-280px;
		top:350px;
		width:18px;
		height:15px;
		background-image:url('../img/up_off.jpg');
		background-repeat:no-repeat;
	}
	
	#fleche_b{
		position:absolute;
		left:50%;
		margin-left:-280px;
		top:400px;
		width:18px;
		height:15px;
		background-image:url('../img/bottom_off.jpg');
		background-repeat:no-repeat;
	}
	

/****************************************
*			styles des boutons			*
****************************************/

	.bouton{
		border:1px solid #3d7fac;
		background-color:#b5d1e6;
		height:18px;
		padding:2px 10px 2px 10px;
		text-decoration:none;
	}
	
	.bouton:hover{
		border:1px solid #3d7fac;
		background-color:#cbe8fa;
	}