/** Page : GéNéRALs*/
body {
 background: #eaeaea url('images/cellules.jpg');
 padding: 30px 90px;
 font-family: sans-serif;
 min-width:1150px;
} 
/** En-tête :*/ 
#entete {
 background: url('images/entete.jpg');
 border: 1px solid black;
}
#entete h1{
text-align:center;
font-family:Papyrus, Trebuchet MS;
}
/**Barre de navigation*/
#menu {
  background:black url('images/barreNav1.jpg');
  list-style:none;
  margin:0;
  padding:0 0 0 100px;
  height:30px;
}
#menu li {
  float:left;
  margin:0 2px;
}
#menu a {
  display:block;
  cursor:pointer; 
  text-decoration:none;
  color:#33ff00;
  background:url('images/bouton-gauche.jpg');
    background-position:0 -30px;
}
#menu span {
  display:block;
  height:30px;
  line-height:30px;
  padding:0 20px;
  background:url('images/bouton-droit.jpg');
    background-position:100% -30px
}
#menu a:hover,
#menu a:focus,
#menu a:active {
  background-position:0 0px;
  color:yellow;
}
#menu a:hover span,
#menu a:focus span,
#menu a:active span {
  background-position:100% 0px;
}
#menu .actuel {
  color:#ff8c00;
}
/** PAGE d'ACCUEIL**/
/**Contenu*/
#contenu {
 background:#ffff99 url('images/feu.jpg') 50% 50% no-repeat;
 max-width:1500px;
 min-height:500px;
 padding:30px 90px;
} 
h2 {
 font-family:Pristina, DejaVu Sans Mono;
 color:red;
 font-size:60px;
 text-align:center;
}
h3 {
 font-family:Chiller, Comic Sans MS;
 font-weight:bold;
 font-size:50px;
 text-align:center
}
.encart {
 background:#fff8dc url('images/encart-hg.jpg');
 margin:100px 50px 0px 50px; 
}
.encart div {
 background:url('images/encart-bg.jpg') 0 100% no-repeat;
}
.encart div div {
 background:url('images/encart-hd.jpg') 100% 0 no-repeat;
}
.encart div div div {
 background:url('images/encart-bd.jpg') 100% 100% no-repeat;
 padding:20px;
 text-align:justify;
}
.encart div div div div {
 background:none;
 padding:0 
}
/**pied*/
#pied {
 clear:both;
 background:url('images/pied.jpg');
 border:1px solid black;
 color:#ff8c00;
 font-size:15px;
 text-align:center;
 padding-top:2px;
 padding-bottom:3px;
}
#bottom  {
 text-align:center; 
 background-color:silver;
 height:20px;
 border:2px ridge black;
}
#bottom  a {
line-height:20px;
 font-size:12px;
 color:#333333;
 text-decoration:none;

}
#bottom  a:hover,
#bottom  a:focus,
#bottom  a:active {
 color:white;
 cursor:pointer;
}
 
/**page PRéSENTATION-contenu - pagesEXTRAITS, COMMANDER & COMMENTAIRES-haut*/
.encart1 {
 background:white url('images/encart-hg.jpg');
 margin:0; 
}
.encart1 div {
 background:url('images/encart-bg.jpg') 0 100% no-repeat;
}
.encart1 div div {
 background:url('images/encart-hd.jpg') 100% 0 no-repeat;
}
.encart1 div div div {
 background:url('images/encart-bd.jpg') 100% 100% no-repeat;
 padding:10px;
 text-align:justify;
}
.encart1 div div div div {
 background:none;
 padding:0;
 }
 #dessin1 {
 float:left;
 width:200px; height:356px;
 margin:10px 20px 10px 10px;
 }
 #dessin1 a:link {
 border:none;
 cursor:pointer;
 }
#dessin1 a img {
 border:silver;
 }
 #dessin2 {
 float:right;
 width:269px; height:356px;
 margin:10px 15px 10px 20px;
 }
 #dessin2 a:link {
 border-style:none;
 cursor:pointer;
 }
#dessin2 a img {
 border:silver;
}
div>p {
 text-indent:10px;
 margin:20px;
 }
.p {
 text-indent:10px;
 margin:20px;
 }
