body {
	background: #fff url(../images/background.jpg) top left repeat-x;
	color: #000; margin:0;
}

#container {
	position: relative;
	width: 760px;
	margin: 0 auto; margin-top: 0;
	padding: 0;
	font: 11px/1.2em verdana, sans-serif;
}


.intermediate {
	position: relative;
	background-color: #000; color: #fff;
	font: 10px verdana, sans-serif;
	width:758px; height:22px;
	border: 1px solid #fff; border-top:0;
	margin:0; padding:0;
	font: 10px/1.2em Verdana, Arial, Helvetica, sans-serif;
}
.intermediate .leftbar {
	position: relative;
	background: #000; color:#fff;
	margin: 0; padding: 2px 0 0 4px;
	width: 40%; height:20px;
	text-align: left;
}
.intermediate .admin {
	position : absolute;
	top: 0; right:20px;
}
.intermediate .admin .txt{
	width: 100px; height:12px;
	border: 1px solid #fff;
	background: #666; color:#fff;
	font: bolder 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px; margin:0; margin-top: 1px;
}

#banner {
	position: relative;
	width: 758px; height: 112px;
	background-color: #fff; color: #000;
	border: 1px solid #fff; border-top:0;
	margin:0; padding:0;
}

#menu {
	position: relative;
	width: 758px; height: 18px;
	background: #000 url(../images/menubar.jpg) top left no-repeat; color: #fff;
	border: 1px solid #fff; border-top:0;
	margin:0; padding:0;
	
}
#menu a.off { background: #000; color: #fff; text-decoration: none;}
#menu a.off:hover { background: #000; color: #ccc; text-decoration: none;}
#menu a.on { background: #000; color: #ccc; text-decoration: none;}
#menu a.on:hover { background: #000; color: #eee; text-decoration: none;}
#menu ul { position: absolute; right:0; margin: 2px 0; }
#menu ul li {
	display:inline;
	list-style-type: none;
	border: 0; border-left: 1px solid #fff;
	padding: 3px 4px;
} 

#banner2 {
	position: relative;
	width: 758px; height: 104px;
	background-color: #fff; color: #000;
	border: 1px solid #fff; border-top:0; border-bottom:0; 
	border-right: 1px solid #9a0000;;
	margin:0; padding:0;
}


/* Elements de l'espace de contenu principal : container > content */
#primary {
	position: relative;
	width: 758px; height:100%;
	margin:0; padding: 0;
	background-color: #fff; color: #000;
	border: 1px solid #fff; border-top:0;
	border-right: 1px solid #9a0000;
}
#container .clear { clear: both; padding:0; margin:0; width:0; height:0; }


#leftbar {
	float: left;
	width: 277px; height: 100%; min-height: 220px;
	background: #fff url(../images/ssmenubar.jpg) top left no-repeat; color:#000000;
	border:0;
	margin: 0; padding:0;
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
}

#leftbar ul.ssmenu li {
	list-style : url(../images/fleche.gif);
	padding:0; padding-bottom:10px;
	margin: 0;
}

li a { color: #9a0000; text-decoration: none;}
li a:hover { color:#000; border-bottom:1px dashed #9a0000; text-decoration: none;}
li.on0 { text-indent: 0;} 	  li.on0 a { color:#000; border-bottom:1px dashed #9a0000; } li.on0 a:hover { color:#000; border-bottom:1px dashed #9a0000;}
li.on1 { text-indent: 10px; } li.on1 a { color:#000; border-bottom:1px dashed #9a0000; } li.on1 a:hover { color:#000; border-bottom:1px dashed #9a0000;}
li.on2 { text-indent: 20px; } li.on2 a { color:#000; border-bottom:1px dashed #9a0000; } li.on2 a:hover { color:#000; border-bottom:1px dashed #9a0000;}
li.on3 { text-indent: 30px; } li.on3 a { color:#000; border-bottom:1px dashed #9a0000; } li.on3 a:hover { color:#000; border-bottom:1px dashed #9a0000;}
li.on4 { text-indent: 40px; } li.on4 a { color:#000; border-bottom:1px dashed #9a0000; } li.on4 a:hover { color:#000; border-bottom:1px dashed #9a0000;}
li.off0 { text-indent: 0;}
li.off1 { text-indent: 10px;}
li.off2 { text-indent: 20px;}
li.off3 { text-indent: 30px;}
li.off4 { text-indent: 40px;}


#footbar { 
	position: relative;
	width:758px; height:100%;
	background: #ccc; color: #000;
	border: 1px solid #fff; border-top:0;
	border-right: 1px solid #9a0000;
	border-bottom: 1px solid #9a0000;
	text-align: left;
	margin: 0; padding: 10px 0 80px 0;
}

#footbar .legal { 
	position: relative; 
	width:100%; height: 18px;
	background: #000; color: #fff; 
	margin:0; padding:0; padding-top: 4px; padding-bottom:2px;
	text-align: right;
}
#footbar .legal span { margin:0; margin-right:10px;}
#footbar .legal a { background-color: #000; color: #fff; text-decoration: none;}

#footbar .contact {
	position: relative;
	width: 100%; height: 100%;
	background: #333; color: #fff;
	border: 1px solid #fff; border-left:0; border-right:0;
	margin:0; padding:0;
	text-align: left;
}
#footbar .contact .vcard {
	position: relative;
	background: #333; color:#fff;
	margin: 0; padding: 10px 5px;
	width: 60%; height:100%;
	text-align: left;
	font: 11px/1.3em Verdana, Arial, Helvetica, sans-serif;
}
#footbar .contact .vcard .tel { display: inline; }
#footbar .contact a { color: #fff;}
#footbar .contact .admin { 
	position : absolute;
	top: 10px; right:20px;
}
#footbar .contact .admin table {
	border: 0;
}
#footbar .contact .admin td.e {
	padding:0; padding-right:10px;
	text-align:left; vertical-align: middle;
}
#footbar .contact .admin td.c {
	padding: 0; padding-top:4px;
	text-align:right;
}
#footbar .contact .admin td.c a { color: #fff; background: #333;}
#footbar .contact .admin input.txt {
	width: 100px;
	border: 1px solid #fff;
	background: #666; color:#fff;
	font: bolder 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}