@charset "iso-8859-1";
/* CSS Document */

html {
	width: 100%; height: 100%; }


body {
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #fafcfd url(images/background-body.gif) center repeat-y; }
	
#wrapper {
	margin: 0 auto;
	width: 1000px;
	background: #fafcfd url(images/background-body.gif) repeat-y; }

#navigation {
	float: left;
	width: 260px; }

#logo {
	padding: 15px 0 10px 0;
	text-align: center; }
	
#logo img {
	border: none; }

#navItems	{
	margin: 0 auto;
	width: 182px; }

#navItems div	{
	margin: 5px 0 5px 0; }

#navItems div.hr {
	text-align:center; }

#navItems div.hr img {
	margin: 5px 0;
	padding: 5px 0; }

.login {
	padding: 3px 0; }

.login form {
	margin: 0; padding: 0; }

.login div {
	text-align: center; margin: 5px 0 5px 0; }

.login .inputNorm {
	width: 145px;
	padding: 2px;
	font-size: 10px;
	text-align: center;
	border: 1px solid #dd0800; }

#navItems div a {
	text-decoration: none;
	font-weight: bold;
	color: #fff; }
	
#navItems div a span {
	padding: 4px 0 0 0;
	display: block;
	width: 100%;
	text-align: center;
	cursor: pointer; }

#navItems div a.red {
	width: 182px; height: 23px;
	display: block;
	background: url(/_com/images/button-red.gif) no-repeat;
	cursor: default !important; }

#navItems div a.red span {
	cursor: default !important; }

#navItems div a.red:hover {
	background: url(/_com/images/button-red-over.gif) no-repeat; }
	
#navItems div a.liteo {
	width: 182px; height: 23px;
	display: block;
	background: url(/_com/images/button-liteo.gif) no-repeat; }

#navItems div a.liteo:hover {
	background: url(/_com/images/button-liteo-over.gif) no-repeat; }
	
#navItems div a.darko {
	width: 182px; height: 23px;
	display: block;
	background: url(/_com/images/button-darko.gif) no-repeat; }

#navItems div a.darko:hover {
	background: url(/_com/images/button-darko-over.gif) no-repeat; }
	
#menuItems {
	padding: 48px 0 0 0; }
	
#header {
	float: left;
	width: 730px; height: 135px;
	background: url(/_com/images/bandeau-header.gif) center no-repeat; }
	
#content {
	float: left;
	width: 730px; }
	
#footer {
	color: #000;
 	font-size: 11px;
	margin: 7px 0 0 0;
	background: url(/_com/images/footer.gif) top no-repeat;
 	text-align: center;
	padding: 7px;
	clear: both; }

.footerCourir { background: url(/_com/images/footer-courir.gif) top no-repeat !important; }
.footerSauter { background: url(/_com/images/footer-sauter.gif) top no-repeat !important; }
.footerExprimer { background: url(/_com/images/footer-exprimer.gif) top no-repeat !important; }

.framea {
	float: left;
	width: 690px;
	margin: 15px 0 15px 0; }
.framea .top {
	width: 690px; height: 40px; }
.framea .middle {
	width: 690px; }
.framea .bottom {
	width: 690px; height: 15px; }
	
.frameb {
	float: left;
	width: 345px;
	margin: 15px 0 15px 0; }
.frameb .top {
	margin: 0 auto;
	width: 340px; height: 40px; }
.frameb .middle {
	margin: 0 auto;
	width: 340px; }
.frameb .bottom {
	margin: 0 auto;
	width: 340px; height: 15px; }
	
.framec {
	float: left;
	width: 455px;
	margin: 15px 0 15px 0; }
.framec .top {
	margin: 0 auto;
	width: 450px; height: 40px; }
.framec .middle {
	margin: 0 auto;
	width: 450px; }
* html .framec { background-position: 10px; }
.framec .bottom {
	margin: 0 auto;
	width: 450px; height: 15px; }

.framed {
	float: left;
	width: 240px;
	margin: 15px 0 15px 0; }
.framed .top {
	margin: 0 auto;
	width: 234px; height: 40px; }
