<style>
.itembody-imagecontent {
opacitypadding-left: 115px;
padding-webkit-transitionright: .3s ease-in-out;15px
}
.small {
transitionfont-size: .3s ease-in-out11px
}
.item-image:hoverimagebox {
opacitymax-width: .2700px
}
.item-content:hoverproduct {
paddingmargin-top: 10px 0 10px 0;
25px
margin-top: -4px;}
background-color: #84bf41;.product {
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifwidth: 300px;
font-sizefloat: 16px;left
text-transform: uppercase;
font-weight: 400;}
text-align: center;.display {
colordisplay: #fffnone
}
.item-contenttopproduct-next {
width: 300px;
float: left;
margin-left: 20px
}
.item-content {
padding: 15px10px 0 15px10px 0;
margin-top: -4px;
background-color: #182542;
transition-property: background-color;
transition-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%;}
font-size: 18px;.item-image {
coloropacity: #1600001;
margin-webkit-bottomtransition: 25px.3s ease-in-out;
line-height: 50px;
transition: .3s ease-in-out
}
text.item-alignimage:hover center;{
backgroundopacity: #f2f2f2.2
}
.item-content:hover a {
font-size: .8rem!importantpadding: 10px 0 10px 0;
colormargin-top: #fff-4px;
}
background-color: #84bf41;
.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%#fff
}
.imageitem-contenttop {
displaypadding: block;
width: 100%;
height: auto
}
.image {
display: block15px 0 15px 0;
widthmargin-top: 100%-4px;
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%;
margin-left: 1%#160000
}
.userTypeLink:hoveritem-circle {
colorwidth: #84bf4150px;
visibilityheight: inherit50px;
}
border-radius: 50%;
.userTypeLinkProdukte {font-size: 18px;
color: #fff !important; //TG 190614: increased importance to overwrite confluence settings#160000;
fontmargin-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
bottom: 25px;
line-height: 16px50px;
text-align: center;
margin-rightbackground: 1%;#f2f2f2
margin-left: 1%
}
.userTypeLinkProdukte:hover.item-content a, a .item-content {
colorfont-size: #84bf41.8rem!important;
visibilitycolor: inherit#fff;
}
.Header {
color: #160000cursor:pointer;
font-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 25px;
line-height: 30px;
margin-top: 20px;padding: 13px 0 10px 0;
line-height:1.5;
}
.item-content a:hover {
marginfont-bottomsize: 10px;.8rem!important;
color: #fff
}
.HeaderBlockcontainer {
margin-topposition: 25pxrelative;
heightwidth: 250px100%
}
.HeaderLineimage {
heightdisplay: 4pxblock;
left: 3px;
background-color: #84bf41;
width: 100%;
floatheight: leftauto
}
.HeaderLine50image {
heightdisplay: 2pxblock;
leftwidth: 3px100%;
background-colorheight: #84bf41;auto
width: 100%;}
.userTypeLink {
floatcolor: left#160000;
}
.HeaderLineItem { font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
heightfont-size: 4px16px;
leftfont-weight: 3px400;
backgroundline-colorheight: #84bf4130px;
widthtext-align: 100%center;
floatmargin-right: left1%;
margin-bottomleft: 5px1%
}
</style> .userTypeLink:hover {
<div class="Abstand"></div>color: #84bf41;
<div> visibility: inherit
}
<div class="AbstandProdukte">
<!--
.userTypeLinkProdukte {
<div style="float: left; width: 300px; margin-right: 20px;">color: #fff !important; //TG 190614: increased importance to overwrite confluence settings
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
<div class="Header">Cada</div>font-size: 16px;
<div class="HeaderLine">font-weight: 400;
</div>line-height: 16px;
<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />text-align: center;
</a>margin-right: 1%;
<div class="item-content">margin-left: 1%
}
<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Carte d'assuré (Cada)</a>.userTypeLinkProdukte:hover {
color: #84bf41;
</div>visibility: inherit
</div>
-->
}
.Header {
<div style="float: left; widthcolor: 300px#160000;
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> 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
</button>
</a>
</div>
</div> |