/* ------------------------------------ *
 CSS styles.css
 dimanche 10 avril 2005 9:00:16
 HAPedit 3.1.11.111
 * ------------------------------------ */
/* styles des balises html et styles relatifs à la structure commune à toutes
les pages */
body{
    margin: 0; padding : 0;
    background-color: #FAEBD7;  /* ivoire */
    background-color : #c0c0c0; /* gris */
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 12pt;
}
a{
    text-decoration : none;
}
hr{
    /*clear: both;*/
}

table{
    margin: 0px 0 0 0; padding : 0;
}
#main1{ /* premier conteneur du corps de la page avec fond de colonne gauche */
margin : 0; padding : 0;
background-color: #D8B596; /* beige */
    background-color : #c0c0c0; /* gris */
background-image: url(rect_ivoire_150.png);
background-position: top left;
background-repeat: repeat-y;
}
#main2{ /* second conteneur du corps de la page avec fond de colonne droite */
margin : 0; padding : 0;
background-image: url(rect_ivoire_220.png);
background-position: top right;
background-repeat: repeat-y;
}
#colgauche { /* colonne de gauche */
margin: 0; padding: 0px;
float : left;
width : 150px;
background-color : #FAEBD7;/* ivoire*/
color :   #8B4513; /* marron */
text-align : right;
}
#coldroite { /*colonne de droite */
float : right;
width : 220px;
background-color : #FAEBD7;/* ivoire*/
color :   #8B4513;/*#a9a9a9;    */
text-align : left;
z-index : 0;
line-height : 12px;
}
#corps { /* colonne centrale */
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
line-height : 12pt;
margin : 0 220px 0 151px;
padding : 5px 10px 5px 15px;
color : #000000;
background-color : #D8B596;/*#e6e6fa;*/
    background-color : #c0c0c0; /* gris */
}
.colonnes { /* padding des 3 colonnes */
padding : 1em 0.7em;
}
/*  système servant à compenser le non fonctionnement de min-height dans IE
Il suffit d'affecter la classe prop et une des classes de hauteur à une des colonnes
(nous fixons la valeur dans une variable de outils.php)
Après les colonnes, on ajoute une ligne invisible avec la classe cleaner pour égaliser*/
.prop {
    float:right;
    width:1px;
    }
.min450px {height:450px;}
.min460px {height:460px;}
.min470px {height:470px;}
.min480px {height:480px;}
.min490px {height:490px;}
.min500px {height:500px;}
.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    background:transparent;
    }
/* fin du système de min-height */

#couverture {
margin: 0px; padding: 5px;
width : 135px;
border : 0px;
/*z-index: 0;*/
}
#couverture a {
text-decoration : none;
}
#special {
border :0;
}
.menuloc {
font-size : 10px;
line-height : 10px;
font-weight : 600;
text-decoration : none;
color :  #8B4513;/* marron */
text-align : right;
}
.menuloc:hover {
color : #4682b4;
background-color : transparent;
}
p.menuloc {
margin-bottom : 6px;
margin-top : 6px;
padding-right : 10px;

}
.menuloc_td_g{               /* dans agenda.tpl et x_voir.tpl */
text-align: right;
width: 130px;
font-size: 10px;
font-weight : 600;
color :  #8B4513;/* marron */
}
.menuloc_td_d{             /* dans agenda.tpl et x_voir.tpl */
color :  #8B4513;/* marron */
width: 10px;
font-size: 10px;
}
.repere {
float : right;
vertical-align:middle;
}
td#pages {
/*width : 100px; */
font-size : xx-small;
text-align : left;
}
.base {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : xx-small;
color : #000000;
background-color : transparent;
text-decoration : none;
border-style : hidden;
}
td.base {
/*width : 440px;     */
}
.base:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
background-color : transparent;
text-decoration : none;
border-style : hidden;
}
.base:hover {
color : #4682b4;
background-color : #ffffff;
}
.base:visited {
color : #696969;
background-color : transparent;
text-decoration : none;
}
h3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : x-small;
font-weight : 700;
color : #000000;
height : auto;
background-color :  #FAEBD7;/* #6693bc; */
margin-top : 5px;
margin-bottom : 0;
padding : 2px;
/*width : 500px; */
}
table#sommaire {
/*width : 500px;    */
}
td#sommaire {
padding-top : 3px;
vertical-align : top;
}
p#titre {
margin-bottom : 0;
font-size : xx-small;
}
#auteur {
margin-top : 0;
font-style : italic;
font-size : xx-small;
padding-left : 10px;
}
li {
/*list-style-position : outside;  */
font-size : xx-small;
}
input.petit {
float : left;
width : 300px;
}
td#colform1 {
font-size : 8pt;
text-align : right;
width : 250px;
}
#illustr {
float : right;
z-index : 3;
}
.titrart{
        color: #886600;
        font-size: 11px;
        font-weight: bold;
        display: inline; text-align: left;line-height: 12px;
        margin-top: 2cm; position: relative;
}
.datart{
        color: #886600;
        font-size: 9px;
        font-weight: 300;
        margin: 0;
}
.textart{
         color: #CCCC00;;
         font-size: 10px;
}
.titract{

        color: #886600;
        font-size: 11px;
        font-weight: bold;
        line-height: 12px;
}

