/* ############################################
	Pour plus d'infos sur les feilles de style
	visitez : http://fr.selfhtml.org/css/ 
############################################ */


/* #### Styles standards #### */

body, html {
	background-color:#C41D17; /* Couleur du fond de la page*/
	font-family:Arial, Helvetica, sans-serif;  /*La police de caractere */
	font-size: 10pt; /*La taille de la police */
	color: #66A4B3; /* La couleur du texte */
	margin: 0px; /* La marge de la page */
	padding: 0px; /* La marge interieur de la page */
	font-weight:normal; /* La graisse de la police (gras ou pas) */
	height:100%;
	background-image: url(fond.jpg);
}

font { 
	font-size: 10pt; /*La taille de la police: necessaire pour MS Internet Explorer 6 */
}

/* #### Les liens #### */

a:link { color: #FFFFFF; text-decoration: none; }
a:visited {color: #999999; text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {color: #000000}

.presse a:link { color: #66A4B3; text-decoration: none; }
.presse a:visited {color: #66A4B3; text-decoration: none;}
.presse a:hover {text-decoration: underline;}
.presse a:active {color: #66A4B3}


/* #### Positionnement des div de mise en page #### */
#conteneur{
	width:760px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}

#sous-conteneur-haut{
	width:760px;
}

#sous-conteneur-bas{
	width:760px;
	clear:both;
	overflow:auto;
}

#gauche{
	width:200px;
	float:left;
}

#menu {
	margin-left:10px;
	margin-top:80px;
}

#droite{
	width:55px;
	text-align:center;
	float:left;
}

#content-droite {
	margin-top:50px;
	position:relative;
	top:0;
	left:0;
}
#img-titre {
	position:absolute;
	top:-60px;
	right:0;
	z-index:100;
	width:150px;
}


#droite img{
	margin-top:10px;
}

.contenu{
	margin:0px 50px;
	width:450px;
	background-color: #C41D17;
	left:0;
	top:0;
}

#contenu-presentation{
	padding: 0 ;
	top:0px;
}

#contenu-ecoutez{
	padding:70px 0 0 0;
}

#contenu-videos{
	padding:50px 0 0 0;
}

.playerflv {
	margin: 20px 0 0 0;
	text-align:center;
}

.legendeflv {
	text-align:center;
}

#contenu-blog{
}

#contenu-presse{
	padding:10px 0 0 0;
}

#contenu-agenda{
	padding:10px 0 0 0;
}

#contenu-agenda img{
	margin:60px 0;
}

#contenu-photos{
	padding:50px 0;
}

#galerie{
	clear:both;
	float:left;
	margin-top:10px;
}

.presse{
	color:#000000;
}

/* #### Paragraphes... #### */
.titre-page {
	font-size: 2em;
	font-weight: bold;
	color:#66FF14;
	text-align: left;
	padding-top:10px;
}

.titre1 {
	font-size: 1.5em;
	font-weight: bold;
	color:#66A4B3;
}
.titre2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #66A4B3;
}

.puce {
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(puce.jpg);
}

p {
	text-align: justify;
}

.img-border {
	border: thin solid #000000;
}

.img-droite-border {
	border: thin solid #000000;
	float:right;
	margin-left:4px;
}

.centre {
	text-align: center;
}



#contact {
	text-align: left;
}

#contact p.message {
	color:#F00;
	font-weight:bold;
	float:right;
}

#contact legend {
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom: 10px;
}
#contact fieldset {
	border: 0px;
}
#contact label {
	font-weight:bold;
	margin-top:10px;
	display:block;
}
#contact input {
	border: 1px #666666 solid;
	background-color:transparent;
	padding-top:2px;
	width:420px;
	height:16px;
	display:block;
}
#contact textarea {
	border: 1px #666666 solid;
	background-color:transparent;
	padding-top:2px;
	width:420px;
	height:200px;
	display:block;
}
#contact input.submit {
	font-weight: bold;
	font-size:12px;
	border: 0px;
	padding:2px 0 6px 0;
	width:420px;
	height:20px;
	display:block;
	background-color:#5B7FB1;
}



.titre_chanson {
	font-weight: bold;
	color: #87CC01;
	font-size:1.1em;
}

.nettoyeur {
	border:medium none;
	clear:both;
	font-size:1px;
	height:0pt;
	line-height:1px;
	margin:0pt;
	padding:0pt;
}