<style>
.body-content {
padding-left: 15px;
padding-right: 15px
}
.small {
font-size: 11px
}
.imagebox {
max-width: 700px
}
.item-product {
margin-top: 25px
}
.product {
width: 300px;
float: left
}
.display {
display: none
}
.product-next {
width: 300px;
float: left;
margin-left: 20px
}
.item-content {
padding: 10px 0 10px 0;
margin-top: -4px;
background-color: #182542;
transition-property: background-color;
transition-duration: 1.5s;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
color: #fff;
}
.item-image {
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.item-image:hover {
opacity: .2
}
.item-content:hover {
padding: 10px 0 10px 0;
margin-top: -4px;
background-color: #84bf41;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
color: #fff
}
.item-contenttop {
padding: 15px 0 15px 0;
margin-top: -4px;
background: #f2f2f2;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
color: #160000
}
.item-circle {
width: 50px;
height: 50px;
border-radius: 50%;
font-size: 18px;
color: #160000;
margin-bottom: 25px;
line-height: 50px;
text-align: center;
background: #f2f2f2
}
.item-content a {
font-size: .8rem!important;
color: #fff
}
.item-content a:hover {
font-size: .8rem!important;
color: #fff
}
.containersmall {
positionfont-size: relative;
width: 100%11px
}
.imageimagebox {
display: block;
max-width: 100%;700px
height: auto
}
.image {
display: block;
width: 100%;item-product {
heightmargin-top: auto25px
}
.userTypeLinkproduct {
colorwidth: #160000300px;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;float: left
font-size: 16px;}
.display {
font-weightdisplay: 400;none
line-height: 30px;}
.product-next {
text-alignwidth: center300px;
margin-rightfloat: 1%left;
margin-left: 1%20px
}
.userTypeLink:hoveritem-content {
colorpadding: #84bf41 10px 0 10px 0;
visibilitymargin-top: inherit-4px;
}
background-color: #EDF7F6;
.userTypeLinkProdukte {transition-property: background-color;
colortransition-duration: #fff !important; //TG 190614: increased importance to overwrite confluence settings1.5s;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: none;
font-weight: 400;
linetext-heightalign: 16pxcenter;
text-aligncolor: center#000;
margin-right: 1%}
.general-item-content {
background-color: #000;
margin-leftborder: 1%1px solid #EDF7F6;
}
.userTypeLinkProdukte:hoveritem-image {
coloropacity: #84bf411;
visibility-webkit-transition: inherit.3s ease-in-out;
}
transition: .3s ease-in-out
.HeaderBlock {}
margin.item-topimage:hover 25px;{
heightopacity: 250px.2
}
.HeaderLineitem-content:hover {
height: 4px;/*padding: 10px 0 10px 0;*/
leftmargin-top: 3px-4px;
background-color: #84bf41#65C1C2;
width: 100%font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
float: left
}
.HeaderLine50 {font-size: 16px;
heighttext-transform: 2pxnone;
leftfont-weight: 3px400;
backgroundtext-coloralign: #84bf41center;
widthcolor: 100%#000;
floattext-decoration: leftunderline;
}
.HeaderLineItemitem-contenttop {
heightpadding: 15px 0 15px 0;
margin-top: -4px;
background: #f2f2f2;
left: 3pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
backgroundfont-colorsize: #84bf4116px;
widthtext-transform: 100%none;
floatfont-weight: left400;
margintext-bottomalign: 5pxcenter;
}
</style> color: #160000
<div class="Abstand"></div>
<div> }
<div class="AbstandProdukte">
<!--
<div style="float: left; width: 300px; margin-right: 20px;">.item-circle {
width: 50px;
<div class="HeaderLine">height: 50px;
</div>border-radius: 50%;
<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />font-size: 18px;
color: #160000;
</a>margin-bottom: 25px;
<div class="item-content">line-height: 50px;
<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Carte d'assuré (Cada)</a>text-align: center;
</div>background: #f2f2f2
</div>
-->}
<div style="float: left; width: 300px; margin-right: 20px;">.item-content a, a .item-content {
<div class="HeaderLine">font-size: .8rem!important;
</div>color: #000;
<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />cursor:pointer;
padding: 13px 0 10px 0;
</a>line-height:1.5;
}
<div class=" .item-content"> a:hover {
font-size: .8rem!important;
<a class="userTypeLinkProdukte" href="/display/PublicZVR">Registre central des conventions (RCCo)</a>
</div> color: #000
}
.container {
position: relative;
</div>width: 100%
<div style="float: left; width: 300px; margin-right: 0px;">
<div class="HeaderLine">
</div>}
.image {
display: block;
width: 100%;
height: auto
}
.image {
display: block;
<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />width: 100%;
</a>
height: auto
}
<div class="item-content">
.userTypeLink {
color: #160000;
<a class="userTypeLinkProdukte" href="/display/PublicZSR">Registre des codes-créanciers (RCC)</a>font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
</div>font-size: 16px;
</div>
</div>
</div> |