/*//////////////////////////// NORMALIZE ////////////////////////////*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} /*//////////////////////////// FIN NORMALIZE ////////////////////////////*/ @font-face { font-family: 'Sugo'; src: url('../../../fonts/Sugo.eot'); src: url('../../../fonts/Sugo.eot#iefix') format('embedded-opentype'), url('../../../fonts/Sugo.woff') format('woff'), url('../../../fonts/Sugo.ttf') format('truetype'), url('../../../fonts/Sugo.svg') format('svg'); font-style: normal; font-weight: 400; } @font-face { font-family: 'Sugo-light'; src: url('../../../fonts/Sugo-UltraLight.eot'); src: url('../../../fonts/Sugo-UltraLight.eot#iefix') format('embedded-opentype'), url('../../../fonts/Sugo-UltraLight.woff') format('woff'), url('../../../fonts/Sugo-UltraLight.ttf') format('truetype'), url('../../../fonts/Sugo-UltraLight.svg') format('svg'); font-style: normal; font-weight: 200; } @font-face { font-family: 'roboto_condensedlight'; src: url('../../../fonts/robotocondensed-light-webfont.eot'); src: url('../../../fonts/robotocondensed-light-webfont.eot#iefix') format('embedded-opentype'), url('../../../fonts/robotocondensed-light-webfont.woff') format('woff'), url('../../../fonts/robotocondensed-light-webfont.ttf') format('truetype'), url('../../../fonts/robotocondensed-light-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('../../../fonts/robotocondensed-bold-webfont.eot'); src: url('../../../fonts/robotocondensed-bold-webfont.eot#iefix') format('embedded-opentype'), url('../../../fonts/robotocondensed-bold-webfont.woff') format('woff'), url('../../../fonts/robotocondensed-bold-webfont.ttf') format('truetype'), url('../../../fonts/robotocondensed-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } a:focus, a:active { outline:none; } a {text-decoration:none;} ul, ol { margin:0; padding:0; } li { list-style:none; } .reset { display:block; width:100%; float:none; clear:both; } .text-light { font-family: 'roboto_condensedlight'; } .text-das { font-family: 'roboto_condensedlight'; font-size:10px; color:#000000; } .line { display:block; width:100%; } .ie8 { display:none; } .lt-ie9 .ie8 { display:block; } img { display:block; height:auto; } #overlayResponsive { position:fixed; top:0; left:0; z-index:9000; width:100%; height:100%; background:#f9f9f9 url('https://m6mobile.fr/skins/minisite-ice-phone-twist/img/tooSMALL_m6mobile.jpg') no-repeat 50% 50%; background-size:contain; display:none; } @media screen and (max-height:570px) and (min-width:767px) { .no-touch #overlayResponsive { background:#f9f9f9 url('https://m6mobile.fr/skins/minisite-ice-phone-twist/img/tooSMALL_m6mobile.jpg') no-repeat 50% 50%; display:block; } } @media screen and (max-width:767px) { /* #slideshow, #overlay {display:none;}*/ } .lt-ie9 #overlayResponsive { background:#f9f9f9 url('https://m6mobile.fr/skins/minisite-ice-phone-twist/img/change-browser-screen.jpg') no-repeat 50% 50%; display:block; } /* html { width:100%; height:100%; } #bodySITE { margin:0; padding:0; width:100%; height:100%; } #wrappSite { font-family: 'Sugo'; line-height:1; width:100%; height:100%; } .no-touch.ie9 .overlay { display:none!important; } .overlay.showLayer { display:block!important; } @media screen and (max-height:570px) { .no-touch .overlay { display:none; } } .no-js .overlay, .overlay.hide { -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; visibility: hidden; } */ .info { color:#ffffff; text-align: center; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 80%; width: 100%; } .info span { display: inline-block; font-family: 'roboto_condensedbold'; width: 180px; height: 180px; padding: 40px 10px 10px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 4px; text-align: center; vertical-align: top; background-size: 75%; background-color:#8e2b8c; background-repeat: no-repeat; background-position: 50% 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .info span .fa { font-size:60px; } .info span.info-drag { background-image: url('../img/swipe.png'); } .info span.info-keys { background-image: url('https://m6mobile.fr/skins/minisite-ice-phone-twist/img/arrows-keyboard.png'); } .touch .info span.info-keys { display:none; } .info button { border: none; font-size:24px; text-transform: uppercase; display: block; outline: none; width:100%; max-width:240px; height:32px; line-height:30px; margin:20px auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border:#8e2b8c 1px solid; background-color: #ffffff; color:#8e2b8c; display:block; } .info button:hover { opacity: 1; } #btnMention { position:absolute; bottom:0; right:0; z-index:6000; padding:4px 10px; display:block; background-color:#ffffff; color:#8e2b8c; cursor:pointer; } /*//////////////////////////// MAINHEADER ////////////////////////////*/ /* #mainHeader { position:fixed; top:0; left:0; z-index:5000; width:100%; height:76px; background-color:#ffffff; box-shadow:0 0 4px rgba(0,0,0,0.1); } @media screen and (max-width:767px) { .touch #mainHeader { position:relative; } .no-touch #mainHeader { position:relative; } } #mainHeader .mid { position:relative; padding-top:32px; } #mainHeader .mid .content {} #mainHeader .mid .content #btnBackM6mobile { position:absolute; display:block; top:35px; left:30px; z-index:50; width:180px; } @media screen and (max-width:960px) { #mainHeader .mid .content #btnBackM6mobile { width:100px; top:16px; } } @media screen and (max-height:640px) { .no-touch #mainHeader .mid .content #btnBackM6mobile { width:100px; top:16px; } } @media screen and (max-width:767px) { .touch #mainHeader .mid .content #btnBackM6mobile, .no-touch #mainHeader .mid .content #btnBackM6mobile { width:100px; top:16px; } .touch #mainHeader .mid .content #btnBackM6mobile img, .no-touch #mainHeader .mid .content #btnBackM6mobile img { display:block; width:100%; } } #mainHeader .mid .content .wrapp-main-menu { max-width:548px; margin:0 auto; } .mini #mainHeader .mid .content .wrapp-main-menu, .mini .details-mobile, .mini .univers-title, .mini #slideMobile, .mini #add-to-cart-mobile { display:none; } @media screen and (max-width:960px) { #mainHeader .mid .content .wrapp-main-menu { display:none; } } #mainHeader .mid .content .wrapp-main-menu .item-link { position:relative; display:inline-block; margin:0 20px; color:#8e2b8c; font-size:30px; } #mainHeader .mid .content .wrapp-main-menu .item-link.active:before { content:" "; position:absolute; display:block; bottom:-35px; left:50%; margin-left:-35px; width:0px; height:0px; border-left: 35px solid transparent; border-right: 35px solid transparent; border-top: 35px solid #ffffff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #mainHeader .mid .content .wrapp-main-menu .item-link a { color:#8e2b8c; } */ /*//////////////////////////// FIN MAINHEADER ////////////////////////////*/ /*//////////////////////////// MAINFOOTER ////////////////////////////*/ /* #mainFooter { position:fixed; bottom:0; left:0; z-index:5000; width:100%; height:100px; background-color:#ffffff; } @media screen and (max-height:900px) { #mainFooter { height:60px; } } @media screen and (max-height:640px) { #mainFooter { width:80px; height:60px; padding-left:40px; } } @media screen and (max-width:767px) { .touch #mainFooter { display:none; } } #mainFooter .mid { position:relative; width:100%; height:100%; } #mainFooter .mid .content { width:100%; height:100%; background:url('../img/logo_ice-phone-lines.png') repeat-x 0 12px; } @media screen and (max-height:900px) { #mainFooter .mid .content { background:url('../img/logo_ice-phone-lines.png') repeat-x 0 0px; background-size:70px; } } @media screen and (max-height:640px) { #mainFooter .mid .content { background:none; } } #mainFooter .mid .content #logoIcePhone { position:absolute; top:3px; left:50%; z-index:12; display:block; height:94px; margin-left:-71px; background-color:#ffffff; padding:0 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-height:900px) { #mainFooter .mid .content #logoIcePhone { height:54px; margin-left:-41px; } } #mainFooter .mid .content #linesIcePhone { position:absolute; top:3px; left:0; z-index:11; display:block; width:100%; height:94px; } */ /*//////////////////////////// FIN MAINFOOTER ////////////////////////////*/ /*//////////////////////////// CONTENU SMARTPHONE ////////////////////////////*/ #smartphoneContent { padding: 0 0; /*max-height:100%;*/ /*display:none;*/ } .no-touch #smartphoneContent {display:none;} @media screen and (max-width:767px) { .touch #smartphoneContent {display:block;} .no-touch #smartphoneContent {display:block;} } #smartphoneContent .wrapp-smartphone-content { padding-bottom:140px; } #smartphoneContent .wrapp-smartphone-content .line-content { padding: 0; width:100%; text-align:center; } #smartphoneContent .wrapp-smartphone-content .line-content a { display:block; width:100%; } #smartphoneContent .wrapp-smartphone-content .line-content img { display:block; width:100%; } /*//////////////////////////// SLIDES ////////////////////////////*/ #slideshow { width:100%; } #wrappSlides { width:100%; height:40px; min-height: 700px; position: relative; } @media screen and (max-width:767px) { #wrappSlides { min-height: 440px; } } @media screen and (max-width:540px) { #wrappSlides { min-height: 480px; } } #wrappSlides .inner-wrapp-slides, #wrappSlides .pages, #wrappSlides .handle { width:100%; min-height:100%; } #wrappSlides .wrapp-slides { width:600%; height:100%; } #wrappSlides .item-slide { width:100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* padding-top:76px; padding-bottom:100px;*/ } @media screen and (max-height:640px) { .no-touch #wrappSlides .item-slide { padding-bottom:0; } } .switch-min #wrappSlides .item-slide { padding-top:0; padding-bottom:0; } .wrapp-item-slide { position:relative; width:100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; } .switch-min { color:#ffffff; background-color: #612b9b; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkMjk3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYxMmI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: -o-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: -webkit-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); z-index:40; } .switch-min .wrapp-item-slide { display:none; } .switch-max .img-wrap, .img-wrap { display:none; } .switch-min .img-wrap { display:block; } .img-wrap img { display:block; width:100%; } .img-wrap .wrapp-pix { } .img-wrap .title-page { padding:10px; text-transform:uppercase; } .img-wrap .title-page .line { font-family: 'Sugo-light'; font-size:20px; font-weight:normal; } .img-wrap .title-page .line.text-light { font-family: 'Sugo-light'; font-size:18px; font-weight:normal; } .item-bulle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .wrapp-bulle { position:relative; width:100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .corner-left { position:absolute; bottom:0; left:0; text-align:center; display:none; padding:0 0 6px 0; background:url('../img/bg_shadow-corner-left.png') no-repeat 50% bottom; background-size:contain; } @media screen and (min-height:860px) and (min-width:1260px) { .corner-left { display:block; } } @media screen and (min-width:1360px) { .corner-left { left:40px; } } @media screen and (min-width:1060px) { #slideMobile .corner-left { display:block; left:-80px; } } @media screen and (max-width:1060px) and (max-height:728px) { .no-touch #slideMobile .corner-left { display:block; left:-80px; } } @media screen and (min-width:959px) { .touch #slideMobile .corner-left { display:block; left:-80px; } } @media screen and (min-width:1260px) { #slideMobile .corner-left { left:60px; } } .corner-left .wrapp-corner { max-width:360px; } .corner-left .wrapp-corner .title-corner { color:#8e2b8c; font-size:28px; padding:0 5px; } .corner-left .wrapp-corner .wrapp-pix { margin:0 auto; text-align:center; } .corner-left .wrapp-corner .wrapp-pix img { display:block; width:100%; } /* HOME */ #slideHome { position:relative; width:100%; height:100%; background-color:#efefef; } #slideHome.wrapp-item-slide { padding-top:20px; } @media screen and (max-width:959px) { #slideHome.wrapp-item-slide { padding-top:0; } } @media screen and (max-height:900px) { #slideHome.wrapp-item-slide { padding-top:0; } } #slideHome .wrapp-all-bulle { position:relative; max-width:960px; height:100%; margin:0 auto; } @media screen and (max-width:959px) { #slideHome .wrapp-all-bulle { max-width:none; } } #bulleHomeOffre { position:absolute; top:50%; left:50%; margin-left:-300px; z-index:10; width:180px; height:180px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #93037f; -moz-box-shadow: 0 4px 0 rgba(1,1,1,.19); -webkit-box-shadow: 0 4px 0 rgba(1,1,1,.19); box-shadow: 0 4px 0 rgba(1,1,1,.19); color:#ffffff; text-align:center; } @media screen and (min-width:959px) { .touch #bulleHomeOffre { margin-left:-300px; width:210px; height:210px; } } @media screen and (max-width:960px) { #bulleHomeOffre { margin-left:-400px; } } @media screen and (max-width:959px) { #bulleHomeOffre { position:relative; top:0; left:0; margin-left:0; width:100%; height:33.333333%; border-radius:0; box-shadow:none; padding:20px; } } @media screen and (max-width:959px) { #bulleHomeOffre .title-bulle { position:relative; left:0; height:100%; } } @media screen and (max-width:639px) { #bulleHomeOffre .title-bulle { padding-top:20px; } } #bulleHomeOffre .line1 { padding-top:12px; font-size:26px; text-transform:uppercase; } @media screen and (max-width:959px) and (min-width:640px) { #bulleHomeOffre .line1 { position:absolute; top:32%; font-size:32px; width:20%; } } @media screen and (max-width:639px) { #bulleHomeOffre .line1 { display:inline; } } #bulleHomeOffre .line2 { font-size:26px; margin-bottom:6px; text-transform:uppercase; } @media screen and (max-width:959px) and (min-width:640px) { #bulleHomeOffre .line2 { position:absolute; top:54%; font-size:32px; width:20%; } } @media screen and (max-width:639px) { #bulleHomeOffre .line2 { display:inline; } } #bulleHomeOffre .line3 {} @media screen and (max-width:959px) and (min-width:640px) { #bulleHomeOffre .line3 { position:absolute; top:34%; left:0; width:100%; text-align:center; } } #bulleHomeOffre .line3 .line-col.left { width:50%; float:left; } #bulleHomeOffre .line3 .line-col.right { width:40%; float:right; } #bulleHomeOffre .text-heure { position:relative; font-size:64px; text-align:right; } @media screen and (max-width:959px) { #bulleHomeOffre .text-heure { font-size:104px; } } @media screen and (max-width:639px) { #bulleHomeOffre .text-heure { font-size:104px; margin-top:10px; } } #bulleHomeOffre .text-heure sup { position:absolute; left:100%; top:0; font-size:10px; } #bulleHomeOffre .mini-bulle { width:55px; height:55px; padding:5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #811471; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:-5px; } @media screen and (max-width:959px) and (min-width:640px) { #bulleHomeOffre .mini-bulle { width:120px; height:120px; margin-top:-20px; margin-left:-50px; } } @media screen and (max-width:640px) { #bulleHomeOffre .mini-bulle { background-color:transparent; border-radius:0; } } @media screen and (max-width:639px) { #bulleHomeOffre .mini-bulle { margin-top:0px; } #bulleHomeOffre .line3 .line-col.right { width:50%; } } #bulleHomeOffre .text-data { font-size:28px; line-height:18px; padding-top:8px; } @media screen and (max-width:959px) { #bulleHomeOffre .text-data { font-size:68px; line-height:58px; padding-top:18px; } } #bulleHomeOffre .text-light { font-size:13px; line-height:10px; padding-top:0; text-transform:uppercase; } #bulleHomeOffre .text-light sup { font-size:8px; } #bulleHomeOffre .wrapp-call-to-action { margin:8px auto 0 auto; max-width:90px; } @media screen and (max-width:959px) { #bulleHomeOffre .wrapp-call-to-action { position:absolute; top:46%; right:30px; width:120px; max-width:none; } } @media screen and (max-width:639px) { #bulleHomeOffre .wrapp-call-to-action { position:absolute; top:auto; bottom:20px; left:50%; width:140px; margin-left:-70px; text-align:center; } } @media screen and (max-width:639px) { #bulleHomeOffre .wrapp-call-to-action { bottom:4px; } } #bulleHomeOffre .wrapp-call-to-action a { width:100%; height:24px; margin:0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ffffff; color:#93037f; display:block; } @media screen and (max-width:959px) { #bulleHomeOffre .wrapp-call-to-action a { width:100%; height:30px; padding:0 10px; } } #bulleHomeOffre .wrapp-call-to-action a span { font-size:18px; line-height:30px; text-transform:uppercase; } @media screen and (max-width:959px) { #bulleHomeOffre .wrapp-call-to-action a span { font-size:26px; line-height:38px; width:100%; } } #bulleHomeMobile { position:absolute; top:10%; left:50%; margin-left:-210px; z-index:8; width:420px; height:420px; padding:50px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fbfbfb; -moz-box-shadow: 0 4px 0 rgba(1,1,1,.19); -webkit-box-shadow: 0 4px 0 rgba(1,1,1,.19); box-shadow: 0 4px 0 rgba(1,1,1,.19); color:#93037f; text-align:center; } @media screen and (max-width:960px) { #bulleHomeMobile { margin-left:-300px; } } @media screen and (max-width:959px) { #bulleHomeMobile { position:relative; top:0; left:0; margin-left:0; width:100%; height:25%; border-radius:0; box-shadow:none; padding:0; } } #bulleHomeMobile .title-bulle { font-size:34px; margin-bottom:12px; text-transform:uppercase; } @media screen and (max-width:959px) { #bulleHomeMobile .title-bulle { position:absolute; width:20%; top:46%; text-align:center; } } @media screen and (max-width:639px) { #bulleHomeMobile .title-bulle { font-size:26px; } } #bulleHomeMobile .wrapp-pix { max-width:480px; margin:0 auto; } @media screen and (max-width:959px) { #bulleHomeMobile .wrapp-pix { width:50%; height:80%; padding-top:20px; } } #bulleHomeMobile .wrapp-pix img { display:block; width:100%; } @media screen and (max-width:959px) { #bulleHomeMobile .wrapp-pix img { width:auto; max-width:none; height:100%; margin:0 auto; } } @media screen and (max-width:959px) { #bulleHomeMobile .text-das { position:absolute; bottom:10px; } } #bulleHomeMobile .wrapp-call-to-action { margin:8px auto 0 auto; max-width:160px; } @media screen and (max-width:959px) { #bulleHomeMobile .wrapp-call-to-action { position:absolute; top:46%; right:30px; width:120px; } } #bulleHomeMobile .wrapp-call-to-action a { width:100%; height:30px; margin:0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #93037f; color:#ffffff; display:block; } @media screen and (max-width:959px) { #bulleHomeMobile .wrapp-call-to-action a { padding:0 10px; } } #bulleHomeMobile .wrapp-call-to-action a span { font-size:26px; line-height:38px; text-transform:uppercase; } #bulleHomeJeu { position:absolute; top:50%; right:0; margin-top:-160px; margin-right:-30px; z-index:6; width:260px; height:260px; padding:10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #612b9c; -moz-box-shadow: 0 4px 0 rgba(1,1,1,.19); -webkit-box-shadow: 0 4px 0 rgba(1,1,1,.19); box-shadow: 0 4px 0 rgba(1,1,1,.19); color:#ffffff; text-align:center; } @media screen and (min-width:959px) { .touch #bulleHomeJeu { width:290px; height:290px; margin-right:-50px; } } @media screen and (max-width:960px) { #bulleHomeJeu { margin-right:50px; } } @media screen and (max-width:959px) { #bulleHomeJeu { position:relative; top:0; left:0; width:100%; height:33.333333%; margin-right:auto; margin-top:0; margin-left:0; border-radius:0; box-shadow:none; padding: 0; } } #bulleHomeJeu .title-bulle { font-size:28px; margin-bottom:6px; text-transform:uppercase; } @media screen and (max-width:959px) { #bulleHomeJeu .title-bulle { position:absolute; top:46%; width:20%; text-align:center; } #bulleHomeJeu .title-bulle .line { display:inline; } } #bulleHomeJeu .wrapp-pix { max-width:90px; margin:0 auto; } @media screen and (max-width:959px) { #bulleHomeJeu .wrapp-pix { max-width:200px; height:80%; padding-top:20px; } } #bulleHomeJeu .wrapp-pix img { display:block; width:100%; } @media screen and (max-width:959px) { #bulleHomeJeu .wrapp-pix img { width:auto; margin:0 auto; height:100%; } } #bulleHomeJeu .wrapp-call-to-action { margin:6px auto 0 auto; max-width:120px; } @media screen and (max-width:959px) { #bulleHomeJeu .wrapp-call-to-action { position:absolute; top:46%; right:30px; width:120px; } } #bulleHomeJeu .wrapp-call-to-action a { width:100%; height:30px; margin:0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ffffff; color:#612b9c; display:block; } @media screen and (max-width:959px) { #bulleHomeJeu .wrapp-call-to-action a { padding:0 10px; } } #bulleHomeJeu .wrapp-call-to-action a span { font-size:26px; line-height:38px; text-transform:uppercase; } /* FIN HOME */ /* MOBILE */ #slideMobile { position:relative; width:100%; height:100%; background-color: #612b9b; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkMjk3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYxMmI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: -o-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: -webkit-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #slideMobile.univers-violet { color:#ffffff; background-color: #612b9b; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkMjk3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYxMmI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: -o-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: -webkit-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxNDVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2NGRjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #7145ae 0%, #864dc5 100%); background-image: -o-linear-gradient(bottom right, #7145ae 0%, #864dc5 100%); background-image: -webkit-linear-gradient(bottom right, #7145ae 0%, #864dc5 100%); background-image: linear-gradient(bottom right, #7145ae 0%, #864dc5 100%); } #slideMobile.univers-blanc { background-color: #fff; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); background-image: -webkit-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); background-image: linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); */ background-color: #fff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #eee 0%, #c9c9c9 100%); background-image: -o-linear-gradient(bottom right, #eee 0%, #c9c9c9 100%); background-image: -webkit-linear-gradient(bottom right, #eee 0%, #c9c9c9 100%); background-image: linear-gradient(bottom right, #eee 0%, #c9c9c9 100%); } #slideMobile.univers-bleu { /* background-color: #0083c5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNzViMSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODNjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODNjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #0b75b1 0%, #0083c5 99.78%, #0083c5 100%); background-image: -o-linear-gradient(bottom right, #0b75b1 0%, #0083c5 99.78%, #0083c5 100%); background-image: -webkit-linear-gradient(bottom right, #0b75b1 0%, #0083c5 99.78%, #0083c5 100%); background-image: linear-gradient(bottom right, #0b75b1 0%, #0083c5 99.78%, #0083c5 100%); */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkODdiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyYThkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIyYThkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #2d87ba 0%, #22a8d4 99.78%, #22a8d4 100%); background-image: -o-linear-gradient(bottom right, #2d87ba 0%, #22a8d4 99.78%, #22a8d4 100%); background-image: -webkit-linear-gradient(bottom right, #2d87ba 0%, #22a8d4 99.78%, #22a8d4 100%); background-image: linear-gradient(bottom right, #2d87ba 0%, #22a8d4 99.78%, #22a8d4 100%); } #slideMobile.univers-rouge { background-color: #eb3d47; /* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MmUzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViM2Q0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #c72e36 0%, #eb3d47 100%); background-image: -o-linear-gradient(bottom right, #c72e36 0%, #eb3d47 100%); background-image: -webkit-linear-gradient(bottom right, #c72e36 0%, #eb3d47 100%); background-image: linear-gradient(bottom right, #c72e36 0%, #eb3d47 100%); */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhM2E0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZWE0MjRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWE0MjRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=); background-image: -moz-linear-gradient(bottom right, #da3a42 0%, #ea424c 41.33%, #ea424c 100%); background-image: -o-linear-gradient(bottom right, #da3a42 0%, #ea424c 41.33%, #ea424c 100%); background-image: -webkit-linear-gradient(bottom right, #da3a42 0%, #ea424c 41.33%, #ea424c 100%); background-image: linear-gradient(bottom right, #da3a42 0%, #ea424c 41.33%, #ea424c 100%); } #slideMobile .univers-title { position:absolute; top:30px; left:0; width:100%; font-family:"Sugo-light"; font-size:30px; text-align:center; color:#ffffff; } @media screen and (max-width:959px) { #slideMobile .univers-title { top:10px; } } #slideMobile.univers-blanc .univers-title { color:#000000; } #slideMobile .details-mobile { position:relative; max-width:960px; height:100%; margin:0 auto; } #slideMobile .nav-slider-mobile { position:absolute; width:42px; overflow:hidden; top:50%; right:-20px; margin-top:-41px; text-align:center; padding:0 1px; } @media screen and (max-width:767px) { #slideMobile .nav-slider-mobile { right:20px; } } #slideMobile .nav-slider-mobile .btn-arrow { width:40px; height:40px; border:#ffffff 1px solid; color:#ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom:2px; margin-right:-20px; display:block; cursor:pointer; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #slideMobile .nav-slider-mobile .btn-arrow.disable { opacity:0.2; cursor:default; margin-right:auto; margin-left:60px; } #slideMobile.univers-blanc .nav-slider-mobile .btn-arrow { color:#000000; border-color:#000000; } #slideMobile .nav-slider-mobile .btn-arrow .fa { line-height:40px; font-size:36px; } #slideMobile.univers-violet .nav-slider-mobile .btn-arrow { background-color: #4d297e; } #slideMobile.univers-blanc .nav-slider-mobile .btn-arrow { background-color: #ffffff; } #slideMobile.univers-bleu .nav-slider-mobile .btn-arrow { background-color: #0b75b1; } #slideMobile.univers-rouge .nav-slider-mobile .btn-arrow { background-color: #c72e36; } #slideMobile #bulleMobile { position:absolute; top:50%; left:50%; width:500px; height:500px; margin-top:-250px; margin-left:-250px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0 4px 0 rgba(1,1,1,.07); -webkit-box-shadow: 0 4px 0 rgba(1,1,1,.07); box-shadow: 0 4px 0 rgba(1,1,1,.07); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } @media screen and (max-width:767px) { #slideMobile #bulleMobile { position:relative; top:0; left:0; width:100%; height:100%; margin-top:0; margin-left:0; box-shadow:none; border-radius:0; } } @media screen and (max-width:767px) { #wrapp-point-attribut { display:none; } } @media screen and (max-height:728px) { #slideMobile #bulleMobile { width:380px; height:380px; margin-top:-190px; margin-left:-190px; } } #slideMobile.univers-violet #bulleMobile { border:#431772 2px solid; } #slideMobile.univers-blanc #bulleMobile { border:#000000 2px solid; } #slideMobile.univers-bleu #bulleMobile { border:#004fab 2px solid; } #slideMobile.univers-rouge #bulleMobile { border:#a2161f 2px solid; } @media screen and (max-width:767px) { #slideMobile #bulleMobile, #slideMobile.univers-violet #bulleMobile, #slideMobile.univers-blanc #bulleMobile, #slideMobile.univers-bleu #bulleMobile, #slideMobile.univers-rouge #bulleMobile { border: none; } } #slideMobile .line-point { position:absolute; font-family:'roboto_condensedlight'; font-size:15px; line-height:20px; color:#ffffff; top:50%; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -ms-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out; opacity:0; } #slideMobile .line-point.left { left:50%; } #slideMobile .line-point.right { right:50%; } #slideMobile .line-point.youhou { opacity:1; } #slideMobile .line-point#point1 { margin-top:-206px; margin-left:-200px; } #slideMobile .line-point#point1.youhou { margin-left:-286px; } @media screen and (max-height:728px) { #slideMobile .line-point#point1 { margin-top:-148px; } #slideMobile .line-point#point1.youhou { margin-left:-272px; } } #slideMobile .line-point#point2 { margin-top:-140px; margin-left:-410px; } #slideMobile .line-point#point2.youhou { margin-left:-310px; } @media screen and (max-height:728px) { #slideMobile .line-point#point2 { margin-top:-102px; } } #slideMobile .line-point#point3 { margin-top:100px; margin-right:-510px; } #slideMobile .line-point#point3.youhou { margin-right:-360px; } @media screen and (max-height:728px) { #slideMobile .line-point#point3 { margin-top:60px; } } #slideMobile .line-point#point4 { margin-top:-96px; margin-right:-340px; } #slideMobile .line-point#point4.youhou { margin-right:-372px; } #slideMobile.step3 .line-point#point4.youhou { margin-right:-346px; } @media screen and (max-height:728px) { #slideMobile .line-point#point4.youhou { margin-right:-340px; } #slideMobile.step3 .line-point#point4.youhou { margin-right:-316px; } } #slideMobile .line-point#point5 { margin-top:-20px; margin-left:-580px; } #slideMobile .line-point#point5.youhou { margin-left:-410px; } #slideMobile .line-point#point6 { margin-top:-130px; margin-right:-580px; } #slideMobile .line-point#point6.youhou { margin-right:-380px; } @media screen and (max-height:728px) { #slideMobile .line-point#point6 { margin-top:-90px; } } #slideMobile .line-point#point7 { margin-top:-120px; margin-left:-580px; } #slideMobile .line-point#point7.youhou { margin-left:-370px; } @media screen and (max-height:728px) { #slideMobile .line-point#point7 { margin-top:-80px; } #slideMobile .line-point#point7.youhou { margin-left:-340px; } } #slideMobile .line-point .title-attribut { line-height:20px; display:block; } #slideMobile .line-point .title-attribut b { font-size:10px; display:block; width:100%; } #slideMobile .line-point.left .title-attribut { float:left; text-align:right; } #slideMobile .line-point.right .title-attribut { float:right; margin-left:27px; text-align:left; } #slideMobile .line-point .point { width:21px; height:21px; display:block; background-color:#ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-top:0; } #slideMobile .line-point.left .point { float:left; } #slideMobile .line-point.rigth .point { float:right; } #slideMobile.univers-blanc .line-point {color:#000000;} #slideMobile.univers-blanc .line-point .point {background-color:#000000;} #slideMobile .line-point.left .point { margin-left:6px; } #slideMobile .line-point.left .point:after { content:""; position:absolute; top:10px; height:1px; width:100%; border-bottom:#ffffff 1px solid; } .lt-ie9 #slideMobile .line-point.left .point:after, .ie9 #slideMobile .line-point.left .point:after, .lt-ie9 #slideMobile .line-point.right .point:before, .ie9 #slideMobile .line-point.right .point:before { display:none; } #slideMobile .line-point.right .point:before { content:""; position:absolute; top:10px; right:100%; height:1px; width:100%; border-bottom:#ffffff 1px solid; } .lt-ie9 #slideMobile .line-point.left .point:before, .ie9 #slideMobile .line-point.left .point:before, .lt-ie9 #slideMobile .line-point.right .point:before, .ie9 #slideMobile .line-point.right .point:before { display:none; } #slideMobile.univers-blanc .line-point .point:before {border-color:#000000;} #slideMobile.univers-blanc .line-point .point:after {border-color:#000000;} #slideMobile .wrapp-attribut { position:absolute; bottom:70px; left:100%; margin-left:-96px; font-family:'roboto_condensedlight'; font-size:12px; text-align:left; width:240px; color:#000000; } #slideMobile .wrapp-attribut .picto { height:30px; } #slideMobile .wrapp-attribut .fa { color:#000000; font-size:30px; } #slideMobile .text-das { position:absolute; bottom:10px; left:0; width:100%; text-align:center; color:#ffffff; } @media screen and (max-width:767px) { #slideMobile .text-das { bottom:auto; top:360px; } } #slideMobile.univers-blanc .text-das { color:#000000; } #slideMobile #bulleMobile .wrapp-bulle-mobile { width:100%; height:100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow:hidden; text-align:center; } @media screen and (max-width:767px) { #slideMobile #bulleMobile .wrapp-bulle-mobile { border-radius:0; } } #slideMobile #bulleMobile .wrapp-bulle-mobile ul { width:400%; height:400%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .slide-mobile { width:100%; max-width:500px; height:100%; max-height:500px; float:left; line-height:100%; text-align:center; } @media screen and (max-width:767px) { .slide-mobile { width:25%; max-width:none; max-height:none; } } @media screen and (max-height:728px) { .slide-mobile { width:25%; max-width:none; max-height:380px; } } .slide-mobile .wrapp-pix-mobile { height:400px; } @media screen and (max-width:767px) { .slide-mobile .wrapp-pix-mobile { height:300px; } } @media screen and (max-height:728px) { .slide-mobile .wrapp-pix-mobile { height:270px; } } .slide-mobile .wrapp-pix-mobile img { display:block; height:100%; margin:50px auto; } #slideMobile #switcherColor { position:absolute; top:50%; margin-top:150px; right:10px; width:122px; text-align:center; } @media screen and (max-width:540px) { #slideMobile #switcherColor { margin-top:142px; right:50%; margin-right:-66px; } } #slideMobile #switcherColor .libelle-color { width:112px; border:#ffffff 1px solid; height:20px; line-height:25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color:#ffffff; font-family:'Sugo-light'; font-size:17px; margin:0 auto 6px auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #slideMobile.univers-blanc #switcherColor .libelle-color { border:#000000 1px solid; color:#000000; } #slideMobile #switcherColor .btn-switch-color { width:20px; height:20px; line-height:20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display:block; float:left; margin:0 4px; cursor:pointer; } #switcherColor.violet #btnViolet { border:#ffffff 1px solid; } #btnViolet { border:#4c1d7e 1px solid; background-color:#4c1d7e; } #switcherColor.blanc #btnBlanc { border:#000000 1px solid; } #btnBlanc { border:#ffffff 1px solid; background-color:#ffffff; } #btnBleu { border:#0084c5 1px solid; background-color:#0084c5; } #switcherColor.bleu #btnBleu { border:#ffffff 1px solid; } #btnRouge { border:#eb212e 1px solid; background-color:#eb212e; } #switcherColor.rouge #btnRouge { border:#ffffff 1px solid; } #slideMobile .corner-left { width:100%; max-width:360px; height:190px; } #slideMobile .corner-left .wrapp-corner { width:100%; max-width:360px; height:190px; } #slideMobile .corner-left .wrapp-pix { width:100%; max-width:160px; height:100%; } #slideMobile .corner-left .wrapp-pix img { position:absolute; bottom:40px; left:120px; width:100%; max-width:100px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #slideMobile .corner-left .wrapp-corner img.face { z-index:10; margin-left:0; } #slideMobile .corner-left .wrapp-corner img.dos { z-index:9; margin-left:0; } #slideMobile.reload .corner-left .wrapp-corner img.dos { margin-left:35px; } #slideMobile #add-to-cart-mobile { position:absolute; left:50%; top:50%; margin-top:290px; margin-left:-100px; } @media screen and (max-width:960px) { #slideMobile #add-to-cart-mobile { margin-top:260px; } } @media screen and (max-width:767px) { #slideMobile #add-to-cart-mobile { margin-top:20px; top:360px; } } @media screen and (max-width:540px) { #slideMobile #add-to-cart-mobile { margin-top:20px; top:420px; } } @media screen and (max-height:728px) { #slideMobile #add-to-cart-mobile { margin-top:200px; } } @media screen and (max-width:767px) and (max-height:640px) { #slideMobile #add-to-cart-mobile { margin-top:20px; top:380px; } } #slideMobile #add-to-cart-mobile a { width:100%; height:34px; margin:0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ffffff; border:#65318f 1px solid; color:#65318f; display:block; -moz-box-shadow: 0 2px 0 #611d5f; -webkit-box-shadow: 0 2px 0 #611d5f; box-shadow: 0 2px 0 #611d5f; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding:0 10px; text-align:center; } #slideMobile.univers-blanc #add-to-cart-mobile a { background-color: #ffffff; border:#000000 1px solid; color:#000000; } #slideMobile.univers-bleu #add-to-cart-mobile a { background-color: #ffffff; border:#0084c5 1px solid; color:#0084c5; } #slideMobile.univers-rouge #add-to-cart-mobile a { background-color: #ffffff; border:#eb212e 1px solid; color:#eb212e; } #slideMobile #add-to-cart-mobile:hover a { padding-top:2px; height:32px; -moz-box-shadow: 0 0 0 #611d5f; -webkit-box-shadow: 0 0 0 #611d5f; box-shadow: 0 0 0 #611d5f; } #slideMobile #add-to-cart-mobile a span { font-size:26px; line-height:38px; text-transform:uppercase; font-family: 'Sugo'; } /* FIN MOBILE */ /* OFFRE */ #slideOffre { position:relative; width:100%; height:100%; background-color: #ffffff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); } #slideOffre.wrapp-item-slide { padding-top:20px; } #slideOffre .univers-title { position:absolute; top:40px; left:0; width:100%; font-family:"Sugo-light"; font-size:30px; text-align:center; color:#000000; } @media screen and (max-height:900px) { #slideOffre.wrapp-item-slide { padding-top:0; } } #slideOffre .corner-left .wrapp-pix { max-width:260px; } #slideOffre .wrapp-all-bulle { position:relative; max-width:960px; height:100%; margin:0 auto; } #bulleOffreDetails { position:absolute; top:10%; left:50%; margin-left:-300px; z-index:8; width:380px; height:380px; padding:50px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #f7f7f7; border:#000000 2px solid; border: 2px solid rgba(35,31,32,.95); -moz-box-shadow: 0 4px 0 rgba(1,1,1,.19); -webkit-box-shadow: 0 4px 0 rgba(1,1,1,.19); box-shadow: 0 4px 0 rgba(1,1,1,.19); color:#93037f; text-align:center; } @media screen and (max-height:900px) { #bulleOffreDetails { margin-left:-360px; } } @media screen and (min-width:960px) { .touch #bulleOffreDetails { margin-top:40px; margin-left:-420px; } } @media screen and (max-height:728px) { .no-touch #bulleOffreDetails { width:320px; height:320px; margin-top:20px; margin-left:-360px; } } @media screen and (orientation:portrait) { .touch #bulleOffreDetails { margin-top:30px; margin-left:-350px; } } #bulleOffreDetails .line { color:#8e2b8c; font-size:35px; } #bulleOffreDetails .line.text-plus { color:#000000; } #bulleOffreDetails .line.text-heure { font-size:80px; } #bulleOffreDetails .line.text-heure sup { font-size:10px; font-family:'roboto_condensedlight'; top:-5em; } #bulleOffreDetails .line.text-heure span { font-size:40px; } #bulleOffreDetails .line.text-light { font-size:20px; font-family:'Sugo-light'; } #bulleOffreDetails .line.text-light sup { font-size:10px; font-family:'roboto_condensedlight'; } #bulleOffreDetails .line.text-light b { font-size:35px; font-family:'Sugo'; } #bulleOffreOpen { position:absolute; top:50%; left:50%; margin-top:-70px; margin-left:-390px; z-index:8; width:140px; height:140px; padding:10px; border: 1px solid #d8d8d8; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f5f5f5; text-align:center; color:#8e2b8c; } @media screen and (max-height:900px) { #bulleOffreOpen { margin-left:-420px; } } @media screen and (min-width:960px) { .touch #bulleOffreOpen { width:170px; height:170px; margin-left:-510px; } } @media screen and (max-height:728px) { .no-touch #bulleOffreOpen { margin-left:-480px; } } #bulleOffreOpen .title-bulle { font-size:17px; line-height:19px; padding-top:16px; margin-bottom:10px; } @media screen and (min-width:960px) { .touch #bulleOffreOpen .title-bulle { font-size:20px; line-height:24px; padding-top:24px; } } #bulleOffreOpen .wrapp-pix { max-width:120px; margin:0 auto; } #bulleOffreOpen .wrapp-pix img { display:block; width:100%; } #bulleOffreAvantages { position:absolute; top:11%; left:50%; z-index:8; margin-left:50px; width:170px; height:170px; padding:0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #65318f; -moz-box-shadow: 4px 4px 0 rgba(1,1,1,.02); -webkit-box-shadow: 4px 4px 0 rgba(1,1,1,.02); box-shadow: 4px 4px 0 rgba(1,1,1,.02); color:#000000; text-align:center; font-size:15px; overflow:hidden; } @media screen and (max-height:728px) { .no-touch #bulleOffreAvantages { margin-left:10px; top:100px; } } @media screen and (min-width:960px) { .touch #bulleOffreAvantages { margin-left:10px; top:100px; width:200px; height:200px; } } #bulleOffreAvantages .wrapp-avantages { padding-top:28px; background:url('https://m6mobile.fr/skins/minisite-ice-phone-twist/img/bg_bulle-avantage-univers-offre.png') no-repeat 50% 40px; background-size:140px 46px; } #bulleOffreAvantages .wrapp-avantages .title-avantages { font-size:20px; line-height:20px; font-family:'roboto_condensedbold'; color:#ffffff; margin-bottom:6px; } #bulleOffreAvantages .wrapp-avantages .title-avantages sup { font-size:10px; line-height:0px; font-family:'roboto_condensedlight'; } #bulleOffreAvantages .wrapp-avantages .wrapp-list-avantages { padding:0; margin:0 0 0 14px; text-align:left; } #bulleOffreAvantages .wrapp-avantages .wrapp-list-avantages .item-avantages { font-family: "roboto_condensedlight"; color:#ffffff; font-size:11px; padding:0; margin:0; } #bulleOffreAvantages .wrapp-avantages .wrapp-list-avantages .item-avantages .fa { color:#ffffff; font-size:14px; margin-right:4px; } #bulleOffreInside { position:absolute; top:70%; left:50%; z-index:8; margin-top:-80px; margin-left:-50px; width:190px; height:190px; padding:20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #dfdfdf; -moz-box-shadow: 4px 4px 0 rgba(1,1,1,.02); -webkit-box-shadow: 4px 4px 0 rgba(1,1,1,.02); box-shadow: 4px 4px 0 rgba(1,1,1,.02); color:#000000; text-align:center; font-size:15px; } @media screen and (max-height:700px) { #bulleOffreInside { top:80%; } } @media screen and (min-width:960px) { .touch #bulleOffreInside { width:220px; height:220px; margin-top:-120px; margin-left:-46px; } } @media screen and (orientation:portrait) { .touch #bulleOffreInside { margin-top:-40px; margin-left:-246px; } } #bulleOffreInside .wrapp-inside { margin:6px auto 10px auto; } #bulleOffreInside .wrapp-logo-inside { position:relative; width:90px; margin:0 auto; } #bulleOffreInside .wrapp-logo-inside img { display:block; width:100%; } #bulleOffreInside .wrapp-logo-inside:after { content: attr(data-renvoi); position:absolute; top:0; left:100%; padding-left:4px; font-size:9px; color:#761265; font-family: "roboto_condensedlight"; } #bulleOffreInside .wrapp-6play { width:176px; padding:0; margin:16px auto; text-align:center; } #bulleOffreInside .wrapp-6play .item-6play { float:left; } #bulleOffreInside .wrapp-6play .item-6play.m6 { margin-right:8px; } #bulleOffreInside .wrapp-6play .item-6play.w9 { margin-left:8px; } #bulleOffreConfigurateur { position:absolute; top:50%; left:50%; z-index:10; margin-top:-192px; margin-left:100px; width:340px; height:340px; padding:20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #8e2b8c; -moz-box-shadow: 4px 4px 0 rgba(1,1,1,.02); -webkit-box-shadow: 4px 4px 0 rgba(1,1,1,.02); box-shadow: 4px 4px 0 rgba(1,1,1,.02); color:#000000; text-align:center; font-size:15px; overflow:hidden; } @media screen and (max-height:900px) { .no-touch #bulleOffreConfigurateur { margin-top:-168px; margin-left:140px; } } @media screen and (min-width:960px) { .touch #bulleOffreConfigurateur { margin-top:-192px; margin-left:180px; width:400px; height:400px; } } @media screen and (orientation:portrait) { .touch #bulleOffreConfigurateur { margin-top:-50px; margin-left:0px; } } #bulleOffreConfigurateur .item-step { color:#ffffff; margin:0 auto 18px auto; max-width:290px; } #bulleOffreConfigurateur .item-step.item-step-first { margin-top:30px; } #bulleOffreConfigurateur .item-step .title-step { font-size:28px; } #bulleOffreConfigurateur .item-step .btn-switch { font-family:'Sugo-light'; font-size:20px; line-height:32px; display:block; float:left; width:50%; } #bulleOffreConfigurateur .btn-switch.btn-switch-puce .circle { background-color:transparent; } #bulleOffreConfigurateur .item-step .btn-switch span { line-height:32px; display:block; float:left; margin:4px 0 0 8px; } #bulleOffreConfigurateur .btn-switch .circle { position:relative; width:32px; height:32px; background:#ffffff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display:block; float:left; } #bulleOffreConfigurateur .btn-switch .circle:before { content:""; position:absolute; top:4px; left:4px; width:24px; height:24px; background:#dfdfdf; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #bulleOffreConfigurateur .btn-switch.active .circle:before { background:#65318f; } #bulleOffreConfigurateur .btn-switch:hover .circle:before { background:#65318f; } #bulleOffreConfigurateur .btn-switch:hover { cursor:pointer; } #bulleOffreConfigurateur .btn-switch.active:hover { cursor:default; } #bulleOffreConfigurateur .wrapp-call-to-action { margin:24px auto 0 auto; max-width:190px; height:36px; } #bulleOffreConfigurateur .wrapp-call-to-action a { width:100%; height:34px; margin:0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ffffff; color:#65318f; display:block; -moz-box-shadow: 0 2px 0 #611d5f; -webkit-box-shadow: 0 2px 0 #611d5f; box-shadow: 0 2px 0 #611d5f; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #bulleOffreConfigurateur .wrapp-call-to-action:hover a { padding-top:2px; height:32px; -moz-box-shadow: 0 0 0 #611d5f; -webkit-box-shadow: 0 0 0 #611d5f; box-shadow: 0 0 0 #611d5f; } #bulleOffreConfigurateur .wrapp-call-to-action a span { font-size:26px; line-height:38px; text-transform:uppercase; } @media screen and (min-width:960px) { .touch #bulleOffreConfigurateur .wrapp-call-to-action { max-width:240px; } } #bullePrix { position:absolute; top:50%; right:-10px; width:70px; height:70px; margin-top:-70px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #65318f; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#ffffff; text-align:center; padding:6px; } #bullePrix #zonePrix .number { font-size:26px; line-height:26px; display:block; font-family:'Sugo'; padding-top:20px; } #bullePrix #zonePrix { font-size:13px; font-family:'roboto_condensedlight'; margin-top:-8px; } #bullePrix .line-mention-tarif { font-size:11px; } /* FIN OFFRE */ /* JEU CONCOURS */ #slideJeu { position:relative; width:100%; height:100%; background-color: #ffffff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); } @media screen and (min-height:600px) and (orientation:landscape) { .touch #slideJeu.wrapp-item-slide { padding-bottom:104px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } #slideInterstitiel.wrapp-item-slide { padding-top:20px; } #slideJeu .section-line { width:100%; height:25%; } #slideJeu .section-line .wrapp-section-line { max-width:960px; height:100%; margin:0 auto; } #slideJeu .section-line .wrapp-line-edito { width:100%; max-width:680px; padding-right:30px; float:left; text-align:right; font-size:70px; line-height:70px; text-transform:uppercase; padding-top:40px; } @media screen and (max-height:800px) { #slideJeu .section-line .wrapp-line-edito { font-size:60px; line-height:60px; } } @media screen and (max-height:700px) { #slideJeu .section-line .wrapp-line-edito { font-size:50px; line-height:50px; } } @media screen and (max-height:600px) { #slideJeu .section-line .wrapp-line-edito { font-size:38px; line-height:38px; } } @media screen and (max-height:540px) { #slideJeu .section-line .wrapp-line-edito { font-size:30px; line-height:38px; padding-right:60px; } } @media screen and (max-width:960px) { #slideJeu .section-line .wrapp-line-edito { max-width:none; text-align:center; padding:40px 0 0 0; } } @media screen and (max-width:1024px) { .touch #slideJeu .section-line .wrapp-line-edito { font-size:50px; line-height:50px; } } #slideJeu .section-line .wrapp-line-edito .line { font-size:100%; } #slideJeu .section-line .wrapp-line-mobile { width:230px; height:100%; float:right; padding-top:0; } @media screen and (max-width:960px) { #slideJeu .section-line .wrapp-line-mobile { display:none; } } #slideJeu .section-line .wrapp-line-mobile:after { content:""; display:block; width:100%; clear:both; float:none; } #slideJeu .section-line .wrapp-line-mobile .inner-wrapp-line-mobile { height:100%; } #slideJeu .section-line .wrapp-line-mobile .inner-wrapp-line-mobile .item-mobile { height:90%; display:inline-block; padding-top:5px; } .firefox #slideJeu .section-line .wrapp-line-mobile .inner-wrapp-line-mobile .item-mobile { height:76%; padding-top:20px; } #slideJeu .section-line .wrapp-line-mobile .inner-wrapp-line-mobile .item-mobile img { display:block; height:100%; width:auto; } #slideJeu #sectionViolette { color:#ffffff; background-color: #612b9b; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkMjk3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYxMmI5YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: -o-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: -webkit-linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); background-image: linear-gradient(bottom right, #4d297e 0%, #612b9b 100%); } #slideJeu #sectionBlanche { background-color: #fff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); background-image: -o-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); background-image: -webkit-linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); background-image: linear-gradient(bottom right, #fff 0%, #f0f0f0 100%); } #slideJeu #sectionBleue { background-color: #0083c5; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiNzViMSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODNjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwODNjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #0b75b1 0%, #0083c5 99.78%, #0083c5 100%); background-image: -o-linear-gradient(bottom right, #0b75b1 0%, #0083c5 99.78%, #0083c5 100%); background-image: -webkit-linear-gradient(bottom right, #0b75b1 0%, #0083c5 99.78%, #0083c5 100%); background-image: linear-gradient(bottom right, #0b75b1 0%, #0083c5 99.78%, #0083c5 100%); } #slideJeu #sectionRouge { background-color: #eb3d47; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIxMDAlIiB5MT0iMTAwJSIgeDI9IjAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MmUzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViM2Q0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom right, #c72e36 0%, #eb3d47 100%); background-image: -o-linear-gradient(bottom right, #c72e36 0%, #eb3d47 100%); background-image: -webkit-linear-gradient(bottom right, #c72e36 0%, #eb3d47 100%); background-image: linear-gradient(bottom right, #c72e36 0%, #eb3d47 100%); } #slideJeu #bulleJeuForm { position:absolute; top:26%; left:50%; z-index:8; margin-left:-280px; width:500px; height:500px; padding:0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #612b9b; -moz-box-shadow: 4px 4px 0 rgba(1,1,1,.02); -webkit-box-shadow: 4px 4px 0 rgba(1,1,1,.02); box-shadow: 4px 4px 0 rgba(1,1,1,.02); color:#ffffff; text-align:center; font-size:15px; overflow:hidden; } @media screen and (max-width:960px) { #slideJeu #bulleJeuForm { margin-left:-250px; } } #slideJeu #bulleJeuForm h2 { font-family:'Sugo'; font-size:22px; position:relative; padding:0; width:100%; max-width:210px; top:0; left:0; } #mainFORM { width:100%; max-width:320px; margin:0 auto; padding-top:44px; } #btnFBCONNECT { max-width:280px; padding:0 8px; margin:0 auto 10px auto; background-color: #0083c5; display:block; font-family: 'roboto_condensedbold'; font-size:16px; height:30px; line-height:30px; color:#ffffff; } #btnFBCONNECT i { border-right:#0064ae 1px solid; padding-right:8px; margin-right:8px; text-align:center; } #mainFORM li.input { position:relative; margin:0 auto 10px auto; } #mainFORM input[type="text"]{ width:100%; margin:0; background-color:#ffffff; border:#ffffff 1px solid; padding:0 5px; line-height:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'roboto_condensedlight'; font-size:16px; } #mainFORM input[type="text"]:focus { border:#ffffff 1px solid; outline:none; box-shadow:none; } #mainFORM li .erreur { line-height:11px; height:11px; font-family: 'roboto_condensedlight'; color:#d83950; margin:1px auto 2px auto; text-align:left; } #slideJeu #govalidate { width:100%; max-width:140px; height:28px; margin:0 auto; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ffffff; color:#65318f; display:block; -moz-box-shadow: 0 2px 0 #611d5f; -webkit-box-shadow: 0 2px 0 #611d5f; box-shadow: 0 2px 0 #611d5f; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-size:40px; line-height:28px; padding-top:4px; font-family:'Sugo'; cursor:pointer; margin-top:10px; } .onMac #slideJeu #govalidate { } #slideJeu .spacerOU { position:relative; margin:0 auto 12px auto; font-size: 18px; font-family: 'roboto_condensedbold'; } #slideJeu .spacerOU .barreL { height: 1px; display: inline-block; margin: 0 0 5px 2%; width: 38%; background:#ffffff; } #slideJeu .spacerOU .txt { text-align:center; width: 20%; display: inline-block; } #slideJeu .spacerOU .barreR { height: 1px; display: inline-block; margin: 0 2% 5px 0; width: 38%; background:#ffffff; } #slideJeu .required-fields { position:absolute; font-family: 'roboto_condensedlight'; font-size:10px; text-align:right; position:absolute; top:14px; right:10px; } #slideJeu .input.checkbox { text-align:left; margin-bottom:4px; font-family: 'roboto_condensedlight'; font-size:12px; } #slideJeu .reglement { font-family: 'roboto_condensedlight'; font-size:12px; color:#ffffff; } #slideJeu .reglement a { color:#ffffff; } /* FIN JEU CONCOURS */ .dragdealer { position: relative; height: 30px; } .dragdealer .handle { position: absolute; top: 0; left: 0; } .dragdealer .red-bar { width: 100px; height: 30px; background: #CC0000; color: #FFF; font-size: 14px; line-height: 30px; text-align: center; } .dragdealer .disabled { background: #898989; } .js .container, .js .dragslider, .js .img-dragger .handle { height: 100%; } /* Switch button */ a.slider-switch { position:fixed; top:18px; right:10px; width: 40px; height: 40px; padding: 0; color:#dddddd; display:block; cursor:pointer; text-align:center; } .lt-ie9 a.slider-switch, .ie9 a.slider-switch, .ie10 a.slider-switch, .noIOs a.slider-switch, .firefox a.slider-switch { display:none; } @media screen and (max-width:767px) { .touch a.slider-switch { display:none; } } a.slider-switch i { display:block; font-size:36px; width:100%; height:100%; } .no-js a.slider-switch { display: none; } a.slider-switch.view-maxi { } a.slider-switch:hover { opacity: 1; } /* Dragger */ .img-dragger { position: relative; z-index: 100; } .js .img-dragger { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } .js .img-dragger-large { width: 100%; height: 100%; } .js .img-dragger .handle { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; white-space: nowrap; font-size: 0; } .no-js .img-dragger, .no-js .img-dragger .handle { height: auto; position: relative; text-align: center; font-size: 0; clear: both; white-space: nowrap; overflow: auto; } .no-js .img-dragger .handle { padding: 40px 0 0; } .img-dragger .slide { display: inline-block; position: relative; height: 100%; font-size: 16px; white-space: normal; cursor: -webkit-grab; cursor: -moz-grab; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: top; } .no-js .img-dragger .slide { width: 300px; font-size: 7px; min-height: 200px; } .img-dragger .slide:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; } .img-wrap { position: absolute; width: 100%; height: 100%; } .img-wrap img { display: block; } @media screen and (min-aspect-ratio: 1280/850) { .img-dragger .img-wrap img { width: 100%; height: auto; } } .js .slide h2 { color: #fff; position: absolute; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .js .img-dragger-large .slide h2 { width: 70%; left: 15%; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .img-dragger-small .slide h2 { font-size: 2.5em; padding-top: 1em; top: 100%; width: 100%; text-align: center; color: #34495e; -webkit-animation: slideUpFade 0.4s 0.1s; } @-webkit-keyframes slideUpFade { from { opacity: 0; -webkit-transform: translate3d(0,20px,0); } to { opacity: 1; -webkit-transform: translate3d(0,0,0); } } .img-dragger-small .slide h2 span { font-size: 0.35em; } .img-dragger-small .slide.current h2 { color: #fff; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-transition: color 0.3s, opacity 0.3s; transition: color 0.3s, opacity 0.3s; } .slide h2 i { font-style: normal; font-weight: 400; } button.content-switch { border: 2px solid #fff; width: 160px; text-indent: 200%; overflow: hidden; white-space: nowrap; background: transparent; color: #fff; font-family: 'Lato', sans-serif; position: absolute; cursor: pointer; top: 100%; left: 50%; -webkit-transform: translate3d(-50%,-200%,0); transform: translate3d(-50%,-200%,0); padding: 1em 2em; font-size: 0.85em; line-height: 1; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; outline: none; z-index: 1000; opacity: 0.7; -webkit-transition: -webkit-transform 0.6s cubic-bezier(.7,0,.3,1), opacity 0.3s, color 0.3s, border-color 0.3s; transition: transform 0.6s cubic-bezier(.7,0,.3,1), opacity 0.3s, color 0.3s, border-color 0.3s; } .no-js button.content-switch { display: none; } button.content-switch:hover { opacity: 1; } button.content-switch::before { content: '\e097'; font-family: 'feathericons'; speak: none; position: absolute; width: 100%; height: 100%; left: 0; text-indent: 0; font-size: 1.5em; line-height: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .show-content .current button.content-switch { border-color: #c5d3d6; color: #c5d3d6; -webkit-transform: translate3d(-50%,100%,0); transform: translate3d(-50%,100%,0); } .show-content .current button.content-switch::before { content: '\e096'; } /* Content */ .js .pages { position: absolute; top: 100%; height: 0; width: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: height 0s 0.6s; transition: height 0s 0.6s; } .js .show-content .pages { -webkit-transition: none; transition: none; height: 100%; } .pages .content { background: #dfe3e3; text-align: center; color: #545b61; font-size: 1.5em; } .js .pages .content { position: absolute; top: 0; left: 0; height: 0; width: 100%; overflow: hidden; -webkit-transition: height 0s 0.6s; transition: height 0s 0.6s; } .pages .content.show { height: auto; -webkit-transition: none; transition: none; } .pages .content h2 { font-size: 5em; max-width: 70%; color: #34495e; padding: 2.25em 10px 1em; } .no-js .pages .content h2 { padding-top: 1em; } .pages .content h2 span { color: #95a5a6; } .pages .content p { max-width: 1100px; margin: 0 auto; padding: 0.5em 2em; line-height: 1.5; text-align: left; font-family: 'Book Antiqua', Palatino, 'Palatino Linotype', 'Palatino LT STD', Georgia, serif; } .pages .content p:last-child { padding: 5em 1em 8em; text-align: center; font-weight: bold; } .js .pages .content h2, .js .pages .content p { -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1); transition-timing-function: cubic-bezier(.7,0,.3,1); } .pages .content.show h2, .pages .content.show p { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .pages .content.show p { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .pages .content a { color: #3c89d5; display: block; } .pages .content a:hover { color: #545b61; } /* Switch */ .switch-min .img-dragger-large .slide > *:not(.img-wrap), .switch-max .img-dragger-small .slide > *:not(.img-wrap) { /* fade out everything except image */ opacity: 0; -webkit-transition: none; transition: none; } .switch-min .img-dragger-large, .switch-max .img-dragger-small { -webkit-transition: -webkit-transform 0.6s cubic-bezier(.7,0,.3,1); transition: transform 0.6s cubic-bezier(.7,0,.3,1); } .img-dragger-small button.content-switch { opacity: 0; pointer-events: none; } /* Helper classes */ .no-transition { -webkit-transition: none !important; transition: none !important; } .hide { opacity: 0 !important; pointer-events: none !important; } @media screen and (max-width: 63.125em) { .dragslider h2 { font-size: 2.8em; } .pages .content { font-size: 100%; } .pages .content h2 { font-size: 3em; } } /*////////////////////////////////////////// POP-IN //////////////////////////////////////////*/ #wrapppopM6 { position:fixed; top:-100%; left:0; z-index:9900; width:100%; height:100%; background-color:#404040; background-color:rgba(64,64,64,0.60); opacity:0; } .lt-ie9 #wrapppopM6 { background:url('https://m6mobile.fr/skins/minisite-ice-phone-twist/images/bg_zone-grey.png') repeat 0 0; } #wrapppopM6under { position:absolute; top:0; left:0; z-index:9900; width:100%; height:100%; } #popM6 { position:absolute; top:50%; left:50%; z-index:9901; width:100%; max-width:600px; max-height:600px; margin-top:-300px; margin-left:-300px; background-color:#ffffff; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding:30px 30px 20px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width:660px){ #popM6 { left:0; margin-left:0; margin-top:-180px; height:360px; } } #popM6 .wrapp-pop-in { position:relative; width:100%; overflow:hidden; } #popM6 .wrapp-pop-in h2.title { position:relative; padding:0; margin:0 0 16px 0; font-family: 'Sugo'; font-size:20px; line-height:28px; color:#424244; text-align:left; } @media only screen and (max-width:639px){ #popM6 .wrapp-pop-in h2.title { font-size:14px; } } #popM6 .wrapp-pop-in h2.title:before { content:""; position: absolute; display: block; bottom:-34px; left: 40px; z-index:3; margin-left:-10px; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ffffff; } #popM6 .wrapp-pop-in h2.title:after { content:""; position: absolute; display: block; bottom:-35px; left: 40px; z-index:2; margin-left: -10px; width: 0px; height: 0px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #cccccc; } #popM6 .wrapp-content { font-family: 'roboto_condensedlight'; font-size:16px; line-height:25px; max-height:486px; width:100%; padding:30px 6px 60px 0; margin:16px auto 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:left; color:#404040; border-top:#cccccc 1px solid; border-bottom:#cccccc 1px solid; text-align:justify; } @media only screen and (max-width:660px){ #popM6 .wrapp-content { max-height:250px; } } @media only screen and (max-width:639px){ #popM6 .wrapp-content { font-size:14px; line-height:22px; } } #popM6 .first-bloc-mentions { margin-bottom:20px; font-family: 'roboto_condensedbold'; } #popM6 .wrapp-content a { text-decoration:underline; } #popM6 .btn-close { position:absolute; z-index:9910; right:0; top:0; width:40px; height:40px; cursor:pointer; color:#ffffff; background:#8e2b8c; text-align:center; } #popM6 .btn-close .fa { color:#ffffff; font-size:30px; line-height:40px; } /*////////////////////////////////////////// POP-IN //////////////////////////////////////////*/ /*////////////////////////////////// IPHONE 5 LANDSCAPE //////////////////////////////////*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { } /*////////////////////////////////// FIN IPHONE 5 LANDSCAPE //////////////////////////////////*/ /*////////////////////////////////// IPHONE 5 PORTRAIT //////////////////////////////////*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { #slideshow { zoom:0.4; } } /*////////////////////////////////// FIN IPHONE 5 PORTRAIT //////////////////////////////////*/ @keyframes disPatch{ 0% { margin-left:0; } 100% { margin-left:35px; } } @-moz-keyframes disPatch { 0% { margin-left:0; } 100% { margin-left:35px; } } @-webkit-keyframes disPatch { 0% { margin-left:0; } 100% { margin-left:35px; } } @-o-keyframes disPatch { 0% { margin-left:0; } 100% { margin-left:35px; } } @-ms-keyframes disPatch { 0% { margin-left:0; } 100% { margin-left:35px; } }