/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CONTENU */
#contenu h1{
margin:0 10px 15px 10px;
font:bold italic 2em "Trebuchet MS";
text-align:left;
letter-spacing:0.3em;
color:#74baff;
background: url(../images/charte/pointill.gif) repeat-x 30px bottom scroll;

}

#contenu h2{
margin:10px;
font:bold 1.4em "Trebuchet MS";
text-align:left;
color:#000066;
text-transform: uppercase;
border-bottom:1px solid #000066;
}

.jaune{
color:#FFFF00;

}

#contenu p{
	padding:5px 10px 5px 10px;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFF;
}
#contenu .gras{
	padding:5px 10px 5px 10px;
	font:1.6em Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #FFF;
}
#contenu a:link, #contenu a:visited{
	text-decoration:none;
	color: #00c6ff;
}
#contenu a:hover, #contenu a:active{
	text-decoration:underline;
	color: #00c6ff;
}

#contenu p.couleur, .couleur{
font-weight:bold;
color:#00B3F0;
}

.artiste {
font:bold 1.2em Arial, Helvetica, sans-serif;
color:#FFF;
float:left;
letter-spacing:0.1em;
margin:0 0 0 10px;
display:block;
}

.tit {
font:bold 1.0em Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:right;
margin:0 10px 0 0;
display:block;
padding:5px 0;
text-align:right;
height:auto;
}

.repertoire {
height:16px;
background: url(../images/charte/pointill.gif) repeat-x center bottom scroll;
display:table;
height:auto;
padding:2px 0;
width:440px;
}


/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:185px;
	float:left;
	font:bold 0.9em Arial, Helvetica, sans-serif;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color: #FF0000;
}

/*****styles divers**********/

.grasA {
font:bold 1.4em Arial, Helvetica, sans-serif;
color: #000066;
}

.grasF {
font:bold 1.2em Arial, Helvetica, sans-serif;
color: #FFF;
}

.grasD {
font:bold 1.3em Arial, Helvetica, sans-serif;
color: #f9792c;
}

.grasE {
font:bold 1.3em Arial, Helvetica, sans-serif;
color: #000066;
}
.grasB {
font:bold 1.3em Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.grasC {
font:bold 1.3em Arial, Helvetica, sans-serif;
color: #000000;
}

.grasD {
font:bold 1.3em Arial, Helvetica, sans-serif;
color: #000000;
}

.pointill {
background: url(../images/charte/pointill.gif) repeat-x center bottom scroll;
padding:0px 30px;}

.mini {
font:bold 1em Arial, Helvetica, sans-serif;
color:#FFFFFF;}

.mini2 {
font:bold 0.9em Arial, Helvetica, sans-serif;
color:#FFFFFF;}

form {
font:bold 1.2em Arial, Helvetica, sans-serif;
color: #FFF;
margin:0 10px;}

select {
border:1px solid #000000;
background:#FFFFFF;
width:100px;
font:bold 0.9em Arial, Helvetica, sans-serif;
}

.floatright {
float:right;
margin:10px;
border:1px solid #FFFFFF;}

.floatleft {
float:left;
margin:10px;
border:1px solid #FFFFFF;}

.margin {
margin:10px;}

.fichetech {
font:bold italic 0.8em "Trebuchet MS", Arial;
color:#FFFFFF;
letter-spacing:0;}

#gche {
float:left;
width:340px;}

blockquote {
margin:0 20px;
color:#000000;}

#contenu #inter .video {
width:150px;
float:left;
margin:15px 10px;}

#contenu #inter .video p{
font:bold 1.2em Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;}

#contenu #inter .video img{
border:1px solid #FFF;}

/*****styles video dj live**********/

#contenu #inter2 .video {
width:150px;
float:left;
margin:15px 10px;}

#contenu #inter2 .video p{
font:bold 1.2em Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;}

#contenu #inter2 .video img{
border:1px solid #FFF;}