/* STANDARD TAGS *******************************************/
body
{
  font-family: sans-serif;
  font-size: 12px;
  background-image: no-image;
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed;
  margin : 0px;
  padding : 0px;
}
/* styles de niveaux de titre ***********************************/
h1
{
  margin-top: 0;
  padding-top: 0;
  border-bottom: 1px dotted black;
  font-family:serif;
/*  font-size: 32px;*/
}

h2
{
/*  margin-top: 24px;*/
  color: #717378;
  border-bottom: 2px dotted black;
  font-family:serif;
/*  font-size: 16px;*/
}

h2.top
{

  color: #717378;
  
}

h2.last
{
    text-align: right;
}

h3 
{
  text-align: left;
}

h3.left
{ 
  text-align: left;
}

a { text-decoration: none; }
a:link, a:visited { color: #717378 ; }
a:hover, a:active { color: #A83065 ;}


#header {

  background-image: url(../media/degrade.jpg);
  background-repeat: repeat;
/*
  background-position: top right;
  background-attachment: fixed;
*/
  background-color : #EAEFD5;
  border-bottom: 1px solid black;
  height:108px;
}

#title
{
  position:absolute;
  top: 30px;
  left:/*30*/ 60px;
  font-family: serif;
  color: #717378;
  font-weight: bold;
  font-size: 54px;
  font-style:italic;
}

#header_bg
{
  position:absolute;
  top: 0px;
  left:0px;
}
  

#title_img
{
  position:absolute;
  top: 0px;
  left:/*30*/ 56px;
  z-index:5;
}



/* TOP MENU ************************************************/
#top-menu
{
  position:absolute;
  min-width:800px;
  white-space: nowrap;
  top: /*90px*/ 89px;
  left:/*30*/ 60px;
  z-index: 10;
}

/* CONTENT *************************************************/
#content {
  padding-right:90px;
  margin-right:160px;
}

/* SIDE MENU ***********************************************/
#side-bar
{
  float:right;
  width: 220px;
  max-width: 220px;
  min-width: 220px;
}

/* FOOTER **************************************************/
#footer
{
  margin-top: 15px;
  padding-top:5px;
  padding-bottom: 5px;
}

#footer div.navbar
{
  margin-bottom : 5px;
}

.footer-info
{
  padding-top:5px;
  margin-right:240px;
  border-top : 1px dotted #717378;
  font-size:12px;
}

/* THINGS TO DISPATCH */
/* TOP MENU ************************************************/
#top-menu
{
  font-size:12px;
  font-weight:bold;
  line-height: 18px;
  color: #717378 ;
  text-align: justify;
}

#top-menu span
{
  padding-right: 5px;
}


#top-menu span a:link,
#top-menu span a:visited
{
/*  border-bottom: 3px solid transparent;*/
/* IE 6 does not understand 'transparent' :( */
  border-bottom: 3px solid #EAEFD5;
}

#top-menu span a.current:link,
#top-menu span a.current:visited,
#top-menu span a:hover,
#top-menu span a:active
{
  color: black;
  border-bottom: 3px solid black;
}

#top-menu span a:hover,
#top-menu span a:active
{
  color: #A83065 ;
  border-bottom: 3px solid #A83065;
}


/* MAIN ****************************************************/
.main
{
  padding-left:60px;
}

.navbar
{
  font-size:10px;
  margin-top: 5px;
  margin-bottom: 20px;
  margin-right:240px;
  text-align:right;
  font-weight:bold;
}

.breadcrumb
{
  font-size:10px;
  margin-top: 5px;
  margin-right:240px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #717378;
}

/* Styles des boites de contetxe *************************************************/
.context
{
  border-top:1px dotted black;
  border-bottom:1px dotted black;
  background-color : white;
  font-size: 10px;
  max-width: 220px;
}

.context h5
{
  margin-top: 5px;
  margin-bottom: 5px;
}

/* CONTENT *************************************************/
#content
{
  text-align: justify;
}

#content a { font-weight: bold; }
#content a:link, #content a:visited { color: #A83065 ; }
#content a:hover, #content a:active { color: #C2CD9B ; }

#content a.interne:link, #content a.interne:visited {color: #A0522D ;}
#content a.interne:hover, #content a.interne:active { color: #C2CD9B ;}

#content a.in:link, #content a.in:visited {color: #A0522D ;}
#content a.in:hover, #content a.in:active { color: #C2CD9B ;}


