<style>}
.productbody-content {
widthpadding-left: 300px15px;
floatpadding-right: left15px
}
.displaysmall {
displayfont-size: none11px
}
.product-nextimagebox {
max-width: 300px;700px
}
float: left;.item-product {
margin-lefttop: 20px25px
}
.item-contentproduct {
paddingwidth: 10px 0 10px 0300px;
margin-top: -4px;float: left
}
.display {
background-colordisplay: #182542;none
}
transition.product-property: background-color;next {
transition-durationwidth: 1.5s300px;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-seriffloat: left;
fontmargin-sizeleft: 16px;20px
}
text.item-transform:content uppercase;{
font-weightpadding: 400 10px 0 10px 0;
textmargin-aligntop: center-4px;
background-color: #fff#182542;
}
.general-item-content {transition-property: background-color;
backgroundtransition-colorduration: #fff1.5s;
borderfont-family: 1px solid #182542;
}
.item-image {
opacity: 1'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-webkit-transitiontransform: .3s ease-in-outuppercase;
transitionfont-weight: .3s ease-in-out
}
400;
.itemtext-imagealign:hover {center;
opacitycolor: .2#fff;
}
.general-item-content:hover {
paddingbackground-color: 10px 0 10px 0;
margin-top: -4px;#fff;
border: 1px solid #182542;
}
.item-image {
background-coloropacity: #84bf411;
font-webkit-familytransition: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif.3s ease-in-out;
font-size: 16px;
transition: .3s ease-in-out
}
text.item-transformimage:hover uppercase;{
font-weight: 400;
text-align: center;
color: #fffopacity: .2
}
.item-contenttopcontent:hover {
padding: 15px10px 0 15px10px 0;
margin-top: -4px;
background-color: #f2f2f2#84bf41;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
color: #160000#fff
}
.item-circlecontenttop {
widthpadding: 50px15px 0 15px 0;
heightmargin-top: 50px-4px;
border-radiusbackground: 50%#f2f2f2;
font-sizefamily: 18px'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
colorfont-size: #16000016px;
margintext-bottomtransform: 25pxuppercase;
linefont-heightweight: 50px400;
text-align: center;
backgroundcolor: #f2f2f2#160000
}
.item-content acircle {
font-sizewidth: .8rem!important50px;
colorheight: #fff50px;
}
.item-content a:hover {border-radius: 50%;
font-size: .8rem!important18px;
color: #fff#160000;
}
margin-bottom: 25px;
.container {line-height: 50px;
positiontext-align: relativecenter;
widthbackground: 100%#f2f2f2
}
.image {item-content a, a .item-content {
displayfont-size: block.8rem!important;
widthcolor: 100%#fff;
height: auto
cursor:pointer;
}
padding: 13px 0 10px 0;
.image {
line-height:1.5;
}
display: block;.item-content a:hover {
widthfont-size: 100%.8rem!important;
heightcolor: auto#fff
}
.userTypeLinkcontainer {
colorposition: #160000relative;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;width: 100%
font-size: 16px;}
font-weight: 400;.image {
line-heightdisplay: 30pxblock;
text-alignwidth: center100%;
margin-rightheight: 1%;auto
margin-left: 1%}
}
.image {
.userTypeLinkdisplay:hover {block;
colorwidth: #84bf41100%;
visibilityheight: inheritauto
}
.userTypeLinkProdukteuserTypeLink {
color: #fff !important; //TG 190614: increased importance to overwrite confluence settings#160000;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 16px30px;
text-align: center;
margin-right: 1%;
margin-left: 1%
}
.userTypeLinkProdukteuserTypeLink:hover {
color: #84bf41;
visibility: inherit
}
.HeaderuserTypeLinkProdukte {
color: #fff !important; //TG color190614: #160000;
increased importance to overwrite confluence settings
font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 25px16px;
linefont-heightweight: 30px400;
marginline-topheight: 20px16px;
margintext-bottomalign: 10px;
}
.HeaderBlock {center;
margin-topright: 25px1%;
heightmargin-left: 250px1%
}
.HeaderLineuserTypeLinkProdukte:hover {
height: 4px;
left: 3px;
background-color: #84bf41;
widthvisibility: 100%;
float: leftinherit
}
.HeaderLine50Header {
height color: 2px#160000;
left: 3px;
backgroundfont-colorfamily: #84bf41;
width: 100%'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 25px;
line-height: 30px;
margin-top: 20px;
floatmargin-bottom: left10px;
}
.HeaderLineItemHeaderBlock {
heightmargin-top: 4px25px;
leftheight: 3px;250px
}
background-color: #84bf41;.HeaderLine {
widthheight: 100%4px;
floatleft: left3px;
margin-bottom: 5pxbackground-color: #84bf41;
width: 100%;
float: left
}
.item-link-boxHeaderLine50 {
floatheight: 2px;
left: 3px;
maxbackground-widthcolor: 992px#84bf41;
marginwidth: 30px 0100%;
clearfloat: both;left
}
.item-link-box .HeaderHeaderLineItem {
margin-bottomheight: 15px4px;
}
left: 3px;
.item-content-button {background-color: #84bf41;
max-width: 300px100%;
min-heightfloat: 100pxleft;
bordermargin-bottom: 0;5px
}
margin-right: 20px;.item-link-box {
float: left;
marginmax-bottomwidth: 15px992px;
paddingmargin: 30px 10px0;
border-topclear: 4px solid #84bf41both;
}
.wiki-content .item-contentlink-buttonbox a.Header {
colormargin-bottom: #fff15px;
}
</style>
<div class="Abstand"></div>
<div>
<div class="AbstandProdukte">
<!-- .item-content-button {
width: 300px;
min-height: 100px;
<div style="floatborder: left; width: 300px; 0;
margin-right: 20px;">
<div class="Header">VEKA</div>margin-bottom: 24px;
<div class="HeaderLine">padding: 10px;
</div>border-top: 4px solid #84bf41;
}
<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
</a>
.wiki-content .item-content-button a {
color: #fff;
}
</style>
<div class="item-content">Abstand"></div>
<div>
<a<div class="userTypeLinkProdukte" href="/display/PublicVEKA">Versichertenkarte (VEKA)</a>
</div>
</div>
AbstandProdukte">
<!-- -->
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">ZSR<>VEKA</div>
<div class="HeaderLine">
</div>
<a href='/display/PublicZSRPublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_ZsrVEKA.jpg" />
</a>
<div class="item-content">
<a class="userTypeLinkProdukte" href="/display/PublicZSR">REGISTRE DES CODES-CRÉANCIERSPublicVEKA">Versichertenkarte (RCCVEKA)</a>
</div>
</div>
<!-- -->
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">ZVR<>ZSR</div>
<div class="HeaderLine">
</div>
<a href='/display/PublicZVRPublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_ZvrZsr.jpg" />
</a>
<div class="item-content">
<a class="userTypeLinkProdukte" href="/display/PublicZVRPublicZSR">REGISTRE CENTRAL DES CONVENTIONSCODES-CRÉANCIERS (RCCORCC)</a>
</div>
</div>
</div>
<div classstyle="item-link-box">
float: left; width: 300px; margin-right: 20px;">
<div class="Header">Instructions<>ZVR</div>
<button type="button"<div class="item-content item-content-buttonHeaderLine">
</div>
<a href="'/x/t4IFCg">Notice explicative: enregistrement et utilisation du Login SASIS</a>
display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
</button>a>
<button type="button"<div class="item-content item-content-button">
<a class="userTypeLinkProdukte" href="/xdisplay/t4IFCgPublicZVR">CPR Login</br>Placeholder für Anleitung</a>
</button>
</div>
</div>
>REGISTRE CENTRAL DES CONVENTIONS (RCCO)</a>
</div>
</div>
</div>
<div class="item-link-box">
<div class="Header">Instructions</div>
<a href="/x/t4IFCg">
<button type="button" class="item-content item-content-button">
Notice explicative:<br>Enregistrement et utilisation du Login
</button>
</a>
<a href="/x/NoBcCw">
<button type="button" class="item-content item-content-button">
Lancement de la procédure en ligne<br/>pour numéro RCC et C
</button>
</a>
<a href="/x/DgBmFg">
<button type="button" class="item-content item-content-button">
Enregistrement<br>Microsoft Teams
</button>
<a href="/x/BwQ6DQ">
<button type="button" class="item-content item-content-button">
Processus d’attribution<br/>de rôle dans le système IAM<br/>pour utilisateurs avancés
</button>
</a>
</div>
</div> |