/*
    #4F6802 Primary
    #89B504
    #693E02 Pale #E8FFBB
    #B56B04
    #969696
    #696969

*/

body {
    font-family: Book Antiqua, Century, serif;
    /*font-size: 14px;*/
    /* Une marge gauche/droite est souhaitable, mais IE a de graves ennuis
       avec l'image de gauche qu'il deplace au-déla du marge. */
    margin: 0px;
    text-align: justify;
}

/*
 * Page d'acceuil
 */

/* IE */
body.home div#background1 {
    background: url(img/left_mg.jpg) no-repeat 1px 50px;
}

/* ~IE */
body[class=home] div#background1 {
    background: url(img/left_mg.jpg) no-repeat left 51px;
}

body.home div#background2 {
    background: url(img/right_mg.jpg) no-repeat right bottom;
    padding-right: 1px;
}

/* ~IE */
body[class=home] div#background2 {
    padding-right: 0;
}

/* IE */
body.home div.content {
    height: 500px;	/* FIXME Met l'image complètement à droit dans IE*/
}

/* ~IE */
body[class=home] div.content {
    min-height: 500px;
    height: auto;
}

/*
 * Entête de page
 */
div.header {
    height: 50px;
    background: url(img/shantighar.png) no-repeat top right;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 80%;
    color: #4F6802;
    border-bottom: 1px solid #89B504;
}

div.header a {
    display: block;
    color: #4F6802;
}

div.header div.group {
    float: left;
    margin: 5px 5px;
    background-color: white;
    border-top: 1px solid #89B504;
}

div.header div.group:hover {
    background-color: #E8FFBB;
}

div.header div.group div.group-content {
    display: none;
    position: absolute;
    background-color: #E8FFBB;
}

div.header div.group:hover div.group-content {
    display: block;
}

div.header div.group-content a {
    padding-top: 5px;
}


/* 
 * Barre de navigation
 */
div.browse-bar {
    clear: both;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 80%;
    /* Ce padding evite que IE5.5 et IE6 saut une ligne après la barre.
       Evidement IE5.01 ne fait que sa tête. Merci Billou. Un IE qui marche,
       c'est pour quand ? Ou au moins un peu de cohérence entre versions ? */
    padding: 1px 0px 1px 2px;
}

/* Pas pour Billou */
div[class="browse-bar"] {
    border: none;
    padding: 0;
}

/* Couleur du arrière-plan est souhaitable, mais, IE et Opera ne vont pas
   jusqu'a la marge droit, ce qui met en évidence un p'tit bout a droit. Pas
   joli :-( Il faut ce contenter de mettre un arrière-plan sur les liens
   uniquement, ce qui est nécessaire pour pour lire les liens quand ils sont
   devant l'image. */
div.browse-bar span.third {
    /*background-color: #E8FFBB;*/
}
/*

div.home div.browse-bar span.third {
    background-color: transparent;
}
*/

div.chapters {
    line-height: 150%;
}

span.third {
    float: left;
    /* D'après Billou, 3 * 33.33 > 100. Eh-oh Billou t'est sur des anciens
       Pentiums ou tu fume ? Ceci est la plus grand valeur qui ne force pas un
       saut de ligne dans notre cas. */
    width: 33.19%;
}

/* Pas pour Billou */
span[class~=third] {
    /* FIXME Opera interprete des pourcentages flottants comme des entiers. */
    width: 33.33%;
}

span.third a {
    background-color: white;
    padding: 0px 2px;
}

div.content {
    clear: both;
    margin: 20px 20%;
    font-size: 110%;
}

body.report div.content{
    margin: 0;
    font-size: 85%;
}

div.content div.news {
    /*float: right;*/
    /**/
    position: absolute;
    left: 80%;
    /**/
    width: 150px;
    margin: 0px 0px 10px 10px;
    padding: 20px 5px 5px 5px;
    background: #E8FFBB url(img/news.png) no-repeat 5px 5px;
    font-size: 90%;
    border: solid #89B504;
    border-width: 0px 1px 1px 0px;
    text-align: left;
}

/* Pas pour Billou */
div.content div[class="news"] {
    border: 1px outset #89B504;
}

