<style>margin-top: 25px
}
.productbody-content {
widthpadding-left: 300px15px;
floatpadding-right: left15px
}
.displaysmall {
displayfont-size: none11px
}
.product-nextimagebox {
max-width: 300px;700px
float: left;}
margin-left: 20px.item-product {
margin-top: 25px
}
.item-contentproduct {
paddingwidth: 10px 0 10px 0;300px;
float: left
}
.display {
margin-topdisplay: -4px;none
}
background.product-color:next #182542;{
transition-propertywidth: background-color300px;
transition-durationfloat: 1.5sleft;
fontmargin-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;left: 20px
}
text-transform: uppercase;.item-content {
font-weight: 400padding: 10px 0 10px 0;
textmargin-aligntop: center-4px;
background-color: #fff#EDF7F6;
}
.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-outnone;
transitionfont-weight: .3s ease-in-out400;
}
.itemtext-imagealign:hover {center;
opacitycolor: .2#000;
}
.general-item-content:hover {
paddingbackground-color: 10px 0 10px 0;
margin-top: -4px;#000;
border: 1px solid #EDF7F6;
}
.item-image {
background-coloropacity: #84bf411;
font-webkit-familytransition: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif.3s ease-in-out;
font-sizetransition: 16px;
text-transform: uppercase;.3s ease-in-out
}
.item-image:hover {
font-weight: 400;
text-align: center;opacity: .2
color: #fff
}
.item-contenttopcontent:hover {
/*padding: 15px10px 0 15px10px 0;*/
margin-top: -4px;
background-color: #f2f2f2#65C1C2;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercasenone;
font-weight: 400;
text-align: center;
color: #000;
text-decoration: #160000underline;
}
.item-circlecontenttop {
widthpadding: 50px 15px 0 15px 0;
heightmargin-top: 50px-4px;
border-radiusbackground: 50%#f2f2f2;
font-size: 18px;
family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
colorfont-size: #16000016px;
margintext-bottomtransform: 25pxnone;
linefont-heightweight: 50px400;
text-align: center;
backgroundcolor: #f2f2f2#160000
}
.item-contentcircle a {
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
}
.imageitem-content a, a .item-content {
displayfont-size: block.8rem!important;
widthcolor: 100%#000;
heightcursor: auto
}
.image {
pointer;
display: block;
width: 100%padding: 13px 0 10px 0;
line-height: auto1.5;
}
.userTypeLink {
color: #160000;item-content a:hover {
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifsize: .8rem!important;
font-sizecolor: 16px;#000
font-weight: 400;
line-height: 30px;}
text-align: center;.container {
margin-rightposition: 1%relative;
margin-leftwidth: 1%100%
}
.userTypeLink:hoverimage {
colordisplay: block;
width: #84bf41100%;
visibilityheight: inheritauto
}
.userTypeLinkProdukteimage {
colordisplay: #fff !important; //TG 190614: increased importance to overwrite confluence settingsblock;
width: 100%;
height: auto
}
.userTypeLink {
color: #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#65C1C2;
visibility: inherit
}
.HeaderuserTypeLinkProdukte {
color: #160000;
#000 !important; //TG 190614: increased importance to overwrite confluence settings
font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 25px16px;
font-weight: 400;
line-height: 30px16px;
text-align: center;
margin-topright: 20px1%;
margin-bottomleft: 10px;1%
}
.HeaderBlockuserTypeLinkProdukte:hover {
margin-topcolor: 25px#65C1C2;
heightvisibility: 250pxinherit
}
.HeaderLineHeader {
color: #65C1C2;
height: 4px;
left: 3px;
background-color: #84bf41;
width: 100%font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 25px;
line-height: 30px;
margin-top: 20px;
floatmargin-bottom: left10px;
}
.HeaderLine50HeaderBlock {
heightmargin-top: 2px25px;
leftheight: 3px;250px
}
.HeaderLine {
height: 4px;
left: 3px;
background-color: #84bf41#65C1C2;
width: 100%;
float: left
}
.HeaderLineItemHeaderLine50 {
height: 4px2px;
left: 3px;
background-color: #84bf41#65C1C2;
width: 100%;
float: left;
margin-bottom: 5px
}
.item-link-boxHeaderLineItem {
floatheight: left4px;
max-widthleft: 992px3px;
marginbackground-color: 30px 0#65C1C2;
clearwidth: both100%;
}
. float: left;
margin-bottom: 5px
}
.item-link-box {
float: left;
max-width: 992px;
margin: 10px 0;
clear: both;
}
.item-link-box .Header {
margin-bottom: 15px;
}
.item-content-button {
max-width: 300px;
min-height: 100px;
border: 0;
margin-right: 20px;
margin-bottom: 15px24px;
padding: 10px;
border-top: 4px solid #84bf41#65C1C2;
}
.wiki-content .item-content-button a {
color: #fff;
}
<
</style>
<div class="Abstand"></div>
<div>
<div class="AbstandProdukte">
<!--
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">VEKA<>CADA</div>
<div class="HeaderLine">
<></div>
<a href='"/display/PublicVEKA'> <img">
<button type="button" class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />
</a>
<div class="item-content">
<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Versichertenkarte (VEKA)</a>
</div>
</div>
-->
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">ZSR</div>
<div class="HeaderLine">
</div>
<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />
</a>
<divcontent item-content-button">
La carte d'assuré (CADA)
</button>
</a>
</div>
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">RCC</div>
<div class="HeaderLine"></div>
<a href="/display/PublicZSR">
<button type="button" class="item-content item-content-button">
<a class="userTypeLinkProdukte" href="/display/PublicZSR">REGISTRE DES CODES-CRÉANCIERS (RCC)</a>
</div>
</div>
Registre des codes-créanciers (RCC)
</button>
</a>
</div>
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">ZVR<>RCCO</div>
<div class="HeaderLine">
<></div>
<a href='"/display/PublicZVR'"> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
</a>
<div
<button type="button" class="item-content item-content-button">
<a class="userTypeLinkProdukte" href="/display/PublicZVR">REGISTRE CENTRAL DES CONVENTIONS (RCCO)</a>
</div>
Registre central des conventions (RCCO)
</button>
</a>
</div>
</div>
</div>
<div class="item-link-box">
<div class="Header">Instructions<>Aide & guides</div>
<a href="/x/t4IFCg">
<button type="button" class="item-content item-content-button">
<a href="/display/PublicSASIS/IAM+2nd-Factor+Registrierung+und+Anwendung">Notice explicative: enregistrement IAM à deux facteurs et utilisation</a>santéservices Login <br />Inscription & application
</button>
</a>
<a href="/x/DgBmFg">
<button type="button" class="item-content item-content-button">
</button> Inscription<br>Microsoft Teams
</div> button>
</div>
a>
<a href="/x/BwQ6DQ">
<button type="button" class="item-content item-content-button">
Processus d'attribution des rôles IAM<br />pour les utilisateurs avancés & l'appication
</button>
</a>
</div>
</div> |