html, body { height: 100%  !important; }

body {
	font: 95% Georgia, "Times New Roman", Times, serif;
	color: #333;
	background: #fff; }

* { 
	margin: 0px;
	padding: 0px;
	outline: none; }

object { z-index: 0; }

a, a:link { color: #06f; font-weight: normal; }
a:visited { color: #666; }
a:hover, a:active { text-decoration: none; color: #c00; }

#main { 
	width: 502px; 
	padding: 10px 10px 10px 20px; }

#main p { font-size: 110%; }

#nav {
	width: 251px;
	padding: 0px;
	/*padding: 10px;
	background: #f9f9f9;*/
	background: url(../i/bg_obliq.gif) repeat;
	overflow: auto;
	position: fixed;
}

#main h1 {
	font-size: 220%;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 15px;
	/*margin-left: 10px;*/
	color: #000; }

.stitre {
	color: #000;
	/*margin-left: 20px;*/
	font-size: 120%;
	margin-bottom: -5px;
	/*
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	*/ }
.expose {
	vertical-align: super;
	font-size: 90%; }
	
#main h1.geo { 
	font-weight: bold;
	font-size: 240%;
	margin-bottom: 25px;
	/*margin-left: 30px;*/
	color: #000; }

#main h1.titre { 
	font-weight: bold;
	font-size: 160%;
	margin-top: 10px;
	margin-bottom: 20px;
	/*margin-left: 30px;*/
	color: #000; }

div#logo {
	color: #000;
	padding: 10px 0 0px;
	margin: 0px 10px 20px 10px;
	display: block;
	background: #fff;
	text-align: center; } 
#logo p {
	/*font-size: 80%;*/
	font-size: 65%;
	padding: 0px 4px 10px 6px;
	margin: 0px;
}

/*#nav ul { 
	margin: 0px 10px 0px 10px; }

#nav ul li {
	margin: 10px 0px;
	list-style: none; }

#nav li a {  
	text-decoration: none;
	color: #999;
	border-left: 5px solid #fff;
	padding: 5px;
	display: block;
	background: #fff; }
#nav li a:link {
	border-left: 5px solid #09f;
	color: #000;  }
#nav li a:visited { 
	border-left: 5px solid #09f;
	color: #666; }
#nav li a:hover, #nav li a:active, #nav li a.on { 
	border-left: 5px solid #c00;  
	color: #000; }

#nav ul li ul { 
	margin: 0px 0px 0px 6px; }
#nav li ul li a { 
	font-size: 95%; }*/
#nav ul { 
	margin: 0px 10px 0px 10px; }

#nav ul li {
	margin: 7px 0px;
	list-style: none; }

#nav ul li a {  
	text-decoration: none;
	color: #333;
	border-left: 5px solid #fff;
	padding: 3px 5px;
	display: block;
	background: #fff; }
#nav ul li a:link {
	border-left: 5px solid #09f;
	color: #333;  }
#nav ul li a:visited { 
	border-left: 5px solid #09f;
	color: #444; }
#nav ul li a:hover, #nav ul li a:active, #nav ul li a.on { 
	border-left: 5px solid #c00;  
	color: #000; }
#nav ul li a.on { 
	border-left: 5px solid #c00;  
	color: #000; }
#nav ul li a.on:hover { 
	border-left: 5px solid #c00;
	color: #c00;
	background-image: none; }
	
#nav ul ul { 
	margin: 0px; }

#nav ul li ul li a { 
	margin: -10px 0px;
	background: #fff;
	font-size: 95%;
	padding-left: 15px;
	background: #fff url(../i/lien.gif) no-repeat 0px 8px; }
#nav ul li ul li a:link, #nav ul li ul li a:visited { 
	border-left: 5px solid #c00; }
#nav ul li ul li a:hover, #nav ul li ul li a:active { 
	border-left: 5px solid #c00;
	color: #000;
	background: #fff url(../i/lien_on.gif) no-repeat 0px 8px; }
#nav ul li ul li a.on:hover { 
	border-left: 5px solid #c00;
	color: #c00;
	background-image: none; }
#nav ul li ul li a.on { 
	border-left: 5px solid #c00;
	color: #c00;
	background: #fff url(../i/lien_on.gif) no-repeat 0px 8px; }

#nav ul+p { margin-top: 20px; margin-left: 40px; }

#nav a span { font-size: 85%; color:#333; }
#nav a:hover span { color:#000; }

#nav ul li.bleu {  
	text-decoration: none;
	color: #000;
	border-left: 5px solid #09f;
	padding: 5px;
	display: block;
	background: #fff; }	
	
#nav ul li.bleu ul {  
	margin:17px 0 -7px 0; }	
#nav ul li.bleu ul li a { 
	border-left:0;
	margin: -10px 0px 0px -5px;
	background: #fff;
	font-size: 95%;
	padding-left: 15px;
	background: #fff url(../i/lienbleu.gif) no-repeat 0px 8px; }
#nav ul li.bleu  ul li a:link, #nav ul li.bleu  ul li a:visited { 
	border-left:0; }
#nav ul li.bleu  ul li a:hover, #nav ul li.bleu  ul li a:active { 
	border-left:0;
	color: #000;
	background: #fff url(../i/lienbleu_on.gif) no-repeat 0px 8px; }