.resume_nouv{                                /* dans agenda.tpl */
        /*float : right;    */
        padding: 0px 0px 0px 0px;
        margin: 0 0 0 0px;
        width: auto;/* 100% */
        color: #000000;
        font-size: 10px;
        font-weight: 300;

        text-align : left;
}
.resume{
        color: #FFFFFF;
        font-size: 10px;
        font-family: Courier New, Courier, mono;
        font-weight: 500;
        margin-right: 5px;
        }
a.resume:link{
        text-decoration: underline;
        color: yellow;
        }
a.resume:visited{
        text-decoration: underline;
        color: yellow;
        font-style: italic;
        }

.breve_rubrique {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-style : normal;
font-size : small;
font-weight : 700;
color : #000000;
/*height : auto;  */
background-color :  #FAEBD7;/* #6693bc; */
margin-top : 5px;
margin-bottom : 0;
padding : 2px;
width : 180px;
}
.agenda_titre{
color : #8B4513;/*#FAEBD7;#CD853F;*/
line-height : 12px;
margin: 0px;
padding: 0px 0px 0px 0px;
}
.datelieu{                  /* dans sommaire.php, pour l'aperçu de l'agenda */
color : #8B4513;
font-size : 10px;
font-style: italic;
font-weight: bold;
padding: 3px 5px 0px 0px;
margin: 0 0 0 0 ;
width : 150px;
text-align: left;
}

.breve_titre{
color : #8B4513;
line-height : 12px;
margin: 0px;
padding: 5px 0px 0px 0px;
}

.breve_resume {
color: black;
font-size : 10px;
margin: 0px;
padding: 3px 0px 0px 0px;
}

a.go {
text-decoration : none;
color:  #bd0040;/*#F98972;*/
font-family: courier;
font-size : 10px;

}
a.go:link{
color: #bd0040;/*#FAEBD7;#F98972; */
font-size : 10px;
font-weight: 900;

}
a.go:visited{
color: #bd0040;/*#FAEBD7;#F98972; */
font-size : 10px;
font-weight: 900;
}
a.go:hover{
color: #F98972;/* #bd0040;*/
font-size : 10px;
}
  .cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    background:transparent;
}
#footer {
color : #FAEBD7;/*#ffffff; */

margin : 0;
font-weight : normal;
font-size : xx-small;
padding : 0; margin: 0;
line-height : 10px;
/*width : 100%;    */
text-align : left;
background-color : #bd0040;/*#AF2626;  #7D775C; #6693bc; */
    background-color : #3366ff; /* bleu */
z-index : 2;
}
#footer:link {
    text-decoration : none;
color : #FAEBD7;
}
p#footer{
padding : 2px 0 2px 0;
}