* {
	margin:0px;
	padding:0px;
}

html {
	height: 100%;
}

body {
	/* margin: 0px; */
    text-align: center; /* pour corriger le bug de centrage IE */
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/fond_degrade_bleu.png);
	background-repeat: repeat-x;	
	background-attachment: fixed;
	height: 100%;
	margin:0px;
	padding:0px;
}

p{
	margin: 16px 0px;
}

h1{
	margin: 21px 0px;
}

h2{
	margin: 20px 0px;
}

h3{
	margin: 19px 0px;
}

h4{
	margin: 21px 0px;
}

ul{
	margin:16px 0px;
	padding:0px 0px 0px 40px;
}

blockquote{
	margin:18px 40px;
}

/* ================================================ Index ========================================================================================== */

#anim_intro{
	text-align:center;
	background:url("../images/chargement.gif") center center no-repeat;
}

#contenuIndex a{
	color: white;
}

#contenuIndex a:visited{
	color: white;
}


#getFlash {
	font-size:0.8em;
}

#getFlash a#image{
	text-decoration:none;
}

#getFlash img{
	border:0;
}

/* ================================================ Bloc principal ========================================================================================== */

#blocPrincipal{
	width: 750px;
	background-image: url(../images/fond_contenu_750.png);
	background-repeat: repeat-y;	
	background-attachment: scroll;
	margin: 0px auto;
    text-align: left; /* on rétablit l'alignement normal du texte */
	overflow: auto;
	padding: 0px;
}

* html #blocPrincipal{
	text-align: center;
}


/* ================================================== Partie haute ========================================================================================== */ 

#logoChansonage{
	width: 150px;
	height: 150px;
	border-width: 0px;
	float: left;
	margin-left:20px;
	margin-top:5px;
	padding:0px;
}

#conteneurEntete{
	margin:10px auto;
	width: 700px;
	height: 150px;
	margin-top:10px; /* HEADER 2EME VERSION */	
}

#entete{
	/*width: 700px;
	height: 150px;
	padding:0px;
	margin:0px auto;*/
	border-width: 0px;	
	/*margin-top:5px;*/ /* HEADER 1ERE VERSION */
	
}

#animFlashHeader{
	height: 150px;
	width: 520px;
	background-color: lightgrey;
	text-align: center;
	float:right;
	margin-right:20px;
	margin-top:5px;
	padding:0px
}

#dateMiseAJour{
	text-align: center;
	font-size: 0.8em;
	width: 17%;
	height: 30px;
	float: left;	
	padding: 10px 0px;
	margin-left:20px;
	margin-top:10px;
	border: 1px dashed #000; 
}

#blocPublicite{
	text-align: center;
	width: 75%;
	float: right;
	margin-top: 5px;
	margin-right:10px;
}

/* ================================================== Menu ========================================================================================== */ 

.menu{
	clear:both;
	width: 710px;
	height: 70px;
	/* list-style: none ; */
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
	/*padding-top:20px; */ /* HEADER 1ERE VERSION */
	padding-top:0px; /* HEADER 2EME VERSION */
	font-size:0.8em;
	position:relative;	
}

* html .menu{
	margin: 0px;
	height:90px;
}

.menu li {
	float: left;
}

.menu a {
	width: 115px;
	height: 36px;
	float: left;
	display: block;
	text-align: center;
	border: 1px solid #fff; 
	text-decoration: none;
	font-size:1.1em;
	color: #039;
	background:url("../images/fond_element_menu.gif") repeat-x left top;
}

.menu a.selected {
	border: 1px solid gray;
	border-bottom: 0px;
	background-image:none;	
}

.menu a:hover {
	color: #411;
	background: #AAA;
	border: 1px solid gray; 
	border-bottom: 0px;
	color: #000;
	background:url("../images/fond_element_menu_inverse.gif") repeat-x left top;
}

.menu a .uneLigne{
	margin-top:7px;;
}

.menu a span {
	display: none;
}

.menu a:hover span {
	display: block;
	position: absolute;
	top: 37px; /* HEADER 1ERE VERSION : 57px*/
	left: 0;
	width: 710px;
	text-align: left;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	color: #000;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

* html .menu a:hover span {
	top: 36px; /* HEADER 1ERE VERSION : 56px*/
}

/* ================================================== Contenu Accueil ==================================================================================== */ 

#contenuIndex{
	text-align:center;
	/*background-color:#ccc;*/
	padding: 10px 10px;	
}

