/*          ----------------------------       propriétés générales          -----------------------           */
p
{
font-size: 1em;
font-family: "Times New Roman", Arial, Verdana, serif;
text-align: justify;
font-variant: normal;/*pas small-caps*/
}
h3
{
text-align: center;
font-size: 2em;
}
h2
{
text-align: center;
font-size: 3em;
}
h1
{
font-size: 4em;
text-align: center;
}
a img
{
border: none;/*les bordures automatiques d'ie sont immondes*/
}
/*         ----------------------        propriétés applicables            -----------------------          */
/*inutiles!*/
.ita
{
font-style: italic;
}
.obl
{
font-style: oblique;
}
.gras
{
font-weight: bold;
}
.majupp
{
text-transform: uppercase;
}
.majlow
{
text-transform: lowercase;
}
.majcap
{
text-transform: capitalize;
}
.soul
{
text-decoration: underline;
}
.sul
{
text-decoration: overline;
}
.blink
{
text-decoration: blink;
}
.line-through
{
text-decoration: line-through;
}
.r
{
text-align: right;
}
.c
{
text-align: center;
}
.j
{
text-align: justify;
}
.endfloat
{
clear: both;
}
a img
{
   border: none;
}
.discret
{
font-size: 1.2em;
}
.big
{
font-size: 1.5em;
}
.sr
{
position: absolute;
   right: 5px;
}
.lecteur
{
width: 182px;
height: 40px;
}
/*        ----------------------     pages thématiques             --------------------------        */
#thema
{
background-attachment: fixed; /*pas scroll*/
background-repeat: no-repeat; /*repeat, repeat-x, repeat-y*/
background-position: center center;
}
#thema blockquote
{
font-size: 1.2em;
text-align: center;
font-style: italic;
}
#thema p:first-letter
{
font-weight: bold;
font-family: "Old English Text MT", "Blackadder ITC", "Vladimir Script", "Times New Roman", Times, Vivaldi, Arial, serif;
font-size: 3em;
/*float: left;            fait bugger si text-align center*/
margin-right: 3px;
}
#thema .nofirstletter:first-letter
{
font-weight: normal;
font-family: "Times New Roman", Arial, Verdana, serif;
font-size: 1em;
margin-right: 0px;
}
#thema a
{
color: rgb(210,15,50);
text-decoration: none;
}
#thema a:hover
{
color: rgb(175,50,75);
font-style: italic;
font-weight: bold;
}
#thema a:active, #thema a:focus
{
color: rgb(150,0,0);
}
#thema a:visited
{
color: rgb(150,0,0);
}
#thema h1, #thema h2
{
font-family: "Old English Text MT", "Blackadder ITC", "Vladimir Script", "Times New Roman", Times,Vivaldi, Arial, serif;
}
#thema .contenu
{
/*width: 50%;*/
min-width: 600px;
max-width: 600px;
margin: auto;
}
/*      ------         menu      -------        */
#thema #pages
{
text-align: center;
font-size: 1.3em;
margin-left: 45px;
position: fixed;
bottom: 5px;
border: 1px dotted black;
}
#thema #pages h3
{
color: rgb(200,110,40);
font-family: "Old English Text MT", "Blackadder ITC", "Vladimir Script", Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 1.6em;
}
#thema #pages li
{
font-size: 1.4em;
}
#thema #pages ul
{
list-style-type: none;
}
#thema #pages a
{
color: rgb(130,50,80);
}
/*           ---------------------           pages classiques            ----------------------                 */
/*      -----       propriétés       -----       */
#classique
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background: url("../images/cielb.jpg") fixed no-repeat center center;
}
#classique p
{
text-indent: 30px;
}
#classique p:first-letter
{
text-transform: capitalize;
font-size: 2em;
margin-right: 1px;
}
#classique .nofirstletter:first-letter
{
text-transform: none;
font-size: 1em;
margin-right: 0px;
}
#classique q
{
font-style: italic;
}
#classique a
{
   text-decoration: none;
   color: rgb(125,40,40);
}
#classique a:hover
{
   font-style: italic;
}
#classique a:visited
{
color: rgb(100,20,20);
}
/*     ----     options de l'en-tête       ----     */
#classique #tete
{
width: 760px;
height: 100px;
margin-bottom: 10px;
background-image: url("../images/bannierea.jpg");
background-repeat: no-repeat;
}
/*     ----      options du menu (et des listes non ordonnées)      ----      */
#menu
{
float: left;
width: 120px;
margin-left: 5px;
}
#menu ul
{
/*list-style-position: inside; ou outside */
   list-style-image: url("../images/puce.png");
}
#menu .element_du_menu
{
   border: 2px solid black;  
   margin-bottom: 15px;
}
.element_du_menu li
{
   margin-bottom: 5px;
}
.element_du_menu h3
{    
   color: rgb(215,123,55);
   font-family: "Old English Text MT", "Blackadder ITC", "Vladimir Script", Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.8em;
}
/*       ----       options du corps des pages       ----      */
#corps
{
margin-left: 135px;
margin-bottom: 10px;
padding: 5px;
color: rgb(1,80,40);
}
/*      ----       options du pied de page       ----       */
#pied
{
margin-left: 135px;
padding: 5px;
}
#rlend
{
text-align: right;
padding-top: 5px;
border-top: 1px solid black;
}
/*      ----        options des rubriques, parties du corps et partitions      ----      */
.part
{
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid rgb(215,123,55);
border-bottom: 1px solid rgb(215,123,55);      /* on pourrait rajouter un padding-bottom pour écarter la bordure de celle du bas d'un tableau p.ex.*/
}
.part img
{
width: 210px;
height: 297px;
margin-left: 173px;
margin-top: 5px;
margin-bottom: 5px;
}
/*      -------         options des tableaux        -----------         */
.part table
{
border: 1px solid rgb(9,118,70);
border-collapse: collapse;
}
.part caption
{
font-size: 2em;
padding-bottom: 10px;
}
.part th, .part td
{
border: 1px dashed rgb(9,118,70);
margin: 0px;
padding-left: 6px;
padding-right: 6px;
}
.part th
{
padding-bottom: 5px;
}
/* -------       pages fantaisies ---------- */
#fantaisie
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background: url("cda_fond.jpg") fixed no-repeat center center;
}
#fantaisie p
{
text-indent: 30px;
}
#fantaisie p:first-letter
{
text-transform: capitalize;
font-size: 2em;
margin-right: 1px;
}
#fantaisie .nofirstletter:first-letter
{
text-transform: none;
font-size: 1em;
margin-right: 0px;
}
#fantaisie q
{
font-style: italic;
}
#fantaisie a
{
   text-decoration: none;
   color: rgb(125,40,40);
}
#fantaisie a:hover
{
   font-style: italic;
}
#fantaisie a:visited
{
color: rgb(100,20,20);
}
#fantaisie #menu
{
position: fixed;
top: 5px;
}
#fantaisie h1
{
font-size: 3.5em;
color: rgb(155,55,55);
}