body
{ }
body, p, form
{ padding: 0px; margin: 0px; }
#global
{ background: scroll; width: 1024px; margin-left: auto; margin-right: auto;}
h1, h2, h3, h4 { text-align:center; margin:2px; padding:2px; font-weight: normal; }
h1 { font-size: 26px; margin: 0px; } h2 { font-size: 22px; } h3 { font-size: 18px; }
a { color: #500; text-decoration: none; }
a:visited { color: #400; }
a:hover { text-decoration: underline; color: #007; }
.red, a:visited.red { color:red; }
.sites
{ float: left; margin: 3px; padding: 3px; width: 441px; height: 330px; text-align: center; border: 1px solid #777; background: #fff }
.haut 
{ text-align: center; padding-top: 3px; background: #000; color: #fff; width: 1024px; margin-bottom: 7px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#lien { margin-bottom: 12px; margin-top: 7px; }
#lien a
{ font-size: 22px; padding: 5px; border: 1px solid #000; background:  url(../image/degrade/DiYq6h.png) #fff; color: #000;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#lien a:hover
{ border: 1px solid #a00; background:  url(../image/degrade/kJodFn.png); text-decoration: none; color: #fff; }
.connect
{ margin: 1px; font-size: 12px; }
.suite, .suite2
{ color: #00f; font-weight: bold; cursor: pointer; }
.suite:hover, .suite2:hover
{ text-decoration: underline; }
.bloc_pub
{ width:300px; height: 250px; }
#inscription
{text-align: center; background: #eee; border: 1px solid #777; float: left; width: 97%; margin: 2px; }
.recherche
{ margin: 5px; }
.search
{ padding: 2px 0px; margin: 3px; }
#log
{ float: right; font-size: 14px; margin: 3px; }
.comment
{ margin: 0px; padding: 0px; font-size: 14px; }
.messages
{ border-top: 1px solid #000; padding: 5px; }
/*barre*/
.barre
{ float: left; border: 1px solid #777; background: #fff; text-align: center; margin-bottom: 7px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.moins
{ background: url('../image/fleche_466.gif') no-repeat center center; margin: 5px; padding: 30px; }
.moins:hover
{ background: url('../image/fleche_522.gif') no-repeat center center; text-decoration: none; }
.plus
{ background: url('../image/fleche_465.gif') no-repeat center center; margin: 0px; padding: 30px; }
.plus:hover
{ background: url('../image/fleche_521.gif') no-repeat center center; text-decoration: none; }
#video
{ background: #111; width: 610px; height: 290px; text-align: center; float: left; }
.artiste
{ text-align: center; background: #fff; margin: 2px; }
.pages
{ padding: 2px; }
.bloc_clip
{ float: left; background: #fff; text-align: center; border: 1px solid #777; width: 1024px; margin-bottom: 2px; }
.bio
{ font-size: 17px; width: 97%; margin: 2px; text-align: center; background: #fff; border: 1px solid #777; }
.bio img
{ margin: 15px; }
.image
{ width: 120px; height: 70px; }
.clip
{ float: left; font-size: 14px; border: 1px solid #777; font-family: Arial; margin: 5px; background: #eee; padding: 5px; padding-top: 2px; padding-bottom: 0px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.clip:hover
{ background: #ccc; border: 1px solid #333;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.clip_s
{ width: 143px; height: 110px; }
.clip_s:hover, .clip_s:hover a
{ background: #111; color: #fff;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.img_s
{ width: 120px; height: 70px; margin: 5px; margin-top: 3px; margin-bottom: 0px; }
.img_s:hover
{ width: 137px; height: 70px; margin: 3px; margin-bottom: 0px; }
.clip_big
{ width: 300px; padding: 10px; padding-top: 5px; padding-bottom: 3px; }
.img_big
{ width: 220px; height: 130px; margin: 30px; margin-top: 3px; margin-bottom: 0px; }
.img_big:hover
{ width: 290px; height: 130px; margin: 3px; }
.img_ad
{ position: absolute; z-index: 3; margin: 3px; background: #000; padding: 1px; color: #fff; }
.description
{ background: #fff; padding: 4px; width: 97%; float: left; border: 1px solid #777; text-align: center; }
.inscription
{ padding-top: 7px; padding-bottom: 17px; }
.galerie
{ width: 685px; }
.bloc
{ width: 300px; }
.bloc .clip
{ width: 143px; }
.bloc .image
{ width: 142px; }
.bloc2
{ width: 380px; }
.bloc3
{ width: 411px; height: 130px; font-size: 14px; font-weight: bold; }
.bloc4
{ width: 302px; }
.menu
{ float: right; width: 120px; }
.menu span
{ width: 95%; float: left; font-size: 15px; cursor: pointer; font-weight: bold; }
.link .titre
{ text-align: center; font-size: 16px; color: #fff; background: #000; }
.link .titre:hover
{ color: #000; background: #fff; border: 1px solid #000 }
.link
{ float: left; }
.link span
{ text-align: center; border: 1px solid #500; color: #333; padding: 3px; background: url(../../public/image/pro2.jpg); }
.link span:hover
{ color: #fff; border: 1px solid #fff; background: #000; }
.tiers { width: 333px; }
.tiers2 { width: 670px; }
.tiers3 { width: 1024px; }
.right {float: right }
.left {float: left }
#autosearch
{
	text-align: center;
	font-weight: bold;
	background: #ddd;
	width: 476px;
	position: absolute;
	z-index: 9;
	font-size: 13px;
}

#autosearch a
{
	border: 0px;
}

#autosearch li
{
	border-bottom: 1px solid #999;
}

#autosearch ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#autosearch ul li.autosearch
{
	background: #aaa;
	font-size: 14px;
	padding: 2px;
	border: 1px solid #000;
	margin-bottom: 3px;
}
.img { height: 150px; width: 120px; }
.line { display: inline; }
.none { display: none; }
.poin { cursor : pointer; color: #a10; font-weight: bold; }
.poin:hover { text-decoration: underline; color: #007; }
.fort { font-weight: bold; }
.mr7 { margin-right: 7px; }
.mr2 { margin-right: 19px; }
.hide { position: absolute; z-index: 0; }
.on { position: absolute; z-index: 5;}