body{
	text-align:center;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.en_savoir_plus{
	text-align:right;
}
img {border: 0;}	

.spacer {
clear: both;
}

/* le container */
#container {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* la banniere */
#header {
	height: 130px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

#joinUnis {
	background-color: #E6E6E6;
	width: 100%;
	float: right;
	margin-right:0px;
	margin-top:0px;
	position: relative;
	top: 20px;
	text-align:right;
}

#logo {
	position: relative;
	left: 0px;
	top: -60px;
	width: 121px;
	float: left;
}
#titre {
	position: relative;
	width: 575px;
	float: left;
	left: 10px;
	top: -25px;
	text-align: left;
}

/* le menu */

#gris, #bleu, #violin, #marron {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	line-height: normal;
	font-weight: normal;
	width: 24%;
	float: left;
	margin: 3px;
	min-width:185px;
	display: table-cell;
}

.contenuGris, .contenuBleu, .contenuViolin, .contenuMarron {
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height:150px; /*Hauteur Ă  modifier si plus de sous-rubrique*/
	text-align: left;
}
.contenuGris{
	background-image: url(../images/fond_gris.gif);
}

.contenuBleu{
	background-image: url(../images/fond_bleuGris.gif);
}

.contenuViolin{
	background-image: url(../images/fond_aubergine.gif);
}
.contenuMarron{
	background-image: url(../images/fond_chocolat.gif);
}

#menu li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 5px;
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: 2px top;
	list-style-type: none;
	padding-left: 20px;
/*	display: inline-table;*/
	width: auto;
}
#menu ul {
	margin: 0px;
	padding: 2px;
}

#gris .image,  #bleu .image , #violin .image, #marron .image{
	margin-bottom: 2px;
}

#gris .image {
	background-image: url(../images/bgd_gris.gif);
}
#bleu .image {
	background-image: url(../images/bgd_bleu.gif);
}
#violin .image{
	background-image: url(../images/bgd_violin.gif);
}
#marron .image{
	background-image: url(../images/bgd_marron.gif);
}

#menu {
	display: table;
	width: 100%;
	height:100%;
	margin-top: 5px;
}

#menu a {
	text-decoration: none;
	color:#333333;
}
#menu a:hover {
	text-decoration: underline;
	color:#C62941;
}


img {
border: 0;
}	
<!--[if IE]>
#gris, #bleu, #violin, #marron{
width:expression(document.body.clientWidth < 850  ? "210px" : "24%" );
}

<![endif]

#menu a {
	text-decoration: none;
	color:#333333;
}
#menu a:hover {
	text-decoration: underline;
	color:#C62941;
}


-->

/* les news */

#news {
	background-color: #C5D8D8;
	border: thin solid #6B859C;
	height:300px;
	width: 100%;
	display: inline-table;
}

.new1 {
	width: 18%;
	float: left;
	margin: 0px;
	padding:0px;
	margin-top:20px;
	margin-left:0px;
	overflow: auto;
	text-align: left;
}
.new2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	float: right;
	width: 80%;
	height: 100%;
	overflow: auto;
	background-color: #C5D8D8;
	text-align: left;
}
.new2_contenu{
	float: left;
	width: 47%;
	margin-right:5px;
}
.new2_contenu a{
	color:#556B80;
}
.new2_contenu a:hover{
	color:#C62941;
}
.titre_News li {
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: 5px;
	padding-top:2px;
	padding-bottom: 5px;
	background-image: url(../images/coin.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	list-style-type: none;
	padding-left: 20px;
	display: inline-table;
	width: auto;
	background-color:#5F778D;
	letter-spacing: 0.06em;
}
.titre_News ul {
	margin: 0px;
	padding: 2px;
}

.titre_News {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.text_News {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color:#C5D8D8;
	margin-left: 25px;
	padding-right:10px;
}

#container #news .new1 ul{
	margin:0px;
	padding-left:30px;
}

#container #news .new1 li{
	font-family:Georgia, "Times New Roman", Times, serif;
	list-style-position: outside;
	list-style-image: url(../images/puce_logo.gif);
	padding-left:5px;
	padding-top:5px;
	font-size: small;
	font-weight:bold;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #C62941;
	margin-bottom:15px;
	padding-bottom:5px;
}



.new1 a:hover{
	color:#C62941;
	text-decoration: none;
	font-weight: bold;
}

.new1 a{
	color:#5F5F5F;
	text-decoration: none;
	font-weight: bold;
}