.framed .middle {
	margin: 0 auto;
	width: 234px; }
.framed .bottom {
	margin: 0 auto;
	width: 234px; height: 15px; }
	
.standard a {	color: #196cc8; text-decoration: underline; }
.standard a:hover { color: #000; }	
.standard .important { color: #196cc8; }

.standard .framea .top { background: url(/_com/images/framea-bleu-top.gif) bottom no-repeat; }
.standard .framea .middle { background: url(/_com/images/framea-bleu-middle.gif) repeat-y; }
.standard .framea .bottom { background: url(/_com/images/framea-bleu-bottom.gif) top no-repeat; }

.standard .frameb .top { background: url(/_com/images/frameb-bleu-top.gif) bottom no-repeat; }
.standard .frameb .middle { background: url(/_com/images/frameb-bleu-middle.gif) repeat-y; }
.standard .frameb .bottom { background: url(/_com/images/frameb-bleu-bottom.gif) top no-repeat; }

.standard .framec .top { background: url(/_com/images/framec-bleu-top.gif) bottom no-repeat; }
.standard .framec .middle { background: url(/_com/images/framec-bleu-middle.gif) repeat-y; }
* html .standard .framec .middle { background-position: 1px 0; }
.standard .framec .bottom { background: url(/_com/images/framec-bleu-bottom.gif) top no-repeat; }

.standard .framed .top { background: url(/_com/images/framed-bleu-top.gif) bottom no-repeat; }
.standard .framed .middle { background: url(/_com/images/framed-bleu-middle.gif) repeat-y; }
.standard .framed .bottom { background: url(/_com/images/framed-bleu-bottom.gif) top no-repeat; }

.courir a {	color: #D38A4B; text-decoration: underline; }
.courir a:hover { color: #000; }	
.courir .important { color: #D38A4B; }

.courir .framea .top { background: url(/_com/images/framea-orange-top.gif) bottom no-repeat; }
.courir .framea .middle { background: url(/_com/images/framea-orange-middle.gif) repeat-y; }
.courir .framea .bottom { background: url(/_com/images/framea-orange-bottom.gif) top no-repeat; }

.courir .frameb .top { background: url(/_com/images/frameb-orange-top.gif) bottom no-repeat; }
.courir .frameb .middle { background: url(/_com/images/frameb-orange-middle.gif) repeat-y; }
.courir .frameb .bottom { background: url(/_com/images/frameb-orange-bottom.gif) top no-repeat; }

.courir .framec .top { background: url(/_com/images/framec-orange-top.gif) bottom no-repeat; }
.courir .framec .middle { background: url(/_com/images/framec-orange-middle.gif) repeat-y; }
* html .courir .framec .middle { background-position: 1px 0; }
.courir .framec .bottom { background: url(/_com/images/framec-orange-bottom.gif) top no-repeat; }

.courir .framed .top { background: url(/_com/images/framed-orange-top.gif) bottom no-repeat; }
.courir .framed .middle { background: url(/_com/images/framed-orange-middle.gif) repeat-y; }
.courir .framed .bottom { background: url(/_com/images/framed-orange-bottom.gif) top no-repeat; }

.sauter a {	color: #679800; text-decoration: underline; }
.sauter a:hover { color: #000; }	
.sauter .important { color: #679800; }

.sauter .framea .top { background: url(/_com/images/framea-vert-top.gif) bottom no-repeat; }
.sauter .framea .middle { background: url(/_com/images/framea-vert-middle.gif) repeat-y; }
.sauter .framea .bottom { background: url(/_com/images/framea-vert-bottom.gif) top no-repeat; }

.sauter .frameb .top { background: url(/_com/images/frameb-vert-top.gif) bottom no-repeat; }
.sauter .frameb .middle { background: url(/_com/images/frameb-vert-middle.gif) repeat-y; }
.sauter .frameb .bottom { background: url(/_com/images/frameb-vert-bottom.gif) top no-repeat; }

.sauter .framec .top { background: url(/_com/images/framec-vert-top.gif) bottom no-repeat; }
.sauter .framec .middle { background: url(/_com/images/framec-vert-middle.gif) repeat-y; }
* html .sauter .framec .middle { background-position: 1px 0; }
.sauter .framec .bottom { background: url(/_com/images/framec-vert-bottom.gif) top no-repeat; }

.sauter .framed .top { background: url(/_com/images/framed-vert-top.gif) bottom no-repeat; }
.sauter .framed .middle { background: url(/_com/images/framed-vert-middle.gif) repeat-y; }
.sauter .framed .bottom { background: url(/_com/images/framed-vert-bottom.gif) top no-repeat; }

.exprimer a {	color: #e069ba; text-decoration: underline; }
.exprimer a:hover { color: #000; }	
.exprimer .important { color: #e069ba; }

.exprimer .framea .top { background: url(/_com/images/framea-rose-top.gif) bottom no-repeat; }
.exprimer .framea .middle { background: url(/_com/images/framea-rose-middle.gif) repeat-y; }
.exprimer .framea .bottom { background: url(/_com/images/framea-rose-bottom.gif) top no-repeat; }

.exprimer .frameb .top { background: url(/_com/images/frameb-rose-top.gif) bottom no-repeat; }
.exprimer .frameb .middle { background: url(/_com/images/frameb-rose-middle.gif) repeat-y; }
.exprimer .frameb .bottom { background: url(/_com/images/frameb-rose-bottom.gif) top no-repeat; }

.exprimer .framec .top { background: url(/_com/images/framec-rose-top.gif) bottom no-repeat; }
.exprimer .framec .middle { background: url(/_com/images/framec-rose-middle.gif) repeat-y; }
* html .exprimer .framec .middle { background-position: 1px 0; }
.exprimer .framec .bottom { background: url(/_com/images/framec-rose-bottom.gif) top no-repeat; }

.exprimer .framed .top { background: url(/_com/images/framed-rose-top.gif) bottom no-repeat; }
.exprimer .framed .middle { background: url(/_com/images/framed-rose-middle.gif) repeat-y; }
.exprimer .framed .bottom { background: url(/_com/images/framed-rose-bottom.gif) top no-repeat; }

.autre a {	color: #196cc8; text-decoration: underline; }
.autre a:hover { color: #000; }	
.autre .important { color: #196cc8; }

.autre .framea .top { background: url(/_com/images/framea-jaune-top.gif) bottom no-repeat; }
.autre .framea .middle { background: url(/_com/images/framea-jaune-middle.gif) repeat-y; }
.autre .framea .bottom { background: url(/_com/images/framea-jaune-bottom.gif) top no-repeat; }

.autre .frameb .top { background: url(/_com/images/frameb-jaune-top.gif) bottom no-repeat; }
.autre .frameb .middle { background: url(/_com/images/frameb-jaune-middle.gif) repeat-y; }
.autre .frameb .bottom { background: url(/_com/images/frameb-jaune-bottom.gif) top no-repeat; }

.autre .framec .top { background: url(/_com/images/framec-jaune-top.gif) bottom no-repeat; }
.autre .framec .middle { background: url(/_com/images/framec-jaune-middle.gif) repeat-y; }
* html .autre .framec .middle { background-position: 1px 0; }
.autre .framec .bottom { background: url(/_com/images/framec-jaune-bottom.gif) top no-repeat; }

.autre .framed .top { background: url(/_com/images/framed-jaune-top.gif) bottom no-repeat; }
.autre .framed .middle { background: url(/_com/images/framed-jaune-middle.gif) repeat-y; }
.autre .framed .bottom { background: url(/_com/images/framed-jaune-bottom.gif) top no-repeat; }

.in {
	padding: 5px 15px; margin: 0; }
	
.in p {
	line-height: 17px;
	padding: 0; margin: 0; }
	
.chapo {
	font-size: 12px;
 font-style: italic; text-align: justify; }
 
.visuelDroite {
	float: right; }
	
.visuelGauche {
	float: left; }
	
img { border: 0; } 

.standard a {	color: #196cc8; text-decoration: underline; }
.standard a:hover { color: #000; }	
.standard .important { color: #196cc8; }