@charset "UTF-8"; @import url(https://fonts.googleapis.com/css?family=PT+Serif:400i,700i); @font-face { font-family: UniversLTStd_Cn; src: url(/medias/UniversLTStdCn.eot?context=bWFzdGVyfHJvb3R8Mjg4NzJ8YXBwbGljYXRpb24vb2N0ZXQtc3RyZWFtfGhmYS9oNzIvMTIwODc5NjE1MTgxMTAuYmlufDk3ZGZmN2Y2YzE5ODdjMDE1ODI4MTA3MGFhODkzMTZkMTM1YmYwNjcyZjM1ZWZjODZiOTE1YjVlMTQ1MzgyZmM); src: url(/medias/UniversLTStdCn.eot?context=bWFzdGVyfHJvb3R8Mjg4NzJ8YXBwbGljYXRpb24vb2N0ZXQtc3RyZWFtfGhmYS9oNzIvMTIwODc5NjE1MTgxMTAuYmlufDk3ZGZmN2Y2YzE5ODdjMDE1ODI4MTA3MGFhODkzMTZkMTM1YmYwNjcyZjM1ZWZjODZiOTE1YjVlMTQ1MzgyZmM?#iefix) format("embedded-opentype"), url(/medias/UniversLTStdCn.woff?context=bWFzdGVyfHJvd2VudGEtYmFyYmVyfDE2MjQwfGFwcGxpY2F0aW9uL29jdGV0LXN0cmVhbXxyb3dlbnRhLWJhcmJlci9oOWQvaDU2LzEwNjIzNDM5MTc1NzEwLmJpbnwyOTJlNWFhMWNkYmZiZjhmNDlhNTUzNzFmNDc2NjJkZTgzYmM1N2M4M2NhYzFjYWE1OTk4NDVkZjhkMGQxZTlj) format("woff"), url(/medias/UniversLTStdCn.ttf?context=bWFzdGVyfHJvb3R8MjI2MDR8YXBwbGljYXRpb24vb2N0ZXQtc3RyZWFtfGg5Mi9oNmEvMTIwODc5NjI0NjgzODIuYmlufGY3MjhhZDA3MGE5MDRjY2FlODYwZDM4MGIxNjdlNDU1M2VlZDk0MzdhM2QwOGU5YjE5MDkzNTQ5ZmNkMTEyMDM) format("truetype") } @font-face { font-family: UniversLTStd_Cn; font-weight: 700; src: url(/medias/UniversLTStdBoldCn.eot?context=bWFzdGVyfHJvb3R8MjMxMzR8YXBwbGljYXRpb24vb2N0ZXQtc3RyZWFtfGhhZi9oOWUvMTIwODc5NjA0MzY3NjYuYmlufDY3MDBhOGI2YmQ4NjZjNGVjODQ3N2ZlYWZmYmI2M2FjYjdlYTU3MjYyY2MwNjc3Mzc4MmU5MmM5OTQ0YTE0ZDY); src: url(/medias/UniversLTStdBoldCn.eot?context=bWFzdGVyfHJvb3R8MjMxMzR8YXBwbGljYXRpb24vb2N0ZXQtc3RyZWFtfGhhZi9oOWUvMTIwODc5NjA0MzY3NjYuYmlufDY3MDBhOGI2YmQ4NjZjNGVjODQ3N2ZlYWZmYmI2M2FjYjdlYTU3MjYyY2MwNjc3Mzc4MmU5MmM5OTQ0YTE0ZDY?#iefix) format("embedded-opentype"), url(/medias/UniversLTStdBoldCn.woff?context=bWFzdGVyfHJvb3R8MTI5NDB8YXBwbGljYXRpb24vb2N0ZXQtc3RyZWFtfGg1Ny9oYzUvMTIwODc5NjExNTc2NjIuYmlufGFjY2JjZDIyNTYzYjY3OTdiOThhODcwNWVkNDEzYzI3MzAzZGZiZmExMjU4ZDUwZTkwY2ZlODlhODc4YmUwMTc) format("woff"), url(/medias/UniversLTStdBoldCn.ttf?context=bWFzdGVyfHJvb3R8MjgyNDR8YXBwbGljYXRpb24vb2N0ZXQtc3RyZWFtfGhlNi9oMDYvMTIwODc5NjA3OTcyMTQuYmlufGNjMDUyMjFjMTA5Y2ZlYjk1NzA4YjJiZjk4MDQwMDhkMmJkOTkyY2NhNTFiN2RjMmEwNWU0ZjE0MzhlMDk3YzE) format("truetype") } .clr-ixeo { overflow-x: hidden; width: 100%; background-repeat: no-repeat } .clr-ixeo .no-padding { padding: 0!important } .clr-ixeo a, .clr-ixeo abbr, .clr-ixeo acronym, .clr-ixeo address, .clr-ixeo applet, .clr-ixeo article, .clr-ixeo aside, .clr-ixeo audio, .clr-ixeo b, .clr-ixeo big, .clr-ixeo blockquote, .clr-ixeo body, .clr-ixeo canvas, .clr-ixeo caption, .clr-ixeo center, .clr-ixeo cite, .clr-ixeo code, .clr-ixeo dd, .clr-ixeo del, .clr-ixeo details, .clr-ixeo dfn, .clr-ixeo div, .clr-ixeo dl, .clr-ixeo dt, .clr-ixeo em, .clr-ixeo embed, .clr-ixeo fieldset, .clr-ixeo figcaption, .clr-ixeo figure, .clr-ixeo footer, .clr-ixeo form, .clr-ixeo h1, .clr-ixeo h2, .clr-ixeo h3, .clr-ixeo h4, .clr-ixeo h5, .clr-ixeo h6, .clr-ixeo header, .clr-ixeo hgroup, .clr-ixeo html, .clr-ixeo i, .clr-ixeo iframe, .clr-ixeo img, .clr-ixeo ins, .clr-ixeo kbd, .clr-ixeo label, .clr-ixeo legend, .clr-ixeo li, .clr-ixeo mark, .clr-ixeo menu, .clr-ixeo nav, .clr-ixeo object, .clr-ixeo ol, .clr-ixeo output, .clr-ixeo p, .clr-ixeo pre, .clr-ixeo q, .clr-ixeo ruby, .clr-ixeo s, .clr-ixeo samp, .clr-ixeo section, .clr-ixeo small, .clr-ixeo span, .clr-ixeo strike, .clr-ixeo strong, .clr-ixeo sub, .clr-ixeo summary, .clr-ixeo sup, .clr-ixeo table, .clr-ixeo tbody, .clr-ixeo td, .clr-ixeo tfoot, .clr-ixeo th, .clr-ixeo thead, .clr-ixeo time, .clr-ixeo tr, .clr-ixeo tt, .clr-ixeo u, .clr-ixeo ul, .clr-ixeo var, .clr-ixeo video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; border-image: 0 } .clr-ixeo article, .clr-ixeo aside, .clr-ixeo details, .clr-ixeo figcaption, .clr-ixeo figure, .clr-ixeo footer, .clr-ixeo header, .clr-ixeo hgroup, .clr-ixeo menu, .clr-ixeo nav, .clr-ixeo section { display: block } .clr-ixeo body { line-height: 1 } .clr-ixeo h1 { font-size: 50px; text-transform: uppercase } .clr-ixeo h2 { font-size: 35px } .clr-ixeo h3 { font-size: 28px } .clr-ixeo h4 { font-size: 24px } .clr-ixeo h5 { font-size: 21px } .clr-ixeo h6 { font-size: 18px } .clr-ixeo h1, .clr-ixeo h2, .clr-ixeo h3, .clr-ixeo h4, .clr-ixeo h6 { color: #09c } .clr-ixeo .btn { display: inline-block; padding: 13px 25px; text-transform: uppercase; background-color: #09c; color: #fff; font-family: UniversLTStd_Cn, sans-serif; font-weight: 700; border-radius: 50px; text-align: center; text-decoration: none } .clr-ixeo .btn:hover { background-color: #007399 } .clr-ixeo h2 { text-align: center; font-size: 24pt; color: #444; clear: both; font-family: UniversLTStd_Cn, sans-serif; font-weight: 700; font-size: 24pt; margin-top: 15px; text-align: center; white-space: pre-line; text-transform: uppercase; font-weight: 700 } .clr-ixeo h2:after { display: block; content: ""; background-color: #09c; height: 5px; width: 80px; margin: 18px auto } .clr-ixeo .video-button { opacity: .02; transition: opacity .4s } .clr-ixeo .video-button.enabled { opacity: 1 } .clr-ixeo .lm { position: relative; clear: both } .clr-ixeo .lm p { white-space: pre-line; font-family: UniversLTStd_Cn, sans-serif; font-weight: 400; font-size: 14pt; text-align: center; margin-bottom: 25px; line-height: 22px; color: #444; margin-top: 10px } .clr-ixeo .lm p strong { font-weight: 600; color: #09c } .clr-ixeo .p h3 { background-color: #e8e8f4; color: #444; white-space: pre-line; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; font-family: UniversLTStd_Cn, sans-serif; font-weight: 600; font-size: 34pt; text-transform: uppercase; padding: 3px 8px; display: inline; font-size: 16pt } .clr-ixeo .p h3.invert { background-color: #a2aabc; color: #fff } @media(max-width:768px) { .clr-ixeo h2 { font-size: 18pt } .clr-ixeo .lm p { font-size: 10pt; line-height: 14px; white-space: normal } .clr-ixeo .btn { padding: 8px 15px } } .clr-ixeo #ixeoVPopup { display: none; opacity: 0; position: absolute; z-index: 100 } .clr-ixeo #ixeoVPopup:before { content: ""; position: fixed; opacity: .5; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #444 } .clr-ixeo #ixeoVPopup:after { position: fixed; top: 30px; top: calc(var(--hybrisHeaderHeight) - -30px); right: 30px; content: "X"; font-size: 38pt; color: #fff; font-family: sans-serif; font-style: normal; z-index: 10; opacity: .8; cursor: pointer } .clr-ixeo #ixeoVPopup.active { display: block; opacity: 1; transition: opacity .5s } .clr-ixeo #ixeoVPopup .video { z-index: 200; position: fixed; top: 150px; top: calc((var(--screenHeight) - var(--screenWidth) * 360 / 640 * var(--videoWidth))/ 2); left: 50%; margin-left: -30%; margin-left: calc(var(--videoWidth) * var(--screenWidth)/ -2); width: 60%; width: calc(var(--videoWidth) * var(--screenWidth)); background-color: #fff } .clr-ixeo .lm1 { position: relative; background-image: url(/medias/-MG-6571-RVB.jpg?context=bWFzdGVyfG11ei1peGVvfDg3MDkzfGltYWdlL2pwZWd8aDlmL2hhMC8xMjk1ODU4MjYwMzgwNi5qcGd8OWNmNjg3ZDVkMmNmZjUzYmYyMGUzZTVkMzllNjBlOTliMWYyYmQ3YjM3YzYwYWM0ZWYyMmY1OWVlNzU5NDRlMg); background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 80%; min-height: calc(var(--screenHeight) * .8); padding-top: 39px } @media(min-width:1281px) { .clr-ixeo .lm1 { background-image: url(/medias/-MG-6571-RVB-hd.jpg?context=bWFzdGVyfG11ei1peGVvfDI2NDA5MHxpbWFnZS9qcGVnfGgxOC9oYWYvMTI5NTg1ODI1NzEwMzguanBnfDFiMDQzYjBjZTRhMmNmNjEzYjQwMWUxYzlkNTBiOWYzNzlhNjFlODkwNGI3M2JiNWFhODFjNjc2Njc5MzhhYjA) } } .clr-ixeo .lm1.videoLoaded { background-image: none } .clr-ixeo .lm1 .product { max-width: 35%; bottom: -40px } .clr-ixeo .lm1 .rp { max-width: 300px; box-sizing: content-box; left: 50% } .clr-ixeo .lm1 .rp h3 { padding: 15px; font-size: 23pt; line-height: 35px } .clr-ixeo .lm1 .rp h3 small { font-size: 18pt; color: #fff; line-height: 31px } .clr-ixeo .lm1 .rp .btn { font-size: 10pt; outline: 0; max-width: 90%; display: block } .clr-ixeo .lm1 .rp .btn.enabled { cursor: pointer } .clr-ixeo .lm1 .rp .btn.active, .clr-ixeo .lm1 .rp .btn:hover { outline: 0 } .clr-ixeo .lm1 .video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #000 } .clr-ixeo .lm1 .video video { width: 100%; max-width: 1920px; margin: 0 auto; height: 100%; object-fit: cover; z-index: 1; display: block } .clr-ixeo .lm1 .product { z-index: 3; transition: background .5s; display: block; position: absolute; left: 20px; bottom: -20px; max-width: 28%; background-size: cover; width: 28%; height: 50%; height: calc(var(--screenWidth) * 2 * .28) } @media(min-width:1280px) { .clr-ixeo .lm1 .product { width: 350px; height: 650px; bottom: -50px } } .clr-ixeo .lm1 .product:after { display: block; content: ""; position: absolute; bottom: -60px; left: 30px; width: 100%; height: 100px; background-size: 100%; background-image: url(/medias/KVBKG.png?context=bWFzdGVyfG11ei1peGVvfDI0OTYwfGltYWdlL3BuZ3xoYzYvaGE5LzEyOTU4NTgxMzkxMzkwLnBuZ3xiYzI1ODZjMDdiNGNhZmY0ZWVhYmE3MTRiMTBjMTRiYTY0ZDZhY2M3ODlmNWU1OWNlYjM4MDI3OTRmYjMyYjQ0); background-repeat: no-repeat; background-position: 50% } @media(max-width:768px) { .clr-ixeo .lm1 .product:after { display: none } } @media(max-height:720px) and (orientation:landscape) and (min-width:800px) { .clr-ixeo .lm1 .product { width: 250px; height: 463px; bottom: -50px } } .clr-ixeo .lm1 .rp { position: absolute; right: 1%; max-width: 367px; top: 50px; z-index: 10 } .clr-ixeo .lm1 .rp h3 { letter-spacing: 4px; text-align: left; font-family: UniversLTStd_Cn, sans-serif; font-weight: 700; text-transform: uppercase; font-size: 26pt; white-space: pre-line; position: relative; padding: 30px; white-space: normal; width: 288px; max-width: 100%; margin: 0; color: #fff; text-shadow: #444 0 0 2px } .clr-ixeo .lm1 .rp h3 small { font-size: 20pt } .clr-ixeo .lm1 .rp h3:before { content: ""; background-image: url(/medias/virgule1.png?context=bWFzdGVyfG11ei1peGVvfDk4NHxpbWFnZS9wbmd8aGIwL2g4YS8xMjk1ODU4NDc2NjQ5NC5wbmd8N2E3ODJlOTRhOTU5NWE1ZWI0NTMzNDM1YjBhNzBmOWY3YzY5YTE3ZGY4YTE3M2JkYzU0YTU0ZGFkMWZhYTlkYg); top: 0; left: 0; display: block; height: 50px; background-position: top left } .clr-ixeo .lm1 .rp h3:after { content: ""; background-image: url(/medias/virgule2.png?context=bWFzdGVyfG11ei1peGVvfDk2NnxpbWFnZS9wbmd8aDIxL2hlOS8xMjk1ODU4NDgzMjAzMC5wbmd8NTY2ZTc0ZjZlMDBhMmJjMTI3MDEyYmZhMjA3ZGY4YTllZTAxY2I1ZGEwZDBhMDkwODg5Y2EwMzEyYWY0ZTFjNQ); background-position: bottom right; bottom: 0; right: 0; display: block; height: 50px } .clr-ixeo .lm1 .rp h3:after, .clr-ixeo .lm1 .rp h3:before { background-repeat: no-repeat; position: absolute; background-size: contain; width: 30% } .clr-ixeo .lm1 .rp .btn { margin: 30px auto; display: block; width: 250px; font-size: 18pt } @media(min-width:1280px) { .clr-ixeo .lm1 .rp { max-width: 313px; left: 55% } .clr-ixeo .lm1 h3 { font-size: 36pt; width: 353px } .clr-ixeo .lm1 h3 small { font-size: 24pt; text-align: left; letter-spacing: 2px; display: block; width: 309px } } @media(max-width:768px) { .clr-ixeo .lm1 { min-height: var(--screenWidth); background-position: right -58px center } .clr-ixeo .lm1 .rp .btn { width: 150px; max-width: 75%; font-size: 11pt } } @media(max-width:500px) { .clr-ixeo .lm1 .rp { width: 53%; left: auto; right: 1%; max-width: 170px } .clr-ixeo .lm1 .rp h3 { font-size: 13pt; line-height: 20px; padding: 15px 5px 15px 10px; box-sizing: border-box } .clr-ixeo .lm1 .rp h3 small { font-size: 8pt; line-height: 12px } .clr-ixeo .lm1 .rp .btn { font-size: 9pt } } .clr-ixeo .lm2 h1 { background-image: url(/medias/logo.png?context=bWFzdGVyfG11ei1peGVvfDMzNzB8aW1hZ2UvcG5nfGg0NC9oMDkvMTI5NTg1ODQxNzY2NzAucG5nfDg5NGNjZDc0NWZmYjZmZWI2M2IxMTczOTM3ZTgxY2I1MzZjZGU1MTlmYmVlZmE0NGYwM2M0YjQxOGE3NzNiMzM); background-repeat: no-repeat; width: 100%; background-position: center top; height: 80px; margin-top: 40px } .clr-ixeo .lm2 .p { background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 310px } .clr-ixeo .lm2 .p h3 { line-height: 34px; white-space: pre-line; position: relative; font-size: 22pt } .clr-ixeo .lm2 .p1 { background-image: url(/medias/-MG-6289-retouche.jpg?context=bWFzdGVyfG11ei1peGVvfDU5OTY0fGltYWdlL2pwZWd8aDBkL2gyZC8xMjk1ODU4MjMwODg5NC5qcGd8OGFmNTliNWRjNWUzM2I5Mzc4MjU2MjQ2ZmJkZWQyNGNlZWE3Njc1ZjcxNWQ5MWI5OTY1NzdhNDQxNjY0YTE5Yw) } .clr-ixeo .lm2 .p1 h3 { top: 70px; left: 65% } .clr-ixeo .lm2 .p2 .c { width: 50%; height: 370px; float: left; position: relative; background-size: cover; background-repeat: no-repeat } .clr-ixeo .lm2 .p2 .c1 { background-image: url(/medias/MG-7495-RVB.jpg?context=bWFzdGVyfG11ei1peGVvfDM2ODkzfGltYWdlL2pwZWd8aGM3L2g1My8xMjk1ODU4MTc1MTgzOC5qcGd8MTY0ZTdlZDE1MjI3ODRmNTMyZTZkOTNlNjBhZDc0YWUwMmFjMTFmMGVhM2NjZjljYmFkMTkxNTk0N2NhMDdhMg) } .clr-ixeo .lm2 .p2 .c1 h3 { left: 54%; top: 60% } .clr-ixeo .lm2 .p2 .c2 { background-image: url(/medias/-MG-6526-retouche.jpg?context=bWFzdGVyfG11ei1peGVvfDUwNjc1fGltYWdlL2pwZWd8aGEzL2g5Yi8xMjk1ODU4MjUzODI3MC5qcGd8NGEyNTI1NmRiNTJkNmRlYmUxYjI4ODhhYTQ4MzViMzRkMDkzODQ2YjNhMWNlZDc3M2U5N2YyNzIwNDVlMzk0ZA) } .clr-ixeo .lm2 .p2 .c2 h3 { left: 20px; top: 60% } .clr-ixeo .lm2 .p2:after { display: block; clear: both; content: " " } @media(max-width:768px) { .clr-ixeo .lm2>p { margin-left: 10px; margin-right: 10px } .clr-ixeo .lm2 h3 { font-size: 12pt!important; line-height: 20px!important } .clr-ixeo .lm2 .p1 { min-height: 200px; background-position: left -80px center } .clr-ixeo .lm2 .p2 .c1 { background-position: left -190px top } .clr-ixeo .lm2 .p2 .c1 h3 { left: 30px } .clr-ixeo .lm2 .p2 .c2 { background-position: right top; background-size: cover; background-image: url(/medias/-MG-6526-retouche-ld.jpg?context=bWFzdGVyfG11ei1peGVvfDcxNTMzfGltYWdlL2pwZWd8aDljL2gwNy8xMjk1ODU4MjQwNzE5OC5qcGd8MDdlMTAzMDk2MGNiMmI1MDA4NTI0ZDVhNjczNDc4NTdiMzc4NWU2ZjE1NzBhYzljMTkxMjhmOWVkMWU3NTExMA) } .clr-ixeo .lm2 .p2 .c2 h3 { left: 10px } } @media(min-width:1281px) { .clr-ixeo .lm2 .p1 { background-image: url(/medias/-MG-6289-retouche-hd.jpg?context=bWFzdGVyfG11ei1peGVvfDE4NDY2OXxpbWFnZS9qcGVnfGhhOS9oOTUvMTI5NTg1ODIyNzYxMjYuanBnfDk1NTMyNmUxZjViMmJiZDM3NzY4ZjA0OTI5MmYwYzM3YzljZjY2Njg2YjgxYzk2NTJmZDNkMjA4Mjc5MWFlODc) } .clr-ixeo .lm2 .p2 .c1 { background-image: url(/medias/MG-7495-RVB-hd.jpg?context=bWFzdGVyfG11ei1peGVvfDEwNDgyMnxpbWFnZS9qcGVnfGg0OS9oMjgvMTI5NTg1ODE2ODYzMDIuanBnfDc1OWYyMDBmZjhlNzU3YTQ4YjE3ODhhMzhkODI4NDEzYjY2NDE4N2M3ZjFjMGM5Nzc3NWIyNDMxNjIzMDI2Njg) } .clr-ixeo .lm2 .p2 .c2 { background-image: url(/medias/-MG-6526-retouche-hd.jpg?context=bWFzdGVyfG11ei1peGVvfDE3OTIyNHxpbWFnZS9qcGVnfGg0OC9oMTcvMTI5NTg1ODIzNDE2NjIuanBnfDlmN2NlM2VkYzFmNTAyOWM5Nzk2OGU4NDgxYjY1ZmRjMjA0YjBjMjI0ZTc3MDY5MWFkZGI1MmMyN2EzYTk5YTI) } } .clr-ixeo .lm3 { margin-top: 40px } .clr-ixeo .lm3 h2 { margin-bottom: 60px } .clr-ixeo .lm3 .p { height: 320px; height: calc(var(--screenWidth) * .5 * .5); background-size: cover; background-repeat: no-repeat } .clr-ixeo .lm3 .p p { text-align: left } .clr-ixeo .lm3 .orContainer { background-image: url(/medias/lm3.jpg?context=bWFzdGVyfG11ei1peGVvfDg1ODg5fGltYWdlL2pwZWd8aDRiL2g5ZC8xMjk1ODU4NDA0NTU5OC5qcGd8ZWJhNDkyZDkyNjdhNTJjMTkwNjYxYzQ0M2NlYmE0YWEyZTdmZTVhZjZlNDFlNDZlOWE1MTFhMDM1MTJkMTlkOA); background-repeat: no-repeat; height: calc(var(--screenWidth)/ 1280 * 626); background-size: cover; background-position: 50% 50%; padding: 0 10%; position: relative } .clr-ixeo .lm3 .orContainer:before { content: "OU"; color: #09c; display: block; font-family: UniversLTStd_Cn, sans-serif; text-align: center; background-color: #fff; font-weight: 700; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; padding: 30px 15px; line-height: 60px; border-radius: 60px; font-size: 30pt } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .clr-ixeo .lm3 .orContainer:before { display: none } } @media(min-width:1921px) { .clr-ixeo .lm3 .orContainer:before { width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; padding: 50px 25px; line-height: 100px; border-radius: 100px; font-size: 50pt } } @media(min-width:1281px) { .clr-ixeo .lm3 .orContainer { background-image: url(/medias/lm3-1920px.jpg?context=bWFzdGVyfG11ei1peGVvfDI4MDgyM3xpbWFnZS9qcGVnfGg3Ny9oMjIvMTI5NTg1ODM5ODAwNjIuanBnfGRhYzAzZmJmZThmNDU2MmQ2ZWFkYmRjMWZhZjUwMjA4NmEzNTcxNzAwOTFiMTVlOWNkNTIxNGNjNDVmZjU4NGU) } .clr-ixeo .lm3 .orContainer:before { font-size: 36pt; width: 150px; height: 150px; margin-left: -75px; margin-top: -75px; line-height: 75px; border-radius: 75px; padding: 37.5px 15px; font-size: 40pt } } .clr-ixeo .lm3 .orContainer .p { padding-top: 110px; padding-top: calc(((var(--screenWidth)/ 1280 * 626 * .5) - 90px)/ 2); box-sizing: border-box; height: 50% } .clr-ixeo .lm3 .orContainer p { height: 50px; white-space: pre-line } .clr-ixeo .lm3 .orContainer .p1 p { max-width: 40% } .clr-ixeo .lm3 .orContainer h3 { background-color: transparent; color: #444; height: 40px; width: 100%; display: block; white-space: pre-line; padding: 0; font-size: 20pt; margin-bottom: 30px } @media(max-width:768px) { .clr-ixeo .lm3 .orContainer { padding: 0 3% } .clr-ixeo .lm3 .orContainer:before { font-size: 16pt; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; padding: 15px 10px; line-height: 30px; border-radius: 30px } .clr-ixeo .lm3 .orContainer h3 { font-size: 10pt; height: 30px; margin-bottom: 10px; margin-top: 5px } } .clr-ixeo .lm3 .orContainer .p1 { position: relative } .clr-ixeo .lm3 .orContainer .p1:after { content: ""; display: block; float: right; position: absolute; width: 63%; height: 100%; top: 0; right: 0 } .clr-ixeo .lm3 .orContainer .p2 { padding-left: 60% } .clr-ixeo .lm3 .orContainer .p2 h3 { text-align: right } .clr-ixeo .lm3 .orContainer .p2 p { text-align: right } .clr-ixeo .lm3 .p3 { clear: both; position: relative; background-image: url(/medias/fer.jpg?context=bWFzdGVyfG11ei1peGVvfDMwMjkxfGltYWdlL2pwZWd8aDI5L2hlYi8xMjk1ODU4Mzc1MDY4Ni5qcGd8NGM3OWJkNjUyYTNjYTVkMDc1ZTU3NjA4YTQwZTU3NTQzNzE3Y2MwMzZlNWVhM2M5NWM2MmQ3ODc3OWJkOTQxMw); background-position: right center; background-color: #f0f0f0; background-repeat: no-repeat; background-size: contain; height: 346px } @media(min-width:1280px) { .clr-ixeo .lm3 .p3 { background-image: url(/medias/fer-hd.jpg?context=bWFzdGVyfG11ei1peGVvfDM0NjIyfGltYWdlL2pwZWd8aGU3L2hmNy8xMjk3NDc0NTI1NTk2Ni5qcGd8NjBmMzg0NTdhMmUzYzA0OTFjMWIyNTEwM2YyZDViOTNkMDA4NDJkNzhlY2I4NTJmOGQ3YTIxMTQ4Y2YyYjk0Mg) } .clr-ixeo .lm3 .p3:before { display: block; content: ""; height: 100%; background-image: url(/medias/fer-repeat.jpg?context=bWFzdGVyfG11ei1peGVvfDEyODF8aW1hZ2UvanBlZ3xoNDIvaGI5LzEyOTU4NTgzNzE3OTE4LmpwZ3wxMTk4NDg0Y2M4ODc1Mjg4YjQwYjk2MzAxZTczYjYyOTA0YjVjNzQ5OTVlNTBlYzYyNGZkYzc1MDBjZjhiYWY2); background-repeat: repeat-x; width: calc(var(--screenWidth) - 1830px * 346 / 856); position: absolute; top: 0; left: 0 } } .clr-ixeo .lm3 .p3 .block { position: relative; left: 20%; top: 50px; max-width: 300px } .clr-ixeo .lm3 .p3 h3 { line-height: 40px; font-size: 24pt; font-family: UniversLTStd_Cn, sans-serif; font-weight: 600 } .clr-ixeo .lm3 .p3 p { margin: 10px 0; margin-top: 50px; white-space: pre-line } .clr-ixeo .lm3 .p3 p strong { font-style: italic } .clr-ixeo .lm3 .p3 .bul { background-image: url(/medias/5b.png?context=bWFzdGVyfG11ei1peGVvfDg0NTN8aW1hZ2UvcG5nfGg2OC9oZjYvMTI5NTg1ODEyMjc1NTAucG5nfGNiMDAxZjJkMzRhZWQzYjg1OTA5YjU0ZjEzY2JjZjE0YjE1MjU0YWJkZWIyZDhlYmFiNzgxZGJkYjlmOWZhZDE); background-position: middle center; background-repeat: no-repeat; display: block; height: 110px; background-size: cover; width: 110px } .clr-ixeo .lm3 .p4 { background-image: url(/medias/design.jpg?context=bWFzdGVyfG11ei1peGVvfDkwNTc1fGltYWdlL2pwZWd8aGNiL2g2MS8xMjk1ODU4MzU4Njg0Ni5qcGd8M2E3NDc3NTk3OGRhNzkyMDFjYTU2YzUwZGI3ODNiYmY5ZTEzODc3MjlhODYyNjY0Y2E4MzYzNjExNzU3Mjg1Yw); background-repeat: no-repeat; background-size: contain; height: 300px; height: calc(var(--screenWidth)/ 1279 * 720); transition: background .5s } .clr-ixeo .lm3 .p4 h3 { position: relative; left: 56%; font-size: 22pt; top: 35%; line-height: 36px } .clr-ixeo .lm3 .p4 h3.invert { font-weight: 700 } .clr-ixeo .lm3 .p4 .bullets { position: absolute; bottom: 8%; left: 56%; width: 230px; max-width: 40% } .clr-ixeo .lm3 .p4 .bullets p { display: block; font-size: 14pt; text-align: center; margin-bottom: 15px; font-size: UniversLTStd_Cn, sans-serif } .clr-ixeo .lm3 .p4 .bullets span { cursor: pointer; display: block; float: left; width: 50%; text-align: center; background-repeat: no-repeat; background-position-x: -14px; background-position-y: -15px; width: 94px; height: 94px; margin: 0 10px } .clr-ixeo .lm3 .p4 .bullets span:nth-child(3) { background-image: url(/medias/white-circle.png?context=bWFzdGVyfG11ei1peGVvfDkwNTh8aW1hZ2UvcG5nfGgyNi9oODUvMTI5NTg1ODQ5NjMxMDIucG5nfGU1ZmJjZGY0OTFjMGE1NmIxYzQ2YTNlMGQxM2UyZmY0ZWIwOTUyYWE1NWViZGI2OTcyZTllZDg0YWJlMDVlMzY) } .clr-ixeo .lm3 .p4 .bullets span:nth-child(2) { background-image: url(/medias/black-circle.png?context=bWFzdGVyfG11ei1peGVvfDEwOTc2fGltYWdlL3BuZ3xoMTYvaGExLzEyOTU4NTgzMTkzNjMwLnBuZ3w4ZDY2Y2NhMTg0ZmRlYWVhZWUyZGFkM2UxMjhiMzI0YzRiZWMzMWUxZDU2YmE4YmI5YzNmZWZkN2EyYTYxYzFl) } .clr-ixeo .lm3 .p4 .bullets span.active, .clr-ixeo .lm3 .p4 .bullets span:hover { background-position-x: -128px } .clr-ixeo .lm3 .p4 .bullets span img { max-width: 120px; width: 90% } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .clr-ixeo .lm3 .p4 { height: 600px; background-size: cover } } @media(min-width:769px) and (max-width:1023px) { .clr-ixeo .lm3 .p4 h3 { top: 25% } .clr-ixeo .lm3 .p3 { background-size: cover; background-position: right -300px top } } @media(max-width:768px) { .clr-ixeo .lm3 .p3 { background-size: contain; background-image: url(/medias/fer-ld.jpg?context=bWFzdGVyfG11ei1peGVvfDI1ODkxfGltYWdlL2pwZWd8aDBkL2g3Mi8xMjk1ODU4MzY1MjM4Mi5qcGd8ZTQ2MTBkMWIzZjJjZDQzNzdkYzUyYTI4MzhlNGNkZWZiNGRlMTJlNjZiOTg1OTJkNTBlNzAyOWEyMWEyNzkxMQ); background-position: right 0 top; height: calc(var(--screenWidth)/ 686 * 484) } .clr-ixeo .lm3 .p3 p { margin-top: 20px } .clr-ixeo .lm3 .p3 .block { left: 5%; top: 20px } .clr-ixeo .lm3 .p3 .block h3 { font-size: 12pt; line-height: 25px } .clr-ixeo .lm3 .p3 .block .bul { width: 60px; height: 60px } .clr-ixeo .lm3 .p3 .block p { max-width: 55%; min-width: 190px } .clr-ixeo .lm3 .p4 { min-height: calc(var(--screenHeight) * .6); background-position: -100px center; background-size: cover } .clr-ixeo .lm3 .p4 h3 { font-size: 12pt; line-height: 25px; left: 49%; font-weight: 400; top: 20% } .clr-ixeo .lm3 .p4 .bullets { width: 200px; left: auto; right: 0; bottom: 5% } .clr-ixeo .lm3 .p4 .bullets p { width: 200px } .clr-ixeo .lm3 .p4 .bullets span { width: 100px; margin: 0 } } @media(max-width:440px) { .clr-ixeo .lm3 .p4 { background-position-x: -105px } .clr-ixeo .lm3 .p4 .bullets { max-width: initial; width: 140px } .clr-ixeo .lm3 .p4 .bullets p { font-size: 8pt; text-align: center; margin-bottom: 0; width: 120px } .clr-ixeo .lm3 .p4 .bullets span { width: 60px; height: 60px; background-position-y: -7px; background-position-x: 0 } .clr-ixeo .lm3 .p4 .bullets span.active, .clr-ixeo .lm3 .p4 .bullets span:hover { background-position-x: -60px } .clr-ixeo .lm3 .p4 .bullets span:nth-child(2) { background-image: url(/medias/black-circle-ld.png?context=bWFzdGVyfG11ei1peGVvfDQ1MjF8aW1hZ2UvcG5nfGgwZS9oODMvMTI5NTg1ODI5OTcwMjIucG5nfDNhODNhZmI5MzY4NDA4NDE4NjdlNTFiODZkYmRmMTgxNjA2M2JhZjQzYjY4ODk2NDEzZTdjZjk5MzE5OGY1MjE) } .clr-ixeo .lm3 .p4 .bullets span:nth-child(3) { background-image: url(/medias/white-circle-ld.png?context=bWFzdGVyfG11ei1peGVvfDQwNDR8aW1hZ2UvcG5nfGgzMy9oZmMvMTI5NTg1ODQ4NjQ3OTgucG5nfDE5N2RjMDljNDQzMzhiZmIzMmMyOGFhOTUyYWYyYmMwOTY5NjA0ZDQ0NGY2ODY4NWQwN2JjYjc0MzUwYzQxYjY) } } @media(max-width:350px) { .clr-ixeo .lm3 .p4 .bullets>span { width: 70px; height: 70px; background-size: cover; background-repeat: no-repeat; background-position: top left } .clr-ixeo .lm3 .p4 .bullets>span.active, .clr-ixeo .lm3 .p4 .bullets>span:hover { background-position-x: -69px } .clr-ixeo .lm3 .p4 h3 { font-size: 10.5pt } .clr-ixeo .lm6 .map ul li:nth-child(6) h3:after { display: none!important } } @media(max-width:300px) { .clr-ixeo .lm3 .p4 { background-position-x: -96px } .clr-ixeo .lm3 .p4 h3 { left: 42% } } .clr-ixeo .lm4 { padding-top: 15px } .clr-ixeo .lm4 p strong { font-style: italic } .clr-ixeo .lm4 .crsl { background-image: url(/medias/-MG-7249.jpg?context=bWFzdGVyfG11ei1peGVvfDU2NDUzfGltYWdlL2pwZWd8aDk5L2gxZi8xMjk1ODU4MjgzMzE4Mi5qcGd8YzkwNTM3Mzc2OWQ0M2FmNzc2Mzg4ZTkwYWY3OTA5MGYzNDhmYzhhOTE3OWI2OTIyZDY3NDM4MDBkNDBjOTJhMQ); padding: 80px 0; min-height: 300px; position: relative } .clr-ixeo .lm4 .crsl img { margin: 0 auto; display: block; z-index: 2 } .clr-ixeo .lm4 .crsl:before { content: ""; display: block; background-image: url(/medias/barre.png?context=bWFzdGVyfG11ei1peGVvfDExMDZ8aW1hZ2UvcG5nfGg0NC9oMmUvMTI5NTg1ODMxMjgwOTQucG5nfDZjMmZkMmRlYWIxNGVhMDMzNmZiOWI5ZTc2MTMwOGU5ODI0ZTVkOTc3MzIzYzhhNDE5MDExZjUxNWViMmQ3YTQ); background-repeat: repeat-x; position: absolute; top: calc(80px - -26px * var(--scaleFactor)); left: 0; width: 100%; z-index: 0; height: 12px } @media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .clr-ixeo .lm4 .crsl:before { display: none } } .clr-ixeo .lm4 .crsl .overblock { position: absolute; left: 50%; top: 90px; margin-left: -319px; width: 638px; height: 452px; z-index: 3 } .clr-ixeo .lm4 .crsl .overblock .arrow { display: none } .clr-ixeo .lm4 .crsl .overblock.touch .arrow { display: block } .clr-ixeo .lm4 .crsl .overblock .arrow { position: absolute; top: 90px; height: 40px; color: #fff; font-weight: 700; font-family: 'Medula One', cursive; font-size: 32pt; z-index: 20 } .clr-ixeo .lm4 .crsl .overblock .arrow.left { left: -20px } .clr-ixeo .lm4 .crsl .overblock .arrow.left:after { content: "<" } .clr-ixeo .lm4 .crsl .overblock .arrow.right { right: -20px } .clr-ixeo .lm4 .crsl .overblock .arrow.right:after { content: ">" } .clr-ixeo .lm4 .crsl .overblock .item { display: block; position: absolute; opacity: 0; box-sizing: content-box } .clr-ixeo .lm4 .crsl .overblock .item h3, .clr-ixeo .lm4 .crsl .overblock .item img { display: none } .clr-ixeo .lm4 .crsl .overblock .item.active { transition: margin .4s, opacity .2s, padding .4s; opacity: .9; padding: 30px; padding: calc(30px * var(--scaleFactor)); margin: -30px; margin: calc(-30px * var(--scaleFactor)); cursor: pointer; background-color: #f0f1f2; box-shadow: #e8e8f4 0 0 3px } .clr-ixeo .lm4 .crsl .overblock .item h3 { font-size: 24px } .clr-ixeo .lm4 .crsl .overblock .item.active h3 { display: block; color: #444; margin-left: calc(-30px * var(--scaleFactor)); margin-right: calc(-30px * var(--scaleFactor)); font-family: UniversLTStd_Cn, sans-serif; text-align: center; text-transform: uppercase } .clr-ixeo .lm4 .crsl .overblock .item.active h3:after { content: ""; display: block; background-color: #09c; height: 3px; margin: 10px 50px } .clr-ixeo .lm4 .crsl .overblock .item.active img { display: block; margin: 0 auto; max-width: 100%; object-fit: cover } .clr-ixeo .lm4 .crsl .overblock .item.active:after { content: ""; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; width: 60px; height: 59px; background-image: url(/medias/as-section-4-player.png?context=bWFzdGVyfG11ei1peGVvfDcyOXxpbWFnZS9wbmd8aDFkL2hlOC8xMjk1ODU4MzA5NTMyNi5wbmd8ZmJjMzk5OGMyYTc1YzBlMGY2OTE3ZTIxNzk2Yjk0N2U3YTFkZGEwNjIwNDI3NTdmZmJjZjdlNzhmMjEzZTRhYw); background-repeat: no-repeat; background-size: cover } @media(max-width:768px) { .clr-ixeo .lm4 .crsl { padding: 20px 0; min-height: calc(.4 * var(--screenHeight)) } .clr-ixeo .lm4 .crsl:before { top: calc(20px - -.8 * var(--screenWidth)/ 638 * 26) } .clr-ixeo .lm4 .crsl .overblock { width: 80%; margin-left: calc(var(--screenWidth) * -.8 / 2) } .clr-ixeo .lm4 .crsl .overblock .item.active { padding: 15px 5px 30px } .clr-ixeo .lm4 .crsl .overblock .item.active h3 { font-size: 8pt } .clr-ixeo .lm4 .crsl .overblock .item.active h3:after { margin: 10px 25px } .clr-ixeo .lm4 .crsl .overblock .item.active:after { width: 40px; height: 39px; margin-left: -20px } .clr-ixeo .lm4 .crsl .overblock .arrow { top: 60px } .clr-ixeo .lm4 .crsl>img { max-width: 80% } } .clr-ixeo .lm5 { padding-top: 30px; min-height: 421px } .clr-ixeo .lm5 .bd { position: relative; height: 350px; height: calc(.4 * var(--screenWidth)) } .clr-ixeo .lm5 .bd img { float: left; object-fit: cover; height: 100% } .clr-ixeo .lm5 .bd img:nth-child(1) { width: 25% } .clr-ixeo .lm5 .bd img:nth-child(2) { width: 25%; object-position: center top } .clr-ixeo .lm5 .bd img:nth-child(3) { width: 50%; height: 100% } .clr-ixeo .lm5 .bd button { display: block; position: absolute; box-sizing: border-box; left: 75%; top: 50%; width: 50px; margin-top: -25px; margin-left: -25px; background-image: url(/medias/play.png?context=bWFzdGVyfG11ei1peGVvfDE3Nzh8aW1hZ2UvcG5nfGg1Zi9oODIvMTI5NTg1ODQyNzQ5NzQucG5nfDllOTA1MWYyYzdmZjAwNmJmMzM1MjAxMDgzM2NlZDI2OGI0MGM4NmViMWI3MDg1NjNlYTRhNGQyYjIwNDE2ODg); background-repeat: no-repeat; cursor: pointer; background-size: cover; height: 50px; background-color: transparent; border: 0; outline: 0!important } @media(max-width:768px) { .clr-ixeo .lm5 .bd { height: 80%; height: calc(var(--screenHeight) * .8) } .clr-ixeo .lm5 .bd img:nth-child(1), .clr-ixeo .lm5 .bd img:nth-child(2) { width: 50%; object-position: 50%; height: 50% } .clr-ixeo .lm5 .bd img:nth-child(3) { width: 100%; height: 50% } .clr-ixeo .lm5 .bd button { left: 50%; top: 75% } } @media(min-width:1280px) { .clr-ixeo .lm5 .bd button { width: 75px; height: 75px } } @media(min-width:1400px) { .clr-ixeo .lm5 .bd button { width: 90px; height: 90px } } .clr-ixeo .lm5.ie .bd { height: 350px; max-width: 1280px; margin: 0 auto 80px } .clr-ixeo .lm5.ie .bd img { object-fit: unset } .clr-ixeo .lm6 { background-image: url(/medias/-MG-6066-RVB.jpg?context=bWFzdGVyfG11ei1peGVvfDEwMDQyMHxpbWFnZS9qcGVnfGg4Mi9oNWYvMTI5NTg1ODIyNDMzNTguanBnfDgyYjZmMjFmNmFmMDk4NGJlMmM3OTIwZGU2YzdjNzNiNDU0NWQ1NGU0NWRlNzE3MGIwYWRjMmUzNzVmNTU3Mjc); background-repeat: no-repeat; background-size: cover; height: 762px; padding-top: 30px } @media(min-width:1300px) { .clr-ixeo .lm6 { background-image: url(/medias/-MG-6066-RVB-hd.jpg?context=bWFzdGVyfG11ei1peGVvfDIwODI1NXxpbWFnZS9qcGVnfGg4Ny9oNTMvMTI5NTg1ODIwNzk1MTguanBnfGUxZGQxN2JkZjQ4NzNlNTExZjQ1MmVmMWNmYjgzNDQwYmYwYTNlOTNlM2RkZDhiOTM4Njc0OWEyNmM5Njc5MmY); background-position: bottom -120px left 0 } } .clr-ixeo .lm6:before { content: ""; display: block; width: 100%; background-color: #fff; opacity: .6; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 } .clr-ixeo .lm6 * { z-index: 2 } .clr-ixeo .lm6 h2 { clear: both; position: relative; padding-top: 15px; margin: 0; top: 15px } .clr-ixeo .lm6 .map { position: relative; height: 300px; max-width: 1024px; margin: 0 auto } .clr-ixeo .lm6 .map img { position: absolute; top: 30px; left: 50%; width: 280px; margin-left: -150px } .clr-ixeo .lm6 .map ul li { transition: opacity .5s; position: absolute; width: 250px; left: 50%; list-style: none; padding: 0; margin: 0 } .clr-ixeo .lm6 .map ul li h3 { text-transform: uppercase; margin: 0; font-weight: 600; line-height: 25px; word-wrap: break-word } .clr-ixeo .lm6 .map ul li h3, .clr-ixeo .lm6 .map ul li p { margin: 0; text-align: left; color: #444; width: 300px; font-size: 20pt; font-family: UniversLTStd_Cn, sans-serif } .clr-ixeo .lm6 .map ul li p { white-space: pre-line; font-size: 12pt; font-family: UniversLTStd_Cn, sans-serif } .clr-ixeo .lm6 .map ul li:nth-child(1) h3 { max-width: 240px } .clr-ixeo .lm6 .map ul li:nth-child(1) { top: 24px; margin-left: -450px } .clr-ixeo .lm6 .map ul li:nth-child(1):before { top: 2px; right: -197px; left: auto } .clr-ixeo .lm6 .map ul li:nth-child(1):after { width: 175px; right: -179px } .clr-ixeo .lm6 .map ul li:nth-child(2) h3 { max-width: 180px } .clr-ixeo .lm6 .map ul li:nth-child(2) { top: 150px; margin-left: -450px } .clr-ixeo .lm6 .map ul li:nth-child(2):before { top: 2px; right: -149px; left: auto } .clr-ixeo .lm6 .map ul li:nth-child(2):after { width: 170px; right: -133px } .clr-ixeo .lm6 .map ul li:nth-child(3) h3 { max-width: 120px } .clr-ixeo .lm6 .map ul li:nth-child(3) { top: 420px; margin-left: -450px } .clr-ixeo .lm6 .map ul li:nth-child(3):before { top: 92px; right: -149px; left: auto } .clr-ixeo .lm6 .map ul li:nth-child(3):after { width: 170px; right: -63px } .clr-ixeo .lm6 .map ul li:nth-child(3) h3:after { display: block; top: 50px; right: -150px; transform: rotate(230deg); width: 105px } .clr-ixeo .lm6 .map ul li:nth-child(4) h3 { max-width: 300px } .clr-ixeo .lm6 .map ul li:nth-child(4) { right: 68px; left: auto; top: 195px } .clr-ixeo .lm6 .map ul li:nth-child(4):before { left: -120px; top: 73px } .clr-ixeo .lm6 .map ul li:nth-child(4):after { width: 70px; left: -73px } .clr-ixeo .lm6 .map ul li:nth-child(4) h3:after { display: block; top: 46px; left: -125px; transform: rotate(-245.3deg); width: 73px } .clr-ixeo .lm6 .map ul li:nth-child(5) h3 { max-width: 300px } .clr-ixeo .lm6 .map ul li:nth-child(5) { top: 286px; right: 68px; left: auto } .clr-ixeo .lm6 .map ul li:nth-child(5):before { left: -120px; top: 0 } .clr-ixeo .lm6 .map ul li:nth-child(5):after { width: 100px; left: -103px } .clr-ixeo .lm6 .map ul li:nth-child(6) h3 { max-width: 300px } .clr-ixeo .lm6 .map ul li:nth-child(6) { top: 370px; right: 68px; left: auto } .clr-ixeo .lm6 .map ul li:nth-child(6):before { left: -102px; top: -47px } .clr-ixeo .lm6 .map ul li:nth-child(6):after { width: 70px; left: -73px } .clr-ixeo .lm6 .map ul li:nth-child(6) h3:after { display: block; top: -10px; left: -106px; transform: rotate(-110deg); width: 47px } .clr-ixeo .lm6 .map ul li:nth-child(7) h3 { max-width: 300px } .clr-ixeo .lm6 .map ul li:nth-child(7) { top: 488px; right: 68px; left: auto } .clr-ixeo .lm6 .map ul li:nth-child(7):before { left: -222px; top: 73px } .clr-ixeo .lm6 .map ul li:nth-child(7):after { width: 70px; left: -73px } .clr-ixeo .lm6 .map ul li:nth-child(7) h3:after { display: block; top: 43px; left: -218px; transform: rotate(-206deg); width: 154px } .clr-ixeo .lm6 .map ul li:nth-child(8) h3 { max-width: 300px } .clr-ixeo .lm6 .map ul li:nth-child(8) { top: 578px; right: 68px; left: auto } .clr-ixeo .lm6 .map ul li:nth-child(8):before { left: -162px; top: 0 } .clr-ixeo .lm6 .map ul li:nth-child(8):after { width: 141px; left: -146px; top: 8px } .clr-ixeo .lm6 .map ul li:nth-child(8) h3:after { display: none; top: -6px; left: -149px; transform: rotate(-160deg); width: 82px } .clr-ixeo .lm6 .map ul li h3:after { content: ""; display: none; border-bottom: 2px dotted #fc87bb; width: 20px; transform: rotate(90deg); height: 0; position: absolute } .clr-ixeo .lm6 .map ul li:after { position: absolute; right: 0; top: 10px; height: 0; width: 50px; border-bottom: 2px dotted #fc87bb; display: block; content: "" } .clr-ixeo .lm6 .map ul li:before { width: 18px; height: 18px; position: absolute; left: 350px; display: block; content: ""; background-image: url(/medias/bul.png?context=bWFzdGVyfG11ei1peGVvfDQzM3xpbWFnZS9wbmd8aGY3L2g3OS8xMjk1ODU4MzMyNDcwMi5wbmd8M2I5YmFiZWNlNjkyNTY4NGY4ZWYxMTQyMGI5YTdkYjlhMzI2MWVhYTRjMWM4ODYwMmUwNTMwN2YwZjc3OWE5MQ); background-size: cover; background-repeat: no-repeat } .clr-ixeo .lm6 .map ul:after { content: " "; display: block; clear: both } @media(max-width:768px) { .clr-ixeo .lm6 { background-size: cover; background-position: left bottom 94px left 0; max-height: initial; height: 542px; height: calc(112px - -.5 * 428 / 187 * var(--screenWidth)); min-height: auto } .clr-ixeo .lm6 h2 { height: 67px; box-sizing: content-box } .clr-ixeo .lm6 .map img { width: 50%; left: 2%; margin-left: 0 } .clr-ixeo .lm6 .map ul li { margin-left: 52%!important; left: 0!important; max-width: 48% } .clr-ixeo .lm6 .map ul li h3 { line-height: 14px; max-width: 160px!important } .clr-ixeo .lm6 .map ul li p { line-height: 10px; max-width: 160px!important } .clr-ixeo .lm6 .map ul li:after { right: auto; left: auto } .clr-ixeo .lm6 .map ul li:nth-child(1) { top: calc(22px / var(--detailsRatio)); margin-left: 51%!important } .clr-ixeo .lm6 .map ul li:nth-child(1):before { left: calc(-109px / var(--detailsRatio)); margin-left: 0 } .clr-ixeo .lm6 .map ul li:nth-child(1):after { width: calc(80px / var(--detailsRatio)); left: calc(-90px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(2) { top: calc(88px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(2):before { left: calc(-129px / var(--detailsRatio)); margin-left: 0 } .clr-ixeo .lm6 .map ul li:nth-child(2):after { width: calc(100px / var(--detailsRatio)); left: calc(-110px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(3) { top: calc(328px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(3):before { left: calc(-129px / var(--detailsRatio)); top: calc(61px / var(--detailsRatio)); margin-left: 0 } .clr-ixeo .lm6 .map ul li:nth-child(3):after { width: calc(70px / var(--detailsRatio)); left: calc(-79px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(3) h3:after { top: calc(38px / var(--detailsRatio)); left: calc(-130px / var(--detailsRatio)); transform: rotate(-239deg); width: calc(65px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(4) { top: calc(159px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(4):after { width: calc(9px / var(--detailsRatio)); left: calc(-17px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(4) h3 { max-width: 100% } .clr-ixeo .lm6 .map ul li:nth-child(4) h3:after { width: calc(30px / var(--detailsRatio)); left: calc(-41px / var(--detailsRatio)); top: calc(26px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(4):before { top: calc(41px / var(--detailsRatio)); left: calc(-44px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(5) { top: calc(219px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(5):after { width: calc(27px / var(--detailsRatio)); left: calc(-31px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(5):before { top: 0; left: calc(-49px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(6) { top: calc(265px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(6):after { width: calc(9px / var(--detailsRatio)); left: calc(-13px / var(--detailsRatio)); top: calc(6px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(6):before { top: calc(-25px / var(--detailsRatio)); left: calc(-35px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(6) h3:after { width: calc(10px / var(--detailsRatio)); left: calc(-25px / var(--detailsRatio)); top: calc(2px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(7) { top: calc(388px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(7):after { width: calc(85px / var(--detailsRatio)); left: calc(-94px / var(--detailsRatio)); top: calc(6px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(7):before { top: calc(32px / var(--detailsRatio)); left: calc(-123px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(7) h3:after { width: calc(25px / var(--detailsRatio)); left: calc(-115px / var(--detailsRatio)); top: calc(23px / var(--detailsRatio)); transform: rotate(120deg) } .clr-ixeo .lm6 .map ul li:nth-child(8) { top: calc(458px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(8):after { width: calc(41px / var(--detailsRatio)); left: calc(-52px / var(--detailsRatio)); top: calc(6px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(8):before { top: calc(-28px / var(--detailsRatio)); left: calc(-79px / var(--detailsRatio)) } .clr-ixeo .lm6 .map ul li:nth-child(8) h3:after { width: calc(21px / var(--detailsRatio)); left: calc(-71px / var(--detailsRatio)); top: calc(-2px / var(--detailsRatio)); transform: rotate(62deg); display: block } .clr-ixeo .lm6 .map ul li h3 { font-size: 11pt; max-width: 100% } .clr-ixeo .lm6 .map ul li p { font-size: 8pt } } .clr-ixeo .lm7 { padding-top: 30px } .clr-ixeo .lm7 table { font-family: UniversLTStd_Cn, sans-serif; font-weight: 400; color: #444; width: 100%; max-width: 800px; margin: 25px auto; min-width: 600px } .clr-ixeo .lm7 table thead td:nth-child(2), .clr-ixeo .lm7 table thead td:nth-child(3) { background-image: url(/medias/ixeo.jpg?context=bWFzdGVyfG11ei1peGVvfDEwMzk0fGltYWdlL2pwZWd8aDcxL2g1OS8xMjk1ODU4Mzg4MTc1OC5qcGd8OTg1ZTliMWQyNDFiNWI0YWI3Yzc3MWFlYzEwMzQzYzUwOGRiMmFiZTBmNzY2ODY1MTdlZGZjMzBiMzkyYzY4OA); background-size: 112px 200px; background-position: center top; padding-top: 210px; background-repeat: no-repeat; text-align: center; font-size: 13pt; padding-bottom: 30px } .clr-ixeo .lm7 table thead td:nth-child(3) { background-image: url(/medias/ixeo-white.jpg?context=bWFzdGVyfG11ei1peGVvfDM0MjV8aW1hZ2UvanBlZ3xoMTcvaDdhLzEyOTgzNzE1MzMyMTI2LmpwZ3xhM2MwYzY3ZTNkZjc0MGE2MTM1YzE0Y2JiYzdkMzU5MzA0YzM4NDEwNTgzMjE0YWM5MjQ0OWM0OWY0YWY0ZDMw) } .clr-ixeo .lm7 table tbody tr td { border-bottom: 1px solid #e8e8f4; padding: 5px 10px; font-size: 13pt } .clr-ixeo .lm7 table tbody tr td:nth-child(1) { padding-left: 40px; width: 20% } .clr-ixeo .lm7 table tbody tr td:nth-child(2), .clr-ixeo .lm7 table tbody tr td:nth-child(3) { text-align: center; padding-right: 20%; padding-left: 20%; white-space: pre-line } .clr-ixeo .lm7 table tbody tr:last-child td { border-bottom: 0; color: #444; padding-top: 20px } .clr-ixeo .lm7 table tbody tr:last-child td .price { padding: 10px; font-weight: 600; border-top: 2px solid #444 } .clr-ixeo .lm7 table tbody tr:last-child td .btn { font-weight: 400; font-size: 12pt } @media(max-width:768px) { .clr-ixeo .lm7 table { width: 100%; min-width: 100%; max-width: 100% } .clr-ixeo .lm7 table td { font-size: 9pt!important } .clr-ixeo .lm7 table td:nth-child(1) { padding-left: 5%!important; width: 18%!important } .clr-ixeo .lm7 table td:nth-child(2), .clr-ixeo .lm7 table td:nth-child(3) { padding-left: 5%!important; padding-right: 5%!important } .clr-ixeo .lm7 table td:nth-child(2) .btn, .clr-ixeo .lm7 table td:nth-child(3) .btn { width: 80%; min-width: 125px } } .clr-ixeo .lm8 { margin-top: 50 } .clr-ixeo .lm8 .carousel { padding: 0; font-family: UniversLTStd_Cn, sans-serif; list-style: none; max-width: 1024px; margin: 0 auto } .clr-ixeo .lm8 .carousel li { float: left; display: block; list-style: none; padding: 0; width: 33%; padding: 0 .1666666%; text-align: center } .clr-ixeo .lm8 .carousel li img { object-fit: cover; object-position: center; width: 98%; margin: 0 1%; height: 200px } .clr-ixeo .lm8 .carousel li h3 { color: #444; text-transform: uppercase; margin: 10px 0; font-size: 12pt; border-bottom: 5px; font-weight: 600 } .clr-ixeo .lm8 .carousel li p { color: #a2aabc; height: 30px; margin: 5px 0; font-size: 10pt; line-height: 15px } .clr-ixeo .lm8 .carousel li .btn { font-weight: 400; font-size: 11pt; margin-top: 10px; text-transform: capitalize; margin-bottom: 15px } @media(max-width:768px) { .clr-ixeo .lm8 .carousel li { width: 100%; margin-bottom: 5px } .clr-ixeo .lm8 .carousel li img { width: 60%; float: right; height: 150px } .clr-ixeo .lm8 .carousel li .btn { width: 20%; padding: 10px 20px; font-size: 9pt } .clr-ixeo .lm8 .carousel li p { font-size: 7pt } } .clr-ixeo .lm9 { background-image: url(/medias/-MG-6809-retouche.jpg?context=bWFzdGVyfG11ei1peGVvfDIyMzI2MnxpbWFnZS9qcGVnfGg2Yy9oMDIvMTI5NzQ3NDUwOTIxMjYuanBnfGU0Y2YwZGY0MDJiMTIxYjYwYjFiYTNjMjBmODRjNDI2NDg5ZmMwMDk0Yzk0Nzk4NjU1NjY5MGVjZGMzZmMzMzg); background-repeat: no-repeat; font-family: UniversLTStd_Cn, sans-serif; padding-top: 30px; min-height: 680px; background-size: cover; height: calc(var(--screenHeight) * .8) } @media(max-width:800px) { .clr-ixeo .lm9 { background-image: url(/medias/-MG-6809-retouche-ld.jpg?context=bWFzdGVyfG11ei1peGVvfDQ4MDQxfGltYWdlL2pwZWd8aGRhL2hkYy8xMjk3NDc0NDg2Mjc1MC5qcGd8OGMxMDQ4ODIwNzBjZmRhYjYxNjQwMjBkYTk1MWRhNzc4MjZkMDQ5YzczZGZhMDgzZWI3YmFjZTg1ZjJhNDc0ZA) } } .clr-ixeo .lm9 h2 { color: #fff } .clr-ixeo .lm9 ul { margin: 40px auto; list-style: none; width: 480px; max-width: 80% } .clr-ixeo .lm9 ul>li { background-color: #fff; margin: 1px 0; cursor: pointer; position: relative } .clr-ixeo .lm9 ul>li .title { font-size: 13pt; padding: 15px 35px 15px 10px; z-index: 2; position: relative; cursor: pointer } .clr-ixeo .lm9 ul>li:nth-child(3) .par { padding-bottom: 100px } .clr-ixeo .lm9 ul>li:after { z-index: 1; content: ""; width: 26px; height: 24px; background-size: cover; background-image: url(/medias/p.png?context=bWFzdGVyfG11ei1peGVvfDg3OXxpbWFnZS9wbmd8aDcyL2hmMS8xMjk1ODU4NDM0MDUxMC5wbmd8NzY5Y2U2YTRmYWM0YzRkMjA2OWYyMmM5ZTRlNzVjNjEyNDI0ZjdkNTUwNjA2NjU5NzljMThmMjEyYzBhNDBlNw); color: #09c; position: absolute; top: 10px; right: 10px; font-weight: 700 } .clr-ixeo .lm9 ul>li .par { display: none; margin: 5px 0; padding: 10px 15px 25px; font-size: 9pt; line-height: 12px; color: #444!important } .clr-ixeo .lm9 ul>li .par p { text-align: left; line-height: 12px; padding: 3px 0; font-size: 9pt; margin: 5px 0 } .clr-ixeo .lm9 ul>li .par img.right { float: right; max-width: 40% } .clr-ixeo .lm9 ul>li .par .btn { margin: 5px auto 10px; display: block; max-width: 260px; padding: 6px 10px; font-size: 8pt } .clr-ixeo .lm9 ul>li .par:before { content: ""; display: block; width: 40px; border-top: 5px solid #09c; margin-bottom: 10px } .clr-ixeo .lm9 ul>li .par ol { padding: 10px 10px 10px 20px; line-height: 12px; font-size: 9pt } .clr-ixeo .lm9 ul>li .par ol li { margin: 5px 0 } .clr-ixeo .lm9 ul>li .par iframe { width: 100%; max-width: 100% } .clr-ixeo .lm9 ul>li .par .imgbul { height: 180px } .clr-ixeo .lm9 ul>li .par .imgbul>span { width: 33%; height: 150px; float: left; display: block; position: relative } .clr-ixeo .lm9 ul>li .par .imgbul>span img { position: absolute; left: 40%; width: 50%; object-fit: cover; object-position: top left } .clr-ixeo .lm9 ul>li .par .imgbul>span em { position: absolute; top: 110px; left: 20%; width: 30px; line-height: 30px; font-weight: 400; font-family: UniversLTStd_Cn, sans-serif; font-size: 17pt; text-align: center; height: 30px; color: #af5d2d; border: 2px solid #af5d2d } .clr-ixeo .lm9 ul>li.active .title { margin-bottom: 5px } .clr-ixeo .lm9 ul>li.active .par { display: block } .clr-ixeo .lm9 ul>li.active:after { background-image: url(/medias/x.png?context=bWFzdGVyfG11ei1peGVvfDEzOTZ8aW1hZ2UvcG5nfGhjNC9oNmYvMTI5NTg1ODQ5OTU4NzAucG5nfDIzMDAwNTJjNjMxODhmNjgxZGMwMWVjMjg5NDNmMTc4ZWVmYjc2ZWEwYjZmZjUwZTIyZGQwNWQ1NWZlY2UxZDc) } @media(max-width:768px) { .clr-ixeo .lm9 { background-position: top right -270px } } .clr-ixeo h1 { margin-bottom: 20px } .clr-ixeo h2 { margin-bottom: 30px } .clr-ixeo h2>span { display: block; font-style: italic; font-weight: 400; text-transform: none; font-family: "PT Serif", serif; margin-bottom: 14px } .clr-ixeo h2>span:after, .clr-ixeo h2>span:before { content: ""; width: 40px; margin: 9px; display: inline-block; border-bottom: 2px solid #a2aabc } .clr-ixeo h2:after { display: none } @media(max-width:768px) { .clr-ixeo h2 { font-size: 12pt; margin-top: 0; margin-bottom: 15px } .clr-ixeo h2>span { margin-bottom: 8px } .clr-ixeo h2>span:after, .clr-ixeo h2>span:before { width: 20px; margin: 5px 9px } } .clr-ixeo .p h3 { background-color: #fff } .clr-ixeo .p h3.invert { background: 0 0; color: #1f262c } .clr-ixeo .btn { border-radius: 50px; text-transform: none; font-weight: 400 } .clr-ixeo .lm1 .rp { height: 100%; width: 480px; font-family: "PT Serif"; max-width: 480px } .clr-ixeo .lm1 .rp h3 { max-width: 480px; width: 480px; font-weight: 400; line-height: 50px; font-family: "PT Serif"; font-size: 30pt; text-align: center; color: #303e51; font-style: italic; font-weight: 700; text-transform: inherit } .clr-ixeo .lm1 .rp h3:after, .clr-ixeo .lm1 .rp h3:before { display: none } .clr-ixeo .lm1 .rp .btn { top: initial; bottom: 25px; position: absolute; border: 0; font-size: 15pt; margin: 0 } @media(max-width:768px) { .clr-ixeo .lm1 .rp { max-width: 50% } .clr-ixeo .lm1 .rp h3 { max-width: 100%; text-align: center; font-size: 15pt; line-height: 26px; right: 0 } .clr-ixeo .lm1 .rp .btn { font-size: 12pt; max-width: 90% } } .clr-ixeo .lm2 h1 { background-image: url(/medias/logo-en.png?context=bWFzdGVyfG11ei1peGVvfDU5MjB8aW1hZ2UvcG5nfGhjMi9oODAvMTI5NzQ3NDY1MDExNTAucG5nfGFjNDE2OWU3NDE4MWMzMDNmYjEyZDY1YjQ5MDA4M2MwNjZjNGI2YmVhYjYxNjdmMGI5ZWZiNjg3OGJmMTQwNjM); height: 120px } .clr-ixeo .lm2 h2 { line-height: 30px } .clr-ixeo .lm2 h2 img { margin: 2px 10px } .clr-ixeo .lm2 h2:after { display: none } .clr-ixeo .lm2 .p h3 { max-width: 300px; text-transform: inherit; font-weight: 400; font-size: 21pt; opacity: .8; line-height: 28px; display: block; color: #000 } .clr-ixeo .lm2 .p h3 strong { font-weight: 700 } .clr-ixeo .lm2 .p2 .c1 h3 { left: 10%; top: 10% } .clr-ixeo .lm2 .p2 .c2 h3 { left: 10%; top: 10% } .clr-ixeo .lm3 .orContainer { background-image: url(/medias/lm3-rowenta-desktop.jpg?context=bWFzdGVyfHJvb3R8ODg1OTZ8aW1hZ2UvanBlZ3xoNDgvaDJiLzEzMzQyNTU2OTQ2NDYyLmpwZ3w2NGU0YzNiMGE1NzFkNWZmZGMwYTRhNjUwOTBiYmI2ZmRlNjJlZWVhYmNlYjgwNjJlNzRjZjk3NDc2NmJiMmIx) } @media(min-width:1281px) { .clr-ixeo .lm3 .orContainer { background-image: url(/medias/lm3-rowenta-1920px-mobile.jpg?context=bWFzdGVyfHJvb3R8MTY5ODEwfGltYWdlL2pwZWd8aGM1L2hiZC8xMzM0MjU1NTk5NjE5MC5qcGd8OWQwZTAyMjM0MjlmNTcwNDQ1ODdiNGI4NWQ5OGJkNzIwOGVkMmMyMzUxNGQ2ZjdkM2YwZGY3ZTZmYzJjMDVlMQ) } } .clr-ixeo .lm3 .orContainer:before { content: "OR" } .clr-ixeo .lm3 .orContainer h3 { line-height: 30px } .clr-ixeo .lm3 h2:after { display: none } @media(max-width:768px) { .clr-ixeo .lm3 h2 { margin-bottom: 20px } } .clr-ixeo .lm3 .p3 { min-height: 390px } .clr-ixeo .lm3 .p3 .bul { background-image: url(/medias/5b-en.png?context=bWFzdGVyfG11ei1peGVvfDI1Mzc4fGltYWdlL3BuZ3xoNjUvaDQ4LzEyOTc0NzQ2MDQyMzk4LnBuZ3w1ZDg3MTk0ODJkNzdkMjkwNDJjMTY1MTAwYzg0N2RiMzE4ODE0NTgxNWUxODg1Y2JjZGRjYmM5YjdiZWZhYTUx); width: 116px } .clr-ixeo .lm3 .p3 .block { max-width: 330px } .clr-ixeo .lm3 .p3 p strong { font-style: normal } .clr-ixeo .lm3 .p3 h3 { padding-left: 0 } @media(max-width:768px) { .clr-ixeo .lm3 .p3 { min-height: auto } .clr-ixeo .lm3 .p3 .bul { width: 63px } .clr-ixeo .lm3 .p3 h3.invert { max-width: 40%; word-wrap: break-word; display: inline-block } } .clr-ixeo .lm3 .p4 h3.invert { background-color: rgba(255, 255, 255, .8); text-transform: none; display: block; color: #444; width: 390px; font-weight: 400 } @media(max-width:768px) { .clr-ixeo .lm3 .orContainer .p h3 { line-height: 17px } .clr-ixeo .lm3 .p4 .bullets p { text-align: center; width: 100% } } .clr-ixeo .lm6 h2 { padding-top: 30px } .clr-ixeo .lm6.ie { background-position-y: top } .clr-ixeo .lm7 .price { display: none } .clr-ixeo .lm7 table tr td:nth-child(2), .clr-ixeo .lm7 table tr td:nth-child(3) { padding-left: 0!important; padding-right: 0!important } .clr-ixeo .lm4 p strong { font-style: normal } .clr-ixeo .lm4 .crsl .overblock .item.active:after { background-image: url(/medias/play-blue.png?context=bWFzdGVyfG11ei1peGVvfDE2Njd8aW1hZ2UvcG5nfGhjMy9oYTgvMTI5ODE5OTY0MjExNTAucG5nfDE4NWRkZDRlNDFmYmQ0ZGMzMGJjOWYzMWRhZjJhMGNlMzI5ZWNhMWY5OGQxZWRlMDk4Mjg5M2FmN2NhYTk2ZDk) } .clr-ixeo .lm5 .bd button { background-image: url(/medias/play-grey.png?context=bWFzdGVyfG11ei1peGVvfDIyNjJ8aW1hZ2UvcG5nfGhiOC9oZWMvMTI5NzQ3NDY4OTQzNjYucG5nfGI4ZjFkZDYxYjFkYWFhZTc4NzFjOWVhM2Y5YWM5ZTZiMzVkN2MxMGU5NzRkNTFmMGU5ZGI1MzViYTdlMGE2Yjg) } .clr-ixeo .lm6 { padding-top: 0 } .clr-ixeo .lm6 .map ul li h3 { line-height: 24px } .clr-ixeo .lm6 .map ul li h3, .clr-ixeo .lm6 .map ul li p { white-space: pre-line } .clr-ixeo .lm6 .map ul li:before { background-image: url(/medias/bul-blue.png?context=bWFzdGVyfG11ei1peGVvfDc2N3xpbWFnZS9wbmd8aGExL2gzZS8xMjk3NDc0NjMwNDU0Mi5wbmd8ZGE2YmE2MWY0Y2YxYzVkMDk0ODdlZTEzYWU2ZGIxNWEyMzA4NzUxOWI0ZmNjNWQ5OGUzMDYyMTY4YzZjNmRjYw) } .clr-ixeo .lm6 .map ul li:after { border-color: #09c } .clr-ixeo .lm6 .map ul li h3:after { border-color: #09c } @media(max-width:768px) { .clr-ixeo .lm6 .map ul li h3 { line-height: 14px } } .clr-ixeo .lm7 table tbody tr:last-child td { padding-top: 0 } .clr-ixeo .lm7 table tbody tr:last-child td .price { display: none } @media(max-width:768px) { .clr-ixeo .lm7 { overflow-x: auto } .clr-ixeo .lm7 table thead tr td:nth-child(2) { background-image: url(/medias/ixeo-rowenta.png?context=bWFzdGVyfG11ei1peGVvfDEzMDc4fGltYWdlL3BuZ3xoYWEvaDljLzEyOTk1MDU0NTAxOTE4LnBuZ3xiOTYwOTY0ZDNhZjgzNjhkNjdkNDQxYWRiODhmMDAzNGNjOTJlNWU3NGJlZWEzNTZhZGI2NzA2M2NhZDA1MzFl) } .clr-ixeo .lm7 table thead tr td:nth-child(3) { background-image: url(/medias/ixeo-rowenta-white.png?context=bWFzdGVyfG11ei1peGVvfDE0MDA2fGltYWdlL3BuZ3xoMzkvaGVhLzEyOTk1MDU0NDAzNjE0LnBuZ3wwYjBlNDIyYjEwMjE2MDhiNjY2NTljYzlmMTk3YWM4MTE4NzJlNGE5ZjY2NmE4MzdmMDJiYzJlMzA2YWI0ZDhl) } .clr-ixeo .lm7 table tbody tr:last-child td:nth-child(2) .btn, .clr-ixeo .lm7 table tbody tr:last-child td:nth-child(3) .btn { max-width: 90%; margin: 0 5px; font-size: 10pt; width: 100px; min-width: auto } } .clr-ixeo .lm9 h2 { margin: 40px auto; font-size: 32pt } .clr-ixeo .lm9 ol { height: auto } .clr-ixeo .lm9 ol li { display: list-item!important; list-style: circle } .clr-ixeo .lm9 .par:before { border-top-width: 2px!important } .clr-ixeo .lm9 .p.active:nth-child(3) { min-height: 260px }