#apropos {

}
#apropos p {

        padding: 5px 50px;
}
#apropos h4 {

        color: #CF0049;
}
#apropos ul {
        margin: 23px 0;
        /*background: orange;*/
}
.apropos ul {
        margin:0 0 15px 0;
        /*background: red;*/
}

.liste-liens li {
        font:12px Arial, Helvetica, sans-serif;
        color:#6E6E6E;
        height:15px;
        background:url(../images/pages-menu-bas/separation.png) no-repeat 0 20px;
        padding:0 0 7px 0;
        margin:0 0 5px 0;
}
.apropos li a {
        background:url(../images/pages-menu-bas/picto-livre.png) no-repeat 0 -13px;
        padding:0 0 0 28px;
        color:#6E6E6E;
        text-decoration:none;
}
.apropos li a:hover {
        background:url(../images/pages-menu-bas/picto-livre.png) no-repeat 0 2px;
        color:#CA183E;
}

/* Seulement LI car si on veut gerer interne UL; ca marche pas; c'est apropos UL qui predomine */
#interne li
{
        /*background: lime;*/
        font:12px Arial, Helvetica, sans-serif;
        color:#6E6E6E;
        height:15px;
        padding: 0;
        margin: 0 100px;
        list-style-type: square;
}

.question
{
        font-weight: bolder;
        color: #2e2e2e;
        margin: 15px 0;
}


.indenter
{
        margin: 0 55px;
}

#apropos dl dt.cote-gauche-ht {
        width:11px;
        height:11px;
        display:block;
        position:absolute;
        top:-1px;
        left:-1px;
        background:url(../images/pages-menu-bas/cote-rouge-gauche-ht.png) no-repeat 0 0;
        font-size:1px;
        padding:0!important;
}
#apropos dl dt.cote-droite-ht {
        width:11px;
        height:11px;
        display:block;
        position:absolute;
        top:-1px;
        right:-2px;
        background:url(../images/pages-menu-bas/cote-rouge-droite-ht.png) no-repeat 0 0;
        font-size:1px;
        padding:0!important;
}
#apropos dl dt.cote-gauche-bas {
        width:6px;
        height:6px;
        display:block;
        position:absolute;
        bottom:-1px;
        left:-1px;
        background:url(../images/pages-menu-bas/cote-rouge-gauche-bas.png) no-repeat 0 0;
        font-size:1px;
        padding:0!important;
}
#apropos dl dt.cote-droite-bas {
        width:6px;
        height:6px;
        display:block;
        position:absolute;
        bottom:-1px;
        right:-1px;
        background:url(../images/pages-menu-bas/cote-rouge-droite-bas.png) no-repeat 0 0;
        font-size:1px;
        padding:0!important;
}
#apropos dl {
        width:688px;
        position:relative;
        /*border:1px solid #58A008;*/
        border:1px solid #CA183E;

        padding:0 0 10px 0;
        margin:0 0 15px 0;
}
#apropos dt {
        font:bold 16px "Times New Roman", Times, serif;
        color:#CA183E;
        background:url(../images/pages-menu-bas/pixel-gold3-fond-dt.png);
        padding:7px 12px 3px 12px;
}
#apropos dd {
        background:#FFF;
        font:12px Arial, Helvetica, sans-serif;
        color:#6E6E6E;
        padding:5px 10px 5px 10px;
}
#apropos dd a {
        text-decoration:underline;
        color:#6E6E6E;
}
#apropos dd a:hover {
        text-decoration:none;
}
#apropos dd.haut-de-page a {
        width:auto;
        height:18px;
        display:block;
        background:#FFF;
        font:12px Arial, Helvetica, sans-serif;
        color:#CA183E;
        padding:2px 0 0 25px !important;
        text-decoration:none;
        background:url(../images/pages-menu-bas/haut-de-page.png) no-repeat;
        position:absolute;
        right:10px;
        bottom:5px;
}
/*************************************************/