﻿div.block.steps {
    height: 37px;
    font-size: 11px;
    font-weight: bold;
    background: transparent url(etapes/fond-etapes.png) repeat-x 0 0;
    position: relative;
    width: 958px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-bottom: 1px solid #d6d6d6;
}

div.block.steps div {
    position: relative;
    display: block;
    float: left;
    padding-left: 2px;
}

div.block.steps div.current {
    background: #FFFFFF url(etapes/fleche-jaune.png) no-repeat left top;
    border-bottom: 1px solid #d6d6d6;
    height: 37px;
    margin-left: -18px;
}

div.block.steps div.first {
    background-image: none;
    border-bottom: 1px solid #d6d6d6;
    margin-left: 0;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
}

div.block.steps div.first.current .circle {
    margin-left: 0px;
    color: #ffffff;
}
div.block.steps div .circle {
    font-size: 15px;
    font-weight: bold;
    padding: 8px 12px 8px 13px;
    position: relative;
    top: 1px;
    background: transparent url(etapes/rond-etapes.png) no-repeat scroll 0 0;
}
div.block.steps div.current .circle {
    background: transparent url(etapes/rond-current-etapes.png) no-repeat scroll 0 0;
    margin-left: 18px;
}
div.block.steps div .title {
    color: #ffffff;
    position: relative;
    top: 10px;
    padding-left: 2px;
}
div.block.steps div.current .title {
    color: #000000;
}

div.block.steps div .arrow-end {
    width: 14px;
    height: 37px;
    padding-left: 4px;
    background: transparent url(etapes/fleche-vide.png) no-repeat scroll right top;
}
div.block.steps div.current .arrow-end {
    width: 14px;
    height: 37px;
    background: #FFFFFF url(etapes/fleche-blanche.png) no-repeat right top;
}


/* Footer spécifique aux pages d'étapes */

.stepsFooter {
    font-size: 110%;
    padding: 5px 10px;
    text-align: center;
    background-color: #528FAA;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

