html {
height:100%;
margin: 0;
padding: 0;
}

body {
background-color: #c1b0ab;
margin: 0;
padding: 0;
color: black;
font-size: 80%;
min-width: 900px;
height: 100%
}

html, body { 
height: 100%;
width: 100%;
overflow: auto;} }

#page {
width: 100%;
margin: 0 auto;
position: relative;
}

#header  {
height: 189px;
background: #e9dad3 url(../images/banniere.jpg) top left no-repeat;
}

#titre {
height: 189px;
background: url(../images/titre.png) center center no-repeat;
margin-left: 490px;
}


#menu {
min-height:100%;
font-size: 100%;
text-align: left;
float: left;
width: 179px;
padding: 0;
padding-top: 140px;
background: #c1b0ab url(../images/menu.jpg) top left no-repeat;
margin: 0;
display: block;
}

#menu li {
padding-left: 10px;
border-top: 1px solid #c1b0ab;
border-bottom: 1px solid #c1b0ab;
font-size: 1.2em;
list-style-type: none;
text-decoration: none;
font-weight: bold;
display: block;
}

#menu a {
display: block;
}

#menu li:hover{
border-top: 1px solid black;
border-bottom: 1px solid black;
background: #e9dad3;
color: #336600;
}

li a:link { 
color: #000; 
text-decoration: none; 
}

li a:hover {
text-decoration: none; 
color: #000;
}

li a:visited {
color: #000; 
text-decoration: none;
}

#menuFlotant{
border-top: 2px solid black;
border-bottom: 2px solid black; 
top:320px;
left:0px;
width:179px;
margin:0;
padding:0; 
}
#pub{
margin-top:70px;
margin-left:27px;
}

#contenu {
border-left: 3px solid black;
border-top: 3px solid black;
margin-left: 179px;
background: #f1f1f1 url(../images/grappe2.gif) top center repeat-y;
min-height: 100%;
}

#bord-haut {
background: url(../images/contenu-bord-haut.gif) top repeat-x;
margin: 0px;
padding: 0px;
min-height: 100%;
}

#bord-gauche {
background: url(../images/contenu-bord-gauche.gif) left repeat-y;
margin: 0px;
padding: 0px;
min-height: 100%;
}

#coin {
background: url(../images/coin.gif) left top no-repeat;
margin: 0px;
padding: 40px;
padding-bottom: 60px;
min-height: 100%;
}

h1 { 
text-align: center;
margin: 20px 0 60px 0;
font-size: 3em;
}
 
h2 { 
font-size: 2em;
}
 

#contenu p {
text-indent: 30px;
text-align: justify;
margin: 0 0 0 1em;
padding: 0;
font-size: 1.2em;
}



#pied {
padding: 0;
padding-top:60px;
text-align: center;
clear: both;
margin: 0;
margin-top: 80px;
bottom: 0; 
left: 0;
width: 100%;
}

#pied p { 
color: #bdbdbd;
text-align: center;
}

#pied a { 
color: #bdbdbd;
text-decoration: none;
}

#pied a:visited { 
color: #bdbdbd;
text-decoration: none;
}

#pied a:hover { 
color: #bdbdbd;
text-decoration: none;
}

#back2sommaire {
text-align :right;
}

#blocADroite {
float:right;
}

#blocAGauche {
float:left;
}


a img /* Toutes les images contenues dans un lien */
{ 
   border: none; /* Pas de bordure */
   margin-left : 30px;
   margin-right:30px;
   margin-top : 15px;
   margin-bottom:15px;
 }
 
 
#blocADroite img, #blocAGauche img /* Toutes les images contenues dans un lien */
{ 
   border: thick  ridge  #000000; /* Pas de bordure */
   padding : 5px;
   margin-left : 30px;
   margin-right:30px;
   margin-top : 15px;
   margin-bottom:15px;
 }
 


 
#listeTitre li {
list-style-type: disc   ;
margin-top:10px;
margin-bottom:20px;
}

 
#liste li {
list-style-type: square ;
margin-top:0px;
margin-bottom:0px;
}

#blocImage {
text-align:center;
margin-bottom:30px;
}


 
#sommaire li {
margin-left:50px;
font-size: 120%;
}

#corpsCitation {
padding:30px;
margin:0px;
}

#citation{
margin:20px;
padding-left:5px;
padding-bottom:3px;
border:1px solid black;
background: #e9dad3;
}

#auteur {
text-decoration: underline;
}