<style>
margin-left: 20px
}
.itembody-content {
padding-left: 10px 0 10px 015px;
marginpadding-topright: -4px;15px
}
background-color: #182542;.small {
transitionfont-propertysize: background-color;11px
transition-duration: 1.5s;}
.imagebox {
fontmax-familywidth: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
700px
}
font.item-size:product 16px;{
textmargin-transformtop: uppercase;25px
font-weight: 400;}
.product {
text-alignwidth: center300px;
colorfloat: #fff;left
}
.item-imagedisplay {
opacitydisplay: 1;none
}
-webkit-transition: .3s ease-in-out;.product-next {
transitionwidth: .3s ease-in-out300px;
}
.item-image:hover { float: left;
opacitymargin-left: .220px
}
.item-content:hover {
padding: 10px 0 10px 0;
margin-top: -4px;
background-color: #182542;
transition-property: background-color;
transition-duration: #84bf411.5s;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
text-align: center;
color: #fff;
}
.general-item-contenttopcontent {
paddingbackground-color: 15px 0 15px 0;
margin-top: -4px;#fff;
border: 1px solid #182542;
}
.item-image {
backgroundopacity: #f2f2f21;
font-webkit-familytransition: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif.3s ease-in-out;
font-size: 16px;transition: .3s ease-in-out
text-transform: uppercase;}
.item-image:hover {
font-weight: 400;
text-align: center;
color: #160000
opacity: .2
}
.item-circlecontent:hover {
widthpadding: 50px10px 0 10px 0;
heightmargin-top: 50px-4px;
borderbackground-radiuscolor: 50%#84bf41;
font-size: 18pxfamily: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
colorfont-size: #16000016px;
margintext-bottomtransform: 25pxuppercase;
linefont-heightweight: 50px400;
text-align: center;
backgroundcolor: #f2f2f2#fff
}
.item-content acontenttop {
font-size: .8rem!importantpadding: 15px 0 15px 0;
colormargin-top: #fff-4px;
}
background: #f2f2f2;
.item-content a:hover {font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: .8rem!important16px;
colortext-transform: #fffuppercase;
}
.container { font-weight: 400;
positiontext-align: relativecenter;
widthcolor: 100%#160000
}
.imageitem-circle {
displaywidth: block50px;
widthheight: 100%50px;
heightborder-radius: auto50%;
}
font-size: 18px;
color: #160000;
.image {margin-bottom: 25px;
displayline-height: block50px;
widthtext-align: 100%center;
heightbackground: auto#f2f2f2
}
.userTypeLinkitem-content a, a .item-content {
colorfont-size: #160000.8rem!important;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifcolor: #fff;
font-size: 16pxcursor:pointer;
font-weight: 400padding: 13px 0 10px 0;
line-height: 30px1.5;
}
text-align: center; .item-content a:hover {
marginfont-rightsize: 1%.8rem!important;
margin-leftcolor: 1%#fff
}
.userTypeLink:hovercontainer {
colorposition: #84bf41relative;
visibilitywidth: inherit100%
}
.userTypeLinkProdukteimage {
colordisplay: #fff !important; //TG 190614: increased importance to overwrite confluence settingsblock;
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifwidth: 100%;
font-sizeheight: 16px;auto
}
font-weight: 400;.image {
line-heightdisplay: 16pxblock;
text-alignwidth: center100%;
margin-rightheight: 1%;
margin-left: 1%auto
}
.userTypeLinkProdukte:hoveruserTypeLink {
color: #84bf41#160000;
visibility: inherit
}
.Header {
color: #160000;
font-family: 'sansationregular','Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 25px16px;
linefont-heightweight: 30px400;
marginline-topheight: 20px30px;
margintext-bottomalign: 10pxcenter;
}
.HeaderBlock {
margin-topright: 25px1%;
heightmargin-left: 250px1%
}
.HeaderLineuserTypeLink:hover {
height: 4px;
left: 3px;
background-color: #84bf41;
widthvisibility: 100%;
float: leftinherit
}
.HeaderLine50userTypeLinkProdukte {
heightcolor: #fff 2px;
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;
}
.HeaderLineItem { line-height: 16px;
heighttext-align: 4pxcenter;
leftmargin-right: 3px1%;
backgroundmargin-colorleft: #84bf41;1%
width: 100%;}
.userTypeLinkProdukte:hover {
floatcolor: left#84bf41;
margin-bottomvisibility: 5pxinherit
}
</style>
<div class="Abstand"></div>
<div>
<div class="AbstandProdukte">
<!--
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">Cada</div>
<div class="HeaderLine"> .Header {
color: #160000;
font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 25px;
line-height: 30px;
margin-top: 20px;
margin-bottom: 10px;
}
.HeaderBlock {
margin-top: 25px;
height: 250px
}
.HeaderLine {
height: 4px;
left: 3px;
background-color: #84bf41;
width: 100%;
float: left
}
.HeaderLine50 {
height: 2px;
left: 3px;
background-color: #84bf41;
width: 100%;
float: left
}
.HeaderLineItem {
height: 4px;
left: 3px;
background-color: #84bf41;
width: 100%;
float: left;
margin-bottom: 5px
}
.item-link-box {
float: left;
max-width: 992px;
margin: 30px 0;
clear: both;
}
.item-link-box .Header {
margin-bottom: 15px;
}
.item-content-button {
width: 300px;
min-height: 100px;
border: 0;
margin-right: 20px;
margin-bottom: 24px;
padding: 10px;
border-top: 4px solid #84bf41;
}
.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</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">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>
<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: 20px;">
<div class="Header">ZVR</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 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
</div>button>
</a>
<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> </div>
</div> |