body {
    margin: 0;
/* pour éviter les marges *//* pour corriger le bug de centrage  */
    background-image: url('../Images/chopin_256_R3.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
}

#global {
    position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    text-align: left;
    background-color: black;
    top: 0px;
    left: 0px;
    margin-top: 20px;
}

#background {
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: visible;
	z-index: -1;
}

p.insidetexte{
    color: #FFCC99;
    padding: 10px;
    clear: none;
    font-weight: normal;
    font-family: Calibri;
}

.insidetexte2
{
    color: #FFCC99;
    padding: 10px;
    clear: none;
    font-weight: normal;
    font-family: Calibri;
}


.stretch {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	visibility:visible;
	z-index:-1;
}

#container { 
	text-align:left;
	width:1000px; 
	height:760px;
	margin:0 auto;
	position:relative;
	background-color: #000000;
}

.keys {
	top:0;
	left:0px;
	background-color: #000000;
	height: 26px;
	width: 150px;
	margin-left:0px;
}

.keys a {
	background-color:black;
	font-weight:bold;
	font-style:italic;
	font-size: small;
	color:#FF8000;
	text-decoration:none;
	text-align:center;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	width:140px;
	height:16px;
	margin-left: 5px;
}

.keys a:visited
{
    text-decoration:none;
	display:block;
	border:none;
}

.keys a:hover {
	display:block;
    border-width:thin;
	border-color:#990000;
	border-style:solid;
}

img.keysw {
	width:150px;
}

.keysw {
	width:150px;
}

.keysw2 {

}

.maintable {
	background-color: black;
	z-index: 0;
	width: 1000px;
	height: auto;
}

.footer 
{
    clear: both;
	font-family:Calibri;
	color:#FFCC99;
	background-color:Black;
	text-align:center;
}

#contentbody {
    padding: 20px;
    float: right;
    max-height:2000px;
    /*width:785px;
    height: 565px;*/
    width: 745px;
}

.contentheader {
	height: 45px;
	width: 770px;
}

#navmenu {
    width: 210px;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.header {
	width: 580px;
	height: 100px;
	/*background-image:url('Images/logo.png')*/
}

img.floatLeft { 
	position:absolute;
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

#container2 {
    border: 1px window-inset #FFCC66;
    min-height: 565px;
    background-image: url('../Images/violin-wallpaper_1024x768.jpg');
    background-repeat: no-repeat;
    height: 709px;
}

.textinside {
    margin: 20px;
    width: 510px;
    height: 650px;
    z-index: 1;
    top: 120px;
    left: 430px;
    color: black;
    background-image: url('../Images/75p_honey.png');
    overflow: scroll;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
    filter: alpha(opacity=78);
    opacity: 0.78;*/
    float: right;
    background-repeat:repeat;
}

#layer2{
	border: thin solid white;
	z-index: 2;
	top: 9px;
	left: 768px;
	height: 22px;
	color: #FF8000;
	width: 208px;
}

.picinside {
    margin: 20px;
    border-style: solid;
    border-width: 1px;
    padding: 0px 0px;
    background-image: url('../Images/co_raymond_50_75.jpg');
    background-repeat: no-repeat;
    z-index: 1;
    top: 20px;
    left: 0px;
    width: 160px;
    height: 197px;
}

#layer3 {
    margin-bottom: 0px;
    margin: 60px 20px 20px 20px;
    border-style: solid;
    border-width: 1px;
    padding: 0px 0px;
    top: 250px;
    left: 3px;
}

.picinside2 {
    background-image: url('../Images/co_johanne.jpg');
    background-repeat: no-repeat;
    z-index: 1;
    width: 160px;
    height: 160px;
    top: 290px;
    left: 0px;
}

#div_editable {
}

.pic1 
{
    /*background: url('../Images/cmlsunset2.jpg');*/
    z-index: -10;
    float: right;
    margin: 5px 15px 5px 5px;
    border: 1px solid #666;
    height: 120px;
    width: 162px;
    visibility: visible;
}

.pic2
{
    z-index: 10;
    margin: 5px 15px 5px 5px;
    border: 1px solid #666;
    height: 120px;
    width: 162px;
    float:right;
}

.dropcap
{
float: left;
line-height: 83%;
font-size:4em;
width:.7em;
}

#premier p:first-letter
{
    font-size: 300%;
    font-weight : bold; 
    float: left;
    width: 1em;color: #c00; 
}