#contenuIndex p{
	color: white;
}

#contenuAccueil{
	clear:both;
	float:left;
	width:490px;
	/*background-color:#ccc;*/
	margin-left: 20px !important;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 10px 0px;	
	text-align:center;
}

#actualiteAccueil{
	float:right;
	width: 200px;
	margin-right:30px !important;
	margin-right:15px;
	/*background-color:#cc1;*/
}

#contenuAccueil h1{
	font-size: 3em;
	font-family:Impact,"Arial Black",sans-serif;
	text-align:center;	
	margin:0;
}

#contenuAccueil h2{
	font-size: 1.5em;
	text-align:center;		
}

#contenuAccueil h3{
	font-size: 1.3em;
	text-align:center;	
	font-family:"Arial Black",sans-serif;
}

#contenuAccueil h4{
	font-size: 1em;
	text-align:center;	
	font-family:"Arial Black",sans-serif;
	font-weight: normal;
}

#contenuAccueil p{
	color:#039;
	text-align:justify;
}

#contenuAccueil ul{
	text-align: left;
	list-style-type: none;
	font-family: "Arial Black",sans-serif;
	font-weight: normal;
	list-style-position:inside;
	font-size: 1em;
}

#contenuAccueil li{
	background:url("../images/puce-croches.gif") no-repeat left top;
	padding-left:40px;
	font-weight: normal;
	font-size: 1em;
}

#lienDisques{
	width:80%;
	border: 1px dotted gray;
	margin: 0px auto;
	border-spacing: 0px;
	border-collapse: collapse;	
}

#lienDisques td{
	padding:10px;
}

#lienDisques a{
	text-decoration:none;
}

#lienDisques a:hover{
	text-decoration:underline;
}

#lienDisques img{
	border:0px;
}

/* ================================================== Sous-menu ========================================================================================= */ 

.sous_menu {
	margin: 0px auto;
	margin-top:15px;
	list-style-type: none;
	width: 94%; /* précision pour Opera */
	text-align:center;
}

*html .sous_menu {
	margin: 0px 0px;
}

.sous_menu li {
	float: left;
}

.sous_menu a {
	float: left;
	margin: 0 2px;
	margin-bottom:30px;
	padding: 5px 15px;
	text-align: center;
	border: 1px solid gray;
	text-decoration: none;
	color: #000;
	background: #fff;
	font-size: 0.9em;
	
}

.sous_menu a.selected {
	background:url("../images/fond_sousmenu.png") no-repeat left top;
}

.sous_menu a:hover {
	/*background: #ccc;*/
	background: #9cf;
	border: 1px solid gray; 
}

/* ================================================== Contenu =========================================================================================== */ 

#contenu {
	clear:both;
	margin: 0px 25px;
	margin-top:15px;
	color: #039;
	text-align:left;
}

#contenu h1{
	clear:both;
	color: #039;
	text-align:center;
}

#contenu h2{
	clear:both;
	font-size: 1.2em;
	color: #039;
	padding-left:25px;
	margin-top:30px;
	background:url("../images/fond_soustitre.gif") left center repeat-x;
	text-align:left;
	/* border-bottom: 2px dotted #36c; */
}

#contenu h3{
	clear:both;
	color: #039;
	text-align:center;
}

.justifie{
	text-align:justify;
}

.centre{
	text-align:center;
}

p.indente{
	text-indent:30px;
}

.encadre{
	border: 2px dotted blue;
	margin:15px;
	padding:10px;
	clear:both;
}



/* ================================================== La méthode / CV ==================================================================================== */ 



#cv p{
	/*color: blue; */
	text-align:justify;
}

#cv p span{
	text-decoration: underline;
	/*font-weight: bold;*/
	color: black;
}

/* ================================================== Lettre Bizien ======================================================================================= */ 

.lettre_haut{
	width:100%;
	height:59px;
	background:url("../images/papier_spirale_haut.png") left top no-repeat;
	margin:0px;	
	padding:0px;
}

.lettre_titre{
	text-align:center; 
	padding-bottom:10px;
}

.lettre_contenu{
	background:url("../images/papier_spirale_milieu.png") left top repeat-y;
	margin:0px;
	padding-left:90px;
	padding-right:50px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:justify;
}

