@charset "utf-8";
/* CSS Document */

body{
	background-image:url(images/bg.jpg);
	background-position:top center;
	background-attachment:fixed;
	background-repeat:repeat-y;
	background-color:#3B3C37;
	margin-bottom:0px;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#929270;
	text-align:justify;
}
img, div, a, input, h2, dt, p, th { 
	behavior: url(iepngfix.htc);
	border:none;
}
ul{
	list-style-type:none;
	}
a:link {
	color:#a6a593;
	text-decoration: none;
}
a:visited {
	color:#a6a593;
	text-decoration: none;
}
a:active {
	color:#a6a593;
	text-decoration: none;
}
a:hover {
	color:#a6a593;
	text-decoration: none;
}
#site{
	margin-left: auto;
	margin-right: auto;
	width:800px;
}
#head {
	width:800px;
	height:200px;
}
/* hide from ie on mac \*/	
#flashcontent {
	width: 518px;
	height: 680px;
}
	/* end hide */

/*------------------------menu-------------------------*/
#menu{
	width:798px;
	height:20px;
	margin-top:4px;
	margin-bottom:4px;
	padding-top:4px;
	background-image:url(images/bg_page.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	border: solid 1px #000000;
	font-size:12px;
	font-weight: bold;
	text-align:center;
}
#menu a {
	color:#929270;
}
#menu ul{
	width:798px;
	display:block;
	margin:0;
	padding:0;
	}
#menu ul li{
	float:left;
	display:inline;
	margin-left:9px;
	margin-right:9px;
	}
/*------------------------corps-------------------------*/
#contenu{
	width:800px;
	background-image:url(images/bg_page2.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	margin-bottom:4px;	
}
/*------------------------page-------------------------*/
#page{
	float:left;
	width:518px;
	padding:16px;
	border-top: solid 1px #000000;
}

#page h2 {
	clear:both;
	margin:0px;
	margin-top:20px;
	margin-bottom:15px;
	padding:0px;
	height:22px;
	background-image:url(images/trait.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	font-weight:normal;
	font-size:12px;
}
#page ul {
	padding-top: 0;
}
#page li {
	float: left;
	clear: left;
	width: 480px;
	padding-bottom: 0;
}
#page #dtnews {
	margin:0px;
	margin-bottom:15px;
	margin-top:30px;
	padding:0px;
	height:22px;
	background-image:url(images/trait.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	font-weight:normal;
	font-size:12px;
}
#page #dtnews_groupes {
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:11px;
}
#page #ddnews {
	margin-left:15px;
	margin-bottom:15px;
}
#page #dlvideos {
	width:518px;
	display:block;
	margin:0;
}
#page #dtvideos {
	float:left;
	width:70px;
	margin-top:6px;
	font-size:11px;
	font-weight:bold;
}
#page #ddvideos {
	float:left;
	width:406px;
	margin-top:6px;
	font-size:11px;
}
#page #dlliens {
	width:518px;
	display:block;
	margin:0;
	margin-left:15px;
}
#page #dtliens {
	clear:both;
	float:left;
	width:130px;
	margin-top:6px;
	font-size:11px;
	font-weight:bold;
}
#page #ddliens {
	float:left;
	width:333px;
	margin-top:6px;
	font-size:11px;
}
#page .thconcerts {
	height:25px;
	background-image:url(images/trait.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:12px;
}
#page td {
	padding-top:8px;
}
#page .page_af {
	background-color:#a6a593;
	color:#141414;	
}
#page form label {
	float: left;
	width: 12em;
	margin-right: 1em;
	text-align: right;
}
#page textarea {
	width:468px;
	height:60px;
	background-color:#232220;
	border: solid 2px #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#929270;
	font-size:11px;
}
#page form textarea {
	width:220px;
	background-color:#232220;
	border: solid 2px #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#929270;
	font-size:11px;
}

