html {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 3px;
	margin-left: 1em;
	padding: 0.1em;
}
li.deco {
	margin: 3px;
	margin-left: 1em;
	padding: 0px;
	list-style-image: url(puce-feuille.gif) ;
}
p {
	margin-left: 1em;
	margin-right: 0.1em;
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}
h2 {
	font-weight: bold;
	color: #7a001e;
	font-family: Arial,helvetica, sans-serif;
	font-size: 120%;
	margin: 0;
	padding: 0.25em 0.33em 0.125em;
	letter-spacing: 0.2em;
}
h3 {
	font-weight: bold;
	color: #7a001e;
	font-family: Arial,helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0.25em 0.33em 0.125em;
}
a {
	color: #0c96f2;
	text-decoration: none;
}
img {
	border: 0px;
}
#menu a:link { color: #0c96f2; background-color: transparent; }
#menu a:visited {color: #0c96f2; background-color: transparent;}
#menu a:hover { color: #7a001e; }

.accent {
	font-weight: bold;
}
div.photo {
	float:left;
	padding: 1px;
	margin: 1em;
}
div.fiche {
	float:left;
	border: 1px solid #7a001e;
	margin:1em;
	text-align:center;
}
div.exergue {
	float:right;
	background-color: #ffe5ca;
	border: 2px solid #7a001e;
	margin:1em;
}
/* =========================== */
#jobdiv {
	margin-left: 3em;
}
#jobdiv table {
	border: 1px solid #7a001e;
}
#jobdiv tr {
	border-bottom: 1px solid #7a001e;
}
#jobdiv td {
	padding: 0.5em;
}
/* =========================== */

/* =========================== */
/* menu2 : menu presse, etc... */
/* =========================== */

#menu2 {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 2px;
}
#menu2 a {
	color: #7a001e;
	background-color: transparent;
	text-decoration: none;
	margin:0.2em;
}
#menu2 a:link { color: #7a001e; background-color: transparent; text-decoration: none; }
#menu2 a:visited { color: #7a001e; background-color: transparent; text-decoration: none; }
#menu2 a:hover { color: #0c96f2; }
/* =========================== */
/* Page standard               */
/* =========================== */
/* body, titre                 */
/* --------------------------- */
body {
	font: arial,helvetica,sans-serif;
	color: #303030;
	background: #fff url(coingauche_logo2.png) no-repeat top left; 
	margin: 0px; 
	padding: 0px;
}
table#page_entete
{
	width:100%;
}

td#col1
{
	width:720px;
	height:86px;
}

td#col2
{
	height:86px;
	text-align:right;
	vertical-align:top;
}

td#colmenu
{
	vertical-align:top;
}

#header {
	position: absolute;
	top: 30px;
	left: 20px;
}
#header h1 {
	color: #7a001e;
	font-family: Arial,helvetica, sans-serif;
	font-size: 150%;
	margin: 0;
	padding: 0.25em 0.33em 0.125em;
	letter-spacing: 0.2em;
}
/* --------------------------- */
/* contenu de la page          */
/* --------------------------- */
#main {
    position: absolute;
    top: 120px;
    left: 50px;
    background: #fff url(feuilleNB.jpg) no-repeat center center;
}

#main p {
	font-size: 100%;
	margin-left: 1em;
	margin-right: 0.2em;
	text-align: justify;
	padding: 0.5em;
}
/* --------------------------- */
/* menu principal              */
/* --------------------------- */
div#menu {
	float:right;
	background: #fff url(cd_orange.jpg) no-repeat center center;
	padding: 0px;
	margin: 0.5em;
}

div.item {
	background: #fff url(cd_bleu2.jpg) no-repeat top left;
	margin: 3px;
	padding: 0px;
	border-bottom: 2px solid #94b7ef;
	border-left: 2px solid #94b7ef;
	border-top: 2px solid #d6e9f9;
	border-right: 2px solid #d6e9f9;
	width:17em;
}

#menu h4 {
	color: #7a001e;
	font-family: Arial,helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0.25em 0.33em 0.125em;
	letter-spacing: 0.3em;
	text-align: right;
}
#menu a {
	font-family: Arial,helvetica, sans-serif;
	font-size: 90%;
	display: block;
	margin: 0;
	font-weight: bold;
	color: #0c96f2;
	text-decoration: none;
	padding: 0.25em 0.33em 0.125em;
}
#menu a:link { color: #0c96f2; background-color: transparent; }
#menu a:visited {color: #0c96f2; background-color: transparent;}
#menu a:hover { color: #7a001e; }
/* =========================== */
/* Page d'accueil              */
/* =========================== */
/* Body, logo et titre         */
/* --------------------------- */
body.index {
	font: arial,helvetica,sans-serif;
	color: #303030;
	background: #fff url(bandeau.jpg) no-repeat top left; 
	margin: 0px; 
	padding: 0px;
}
#logoindex {
	position: absolute;
	top: 0px;
	left: 160px;
}
#headerindex {
	position: absolute;
	top: 60px;
	left: 440px;
}
#headerindex h1 {
	color: #7a001e;
	font-family: Arial,helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0.25em 0.33em 0.125em;
	letter-spacing: 0.1em;
}
/* --------------------------- */
/* Menu principal              */
/* --------------------------- */
#menuindex {
	background: #fff url(cd_orange.jpg) center center;
	position: absolute;
	top: 110px;
	left: 90px;
	padding: 0px;
	width: 370px;
}
#menuindex div.itemindex {
	background: #fff url(cd_bleu2.jpg) no-repeat center left;
	margin: 5px;
	border-bottom: 2px solid #94b7ef;
	border-left: 2px solid #94b7ef;
	border-top: 2px solid #d6e9f9;
	border-right: 2px solid #d6e9f9;
}
#menuindex h2 {
	color: #9a3f50;
	font-family: Arial,helvetica, sans-serif;
	font-size: 130%;
	margin: 0;
	padding: 0.25em 0.33em 0.125em;
	letter-spacing: 0.3em;
	text-align: left;
}
#menuindex a {
	font-family: Arial,helvetica, sans-serif;
	margin: 0;
	font-weight: bold;
	color: #0c96f2;
	text-decoration: none;
	padding: 0.25em 0.33em 0.125em;
}
#menuindex a:link { color: #0c96f2; background-color: transparent; }
#menuindex a:visited {color: #0c96f2; background-color: transparent;}
#menuindex a:hover { color: #752333; }
/* --------------------------- */
/* Contenu                     */
/* --------------------------- */
#mainindex {
    position: absolute;
    top: 120px;
    left: 500px;
    background: #ffffff url(feuilleNB.jpg) no-repeat center center;
    /*width: 40%;*/
}

#mainindex p {
	font-size: 115%;
	margin-left: 0.2em;
	margin-right: 0.2em;
	text-align: justify;
	padding: 0.5em;
}

#mainindex div {
	margin: 0px;
	padding: 10px;
}
/* --------------------------- */
/* Actualites                  */
/* --------------------------- */
#actus {
	border: 1px solid #ccccff;
}
#actus p {
	font-size: 110%;
	margin: 0em;
	padding: 0;
	text-align: left;
}
#actus p.accroche {
	font-size: 120%;
	font-weight: bold;
	color: #752333;
}