* {padding: 0px; margin: 0px;}
img {border: none;}
body {background:url(../images/background_body.jpg) top center no-repeat #325b0f; height:100%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: center}
#container {width:759px; margin: 0 auto; background: #fff; overflow: hidden; text-align:left;}

#header {height:275px;}

#leftSide {width: 245px; float: left;}
.nouvelle {font-size: 12px;}
#leftSide .nouvelle {width: 245px;}
a .nouvelle {text-decoration: none;}
.nouvelle .date {color: #d71f1e; padding: 2px 10px 0 10px; margin: 0 10px; font-style: italic; height: 21px;}
.nouvelle:hover .date {background: url(../images/bg_nouvelles.gif) top left no-repeat; color: #000;}
.nouvelle .titre {color: #666; margin: 0 20px 10px 20px; border-bottom: 1px solid #CCC; padding-bottom: 10px;}
.nouvelle:hover .titre {color: #000;}

#rightSide {width: 514px; float: right;}
#rightSide .btnAccueil {width: 156px; height: 39px; background:url(../images/boutons/bg.gif) top left no-repeat; display: block; float:left; text-align: center; margin: 18px 5px;}
#rightSide .btnAccueil a {width: 156px; height: 29px; display: block; padding-top: 12px;}
#rightSide .btnAccueil:hover {background-position: -156px;}

.even {width: 514px; height: 73px; margin-bottom: 15px;}
a .even {text-decoration: none;}
.even:hover {background: url(../images/bg_evencontent.gif) top right no-repeat;}
.even .even_photo {background:url(../images/bg_even.gif) top left no-repeat; padding-left: 22px; width: 73px; height: 73px; float:left;}
.even .even_content {width: 405px; float:right; padding-top: 10px;}
a .even .even_content .dates {color: #000; font-weight: bold;}
a .even .even_content .titre {color: #000;}

#footer {width: 759px; height: 40px; background-color: #7f7f7f; margin: 0 auto; padding:}
#footer #footer_inner {color: #e5e5e5; font-size: 11px; padding: 12px 0 0 15px;}
#footer #footer_inner a {color: #e5e5e5;}

h1 {font: 18px Arial, Helvetica, sans-serif; font-weight: bold; color: #000; letter-spacing: -1px; text-transform: uppercase; margin: 10px 0 10px 20px;}

h2 {font: 19px Arial, Helvetica, sans-serif; font-weight: bold; color: #000; margin: 10px 0 10px 0; border-bottom: 1px solid #CCC; padding-bottom: 3px; text-transform: uppercase;}

h3 {font: 15px Arial, Helvetica, sans-serif; font-weight: bold; color: #000; margin: 10px 0 5px 0; padding-bottom: 3px; color: #595950;}

h4 {
	font-size: 13px;
	color: #595950;
	font-weight: bold;
	margin: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;}

p {font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 20px; text-align: justify; margin-bottom: 30px; color: #595950;}
p.nb { color: #d72a26; font-style: italic;}

ul {
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 20px;
	padding: 0 0 30px 20px;
	margin-left: 0;
	list-style: url(../images/dot.gif);
	color: #595950;
}

ul li ul {
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 20px;
	padding: 0 20px 0 20px;
	list-style: circle;
	color: #595950;
}

a {
	color: #d00001;
	cursor: pointer;
	text-decoration: underline;
}

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

.clear {clear:both;}

.numero {background:url(../images/boule_numero.jpg) top left no-repeat; height: 50px; width: 50px; float: left; margin: 4px 10px 0 0; font: bold 28px Arial, Helvetica, sans-serif; color: #fff; padding-top: 7px; text-align: center; font-style: italic;}

.oneCol { padding: 20px;}

#colLeft { float: left; width: 340px; margin-bottom: 30px;}
#colRight { float: right; width: 340px; margin-bottom: 30px;}

.table1 { font: 15px Arial, Helvetica, sans-serif;}
.table1 td { border-bottom: 1px dotted #CCC; padding: 3px 6px;}
.table1 td.left { font-weight: bold; width: 220px; background: url(../images/dot-ca.gif) center right no-repeat;}

table#evenements {font: 15px Arial, Helvetica, sans-serif; width: 720px; margin: 20px 0 30px 0;}
table#evenements th { font-weight: bold; vertical-align: top; background-color: #df2226; color: #fff; padding: 10px; background: url(../images/even_bg_th.gif) bottom repeat-x #898989; text-shadow: #000 1px 1px 3px; border-right: 1px solid #232323; border-left: 1px solid #a9a9a9;}
table#evenements td { font-size: 12px; border-bottom: 1px solid #E9E9E9; padding: 5px 10px;}
table#evenements td.left { font-weight: bold;}

/************ ANIMATED COLLAPSE **************/

#collapsing img {border:0;}

#collapsing a {color:#595950; text-decoration: none;}
#collapsing a:hover {color:#999; text-decoration: none;}

#collapsing ul {padding-top: 10px;}

.separ {
	height: 5px;
}

div.collapse {
	display: none;
	margin: 0;
}

div.collapse p {
	padding: 5px 30px 0 30px;
	margin: 0;
}

span.rouge {color: #C00;}