/* ------------------------------------ *
 CSS   menucol.css
 feuille qui définit les styles du menu,de la structure en colonnes, et du pied de page
 Utilisée par agendadetail.tpl
 mercredi 24 août 2005 19:48:30
 HAPedit 3.1.11.111
 * ------------------------------------ */

/***************************/
/* Styles des balises html */
/***************************/
body {
    margin: 0; padding : 0;
    background-color: #FAEBD7;  /* AntiqueWhite  */ /*#FFFFFF;*/ /* #393C4A; gris foncé */
    color: #000000;
    font-family: Verdana,"Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    line-height: 12pt;
}
p  { padding: 0.5em; margin: 0; font-size: 1.3em; }
h1 { padding: 0.5em; margin: 0; font-size: 1.3em; font-weight: normal; }
h2 { padding: 0.5em; margin: 0; font-size: 1em; font-weight: bold; }
ul { padding-right: 1em; text-align: left; margin-bottom: 1em; }
a  {text-decoration : none;}

/************************/
/* Styles du menu       */
/************************/
#menuligne1 {                        /* repris dans menucol.css */
    font-weight: 700;
    font-size:11px;
    line-height:15px;
    vertical-align: baseline;
    background: yellow;
    padding: 0 0 0 60px; margin: 0;
    height: 20px;
    color:{$couleur2};
    voice-family: "\"}\"";
    voice-family: inherit;
    height:20px;
}
.menu{                              /* repris dans menucol.css */
        margin: 0px 0px 0px 0px;
        padding:0 5px 0 5px;
        }
a.menu:hover {                     /* repris dans menucol.css */
        text-decoration: overline;
        }


#menuligne2{                     /* repris dans menucol.css */
        height: 42px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 42px;
        }
html>body #menuligne2 {           /* repris dans menucol.css */
        height:42px;
        }
#menuligne2case1{                  /* repris dans menucol.css */
        position: absolute;
        left: 0;
        width: 160px;
        height:42px;
        background: #ffffff;
        color: red;
        vertical-align: bottom;
        display: inline;
        font-size: 9pt;
        line-height: 11pt;
        font-weight: 700;
        text-align: center;
        }
#menuligne2case2{                 /* repris dans menucol.css */
        height:42px;
        margin-left: 160px;
        background: #808080;
        border: 2px solid #A9A9A9;
        padding: 0px;
        voice-family: "\"}\"";
        voice-family: inherit;
        margin-left: 160px;
        height: 38px;
        }
html>body #menuligne2case2 {       /* repris dans menucol.css */
        margin-left: 160px;
        height: 38px;
        }
#actencours{
        margin: 0;
        padding: 1px 0 0 0;
        color: #A9A9A9;
        font-size: 24px;
        line-height: 20px;
        font-weight: 800;
        vertical-align: top;
        text-align: super;
        text-indent: 1%;
        }
#detailactencours{
        padding: 2px 0 0 30px;
        color: #FAEBD7;
        font-size: 12px;
        line-height: 10px;
        font-weight: 700;
        text-align: left;
        vertical-align: bottom;
        }
.detailmini{
        color: #FAEBD7;
        font-size: 9px;
        font-weight: 100;
        float: right;
        vertical-align: top;
}
/**************************************/
/* Styles de la structure en colonnes */
/**************************************/

.wrapper {
  width: 100%;               /* total width */
} 
.outer {
    width: auto;
    border-left-width: 160px;  /* left column width */
    border-left-color: #666666;   /* left column colour */
    border-right-width: 220px; /* right column width */
    border-right-color: #666666;  /* right column colour */
    background-color: #EEEECC; /* #393C4A;  center column colour */
    border-left-style: solid; border-right-style: solid;
}
.inner {
    margin: 0; width: 100%;
}
.left {
    width: 160px;              /* left column width */
    margin-left: -160px;       /* _negative_ left column width */
    float: left;
    position: relative;
    z-index: 10; 
}
.center { float: left; width: 100%; position: relative; z-index: 12;}
.right {
    width: 220px;
    margin-right: -220px;      /* _negative_ right column width */
    float: right; position: relative; z-index: 11;
}  

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid transparent; }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.right p { padding-left: 10px; }
.center { margin: 0 -8px 0 -2px; }

.prop {
    float:right;
    width:1px;
    height:505px;
    min-height:505px;
}
.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    background:transparent;
}
#footer {
    padding : 0; margin: 0;
    clear: both;
    height: 20px;
    color : #FAEBD7;/*#ffffff; */
    font-weight : normal; font-size : xx-small;
    padding : 5px; margin: 0;
    line-height : 10px;
    text-align : center;
    background-color : #bd0040;
    z-index : 2;
}
p#footer{ padding : 2px 0 2px 0; }