.deuxmille {
 display:inline;
 font-family:Pristina, DejaVu Sans Mono;
 color:red;
 font-size:25px;
 font-weight:bolder;
 }
.chronik {
 display:inline;
 font-family:Chiller, Comic Sans MS;
 font-size:25px;
 font-weight:bold;
 }
/**POSTERS*/
 .poster {
 margin:0 300px;
 border:none;
}
/**page EXTRAITS-centre*/
#centre {
 background: url('images/fond menu extraits.jpg') repeat-y;
 border:none;
}
#menu-extraits {
 background: url('images/fond menu extraits.jpg') repeat-y;
 float:left;
 width:216px;
 list-style:none;
 border:none;
 margin:0;
 padding:0;
}
#menu-extraits a.haut {
 font-style:italic;
 font-weight:normal;
 color:#99ff00;
 text-align:center;
}
#menu-extraits  a.haut:hover,
#menu-extraits a.haut:focus,
#menu-extraits a.haut:active {
 background:url('images/fond menu extraits.jpg');
 font-style:italic;
 font-weight:normal;
 color:#99ff00;
 text-align:center;
}
#menu-extraits  a {
 background:url('images/bouton menu extraits.jpg');
 display:block;
 height:28px;
 line-height:30px;
 text-align:center;
 text-decoration:none;
 cursor:pointer;
 color:#99ffff;
 font-weight:bold;
 margin:2px 0;
}
#menu-extraits a:hover,
#menu-extraits a:focus,
#menu-extraits a:active {
 color:yellow;
 background-position:0 -31px;
} 
#menu-extraits .actuel {
 background:url('images/bouton menu extraits.jpg');
 display:block;
 height:28px;
 color:yellow;
}
#extrait {
 margin:0 0 0 216px;
 min-height:380px;
 border:1px solid maroon; 
 background:#ffffcc;
 padding:40px 60px;
 text-align:justify;
} 
#extrait h3 {
 font-family:Papyrus, Trebuchet MS;
 color:maroon;
}
#extrait  p { 
 font-family:Calisto MT 18pt serif;
}
#extrait  p:first-letter {
 font-family:Monotype Corsiva, Segoe Print;
 font-weight:bold;
 font-size:xx-large;
 color:#666600;
} 
strong { 
 font-family:Pristina, DejaVu Sans Mono;
 color:red;
 font-size:25px;
 font-weight:bolder;
 }
#extrait  p  span {
 display:block;
 margin:0 50px;
 text-align:justify;
}
#extrait  a { 
 text-align:center;
 font-family:Monotype Corsiva, Segoe Print;
 font-weight:bold;
 color:maroon;
 cursor:pointer;
}
/**Pages de COMMENTAIRES**/
/*page1*/
#commentaires {
 margin:0;
 border:none; 
 background:#ffffcc url('images/feu.jpg');
 padding:30px 90px;
 max-width:1500px;
 min-height:400px;
 text-align:justify;
}
#commentaires a  {
 font-family:Comic Sans MS;
 font-size:14pt;
 font-weight:bold;
 color:yellow;
 text-decoration:none;
 text-align:center;
 }
#gauche {
 background:url('images/bouton com-g.jpg');
 display:block;
 height:30px;
 width:300px;
 float:left;
 padding:0;
 margin:0;
 cursor:pointer;
}
#droite {
 background:url('images/bouton com-d.jpg');
 display:block;
 height:30px;
 width:270px;
 float:right;
 padding:0; 
 margin:0;
 cursor:pointer;
}
#commentaires a:hover,
#commentaires a:focus,
#commentaires a:active {
 color:purple;
 cursor:pointer;
 background-position:0 -30px;
}
#commentaires p {
 font-family:Monotype Corsiva, Segoe Print; 
 font-size:25px;
 text-align:center;
 display:block;
 margin:80px 0;
 color:purple;
}
/*Formulaire*/
#depot {
 background:#ffffcc;
 border:5px outset red;
 padding:20px;
}
h5 {
 text-align:center;
 color:maroon;
}
#depot table {
background-color:purple;
margin:50px 150px;
 }
#depot th {
background-color:red;
color:yellow;
 text-align:right;
}
#depot td {
 background-color:#FFC8CB;
}
#depot td span {
 display:block;
 text-align:center;
}
#depot a {
 text-align:left;
 color:maroon;
}
#depot a:hover,
#depot a:focus,
#depot a:active {
 cursor:pointer;
 color:red;
}