#page form .text_input {
	width:220px;
	background-color:#232220;
	border: solid 2px #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#929270;
	font-size:11px;
}
#page form .connect {
	background-color:#929270;
	border: solid 1px #000000;
	color:#000000;
	font-size:11px;
}
#page form .select {
	width:224px;
	background-color:#232220;
	border: solid 2px #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#929270;
	font-size:11px;
}
#page form .select2 {
	background-color:#232220;
	border: solid 2px #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#929270;
	font-size:11px;
}
#page form input[type=submit] {
	background-color: transparent;
	background-repeat:no-repeat;
	height:15px;
	border-style:none;
	cursor:pointer;
}
#page form .envoyer {
	float:left;
	width:61px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:34px;
	background-image:url(images/envoyer.png);
	cursor:pointer;	
}
#page form .rechercher {
	width:76px;
	background-image:url(images/rechercher.png);
	cursor:pointer;	
}
#page form input[type=reset] {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:34px;
	background-color: transparent;
	background-image:url(images/annuler.png);
	background-repeat:no-repeat;
	width:61px;
	height:15px;
	border-style:none;
	cursor:pointer;
}
#page .stylemusic{
	margin:25px;
	margin-top:5px;
}
#page #groupe_pic {
	float:left;
	margin-right:15px; 
	margin-bottom:10px;
}
#page #groupe_pic .icones {
	margin-left:4px;
	margin-right:4px; 
	padding-top:8px;
}
#page #picsyear {
	float:left;
	width:180px;
	height:200px;
	margin-left:30px;
	margin-right:0px;
	margin-bottom:25px;
}
#page #picsyear2 {
	float:right;
	width:180px;
	height:200px;
	margin-left:0px;
	margin-right:30px;
	margin-bottom:25px;
}
#page #picstext a{
	position:relative;
	top:-25px;
	width:100px;
	margin-left:40px;
	color:#57401e;
	font-weight:bold;	
}
#page #equipe {
	float:left;
	width:235px;
	height:59px;
	margin-top:15px;
	border: solid 1px #000000;
	background-color:#232220;	
}
#page #equipe #icones{
	float:left;
	width:60px;
}
#page #equipe #icones #avatar{
	width:59px;
	height:59px;
	border-right: solid 1px #000000;
}
#page #equipe #icones #sites_perso{
	float:left;
	width:19px;
	height:19px;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
}
#page #equipe #infos{
	float:right;
	width:169px;
	text-align:center;
	padding:3px;
}
#page #equipe #infos a{
	color:#929270;
}
#page #equipe #infos img{
	padding-top:7px;
}
#page #ban_photos {
	width:100%;
	height:68px;
	margin-top:15px;
	border: solid 1px #000000;
	background-color:#232220;	
}
#page #ban_photos #ban{
	float:left;
	margin-top:-1px;
	margin-left:-1px;
	width:250px;
}
#page #ban_photos #infos{
	float:right;
	width:262px;
	text-align:center;
	padding:3px;
}
#page #ban_photos #infos a{
	color:#929270;
}
/*------------------------colonne-------------------------*/
#colonne{
	float:right;
	width:214px;
	padding:15px;
	border-top: solid 1px #000000;
}
#colonne .puces {
	height:25px;
	padding-top:4px;
	float:left;
	clear:both;
	border:none;
}
#colonne .menu {
	height:20px;
	margin:0px;
	padding-top:8px;
	background-image:url(images/col_trait.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#485d6e;
	text-indent:30px;
}
#colonne a .menu {
	cursor:pointer;
	text-decoration:none;
}
#colonne .calendrier { font-size:12px;}
#colonne .calendrier .titremois  { font-weight: bold; }
#colonne .calendrier .titrejours  { color:#485d6e; font-weight:bold;}
#colonne .calendrier .titreweek  { font-size:10px; color:#485d6e; font-weight:bold;}
#colonne .calendrier .titreweek2  { font-size:10px; color:#485d6e; font-weight:bold;}
#colonne .calendrier .titrenum2 { color:#545433;}
#colonne .calendrier .titrewend { color:#787857;}
#colonne .calendrier .titrewend2 { color:#545433;}
#colonne .calendrier .titrenow  { border-style:ridge; border-width:1px; border-color:#929270;}
#colonne .calendrier .monday  { border-style:ridge; border-width:1px; border-right-width:0px; border-color:#929270;}
#colonne .calendrier .between  { border-style:ridge; border-width:1px; border-right-width:0px; border-left-width:0px; border-color:#929270;}
#colonne .calendrier .sunday  { border-style:ridge; border-width:1px; border-left-width:0px; border-color:#929270;}
#colonne .calendrier a { color:#bbbbbb; cursor:pointer; text-decoration:none; }
#colonne .calendrier .titreweek2 a { color:#687d8e; cursor:pointer; text-decoration:none; }
#colonne .calendrier .titremois a { color:#929270; }
#colonne .calendrier a:hover {
	cursor:pointer;
	text-decoration:none;
}
#colonne form {
	margin-bottom:20px;	
	margin-left:42px;
}
#colonne form input[type=text],input[type=password] {
	background-color:#929270;
	border: solid 1px #000000;
	font-size:11px;	
}
#colonne .bouton_search{
	background-color: transparent;
	background-image:url(images/loupe.png);
	background-repeat:no-repeat;
	border-style:none;
	width:17px;
	height:17px;
	cursor:pointer;
}
.bouton_connect{
	margin-left:46px;
	background-color: transparent;
	background-image:url(images/connecter.png);
	background-repeat:no-repeat;
	border-style:none;
	width:82px;
	height:15px;
	cursor:pointer;
}
/*------------------------footer-------------------------*/
#bottom{
	clear:both;
	width:800px;
	height:1px;
	background-image:url(images/bg_page2b.jpg);
	background-position:bottom-left;
	background-repeat:no-repeat;	
}
#footer{
	width:766px;
	height:38px;
	background-image:url(images/bg_page.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	margin-bottom:4px;
	padding-top:6px;
	padding-left:16px;
	padding-right:16px;
	border: solid 1px #000000;
	text-align:center;
}
#footer2{
	width:798px;
	height:70px;
	padding-top:10px;
	padding-bottom:0px;
	background-image:url(images/bg_page.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	margin-bottom:0px;
	border: solid 1px #000000;
	text-align:center;
}
/*------------------------texte-------------------------*/
.texte_bleu{
	color:#485d6e;
}
.texte_blanc{
	color:#a6a593;
}
.texte_beige{
	color:#929270;
}
.texte_11 {
	font-size:11px;
}
.texte_10 {
	font-size:10px;
}