.lettre_bas{
	width:100%;
	height:108px;
	margin:0px;	
	padding:0px;
	background:url("../images/papier_spirale_bas.png") left top no-repeat;menu
}

.signature_lettre{
	text-align:right;
	font-style:italic;
}

/* ================================================== Equipe ======================================================================================= */ 

.membre_equipe{
	float:left;
	width: 33%;
	text-align:center;
	margin-bottom:20px;
}

*html .membre_equipe{
	float:left;
	width: 31%;
	text-align:center;
	margin-bottom:20px;
}

.equipe_nom{
	font-weight:bold;
}

.equipe_role{
	font-style:italic;
}

/* ================================================== Poles ========================================================================================== */ 

#image_poles{
	text-align:center;
	background:url("../images/chargement.gif") center center no-repeat;
}

/* ================================================== Téléchagrement =================================================================================== */ 

.telechargement{
	clear:both;
	display:block;
	background:url("../images/fond_telechargement.png") top left no-repeat;
	height:58px;
	width:440px;
	padding-left:110px;
	padding-top:27px;
	text-align:center;
	margin: 0px auto;
	text-decoration:none;
}

*html .telechargement{
	width:550;
	height:85;
}

*html .telechargements{
	text-align:center;
}

.telechargement:hover{
	text-decoration:underline;
}

/* ================================================== Catalogue ========================================================================================= */ 

.catalogue{ /* TABLE */
	width:100%;
	border-spacing: 10px;
	font-size:0.9em;
}



.catalogue td{ /* TABLE */
	padding: 5px;
	text-align: center;	
	width: 20%;
	background-color: WhiteSmoke;
	vertical-align: top;
}

.catalogue td.disque_moment{
	background-color: Pink;
	font-weight:bold;
}

.collection, td.collection{
	text-align:center;
	background-color: PapayaWhip;
}

.catalogue td.separateur{
	background-color: White;
}

.catalogue td a{
	text-decoration: none;
}

.catalogue td a img{
	border: none;
}

.catalogue td a:link{ color: #039; }
.catalogue td a:visited{ color: #039; }
.catalogue td a:hover{ color: #039; }

.lienRetour{
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
}

.lienRetour a{
	text-align:center;
	margin: 0px auto;
	padding: 5px;
	width: 30%;
	border: 2px dotted blue;
}

.lienRetour a{
	text-decoration:none;
}

.lienRetour a:hover{
	text-decoration:underline;
}

.article{ /* div conteneur */
	clear:both;
	font-size:0.8em;
	border:2px solid #369;
	margin-top: 15px;
	/*background-color:#269;*/
	overflow: auto;
	padding:1px;
	background-color: WhiteSmoke;
}

.titreArticle{
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #369;
	padding:10px;
}

.illustrationArticle{ /* div contenant image+prix */
	width:20%;
	float:left;
	text-align:center;
	margin: 20px 5px;
}

.illustrationArticleDvd{ /* div contenant image+prix */
	width:30%;
	float:left;
	text-align:center;
	margin: 20px 5px;
}

.prixArticle{ /* p */
	text-align:center;
	font-weight:bold;
}


.descriptionArticle{ /* div englobant les paragraphes de descritpion */ 
	width:75%;
	float:left;
	text-align:justify;
	padding-top:5px;
	padding-bottom:5px;
}

.descriptionArticleDvd{ /* div englobant les paragraphes de descritpion */ 
	width:65%;
	float:left;
	text-align:justify;
	padding-top:5px;
	padding-bottom:5px;
}

.referenceArticle{ /* td */
	text-align:center;
	color:gray;
	/*clear:both;
	border-top:1px solid #369;*/
}

.exempleChansons{ /* table */
	text-align:left;	
	font-weight:bold;
	color:#39c;
}

.exempleChansons ol{
	margin-left: 15px;
}

.exempleChansons li{
	margin: 0px 15px;
}

/* ================================================== DVD    ========================================================================================= */ 

#dvd_presse {
	float:left;
	width:48%;
	margin-bottom:30px;
	text-align:center;
}

#dvd_tv {
	float:right;
	width:48%;
	margin-bottom:30px;
	text-align:center;
}

#acces_disques{
	text-align:center;
}

#acces_disques table{
	width:50%;
	margin: 0px auto;
}