/*Page d'affichage*/
#vos_com {
 background:#ffffcc;
 border:5px outset red;
 padding:20px;
} 
#vos_com  h3 {
 font-family:Papyrus, Trebuchet MS;
 color:red;
 text-align:center;
}
#vos_com p {
 font-family:Monotype Corsiva, Segoe Print; 
 font-size:25px;
 text-align:center;
 display:block;
 margin:80px 0;
 color:#cc00cc;
}
#vos_com h4 {
 font-family:Monotype Corsiva, Segoe Print;
 text-align:center;
 color:#cc00cc;
}
#vos_com span a {
 margin:0 250px 100px 250px;
 font-family:Monotype Corsiva, Segoe Print;
 font-weight:bold;
 color:red;
 cursor:pointer;
} 
#vos_com span a:hover,
#vos_com span a:active,
#vos_com span a:focus {
color:orange;
}
#vos_com a { 
 font-family:Monotype Corsiva, Segoe Print;
 font-weight:bold;
 color:maroon;
 cursor:pointer;
} 
#tcom  span {
 color:yellow;
 font-family:verdana;
 }
#tcom {
border:2px inset red;
background-color:red;
width:90%;
margin:10px 55px;
}
#tcom  th {
background-color:#00aa66;
color:white;
text-align:left;
}
#tcom  td {
background-color:#66ffff;
display:block;
padding:15px;
text-align:justify;
}  
/**COMMANDER le livre**/
#couverture {
 float:left;
 width:250px; height:322px;
 margin:20px;
 }
#couverture a:link {
 border:none;
 cursor:pointer;
 }
#couverture a img {
 border:silver;
 }
.relief {
 font-family:Papyrus, Trebuchet MS;
 position:relative;
 z-index:0;
 clear:right;
}
.un {
position:relative;
font-weight:bold;
z-index:1;color:#330033;
top:2px;
right:-194px;
}
.deux {
position:relative;
z-index:2;color:#ff00ff;
top:0px;
right:205px;
}
#sondage {
background-color:#ffffcc;
border:2px solid purple;
padding:20px 25px;
}
#sondage h4{
text-align:center;
font-family:Comic sans MS;
color:maroon;
}
#sondage fieldset {
background-color:#ffffff;
border:2px outset blue;
padding:25px;
}
#speech{
padding:25px;
text-align:justify;
font-style:italic;
}
#sondage table {
background-color:purple;
}
#sondage th {
background-color:#00aa66;
color:white;
text-align:left;
padding:0 10px;
}
#sondage td {
background-color:#66ffff;
display:block;
padding:10px 15px;
}
#sondage td span {
margin:10px 90px;
}
.sm {
margin:0 300px 0 400px;
}
.sv {
margin:0 260px;
}
/** TOME 2 **/
.contenu2 {
background:#ffff99 url('images/feuNB.jpg') 50% 50% no-repeat;
 min-height:500px;
 padding:30px 90px;
}
.liens {
float:right;
}
.liens a {
color:red;
text-decoration:none;
}
.liens a:hover,
.liens a:active,
.liens a:focus {
color:green;
text-decoration:none;
}
/** page de liens **/
#page_liens {
background-color:#ffffcc;
border:2px solid purple;
padding:20px 25px;
}
#page_liens h3 {
 font-family:Papyrus, Trebuchet MS;
 color:maroon;
}
dt {
font-weight:bold;
}
#page_liens a {
 color:maroon;
}
#page_liens a:hover,
#page_liens a:focus,
#page_liens a:active {
 cursor:pointer;
 color:red;
}
#page_liens p {
 font-size:12px;
 }
 dd {
 text-align:justify;
 }
/** page de contact**/
#page_contact {
background-color:#ffffcc;
border:2px solid purple;
padding:20px 25px;
}
#page_contact h3 {
 font-family:Papyrus, Trebuchet MS;
 color:maroon;
 font-size:26px; 
}
dt {
font-weight:bold;
}
#page_contact a {
 color:maroon;
}
#page_contact a:hover,
#page_contact a:focus,
#page_contact a:active {
 cursor:pointer;
 color:red;
}
#page_contact p {
 font-size:12px;
 } 