#body {
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: #FFFFFF;
	text-align:center;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	color:#000000;
	font-size:10pt;
}
#body a {
	text-decoration:none;
}
#body a:hover {
	text-decoration:underline;
}
#body img {
	border:0;
}
#body h1, #body h2, #body h3, #body h4, #body h5, #body h6, #body h7 {
	font-size:1em;
	font-weight:normal;
	padding:0;
	margin:0;
}
#body ul, #body li {
	margin:0;
	padding:0;
	list-style:none;
}
.invisibleText {
	font-size:0px;
	line-height:0px;
}

/*** Les phrases automatiques pour ouvrir dans une nouvelle fenetre et se désinscrire dans la newsletter ***/
#body #openInBrowser {
	margin-top:0.5em;
	color:#000000;
	font-size:8pt;
	margin-bottom:0.5em;
}
#body #openInBrowser a {
	color:#E53517;
}
#body #unsubscribe {
	margin-top:0.5em;
	color:#000000;
	font-size:8pt;
	margin-bottom:0.5em;
}
#body #unsubscribe a {
	color:#E53517;
}

#body #conteneur {
	text-align:left;
	width:600px;
	margin-right:auto;
	margin-left:auto;
	border:1px solid #EDEDEE;
	font-size:0.9em;
}


/* Header */
#body #header {
	height:111px;
	background:url("header.gif") top left no-repeat;
}
#header a {
	width:160px;
	height:100px;
	display:block;
	float:left;
}
#body #header .numero {
	font-weight:bold;
	font-size:1.5em;
	padding-top:35px;
	padding-right:30px;
	float:right;
}

/* Partie 1 : la lettre */
#body #lettre {
	overflow:hidden;
	width:580px;
	margin-right:auto;
	margin-left:auto;
	margin-top:2em;
	margin-bottom:1em;
}
#body #menu {
	float:left;
	display:inline;
	width:230px;
}
/* Edito */
#body #edito {
	background:url("edito-fond.gif") top left repeat-y;
	width:200px;
}
#body #edito .inner {
	background:url("edito-titre.gif") top left repeat-x;
}
#body #edito p {
	margin-left:6px;
	margin-right:12px;
	text-align:justify;
	padding-top:35px;
}
#body #edito .signature {
	background:url("edito-bottom.gif") bottom left no-repeat;
	padding-bottom:13px;
	overflow:auto;
}
#body #edito .signature .texte {
	float:left;
	display:inline;
	width:100px;
	margin-left:15px;
	padding-top:1em;
}
#body #edito .signature img {
	float:right;
	width:55px;
	margin-right:15px;
}
/* Liste de liens */
#body #liste {
	background:url("liste-top.gif") top left no-repeat #707173;
	width:199px;
	margin-top:1em;
	padding-top:1em;
}
#body #liste li.last-child {
	background:url("liste-bottom.gif") bottom left no-repeat;
	height:10px;
	margin-bottom:0px;
}
#body #liste li {
	background:url("liste-puce.gif") 5px 4px no-repeat;
	padding-left:17px;
	margin-bottom:5px;
}
#body #liste li a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:182px;
}
#body #liste li a:hover {
	text-decoration:underline;
}

/* Les actualités */
#body #actualites {
	float:left;
	display:inline;
	width:350px;
	margin-top:10px;
	position:relative;
}
/* Un article */
#body #actualites .article {
	padding-bottom:1em;
	background:url("actualites-separation.gif") bottom left no-repeat;
	margin-bottom:1em;
}
#body #actualites .article h3 a {
	color:#E53517;
	margin-bottom:0.5em;
	font-weight:bold;
}
#body #actualites .article .chapeau {
	font-weight:bold;
	color:#000000;
	margin-bottom:0.7em;
}
#body #actualites .article .texte {
	text-align:justify;
}
#body #actualites .article .texte .image {
	float:left;
	display:inline;
}
#body #actualites .article .texte .image img {
	margin-right:0.5em;
}

/* La vie des réseaux */
#body #vieReseaux {
	clear:both;
}
#body #vieReseaux h2 {
	color:#FFFFFF;
	background:#E53517;
	padding-left:10px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	font-size:1.5em;
}
#body #vieReseaux .colonnes {
	overflow:hidden;
	width:580px;
	margin-right:auto;
	margin-left:auto;
}
#body #vieReseaux .colonnes .colonne {
	float:left;
	display:inline;
	width:275px;
	margin-right:7px;
	margin-left:7px;
	position:relative;
}


/* Les groupes */
#body #vieReseaux .groupe {
	margin-top:1em;
	padding-bottom:15px;
	width:274px;
}
#body #vieReseaux .groupe h3 {
	padding-left:15px;
	font-weight:bold;
	color:#FFFFFF;
	height:20px;
	padding-top:2px;
}
#body #vieReseaux .groupe .article {
	padding-bottom:10px;
	margin-top:10px;
	text-align:justify;
	width:260px;
	margin-right:auto;
	margin-left:auto;
}
#body #vieReseaux .groupe .article .image {
	float:left;
	display:inline;
}
#body #vieReseaux .groupe .article .image img {
	margin-right:15px;
	margin-bottom:5px;
}
#body #vieReseaux .groupe .article h4 {
}
#body #vieReseaux .groupe .article h4 a {
	color:#000000;
	font-weight:bold;
}
#body #vieReseaux .groupe .article h4 a:hover {
	text-decoration:underline;
}


/* groupe Service aux particuliers */
#body #vieReseaux .groupeParticuliers {
	background:url("particuliers-bottom.gif") bottom left no-repeat #F7F8E1;
}
#body #vieReseaux .groupeParticuliers h3 {
	background:url("particuliers-top.gif") top left no-repeat;
}
#body #vieReseaux .groupeParticuliers .article {
	background:url("particuliers-separation.gif") bottom center no-repeat;
}

/* groupe Commerce */
#body #vieReseaux .groupeCommerce {
	background:url("commerces-bottom.gif") bottom left no-repeat #F8E6EA;
}
#body #vieReseaux .groupeCommerce h3 {
	background:url("commerces-top.gif") top left no-repeat;
}
#body #vieReseaux .groupeCommerce .article {
	background:url("commerces-separation.gif") bottom center no-repeat;
}

/* groupe Service aux entreprises */
#body #vieReseaux .groupeEntreprises {
	background:url("entreprises-bottom.gif") bottom left no-repeat #E6F4FA;
}
#body #vieReseaux .groupeEntreprises h3 {
	background:url("entreprises-top.gif") top left no-repeat;
}
#body #vieReseaux .groupeEntreprises .article {
	background:url("entreprises-separation.gif") bottom center no-repeat;
}


/* groupe Cessions */
#body #vieReseaux .groupeCessionsReprises {
	background:url("cessions-bottom.gif") bottom left no-repeat #FDEDDA;
}
#body #vieReseaux .groupeCessionsReprises h3 {
	background:url("cessions-top.gif") top left no-repeat;
}
#body #vieReseaux .groupeCessionsReprises .article {
	background:url("cessions-separation.gif") bottom center no-repeat;
}




/* Contact */
#body #contact {
	background:url("contact.gif") top left no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	height:159px;
	margin-top:1em;
}
#body #contact div {
	padding-top:115px;
}
#body #contact a {
	color:#FFFFFF;
	text-decoration:underline;
}
#body #contact a:hover {
	text-decoration:none;
}