<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-left: 10px 0 10px 015px;
marginpadding-topright: -4px;15px
background-color: #84bf41;}
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;.small {
font-size: 16px;11px
text-transform: uppercase;}
.imagebox {
fontmax-weightwidth: 400;700px
}
text.item-align:product center;{
colormargin-top: #fff25px
}
.item-contenttopproduct {
paddingwidth: 15px 0 15px 0300px;
margin-topfloat: -4px;left
background: #f2f2f2;}
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;.display {
font-sizedisplay: 16px;none
text-transform: uppercase;}
.product-next {
font-weightwidth: 400300px;
text-alignfloat: centerleft;
colormargin-left: #16000020px
}
.item-circlecontent {
widthpadding: 50px 10px 0 10px 0;
heightmargin-top: 50px-4px;
borderbackground-radiuscolor: 50%#182542;
fonttransition-sizeproperty: 18px;
color: #160000background-color;
margintransition-bottomduration: 25px1.5s;
linefont-height: 50px;
family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
text font-alignsize: center16px;
backgroundtext-transform: #f2f2f2uppercase;
}
.item-content a { font-weight: 400;
fonttext-sizealign: .8rem!importantcenter;
color: #fff;
}
.general-item-content a:hover {
fontbackground-sizecolor: .8rem!important#fff;
colorborder: #fff 1px solid #182542;
}
.containeritem-image {
positionopacity: relative1;
width: 100%-webkit-transition: .3s ease-in-out;
}
.image { transition: .3s ease-in-out
display: block;}
width: 100%;.item-image:hover {
heightopacity: auto.2
}
.imageitem-content:hover {
displaypadding: block 10px 0 10px 0;
widthmargin-top: 100%-4px;
heightbackground-color: auto#84bf41;
}
.userTypeLink {
color: #160000;
font-family: font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
fonttext-weighttransform: 400uppercase;
linefont-heightweight: 30px400;
text-align: center;
margin-rightcolor: 1%;
margin-left: 1%#fff
}
.userTypeLink:hoveritem-contenttop {
colorpadding: #84bf41 15px 0 15px 0;
visibilitymargin-top: inherit-4px;
}
.userTypeLinkProdukte { background: #f2f2f2;
color: #fff !important; //TG 190614: increased importance to overwrite confluence settings
font-family: font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
fonttext-weighttransform: 400uppercase;
linefont-heightweight: 16px400;
text-align: center;
margin-rightcolor: 1%;#160000
margin-left: 1%
}
.userTypeLinkProdukte:hoveritem-circle {
colorwidth: #84bf4150px;
visibilityheight: inherit50px;
}
border-radius: 50%;
.Header {
font-size: 18px;
color: #160000;
font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
fontmargin-sizebottom: 25px;
line-height: 30px50px;
margintext-topalign: 20pxcenter;
margin-bottombackground: 10px;#f2f2f2
}
.HeaderBlockitem-content a, a .item-content {
marginfont-topsize: 25px.8rem!important;
heightcolor: 250px#fff;
}
cursor:pointer;
.HeaderLine {padding: 13px 0 10px 0;
line-height: 4px1.5;
left: 3px;}
background-color: #84bf41;.item-content a:hover {
widthfont-size: 100%.8rem!important;
floatcolor: left#fff
}
.HeaderLine50container {
heightposition: 2pxrelative;
leftwidth: 3px;100%
background-color: #84bf41}
.image {
display: block;
width: 100%;
floatheight: leftauto
}
.HeaderLineItemimage {
heightdisplay: 4pxblock;
leftwidth: 3px100%;
background-colorheight: #84bf41;auto
width: 100%;}
.userTypeLink {
floatcolor: left#160000;
marginfont-bottom: 5pxfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
}
</style> font-size: 16px;
<div class="Abstand"></div>font-weight: 400;
<div>
<div class="AbstandProdukte">
<!--
line-height: 30px;
<div style="floattext-align: left; width: 300px; center;
margin-right: 20px1%;">
<div class="Header">Cada</div>margin-left: 1%
<div class="HeaderLine">}
</div>.userTypeLink:hover {
<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />color: #84bf41;
</a>visibility: inherit
}
<div class="item-content"> .userTypeLinkProdukte {
<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Carte d'assuré (Cada)</a>
</div>
</div>
-->
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">RCC</div>
<div class="HeaderLine">
</div>
<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />
</a>
<div class="item-content">
<a class="userTypeLinkProdukte" href="/display/PublicZSR">Registre des codes-créanciers (RCC)</a>
</div>
</div>
<div style="float: left; width: 300px; margin-right: 0px;">
<div class="Header">RCCo</div>
<div class="HeaderLine">
</div>
<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
</a>
<div class="item-content">
<a class="userTypeLinkProdukte" href="/display/PublicZVR">Registre central des conventions (RCCo)</a>
</div>
</div>
</div>
</div> |