<style>
.body-contentmax-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-left: 15px 0 15px 0;
marginpadding-topright: -4px;15px
background: #f2f2f2;}
.small {
font-familysize: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;11px
}
.imagebox {
textmax-transformwidth: uppercase;700px
font-weight: 400;}
text-align: center;.item-product {
colormargin-top: #16000025px
}
.item-circleproduct {
width: 50px300px;
heightfloat: 50px;left
border-radius: 50%;}
font-size: 18px;.display {
colordisplay: #160000;none
}
margin-bottom: 25px; .product-next {
line-heightwidth: 50px300px;
text-alignfloat: centerleft;
backgroundmargin-left: #f2f2f220px
}
.item-content a {
font-size: .8rem!importantpadding: 10px 0 10px 0;
colormargin-top: #fff-4px;
}
.item-content a:hover { background-color: #182542;
fonttransition-sizeproperty: .8rem!importantbackground-color;
colortransition-duration: #fff
}
.container {1.5s;
position: relativefont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
widthfont-size: 100%16px;
}
.image { text-transform: uppercase;
displayfont-weight: block400;
widthtext-align: 100%center;
heightcolor: auto#fff;
}
.imagegeneral-item-content {
displaybackground-color: block#fff;
widthborder: 100%;
height: auto1px solid #182542;
}
.userTypeLinkitem-image {
coloropacity: #1600001;
font-webkit-familytransition: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif.3s ease-in-out;
font-size: 16px;
transition: .3s ease-in-out
}
font.item-weightimage:hover 400;{
line-heightopacity: 30px;.2
}
text.item-aligncontent:hover center;{
margin-right: 1%padding: 10px 0 10px 0;
margin-lefttop: 1%-4px;
}
background-color: #84bf41;
.userTypeLink:hover {font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
colorfont-size: #84bf4116px;
visibilitytext-transform: inherituppercase;
}
.userTypeLinkProdukte { font-weight: 400;
text-align: center;
color: #fff !important; //TG 190614: increased importance to overwrite confluence settings
}
.item-contenttop {
padding: 15px 0 15px 0;
margin-top: -4px;
background: #f2f2f2;
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%
}
.item-circle {
}
width: 50px;
.userTypeLinkProdukteheight:hover {50px;
colorborder-radius: #84bf4150%;
visibilityfont-size: inherit18px;
}
color: #160000;
.Header {
margin-bottom: 25px;
colorline-height: #16000050px;
fonttext-familyalign: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
center;
font-sizebackground: 25px;
#f2f2f2
}
line.item-height: 30px;
content a, a .item-content {
marginfont-topsize: 20px.8rem!important;
margin-bottomcolor: 10px#fff;
}
cursor:pointer;
.HeaderBlock {
margin-top: 25pxpadding: 13px 0 10px 0;
line-height: 250px1.5;
}
.HeaderLineitem-content a:hover {
heightfont-size: 4px.8rem!important;
leftcolor: 3px;#fff
}
background-color: #84bf41;.container {
widthposition: 100%relative;
floatwidth: left100%
}
.HeaderLine50image {
heightdisplay: 2pxblock;
leftwidth: 3px100%;
background-colorheight: #84bf41;auto
width: 100%;}
float: left.image {
display: block;
width: 100%;
height: auto
}
.HeaderLineItemuserTypeLink {
heightcolor: 4px#160000;
left: 3pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
backgroundfont-colorsize: #84bf4116px;
widthfont-weight: 100%400;
floatline-height: left30px;
margintext-bottomalign: 5pxcenter;
}
</style> margin-right: 1%;
<div class="Abstand"></div>
<div>margin-left: 1%
}
<div class="AbstandProdukte">
<!--
.userTypeLink:hover {
<div style="floatcolor: left; width: 300px; margin-right: 20px;">
<div class="Header">Cada</div>
<div class="HeaderLine">
</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> |