/*
Designer: Jeff Hipfner - Outcrop Communicatons Ltd.
Developer(s): Jeff Hipfner & Chris Barrett - Outcrop Communicatons Ltd.
*/


* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	height: 101%
}
body {
	background: #ffffff url(../i/bg-main.jpg) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	width: 100%;
}
/* --------- LAYOUT ---------- */
#wrapper {
	width: 744px;
	margin: 0 auto;
}
#header-print {
	display:none;
}
#navigation {
	background: #cccccc url(../i/bg-nav.gif) repeat-x;
	position: inherit; /* Set position: relative/absolute so that bgsleight.js and sleight.js do not interfere with links */
	margin: 1px 0 0 14px !important;
 *:margin: 4px 0 0 14px !important;
	margin: 4px 0 0 14px;
	padding: 1px 0 0 0;
	width: 780px;
}
#navigation ul {
	list-style: none;
}
#navigation li {
	margin: 1px 0 0 1px;
	padding: 5px 0 !important;
 *:padding: 5px 0 6px 0 !important;
	padding: 5px 0;
	float: left;
	height: 17px !important;
 *:height: 16px !important;
	height: 17px;
}
#navigation li a {
	padding: 7px 8px;
	text-decoration: none;
	font-weight: bold;
	color: #960f1e;
}
#navigation li a:hover {
	background: url(../i/nav-over.png) repeat-x;
	color: #ffffff;
}
#navigation li a.on {
	background: url(../i/nav-over.gif) repeat-x;
	color: #ffffff;
}
#contentwrapper {
	background: transparent url(../i/bg-contenu.png) top repeat-y;
	margin: 28px 0 0 0 !important;
 *:margin: 0 0 0 1px !important;
	margin: 0 0 0 1px;
	height: auto !important;
	height: 200px;
	min-height: 340px /* So that the background flows to bottom in FF */
}
#contentwrapper #contentImg {
	position: absolute;
	margin: 0 0 0 7px !important;
 *:margin: 0 0 0 5px !important;
	margin: 0 0 0 5px;
	width: auto !important;
 *:width: 733px !important;
	width: 733px;
}
#contentwrapper #gaucheImg {
	margin: 0 0 0 1px !important;
 *:margin: 0 0 0 -1px !important;
	margin: 0 0 0 -2px;
}
#contentleft {
	position: absolute;
	margin: 0px 0 0 6px !important;
	margin: 0px 0 0 7px;
	width: 158px;
	height: 200px;
}
#contentleft ul {
	list-style: none;
	padding: 20px 0 0 0;
}
#contentleft li {
	font-size: 12px;
	padding: 0 !important;
	padding: 1px 0px;
}
#contentleft li a {
	padding: 4px 4px 4px 14px!important;
 *:padding: 4px 5px 4px 14px !important;
	padding: 4px 4px 4px 14px;
	font-weight: bold;
	color: #960f1e;
	text-decoration: none;
	display: block;
	width: 140px;
}
#contentleft li a:hover {
	background: #a50021 url(../i/nav-bullet.png) left no-repeat;
	color: #ffffff;
}
#content {
	padding: 20px 30px 10px 0;
	margin: 0 0 0 190px;
	min-height: 300px;
}
#content ul, #content ol {
	padding: 0 0 0 30px;
	margin-bottom:8px;
}
#content li {
	font-size: 12px;
	line-height:18px;
	padding:0 0 8px 0;/*padding: 0 !important;
	padding: 1px 0px;*/
}
#content ul.audio {
	padding-left:15px;
}
#content ul.audio li {
	background:url(../i/audio.gif) no-repeat 0px 0;
	list-style:none;
	padding-left:28px;
}
#content a {
	color: #960f1e;
	font-weight:bold;
}
#newswrapper {
	float: right;
	width: 170px;
	margin: 0 0 0 10px;
}
#annonces, #emploi {
	width: 170px;
	margin: 0 0 0 10px;
}
#annonces-middle, #emploi-middle {
	background: transparent url(../i/annonces-bg.png) repeat-y;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin: -3px 0 0 0 !important;
	margin: 0;
	padding: 10px 0;
}
#annonces-middle ul, #emploi-middle ul {
	position: relative;
	margin: 0 0 0 -10px;
	width: 130px;
	list-style: none;
}
#annonces-middle li, #emploi-middle li {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 10px 0;
}
#annonces-middle li a, #emploi-middle a {
	color: #000000;
}
#annonces-middle li a:hover, #emploi-middle a:hover {
	color: #760327;
}
#footer {
	background:#ffffff;
	padding:0 0 24px 0;
	clear:both;
	margin: 0 0 20px -1px !important;
 *:margin: 0 0 -9px -3px !important;
	margin: 0 0 -9px 0px;
}
#footer img {
	width: auto !important;
 *:width: 750px !important;
	width: 750px;
}
#footer p {
	float: right;
	font-size: 10px;
	color: #493334;
	padding: 0 30px 0 0;
}
/* -------- TYPOGRAPHY ------------- */

h1, h2 {
	color: #960f1e;
	font-size: 16px;
	margin: 0 0 10px 0;
}
h1.home {
	float: left;
	width: 510px;
	margin: 0 0 10px 0 !important;
	margin: 0;
}
h2 {
	font-size: 14px;
}
h3, h4, h5 {
	font-size: 12px;
	color: #000;
	margin: 0 0 6px 0;
}
h6 {
	font-size: 10px;
	color: #0055a5;
}
p {
	margin: 0 0 8px 0;
	line-height: 18px;
}
img.aligneGauche {
	float:left;
	margin:10px 10px 10px 0;
	border: 1px solid #000;
}
img.aligneDroite {
	float:right;
	margin:10px 0 10px 10px;
	border: 1px solid #000;
}

/* login form style */
.login-form {
	float:left;
	background:#999999;
	padding:5px;
}
.login-form td {
	padding:5px;
}

#LoginCSFTNO_RememberMe {
margin-left:80px;
}