body {
margin : 10px 0;
padding : 0;
text-align : left;
font : 14px verdana, tahoma, arial, sans-serif;
background-color : #6c3400;
}

#conteneur {
width : 720px;
height : 720px;
margin : auto;
padding: 0;
border-left : 1px solid #feb542;
border-top : 1px solid #feb542;
border-right : 4px solid #feb542;
border-bottom : 4px solid #feb542;
background-color : #ffffff;
}

#titre {
padding-top : 20px;
text-align : center;
}
#titre a {
text-decoration : none;
color : #537668;
}
#titre a:hover {
color : #6b5f4f;
font-weight : bold;
}

#navigation {
width : 200px;
height : 720px;
padding: 0;
margin : 0;
float : left;
background-color : #feb542;
}
#navigation ul {
list-style-type : none;
margin-left : 10px;
padding : 0;
}
#navigation ul li {
padding-bottom : 5px;
}
#navigation ul li.text {
color : #6c3400;
text-align : center;
}
#navigation ul li a {
display : block;
text-decoration : none;
background-image : url(../images/lotus.png);
background-position : left;
background-repeat : no-repeat;
margin : 0;
padding-left : 40px;
color : #537668;
}
#navigation ul li a:hover {
display : block;
color : #6b5f4f;
font-weight : bold;
}
#navigation p {
padding-left : 10px;
color : #6b5f4f;
}
#navigation p a {
color : #537668;
}
#navigation p a:hover {
color : #6b5f4f;
font-weight : bold;
}
#navigation p a img {
border : none;
}
#navigation p a:hover img {
border : none;
}

#contenu {
width : 520px;
height : 720px;
padding: 0;
float : right;
}

#en_tete{
height : 253px;
}
#en_tete img.titre {
padding-top : 50px;
padding-left : 10px;
text-align : center;
}
#en_tete h1 {
font-size : 18px;
text-align : center;
color : #6b5f4f;
}

#contenu1 {
padding-left : 20px;
}
#contenu1 h2 {
font-size : 18px;
line-height : 25px;
padding-left : 50px;
border-bottom : 1px solid #dfc5de;
border-left : 1px solid #dfc5de;
border-top : 1px solid #dfc5de;
background-color : #feb542;
background-image : url(../images/lotus1.png);
background-position : left;
background-repeat : no-repeat;
color : #6b5f4f;
}
#contenu1 h2 span {
font-size : 12px;
font-weight : normal;
}

#scroll {
height : 397px;
overflow : auto;
margin : 0;
padding-left : 20px;
padding-bottom : 5px;
}
#scroll p.center {
margin : auto;
text-align : center
}
#scroll p img.left {
float : left;
padding-right : 10px;
}
#scroll p img.right {
float : right;
padding-left : 10px;
}
#scroll h5 {
color : #6b5f4f;
}
#scroll p {
color : #6b5f4f;
line-height : 17px;
text-align : justify;
}
#scroll p.articles {
text-align : left;
}
#scroll p.code {
color : #6c3400;
font-size : 12px;
font-weight : bold;
}
#scroll p.code span {
font-weight : normal;
}
#scroll p span.important{
color : #537668;
}
#scroll p span.important1{
font-weight : bold;
}
#scroll p span.important2{
color : #93395f;
font-weight : bold;
}
#scroll p span.important3{
color : #feb542;
font-weight : bold;
}
#scroll p span.important4{
font-weight : bold;
font-size : 14px;
}
#scroll a {
text-decoration : none;
color : #537668;
}
#scroll a.rubrique {
text-decoration : underline;
color : #537668;
font-weight : bold;
}
#scroll a:hover {
color : #6b5f4f;
font-weight : bold;
}

div.sommaire img.left1 {
float : left;
border : 2px solid #6b5f4f;
margin-right : 10px;
margin-top : 10px;
}
div.sommaire img.right {
float : right;
margin-left : 10px;
margin-top : 10px;
}
div.sommaire h4 {
color : #6b5f4f;
padding-top : 10px;
}
div.sommaire h4 span {
font-weight : normal;
}
div.sommaire h4 span.edit {
font-size : 12px;
}
div.sommaire h4 span.edit {
font-size : 12px;
}
div.sommaire h3 {
color : #6b5f4f;
padding-top : 10px;
text-align : center;
}
div.sommaire h3 span {
font-weight : normal;
}
div.sommaire h3 span.soustitre {
font-size : 12px;
font-weight : bold;
}
div.sommaire h3 span.edit {
font-size : 12px;
}
div.sommaire p span {
font-size : 12px;
font-weight : bold;
}

div.livre {
border-bottom : 1px solid #feb542;
padding-right : 10px;
}
div.livre span.exposant{
vertical-align : 4px;
font-size : 70%;
}

div.retour a {
display : block;
text-decoration : none;
font-size : 12px;
color : #537668;
text-align : right;
}
div.retour a:hover {
color : #6b5f4f;
font-weight : bold;
text-align : right;
}

#pied_page {
width : 720px;
margin : auto;
padding-top : 10px;
}
#pied_page p {
color : #feb542;
text-align : center;
}

#note {
width : 630px;
margin : auto;
}
#note p {
background-color : #feb542;
color : #6b5f4f;
text-align : center;
padding : 10px;
}
#note p a {
color : #537668;
}
#note p a:hover {
color : #6b5f4f;
font-weight : bold;
}