/* CSS Document */

IMG{
  border: none;
}

#contextmenu A{
  display:           block;
  float:             left;
  top:               10px;
  
  background-color:  #FaFaFa;
	border:            1px solid #E1E1E1;
	
	font-size:         8pt;
	color:             #3c3c3c;
	text-decoration:   none;
  padding:           0px;
  padding-left:      10px;
	padding-right:     10px;

  margin:            0px;
	margin-left:       2px;
	
}


#contextmenu A:hover{
	color: black;
}

#contextmenu .active{
	background-color: white; /*#C1C1C1; */
	line-height: 32px;
	border-bottom: none;
	font-weight: bold;

}

/* chapter contient les éléments textuels standard */
#chapter
{
  display:       block;
	position:      relative;
	padding-top:   20px;
	width:         400px;
	padding-left:  40px;
	padding-right: 80px;
	margin-right:  40px;
}

/* Tout paragraphe intégré dans la partie "chapter" */
#chapter P {

	text-align:		  justify;
	color: 			    #343D28;
	line-height:	  1.2em;
}




/* premier texte de page, mis légèrement en évidence */
.preambule  {
	margin-top:      4px;
	margin-bottom:   10px;
	text-align:      justify;
	color:           #343D28;
/*	letter-spacing:  0.2em;*/
	font-family:     arial;
	
}

.preambule:first-letter
{
  
  float: left;
  font-size:  3em;
  font-family: comic sans ms, arial;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
}

/* un paragraphe mis en forme avec moins d'emphase */
.Plisting, #Plisting{
	margin-top:      4px;
	margin-bottom:   10px;
	text-align:      justify;
	color:           #343D28;
}


/* mettre en exergue un texte de conclusion de chapitre */
#postface {
	text-indent: 40px;
	text-align: justify;
	font-weight:bold;
	color: #343D28;
	letter-spacing: 0.2em;
}

/* */
.menupart A {
	display: block;
	line-height:1.5em;

	text-transform:uppercase;
	color: #343d28;
	letter-spacing:0.1em;
	font-weight:normal;
	text-decoration:none;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:5px;
	font-size:7pt;
}

.menupart A:hover {
	/* background-color: #D5E9AF; */
	background-color: #b5c694;
	color: #343D28;
}

.menupart .active{
	background-color: #B5C694;
}

.menupart .title{
	font-weight:bolder;
	text-transform:uppercase;
	letter-spacing:0.4em;
	color:#053a66;

	position: absolute;
	top: -12px;
	left: 7px;
}



/*------------------------------------------------------------------------------
  Panel
  Pour une présentation en panneau/cadre.
------------------------------------------------------------------------------*/
.panel{
  border: 1px dotted #919191;
  background-color:#F1F1F1;
}

/* entete du tableau des photos */
.panel .navbarre
{
  font-weight: bold;
  font-size:8pt;
  color: #515151;
  padding:4px;
  text-align:center;
}

.panel .navbarre A{
    font-weight: normal;
    font-size:8pt;
    text-decoration: none;
    color: #515151;
}

.panel .navbarre A:hover{
    font-weight: normal;
    text-decoration: none;
    color: #000000;
}


.panel .title{
  background-color: #B5C695;
  color: black;
  background-image: none;
  text-indent: 10px;
}


/*------------------------------------------------------------------------------

  Form
  Mise en forme des tableaux de formulaires

------------------------------------------------------------------------------*/

.form{
	display: block;
	background-color: #F1F1F1;
	padding: 4px;
	border: 1px solid #44513D;
	margin:1px;
	text-align:center;
}

.form thead td
{
  background-color: #C1C1C1;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  padding:8px;
}

.form tfoot td{
  background-color: #C1C1C1;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  padding:8px;
}

.form tbody td{
  /* border: 1px solid #E1E1E1; */
  margin:2px;
  padding:3px;
  border: 1px solid #E1E1E1;
  background-color: #F1F1F1;
}

INPUT, TEXTAREA, SELECT{
	border: 1px solid #44513D;
}

/*----------------------------------------------------------------------------*/
/*    Permet un affichage de plusieurs éléments bloc style blog               */
/*----------------------------------------------------------------------------*/
.article{
  position:           relative;
  display:            block;
  border:             1px solid black;
  padding: 0px;
  margin: 0px;
}

.article .title{
  display:            block;
  position:           relative;
  height:             25px;
  background-color:   #B5C694;
  border-bottom:      1px solid black;

  font-size:          14pt;
  text-indent:        10px;
}

.article .subtitle{
  display: block;
  position: relative;
  background-color: #B5C695;
  
  height: 15px;
  padding-top:4px;
  padding-bottom:4px;
  
  border-top: 1px solid black;
  color: black;
  font-size: 10pt;
  text-indent: 10px;
}

.article .annotee{
  position:         relative;
  display:          block;
  height:           20px;
  padding-left:     10px;
  padding-right:    10px;
  
  line-height:      20px;
  color:            #4c4c4c;
  
  
}

.article .annotee A{
    color: #053A66;
}


.article .corps{
  position:                 relative;
  display:                  block;
  padding:                  0px;
  padding-bottom:           10px;
  margin:                   0px;

  border-bottom:            1px dotted #a1a1a1;
  border-top:               1px dotted #a1a1a1;
  
  color:                    black;
  text-indent:              0px;
}

.article .corps IMG{
  display:      block;
  position:     relative;
  margin:       5px;
  margin-right: 10px;
  border:       1px solid black;
}


.article .corps P{
  position:     relative;
  display:      block;
  margin:       10px;
  
  color:        black;
  font-size:    10pt;
}


/*----------------------------------------------------------------------------*/
/*    Permet un affichage tabulaire d'une frise chronologique verticale       */
/*----------------------------------------------------------------------------*/
    .chronologie{
      padding: 0px;
      margin: 0px;
      /* border: 1px dotted black; */
      width: 100%;
      margin: 0px;
      padding: 0px;
    }

    .chronologie TD{
          padding: 0px;
          margin: 0px;
    }

    .chronologie .year{
      background-color: #FAFAFA;
      width:            60px;
      text-align:       center;
      font-size:        8pt;
      font-weight:      normal;
    }

    .chronologie .desc{
      margin: 0px;
    }

    .chronologie .title{
      padding:        4px;
      border-bottom:  1px dotted #CACACA;
      background-color: #FAFAFA;

      color:        #b5c694;
      font-size:    11pt;
      font-weight:  bold;

    }

    .chronologie .tfoot{
      border-bottom:  none;
    }

    .details{
        position:         relative;
        display:          block;
        left:             0px;
        font-size:        8pt;
        font-weight:      normal;
        text-align:       right;
        padding:          4px;
    }

    .details A{
            text-decoration:  none;
    }

    .chronologie .subtitle{
      font-size:          8pt;
      margin:             0px;
      padding:            0px;
      padding-left:       4px;
    }

    .chronologie .text{
      margin:     0px;
      margin-top: 8px;
      font-size:  8pt;
      padding:    4px;
      text-align: justify;
    }