@charset "utf-8";
/*  ------------------------------------------
/*  CSS Document */
/*  http://www.slr-depalmas.net */
/*  ------------------------------------------
*/

* { margin: 0; padding: 0; }

body {
	background-image: url(images/bg.jpg);
	background-repeat:repeat-x; 
	background-color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

#content {
		margin:0 auto;
		width:1024px;
}
#header {
	height:100px;
	width:1024px;
}


/*  ------------------------------------------
/*  Menu */
/*  ------------------------------------------
*/ 
#menu {
	height: 45px;
	width: 1024px;
	}
	

ul, li { /* utilisation de liste pour le menu */
list-style-type: none; /* suppression des puces de liste */
margin:0;
	text-align: center;
	float: left;
	height:35px;
	padding-top:5px;

}
ul {
position: absolute; /* positionnement pour IE5 et IE5.5 */
	background: transparent url(images/menu.png) top left no-repeat; 
	text-align: center;
	float: left;	
	width: 1024px;
}
li {
display: inline;/* correction pour IE5 et IE5.5 */
	text-align: center;
	float: left;

}
li a { /* dimensions et dfinitions des boutons */
display: block; /* mise en block de <a> pour lui donner des dimensions */
height: 40px;
width: 145px;
line-height: 40px; /* hauteur de ligne pour viter les paddings */


}
li a:hover {
background: transparent url(images/menu.png) top left no-repeat;
}
a#menu1:hover {
background-position: 0% -50px;/* dcalage de l'arrire-plan pour chaque bouton */
}
a#menu2:hover {
background-position: -144px -50px;
}
a#menu3:hover {
background-position: -289px -50px;
}
a#menu4:hover {
background-position: -435px -50px;

}
a#menu5:hover {
background-position: -580px -50px;
}
a#menu6:hover {
background-position: -725px -50px;
}

a#menu7:hover {
background-position: -870px -50px;
}

#content2 {
margin: 10px 10px 20px 10px;
}

/*  ------------------------------------------
/*  Colone de gauche index */
/*  ------------------------------------------
*/ 

#col-gauche {
	width: 245px;
	height:580px;
	float:left;
	margin-right: 10px;
	}
	
.photo {
	height: 420px;
	width: 243px;
	border: #333 solid 1px;
	margin-bottom:10px;
}

.xlm {
	background-color:#282828;
	height: 130px;
	padding: 10px;
	width: 225px;
	clear:both:
}

.xlm h2 {
	text-align:left;
	color:#999999;
	font-weight: lighter;
}

/*  ------------------------------------------
/*  Colone de droite index */
/*  ------------------------------------------
*/ 

#col-droite {
	float:right;
	width:745px;}

.bloc_bleu{
	background-image: url(images/bg_bleu.jpg);
	background-repeat:repeat-x;
	height: 205px;
	width:725px;
	margin-bottom:15px;
	padding:10px;
	color:#FFF;
	text-align:justify;
}

.bloc-gris {
	height:340px;
	width:745px;
	}
.blocX h1 {
	border-bottom: 1px solid #000;
	padding: 2px 10px;
	margin-bottom:10px;
	text-align:left;
}
.bloc1 {
	background-color: #c0c0c0;
	float:left;
	width:228px;
	height:322px;
	padding:10px}

.bloc2 {
	background-image: url(images/degrade_bloc2.gif);
	float:left;
	width:228px;
	height:322px;
	padding:10px}

.bloc3 {
	background-color: #c0c0c0;
	float:left;
	width:228px;
	height:322px;
	padding:10px
}

/*  ------------------------------------------
/*  Contenu */
/*  ------------------------------------------
*/ 

#content3 {
padding: 10px;
background-color: #262626;
color:#cccccc;
width:1004px;
}

/*  ------------------------------------------
/*  Footer */
/*  ------------------------------------------
*/ 

#footer {
	color:#666666;
	background-image: url(images/bg_footer.jpg);
	text-align:center;
	width:1000px;
	clear: both;
	margin:0 auto;
	}
	
#footer a {
color: #666;
font-weight:normal;
text-decoration:none;}


/*  ------------------------------------------
/*  Textes */
/*  ------------------------------------------
*/ 
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:lighter;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;

}

