* { margin:0; padding:0;}

BODY { 
  font-family: Trebuchet MS, Arial, sans-serif;
  font-size:13px;
  background-image:url(Images/Canape.gif); background-position:top center;
  background-color:#000000;
  text-align:center;}

HTML, BODY {height:100%;}

.clear {
   clear:both;
   margin:0;
   padding:0;
}

#container {
  width:715px;
  min-height:100%;
  margin-left:auto; margin-right:auto;
  background-color:#FFA929;
  overflow:hidden;
  text-align:center;
}

#entete {
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0px;
  padding-top:15px;
  padding-bottom:15px;
}

.navigation {
  height:24px;
  width:625px;
  float:left;
  overflow:hidden;
}

#textarea {
   background-image:url(Images/Nb-vertical.gif); background-repeat:repeat-y; background-position:left top;
   overflow:visible;
   width:635px;
   float:left;
   padding:20px 40px 20px 40px;
   margin: 0;
   text-align:left;
}

.lefttextarea {
   width:430px;
   float:left;
   padding:0 0 0 5px;
}
.rightpicarea {
   width:195px;
   float:left;
   padding:10px 0 10px 5px;
   text-align:center;
   vertical-align:middle;
}

.leftpicarea {
   width:195px;
   float:left;
   padding:10px 5px 10px 0px;
   text-align:center;
   vertical-align:middle;
}
.righttextarea {
   width:430px;
   float:left;
   padding:0 0 0 5px;
}

.triptyque1 {
   width:155px;
   float:left;
   padding:70px 5px 0px 5px;
   text-align:center;
}
.triptyque2 {
   width:305px;
   float:left;
   padding:0;
   margin:0;
}
.triptyque3 {
   width:155px;
   float:left;
   padding:350px 5px 0px 5px;
}

.davidpicarea {
   width:130px;
   float:left;
   padding:10px 0 5px 0;
   text-align:center;
   vertical-align:middle;
}
.davidtextarea {
   width:505px;
   float:left;
   padding:60px 0 5px 0;
}

.disc-leftpicarea {
   width:255px;
   float:left;
   padding:10px 5px 5px 0px;
   text-align:center;
   vertical-align:middle;
}
.disc-righttextarea {
   width:365px;
   float:left;
   padding:5px 0 0 10px;
}

.lienbon {
   float:right;
   text-align:center;
   margin:30px 80px 0 0;
   padding:5px;
   border:2px solid #CC0000;
}

.centredarea {
   width:635px;
   float:left;
   padding:10px 0 10px 0;
   text-align:center;
}

.leftcorner {
  overflow:hidden;
  width:45px;
  height:24px;
  float:left;
}

.rightcorner {
  overflow:hidden;
  width:45px;
  height:24px;
  float:right;
}

.left {
  text-align:left;
  padding:10px 0 10px 0;
}
.right {
  text-align:right;
  padding:10px 0 10px 0;
}
.center {
  text-align:center;
  padding:10px 0 10px 0;
}

#testimony {
   overflow:visible;
   width:560px;
   float:left;
   padding:20px 40px 0 40px;
   margin: 0;
   text-align:left;
}

P {
   padding:7px 0px 5px 0px;
   line-height: 17px;
   text-align:justify;
   color:black;
   }
   
.title {
   font-weight:bold; 
   padding-bottom:12px;
   padding-top:12px;
   text-align:left;
   font-size:15px;
}

.centredtitle {
   font-weight:bold; 
   padding-bottom:12px;
   padding-top:12px;
   text-align:center;
   font-size:15px;
}

.SongPlayerStyle {
   float:left;
   font-weight:bold; 
   margin:11px 0 2px 0;
   text-align:left;
}

.SongTitleStyle {
   float:left;
   font-weight:bold; 
   margin:12px 5px 2px 5px;
   text-align:left;
}

.SongSeveralTitlesStyle {
   float:left;
   font-weight:bold; 
   margin:4px 5px 2px 5px;
   text-align:left;
}

UL {
   margin: 10px 0 10px 0; 
   padding-left: 0;
   list-style-type: disc;
   font-size: 13px;
   line-height: 18px;
   font-family: Trebuchet MS, Arial, sans-serif;
   color:black;
}

LI {
   margin-left: 15px;
}

.intro {font-size:14px; font-style:italic; font-family:Bookman Old Style; color:#990033;}
.subtitle {font-size:14px; font-weight:bold; }
.subtitle span {border-bottom: solid 1px #990033;}
.small { font-size:10px;}
.contact { font-size:9px; text-align:center; font-family:arial, sans-serif;}

A {
  text-decoration:none;
  color: #CC0000;
  font-weight:bold;
  margin:0; padding:0;
}

A.b { font-weight:bold; }
A.contact {color: #990033;}
A:hover {color: #990033;}
A.bover {color: #990033;font-weight:bold; }

IMG {border:0; text-align:center;}
