body {
 color: #111;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 background-color: #111;
 text-align: right;
 font: 9pt Verdana, Arial, Helvetica, sans-serif;
}

#page { 
 width: 100%;
 text-align: center;
 margin: 0px;
}

#main {
 text-align: right;
 margin: 10px 0px 0px 0px;
 border-bottom: 3px solid #848484;
 border-top: 1px solid #AEAEAE;
 width: 980px;
 height: 572px;
 background-color: #ECECEC;
 padding: 0px;
 color: #111;
}

img { 
 border: 0px;
}

#inner {
 text-align: justify;
 margin: 10px 10px 10px 10px;
 width: 960px;
 height: 552px;
}

#left {
 float: left; 
 width: 150px;
 height: 40px;
 margin: 2px 0px 2px 0px;
 padding-right: 10px;
 text-align: right;
}

#left h1 {
 font: 9pt Verdana, Arial, Helvetica, sans-serif;
 text-align: left; 
 margin: 0px 5px 5px 5px;
}

#left h2 {
 display: none;
}

#left ul {
 padding: 0px; 
 margin: 0px;
 list-style-type: none; 
}

#left ul li {
 padding: 0px; 
 margin: 0px;
}

#left a {
 text-decoration: none; 
 color: #111; 
}

#left a:hover {
 color: #a63b00;
 font-style: italic;
}

#right {
 float: right;
 width: 780px;
 height: 550px;
 text-align: center;
 font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

#right p {
 margin: 0px 0px 4px 0px;
 padding: 0px;
}

#right a {
 text-decoration: none; 
 color: #6c2600;
}

#right a.sh {
 color: #000;
}

#right h1 {
 font: 9pt Verdana, Arial, Helvetica, sans-serif;
 margin: 0px;
 font-weight: bold;
}


#right h2 {
 font: 9pt Verdana, Arial, Helvetica, sans-serif;
 margin: 0px 0px 3px 0px;
}

#right a:hover {
 color: #a63b00;
}

#imgleft {
 float: left;
 width: 370px; 
 height: 552px; 
 background: #ccc url('p1.jpg') top center no-repeat; 
}

#imglefti {
 float: left;
 width: 370px; 
 height: 552px; 
 background: #ECECEC url('p4.jpg') top center no-repeat; 
}

#imgleftue {
 float: left; 
 width: 370px;
 height: 552px;
 background: #ccc url('p3.jpg') top center no-repeat; 
}

#imgleftli {
 float: left; 
 width: 370px;
 height: 552px;
 background: #ccc url('p6.jpg') top center no-repeat; 
}

#imglefttc {
 float: left;
 width: 370px; 
 height: 552px;
 background: #ececec url('p8.jpg') top center no-repeat;
}

#imgleftfi {
 float: left; 
 width: 539px;
 height: 552px;
 background: #ccc url('frederic_par_isabelle.jpg') top center no-repeat; 
}

#imgright {
 float: right;
 width: 370px; 
 height: 552px; 
 background-color: #222;
 background: #ccc url('p2.jpg') top center no-repeat; 
}

#imgrighti {
 float: right;
 width: 370px; 
 height: 552px; 
 background-color: #222;
 background: #ECECEC url('p5.jpg') top center no-repeat; 
}

#imgrightfo {
 float: right;
 width: 343px; 
 height: 552px; 
 background-color: #222;
 background: #ECECEC url('p7.jpg') top center no-repeat; 
}

#txtleft {
 float: left; 
 width: 370px; 
 height: 552px;
 text-align: justify; 
}

#txtleft p.author {
 margin: 0px; 
 text-align: right; 
 margin: 0px 40px 5px 40px;
}

#txtleft pre {
 margin: 5px 40px 0px 0px;
 font: 9pt Verdana, Arial, Helvetica, sans-serif;
 font-style: italic;
}

#txtright {
 float: left; 
 width: 370px;
 height: 552px;
 text-align: justify; 
 padding-left: 20px;
}

#txtrightfi {
 float: left;
 width: 201px;
 text-align: justify;
 padding-left: 20px;
 padding-top: 530px;
}

#clear {
 clear:both;
 height: 1px;
 overflow:hidden;
}

#photo {
 text-align: center;
}

#text { 
 font: 9pt Verdana, Arial, Helvetica, sans-serif;
}

#text h3 {
 margin: 4px 3px 8px 3px;
 font: 10pt Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
 font-weight: bold;
}

#text p {
 margin: 2px 3px 0px 3px;
 text-align: left;
}