h3 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;	margin: 3px 0px 3px 0px;}
	
h4 {
font-weight:bold;
font-size:14px;}
	

p {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px
}

a { font-weight:bold; color:#FFFFFF;}

.bloc_index a {color:#000000;}

img a {
border:none;}


/*  ------------------------------------------
/*  texte spéciaux */
/*  ------------------------------------------
*/ 

/*liens blanc*/
.index {
	color:#FFF;
}

/*couleur orange pour titre*/
span {
	color:#edcf55;}

.contenuh2 {
font-size:24px}

.concerts {
color:#CCCCCC;
	line-height: 1.5em;}

cite {font-size:12px; font-family: Arial, Helvetica, sans-serif; font-style:normal; color:#FFFFFF}

.bio { font-weight:bold; text-decoration:underline;}

.box_bio {background-color:#c0c0c0;}

.box_bio p {color:#000000;}
	

/*  ------------------------------------------
/*  Discographie */
/*  ------------------------------------------
*/ 

.jaune {
font-weight:bold;
color: #f78408;
text-decoration:underline;}
		
.boxgrid{ 
	width: 145px; 
	height: 145px; 
	margin:10px; 
	float:left; 
	background:#141414; 
	overflow: hidden; 
	position: relative; 
			}

.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
				}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #141414; 
	height: 145px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
			
.captionfull .boxcaption {
 	top: 240;
 	left: 0;
	padding:2px;
 				}
.caption .boxcaption {
 	top: 220;
 	left: 0;
	padding:2px;
 				}


/*  ------------------------------------------
/*  Clips */
/*  ------------------------------------------
*/ 

.soustitre {
font-size:30px;
color:#FFFFFF;}

.table_clips {
border:1px solid #3b3b3b;
background-image:url(images/clips/table_clips.jpg);
width:990px;
padding:5px;}

.gris {
border: 1px solid #828181;}

.bleu {
color:#0e8ed8;}

.orange {
color:#ffa800;}

.rouge {
color:#ff5a00;}

.chiffres {
color: #0e8ed8;
font-size:24px;
text-align:right;}

.legende {
font-size:10px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;}

.legende2 {
font-size:10px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;}


/*  ------------------------------------------
/*  Bio */
/*  ------------------------------------------
*/ 

#colonne_bio {
width:255px;
height:120%;
margin-left:10px;
float:right;
padding:5px;
background-color: #020107;}

.date {
color:#727272;
font-weight:bold;
font-size:14px;}


/*  ------------------------------------------
/*  Concerts */
/*  ------------------------------------------
*/ 

.table_concerts {
border:1px solid #0e8ed8;
width:988px;
font-family:Arial, Helvetica, sans-serif;
padding:5px;
background-color:#1f1f1f}

.table_concerts tr td {
padding:5px;
}

.ville {
font-size:18px;
color:#FFFFFF;
width:190px}

/*  ------------------------------------------
/*  Photos  */
/*  ------------------------------------------
*/
.highslide {
    outline: none;
}
.highslide img {
	border: 1px solid black;
}
.highslide:hover img {
	border: 1px solid black;
}

.highslide-image {
    border: 1px solid #ff6000;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    background-color: black;
	font-family: arial;
	font-size:75%;
}
.highslide-loading {
    display: block;
	color: white;
	border: 1px solid white;
    background-color: white;
}

/*  ------------------------------------------
/*  Actus */
/*  ------------------------------------------
*/ 

#actus {
width:740px;
min-height:1500px;}

.post-title {
padding: 0;
    font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:lighter;
	color:#FFFFFF;
	text-align:left;}
	
.post-title a:link, .post-title a:visited {
	color: #fff;
	text-decoration: none;
		font-weight:lighter;
}

.post-title a:hover {
	text-decoration: none;
		font-weight:lighter;
}

#sidebar {
width:240px;
height:120%;
margin-left:10px;
padding:5px;
background-color: #020107;}


/* Post-content
-------------------------------------------------------- */

.post-content {
	padding: 10px;
	line-height: 1.5em;
    background-color: #1f1f1f;
}

.post-content p, {
	padding: 4px;
	text-align:justify;
}

.post-content h3,{
	padding: 4px 0;
	font-size: 1.2em;
}


/* Classes
-------------------------------------------------------- */


.post {
	color: #ffffff;}


.comment_count {
	color: #ffffff;
    font-size:10px;
	text-align:right;
	background: url(http://www.slr-depalmas.net/images/actus/comments.png) no-repeat 0%;
	margin-left:600px; 
}



/* Commentaires
-------------------------------------------------------- */

.post-info-co {
	padding: 5px;
}

.post-info-co a:link, .post-info-co a:visited {
	padding: 2px 10px 2px 18px;
	text-decoration: none;
	color:#FFFFFF;
}

.post-info-co a:hover {
	text-decoration: none;
}


#comments, {
	padding: 10px;
	background-color: #1f1f1f;
}

#comments h3,  #pr h3 {
	clear: left;
	margin: 20px 0 8px 0;
	padding: 5px;
	border-width: 1px 0;
	font-size: 1.2em;
	color:#0e8ed8;
}

#comments2 h3 {
	clear: left;
	margin: 20px 0 8px 0;
	padding: 5px;
	border-width: 1px 0;
	font-size: 1.2em;
	color:#edcf55;}
	
#comments3 h3 {
	clear: left;
	margin: 20px 0 8px 0;
	padding: 5px;
	border-width: 1px 0;
	font-size: 1.2em;}

.comment-number {
color: #0e8ed8;}


#comments dl { background-color:#1f1f1f; border-left: 1px solid #0e8ed8;  padding-left:5px; font-size:12px;}

#comments dt,  {
	position: relative;
	top: 1px;
	display: block;
	padding: 10px 0 30px;
	font-weight:bold;
	
}

#comments  a:link, #comments a:visited {
	color: #3C8FD1;
	text-decoration: none;
	font-weight:bold;
}

#comments dt a:link, #comments dt a:visited {
	color: #3C8FD1;
	text-decoration: none;
	font-weight:bold;
}

#comments dt a:hover {
	text-decoration: underline;
	font-weight:bold;
}


#comments dd,  dd.comment-preview {
	margin: 0 0 8px;
	padding: 10px;
	border-width: 1px 0;
	line-height: 1.4;
	border-bottom: 2px solid #333333;
}

#comments dd *,  dd.comment-preview * {
	padding: 5px 0;
}

#comments dt.me a:link, #comments dt.me a:visited, #comments dt.me a:hover {
	color: #5E9E14;
}

#comments dd.me {
	border-left: 4px solid #5E9E14;
}


.error {
	margin: 20px 0 0;
	padding: 10px 5px;
	background: #FFCCCC;
	border: 2px solid red;
	font-weight: bold;
	color:#333333;
}

.message { }


/* Forms
-------------------------------------------------------- */

#comment-form {
	padding-top: 10px;
}

#comment-form h3 {
	margin: 20px 0 8px 0;
	padding: 5px;
	background: #FBFBFB;
	border: 1px solid #E8E8E8;
	border-width: 1px 0;
	font-size: 1.2em;
}

#comment-form fieldset p {
	padding: 5px 0;
}

#comment-form fieldset p.field {
	clear: left;
	width: auto;
	margin: 0;
	padding: 5px 0;
}

#comment-form p.form-help {
	width: 60%;
	margin: 0 0 0 30%;
	font-style: italic;
}

#comment-form p label {
	width: auto;
}

#comment-form p.field label {
	display: block;
	float: left;
	width: 29%;
	padding: 0 4px 4px 0;
	text-align: right;
	font-weight: bold;
}

#comment-form input, #comment-form textarea {
	width: 60%;
	padding: 1px 2px;
	border: 1px solid #CDCDCD;
	font: 1em Arial,sans-serif;
	color: #000000;
}

#comment-form input#c_remember {
	width: auto;
	margin: 0 5px 0 140px;
	border: 0;
}

#comment-form input.preview {
	margin-left: 134px;
}

#comment-form input.preview, #comment-form input.submit {
	width: auto;
	background: #FFF;
	border: 1px solid #FFfffF;
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

#comment-form input.preview:hover, #comment-form input.submit:hover {
	background: #edcf55;
	border: 1px solid #000000;
	color: #000000;
}