#contact {

}
#contact p {

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

        color: #CF0049;
}
#contact ul {
        margin: 23px 0;
        /*background: #e8d138;*/
}
.contact 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;
}
.contact 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;
}
.contact 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 contact UL qui predomine */
#interne li
{
        /*background: #f5f548;*/
        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;
}

#contact 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;
}
#contact 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;
}
#contact 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;
}
#contact 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;
}
#contact dl {
        width:688px;
        position:relative;
        /*border:1px solid #58A008;*/
        border:1px solid #CA183E;

        padding:0 0 10px 0;
        margin:0 0 15px 0;
}
#contact 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;
}
#contact dd {
        background:#FFF;
        font:12px Arial, Helvetica, sans-serif;
        color:#6E6E6E;
        padding:5px 10px 5px 10px;
}
#contact dd a {
        text-decoration:underline;
        color:#6E6E6E;
}
#contact dd a:hover {
        text-decoration:none;
}
#contact 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;
}
/*************************************************/