/* Feuille de style CSS pour le site du Cercle Etudiant Naturaliste Brestois (CENB) */
/* Par Lomerandin, janvier 2007 */
/* Mis à jour pour la version PHP du site en février 2007 */

body	{
		width:780px;
		margin:auto;
		padding:1em;
		}

/* ================== */
/* Propriétés générales */
/* ================== */

h2	{
	margin-top:0;
	text-align:center;
	font-family:"Times New Roman", serif;
	font-variant:small-caps;
	color:#0066FF;
	}

p	{
	text-align:justify;
	font-family:"Times New Roman", serif;
	font-size:11pt;
	}

li	{
	text-align:justify;
	font-family:"Times New Roman", serif;
	font-family:11pt;
	padding-bottom:1em;
	}

/* ================== */
/* Propriétés des liens */
/* ================== */

a	{
	text-decoration:none;
	color:blue;
	}

a:hover	{
		text-decoration:underline;
		color:blue;
		}

	a:visited	{
				color:blue;
				}

	a:active	{
				color:green;		
				}

	a:focus	{
			color:green;
			}



/* ================== */
/* Propriétés des principaux blocs */
/* ================== */

/* Bloc d'en-tête : bannière et titre */
#header	{
		width:750px;
		height:150px;
		margin:auto;
		background-image:url("images/banniere.jpg");
		background-repeat:no-repeat;
		background-position:center center;
		padding-top:0.8em;
		}

	#titre_banniere	{
					text-align:center;
					margin-top:0;
					margin-bottom:0;
					font-family:Arial, Verdana, sans-serif;
					font-weight:bold;
					font-size:42pt;
					}

	#soustitre_banniere	{
						margin-right:3em;
						margin-top:1em;
						text-align:right;
						font-variant:normal;
						color:black;					
						}
/* Menu horizontal */
#hmenu	{
		margin-top:1em;
		margin-bottom:1em;
		height:30px;
		border:dashed black 1px;
		}

	#hmenu ul	{
				margin:0;
				margin-top:0.25em;
				list-style-type:none;
				}
				
	#hmenu li	{
				display:inline;
				padding-right:1em;
				padding-left:1em;
				}

	.hmenu_left	{
				float:left;
				}

	.hmenu_right	{
					float:right;
					}
	
	#hmenu a	{
			font-family:Arial, Verdana, sans-serif;
			font-size:11pt;
			text-decoration:none;
			color:blue;
			}

	#hmenu a:hover	{
					color:green;
					}

/* Menu vertical */					
#vmenu	{
		float:right;
		width:160px;
		height:500px;
		background-color:#66CCFF;
		}

	#vmenu ul	{
				margin-top:1em;
				margin-right:1em;
				}
	#vmenu li	{
			padding-bottom:0.5em;
			}

	/* Cas du bouton Accueil */
	#vmenu_index	{
					list-style-image:url("images/home.png");
					vertical-align:middle;
					}
	
	/* Cas des autres boutons */
	#vmenu_generic	{
					list-style-image:url("images/link_forward.gif");
					line-height:1.2em;
					}
	
	#vmenu a	{
			display:block;
			text-decoration:none;
			font-family:Arial, Verdana, sans-serif;
			font-size:10pt;
			font-weight:bold;
			color:black;
			}
	
	#vmenu a:hover	{
					text-decoration:underline;		
					}

	#vmenu a:active	{
					color:white;
					text-decoration:underline;
					}

	#vmenu	a:focus	{
					color:white;
					text-decoration:underline;
					}
	
	#vmenu p	{
			text-align:center;
			}

/* Affichage principal */
#content	{
			width:610px;
			min-height:500px; /* permet d'afficher le logo de fond si le texte est trop court */
			height:100% !important; /* pour Firefox (voir la ligne suivante) */
			height:500px; /* même chose, mais pour IE6 qui ne comprend pas min-height */
			padding:0;
			padding-top:1em;
			background-image:url("images/cenb-transpa.gif");
			background-repeat:no-repeat;
			background-position:100px 50px;
			}

	/* Cas particulier des news de la page d'accueil */
	/* Tout d'abord, la mise en page dans le tableau */
	#news table	{
				width:600px;
				margin:auto;
				}

	#news td	{
			width:250px;
			border:double black 3px;
			padding:0.5em;
			padding-bottom:3em;
			vertical-align:top;
			}

	/* Ensuite, le contenu des news */
	.news_type	{
				text-align:center;
				font-family:"Courier New", Courier, monospace;
				font-variant:small-caps;
				}

	.news_title	{
				font-family:Arial, Verdana, sans-serif;
				font-size:10pt;
				font-weight:bold;
				color:#3300FF;
				}

	.news_content	{
					margin-left:0.8em;
					font-size:10pt;
					}

/* Blocs de crédits */
#footer	{
		margin-top:2em;
		}

	#footer p	{
				font-size:8pt;
				text-align:center;
				}

/* ================== */
/* C'est tout ! */
/* ================== */