<style>
.body-content {
padding-left: 15px;
padding-right: 15px
}
.small {
font-size: 11pxmax-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-imageimagebox {
opacitymax-width: 1;700px
}
-webkit-transition: .3s ease-in-out; .item-product {
transitionmargin-top: .3s ease-in-out25px
}
.item-image:hover {product {
width: 300px;
opacityfloat: .2left
}
.item-content:hover display {
paddingdisplay: 10px 0 10px 0;none
margin-top: -4px;}
.product-next {
background-colorwidth: #84bf41300px;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-seriffloat: left;
fontmargin-sizeleft: 16px;20px
text-transform: uppercase;}
font-weight: 400;.item-content {
text-alignpadding: center10px 0 10px 0;
colormargin-top: #fff-4px;
}
.item-contenttop {
padding: 15px 0 15px 0 background-color: #182542;
margintransition-topproperty: background-4pxcolor;
backgroundtransition-duration: #f2f2f21.5s;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
color: #160000#fff;
}
.general-item-circlecontent {
widthbackground-color: 50px#fff;
heightborder: 1px solid 50px#182542;
}
border-radius: 50%; .item-image {
font-sizeopacity: 18px1;
color-webkit-transition: #160000.3s ease-in-out;
margin-bottom: 25px;transition: .3s ease-in-out
line-height: 50px;}
text.item-alignimage:hover center;{
backgroundopacity: #f2f2f2.2
}
.item-content a:hover {
font-size: .8rem!importantpadding: 10px 0 10px 0;
colormargin-top: #fff-4px;
}
.item-content a:hover { background-color: #84bf41;
font-size: .8rem!importantfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
colorfont-size: #fff16px;
}
text-transform: uppercase;
.container {font-weight: 400;
positiontext-align: relativecenter;
widthcolor: 100%#fff
}
.imageitem-contenttop {
displaypadding: block15px 0 15px 0;
widthmargin-top: 100%-4px;
height: auto
}
.image {
display: block;
width: 100%;
height: auto
}
.userTypeLink {
color: #160000background: #f2f2f2;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
fonttext-weighttransform: 400uppercase;
linefont-heightweight: 30px400;
text-align: center;
margin-rightcolor: 1%;#160000
margin-left: 1%}
.item-circle {
}
width: 50px;
.userTypeLinkheight:hover {50px;
colorborder-radius: #84bf4150%;
visibilityfont-size: inherit18px;
}
color: #160000;
.userTypeLinkProdukte {margin-bottom: 25px;
colorline-height: #fff !important; //TG 190614: increased importance to overwrite confluence settings50px;
fonttext-familyalign: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;center;
background: #f2f2f2
}
.item-content a, a .item-content {
font-size: 16px.8rem!important;
font-weightcolor: 400#fff;
line-height: 16pxcursor:pointer;
text-align: centerpadding: 13px 0 10px 0;
marginline-right: 1%height:1.5;
margin-left: 1%}
.item-content a:hover {
font-size: .8rem!important;
color: #fff
}
.userTypeLinkProdukte:hovercontainer {
colorposition: #84bf41relative;
visibilitywidth: inherit100%
}
.Headerimage {
color display: #160000block;
font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 25px;
line-height: 30px;
margin-top: 20px;width: 100%;
height: auto
}
.image {
margin-bottomdisplay: 10pxblock;
}
.HeaderBlock {
margin-top: 25px width: 100%;
height: 250pxauto
}
.HeaderLineuserTypeLink {
heightcolor: 4px#160000;
left: 3pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
backgroundfont-colorsize: #84bf4116px;
widthfont-weight: 100%400;
floatline-height: left30px;
}
.HeaderLine50 { text-align: center;
heightmargin-right: 2px1%;
margin-left: 3px;1%
}
background-color.userTypeLink:hover #84bf41;{
widthcolor: 100%#84bf41;
floatvisibility: leftinherit
}
.HeaderLineItemuserTypeLinkProdukte {
heightcolor: #fff 4px;
left: 3px;!important; //TG 190614: increased importance to overwrite confluence settings
backgroundfont-color: #84bf41family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
widthfont-size: 100%16px;
floatfont-weight: left400;
marginline-bottomheight: 5px16px;
}
</style> text-align: center;
margin-right: 1%;
<div class="Abstand"></div>margin-left: 1%
<div> }
<div class="AbstandProdukte">
<!--
.userTypeLinkProdukte:hover {
<div style="floatcolor: left; width: 300px; margin-right: 20px;">#84bf41;
<div class="Header">Cada</div>visibility: inherit
}
<div class="HeaderLine"> .Header {
</div>
<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
</a>
<div class="item-content">
<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> |