html, body {
	background-color:#800000;
	font-family:verdana, arial, sans-serif;
	margin : 0px;
	padding : 0px;
	height : 90%;
	width : 100%;
	text-align : center;
	font-size:medium;
	color:#800000;
}

a img{border:none;}
a{text-decoration:none;color:#000;}

marquee#news{
	clear:both;
	padding-top:8px;
}

#contenu {
	background-color:#FFD9A0;
	width:40em;
	margin-top : 3%;
	margin-left: auto;
	margin-right: auto;
	overflow:auto;
}

#liens {
	width:40em;
	margin-top : 1em;
	margin-left: auto;
	margin-right: auto;
	font-size:small;
}

#liens a{
	color:#FFD9A0;
}




p{margin:0px; padding:0px;}

img.logo{
	position:relative;
	height : 3em;
}

img.frise{
	width : 4.8em;
	margin : 0.2em;
}

img#ccf{
	width : 4em;
	float:right;
	margin-left : 1em;
}

img#fie{
	width : 4em;
	float:left;
	margin-right : 1em;
}

img#salle{
	width : 20.4em;
}

p.logo{
	margin-top:0.5em;
	position:relative;
}


p.frise{
	position:relative;
}

p#salle{
	position:relative;
}

.lettrine{
	font-size:x-large;
	color:#400000;
}

#gauche{
	text-align:right;
	float:left;
	/*width:19em;
	padding:1em 1em 0px 0px;*/
	margin-left:8em;
	padding-top:0.8em;
}

#droite{
	text-align:left;
	float:right;
	margin-right:8em;
	padding-top:0.8em;
	/*width:19em;
	padding:1em 0px 0px 1em;*/
}
#droite a, #gauche a{
	text-decoration:underline;
	color:#000000;
}
#droite a:hover, #gauche a:hover{
	text-decoration:none;
	color:#444;
}

img#fie, img#ccf{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

a{text-decoration:none;}

a:hover #fie, a:hover #ccf{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}

.txt{
	font-weight : 500;
	font-size:medium;
}

#lienCcf{
	text-align:right;
	float:left;
	width:19em;
	padding:0em 1em 0px 0px;	
}

#lienFie{
	text-align:left;
	float:right;
	width:19em;
	padding:0em 0px 0px 1em;
}

.catalogue{
	font-size:smaller;
	color:#800;
}
.catalogue:hover{
	color:#A55;
}