body {
	background: #393939;
	margin: 0; padding: 0;
	text-align: center;
	font-size: 1em;
}
img {
	margin: 0; padding: 0; border: none;
}
table {
	margin: 0; padding: 0; border: none;
}
h1 {
	margin: 0; padding: 0; font-size: 1em; font-weight: normal; color: #393939;
}
h2 {
	margin: 0; padding: 0; font-size: 1em; font-weight: normal; color: #393939;
}
h3 {
	margin: 0; padding: 0; font-size: 1em; font-weight: normal; color: #393939;
}
h4 {
	margin: 0; padding: 0; font-size: 1em; font-weight: normal; color: #393939;
}
h5 {
	margin: 0; padding: 0; font-size: 1em; font-weight: normal; color: #393939;
}
h6 {
	margin: 0; padding: 0; font-size: 1em; font-weight: normal; color: #393939;
}
body {
	font-family: Arial, Helvetica, sans-serif;
}
#navigation {
	font-family: Arial, Helvetica, sans-serif;
}
.encart {
	font-family: Arial, Helvetica, sans-serif;
}
.formulaire_spip {
	font-family: Arial, Helvetica, sans-serif;
}
#ombre {
	width: 1012px;
	margin: 0; margin-left: auto; margin-right: auto;
	padding: 0;
	background: #393939 url(http://www.marseille-images.com/sites/marseille-images.com/squelettes/img/ombre-transp1012.png) repeat-y;
}
#page {
	background: #000;
	width: 1004px;
	padding: 0; margin: 0 4px 0 4px;
}
#page #navigation {
	width: 1004px; 
	height: 160px; 
	color: #000; 
	text-transform: lowercase; 	
	font-stretch: ultra-condensed; 
	background: #FFF;
	font-size: .7em; 
	font-family: Helvetica, Arial;
	text-align: left;
}
#page #conteneur {
	width: 100%;
	margin: 60px 0 60px 0; padding: 0;
}
#page #conteneur #contenu {
	width: 944px;
	margin: 0px 30px 30px 30px; padding: 0;
	background: none; color: #FFF;
}
#page #conteneur #contenu #encart {
	float: right; width: 300px; margin: 30px 0; padding: 0;
}
#page #conteneur #contenu #contre-encart {
	float: left; width: 514px; margin: 30px 0; padding: 0;
}
#page #conteneur #barrebas {
	clear: both;
}
#navigation ul {
	background: #000; position: absolute; font-weight: bold; margin: 0; padding: 0; list-style: none;
}
#navigation li {
	position: absolute; width: 200px; border: 0px solid #FFF; padding: 10px 0px; height: 60px; text-align: center;
}
#navigation li:hover {
	background: #FFF; color: #37669c;
}
#navigation li:hover a {
	background: #FFF; color: #37669c;
}
#navigation li a:hover {
	background: #FFF; color: #37669c;
}
#navigation a {
	text-decoration: none; color: #FFF;
}
#navigation li #on {
	position: absolute; text-align:center; width: 200px; margin: -5px 0 0 -100px;
}
#navigation li #off {
	position: absolute; text-align:center; width: 200px; margin: -5px 0 0 -100px;
}
#navigation li #on {
	visibility: visible;
}
#navigation li #off {
	visibility: hidden;
}
#navigation li:hover #on {
	visibility: hidden;
}
#navigation li:hover #off {
	visibility: visible;
}
li#bloc1 {
	height: 140px;
}
li#bloc2 {
	height: 140px;
}
li#bloc3 {
	height: 140px;
}
li#bloc4 {
	height: 140px;
}
li#bloc5 {
	height: 140px;
}
li#bloc6:hover {
	opacity: 1; filter: alpha(opacity=100);
}
li#bloc7:hover {
	opacity: 1; filter: alpha(opacity=100);
}
li#bloc8:hover {
	opacity: 1; filter: alpha(opacity=100);
}
li#bloc9:hover {
	opacity: 1; filter: alpha(opacity=100);
}
li#bloc1 {
	background: #011B58; margin: 0 0 0 0px;
}
li#bloc2 {
	background: #294F90; margin: 0 0 0 200px;
}
li#bloc3 {
	background: #5483C9; margin: 0 0 0 400px;
}
li#bloc4 {
	background: #00A5B8; margin: 0 0 0 600px;
}
li#bloc5 {
	background: #2AA5A2; margin: 0 0 0 800px; width: 205px;
}
li#bloc6 {
	background: #006088; margin: 30px 0 0 0px;
}
li#bloc7 {
	background: #00726A; margin: 30px 0 0 200px;
}
li#bloc8 {
	background: #5BB582; margin: 30px 0 0 400px;
}
li#bloc9 {
	background: #02C87B; margin: 30px 0 0 600px;
}
li#bloc10 {
	background: #61E73B; margin: 30px 0 0 800px; width: 205px;
}
#navigation #x1 {
	position: absolute; opacity: .7; filter: alpha(opacity=70); height: 100px; margin-top: 60px;
}
#navigation #x2 {
	position: absolute; opacity: .7; filter: alpha(opacity=70); height: 100px; margin-top: 60px;
}
#navigation #x3 {
	position: absolute; opacity: .7; filter: alpha(opacity=70); height: 100px; margin-top: 60px;
}
#navigation #x4 {
	position: absolute; opacity: .7; filter: alpha(opacity=70); height: 100px; margin-top: 60px;
}
#navigation #x5 {
	position: absolute; opacity: .7; filter: alpha(opacity=70); height: 100px; margin-top: 60px;
}
#navigation #x6 {
	position: absolute; opacity: .7; filter: alpha(opacity=70); height: 100px; margin-top: 60px;
}
#navigation #x7 {
	position: absolute; opacity: .7; filter: alpha(opacity=70); height: 100px; margin-top: 60px;
}
#navigation #x1 {
	margin-left: 40; width: 300px; background:  #00726A;
}
#navigation #x2 {
	margin-left: 90px; width: 300px; background: #294F90;
}
#navigation #x3 {
	margin-left: 130px; width: 300px; background: #61E73B;
}
#navigation #x4 {
	margin-left: 270px; width: 300px; background: #5483C9;
}
#navigation #x5 {
	margin-left: 490px; width: 300px; background: #011B58;
}
#navigation #x6 {
	margin-left: 570px; width: 300px; background:  #02C87B;
}
#navigation #x7 {
	margin-left: 705px; width: 300px; background: #294F90;
}
#navigation #nom_site_spip {
	position: absolute; 
	margin-top: 75px; padding: 0px;
	width: 1000px;
	font-weight: 100;
	text-align: center;
}
#navigation h2 {
	position: absolute; font-size: 1.2em; font-style: italic; margin: -12px 0 0 670px; color: #FFF;
}
#navigation #nom_site_spip a {
	color: #FFF;
}
.cartouche {
	margin-bottom: 30px; text-align: left;
}
.cartouche .titre {
	font-size: 1.5em;
	font-weight: bold;
}
.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
}
.cartouche p {
	margin: 0; padding: 0; clear: left;
}
.cartouche small {
	font-size: 0.71em;
}
.cartouche .texte {
	font-style: italic; font-size: 0.8em; width: 70%; margin: 30px 0;
}
#contenu {
	color: #CCC;
}
#contenu #bouton_diaporama {
	position: absolute; left: 1125px; margin-top: 10px;
}
#contenu #bouton_diaporama a {
	position: absolute; font-decoration: none; width: 50px; height: 50px;
}
#contenu #bouton_diaporama a.texte {
	visibility: hidden; height: 0px;
}
#contenu .surtitre {
	font-size: 1em;
}
#contenu .soustitre {
	font-size: 1em;
}
#contenu a {
	color: #FFF;
}
#contenu p {
	margin: 0; padding: 0 0 1em 0; text-align: left;
}
#contenu #presentation {
	float: left; width: 296px; margin-bottom: 25px;
}
#contenu #presentation .liste-titre {
	width: 100%; padding: 5px; background: #CCC; color: #000; text-align: center;
}
#contenu #presentation ul {
	margin: 0; padding: 5px 0 0 0 ;
}
#contenu #presentation li {
	list-style-type: none; text-align: left;
}
#contenu .pub {
	margin: 30px 0 30px 0; display: inline;
}
#contenu .couleur1 {
	background: #3f6294; height: 30px; line-height: 30px;
}
#contenu .couleur2 {
	background: #334e79;
}
#contenu .couleur3 {
	background: #233653;
}
#contenu .couleur4 {
	background: #4b73b1;
}
#contenu .couleur5 {
	background: #679ff4;
}
#contenu .couleur6 {
	background: #5583c9;
}
#contenu .couleur0 {
	background: #1e2f48;
}
#contenu .chapo {
	margin-bottom: 1.5em; font-weight: bold; line-height: 1.4em;
}
#contenu .lien {
	border: 0px dotted #CCC; font-size: 0.82em;
}
#contenu .texte {
	font-size: 0.9em; line-height: 1.5em;
}
#contenu .ps {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
}
#contenu .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
}
#contenu .ps {
	font-size: 0.82em;
}
#contenu .notes {
	clear: both; font-size: 0.77em;
}
#contenu .ps h2 {
	font-size: 1.19em; font-weight: bold;
}
#contenu .notes h2 {
	font-size: 1.19em; font-weight: bold;
}
#recherche {
	float: left; 
	width: 618px;
	margin-left: 30px;
	text-align: left;
}
#classeurs {
	float: left;
	padding: 0; margin: 0;
	background: none;
	width: 648px;
}
#classeurs .colonne {
	float: left;
	width: 292px; height: 170px;
	border: 1px solid #000;
	padding: 0; margin: 0;
}
#classeurs .colonne h3 {
	width: 292px; height: 35px; line-height: 30px; font-size: .8em; color: #FFF; font-weight: bold; background: #FFF; opacity: .5; filter: alpha(opacity=50);
}
#classeurs .colonne .texte {
	font-size: 0.8em; line-height: 1.2em; height: 115px; font-style: italic; width: 272px; margin: 0; padding: 10px; background: #FFF; color: #000; opacity: 0; filter: alpha(opacity=0);
}
#classeurs .colonne1 {
	float: left;
	width: 292px; height: 170px;
	border: 1px solid #000;
	padding: 0; margin: 0;
}
#classeurs .colonne1 h3 {
	width: 292px; height: 35px; line-height: 30px; font-size: .8em; color: #FFF; font-weight: bold; background: #FFF; opacity: .5; filter: alpha(opacity=50);
}
#classeurs .colonne1 .texte {
	font-size: 0.8em; line-height: 1.2em; height: 115px; font-style: italic; width: 272px; margin: 0; padding: 10px; background: #FFF; color: #000; opacity: 0; filter: alpha(opacity=0);
}
#classeurs .colonne2 {
	float: left;
	width: 292px; height: 170px;
	border: 1px solid #000;
	padding: 0; margin: 0;
}
#classeurs .colonne2 h3 {
	width: 292px; height: 35px; line-height: 30px; font-size: .8em; color: #FFF; font-weight: bold; background: #FFF; opacity: .5; filter: alpha(opacity=50);
}
#classeurs .colonne2 .texte {
	font-size: 0.8em; line-height: 1.2em; height: 115px; font-style: italic; width: 272px; margin: 0; padding: 10px; background: #FFF; color: #000; opacity: 0; filter: alpha(opacity=0);
}
#classeurs .colonne0 {
	float: left;
	width: 292px; height: 170px;
	border: 1px solid #000;
	padding: 0; margin: 0;
}
#classeurs .colonne0 h3 {
	width: 292px; height: 35px; line-height: 30px; font-size: .8em; color: #FFF; font-weight: bold; background: #FFF; opacity: .5; filter: alpha(opacity=50);
}
#classeurs .colonne0 .texte {
	font-size: 0.8em; line-height: 1.2em; height: 115px; font-style: italic; width: 272px; margin: 0; padding: 10px; background: #FFF; color: #000; opacity: 0; filter: alpha(opacity=0);
}
#classeurs .colonne:hover h3 {
	background: #FFF; opacity: .7; filter: alpha(opacity=70);
}
#classeurs .colonne:hover .texte {
	opacity: .7; filter: alpha(opacity=70);
}
#classeurs .colonne1:hover h3 {
	background: #FFF; opacity: .7; filter: alpha(opacity=70);
}
#classeurs .colonne1:hover .texte {
	opacity: .7; filter: alpha(opacity=70);
}
#classeurs .colonne2:hover h3 {
	background: #FFF; opacity: .7; filter: alpha(opacity=70);
}
#classeurs .colonne2:hover .texte {
	opacity: .7; filter: alpha(opacity=70);
}
#classeurs .colonne0:hover h3 {
	background: #FFF; opacity: .7; filter: alpha(opacity=70);
}
#classeurs .colonne0:hover .texte {
	opacity: .7; filter: alpha(opacity=70);
}
#classeurs .colonne {
	margin: 0 0px 30px 30px;
}
#classeurs .colonne1 {
	margin: 0 31px 30px 0px;
}
#classeurs .colonne2 {
	margin: 0 31px 30px 0;
}
#classeurs .colonne0 {
	margin: 0 0px 30px 0;
}
#albums {
	float: left;
	padding: 0; margin: 0;
	background: none;
	width: 100%;
}
#albums .colonne1 {
	float: left;
	width: 292px; height: 130px;
	padding: 0; margin: 0;
	border: 1px solid #393939;
}
#albums .colonne1 h3 {
	height: 110px;
}
#albums .colonne1 a {
	visibility: visible;
}
#albums .colonne1 .descriptif {
	visibility: hidden; width: 292px; background: #FFF; color: #000; opacity: .5; filter: alpha(opacity=50); text-align: center; font-size: 0.7em; font-style: italic;
}
#albums .colonne2 {
	float: left;
	width: 292px; height: 130px;
	padding: 0; margin: 0;
	border: 1px solid #393939;
}
#albums .colonne2 h3 {
	height: 110px;
}
#albums .colonne2 a {
	visibility: visible;
}
#albums .colonne2 .descriptif {
	visibility: hidden; width: 292px; background: #FFF; color: #000; opacity: .5; filter: alpha(opacity=50); text-align: center; font-size: 0.7em; font-style: italic;
}
#albums .colonne0 {
	float: left;
	width: 292px; height: 130px;
	padding: 0; margin: 0;
	border: 1px solid #393939;
}
#albums .colonne0 h3 {
	height: 110px;
}
#albums .colonne0 a {
	visibility: visible;
}
#albums .colonne0 .descriptif {
	visibility: hidden; width: 292px; background: #FFF; color: #000; opacity: .5; filter: alpha(opacity=50); text-align: center; font-size: 0.7em; font-style: italic;
}
#albums .colonne1:hover h3 {
	background: #000000; height: 110px; opacity: .5; filter: alpha(opacity=50);
}
#albums .colonne1:hover .notation {
	visibility: visible; background: none;
}
#albums .colonne1:hover .descriptif {
	opacity: .7; filter: alpha(opacity=0);
}
#albums .colonne2:hover h3 {
	background: #000000; height: 110px; opacity: .5; filter: alpha(opacity=50);
}
#albums .colonne2:hover .notation {
	visibility: visible; background: none;
}
#albums .colonne2:hover .descriptif {
	opacity: .7; filter: alpha(opacity=0);
}
#albums .colonne0:hover h3 {
	background: #000000; height: 110px; opacity: .5; filter: alpha(opacity=50);
}
#albums .colonne0:hover .notation {
	visibility: visible; background: none;
}
#albums .colonne0:hover .descriptif {
	opacity: .7; filter: alpha(opacity=0);
}
#albums .colonne1 {
	margin: 0 30px 30px 0;
}
#albums .colonne2 {
	margin: 0 30px 30px 0;
}
#albums .colonne0 {
	margin: 0 0px 30px 0;
}
#albums .notation {
	position: absolute; padding: 0; margin: -20px 0 0 200px;
}
#portfolio {
	float: left;
	margin: 0 0 30px 0; padding: 0px;
	background: none;
}
#portfolio table {
	border-collapse: collapse; border: none; padding: 0; margin: 0;
}
#portfolio td {
	width: 236px; 
	text-align: left; 
	vertical-align: middle; 
	overflow: hidden;
	padding: 0; margin: 0;
}
#portfolio td a {
	text-decoration: none; color: #000; padding: 0; margin: 0;
}
#portfolio .descriptif179 {
	background: #FFF; opacity: .8; filter: alpha(opacity=80); width: 216px; height: 159px; padding: 10px; visibility: hidden;
}
#portfolio .descriptif179 .piedimage {
	height: 139px;
}
#portfolio .descriptif179 img {
	float: right;
}
#portfolio .descriptif316 {
	background: #FFF; opacity: .8; filter: alpha(opacity=80); width: 216px; height: 296px; padding: 10px; visibility: hidden;
}
#portfolio .descriptif316 .piedimage {
	height: 276px;
}
#portfolio .descriptif316 img {
	float: right;
}
#portfolio .piedimage {
	float: right; font-size: 0.6em;
}
#portfolio a {
	margin: 0; padding: 0;
}
#portfolio td:hover .descriptif179 {
	visibility: visible;
}
#portfolio td:hover .descriptif316 {
	visibility: visible;
}
.page_plan .cartouche {
	display: none;
}
.page_plan #contenu h2 {
	text-align: left; background: none;
}
.page_plan #contenu h3 {
	text-align: center;
}
.page_plan #contenu tr.first {
	height: 60px;
}
.page_plan #contenu tr.odd {
	background: rgb(25,25,25);
}
.page_plan #contenu tr.even {
	background: rgb(47,47,47);
}
.page_plan #contenu td {
	vertical-align: middle; text-align: center;
}
.page_plan #contenu td.album {
	padding: 20px 200px 20px 20px;
}
.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0;
}
#wheel {
	float: left; width: 100%; margin: 40px 0 0 0; padding: 0;
	background: none; color: #000;
}
#wheel a {
	color: #000; text-decoration: none; font-weight: bold;
}
#wheel .titre {
	display: block; width: 100%;
	clear: both;
	padding: 0; margin: 0;
	border-top: 2px solid #CCC;
	color: #FFF;
	background: #393939;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 1.2em;
}
#wheel ul.bis {
	float: left; width: 100%; margin: 0; padding: 0;  background: none;
}
#wheel ul.bis li {
	float: left; width: 294px; list-style-position: inside; list-style-type: none; height: 160px; 
	text-align: left; margin: 0; margin-top: 30px; padding: 0;
}
#wheel ul.bis li h3 {
	background: #FFF; opacity: .7; height: 20px; padding: 10px;
}
#wheel ul.bis li p {
	font-size: 0.8em; background: #FFF; height: 100px; padding: 10px;
}
#wheel ul.bis li.indent1 {
	margin-right: 31px; padding: 0;
}
#wheel ul.bis li.indent2 {
	margin-right: 31px; padding: 0;
}
#wheel ul.bis li.indent0 {
	margin-right: 0;
}
#wheel ul.bis li:hover h3 {
	visibility: hidden;
}
#wheel ul.bis li:hover p {
	visibility: hidden;
}
#forum {
	width: 100%;
	background: none;
	border-top: 2px solid #393939; padding-top: 10px;
	color: #FFF;
}
#forum a {
	color: #FFF;
}
#forum p.repondre {
	font-style: italic; text-align: right;
}
#forum .forum-repondre {
	width: 100%;
	text-align: center;
	margin: 0; padding: 0;
	font-size: 0.88em;
	background: none;
	font-weight: bold;
	text-transform: lowercase;
}
#forum .forum-decompte {
	width: 100%;
	text-align: center;
	margin: 0; padding: 0;
	font-size: 0.88em;
	background: none;
	font-weight: bold;
	text-transform: lowercase;
}
#forum .forum-decompte {
	visibility: hidden;
}
#forum ul.forum {
	display: block; background: #393939; margin: 0; padding: 0; list-style: none;
}
#forum ul.forum li {
	display: block; width: 100%;
}
#forum ul.forum ul {
	list-style: none;
}
#forum ul.forum .forum-fil {
	margin-top: 1.5em;
}
#forum ul.forum .forum-fil ul {
	display: block; margin: 0; padding: 0; margin-left: 1em;
}
#forum ul.forum .forum-chapo .forum-titre {
	display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none;
}
#forum ul.forum .forum-chapo .forum-titre a {
	display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none;
}
#forum ul.forum .forum-texte {
	margin: 0; padding: 0.5em 1em 0 1em; color: #FFF; font-size: 0.82em;
}
#forum ul.forum .forum-texte .forum-repondre-message {
	margin: 0; padding: 1px 0; text-align: right;
}
#forum ul .forum-message {
	border: 1px solid #111111; margin: 0; padding: 0; margin-bottom: 1em;
}
#forum ul ul .forum-message {
	border: 1px solid #222222;
}
#forum ul ul ul .forum-message {
	border: 1px solid #333333;
}
#forum ul ul ul ul .forum-message {
	border: 1px solid #444444;
}
#forum ul ul ul ul ul .forum-message {
	border: 1px solid #555555;
}
#forum ul ul ul ul ul ul .forum-message {
	border: 1px dotted #666666;
}
#forum ul .forum-chapo {
	background: #111111; border: none; border-bottom: 1px dotted #FFF; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em;
}
#forum ul ul .forum-chapo {
	background: #222222;
}
#forum ul ul ul .forum-chapo {
	background: #333333;
}
#forum ul ul ul ul .forum-chapo {
	background: #444444; border-bottom: 1px dotted #FFF;
}
#forum ul ul ul ul ul .forum-chapo {
	background: #555555;
}
a {
	text-decoration: none; color: #000;
}
a:hover {
	text-decoration: underline;
}