<style>
.body-content {
padding-left: 15px;
padding-right: 15px
}
.small {
font-size: 11px
}
.imagebox {
max-width: 700px
}
.item-product {
margin-top: 25px
}
.product {
width: 300px;
float: left
}
.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-topfloat: -4px;left
}
background-color: #182542; .display {
transition-propertydisplay: background-color;none
}
transition-duration: 1.5s; .product-next {
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serifwidth: 300px;
font-sizefloat: 16pxleft;
textmargin-transformleft: uppercase;20px
font-weight: 400;}
text-align: center;.item-content {
color: #fffpadding: 10px 0 10px 0;
}
.itemmargin-image {top: -4px;
opacitybackground-color: 1#EDF7F6;
transition-webkit-transitionproperty: .3s ease-in-outbackground-color;
transition-duration: .3s ease-in-out
}
1.5s;
.itemfont-imagefamily:hover {
opacity: .2
}
.item-content:hover {
padding: 10px 0 10px 0;
margin-top: -4px;
background-color: #84bf41;
font-family: 'Lato', 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercasenone;
font-weight: 400;
text-align: center;
color: #fff#000;
}
.general-item-contenttopcontent {
paddingbackground-color: 15px 0 15px 0#000;
margin-topborder: -4px 1px solid #EDF7F6;
background: #f2f2f2;}
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;.item-image {
font-sizeopacity: 16px1;
text-webkit-transformtransition: uppercase .3s ease-in-out;
font-weight: 400;transition: .3s ease-in-out
text-align: center;}
.item-image:hover {
coloropacity: #160000.2
}
.item-circlecontent:hover {
width: 50px;/*padding: 10px 0 10px 0;*/
heightmargin-top: 50px-4px;
borderbackground-radiuscolor: 50%#65C1C2;
font-sizefamily: 18px 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
colorfont-size: #16000016px;
margintext-bottomtransform: 25pxnone;
linefont-heightweight: 50px400;
text-align: center;
backgroundcolor: #f2f2f2#000;
text-decoration: underline;
}
.item-contentcontenttop a {
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: #fffnone;
}
.container { font-weight: 400;
positiontext-align: relativecenter;
widthcolor: 100%#160000
}
.imageitem-circle {
displaywidth: block50px;
widthheight: 100%50px;
heightborder-radius: auto50%;
}
.image {font-size: 18px;
displaycolor: block#160000;
widthmargin-bottom: 100%25px;
line-height: auto50px;
}
.userTypeLink {text-align: center;
colorbackground: #160000;#f2f2f2
font-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;}
.item-content a, a .item-content {
font-size: 16px.8rem!important;
font-weightcolor: 400#000;
line-height: 30pxcursor:pointer;
text-align: centerpadding: 13px 0 10px 0;
marginline-right: 1%height:1.5;
}
margin-left: 1% .item-content a:hover {
font-size: .8rem!important;
color: #000
}
.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-size: 16px;height: auto
font-weight: 400;}
line-height: 16px;.image {
text-aligndisplay: centerblock;
margin-rightwidth: 1%100%;
margin-leftheight: 1%auto
}
.userTypeLinkProdukte:hoveruserTypeLink {
color: #84bf41#160000;
visibility: inheritfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
}
.Header { font-size: 16px;
color font-weight: #160000400;
fontline-familyheight: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
30px;
fonttext-sizealign: 25pxcenter;
line-height: 30px;
margin-topright: 20px1%;
margin-bottomleft: 10px;1%
}
.HeaderBlockuserTypeLink:hover {
margin-topcolor: 25px#65C1C2;
heightvisibility: 250pxinherit
}
.HeaderLineuserTypeLinkProdukte {
heightcolor: #000 4px;!important; //TG 190614: increased importance to overwrite confluence settings
left: 3pxfont-family: 'Lato', Arial, Helvetica Neue, Helvetica, sans-serif;
backgroundfont-colorsize: #84bf4116px;
widthfont-weight: 100%400;
floatline-height: left16px;
}
.HeaderLine50 { text-align: center;
heightmargin-right: 2px1%;
margin-left: 3px;1%
}
background-color.userTypeLinkProdukte:hover #84bf41;{
widthcolor: 100%#65C1C2;
floatvisibility: leftinherit
}
.HeaderLineItemHeader {
height color: 4px#65C1C2;
left: 3px;
background-color: #84bf41;
width: 100%;
float: leftfont-family: 'sansationregular','Lato',Arial,Helvetica Neue,Helvetica,sans-serif;
font-size: 25px;
line-height: 30px;
margin-top: 20px;
margin-bottom: 5px10px;
}
</style>.HeaderBlock {
margin-top: 25px;
<div class="Abstand"></div>
<div>height: 250px
}
<div class="AbstandProdukte">
<!--.HeaderLine {
<div style="floatheight: left; width4px;
left: 300px; margin-right: 20px;">3px;
background-color: #65C1C2;
<div class="Header">Cada</div>width: 100%;
<div class="HeaderLine">
</div>float: left
}
.HeaderLine50 {
<a href='/display/PublicVEKA'> <img class="item-image" src="/download/attachments/113115499/Produkt_VEKA.jpg" />height: 2px;
</a>left: 3px;
<div class="item-content">background-color: #65C1C2;
width: 100%;
<a class="userTypeLinkProdukte" href="/display/PublicVEKA">Carte d'assuré (Cada)</a> float: left
}
</div>.HeaderLineItem {
</div>
-->height: 4px;
<div style="floatleft: left; width3px;
background-color: 300px; margin-right: 20px;">#65C1C2;
width: 100%;
float: left;
margin-bottom: 5px
}
<div class="Header">RCC</div> .item-link-box {
<div class="HeaderLine">float: left;
</div>max-width: 992px;
<a href='/display/PublicZSR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zsr.jpg" />margin: 10px 0;
clear: both;
}
.item-link-box .Header {
</a>
margin-bottom: 15px;
}
<div class=".item-content">-button {
<a class="userTypeLinkProdukte" href="/display/PublicZSR">Registre des codes-créanciers (RCC)</a>width: 300px;
min-height: 100px;
</div>border: 0;
</div>margin-right: 20px;
<div style="float: left; width: 300px; margin-rightbottom: 0px24px;">
<div class="Header">RCCo</div>padding: 10px;
<div class="HeaderLine">border-top: 4px solid #65C1C2;
} </div>
<a href='/display/PublicZVR'> <img class="item-image" src="/download/attachments/113115499/Produkt_Zvr.jpg" />
</a>
.wiki-content .item-content-button a {
color: #fff;
}
</style>
<div class="item-content">Abstand"></div>
<div>
<a<div class="userTypeLinkProdukteAbstandProdukte">
<div href="/display/PublicZVR">Registre central des conventions (RCCo)</a>
</div>
</div>
</div>
</div>style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">CADA</div>
<div class="HeaderLine"></div>
<a href="/display/PublicVEKA">
<button type="button" class="item-content 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">
Registre des codes-créanciers (RCC)
</button>
</a>
</div>
<div style="float: left; width: 300px; margin-right: 20px;">
<div class="Header">RCCO</div>
<div class="HeaderLine"></div>
<a href="/display/PublicZVR">
<button type="button" class="item-content item-content-button">
Registre central des conventions (RCCO)
</button>
</a>
</div>
</div>
</div>
<div class="item-link-box">
<div class="Header">Aide & guides</div>
<a href="/x/t4IFCg">
<button type="button" class="item-content item-content-button">
santéservices Login <br />Inscription & application
</button>
</a>
<a href="/x/DgBmFg">
<button type="button" class="item-content item-content-button">
Inscription<br>Microsoft Teams
</button>
</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> |