#nav ul li.bleu  ul li a.on:hover { 
	border-left:0;
	color: #000;
	background-image: none; }
#nav ul li.bleu  ul li a.on { 
	border-left:0;
	color: #000;
	background: #fff url(../i/lienbleu_on.gif) no-repeat 0px 8px; }


p, h1, h2, h3, h4, h5 { 
	padding-bottom: 10px;
	margin-left: 30px; }

.nb {
	/*color: #c00;*/
	text-transform: uppercase;
	font-size: 90%;
	margin-left: 30px;
	background: url(../i/nb.gif) no-repeat 0px 0px;
	padding-left: 20px; }

p.marge { font-style: italic; font-size: 95%; margin-bottom: 20px; }
.forimg p {
	/*text-transform: uppercase;*/
	font-size: 70%;
	color: #333;
	text-align: right;
	padding: 5px;
	/*margin: 0px 1px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top-width: 0px;
	border-top-style: none;*/
}

.forimg {
	margin: 10px 0px;
}


.as { /*font-size: 160%;*/
	color: #c00; }
	
ul.merci, ul.simple {
	/*font-size: 90%;*/
	list-style: square; }
 ul.merci li { 
 	margin-bottom: 30px;
	margin-left: 60px; }
 ul.merci span { text-align: center; list-style: none; display: block; margin-top: 10px; margin-left: -50px; }
  ul.simple li { 
 	margin-bottom: 10px;
	margin-left: 60px; }
 
h3.photo span { display: block; font-size: 80%; font-weight: normal; }

ul.photo {
	/*font-size: 90%;*/
	list-style: none;
 	margin-bottom: 40px;
	margin-left: 60px; }
 ul.photo li { 
 	margin: 10px 10px 0 0;
	float: left;
	display: inline; }

ul.photo li a img, ul.photo li a:link img, ul.photo li a:visited img { border: 1px solid #fff; }
ul.photo li a:hover img, ul.photo li a:active img { border: 1px solid #c00; }

br.clear20 { clear: left; height: 0px; }
	
	
.artistes { margin: 0px 10px 30px 30px; }
.artistes h4, .artistes p { margin-left: 10px; }

.style1 {font-size: 85%; color:#333; }

p.back { 
	text-align: right; margin: 10px 20px 0px; }
p.back a, p.back a:link, p.back a:visited { 
	background: url(../i/top.gif) no-repeat 0px 0px;
	padding: 0px 0px;
	padding-left: 16px;
	text-decoration: none;
	text-align: right; font-size: 85%; }
p.back a:hover, p.back a:active { 
	background: url(../i/top_on.gif) no-repeat 0px 0px;
	color: #c00; }
iframe { padding: 0; margin: 0; border: 0; margin-left: 30px; }

.style1 {font-size: 85%; color:#333; }

ul#page { 
	list-style: none;
	margin: 10px 20px 20px 35px;
	font-size: 120%; }
ul#page li { padding: 5px 0px; }

ul#page li a {
	background: url(../i/lien2.gif) no-repeat;
	padding-left: 10px;
	list-style: none;
	color: #666;
	text-decoration: none; }
ul#page li a:link {
	color: #000; }
ul#page li a:visited {
	background: url(../i/lien2.gif) no-repeat;
	color: #333; }
ul#page li a:hover, ul#page li a:active {
	background: url(../i/lien2_on.gif) no-repeat;
	color: #c00; }
	
.style1 {font-size: 85%; color:#333; }

div#page { 
	list-style: none;
	margin: 10px 20px 20px 5px;
	font-size: 110%; }
div#page p.artiste { padding: 5px 0px;
	padding-left: 10px;
	background: url(../i/lien2_on.gif) no-repeat 0px 5px; }

div#page p.artiste2 { padding: 5px 0px;
	padding-left: 30px;
	font-size: 90%;
	/*background: url(../i/lien2_on.gif) no-repeat 0px 5px;*/ }

div#page ul.doc, ul.doc {
	list-style: none;
	margin: 20px 20px 5px 50px;
	font-size: 90%; }
div#page ul.doc li, ul.doc li { 
	background: url(../i/lien2.gif) no-repeat 0px 5px;
	padding: 5px 0px;
	padding-left: 10px; }


h2.back a, h2.back a:link, h2.back a:visited { 
	background: url(../i/back.gif) no-repeat 0px 2px;
	padding: 0px 0px;
	padding-left: 16px;
	color: #000;
	text-decoration: none; }
h2.back a:hover, h2.back a:active { 
	background: url(../i/back_on.gif) no-repeat 0px 2px;
	color: #c00; }

p.artiste2 a img, p.artiste2 a:link img, p.artiste2 a:visited img { border: 1px solid #fff; }
p.artiste2 a:hover img, p.artiste2 a:active img { border: 1px solid #c00; }


img, a.no { margin: 0; padding:0; 
	border: 1px solid #fff; }
a:hover.no img { 
	border: 1px solid #c00; }

.vedette {
	/*color: #c00;*/
	text-transform: uppercase;
	font-size: 90%;
	margin-left: -5px;
	border-left: 5px solid #c00; }
a:hover.no img.vedette { 
	border: 1px solid #c00;
	text-transform: uppercase;
	font-size: 90%;
	margin-left: -8px;
	border-left: 8px solid #c00; }