body{
	
	background-color:#f3e7d7;
	background-image: url("../images/site/fond_arbre3.png");
	background-position:50% 0%; /* center top ou 0% 0% */
	background-repeat: no-repeat;
	
	font-family:Myriad,Optima,sans-serif;
	font-size:14px;
	color:#ffffff;
	text-align:justify;
}

*{
	outline:none;	
}
:focus{-moz-outline-style: none;}

a, a:visited{
	
	text-decoration : none;
	color:inherit;	
}

/**************************************************************************************/
/*************************************** HEADER ***************************************/
/**************************************************************************************/

#header{	
	
	/*height:84px;*/
	/*background-image: url("../images/site/note_header.png");
	background-position:50% 0%; /* ou "center top" */
	/*background-repeat: no-repeat;*/
	position:relative;
	height:79px;
	
	/* Pour centrer le header */ 
	width:737px;
	margin:auto;
}

#identite_visuelle{
	padding-top:15px;
	width:180px;
	height:55px;
	float:left;
	/* À la place du float : left */
	/*position:absolute;
	left:20%;*/
	
}

#player_ambiance{
	width:200px;
	height:50px;
	/*background-color:blue;*/
	float:right;	
	margin-top:20px;
	/* À la place du float : right et du margin-top:4Opx; */
	/*position:relative;
	top:29px;
	left:61%;*/
}

#player_ambiance object{
	width:200px;
	height:50px;

}

/**************************************************************************************/
/**************************************************************************************/



/**************************************************************************************/
/**************************************** MENU ****************************************/
/**************************************************************************************/

#menu{
	height:68px;
	background-image: url("../images/site/fond_menu2.png");
	background-repeat: repeat-x;
	position:relative;
	
}

#enveloppe{
	
	width:1050px;
	margin:auto;
}

#cle_fa{
	background-image: url("../images/site/cle_fa.png");
	background-repeat: no-repeat;
	
	width:40px;
	height:45px;
	float:left;	
	margin-top:12px;
}

#rubrique{
	position:relative;
	top:20px;
	width:965px;
	height:25px;
	margin:auto;
	color:#8a1b1b;
	font-size:17px;
	font-family:Optima,Myriad,sans-serif;
	padding-left:10px;

}	

.rubrique{
	
	text-align : left;	
	display : inline;
	float:left;
	margin-right:26px;

}

.mode_bas{
	padding-top:10px;	
}

.rubrique a:hover, .menu_select{
	
	color:#ffffff;
	
}

/**************************************************************************************/
/**************************************************************************************/



/**************************************************************************************/
/*************************************** CONTENU **************************************/
/**************************************************************************************/

#contenu{
	width:845px;
	height:584px;
	margin:auto;
	position:relative;
	top:4px;
	background-image: url("../images/site/fond_contenu.png");	
	background-repeat: no-repeat;
	background-position:50% 0%;
	
	
}

#imgChgt{
	position:absolute;
	width:32px;
	top:50%;
	left:50%;
}

/*******************************************************************/
/*************************** CSS GÉNÉRAL ***************************/
/*******************************************************************/

h1{
	color:#8a1b1b;
	font-size:15px;
	font-weight:bold;
}

h2{
	font-weight:inherit;
	font-size:14px;
	font-style : italic;
	color:#8a1b1b;	
}

hr{
	color:#8a1b1b;
	background-color:#8a1b1b;
	height: 1px;
	border: 0;
}

/* Le fond des contenus est identique pour certaine page */
#conteneur_global{
	position:relative;
	top:5px;
	width:835px;
	height:562px;
	margin:auto;	
	background-image: url("../images/site/fond_global.png");	
	background-repeat: no-repeat;
	background-position:0% 0%;
	
	/*overflow:hidden;*/
}

.titre_global{
	/*width:390px;	
	margin-left:200px;
	margin-top:20px;*/
	padding-top:20px;
}

.texte_global{
	
	/*width:390px;	
	margin-left:200px;
	margin-top:15px;
	margin-bottom:40px;*/
	
	padding-top:15px;
	padding-bottom:20px;
	
}
/* Quand j'ai mis le plugin jScrollPane, mon bloc noir (contenant le contenu du site => avec la spiral sur le coin gauche) était décalé vers le bas à cause du margin-top dans "texte_global. J'ai donc mis un padding-top à la place qui a la même valeur */
.texte_global_curseur{
	width:390px;	
	margin-left:186px;
	/*padding-top:15px;*/
	padding-bottom:20px;
	padding-left:10px;
	
}

.texte_au_debut{
	padding-top:15px;
}

.texte_centrer{
	text-align:center;	
}

.no-float{
	clear: both;
}

/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/************************* PAGE D'ACCEUIL **************************/
/*******************************************************************/

#conteneur_accueil{
	position:relative;
	top:5px;
	width:835px;
	height:562px;
	margin:auto;	
	background-image: url("../images/site/accueil.png");	
	background-repeat: no-repeat;
	background-position:100% 0%;
	
	overflow:hidden;
	
}

#illustration_accueil{
	/*float:right;	
	margin-top:-43px;
	background-color:red;*/
	position : absolute;
	left:467px;
	top:95px;
}

#accueil_p1{
	width:360px;	
	margin-left:200px;
	padding-top:40px;
	
}

#accueil_p2{
	width:480px;
	margin-left: 20px;	
	margin-top:58px;
}

.logo_journal{
	float:right;
	padding-top:12px;	
}

.nom_journal{
	display:block;
	text-align:right;
}

