/* =================================================
	Banque Populaire Lorraine Champagne ©2010
	Propulsé par [+x]Pluzix
	Webdesign & CSS par David LORGE
===================================================== */


/*
---------------------------------------------------------
GENERAL
---------------------------------------------------------
*/




body { 
    background-color :#fff; 
    font-family: Arial;
    margin: 0; padding: 0;
    zoom: 1;
} 

.spacer, .spacer-left, .spacer-right { height: 0px; margin: 0; clear: inherit; }


#Conteneur {
	background: #fff;
	border: none;
	height: inherit;
	min-height: inherit;
}



/*
---------------------------------------------------------
BLOCS A MASQUER
---------------------------------------------------------
*/

#Entetedepage, #MenuMarches, #ColonneGauche, #AccesDirect, #Pieddepage, .none, SPAN.print {
	display: none;
	float: inherit;
}



/*
---------------------------------------------------------
FIL DARIANE
---------------------------------------------------------
*/


ul#fildariane {
	height: 2.3em;
	border: 1px solid #dedede;
}
ul#fildariane, ul#fildariane li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 11px;
}
ul#fildariane li {
	float: left;
	line-height: 2.3em;
	color: #777;
	padding-left: 1em;
}
ul#fildariane li a {
	display: block;
	padding: 0 20px 0 0;
	font-weight: bold;
}	
ul#fildariane li a:link,
ul#fildariane li a:visited {
	color: #666;
	text-decoration: none;
}


/*
--------------------------------------------------------------
PAGE DU TLGC = contenus dynamiques affichés depuis le CMS
--------------------------------------------------------------
*

/* règlages du bloc central contenant les données */
#tlm_page {
	text-align: left;
	padding: 20px 0 20px 0;
}

/* propriétés des paragraphes */
#tlm_page p {
	margin: 3px 0;
	padding: 0;
	text-align: left;
	font: normal normal 11px Arial, Verdana, sans-serif;
	color: #333;
}

/* gestion des titres et des inter-titres */
#tlm_page h3, #tlm_page h4, #tlm_page h5 {
	margin: 0;
	padding: 0;
	font: normal bold 11px Arial;
}
/* titre : aspect grand */
#tlm_page h3 {
	font-size: 16px;
}
/* titre : aspect moyen */
#tlm_page h4 {
	font-size: 13px;
}
/* titre : aspect petit */
#tlm_page h5 {
	font-size: 11px;
}

/* paragraphe : élément "résumé" */
#tlm_page p.resume {
	font-size: 11px;
	font-weight: bold;
	color: #555;
}

/* propriétés images */
#tlm_page img {
	margin: 5px;
	border: 0;
}

/* propriétés puces (%%*%%) */
#tlm_page img.puce {
	margin: 0 2px 0 0 ;
	padding: 0;
	vertical-align: middle;	
}


/* écoulement d'une double colonne */
#tlm_page .floatleft { 
	float: left;
	overflow: hidden;
}
/* si une image est placée dans une double colonne écoulée */
#tlm_page .floatleft img {
	margin-left: 0;
}

/* encadrement d'images */
#tlm_page img.img {
	padding: 3px;
	background: #fff;
	border: 1px solid #ccc;
}


/* ------ Encadrement général élément "Bloc Texte" ------ */

/* formatage du bloc "texte" (police, encadrement...) */
#tlm_page .bt {
	color: #444;
	font: normal normal 11px Arial;
	padding: 10px;
	width: auto;
	margin: 20px 50px;
} 


/* ------ Aspect des liens ------ */

/* liens simples */
#tlm_page a:link, #tlm_page a:visited, #tlm_page a:active {
	color: #295499;
	text-decoration: none;
	font: normal normal 11px Arial, sans-serif;
}



/*
---------------------------------------------------------
GESTION DES COULEURS DE MARCHE
---------------------------------------------------------
*/

/* Titres et des inter-titres */
body.accueil #tlm_page h3, body.accueil #tlm_page h4, body.accueil #tlm_page h5 { color: #1EA4ED; }
body.actualites #tlm_page h3, body.actualites #tlm_page h4, body.actualites #tlm_page h5 { color: #1EA4ED; }
body.particuliers #tlm_page h3, body.particuliers #tlm_page h4, body.particuliers #tlm_page h5 { color: #E91F6C; }
body.jeunes #tlm_page h3, body.jeunes #tlm_page h4, body.jeunes #tlm_page h5 { color: #FF8717; }
body.professionnels #tlm_page h3, body.professionnels #tlm_page h4, body.professionnels #tlm_page h5 { color: #97B900; }
body.entreprises #tlm_page h3, body.entreprises #tlm_page h4, body.entreprises #tlm_page h5 { color: #8330B6; }
/**/
body.fonctionnaires #tlm_page h3, body.fonctionnaires #tlm_page h4, body.fonctionnaires #tlm_page h5 { color: #00C6C8; }
body.agriviti #tlm_page h3, body.agriviti #tlm_page h4, body.agriviti #tlm_page h5 { color: #97B900; }
body.societaires #tlm_page h3, body.societaires #tlm_page h4, body.societaires #tlm_page h5 { color: #B01519; }


/* Contenus : Blocs encadres */
body.accueil #tlm_page .bt { background: #ebf5ff; border: 1px solid #a1d3ff; }
body.actualites #tlm_page .bt { background: #ebf5ff; border: 1px solid #a1d3ff; }
body.particuliers #tlm_page .bt { background: #fbeef4; border: 1px solid #f48fb5; }
body.jeunes #tlm_page .bt { background: #fff4e9; border: 1px solid #fec28a; }
body.professionnels #tlm_page .bt { background: #f8fde3; border: 1px solid #cbdc7f; }
body.entreprises #tlm_page .bt { background: #f6f1fa; border: 1px solid #c197da; }
/**/
body.fonctionnaires #tlm_page .bt { background: #eeffff; border: 1px solid #7fe2e3; }
body.agriviti #tlm_page .bt { background: #f8fde3; border: 1px solid #cbdc7f; }
body.societaires #tlm_page .bt { background: #ffeff0; border: 1px solid #d78a8c; }


/* Page de Besoins */
body.particuliers #Besoins .Titre a { color: #E91F6C; }
body.jeunes #Besoins .Titre a { color: #FF8717; }
body.professionnels #Besoins .Titre a { color: #97B900; }
body.entreprises #Besoins .Titre a { color: #8330B6; }
/**/
body.societaires #Besoins .Titre a { color: #B01519; }