div.content div.news div.item {
    border-top: 1px solid white;
}

div.content div.news div.item h1 {
    display: inline;
    font-size: 90%;
}

/* 
IE 5.01 applique ce style sur les <p> systematiquement - il faut le lui
cacher en ajoutant un selecteur sur la langue qu(il ne reconnait pas
évidemment! Cela marche parce-que __ce__site__est__en__Français__.
*/
div.content div.news div.item h1 + p:lang(fr) {
    display: inline;
}

/*
Gestion des lettrine - attention au &mdash; en premier caractère...

div.content h1 + p {
    text-indent: 0px;
}

div.content h1 + p:first-letter {
    float: left;
    font-size: 300%;
    font-style: bold;
    padding: 0px 2px 0px 0px;
}
*/

div.content div.news div.item p {
    margin: 0px;
    text-indent: 0px;
}

div.content q {
    background-color: yellow;
}

div.footer {
    clear: both;
    border-top: 1px solid #89B504;
    font-size: 70%;
    color: #4F6802;
}

div.footer div.modification {
    float: left;
}

div.footer div.copyright {
    float: right;
}

div.footer div.copyright img {
    float: left;
    padding: 2px 4px 0 0;
}

a:link, a:visited {
    text-decoration: none;
    color: #4F6802;
}

a:hover {
    text-decoration: underline;
}

a.pdf {
    background: url(img/pdf_icon.gif) no-repeat left;
    padding-left: 22px;
}

h1 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 130%;
    color: #525252;
    text-align: center;
}

h2 , h2 a:link , h2 a:visited {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 120%;
    color: #696969;
    margin: 8px 0 4px 0;
}

h3 , h3 a:link , h3 a:visited {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 110%;
    font-weight: bold;
    color: #B56B04;
    margin: 4px 0 0 0;
}

div.title {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 150%;
    font-weight: bold;
    color: #969696;
    text-align: center;
}

p {
    text-indent: 20px;
    margin: 0 0 4px 0;
}

p:hover {
    background-color: #E8FFBB;
}

blockquote {
    font-style: italic;
}

blockquote i {
    font-style: normal;
}

blockquote.verse {
    white-space: pre;
}

blockquote.verse p {
    text-align: left;
}

blockquote div.citee {
    text-align: right;
    font-size: 80%;
}

blockquote p {
    text-indent: 0px;
}

hr {
    border: 1px solid #89B504;
}

table {
    background-color: #E8FFBB;
    border-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
}

table[summary] {
    width: 100%;
}

td {
    background-color: white;
    padding: 1px 5px;
    vertical-align: top;
}

form table {
    padding: 10px;
    border: solid #89B504;
    border-width: 0px 1px 1px 0px;
}

/* Billou n'aime pas */²
form > table[summary] {
    border: 1px outset #89B504;
}

form table td {
    text-align: left;
    background-color: #E8FFBB;
    font-size: 85%;
}

form table td.error {
    border: 1px solid #4F6802;
}

form table td.error p {
    color: red;
    text-indent: 0;
}

form table td.actions {
    text-align: center;
}

textarea, input {
    border: 1px solid #525252;
    border-width: 1px 0px 0px 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
}

textarea[name], input[name] {
    border: 1px inset #525252;
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.bold {
    font-weight: bold
}

.preformatted {
    white-space: pre; 
}

div.cartouche {
    float: left;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
    margin: 2px;
    padding: 5px;

    /* Pour Billou */
    border-width: 1px;
    border-top: solid #E8FFBB;
    border-right: solid #4F6802;
    border-bottom: solid #4F6802;
    border-left: solid #E8FFBB;
}

div[class='cartouche'] {
    border: 1px outset #89B504;
}

div.cartouche:hover {
    background-color: #E8FFBB;
}

div.cartouche span a {
    font-weight: bold;
}

div.cartouche a {
    display: block;
    color: #525252;
}

a img{
    border: 0;
}

@media print{
    div.header, div.browse-bar, div.news {
	display: none;
    }

    div.content {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: justify;
    }

    div.footer {
	margin-top: 20px;
	border-top: 1px solid black;
	color: black;  
    }
}