#acces_disques table tr td{
	width:50%;
	text-align:center;
	padding:20px 50px;
}

#acces_disques table tr td a{
	text-decoration:none;
}

#acces_disques table tr td a:hover{
	text-decoration:underline;
}

#acces_disques table tr td a img{
	border:0px;
}

#acces_disques table tr td a:hover img{
	text-decoration:none;
}


/* ================================================== Stages    ========================================================================================= */ 


/* ================================================== Actualité ========================================================================================== */ 

.teaser {
	width:200px;
	padding:0 0 14px 0;
	margin:10px auto;
	background:url("../images/tsr-b.gif") bottom left no-repeat;
	font-size:0.8em;
	text-align:center;
}
.teaser h3 {
	margin:0;
	padding:7px 10px 3px 10px;
	background:url("../images/tsr-t.gif") top left no-repeat;
	text-align:center;
}

#teaserTitre{
	background:none;
	padding:0 0 0px 0;
	margin:10px auto;
}

#teaserTitre h3{
	background:url("../images/tsr-t-1.gif") top left no-repeat;
	padding:7px 10px 7px 10px;
	
}

.teaser p{
	text-align:center;
}

.teaser p.date {
	color:gray;
	font-size: 0.8em;
	text-align: right;
}

.teaser p, .teaser a.more {
	margin:0;
	padding:0 10px 3px;
	border:1px solid #d8d8d8;
	border-width:0 1px;
}
.teaser a.more {
	display:block;
	text-align:right;
	background:url("../images/tsr-a.gif") 180px 50% no-repeat;
	padding:0 24px 0 0;
	text-decoration:none;
	color:#44a;
}
.teaser a.more:hover {
	text-decoration:underline;
}

.date_actualite {
	font-weight:bold;
	color:black;
}

.titre_actualite {
	font-weight:normal;
	font-style:italic;
}

.japonais {
	text-align:justify;
}

.signature_japonais {
	float:right;
	padding: 0px 20px;
	margin-bottom:50px;
}

/* ================================================== Presse ========================================================================================== */ 

.lien_presse{
	text-align:center;
	text-decoration:none;
}

.lien_presse:hover{
	text-align:center;
	text-decoration:underline;
}

.television{
	text-align:center;
}


blockquote.temoignage{
	text-align:justify;
	text-indent: 20px;
	background: url(../images/guillemet_01.gif);
	background-position: 0 2px;
	background-repeat: no-repeat;
	margin-top:40px;
}

blockquote p{
	display:inline;
	margin: 0;
	padding-right: 20px;
	background: url(../images/guillemet_02.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
/*
* html blockquote p{
	padding-right: 0px;
}
*/
.signature_temoignage{
	text-align:right;
	font-style:italic;
	
}

/* ================================================== Contact =============================================================================================== */

.age_contact {
	display:none;
}

/* ================================================== Partie basse ========================================================================================== */ 

.plan_site a {
	text-decoration:none;
}

.plan_site a:hover {
	font-style:oblique;
}

.plan_site h5 {
	text-indent:40px;
}

/* ================================================== Partie basse ========================================================================================== */ 

#bandeauBas{
	clear:both;
	width:700px;
	height:80px;
	margin-top: 20px;
	margin-right:auto;
	margin-bottom:0px;
	margin-left:auto;
	background:url("../images/fond_bandeauBas2.gif") no-repeat center top;
	/*background-color:#036;*/
	text-align:center;
	color:#fff;
	font-size: 0.8em;
}

#bandeauBas a:link{
	color: #fff;
}

#bandeauBas a:visited{
	color: #fff;
}

#bandeauBas a:hover{
	color: #fff;
	text-decoration:none;
}

/*
* html #bandeauBas {
	width:700px;
}
*/

#stats{
	display:none;
}

#honcode{
	height:65px;
	width:30%;
	float: left;
	margin-left:10px;
	margin-top:5px;
	padding-right:10px;
	padding-top:5px;
	font-size:0.9em;
	border-right: 1px solid lightgrey;
}

#mentions{
	height: 70px;
	width: 45%;
	text-align: center;
	float:left;
	margin-top:5px;
	border-right: 1px solid lightgrey;
}

#logoProduction{
	height: 70px;
	width: 20%;
	color:#fff;
	font-size: 0.7em;
	text-align: center;
	float:right;
	margin-right:10px;
	margin-top:5px;
}