membre SEAP

by matmat

HTML

<div class="contenuWL">
    <div class="ligneSAGA1">
        <div class="ligneSAGA1-1"> <span> Garde enfant à domicile </span>

        </div>
        <div class="ligneSAGA1-2"> <span>Service / Service  </span>

        </div>
    </div>
    <div class="ligneSAGA1" style="height:153px;">
        <div class="ligneSAGA1-3">
            <div class="ligneSAGA1-3-1">ahah
                <br/>ahah
                <br/>ahah
                <br/>ahah
                <br/>ahah
                <br/>
            </div>
        </div>
        <div class="ligneSAGA1-4">
            <div class="ligneSAGA1-5">
                <div class="ligneSAGA1-6">
                    <p>Taux horaire TTC</p>
                </div>
            </div>
            <div class="ligneSAGA1-5">
                <div class="ligneSAGA1-6">
                    <p>Mis en ligne le 24/03/2014</p>
                </div>
            </div>
            <div class="ligneSAGA1-5" style="border-top:1px solid #F5E6E6;">
                <div class="ligneSAGA1-7">
                    <p>par <a>John Calagan</a>

                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="ligneSAGA2" id="tp_1">
        <div class="ligneSAGA2-1" style="width:35%;">
            <div class="ligneSAGA2-1-1" style="width:45%;">Téléphone:</div>
            <div class="ligneSAGA2-1-2" style="width:45%;">06 72 21 63 46</div>
        </div>
        <div class="ligneSAGA2-1" style="width:55%;">
            <div class="ligneSAGA2-1-1" style="width:30%;">Site web:</div>
            <div class="ligneSAGA2-1-2" style="width:65%;">-</div>
        </div>
    </div>

CSS

.ligneSAGA2 {
    width:100%;
    line-height:40px;
    height:40px;
    background:#F7F7FF;
    border-bottom:1px solid #F5E6E6;
    padding:5px;
    font-size:13px;
    font-family:calibri;
    color:#FF7000;
}
.ligneSAGA2-1 {
    width:45%;
    display:inline-block;
    float:left;
    background:gainsboro;
    border-radius:5px;
    padding:0px;
    margin-left:20px;
    vertical-align:middle;
    height:40px;
    line-height:40px;
    margin-right:0px;
}
.ligneSAGA2-1-1 {
    width:30%;
    text-align:center;
    display:inline-block;
    padding:0px;
    margin:0px;
    border-radius:5px;
    height:38px;
    line-height:38px;
    vertical-align:middle;
    font-size:14px;
}
.ligneSAGA2-1-2 {
    background:white;
    width:65%;
    float:right;
    display:inline-block;
    border-radius:5px;
    border:1px solid gainsboro;
    height:38px;
    padding-left:5px;
    color:grey;
}
.contenuWL {
    vertical-align: middle;
    display: inline-block;
    margin-top:10px;
    margin-bottom:20px;
    width:100%;
    margin-right:auto;
    margin-left:auto;
    overflow:hidden;
    min-height :300px;
    background-color:#F7F7FF;
    border:1px solid #F5E6E6;
    border-radius:0px 30px 0px 30px;
    padding-bottom:30px;
    box-shadow: 1px 1px 3px #808080;
    opacity:0.92;
    filter: alpha(opacity=92);
}
.menutopWL {
    width:100%;
    height:30px;
    border-bottom:solid #990000 1px;
    clear:both;
}
.menutopWL span {
    float: right;
    margin-left:10px;
    margin-right:10px;
}
.menutopWL img {
    width:22px;
    height:22px;
    margin-top:3px;
    opacity:0.8;
    filter: alpha(opacity=80);
}
.barrenavmort {
    float: none;
    display: inline;
    margin-right:10px!important;
    vertical-align:middle;
    line-height:20px;
    height:20px;
    font-family: Constantia, Palatino, serif;
    font-style: normal;
    font-size:10px!important;
    cursor:default!important;
}
.barrenav {
    float: none;
    display: inline;
   ...