@charset "utf-8";
div, p, ul, h2, h3, h4, h5, form, img{
	margin:0px;
}
a:active {
	text-decoration: none;
}

a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1856A0;
}

a:hover {
	text-decoration: none;
	color: #f1040d;
}

a:visited {
	text-decoration: none;
	color: #1856A0;
}

body {
	background-color: #FBFDFB;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#CONTAINER {
	left:0px;
	top:0px;
	width:700px;
	height:589px;
	background-image: url(../projets/images/wall.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}
#HEAD {
	position:relative;
	left:270px;
	top:5px;
	width:130px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
#HEAD a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

#TITRE {
	position:relative;
	left:55px;
	top:45px;
	width:600px;
	height:35px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #1B86BD;
	line-height: 35px;
	font-weight: bold;
	text-transform: uppercase;
}


#AFFICHE {
	position:relative;
	left:58px;
	top:60px;
	width:113px;
	height:160px;
	visibility: visible;
}
#MIDDLE {
	position:relative;
	left:190px;
	top:-100px;
	width:225px;
	height:260px;
}


#middle_head {
	position:relative;
	left:0px;
	top:0px;
	width:225px;
	height:45px;
	border-bottom-style: outset;
	border-bottom-color: #333333;
	border-bottom-width: thin;
}

#date {
	position:relative;
	left:0px;
	top:0px;
	width:225px;
	height:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	color: #FFFFFF;
}
#lieu {
	position:relative;
	left:0px;
	top:0px;
	width:225px;
	height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	line-height: 25px;
}
#MIDDLE   ul {
	border: thin dashed #333333;
	background-image: url(../images/carreaux.png);

}
#MIDDLE   ul   li {
	color: #1856A0;

}
#MIDDLE ul li a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1856A0;
}
#MIDDLE ul li a:hover {
	text-decoration: none;
	color: #f1040d;
}


#LEFT {
	position:relative;
	left:430px;
	top:-360px;
	width:220px;
	height:260px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
#FOOT {
	position:relative;
	left:55px;
	top:-350px;
	width:600px;
	height:65px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#facebook {
	position:relative;
	left:290px;
	top:-300px;
	width:117px;
	height:29px;
}

.info {
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
}
.Biblioteque_noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-transform: none;
}