/* SIDE MENU ***********************************************/
ul.side-menu
{
  list-style-type : none;
  padding: 0px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 0px;
  padding-left: 0px;
}

.side-menu li
{
  padding-left: 12px;
  margin-top : 2px;
  margin-bottom : 2px;

  background-image: url(../media/arrow_left.gif);
  background-repeat: no-repeat;
}

.side-menu li.opened
{
  padding-left: 12px;
  margin-top : 2px;
  margin-bottom : 2px;

  background-image: url(../media/arrow_down.gif);
  background-repeat: no-repeat;
}

.side-menu li.selected
{
  padding-left: 12px;
  margin-top : 2px;
  margin-bottom : 2px;

  background-image: url(../media/arrow_left_on.gif);
  background-repeat: no-repeat;
}



.side-menu li .current-menu-item
{
  display: block;
  width: 100%;
  border-top: 1px dotted white;
  border-bottom: 1px dotted #717378;
  color: #A83065;
}

.side-menu li a
{
  display: block;
  width: 100%;
  border-top: 1px dotted white;
  border-bottom: 1px dotted #717378;
  text-decoration : none;
}

.side-menu li a:link,
.side-menu li a:visited
{
  color: black;
}

.side-menu li a:hover,
.side-menu li a:active
{
  border-top: 1px dotted #717378;
  color :  #A83065;
  background-color:  white;
}

.hidden
{
  display: none;
}

/* styles de mise en forme du texte ********************************** */
/* styles antérieurs au 22 septembre 2005 **************************** */
span.mot-clef
{
  font-weight: bold;
  font-style:  italic;
}
 
span.nompropre
{
  font-weight: bold;
}

span.titredoeuvre
{
  font-variant: small-caps;
}
/* q = quote : citation */ 
q
{
  font-style: italic;
}
/* styles postérieurs au 22 septembre 2005 ********************************** */
/* mots-clefs */
span.mc
{
  font-weight: bold;
  font-style:  italic;
}
/* noms propres */ 
span.np
{
  font-weight: bold;
}
/* titres d'oeuvre (livre, revue, tableau, morceau de musique, etc. ) */
span.to
{
  font-variant: small-caps;
}
/* q = quote : citation brève */ 
span.cb
{
  font-style: italic;
}
/* notes de la rédaction, NDLR */
.nr
{
  color : #778899;
}
/* textes réduits */
.tr
{
  font-size: 6px;
}
/* titres internes */
.ti
{
color: rgb(153, 153, 153);
font-weight:bold;
}

/* textes poétiques */
.tp
{
  font-family:Cursive, serif;
  font-size: 14px;
}

/* textes poétiques  petit corps */
.tpp
{
  font-family:Cursive, serif;
  font-size: 8px;
} 

/* textes spéciaux */
.ts
{
  
  font-size:6pt;
}

/* mentions particulières : notes manuscrites, dédicaces, dates */
.mp
{
  color: rgb(255, 102, 102);
  font-style: italic;
}
/* textes en police réduite : pr */
.pr
{

font-size:7pt;
}

/* titre adamancie */
h1.ta
{
  font-family:serif;
  /*font-size:xx-large;*/
  font-size:48px;
  color: #C2CD9B;
  font-style:italic;
  font-weight:bold;
  border-bottom: None;

}


/* style adamancie */
div.ta
{
  
  color: #C2CD9B;
  
  font-weight:bold;
  border-bottom: None;

}

/* nom de groupe */
.ng
{
  font-variant: small-caps;
  color: rgb(0, 153, 0);
  font-weight:bold;
  border-bottom: None;

}




/* agrandissement */

.zoom 
{
  width:350px;
}

.zoom p 
{
  text-align:center;
}

.zoom img 
{
  width:350px;
  
}

.zoom img:hover 
{
  width:900px;
  
}		



.zoom2 
{
  width:100%;
}
.zoom p 
{
  text-align:center;
}
.zoom img 
{
  width:100%;
  
}
.zoom img:hover 
{
  width:200%;
  
}	





/* 
   cf http://www.adamantane.net/textes/poesie/la_vigne_adamantine/sarments_tailles pour utilisation 
   ce style s'applique aux balises H3 contenue dans une balise ayant la classe 'poesie'
*/
.poesie h3
{  
  text-align: left;
}