h1#evt{
	/*Enlever "clear:both" si jamais j'enlève les logos des journaux*/
	clear:both;
	margin-left: 20px;
	margin-top:20px;
}

.accueil_p3{
	width:266px;
	margin-left: 20px;	
	margin-top:10px;
}

/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/************************* PAGE BIOGRAPHIE *************************/
/*******************************************************************/

#conteneur_biographie{
	position:relative;
	top:5px;
	width:835px;
	height:562px;
	margin:auto;	
	background-image: url("../images/site/biographie.png");	
	background-repeat: no-repeat;
	background-position:0% 0%;
	
	/* Quand j'ai mis le plugin jSrcollPlane, il a fallut que j'enlève la propriété "overflow" */
	/*overflow:hidden;*/
}

/*#texte_biographie{
	
	width:390px;	
	margin-left:200px;
	margin-top:20px;
}*/

#illustration_biographie{
	float:right;
	margin-top:290px;
}

h3{
	color:#8a1b1b;
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
}

h4{
	font-weight:inherit;
	font-size:14px;
	font-style : italic;
	color:#8a1b1b;	
	margin-bottom:10px;
}

/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/*************************** PAGE CONTACT **************************/
/*******************************************************************/

.texte_decale{
	margin-left:40px;	
	/*margin-left:230px;*/	
}

/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/*************************** PAGE AGENDA ***************************/
/*******************************************************************/

.sous_titre_agenda{
	width:390px;	
	/*margin-left:200px;*/
}

/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/*************************** PAGE PRESSE ***************************/
/*******************************************************************/

.nom_journal_style{
	color:#8a1b1b;
	font-weight:bold;
	padding-top:12px;
}

.texte_presse a{
	font-weight:bold;

}
/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/*************************** PAGE GALERIE **************************/
/*******************************************************************/

.image_galerie{
	float:left;
	width:118px;
	height:150px;
	margin-bottom:10px;
	/* Si jamais on met la description en dessous des miniatures, mettre ce code */
	/*height:170px;
	margin-bottom:20px;*/
	margin-right:12px;
}

.description_galerie{
	padding-top:5px;
}

.image_galerie a{
	display:block;
	padding-top:5px;
	font-weight:bold;	
	color:#8a1b1b;
}

/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/********************* PAGE MUSIQUE DE CHAMBRE *********************/
/*******************************************************************/

.conteneur_img_mcd{
	width:350px;
	margin:auto;
}

.mdc_img1 {
	margin-right:20px;
	
}

.indication{
	font-style:italic;
	font-size:13px;
	text-align:center;
	margin-top:10px;
}


.conteneur_img_mcd_2 {
	width:350px;
	margin: 10px auto 0;
}

.ensemble_metamorphose_img_1 {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.ensemble_metamorphose_img_2 {
	display: inline-block;
	margin-right:20px;
}

/* Pour faire un effet lorsque la souris passe sur les deux photos pour les CV */
/* Pour enlever l'effet, il faut juste supprimer ces trois sélecteurs */
/* Page besoin de toucher au code HTML de la page Musique de chambre (ou juste pour enlever les classes "illustration_1" et "illustration_2" */
.illustration_1{
	background-image: url("../images/site/soleil_cerise_nb.jpg");	
	background-repeat: no-repeat;
	background-position:0% 0%;
	display:inline-block;
	width:160px;
	height:118px;	
	margin-right:20px;
}

.illustration_2{
	background-image: url("../images/site/musilunes_nb.jpg");	
	background-repeat: no-repeat;
	background-position:0% 0%;
	display:inline-block;
	width:160px;
	height:118px;	
}

.illustration_1 img, .illustration_2 img{
	opacity:0;
}

.illustration_1 img:hover, .illustration_2 img:hover{
	opacity:1;
}

.txt-logo-caisse-depot{
	float: left;
	width: 70%;
	padding: 10px 0 0 10px;
}

.logo-caisse-depot{
	float: left;
	padding: 10px 0 20px 0;
}

/*******************************************************************/
/*******************************************************************/



/*******************************************************************/
/************************ PAGE ENREGISTREMENT ***********************/
/*******************************************************************/

#conteneur_enregistrement{
	position:relative;
	top:5px;
	width:835px;
	height:562px;
	margin:auto;	
	background-image: url("../images/site/enregistrement.png");	
	background-repeat: no-repeat;
	background-position:100% 0%;
	
	/*overflow:hidden;*/
	
}

#illustration_enregistrement{
	
	float:right;
	margin-top:69px;
	/*position : absolute;
	left:491px;
	top:69px;*/
	

}

.texte_enregistrement{
	/*position:absolute;*/
	width:350px;
}

.album_enregistrement{
	
	/*margin-top:70px;*/	
	/*margin-left:260px;*/
	margin-left:60px;
	
}

.emplacement_player{
	width:241px;
	margin-top:0px;
}

.emplacement_video{
	width:241px;
}

/*******************************************************************/
/*******************************************************************/

/*******************************************************************/
/************************ PAGE REPERTOIRE ***********************/
/*******************************************************************/
.container_video {
	width: 100%;
	margin-top: 20px;
}
/*******************************************************************/
/*******************************************************************/


/**************************************************************************************/
/**************************************************************************************/




/**************************************************************************************/
/*************************************** FOOTER ***************************************/
/**************************************************************************************/

#footer{
	min-height:91px;
	height:auto;
	background-color:black;
}	

/**************************************************************************************/
/**************************************************************************************/