/************* Font Brown ************/ /* @font-face { font-family: 'Brown'; src: local('Brown-Thin'), url('../fonts/subset-Brown-Thin.woff2') format('woff2'), url('../fonts/subset-Brown-Thin.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Brown'; src: local('Brown-ThinItalic'), url('../fonts/subset-Brown-ThinItalic.woff2') format('woff2'), url('../fonts/subset-Brown-ThinItalic.woff') format('woff'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Brown'; src: local('Brown-LightItalic'), url('../fonts/subset-Brown-LightItalic.woff2') format('woff2'), url('../fonts/subset-Brown-LightItalic.woff') format('woff'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Brown'; src: local('Brown-BoldItalic'), url('../fonts/subset-Brown-BoldItalic.woff2') format('woff2'), url('../fonts/subset-Brown-BoldItalic.woff') format('woff'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Brown'; src: local('Brown-Light'), url('../fonts/subset-Brown-Light.woff2') format('woff2'), url('../fonts/subset-Brown-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Brown'; src: local('Brown-RegularItalic'), url('../fonts/subset-Brown-RegularItalic.woff2') format('woff2'), url('../fonts/subset-Brown-RegularItalic.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Brown'; src: local('Brown-Bold'), url('../fonts/subset-Brown-Bold.woff2') format('woff2'), url('../fonts/subset-Brown-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Brown'; src: local('Brown-Regular'), url('../fonts/subset-Brown-Regular.woff2') format('woff2'), url('../fonts/subset-Brown-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } */ /* @font-face { font-family: 'LoRes 9 OT Wide'; src: url('../fonts/LoRes9OTWide-Regular.eot'); src: local('LoRes 9 OT Wide Regular'), local('LoRes9OTWide-Regular'), url('../fonts/LoRes9OTWide-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/LoRes9OTWide-Regular.woff2') format('woff2'), url('../fonts/LoRes9OTWide-Regular.woff') format('woff'), url('../fonts/LoRes9OTWide-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'iccn'; src: url('../fonts/fontello.eot?81199124'); src: url('../fonts/fontello.eot?81199124#iefix') format('embedded-opentype'), url('../fonts/fontello.woff2?81199124') format('woff2'), url('../fonts/fontello.woff?81199124') format('woff'), url('../fonts/fontello.ttf?81199124') format('truetype'), url('../fonts/fontello.svg?81199124#fontello') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Mulish'; src: local('Mulish Regular'), local('Mulish-Regular'), url('../fonts/Mulish-Regular.woff2') format('woff2'), url('../fonts/Mulish-Regular.woff') format('woff'), url('../fonts/Mulish-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } /* @font-face { font-family: 'Mulish'; src: local('Mulish Regular'), local('Mulish-Regular'), url('../fonts/Mulish-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } /**/ @font-face { font-family: 'Mulish'; src: local('Mulish Bold'), local('Mulish-Bold'), url('../fonts/Mulish-Bold.woff2') format('woff2'), url('../fonts/Mulish-Bold.woff') format('woff'), url('../fonts/Mulish-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Mulish'; src: local('Mulish Extra Bold'), local('Mulish-Extra-Bold'), url('../fonts/Mulish-ExtraBold.woff2') format('woff2'), url('../fonts/Mulish-ExtraBold.woff') format('woff'), url('../fonts/Mulish-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Mulish'; src: local('Mulish Extra Bold Italic'), local('Mulish-Extra-Bold-Italic'), url('../fonts/Mulish-ExtraBoldItalic.woff2') format('woff2'), url('../fonts/Mulish-ExtraBoldItalic.woff') format('woff'), url('../fonts/Mulish-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Mulish'; src: local('Mulish Italic'), local('Mulish-Italic'), url('../fonts/Mulish-Italic.woff2') format('woff2'), url('../fonts/Mulish-Italic.woff') format('woff'), url('../fonts/Mulish-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Noto Sans TC'; src: local('Noto Sans TC'), local('Noto-Sans-TC'), url('../fonts/NotoSansTC-VariableFont_wght.woff2') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap; } /************** Font Icones perso **************/ @font-face { font-family: 'icon'; src: url('../font/icon.eot?44283033'); src: url('../font/icon.eot?44283033#iefix') format('embedded-opentype'), url('../font/icon.svg?44283033#icon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icon'; src: url('data:application/octet-stream;base64,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') format('woff'), url('data:application/octet-stream;base64,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AAAAAABCAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAUEBQgFDAAdjaGV2cm9uBmZsZWNoZQpjb252ZXJzaW9uBXB1Y2UrBXB1Y2UtD2ZsZWNoZS10cmlhbmdsZQ5tZW51LWhhbWJ1cmdlcgRwdWNlBWNyb2l4CXR3aXR0ZXIteAdlZGl0ZXVyCGxvZ2ljaWVsBWxvdXBlBmZvcm1hdAVjb2NoZQtkZWNvbm5leGlvbgt1dGlsaXNhdGV1cgxkaXN0cmlidXRldXIMcGx1cy1jaXJjbGVkCXJpZ2h0LWRpcgRwbGF5DGhvbWUtb3V0bGluZRBkb3dubG9hZC1vdXRsaW5lBG1haWwGdG8tZW5kCHRvLXN0YXJ0BGxpc3QIbGlzdC1hZGQHaW5zdGFsbARiYWNrBHBsdXMFbWludXMLcmlnaHQtc21hbGwGcGFuaWVyA2RvYwZmb2xkZXIEaG9tZQVjaGVjawpvay1vdXRsaW5lAm9rCm9rLWNpcmNsZWQLb2stY2lyY2xlZDIIZG93bmxvYWQLY2hlY2stZW1wdHkDcnNzBGRvY3MEbWVudQV0YWJsZQdjb2x1bW5zCGRvYy10ZXh0DHBsdXMtc3F1YXJlZBFhbmdsZS1kb3VibGUtbGVmdBJhbmdsZS1kb3VibGUtcmlnaHQKYW5nbGUtbGVmdAthbmdsZS1yaWdodAxmb2xkZXItZW1wdHkRZm9sZGVyLW9wZW4tZW1wdHkHZG9jLWludgxkb2MtdGV4dC1pbnYHeW91dHViZQNib3gKdG9nZ2xlLW9mZgl0b2dnbGUtb24IZmFjZWJvb2sIbGlua2VkaW4AAAAAAAABAAH//wAPAAAAAAAAAAAAAAAAAAAAALAALCCwAFVYRVkgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbkIAAgAY2MjYhshIbAAWbAAQyNEsgABAENgQi2wASywIGBmLbACLCMhIyEtsAMsIGSzAxQVAEJDsBNDIGBgQrECFENCsSUDQ7ACQ1R4ILAMI7ACQ0NhZLAEUHiyAgICQ2BCsCFl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Ey6wNiotsEossAAVIEewACNCsgABARUUEy6wNiotsEsssQABFBOwNyotsEwssDkqLbBNLLAAFkUjIC4gRoojYTixMAEUKy2wTiywCiNCsE0rLbBPLLIAAEYrLbBQLLIAAUYrLbBRLLIBAEYrLbBSLLIBAUYrLbBTLLIAAEcrLbBULLIAAUcrLbBVLLIBAEcrLbBWLLIBAUcrLbBXLLMAAABDKy2wWCyzAAEAQystsFksswEAAEMrLbBaLLMBAQBDKy2wWyyzAAABQystsFwsswABAUMrLbBdLLMBAAFDKy2wXiyzAQEBQystsF8ssgAARSstsGAssgABRSstsGEssgEARSstsGIssgEBRSstsGMssgAASCstsGQssgABSCstsGUssgEASCstsGYssgEBSCstsGcsswAAAEQrLbBoLLMAAQBEKy2waSyzAQAARCstsGosswEBAEQrLbBrLLMAAAFEKy2wbCyzAAEBRCstsG0sswEAAUQrLbBuLLMBAQFEKy2wbyyxADwrLrEwARQrLbBwLLEAPCuwQCstsHEssQA8K7BBKy2wciywABaxADwrsEIrLbBzLLEBPCuwQCstsHQssQE8K7BBKy2wdSywABaxATwrsEIrLbB2LLEAPSsusTABFCstsHcssQA9K7BAKy2weCyxAD0rsEErLbB5LLEAPSuwQistsHossQE9K7BAKy2weyyxAT0rsEErLbB8LLEBPSuwQistsH0ssQA+Ky6xMAEUKy2wfiyxAD4rsEArLbB/LLEAPiuwQSstsIAssQA+K7BCKy2wgSyxAT4rsEArLbCCLLEBPiuwQSstsIMssQE+K7BCKy2whCyxAD8rLrEwARQrLbCFLLEAPyuwQCstsIYssQA/K7BBKy2whyyxAD8rsEIrLbCILLEBPyuwQCstsIkssQE/K7BBKy2wiiyxAT8rsEIrLbCLLLILAANFUFiwBhuyBAIDRVgjIRshWVlCK7AIZbADJFB4sQUBFUVYMFktAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAHQrEAACqxAAdCsQAKKrEAB0KxAAoqsQAHQrkAAAALKrEAB0K5AAAACyq5AAMAAESxJAGIUViwQIhYuQADAGREsSgBiFFYuAgAiFi5AAMAAERZG7EnAYhRWLoIgAABBECIY1RYuQADAABEWVlZWVmxAA4quAH/hbAEjbECAESzBWQGAERE') format('truetype'); } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'icon'; src: url('../font/icon.svg?44283033#icon') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icon"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-chevron:before { content: '\e800'; } /* '' */ .icon-fleche:before { content: '\e801'; } /* '' */ .icon-conversion:before { content: '\e802'; } /* '' */ .icon-puce+:before { content: '\e803'; } /* '' */ .icon-puce-:before { content: '\e804'; } /* '' */ .icon-fleche-triangle:before { content: '\e805'; } /* '' */ .icon-menu-hamburger:before { content: '\e806'; } /* '' */ .icon-puce:before { content: '\e807'; } /* '' */ .icon-croix:before { content: '\e808'; } /* '' */ .icon-twitter-x:before { content: '\e809'; } /* '' */ .icon-editeur:before { content: '\e80a'; } /* '' */ .icon-logiciel:before { content: '\e80b'; } /* '' */ .icon-loupe:before { content: '\e80c'; } /* '' */ .icon-format:before { content: '\e80d'; } /* '' */ .icon-coche:before { content: '\e80e'; } /* '' */ .icon-deconnexion:before { content: '\e80f'; } /* '' */ .icon-utilisateur:before { content: '\e810'; } /* '' */ .icon-distributeur:before { content: '\e811'; } /* '' */ .icon-plus-circled:before { content: '\e812'; } /* '' */ .icon-right-dir:before { content: '\e813'; } /* '' */ .icon-play:before { content: '\e814'; } /* '' */ .icon-home-outline:before { content: '\e815'; } /* '' */ .icon-download-outline:before { content: '\e816'; } /* '' */ .icon-mail:before { content: '\e817'; } /* '' */ .icon-to-end:before { content: '\e818'; } /* '' */ .icon-to-start:before { content: '\e819'; } /* '' */ .icon-list:before { content: '\e81a'; } /* '' */ .icon-list-add:before { content: '\e81b'; } /* '' */ .icon-install:before { content: '\e81c'; } /* '' */ .icon-back:before { content: '\e81d'; } /* '' */ .icon-plus:before { content: '\e81e'; } /* '' */ .icon-minus:before { content: '\e81f'; } /* '' */ .icon-right-small:before { content: '\e820'; } /* '' */ .icon-panier:before { content: '\e821'; } /* '' */ .icon-doc:before { content: '\e822'; } /* '' */ .icon-folder:before { content: '\e823'; } /* '' */ .icon-home:before { content: '\e824'; } /* '' */ .icon-check:before { content: '\e825'; } /* '' */ .icon-ok-outline:before { content: '\e826'; } /* '' */ .icon-ok:before { content: '\e827'; } /* '' */ .icon-ok-circled:before { content: '\e828'; } /* '' */ .icon-ok-circled2:before { content: '\e829'; } /* '' */ .icon-download:before { content: '\f02e'; } /* '' */ .icon-check-empty:before { content: '\f096'; } /* '' */ .icon-rss:before { content: '\f09e'; } /* '' */ .icon-docs:before { content: '\f0c5'; } /* '' */ .icon-menu:before { content: '\f0c9'; } /* '' */ .icon-table:before { content: '\f0ce'; } /* '' */ .icon-columns:before { content: '\f0db'; } /* '' */ .icon-doc-text:before { content: '\f0f6'; } /* '' */ .icon-plus-squared:before { content: '\f0fe'; } /* '' */ .icon-angle-double-left:before { content: '\f100'; } /* '' */ .icon-angle-double-right:before { content: '\f101'; } /* '' */ .icon-angle-left:before { content: '\f104'; } /* '' */ .icon-angle-right:before { content: '\f105'; } /* '' */ .icon-folder-empty:before { content: '\f114'; } /* '' */ .icon-folder-open-empty:before { content: '\f115'; } /* '' */ .icon-doc-inv:before { content: '\f15b'; } /* '' */ .icon-doc-text-inv:before { content: '\f15c'; } /* '' */ .icon-youtube:before { content: '\f167'; } /* '' */ /*.icon-box:before { content: '\f187'; } /* '' */ .icon-toggle-off:before { content: '\f204'; } /* '' */ .icon-toggle-on:before { content: '\f205'; } /* '' */ .icon-facebook:before { content: '\f300'; } /* '' */ .icon-linkedin:before { content: '\f31a'; } /* '' */ [class^="iccn"]:before, [class*=" iccn"]:before { font-family: "iccn"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .iccn-wechat:before { content: '\f1d7'; } /* '' */ /*Ajouts persos icônes*/ .icon-for-badge:before { position: relative; right: 8%; } .icon-little:before{ width: 0.4em; font-size: 1.2rem; display: flex; } .icon-folder-dynamic:before { content: '\f114'; } .icon-folder-dynamic:hover:before { content: '\f115'; } .margin-left-0-icon:before { margin-left: 0; } /************** Structure CSS ***************/ :root{ --couleur-blanc: #FFFFFF; --couleur-black: #000000; --couleur-bleu-fonce: #092d41; /*002d42*/; --couleur-vert: #16C58A; --couleur-vert_tab: #00ff0040; --couleur-vert-toggle:#4ac24a; --couleur-bleu-clair: #0bb3df; /*#488DCB;*/ --couleur-bleu-clair-clair: #8AB9E8; --couleur-gris: #f5f4f4; /*--couleur-gris-alpha:#f5f4f4C0;*/ --couleur-gris1: #f5f4f4; /*#F8F8F8;*/ --couleur-gris2: #D7E8F7; --couleur-gris3: #959595; --couleur-gris4: #737373; --couleur-gris5: #BFBFBF; --couleur-gris-bordures: #EEEEEE; --couleur-gris-fond: #F3F4F9; --couleur-shader: #5B5B5B; --couleur-alerte: #FF0000; --couleur-orange-clair:#FFC573; --couleur-orange:#e9511d; /*#ff4e00;**/ --couleur-orange-alpha:#e9511dd0; --couleur-bleu-clair-alpha: #0bb3dfd0; --couleur-bleu-fonce-alpha: #092d41d0; --filter-images-bleu: sepia(1) brightness(65%) contrast(140%) hue-rotate(180deg); scroll-behavior: smooth; } /* --couleur-orange: #FFB64E; --couleur-bleu-fonce: #234363; */ * { font-family: Noto-Sans-TC, Mulish, Brown, sans-serif; font-display: swap; } body { color: var(--couleur-bleu-fonce); /*font-weight:bold;*/ font-size:1.8rem; font-family: Noto-Sans-TC, Mulish; /* Rouge */ /* background-color:#f00; /**/ } h1,h2,h3,h4,h5,h6 { color: var(--couleur-bleu-fonce); font-family: Noto-Sans-TC, Mulish; } h1 .titre_h1{ color: var(--couleur-bleu-clair); font-weight: bolder; } main > section > article.chap_h1 { justify-content: center; text-align: center; } .titre_2lignes { margin-top: 8rem; margin-bottom: 6.4rem; } .sous_titre_h1{ font-size:2.6rem; font-weight: bold; color: var(--couleur-orange); text-transform: uppercase; grid-row: 3; } .sous_titre_h1_low{ text-transform: lowercase; } .sous_titre_h1_cap{ text-transform: capitalize; } .sous_titre_h1_normal { text-transform: initial; } .nav-cross a.distributeur { text-decoration: none; font-weight: lighter; font-size: 0.8em; font-style: italic; } .size36{ font-size: 3.6rem; } h2 { font-size:4.3rem; font-weight: bolder; text-align: center; } h2:after{ content: " "; background-image: url(../imgs/design/sep_article.png); width: 100%; display: block; height: 6.7rem; margin-top: 4rem; background-size: 15rem;/* Mettre en image à la bonne taille*/ background-repeat: no-repeat; background-position-x: center; } h2.titre_liste_step:after{ background-image: none; height: 1rem; margin-top: 0; } h2.titre_liste_step{ margin-top: 5.5rem; font-size: 2.2rem; } .ligne_after:after, .ligne_after_center:after { content: " "; background-image: url(../imgs/design/sep_article.png); width: 100%; display: block; height: 6.7rem; margin-top: 3.4rem; background-size: 15rem;/* Mettre en image à la bonne taille*/ background-repeat: no-repeat; background-position-x: left; /*text-align: left;*/ } .ligne_after_center:after { background-position-x: center; } .tester-cross{ display: flex; flex-wrap: wrap; align-content: center; } .tester-cross2{ flex-wrap: wrap; align-content: center; } .align-baseline{ align-content: baseline; } .titre_h2 { font-size:4.3rem; font-weight: bolder; line-height:5rem; } .titre_h3 { font-size:2.6rem; font-weight: bolder; } .icon-box-content h2:after{ content: none; } .chapeau { font-size:2.2rem; line-height: 2.8rem; font-weight: normal; } .chapeau_bold, .temoignage-titre { font-size:2.2rem; line-height: 2.8rem; font-weight: bold; } .courant_bold { font-size:1.8rem; line-height: 2.2rem; font-weight: bold; } .block_sombre{ background: var(--couleur-bleu-fonce); color: var(--couleur-blanc); } .biz_bleu, .biz_orange { color: var(--couleur-blanc); padding: 3rem; transform: skewx(-10deg); top: 4rem; position: relative; } .biz_orange { background: var(--couleur-orange); } .biz_bleu{ background: var(--couleur-bleu-clair); } .bottom_line { background-image: url(../imgs/design/element-graphique-little-conversion.png),url(../imgs/design/element-graphique-conversion.png); background-position: right 0px bottom 0px, right 0px bottom 0px; background-size: 0.25rem, 50rem; background-repeat: repeat-x,no-repeat; background-position-x: left 0rem,right 0rem; } .bottom_line_bleu { background-image: url(../imgs/design/element-graphique-little-sdk.png),url(../imgs/design/element-graphique-sdk.png); background-position: right 0px bottom 0px, right 0px bottom 0px; background-size: 0.25rem, 50rem; background-repeat: repeat-x,no-repeat; background-position-x: left 0rem,right 0rem; } .cols3{ column-count: 1; } .cols4{ column-count: 1; } .w520{ width:52rem; display: block; } .ul_check_h5{ font-size:1.8rem; line-height: 2.2rem; font-weight: normal; padding-left: 0; } .ul_check_h5 li{ padding-bottom: 2.2rem; } .ul_check_h5_bleu li{ background-image: url(../imgs/design/picto-check-sdk.png); background-position: top left; background-position-y: top; background-repeat: no-repeat; padding-left: 4.8rem; background-size: 3.2rem; } .ul_check_h5_orange li{ background-image: url(../imgs/design/picto-check-conversion.png); background-position: top left; background-position-y: top; background-repeat: no-repeat; padding-left: 4.8rem; background-size: 3.2rem; } .ul_check_h5_fonce li{ background-image: url(../imgs/design/picto-check-corpo.png); background-position: top left; background-position-y: top; background-repeat: no-repeat; padding-left: 4.8rem; background-size: 3.2rem; } .ul_check_h5_orange li.no_background{ background-image:none; } .ul_check_h4{ font-size:2.2rem; line-height: 2.8rem; font-weight: normal; padding-left: 0; } .ul_check_h4 li{ padding-bottom: 2.8rem; } .ul_check_h4_bleu li{ background-image: url(../imgs/design/picto-check-sdk.png); background-position: top left; background-position-y: top; background-repeat: no-repeat; padding-left: 4.8rem; background-size: 3.2rem; } .ul_check_h4_orange li{ background-image: url(../imgs/design/picto-check-conversion.png); background-position: top left; background-position-y: top; background-repeat: no-repeat; padding-left: 4.8rem; background-size: 3.2rem; } .ul_check_h4_fonce li{ background-image: url(../imgs/design/picto-check-corpo.png); background-position: top left; background-position-y: top; background-repeat: no-repeat; padding-left: 4.8rem; background-size: 3.2rem; } .upper { text-transform: uppercase; } .inherit { text-transform: inherit; } .bleu-clair { color: var(--couleur-bleu-clair); } .chapeau_clair, .accordeon span a { color: var(--couleur-bleu-clair); font-size:2.2rem; line-height: 2.8rem; font-weight: bold; font-style: italic; } .ul-flex ul { display:flex; justify-content: center; flex-wrap: wrap; } /* .ul-flex ul.ligne { border-top: 1px solid var(--couleur-orange); margin-top: 3rem; padding-top: 3rem; }*/ div.ligne, div.ligne_bleu { border-top: 1px solid var(--couleur-orange); margin-top: 3rem; padding-top: 3rem; margin-left: 6rem; margin-right: 6rem; } div.ligne_bleu { border-top: 1px solid var(--couleur-bleu-clair); } .ligne-pleine { border-top: 2px solid var(--couleur-orange); margin-top: 3rem; padding-top: 3rem; } .ul-flex ul li:after { content: "/"; color: var(--couleur-orange); margin-left: 1rem; margin-right: 1rem; } .ul-flex ul li:last-child:after { content: " "; } #explore.ul-flex ul li:after { content: ""; margin-left: 1rem; margin-right: 1rem; } .titre_index{ grid-row: 2; } .titre_generique { grid-row: 1; text-align: center; margin-top: 6rem; } .gros_chiffre{ font-size: 4.5rem; font-weight: bolder; font-style: italic; color:var(--couleur-orange); } .bolder { font-weight: bolder; } .italic { font-style: italic; } main > section > *, .cols-center-12 { grid-column: 2 / span 12; } .large { grid-column: 1 / span 14; } .cols-center-3-11 { grid-column: 3 / span 11; } .wrapper, #main-header, main, main section, #main-ariane, main > section > article.large, main > section > .article-like.large { display: grid; grid-template-columns: 1fr repeat(12, minmax(0, 100px)) 1fr; gap: 0 10px; grid-column: 1 / span 14; max-width: 1920px; } .large_flex { display: flex; max-width: 1920px; grid-column: 1 / span 14; } .wrapper { margin:auto; } #head-logo { grid-column:2 / span 8; display: flex; margin: 2rem 0; } #main-header { margin-top: auto; margin-bottom: auto; color: var(--couleur-bleu-fonce); /*box-shadow: 0px 23px 50px 10px rgba(255,255,255,0.99); z-index: 10;*/ } #main-header a { margin-top: auto; margin-bottom: auto; color: var(--couleur-bleu-fonce); font-size: 1.6rem; font-weight: bold; } .logo-header { width:100%; max-width: 300px; margin-top: 5px; } /* #main-buttons { grid-column: 2 / span 12; grid-row:2; margin-top: 10px; } */ #main-buttons { display: grid;/*flex*/ grid-column: 1 / span 14; grid-row: 1; background-color: var(--couleur-bleu-fonce); } #main-buttons > ul { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 1rem; margin-bottom: 1rem; } #main-buttons > ul > li, #main-buttons div.menu-bar > ul > li { margin: 0 0 0 15px; display: flex; white-space: nowrap; } #menu-user ul { padding: 1rem; } #langage-user ul { list-style-type: none; } #menu-user ul li input{ padding: 1rem; } .menu-button { position: absolute; display: none; z-index:30; } .menu-button>* { /* position: absolute;*/ left: -4.5rem; top: 1.3rem; display:flex; flex-direction: column; padding: 0; background-color: var(--couleur-blanc); box-shadow: 0 0 10px var(--couleur-gris3); } .btn_lang ul { padding: 2rem 0 2rem 0; } /*Pointe en haut de la boite*/ .menu-button>*:before { position: absolute; top:-10px; left:54px; content: " "; width:0; height:0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid var(--couleur-blanc); } /* .menu-button li { border-bottom: 1px solid var(--couleur-gris-bordures); } */ .menu-button li a, .menu-button li a span { display: block; height:100%; padding:5px 20px; font-size: 1.3rem; vertical-align:middle; } .menu-button li a, .menu-button li a span.deconnexion { display: inline; padding: 0; } .menu-button li .pass-perdu { padding: 1rem 4rem 4rem 4rem; } .menu-button .icon-deconnexion { font-size: 1.5em; vertical-align:middle; } #main-nav1 { grid-column: 10 / span 4; grid-row:1; display: flex; flex-wrap: wrap-reverse; justify-content: flex-end; align-items: center; margin-top: 10px; } .main-nav1-list { display: none; /*caché en mobile. sinon display:flex*/ justify-content: flex-end; flex-grow: 1; align-items:center; } .main-nav1-list li { white-space: nowrap; margin: 0 1.5rem; } #main-nav2 { position: absolute; left: 0; top: 0; height: 100vh; width: 100vw; padding: 30px; z-index: 30; background-color: var(--couleur-blanc); display: none; } #main-nav2 .escape-menu-button { position: fixed; top: 0; right: 0; font-size: 3rem; margin-right: 3rem; } #main-nav2 ul { list-style-type: none; padding: 0; } #main-nav2 > ul { margin-top: 20px; } #main-nav2 > ul > li { height: 3.5rem; } #main-nav2 > ul > li > div { position: absolute; left: 0; top: 0; width: 100vw; min-height: 100vh; background-color: var(--couleur-gris); display:none; } #main-nav2 > ul > li > div .escape-submenu-button { display: inline-block; transform: rotate(180deg); font-size: 3rem; margin: 3rem 0 0 3rem; } #main-nav2 > ul > li > div > ul { margin: 40px; display: flex; flex-wrap: wrap; } #main-nav2 > ul > li > div > ul > li { flex: 1 1 210px; margin-bottom: 2rem; padding-right: 1rem; } #main-nav2 > ul > li > div > ul > li > ul > li { line-height: 1.5rem; margin-bottom: 1.5rem; } #main-nav2 .logo-header { margin-bottom: 40px; } #main-nav2 h2 { font-size: 1.6rem; text-align: left; } #main-nav2 li.is-active h2 * { color: var(--couleur-bleu-clair); } #main-nav2 li.is-active h2 .icon-chevron { display: inline-block; transform: rotate(90deg); } #main-nav2 h3 { font-size: 1.6rem; font-weight: bold; margin-bottom: 2rem; } #main-nav2 .icon-chevron { font-size: 1rem; } #main-nav2 button { background: none; color: var(--couleur-bleu-clair); padding: 0; } #main-nav2 [type="search"] { box-shadow: none; } #main-nav2 [type="search"]::placeholder { color: var(--couleur-gris2); } #main-ariane { grid-row: 2; border-color: var(--couleur-gris-bordures); /*border-style: solid; border-width: 1px 0;*/ margin-top: 10px; /*margin-bottom: 10px;*/ } #ariane-content { grid-column: 2 / span 12; display: flex; align-items: center; } .ariane-txt { color: var(--couleur-gris3); font-size: 1.3rem; text-decoration: none; margin: 0 30px; } .ariane-txt:first-child { margin-left: 0; } .ariane-txt:last-child { color: var(--couleur-gris4) } .chevron-ariane::before { content:url(../imgs/chevron-ariane.svg) } main { grid-row: 3; background-image: url(../imgs/design/element-graphique-footer.png); background-position: bottom left; background-repeat: no-repeat; background-size: 64px; } #main-footer { /*border-top: 1px solid var(--couleur-gris-bordures);*/ grid-column: 1 / span 14; grid-row: 4; padding-top:50px; background-color: var(--couleur-bleu-fonce); } #main-footer > * { flex: 1 1 auto; } #main-footer h2:after, #main-nav2 h2:after { display:none; } .menu-footer { display: flex; flex-wrap: wrap; justify-content: center; } .menu-footer > li { flex: 1 1 auto; margin: 0 1rem 1.5rem 0 ; } .menu-footer > li:first-child { /*flex: 2 1 auto; margin-left: 0;*/ text-align: center; } .menu-footer > li:first-child > img { margin: 5px 0 30px 5px; } .menu-footer > li:first-child > ul { display:flex; justify-content: center; } .menu-footer > li:first-child > ul > li { margin:0 3px; } .menu-footer > li:first-child > ul > li > a { color: var(--couleur-bleu-clair); font-size: 1.6rem; } .menu-footer a { color: var(--couleur-blanc); text-decoration: none; font-size: 1.8rem; } .menu-footer h2, .menu-footer h2 a { color: var(--couleur-blanc); font-weight: bold; font-size: 2.6rem; margin-bottom: 2rem; text-align: left; } .copyright { margin: 2rem; color: var(--couleur-blanc); } .citation{ color: var(--couleur-bleu-clair); font-weight: bold; font-size: 2.2rem; line-height: 2.8rem; font-style:italic; font-style: italic; border-left: 2px solid var(--couleur-orange); padding-left: 3rem; margin-left: 10rem; } .citation a, .lien_orange { text-decoration-color: var(--couleur-orange); text-decoration-line: underline; color: var(--couleur-orange); text-decoration-thickness: 0.1em; } /* .footer-copyright { width: 100%; height: 3rem; display: flex; align-items: center; justify-content: center; border-top: 1px solid var(--couleur-gris-bordures); font-size: 1.1rem; color: var(--couleur-gris3); } .footer-copyright p { margin: 0; } */ .nav-legend { display:none; } .burger-menu { font-size: 4.8rem; } .logo-footer { width: 100%; max-width: 150px; } .left-border-text { border-left: 1px solid var(--couleur-bleu-clair); padding-left: 2px; margin-left: 2px; } .right-border-text { border-right: 1px solid var(--couleur-bleu-clair); padding-right: 2px; margin-right: 2px; } #user-login-button-box { display: flex; align-items: center; } .user-logged-text { } .bg_alert{ background-color: var(--couleur-alerte); } .bg_blanc { background-color: var(--couleur-blanc); } .bg_bleu_clair { background-color: var(--couleur-bleu-clair); } .bg_bleu_clair_clair { background-color: var(--couleur-bleu-clair-clair); } .bg_noir{ background-color: var(--couleur-black); } .bg_orange { background-color: var(--couleur-orange ); } .bg_vert { background-color: var(--couleur-vert); } .blanc { color: var(--couleur-blanc); } .bleu_clair { color: var(--couleur-bleu-clair); } .bleu_clair_clair { color: var(--couleur-bleu-clair-clair); } .bleu-fonce { color: var(--couleur-bleu-fonce); } .noir{ color: var(--couleur-black); } .orange { color: var(--couleur-orange); } .vert { color: var(--couleur-vert); } .ok { color:var(--couleur-vert); } .txt-orange{ color: var(--couleur-orange) !important; } .txt-bleu { color: var(--couleur-bleu-clair) !important; } .txt-bleu-fonce { color: var(--couleur-bleu-fonce) !important; } .txt-sur-menu { color: var(--couleur-blanc); font-size: 1.6rem; font-weight: bold; margin-right: 1rem; } #main-header .txt-sur-menu a{ color: var(--couleur-blanc); } .help { cursor:help; } .txt-blanc { color: var(--couleur-blanc) !important; } .icone-menu { position:relative; font-size: 1.6rem; } img.icone-menu { height: 2.2rem; } .icone-menu:hover:before { color:var(--couleur-bleu-clair); } #bouton-search:hover:before { color:var(--couleur-bleu-fonce); } .block { display: block !important; } #shadder { position: fixed; height: 100%; width: 100%; top: 0; left: 0; background-color: var(--couleur-shader); opacity: 0.6; z-index: 20; display: none; } .button-badge { position: absolute; /*le parent doit être en position:relative*/ border-radius: 50%; top: -0.5em; right: -0.5em; font-size: 0.45em; padding: 0.45em; background-color: var(--couleur-vert); color: var(--couleur-blanc); height: 70%; width: 60%; text-align: center; animation: shockwave 1s .65s ease-out infinite; } .rond { border-radius:50%; } .fond-carres-degrade { min-height: 250px; background-image: url(../imgs/design/background-motif.png), url(../imgs/design/degrade_haut.png), url(../imgs/design/degrade_bas.png); background-position: left 0px top 0px, left 0px top 0px, left 0px bottom 0px; background-repeat: repeat,repeat-x,repeat-x; background-blend-mode: overlay; background-size:150px, 10px, 50px; /* background-color: rgba(255, 255, 255, 0.50);*/ } .fond-carres-decor { min-height: 500px; background-image: url(../imgs/design/background-motif.png), url(../imgs/design/image-header-1088-600.png); background-position: left 0px top 0px, right 0px top 0px; background-size:150px, 1088px; background-repeat: repeat, no-repeat; background-blend-mode: overlay; background-color: rgba(255, 255, 255, 0.50); } .font-orange-trou{ background-image: url(../imgs/design/background-motif-conversion-destructure.png), url(../imgs/design/degrade_haut.png), url(../imgs/design/degrade_bas.png); background-position: left 800px top -100px, left 0px top 0px, left 0px bottom 0px; background-repeat: no-repeat,repeat-x,repeat-x; background-blend-mode: overlay; } .fond-carres-orange { min-height: 500px; background-image: url(../imgs/design/background-motif-conversion.png), url(../imgs/photos/cross-manager-header.png); background-position: left 0px top 0px, right 0px top 0px; background-size:150px, 1088px; background-repeat: repeat, no-repeat; background-color: rgba(255, 255, 255, 0.50); } .fond-carres-rejoindre { min-height: 465px; background-image: url(../imgs/design/background-motif.png); background-position: left 0px top 0px; background-size: 150px; background-repeat: repeat; } .fond-carres-contact { min-height: 465px; background-image: url(../imgs/design/background-motif.png), url("https://beta4.datakit.com/cn/imgs/design/CAD-convertors-resellers-asiemoy.png");/*--ref--*/ background-position: left 0px top 0px, right 50px top 0px; background-size: 150px, 800px; background-repeat: repeat, no-repeat; } .fond-carres-bleu { min-height: 465px; background-image: url(../imgs/design/background-motif-sdk.png), url(../imgs/photos/sdk-solution-header.png); background-position: left 0px top 0px, right 0px top 60px; background-size: 150px, 1088px; background-repeat: repeat, no-repeat; } .fond-carres-partenaire { min-height: 440px; background-image: url(../imgs/design/background-motif.png), url(../imgs/photos/partenaires-header-biseau.png); background-position: left 0px top 0px, right 0px top 35px; background-repeat: repeat,no-repeat; background-blend-mode: overlay; background-size:150px, 1088px; } h1.partenaire { display: grid; text-align: left; margin-top:6rem; } .choix-cross { padding-top: 47.5px; min-height: 232px; background-image: url(../imgs/design/background-motif-conversion.png); background-position: left 0px top 62px; background-size: 150px; background-repeat: repeat; } .choix-sdk { padding-top: 47.5px; min-height: 232px; background-image: url(../imgs/design/background-motif-sdk.png); background-position: left 0px top 97px; background-size: 150px; background-repeat: repeat; } .fond-carres{ /*min-height: 500px;*/ background-image: url(../imgs/design/background-motif.png); background-position: left 0px top 0px; background-size:150px; background-repeat: repeat; background-blend-mode: overlay; background-color: rgba(255, 255, 255, 0.50); } .fond-carres-decor > div { display: flex; } /* .fond-carres-decor h1 { margin: auto 0; font-size: 2.8rem; letter-spacing: 0.1rem; min-width: 225px; } */ .separateur_verti{ border-left: 2px solid var(--couleur-orange);; height: 4rem; margin-top: 2rem; margin-bottom: 2rem; display: inline-grid; } .img-accueil-haut { top:0; left:0; width: 100%; height: 700px; background-image: url('../imgs/photos/homepage-visuel-samad-herve.png'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); grid-column: 2/ span 12; grid-row: 1; } .img-societe-haut { top:0; left:0; width: 100%; height: 700px; background-image: url('../imgs/photos/societe-visuel-ambiance1.jpg'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); grid-column: 2/ span 12; grid-row: 1; } .img-societe-bas { top:0; left:0; width: 100%; height: 700px; background-image: url('../imgs/photos/societe-visuel-ambiance3.jpg'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); grid-column: 2/ span 12; grid-row: 3; } .img-societe-milieu{ top:0; left:0; /*width: 850px; height: 100%;*/ width: 100%; height: 700px; background-image: url('../imgs/photos/societe-visuel-ambiance2.jpg'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%); grid-column: 3/ span 12; grid-row: 5; margin-top: 10rem; display:block; background-position: right; } .img-rejoindre-ambience { top:0; left:0; width: 100%; height: 700px; background-image: url('../imgs/photos/rejoindre-ambience-ordi.png'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); grid-column: 2/ span 12; grid-row: 1; } .img-accueil-bas { display:none; } .img-accueil-carre { min-height: 500px; background-image: url(../imgs/design/background-motif.png), url(../imgs/design/degrade_haut.png), url(../imgs/design/degrade_bas.png); background-position: left 0px top 0px, left 0px top 0px, left 0px bottom 0px; background-size:150px, 100px, 100px; background-repeat: repeat, repeat-x, repeat-x; background-blend-mode: overlay; } .img-footer-carre { min-height: 800px; background-image: url(../imgs/design/background-motif.png), url(../imgs/photos/image_equipe_map.png), url(../imgs/design/degrade_haut.png); background-position: left 0px top 0px, left 200px top 0px, left 0px top 0px; background-size:150px, 1500px, 60px; background-repeat: repeat, no-repeat, repeat-x; background-blend-mode: overlay; } .img-footer-carre-bleu { min-height: 250px; background-image: url(../imgs/design/background-motif-sdk.png); background-position: left 0px top 0px; background-size: 150px; background-repeat: repeat; } .img-footer-carre-orange { min-height: 250px; background-image: url(../imgs/design/background-motif-conversion.png); background-position: left 0px top 0px; background-size: 150px; background-repeat: repeat; } .img-footer-carre-light { min-height: 250px; background-image: url(../imgs/design/background-motif.png), url(../imgs/design/degrade_haut.png); background-position: left 0px top 0px, left 0px top -200px; background-size:150px, 60px; background-repeat: repeat, repeat-x; background-blend-mode: overlay; /*z-index:-1;*/ } .img-footer-carre-gris { min-height: 250px; background-image: url(../imgs/design/background-motif.png), url(../imgs/design/degrade_haut.png); background-position: left 0px top 0px, left 0px top -200px; background-size: 150px, 60px; background-repeat: repeat, repeat-x; background-blend-mode: overlay; } .img-full-carre-gris { background-color: var(--couleur-gris); background-position: left 0px top 300px; background-repeat: repeat; z-index: -1; grid-column: 1 / span 14; display: grid; margin-top: 5rem; position: relative; height: 500%; top: -240px; /* height: 600%; top: -280px; */ } .trait_gauche { border-top: 1px solid var(--couleur-orange); width: 30%; top: 1.5rem; position: relative; margin-right: 5rem; } .trait_droit { border-top: 1px solid var(--couleur-orange); width: 30%; top: 1.5rem; position: relative; float: right; margin-left: 5rem; } .bt-temoignage{ margin-top: 2rem; margin-bottom: 6rem; justify-content: center; display: flex; } .txt-center { text-align: center; } .img-fond-personne{ top:0; left:0; width: 100%; height: 700px; background-image: url('../imgs/design/societe_visuel_map.png'); background-repeat: no-repeat; background-size: cover; background-position: bottom; grid-column: 2/ span 12; grid-row: 2; } .hight-bouton{ height:5.8rem; } .points-cles, .txt-descrip-1, .txt-descrip-2, .txt-descrip-3 { grid-column: 3/ span 10; } .txt-descrip-1 { grid-row: 2; } .txt-descrip-2 { grid-row: 4; } .txt-descrip-3{ grid-row: 6; } .txt-descrip-map { grid-column: 2/ span 12; } .txt-rejoindre-1 { grid-row: 1; grid-column: 3/ span 10; /* grid-column-end: 10;*/ } .txt-rejoindre-2 { grid-row: 2; grid-column: 3/ span 10; /*grid-column-end: 10;*/ } .crossmanager-txt-1 { grid-row: 1; grid-column: 3/ span 7; } .crossmanager-txt-2 { grid-row: 2; grid-column: 3/ span 7; grid-column-end: 13; } .points-support{ grid-column: 2/ span 12; grid-row: 3; } .organisation { font-size:2.2rem; line-height: 2.8rem; font-weight: bold; grid-column: 2/ span 6; text-align: center; margin: 0rem 5rem 5rem 5rem; } h1 { font-size: 5.5rem; line-height: 6.5rem; text-transform: uppercase; font-weight: bold; } .titre_blanc { font-size: 2.6rem; line-height: 3.4rem; text-transform: uppercase; font-weight: bold; color:var(--couleur-blanc); margin-top: 16rem; margin-left: 8rem; margin-right: 8rem; background-image:none; text-align: left; } .titre_blanc_cnx { font-size: 2.6rem; text-transform: uppercase; color: var(--couleur-blanc); margin-top: 2rem; margin-left: 8rem; margin-right: 2rem; text-align: left; } .titre_cross { font-size: 4.3rem; line-height: 5rem; font-weight: bold; color: var(--couleur-blanc); margin-top: 6rem; margin-left: 6rem; margin-right: 8rem; background-image: none; } .titre_cross_bleu { color: var(--couleur-noir); } .titre_noir, .titre_noir_login { font-size: 2.6rem; line-height: 3.4rem; text-transform: uppercase; font-weight: bold; color:var(--couleur-black); padding-left: 8rem; padding-right: 8rem; text-align: left; } .titre_noir_login { font-size: 2.2rem; line-height: 2.8rem; text-transform: lowercase; } .icon_solution { position: absolute; width: 180px; margin-left: 1rem; margin-top: 4rem; } .icon_cross { position: absolute; width: 300px; margin-left: 0rem; margin-top: 14rem; } .icon_conversion { position: absolute; width: 300px; /* margin-left: 17rem;/*CONVOK*/ margin-top: 4rem; } .fond_sdk, .fond_conversion { width: 100%; max-width: 100%; box-sizing: border-box; position: relative; display: flex; justify-content: center; margin: 0 auto; } .icon_solution, .icon_conversion { position: absolute; left: 50%; transform: translate(-50%, 0); } .bouton_icon{ display: block; margin-top: 4rem; margin-bottom: 8rem; /*margin-left: 8rem; margin-right: 20rem;*/ width: 60%; box-sizing: border-box; left: 50%; transform: translate(-50%,-0); position: relative; } .bouton_cnx { margin-bottom: 2rem; margin-left: 12rem; } .txt_right{ text-align: right; } .txt_conversion{ padding-left: 8rem;/*CONVOK*/ } .flex_grid{ display: flex; flex-wrap: wrap; } .grid_simple { display: grid; } .icon-box-content .bouton_conversion, .icon-box-content .bouton_compte{ color:var(--couleur-blanc); /*margin-top: 7.3rem;*/ float: right; border: 2px solid var(--couleur-blanc); /*margin-left: 20rem; margin-right: 8rem;*/ left: 50%; transform: translate(-50%,-0); position: relative; } .icon-box-content .bouton_compte{ margin-left: 0rem; margin-right: 0rem; } /* .expertise{ font-family : 'LoRes 9 OT Wide'; font-size: 5.5rem; align-items: center; color: var(--couleur-orange); } .expertise-suit{ font-family : Brown; font-size: 5.5rem; color: var(--couleur-bleu-fonce); } .expertise-text{ font-size: 2.2rem; color: var(--couleur-bleu-fonce); }*/ .developper{ /*border-bottom: 164px solid grey; border-right: 165px solid transparent; */ } .ariane-nb ol {list-style: none; counter-reset: li} .ariane-nb li {counter-increment: li} .ariane-nb ol li:before { content: counter(li); text-align: right; } .article-base { padding-top: 3rem; padding-bottom: 3rem; } .article-aere { padding-top: 10rem; padding-bottom: 10rem; } .article-border5 { padding: 5rem; } .article_left{ padding:0; } .article_left .vignette-box-img { padding-top: 5rem; } .article_right{ width: 100%; margin-right: 15%; margin-left: 15%; } .article_first { font-size: 2.6rem; font-weight: bold; line-height: 3.4rem; } .f-weight-initial{ font-weight: initial; } .box-article-fond { transform: skewy(10deg); background-color: var(--couleur-gris); padding: 1rem; margin: 1rem; } .article-droit { transform: skewy(-10deg); margin-left: 5rem; margin-right: 5rem; padding-top: 5rem; /* width: 24rem; box-shadow: 5px 5px 20px -5px var(--couleur-black); border: 1px solid var(--couleur-gris-bordures); padding: 1rem 2rem; text-align: center; margin: 0 2rem 2rem 0; background-color: var(--couleur-blanc); height: 23rem; left: 1rem; position: relative; display: flex; align-items: center; justify-content: center; */ } .article_right a:first-child div.vignette-box-content { border-top: none; } .article_right div.vignette-box-content { border-top: 1px solid var(--couleur-orange); } article.text_cross { display: flex; justify-content: space-between; flex-wrap: wrap; } article.text_cross .titre_h3 { margin-right: auto; margin-left: auto; } .tier{ flex: 1 1 70%; display: flex; justify-content: center; flex-wrap: wrap; } .deux_tiers{ flex: 2 1 30%; display: flex; flex-wrap: wrap; margin-right: 3rem; margin-left: 3rem; padding-right: 5rem; } .wrap_960 { flex-wrap: wrap; } .trap_droit{ clip-path: polygon(0% 0, 100% 0, 90% 100%, 0% 100%); } .puce{ list-style-type: disc; } .fond-gris { background-color: var(--couleur-gris) !important; } .fond-gris-clair { background-color: var(--couleur-gris) !important; } #plugin .cent, .cent { width:100%; } .titre16 { font-size: 1.6rem; font-weight: bold; color: var(--couleur-bleu-fonce); } .titre20 { font-size: 2rem; font-weight: bold; color: var(--couleur-bleu-fonce); } .titre32 { font-size: 3.2rem; font-weight: bold; color: var(--couleur-bleu-fonce); } .size18{ font-size: 1.8rem; } .size34{ font-size: 3.4rem; } .size48{ font-size: 4.8rem; } .center { text-align:center; } .italic{ font-style:italic; } .left{ text-align: left; } .b0{ border:0; } .mt10 { margin-top:1rem; } .mt20{ margin-top:2.0rem; } .mt28{ margin-top:2.8rem; } .mt30 { margin-top:3rem; } .mt50 { margin-top:5rem; } .mt80 { margin-top:8rem; } .mt100 { margin-top:10rem; } .mt200 { margin-top:20rem; } .mb0{ margin-bottom:0; } .mb10{ margin-bottom:1rem; } .mb20{ margin-bottom:2rem; } .mb28{ margin-bottom:2.8rem; } .mb30{ margin-bottom:3rem; } .mb50{ margin-bottom:5rem; } .mb60{ margin-bottom:6rem; } .mb100{ margin-bottom:10rem; } .ml10{ margin-left:1rem; } .ml20{ margin-left:2rem; } .ml30{ margin-left:3rem; } .ml50{ margin-left:5rem; } .mr10{ margin-right:1rem; } .mr20{ margin-right:2rem; } .mr30{ margin-right:3rem; } .ml20 { margin-left: 2rem; } .m15{ margin:1.5rem; } .ml50 { margin-left: 5rem; } .lh50 { line-height: 5rem; } .mh100{ max-height: 100%; } .mw380 { max-width: 38rem; } .both{ clear:both; } .fr { float:right; } .pl10{ padding-left:1rem; } .mld_puce{ margin-left: 20em; margin-right: 20em; } .justify-center{ justify-content: center; } .flex { display: flex; } .u960_none { display: none; } .txt-shadow-white { text-shadow: var(--couleur-blanc) 1px 1px; } #licence_info{ width:200px; height:190px; border:0; float:right; background: linear-gradient(var(--couleur-bleu-fonce), var(--couleur-bleu-clair)); text-align:center; padding: 2.0rem; } .demo_info, .ident_info { color: var(--couleur-blanc); text-align: left; line-height: 1; margin-top:1rem; } .ident_info { margin-top:3rem; text-align: right; } .lic_annu_info, .click_info { color: var(--couleur-bleu-clair-clair); font-size: 2rem; font-weight: 900; display:block; } .lic_annu_info:hover { color: var(--couleur-bleu-clair); } .click_info { color: var(--couleur-bleu-fonce); } .click_info:hover { color: var(--couleur-bleu-clair-clair); } .txt-alerte { color: var(--couleur-alerte); } #form_contact_3 { border-spacing: 5px; border-collapse: unset; } .bold { font-weight:bold; } .inline-block{ display:inline-block; } .extranet_message { font-size: 18px; padding-left: 12px; color: var(--couleur-bleu-fonce); } #select_generation_licence { max-width: 500px; } #is_customer, #is_registered { width:100px } /*Popup ATTENTION : Code CSS en double sur admin/css/general.css*/ #popup { text-align:center; padding:25px; border:1px outset var(--couleur-bleu-clair-clair); /*border-radius:5px;*/ max-width:480px; position:fixed; top:50%; left:50%; margin:-50px 0 0 -180px; /*Pour centrer à peu près*/ display:none; background-color:var(--couleur-gris); box-shadow: 5px 5px 20px var(--couleur-gris4); overflow:hidden; z-index:10; } #popup .close_popup { padding:5px; margin:-25px -25px 10px 0; float:right; background-color:var(--couleur-bleu-clair-clair); color:var(--couleur-bleu-fonce); font-weight:bold; border-bottom-left-radius:3px; } #popup .close_popup:hover { cursor:pointer; color:var(--couleur-bleu-clair); } /*boite avec une icone ou une image sur la gauche*/ .icon-box { display: flex; /* background-color: var(--couleur-blanc);*/ padding: 1rem; margin-bottom: 2rem; } .login_box { display: grid; } .box-fond { display: flex; padding: 1rem; grid-template-columns: repeat(12, minmax(0, 100px)); margin-bottom: 2rem; flex-direction: column; } .box-distri, .box-user { display: flex; flex-direction: row; padding: 1rem; margin-bottom: 2rem; } .fond-svg { background-image: url(../imgs/design/fond_test.svg); background-size: 100%; background-repeat: no-repeat; } .fond-bleu-svg { background-image: url(../imgs/design/fond_bleu_test.svg); background-size: 100%; background-repeat: no-repeat; } .fond-orange-svg { background-image: url(../imgs/design/fond_orange_test.svg); background-size: 100%; background-repeat: no-repeat; } .icon-box-img { display: flex; margin: auto 1rem auto 0; flex: 0 0 auto; justify-content: center; min-width: 600px; max-width: 600px; width: 40%; } .icon-box-content, .icon-box-cross { flex: 1 1 auto; } .icon-box p { font-size: 1.2rem; } .icon-box-content h2::after, .icon-box-cross h2::after{ display:none; } /*pour inverser une icon-box*/ .icon-box-right { flex-direction: row-reverse; } .icon-box-right .icon-box-img { margin: auto 0 auto 1rem; } .icon-box-big-padding { padding: 3rem; } .icon-box-sans-padding { padding: 0; } .fond_sdk, .fond_conversion { position: relative; width: 100%; } .fond_sdk { /*width:650px;*/ grid-row:1; } .fond_conversion { /*width:390px;/*CONVOK*/ /*left:-80px;*/ grid-row:3; margin-top:5rem; } .mot-de-passe { text-align: right; padding: 0rem 2rem 0 0; margin: 0 0 2rem; } .TEST_trapezoid_dev { background-color: var(--couleur-bleu-clair); transform: skewX(-16deg); /*border-bottom: 25px solid #555; border-left: 0px solid transparent; border-right: 25px solid transparent; height: 0; width: 125px;*/ /*width: -moz-available;*/ } .trapezoid_dev { background-color: var(--couleur-bleu-clair); clip-path: polygon(-15px 0px, 100% 0px, 100% 100%, 0% 83%); } .trapezoid_login { background-color: var(--couleur-bleu-clair); clip-path: polygon(0% 0%, 102% 0%, 100% 77%, 0% 100%); } .trapezoid_compte { background-color: var(--couleur-orange); clip-path: polygon(-15px 0px, 100% 0px, 100% 100%, 0% 83%); } .trapezoid_cross { background-color: var(--couleur-orange); clip-path: polygon(-15px 0px, 100% 0px, 100% 100%, 0% 83%); height: 300px; width: 700px; } .trapezoid_cross_bleu { background-color: var(--couleur-bleu-clair); } .trapezoid_dev_droit { background-color: var(--couleur-bleu-clair); width:100%; background: linear-gradient(110deg, var(--couleur-bleu-clair) 50%, var(--couleur-blanc) 50%); } .TEST_trapezoid_dev_droit { background-color: var(--couleur-bleu-clair); transform: skewX(16deg); left: -10rem; position: relative; top: 0rem; width: 500px; } .trapezoid_user { background-color: var(--couleur-orange); /*transform: skewX(-16deg);*/ /*border-bottom: 25px solid #555; border-left: 0px solid transparent; border-right: 25px solid transparent; height: 0; width: 125px;*/ width: -moz-available; clip-path: polygon(0% 0%, 102% 0%, 100% 77%, 0% 100%); } .iflex{ display: inline-flex; } .grid { display:grid; } .grid-center { justify-content: center; display: grid; } .trapezoid_user_droit{ width:100%; background: linear-gradient(110deg, var(--couleur-blanc) 50%, var(--couleur-orange) 50%); } .TEST_trapezoid_user_droit { background-color: var(--couleur-orange); transform: skewX(16deg); right: -10rem; position: relative; top: 0rem; width: 500px; } .background-box { /*boite avec une image en fond*/ background-size: cover; position: relative; margin-bottom: 5rem; color: var(--couleur-blanc); padding: 4rem; } .background-box .bouton-rectangle { display: block; position: absolute; bottom: -2rem; left: 50%; transform: translateX(-50%); width: 50%; margin: auto; } .background-box-titre { font-size: 2.2rem; color: var(--couleur-blanc); margin-bottom: 2rem; } .background-box p { font-size: 1.2rem; } .background-besoins { background-image: url(/imgs/besoins.jpg); } .background-conversion { background-image: url(/imgs/conversion.jpg); } .background-metiers { background-image: url(/imgs/metiers.jpg); } /*boite avec une image toute largeur en haut*/ .vignette-box { display: flex; flex-direction: column; margin-bottom: 4rem; border: 1px solid var(--couleur-gris-bordures); } .vignette-box-img { flex: 1 1 auto; } .vignette-box-img-center { /*Modifier une vignette-box-img pour centrer l'image verticalement'*/ display: flex; align-items: center; } .vignette-box-img img { width: 100%; } .vignette-box-content { padding: 1.5rem; } .vignette-box-date { text-transform: uppercase; color: var(--couleur-bleu-clair); } .vignette-box h4, vignette-box h3 { font-weight: normal; margin-bottom: 1rem; color: var(--couleur-bleu-fonce); } .vignette-box p { font-size: 1.2rem; } .titre-article { color: var(--couleur-bleu-clair); font-size: 3.2rem; position: relative; margin-bottom: 3rem; } .titre-article:after { content: ''; position: absolute; width: 6rem; height: 100%; left: 0; top: 10%; border-bottom: 1px solid var(--couleur-bleu-clair); } .bouton_OLD { color: var(--couleur-blanc); background-color: var(--couleur-bleu-fonce); padding: 1rem 2rem; text-transform: uppercase; font-size: 1.2rem; display: inline-block; text-align: center; /*white-space:nowrap;*/ } .bouton { color: var(--couleur-bleu-fonce); padding: 1rem 2rem; text-transform: uppercase; font-size: 2.2rem; font-weight: bolder; text-align: center; border: 2px solid var(--couleur-bleu-fonce); white-space: nowrap; } .bt_initial{ white-space: initial; } .bouton:hover { color: var(--couleur-orange);/*color: var(--couleur-bleu-clair); A FAIRE*/ background-color: var(--couleur-blanc); border: 2px solid var(--couleur-blanc); } .bouton:hover .bleu_clair_hover{ color: var(--couleur-bleu-clair); } .orange_hover:hover { color: var(--couleur-orange); border: 2px solid var(--couleur-orange); } .txt_orange_hover:hover { color: var(--couleur-orange); } .bouton-espace { margin: 2rem; } .border_white { border: 2px solid var(--couleur-blanc); } /*Modifie un bouton*/ .bouton-ovale { border-radius: 100rem; padding: 1rem 3rem; } /*Modifie un bouton*/ .bouton-clair { color: var(--couleur-bleu-clair); border: 2px solid var(--couleur-bleu-clair); background: none; } .bouton-clair:hover { color: var(--couleur-blanc); background-color: var(--couleur-bleu-clair); } .bouton-orange { color: var(--couleur-orange); border: 2px solid var(--couleur-orange); background: none; } .bouton-orange:hover { color: var(--couleur-blanc); background-color: var(--couleur-orange); } /*Modifie un bouton*/ .bouton-large, .bouton-tres-large, .bouton-100-pourcent { min-width: 100% } .bandeau-image { position: relative; text-align: center; } .bandeau-image img { filter: sepia(1) brightness(65%) contrast(140%) hue-rotate(180deg); width: 100%; min-width: 300px; } .bandeau-image h2 { display: flex; flex-direction: column; justify-content: center; color: var(--couleur-blanc); text-shadow: 3px 3px 6px var(--couleur-black); text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* grand écran-moyen écran-petit écran */ .flex-33-100-100 > *, .flex-50-100-100 > *, .flex-50-50-100 > *, .flex-33-50-100 > *, .flex-33_66-33_66-100 > *, .flex-66_33-66_33-100 > * { width: 100%; } .flex-50-50-50 { flex-direction: row; /*Pour annuler le changement sur les flex-container*/ } .flex-50-50-50 > * { width: calc(100% / 2 - 4rem / 2); } /*Passer en mode colonne pour les moyens et petits écrans*/ .flex-column-ecrans-moyens { flex-direction: column; } .contenu-sur-2-colonnes { columns:1; /*1 seule colonne pour mobile*/ } .nav-in-page { padding: 0 1rem; background-color: var(--couleur-blanc); flex-wrap: nowrap; text-align: center; align-items: center; } .nav-in-page a { flex-grow: 1; padding: 0em 1em 0 1em; text-align: center; border-left: 2px solid var(--couleur-bleu-fonce); font-weight: bold; } .nav-in-page a:first-child { border-left: none; } .nav-in-page > * { padding: 0; border-bottom: 2px solid transparent; word-wrap: break-word; hyphens: auto; color: var(--couleur-bleu-fonce); } .nav-in-page > *:hover, .nav-in-page > .actif { border-bottom-color: var(--couleur-bleu-clair); color: var(--couleur-bleu-clair); font-weight: bold; } .nav-cross{ padding: 0 1rem; flex-wrap: nowrap; text-align: center; /*align-items: center;*/ } .nav-cross a { flex-grow: 1; margin: .25em 0 0 0;/* margin: .25em 0 ;*/ text-align: center; color: var(--couleur-bleu-fonce); text-decoration: underline; text-underline-position: under; text-decoration-thickness: 6px; text-decoration-color: var(--couleur-orange); } .nav-cross a.ligne-bleu{ text-decoration-thickness: 6px; text-decoration-color: var(--couleur-bleu-clair); } .nav-cross > *:hover, .nav-cross > .actif, .nav-cross a.cross-hover:hover { border-bottom-color: var(--couleur-bleu-clair); color: var(--couleur-bleu-clair); font-weight: bold; } .nav-cross > a.ligne-bleu:hover, .nav-cross > .actif { border-bottom-color: var(--couleur-bleu-clair); color: var(--couleur-orange); font-weight: bold; } .nav-cross a.cad-hover:hover { color: var(--couleur-orange); } .border-top-gris { border-bottom: 1px solid var(--couleur-bleu-fonce); } .sticky { position: sticky; top: 0; width: 100%; z-index: 10; background-color: var(--couleur-blanc); } .sticky-cross { position: sticky; top: 0; width: 100%; z-index: 10; } #top-button { display: none; position: fixed; bottom: 1rem; right: 1rem; width: 3rem; height: 3rem; background-color: var(--couleur-bleu-fonce); border: 2px solid var(--couleur-blanc); border-radius: 1rem; color: var(--couleur-blanc); text-align: center; line-height: 3rem; z-index: 1; } #top-button span { display: inline-block; transform: rotate(270deg); } #dist_notif_maj{ width: 10%; } .liste-colonne { /*border: 1px solid var(--couleur-gris-bordures); border-radius: 1rem;*/ background-color: var(--couleur-blanc); } .liste-colonne h2 { color: var(--couleur-bleu-fonce); padding: 0.8rem 3rem; font-weight: bold; font-size: 1.8rem; border-bottom: 1px solid var(--couleur-gris); } .liste-colonne ul { padding: 0; } .liste-colonne li { padding: 0.3rem 3rem; border-bottom: 1px solid var(--couleur-gris); font-size: 1.8rem; list-style-type: none; } .liste-colonne li:last-child { border-bottom: none; } .liste-colonne li span { color: var(--couleur-bleu-clair); } .liste-colonne .liste-plg a:hover { color: var(--couleur-bleu-clair); } .liste-plg a, .href-cross { color: var(--couleur-orange); font-size: 1.8rem; font-weight: bold; }/* .liste-plg:first-child { color: var(--couleur-bleu-fonce); }*/ .liste-plg { list-style-type: initial; color: var(--couleur-bleu-clair); padding: 0.3rem 0rem; } .fleche-conversion { font-size: 3rem; padding: 2rem; text-align: center; color: var(--couleur-bleu-clair); flex-shrink: 0; display: flex; align-items: center; justify-content: center; } .fleche-conversion .icon-fleche { display: inline-block; transform: rotate(90deg); } .rotate90 { transform: rotate(90deg); } .tableau-double-entree { text-align:center; font-size: 1.3rem; } .tableau-double-entree-left { text-align:left; } .tableau-double-entree th { color: var(--couleur-bleu-fonce); } .tableau-double-entree th:first-child { text-align: left; } .tableau-double-entree th.th-principal { font-size: 1.6rem; background-color: var(--couleur-blanc); } .tableau-double-entree tr:nth-child(odd){ background-color: var(--couleur-gris); } .tableau-double-entree tr:hover{ background-color: var(--couleur-gris); color: var(--couleur-bleu-clair); cursor:auto; } .tableau-double-entree tr:hover a { color: var(--couleur-bleu-fonce); } .tableau-hover tr:hover a { color: var(--couleur-orange); } .tableau-hover td:hover a { color: var(--couleur-bleu-clair); } .tableau-double-entree .cellules_ok { color: var(--couleur-vert); background-color: var(--couleur-vert_tab); } .tableau-double-entree .cellules_not_ok { color: var(--couleur-gris2); } .tableau-double-entree-orange tr:hover, .tableau-double-entree-orange tr:hover th { color: var(--couleur-orange); } .tableau-double-entree td.coltitle { color: var(--couleur-blanc); text-align: left; font-weight: bolder; background-color: var(--couleur-bleu-fonce); } .tabDisplay{ display:none; } .tableau-fixed-sur-ecrans-moyens-et-larges { table-layout: auto; } .zoomable { cursor:zoom-in; } .zoomable:fullscreen { background-color: var(--couleur-blanc); cursor:auto; margin:0; height:100%; } /* * jQuery Basic Table * Author: Jerry Low */ table.bt thead, table.bt tbody th { display: none; } table.bt tfoot th, table.bt tfoot td, table.bt tbody td { /*border: none;/**/ display: block; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; vertical-align: top; /* IE 9 */ float: left\9; width: 100%\9; } table.bt tfoot th:hover::before, table.bt tfoot td:hover::before, table.bt tbody td:hover::before { content: attr(data-th); display: flex; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; font-weight: bold; width: 10em; } table.bt tfoot th::before, table.bt tfoot td::before, table.bt tbody td::before { content: attr(data-th); display: flex; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; font-weight: bold; width: 10em; } table.bt tfoot th.bt-hide, table.bt tfoot td.bt-hide, table.bt tbody td.bt-hide { display: none; } table.bt tfoot th .bt-content, table.bt tfoot td .bt-content, table.bt tbody td .bt-content { vertical-align: top; } .bt-wrapper.active { max-height: 310px; overflow: auto; -webkit-overflow-scrolling: touch; } table.bt.bt--no-header tfoot td::before, table.bt.bt--no-header tbody td::before { display: none; } table.bt tbody td.title-tab::before, .title-tab { color: var(--couleur-blanc); background-color: var(--couleur-bleu-fonce); font-weight: bold; } /*Ligne diagonale du tableau*/ #tableau-combinaisons-3D th, #tableau-combinaisons-2D th { position: relative; overflow: hidden; border: 1px solid var(--couleur-black); /*word-wrap: anywhere;/**/ } .tableau-double-entree .title-tab-color{ color: var(--couleur-blanc); } .tableau-espace td, .tableau-espace th { padding: 1rem; } #tableau-combinaisons-3D tr th, #tableau-combinaisons-2D tr th { /*width:6rem;/**/ } #tableau-combinaisons-2D { width: 600px; } .line_OLD { position: absolute; height: 40px; top: 40px; bottom: 0; margin: auto; left: -7px; width: 100%; border-top: 1px solid var(--couleur-black); -webkit-transform: rotate(14deg); -ms-transform: rotate(14deg); transform: rotate(14deg); background-color: var(--couleur-bleu-fonce); } .line { position: absolute; height: 100%; top: 0px; bottom: 0; margin: auto; width: 100%; border-top: 1px solid var(--couleur-black); background-color: var(--couleur-bleu-fonce); clip-path: polygon(0px 0px, 50% 50%, 100% 100%, 0% 100%); left: 0px; } .diagonal { width: 150px; height: 40px; background-color: var(--couleur-bleu-fonce); } .diagonal span.lb { position: absolute; bottom: 2px; left: 2px; color:var(--couleur-blanc); z-index:1; } .diagonal span.rt { position: absolute; top: 2px; right: 2px; } /*infobulles*/ .infobulle { position: relative; } .infobulle:hover::after, .infobulle:focus::after { content: attr(aria-label); /* on affiche aria-label */ position: absolute; height :3rem; top: -3.7rem; left: 50%; transform: translateX(-50%); /* on centre horizontalement */ z-index: 1; white-space: nowrap; padding: 0.5rem 1.4rem; background: var(--couleur-blanc); color: var(--couleur-bleu-clair); border: 1px solid var(--couleur-gris5); font-size: 1rem; box-shadow: 0px 0px 10px var(--couleur-gris5); /*centré*/ display: flex; justify-content: center; align-items: center; } [aria-label]:hover:before, [aria-label]:focus:before { /* content: "\0025BC"; */ position: absolute; top: -2rem; left: 50%; transform: translateX(-50%); /* on centre horizontalement */ font-size: 2rem; color: var(--couleur-gris5); } .blur-background { background-image: url('/imgs/blur-background.jpg'); background-size: cover; } .horizontal-line { display: inline-block; border: none; margin: 0; padding: 0; vertical-align: middle; width: 10px; height: 2px; background-color:var(--couleur-gris2); } /*Listes avec une puce + qui se transforme en puce - après un clic si c'est un accordeon '"*/ .liste-plus-moins { margin: 0 0 1em 0; padding: 0 0 0 1em; list-style: square; /*color: var(--couleur-orange);*/ } .liste-plus-moins li { position: relative; /*padding-left: 0.4em; margin: 1.5rem 0;*/ } .liste-plus-moins li:before { /*font-family: "icon"; content: '\2295';*/ /*top: 0.3rem;*/ /*color: var(--couleur-bleu-clair);*/ position: absolute; left: -2.3em; font-size: 2.2rem; font-weight: bolder; font-style: italic; top: 6.2rem; } .liste-plus-moins li.no-none:before { display:none; } .mk-none { list-style:none; } .liste-plus-moins li h3 {/*Test*/ background-image: url(../imgs/design/picto-plus-accordeon.png); background-position:top right; background-repeat:no-repeat; background-position-y: center; padding-right: 5rem; background-size: 32px; /* padding-right:3.2rem; margin:0 0 10px 0; font-size:1.6rem; font-weight:bold; min-height:3.2rem;*/ } .liste-plus-moins li h3.tb-no-ml { padding-right: 0; } #explore .liste-plus-moins li h3 {/*Test*/ background-image: none; } .liste-plus-moins li.active h3 {/*Test*/ background-image:url(../imgs/design/picto-moins-accordeon.png); background-repeat:no-repeat; } /* .liste-plus-moins li.active:before { content: '\2296'; } */ .liste-plus-moins li > :first-child { font-size: 2.6rem; font-weight: bold; } .liste-plus-moins .liste-colonne ul li strong { font-size: 1.8rem; font-weight: bold; } .liste-plus-moins li a.size18 { font-size: 1.8rem; font-weight: bold; } /*Pour modifier une liste-plus-moins*/ .liste-plus-moins-big li:before { top: 0.7rem; font-size: 1.8rem; } .liste-plus-moins-big li > :first-child { font-size: 2.8rem; } .liste-plus-moins table { color : var(--couleur-black); } .accordeon { padding-top: 2.8rem; margin-left: 3.8rem; } .accordeon:first-child { /*border-top: 1px solid var(--couleur-orange);*/ padding-top: 2.8rem; margin-top: 3rem; } .liste-plus-moins li:last-child { border-bottom: 1px solid var(--couleur-orange); padding-bottom: 2.8rem; } .liste-plus-moins li ul li:last-child, .cols3 li, .cols4 li{ border-bottom: none; } .liste-plus-moins .cols3 li span, .liste-plus-moins .cols4 li span { font-size: 1.8rem; color : var(--couleur-orange); } .liste-plus-moins .cols3 li span.bleu-fonce, .liste-plus-moins .cols4 li span.bleu-fonce { color : var(--couleur-bleu-fonce); } .liste-plus-moins .cols3 li span.bleu, .liste-plus-moins .cols4 li span.bleu { color : var(--couleur-bleu-clair); } .liste-puce { box-sizing: border-box; color: var(--couleur-orange); font-family: Noto-Sans-TC, Mulish, Brown, sans-serif; font-size: 1.8rem; font-weight: bold; line-height: 2.7rem; list-style-image: none; list-style-position: outside; list-style-type: disc; text-align: left; background-color: var(--couleur-blanc); } .liste-puce li { padding: 0.3rem; border-bottom: 1px solid var(--couleur-gris); } .accordeon > :first-child { cursor: pointer; border-top: 1px solid var(--couleur-orange); padding-top: 2.8rem; } .accordeon > :nth-child(2) { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .chapeau_box{ display: grid; grid-template-columns: 1fr 5fr 1fr; } .chapeau_intro{ grid-column: 2; text-align: center; } ul{ list-style-type: none; counter-reset: compteur; } .liste-colonne ul.puce { list-style-type: disc; list-style-position: inside; } .liste-colonne ul.puce li { list-style-type: initial; text-indent: -1.8rem; padding-left: 4.8rem; } ul li.accordeon{ counter-increment: compteur; } ul li.accordeon::before{ margin-right: 1rem; content: "0" counter(compteur) " "; } main p .date, .date { font-size: 1.8rem; font-weight: bold; color:var(--couleur-bleu-clair); text-transform: uppercase; } .lien{ font-size: 2.2rem; font-weight: bolder; text-decoration: underline; text-transform: uppercase; } .lien:before{ text-decoration: none; } .lien_indent{ text-indent: -3rem; padding-left: 3rem; } .lien_indent:before{ text-indent: 0.2rem; } .mw40 { min-width: 40rem; } .lien:hover.bleu:hover, .lien:hover.bleu:hover a { text-decoration-color: var(--couleur-orange); color: var(--couleur-orange); font-size: 2.2rem; /*font-weight: bolder;*/ /*text-decoration: underline;*/ text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: auto; text-transform: uppercase; } .lien:hover.orange:hover, .lien:hover.orange:hover a { text-decoration-color: var(--couleur-bleu-clair); color: var(--couleur-bleu-clair); font-size: 2.2rem; /*font-weight: bolder;*/ /*text-decoration: underline;*/ text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: auto; text-transform: uppercase; } .article_titre_ATT { font-size: 2.6rem; font-weight: bold; } .box-gamme-container { flex-direction: row; justify-content: space-evenly;/*justify-content: flex-start;*/ } .box-gamme { box-shadow: 5px 5px 20px -5px var(--couleur-black); border: 1px solid var(--couleur-gris-bordures); /*border-radius: 0.5rem;*/ /*padding: 1rem 2rem;PHOTO*/ text-align: center; /*margin: 0 2rem 2rem 0;PHOTO*/ /*flex: 1 0 18rem;*/ transform: skewy(10deg); background-color: var(--couleur-blanc); width: 24rem; height: 23rem; /*left: 1rem;*/ position: relative; display: flex; align-items: center; justify-content: center; } .box-gamme-fond:hover { animation: tourne-box-fond 1000ms; } .box-gamme-fond:hover .box-gamme { animation: tourne-box 1000ms; } @keyframes tourne-box-fond { 0% { transform: skewy(-10deg); } 50% { transform: skewy(10deg); } 100% { transform: skewy(-10deg); } } @keyframes tourne-box { 0% { transform: skewy(10deg); } 50% { transform: skewy(-10deg); } 100% { transform: skewy(10deg); } } .box-gamme div { height: 6rem; display: flex; margin-bottom: 1rem; } .box-gamme img { max-height: 100%; margin: auto; } .box-gamme h3 { font-size: 1.3rem; } .box-gamme-fond { transform: skewy(-10deg); background-color:var(--couleur-bleu-clair); /* margin:5rem; width:5rem; height:5rem; content: " "; display: block;*/ padding:1rem; margin: 1rem; } .box-contact-fond { background-color:var(--couleur-gris); padding:1rem; margin: 1rem; } .box-contact-img{ min-width:30rem; min-height:20rem; } .box-contact-img-savoir{ background:url(../imgs/photos/cross-manager-savoir_300.png) no-repeat center top; } .box-contact-img-sdk{ background:url(../imgs/photos/cross-manager-sdk_300.png) no-repeat center top; } .box-contact-img-rejoindre{ background:url(../imgs/photos/cross-manager-rejoindre_300.png) no-repeat center top; } .box-contact-img h4 { color:var(--couleur-blanc); display: flex; font-size: 2.6rem; align-items: center; width: 30rem; height: 20rem; padding-left: 5rem; margin-bottom: 0rem; padding-right: 4rem; } .box-contact-img h4.orange-alpha { background-color:var(--couleur-orange-alpha); } .box-contact-img h4.bleu-clair-alpha { background-color:var(--couleur-bleu-clair-alpha); } .box-contact-img h4.bleu-fonce-alpha { background-color:var(--couleur-bleu-fonce-alpha); } .box-contact-savoir{ text-align: center; background-color: var(--couleur-gris); width: 30rem; height: 20rem; position: relative; display: flex; /*align-items: center;*/ justify-content: center; clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0% 75%); padding-top: 6rem; margin-bottom: 10rem; } .box-temoignage { transform: skewy(-10deg); background-color:var(--couleur-gris); padding:1rem; margin: 1rem; height: 25rem; } .txt-temoignage{ flex:1; height: 25rem; margin-left: 2.8rem; height: auto; } .diplome-temoignage { flex: 0 0 100%; margin-top: 3rem; text-align: center; font-style: italic; } .photo{ display: contents; } .etapes-progressbar { padding: 0; list-style-type: none; justify-content: flex-start; } .etapes-progressbar > * { border-bottom: 1px solid var(--couleur-gris-bordures); padding: 0.2rem; white-space:nowrap; flex: 0 1 auto; text-align: center; } .etapes-progressbar > .active { border-bottom-color: var(--couleur-bleu-clair); color: var(--couleur-bleu-clair); } .form_line { margin: 1.5rem 0; display: flex; flex-direction: column; position:relative; font-size: 1.8rem; font-weight: bold; } .form_line input, .form_line textarea, .form_line select { background-color: var(--couleur-gris); cursor: pointer; } .form_line input:focus-visible, .form_line textarea:focus-visible, .form_line select:focus-visible { background-color: var(--couleur-gris); outline: 2px solid var(--couleur-bleu-fonce); border-radius: 0px; } .form_line .formulaire_recherche{ margin: 1.5rem 0 0 0; } .formulaire_recherche{ font-size: 1.8rem; margin-top: 1.5rem; font-weight: bold; } /*Modifier form_line pour l'afficher sous forme de ligne (pour checkbox, radios...)*/ .form_line-inline { flex-direction: row; align-items: center; } .form_line-inline :first-child { flex-shrink: 0; margin-right: 1rem; } .form_line-inline label { margin-bottom: 0; } .form_line label { color: var(--couleur-bleu-fonce); } .form_line label:first-child { /*display: block;*/ } .form_check { flex-direction: row-reverse; justify-content: flex-end; } .form_check > input[type="checkbox"] { margin: 0rem 1.2rem 0rem 0rem; } input, select, textarea { color: var(--couleur-gris3); } [type="color"], [type="date"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], /*[type="submit"],*/ [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { background-color: var(--couleur-gris); outline: none; border-radius: 0px; /* border: 2px solid var(--couleur-gris-bordures); border-radius: 4px; */ width: 100%; } #search-input { border: none; width: auto; } /**@todo Copié de l'ancien site. à adapter*/ .tooltip{ position: absolute; right: 0; top: calc(100% + 5px); background-color: var(--couleur-bleu-clair); color: var(--couleur-gris); border-radius: 5px; /*border: 1px solid var(--couleur-gris3);*/ -moz-box-shadow: 3px 3px 15px 0px var(--couleur-black); -webkit-box-shadow: 3px 3px 15px 0px var(--couleur-black); -o-box-shadow: 3px 3px 15px 0px var(--couleur-black); box-shadow: 3px 3px 15px 0px var(--couleur-black); display: none; font-size: 12px; font-weight: normal; padding: 5px; z-index: 1; } .tooltip::before { /*petite flèche*/ content: ''; position: absolute; top: -6px; left: 10px; width: 0; height: 0; border-bottom: 6px solid var(--couleur-bleu-clair); border-left: 6px solid transparent; border-right: 6px solid transparent; } #register_form .tooltip{ left:0; width: fit-content; padding: 1rem; } .form_line>*:focus~.tooltip, .form_line:hover .tooltip{ display:block; } .form_line:hover .tooltip{ z-index:2; /*pour avoir la priorité sur le tooltip en focus s'ils se chevauchent*/ } .tooltip a { color:var(--couleur-blanc); } fieldset { border: 1px solid var(--couleur-bleu-fonce); border-radius: 10px; margin: 2rem 0; padding: 1rem 2rem; } fieldset legend { color: var(--couleur-bleu-clair); font-size: 2rem; margin-left: 2rem; } .greyscale-not-hover { /*filter: grayscale(100%);*/ /* border: 1px solid var(--couleur-blanc);*/ } .greyscale-not-hover:hover { /* filter: grayscale(0%);*/ /* border: 1px solid var(--couleur-orange); */ } .scale75{ scale:0.75; } .compte_contact { border:1px solid var(--couleur-black); float:left; margin-left:25px; padding: 1em; position: relative; } a.zoom{ display: inline-block; overflow: hidden; position: relative; text-decoration: none; } a.zoom:before{ display: block; content: ""; height: 100%; position: absolute; width: 100%; z-index: 2; } a.zoom img{ border: none; display: block; z-index: 1; } a img, a.zoom:before, a:after{ transition: all 200ms ease; } a.zoom:hover img{ transform: scale(1.2); } a.zoom:hover:before{ # opacity: 0.3; } .div-produits-distribues { background-color: var(--couleur-blanc); padding: 0.5rem; } .image-gamme-distribuee { width: 100%; /*max-width: 70px;*/ } #partners_map { width:400px; height:240px; border-width:0; } #form_line_mac a { text-decoration: underline; } .vign_gamme { display:grid; /* border:solid #cccccc 1px;*/ margin:3rem; grid-template-columns: repeat(12, minmax(0, 200px)); } .vign_gamme_news { border:solid #cccccc 1px; } .vign_gamme_img { border:0; display: flex; justify-content: center; float: left; } .vign_gamme_img_actu { border:0; margin-top: 3em; grid-column: 1 / span 12; grid-row: 1; display: grid; justify-content: center; } .vign_gamme_img_solution { grid-column: 1 / span 12; grid-row: 1; display: grid; justify-content: center; align-content: center; margin-top: 2rem; } .vign_gamme_img_event, .vign_gamme_img_conv { border: 0; grid-column: 1 / span 12; grid-row: 1; display: grid; justify-content: center; float: left; } .vign_gamme_img_officiel { border: 0; grid-column: 1 / span 12; grid-row: 1; display: grid; justify-content: center; float: left; margin: 3rem; } .vign_img_center { align-items: center; margin: 2rem; } .vign_text, .vign_text_solution { grid-column: 1 / span 12; grid-row: 2; margin:2em; display: grid; justify-content: center; } .vign_text_solution span, .vign_text_solution p{ display: grid; justify-content: center; } .vign_text_event { grid-column: 1/span 12; grid-row: 2; margin: 2rem; } .vign_text_event div { margin:1rem 0 1rem 0; } .blue_title { color: var(--couleur-bleu-clair); font-size: 1.3em; font-weight: bold; } .orange_title { color: var(--couleur-orange); font-size: 1.3em; font-weight: bold; } .title_event { justify-content: center; display: grid; } .text_espace { margin: 0.5rem 0; } .vign_savoir { grid-column: 1 / span 12; grid-row: 3; margin: 2em; display: grid; justify-content: center; } .vign_savoir_event { grid-column: 1 / span 12; grid-row: 3; margin: auto 2rem; justify-content: center; align-items: center; align-content: center; display: grid; } .vign_gamme_date { grid-column: 1 / span 6; grid-row: 3; text-align: center; margin: 2.5em 2.5em 2.5em 2.5em; } .vign_savoir_actu { grid-column: 7 / span 7; grid-row: 3; justify-content: center; align-content: center; display: grid; } .vign_telecharger{ grid-column: 1 / span 6; grid-row: 1; margin:2em; } .vign_telecharger_lien{ grid-column: 7 / span 6; grid-row: 1; margin: 2em 0 2em 0; } .vign_telecharger_lien span{ display:block; } .vign_acheter_exclusif { margin: 2em 0 2em 0; } .vign_text_plg, .vign_text_bdl{ grid-column: 1 / span 12; grid-row: 2; display: flex; flex-direction: column; align-items: center; } .vign_text_bdl{ align-items: baseline; /*margin-left: 20px;*/ display: block; padding: 2rem; border: solid #cccccc 1px; } .vign_text_bdl strong, .vign_text_bdl a, .vign_text_bdl .blue_title { /*margin-left: -20px;*/ margin-bottom: 1.5rem; } .CB_option{ display: initial; } .CB_option span{ margin-left: 0rem; } .vign_acheter{ grid-column: 1 / span 12; grid-row: 3; margin:2em; display:grid; } .vign_acheter_txt{ grid-column: 1 / span 2; grid-row: 2; margin-left:2em; } .vign_acheter_lien{ grid-column: 1 / span 2; grid-row: 3; margin-top:2em; justify-content: center; display: flex; } .vign_acheter_lien input{ float:right; } .vign_partner{ width:100px; height:100px; margin:10px 17px; text-align:center; float:left; } .vign_partner img{ width:80px; } .feature_titre { padding-left: 19px; padding-right: 16px; font-size: 12px; text-transform:none; line-height:16px; margin-top:30px; } .btn_right_event{ float:right; margin-bottom: 2rem; } .article1 { text-align: center; } .article-gamme { border-bottom: 1px solid var(--couleur-gris-bordures); padding: 4rem 0; } .schema-conversion { display: flex; justify-content:center; align-items:center; color:var(--couleur-gris2); } .schema-conversion:hover { color:var(--couleur-gris2); } .schema-conversion > * { flex-shrink: 0; } .schema-conversion p { font-size: 1.2rem; color: var(--couleur-bleu-fonce); margin: 1rem 0 0 -40%; width: 180%; text-align: center; } .liste-essentiel { list-style-type: none; padding-left: 0; } .liste-essentiel li { margin: 2rem 0; } .liste-plg li:not(:first-child) { margin: 0rem 0rem 0rem 2rem; } .liste-essentiel h4 { color: var(--couleur-gris3); margin-bottom: 2rem; } .liste-essentiel .icon-puce { margin-right: 2rem; color: var(--couleur-bleu-clair); } .box-img-flex{ display:flex; width:280px; } .img-gamme { text-align:center; align-self: center; margin: 1.5rem; } .img-gamme img { width:100%; max-width:250px; } .img-gamme img.w40 { width:40%; max-width:250px; } /*Cross cad*/ main .product-logo-box { width: 250px; } .article1 > * { flex-grow: 1; flex-basis: 50%; text-align: left; } main h2, main h2 a { color: var(--couleur-bleu-fonce); } .maj_clair{ color: var(--couleur-bleu-clair); text-transform: uppercase; } .clair{ color: var(--couleur-bleu-clair); } .italic { font-style: italic; } .liste-avantages > li { margin-bottom: 1rem; } main .article1 { margin-bottom: 10rem; } main .boutons-principaux { margin: 3rem 0; } main .boutons-principaux > * { flex-grow: 1; margin: 0.5rem 1rem; } #sdk .flex-container, #filetofile .flex-container, #formats .flex-container { flex-wrap: nowrap; } #sdk .liste-colonne, #filetofile .liste-colonne, #formats .liste-colonne { flex-grow: 1; } .licences-details > div { break-inside: avoid; margin-bottom: 4rem; } .licences-details h3 { font-size: 1.8rem; margin-bottom: 1.5rem; } .schema_prods_centre { background:url(../imgs/design/cross-plugins.png) no-repeat center top; padding: 115px 0 25px 0; min-width:350px; min-height:272px; display: flex; justify-content: center; } .schema_prods_centre_ware { background:url(../imgs/produits/shema_CrossCad_Ware_SDK_fond.png) no-repeat center top; padding: 115px 0 25px 0; min-width:222px; min-height:272px; display: flex; justify-content: center; } .schema_prods_centre_ware_text { padding: 0 0 0 20px; margin: auto; color:var(--couleur-blanc); width:220px; display: grid; position: absolute; } .schema_prods_centre_text { width: 222px; } /* page login */ .connexion-box { display:flex; grid-template-columns: 1fr repeat(12, minmax(0, 100px)) 1fr; margin:4.0rem; } .connexion { background: linear-gradient(var(--couleur-bleu-clair), var(--couleur-bleu-clair-clair)); text-align:center; padding: 2.0rem; grid-column: 4 / span 8; grid-row: 1; } .pas-de-compte{ background: linear-gradient(var(--couleur-bleu-clair-clair), var(--couleur-bleu-clair)); text-align:center; padding: 2.0rem; grid-column: 4 / span 8; grid-row: 2; } .pas-de-compte div{ padding: 3.0rem; } .mot-de-passe{ text-align: left; padding: 0rem 2rem 0 0; margin: 0 0 2rem; } .over_white{ background:none; } .over_white:hover{ background:var(--couleur-blanc); } .img-puce{ border:none; vertical-align:middle; } .connexion .formulaire_recherche, .pas-de-compte p { color: var(--couleur-blanc); } .connexion .recherche{ color: var(--couleur-bleu-fonce); } .connexion .pass-perdu{ font-size:9px; } .pass-perdu{ color:var(--couleur-blanc); } .connexion-info { text-align:left; padding: 0rem 0rem 1rem 4rem; display:grid; } .connexion .bouton-clair { background-color: var(--couleur-blanc); } .connexion .bouton-clair:hover { background-color: var(--couleur-bleu-clair); } .connexion-msg { width:98%; height:7.0rem; background-color:var(--couleur-gris); text-align:center; line-height:3.0rem; font-size:1.8rem; vertical-align:middle; font-weight:bold; border-radius:10px; margin:0 auto 2.0rem auto; } /* Pagination */ .pagination{ /*position:relative;*/ margin-top: 10px; margin-bottom:10px; border-radius:0; display: flex; list-style: none; max-width: 100%; justify-content: center; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: 0; } .pagination > li > a, .pagination > li > span { background-color: transparent; border: 1px solid var(--couleur-gris-bordures); color: var(--couleur-bleu-fonce); float: left; line-height: 1.42857; margin-left: -1px; padding: 7px 10px; position: relative; text-decoration: none; font-size:0.90em; font-weight:600; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: var(--couleur-gris); list-style-type: none; } .pagination > li > a:hover{ color: var(--couleur-bleu-clair); } .pagination > li > span:hover{ background-color: var(--couleur-bleu-fonce); cursor:not-allowed; } .pagination > li.page_off > span:hover{ background-color: var(--couleur-gris); cursor:not-allowed; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination .nbpageon a, .pagination .nbpage span { font-weight:900; color: var(--couleur-blanc); background-color:var(--couleur-bleu-fonce); } .pointPage{ font-weight: bold; height: 100%; } #form_licence { width:400px; } .page { display: flex; justify-content: center; } .vign_savoir_conv { grid-column: 1 / span 12; grid-row: 5; display: grid; justify-content: center; align-content: center; } .conv_telecharger_lien { grid-column: 1 / span 12; margin: 2rem 0 2rem 0; display: grid; align-content: center; justify-content: center; grid-row: 4; } .conv_telecharger_lien span { display: grid; } .conv_telecharger_lien img { margin-right:1rem; } .vign_text_conv { grid-column: 1/span 12; grid-row: 2; margin: 2rem 0; display: grid; justify-content: center; align-content: center; } .vign_acheter_conv { grid-column: 1 / span 12; grid-row: 3; margin: 0em; display: grid; align-content: center; justify-content: center; } .vign_gamme_conv{ display:grid; /*grid-template-columns: 100px 100px 100px 100px 100px 1fr;*/ border:solid #cccccc 1px; margin:3rem; grid-template-columns: repeat(12, minmax(0, 100px)); min-height: 200px; } .bouton-achat { /*margin: 0 4rem;*/ text-transform: initial; font-size: 1.4rem; font-weight: bold; } .prix{ display:grid; align-content: center; justify-content: center; margin:1rem 0 0 0; font-size: 1.8rem; font-weight: bold; } .temoignage_societes, .article_gauche { float:left; margin-left:0; max-width:900px; margin-top:20px; min-height: 500px; background-image: url(../imgs/design/background-motif-sdk.png), url(../imgs/design/background-motif-destructure-bleu.png), url(../imgs/design/element-graphique-sdk.png); background-position: right 0px top 0px, right 0px bottom 0px, right 0px bottom 0px; background-size: 75px, 59.9rem, 50rem; background-repeat: repeat-y,no-repeat, no-repeat; /*background-position-x: right, left, center;*/ } .temoignage_produits, .article_droite { float:left; clear:right; /*margin-left:0.5rem;*/ max-width:900px; margin-top: 10rem; min-height: 500px; background-image: url(../imgs/design/background-motif-conversion.png), url(../imgs/design/background-motif-destructure-orange.png), url(../imgs/design/element-graphique-conversion.png), url(../imgs/design/element-graphique-carre-blanc.png); background-position: left 0px top 0px, left 0px bottom 10px, right 0px bottom 0px, left 0px bottom 0px; background-size: 75px, 59.5rem, 50rem, 40px; background-repeat: repeat-y,no-repeat, no-repeat, no-repeat; /*background-position-x: left, right, center;*/ background-blend-mode: color-dodge; } .article_droite { grid-row: 4; } .row-3{ grid-row: 3; } .possibilites{ background-color: var(--couleur-blanc); } .article_dispo { display:grid; } .article_interne{ max-width: 390px; } main p { color: var(--couleur-bleu-fonce); } .accueil-1-txt h2 { font-size: 1.8rem; } .accueil-1 h3 { /*font-size: 1.6rem;*/ /*margin-top: 3rem;*/ } .accueil-2-txt p { color: var(--couleur-gris3); } .accueil-3 > .bandeau-image{ margin-bottom: 5rem; } /* .accueil-3-gauche h3 { margin-bottom: 5rem; } */ .accueil-3 p { margin: 2rem 0; } .accueil-3 article { margin-bottom: 5rem; } .accueil-4 { margin: 4rem auto; } main > section > article.salarie-rejoindre{ display: flex; flex-wrap: wrap; margin: 0 0; } .menu-footer li ul li { padding-left: 0.5rem; } #email, #pass, #nom{ width:35rem; /*border: none;*/ border-radius: 0; } .scroll-zoom{ font-size: 2.6rem; line-height: 3.4rem; text-transform: uppercase; font-weight: bold; color: var(--couleur-bleu-clair); text-transform: uppercase; background: var(--couleur-gris1); z-index: 2; padding-left: 2rem; padding-right: 2rem; box-shadow: 30px 0px 15px 0px var(--couleur-gris1); } .adapte { max-width: max-content; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; min-width: 650px; margin-left: auto; margin-right: auto; /*background:#00f;*/ font-size: 1.455rem; padding: 0; } .cross-mail, .icon-download { font-size: 2rem; padding-right: 0.5rem; } } /*écrans jusqu'a 360 px max*/ @media(min-width: 360px) and (max-width: 380px) { h1 { font-size: 3rem; } .article_gauche, .article_droite { max-width: 360px; } .article_right { width: 70%; } .fond_sdk { width: 360px; } .icon-box-img { min-width: 360px; } .trapezoid_cross { width: 360px; } .icon_conversion { margin-right : 77%; } } /*écrans jusqu'a 380 px max*/ @media(min-width: 380px) and (max-width: 400px) { h1 { font-size: 3rem; } .article_gauche, .article_droite { max-width: 380px; } .article_right { width: 70%; } .fond_sdk { width: 380px; } .icon-box-img { min-width: 380px; } .trapezoid_cross { width: 380px; } .icon_conversion { margin-right : 84%; } } /*écrans jusqu'a 420 px max*/ @media(min-width: 400px) and (max-width: 420px) { h1 { font-size: 3rem; } .article_gauche, .article_droite { max-width: 420px; } .article_right { width: 70%; } .fond_sdk { width: 420px; } .icon-box-img { min-width: 420px; } .trapezoid_cross { width: 420px; } .adapte { min-width: 300px; /* background: #0ff;*/ } .icon_conversion { margin-right : 97%; } } /*écrans jusqu'a 420 px max*/ @media (max-width: 420px) { h1, .titre_h2 { font-size: 3rem; } .fond-carres-bleu, .fond-carres-orange, .fond-carres-contact { background-blend-mode: overlay; background-color: rgba(255, 255, 255, 0.50); } .vign_savoir_actu .bouton-auto { padding: 0; } .vign_savoir_actu { background: #fff; } .vign_savoir_actu .bouton { font-size: 1.5rem; margin-bottom: 1rem; padding: 1rem; } .vign_gamme { margin: 0; } .icon-box { padding: 0; } /* .icon_solution { margin-right: 30rem; } */ .icon_conversion { /*margin-right: 26rem;*/ } .icone-menu { display: none; } .bouton_icon { margin-top: 2rem; /* margin-right: 2rem;*/ } .icon-box-content .bouton_conversion { margin-top: 3rem; /* margin-left: 8rem;*/ padding: 1rem 2rem; } .accordeon { margin-left: 0rem; } .bouton { /*padding: 1rem 33rem 1rem 1rem;*/ font-size: 2rem; } main > section > *, .cols-center-12 { grid-column: 1 / span 14;/* 10 */ } .menu-button > * { left: -0.5rem; width: 34rem; } #main-header .txt-sur-menu a.pass-perdu { color: var(--couleur-bleu-fonce); } #main-header .txt-sur-menu li nav ul li a { color: var(--couleur-bleu-fonce); } .burger-menu { font-size: 2.5rem; top: 0rem; position: relative; } /* #main-nav2 .escape-menu-button { top: -3rem; right: 6rem; } */ .titre_cross { margin-left: 0rem; font-size: 3rem; } .icon_cross img{ transform: scale(0.8); } .connexion-info { padding: 0rem 0rem 1rem 1rem; } #email,#pass, #nom { width: 33rem; } .trapezoid_login { clip-path: polygon(0% 0%, 102% 0%, 100% 92%, 0% 100%); } .trapezoid_compte { clip-path: polygon(-15px 0px, 100% 0px, 100% 100%, 0% 92%); } .txt_conversion { padding-left: 5rem; } .titre_blanc_cnx { margin-left: 5rem; } .icon-box-content .bouton_compte { margin-left: 5rem; } .flex360 { flex-direction: row; } #main-nav1 { display: flex; grid-row: 2; grid-column: 1 / span 14; margin-top: 0; } .main-nav1-list { flex-direction: column; display: flex; } .main-nav1-list li{ border: 1px solid; padding: 0.5rem; width: 32rem; margin: 0.3rem; } .mw40, .w520 { min-width: 32rem; width: 32rem; } .fond-carres-orange h1 { font-size: 4rem; } h2, h2 span.maj_clair, .fond-carres-orange h1 { font-size: 2rem; } ul.liste_fic span.date, ul.dir li span.date, span.date, ul.liste_fic span.taille, ul.dir li span.taille, span.taille{ display:none; } #tableau-combinaisons-2D { width: 100%; } .fond_conversion { /* width: 30rem;*/ } .schema_prods_centre{ max-width: 100%; background-size: contain; min-width: 25rem; } } /*écrans jusqu'a 320 px max*/ @media(max-width: 360px) { .bouton { font-size: 1.6rem; } .fond_sdk { max-width: 100%; } .icon-box-img { min-width: 320px; } .trapezoid_cross { width: 320px; } .mw40, .w520 { min-width: 28rem; width: 28rem; } .biz_bleu, .biz_orange { transform: skewx(0deg); } .icon_conversion { margin-right: 64%; } .crossmanager-txt-1 { grid-row: 1; grid-column: 1/ span 12; } } @media (max-width: 300px) { h1 { font-size: 2.5rem; } .bouton { font-size: 1.6rem; } /* #main-nav2 .escape-menu-button { top: -3rem; right: 20rem; } */ #email,#pass, #nom, .main-nav1-list li, .menu-button > * { width: 30rem; } .mw40, .w520 { min-width: 28rem; width: 28rem; } .fond_conversion { width: 30rem; } .icon_conversion { margin-right: 64%; } } /*écrans login et compte --> 386 à 479 px*/ @media(min-width: 386px) and (max-width: 479px) { h1 { font-size: 3rem; } .menu-button > * { left: -30rem; } .user-connect > * { left: 0rem; } } /*écrans jusqu'a 700 px max --> 420 à 700 px*/ @media(min-width: 420px) and (max-width: 700px) { h1 { font-size: 3rem; } #main-nav1 { display: flex; grid-row: 2; grid-column: 1 / span 14; margin-top: 0; } .main-nav1-list { flex-direction: column; display: flex; } .main-nav1-list li{ border: 1px solid; padding: 0.5rem; width: 32rem; margin: 0.3rem; } #main-header .txt-sur-menu a.pass-perdu { color: var(--couleur-bleu-fonce); } #main-header .txt-sur-menu li nav ul li a { color: var(--couleur-bleu-fonce); } #main-nav2 .escape-menu-button { /*top: -3rem; right: 28rem; margin-right: 0rem;*/ margin-left:auto; } ul.liste_fic span.date, ul.dir li span.date, span.date, ul.liste_fic span.taille, ul.dir li span.taille, span.taille{ display:none; } .adapte { min-width: 400px; /* background: #f00;*/ } .icon_conversion { margin-right:35rem; } #tableau-combinaisons-2D { width: 100%; } } /*écrans jusqu'a 480 px max --> 360 à 480 px*/ @media(max-width: 480px) { .mt30_480 { padding-top:3rem; } .mb50_480 { padding-bottom:5rem; } .scroll-zoom, .scroll-bouton { display: none; } .scroll-croix { margin-left: auto; } /* .icon_conversion { margin-left: 1rem; }*/ .img-accueil-haut { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); } .img-accueil-bas { clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%); } .article_right { margin-right: 0; margin-left: 0; } .tooltip { left: 0; } .bouton_center { position: relative; left: 50%; transform: translateX(-50%); } .fond-carres-partenaire { background-position: left 0px top 0px, left -300px top 35px; } } /*écrans moyens à partir de 481 px - xxx px*/ @media(min-width: 481px) { /* Jaune */ /* body { background-color:#ff0; } /**/ #head-logo { grid-column: 2 / span 6; } #main-buttons { grid-column: 1 / span 14; grid-row: 1; flex-direction: column; /*padding-top: 1rem; padding-bottom: 1rem;*/ } .menu-bar { display: flex; align-items: center; justify-content: space-between; /* ul à gauche, bouton à droite */ width: 100%; } /* Pour que le ul prenne toute la largeur possible */ .menu-bar > ul { flex: 1 1 auto; display: flex; align-items: center; flex-wrap: wrap; margin-top: 1rem; margin-bottom: 1rem; } #bouton-search { background-color: var(--couleur-bleu-clair); padding: 2.1rem 1rem; font-size: 2.2rem; margin-left: 2rem; } .menu-button>* { left: -18rem; top: 1rem; } .menu-button>*:before { left:18rem; } .btn_lang ul{ left: 0rem; } .btn_lang ul:before { left:4rem; } .user-connect>* { left: -1rem; } .user-connect>*:before { left:1rem; } #main-nav1 { grid-column: 2 / span 12; grid-row: 2; align-items:stretch; } .main-nav1-list { display: flex; } .burger-menu { font-size: 1.6rem; } #main-buttons ul { justify-content: flex-end; width: 100%; padding-right: 2rem; } #menu-user ul, #menu-panier ul { width:auto; color:var(--couleur-blanc); } #main-header #menu-user ul a, #main-header #menu-panier ul, #main-header #menu-panier ul a { color:var(--couleur-bleu-fonce); } #main-header #menu-user ul a:hover, #main-header #menu-panier ul a:hover{ color:var(--couleur-bleu-clair); } #main-buttons #button-panier{ margin-right:5rem; } .icone-menu { font-size: 1.6rem; } img.icone-menu { height: 1.5rem; } #main-nav2 { position: absolute; height: auto; width: auto; min-height: 80vh; } #main-nav2 .escape-menu-button { display: none; } #main-nav2 > ul > li > div { position: absolute; left: 100%; top: 0; height: auto; min-height: 100%; width: 50vw; } #main-nav2 > ul > li > div .escape-submenu-button { display: none; } #main-nav2 > ul > li > div > ul { margin-top: 150px; max-width: 500px; } li + li.pipe::before { content: " | "; width: 1em; } .space-li { padding-right: 6rem; } .flex-33-50-100 > * { width: calc(100% / 2 - 4rem / 2) ; } .flex-50-50-100 > * { width: calc(100% / 2 - 4rem / 2); } .flex-33_66-33_66-100 > * { width: calc(100% / 3 - 4rem / 2); } .flex-33_66-33_66-100 > :nth-child(even) { width: calc(100% / 3 * 2 - 4rem / 2); } .flex-66_33-66_33-100 > * { width: calc(100% / 3 - 4rem / 2); } .flex-66_33-66_33-100 > :nth-child(odd) { width: calc(100% / 3 * 2 - 4rem / 2); } .nav-in-page { padding: 0; } .nav-in-page > * { /* padding: 1rem 0.4rem;*/ } .fleche-conversion .icon-fleche { transform: none; } .flex-column-ecrans-moyens .fleche-conversion .icon-fleche { transform: rotate(90deg); } .tableau-fixed-sur-ecrans-moyens-et-larges { table-layout: fixed; } .etapes-progressbar { padding: 3rem 0rem; } .etapes-progressbar > * { padding: 1rem 2rem; } .bouton-large { min-width: 20rem; } .bouton-tres-large { min-width: 30rem; } .bouton-auto { width: auto; padding: 1rem 4rem; } .contenu-sur-2-colonnes { columns:2; } .contenu-sur-4-colonnes { columns:4; } .vign_text { grid-column: 1 / span 12; grid-row: 2; } .vign_savoir { grid-column: 1 / span 12; grid-row: 3; margin: 2em; display: grid; justify-content: center; } .vign_telecharger{ grid-column: 1 / span 6; /* grid-row: 1; margin:2em;*/ } .vign_telecharger_lien{ grid-column: 7 / span 6; /* grid-row: 1; margin:2em;*/ } /* .vign_telecharger_lien span{ display:block; } */ .vign_text_plg, .vign_text_bdl{ grid-column: 1 / span 12; grid-row: 2; /*margin:2em;*/ } .vign_acheter{ grid-column: 1 / span 12; grid-row: 3; /*margin:2em; display:grid;*/ } .vign_acheter_txt{ grid-column: 1 / span 6; grid-row: 3; /*margin-left:2em;*/ } .vign_acheter_lien{ grid-column: 7 / span 6; grid-row: 3; /*margin:2em;*/ } .horizontal-line { width: 50px; } .vign_gamme_img_conv { grid-column: 1 / span 6; grid-row: 1; } .vign_savoir_conv { grid-column: 1 / span 12; grid-row: 4; } .conv_telecharger_lien { grid-column: 1 / span 12; margin: 2rem 0 2rem 0; display: grid; align-content: center; grid-row: 3; } .vign_text_conv { grid-column: 7/span 6; grid-row: 1; margin: 2rem 0; } .vign_acheter_conv { grid-column: 1 / span 12; grid-row: 2; } .vign_gamme_conv{ margin:3rem; grid-template-columns: repeat(12, minmax(0, 100px)); min-height: 200px; } .vign_gamme_date { grid-column: 1 / span 7; grid-row: 3; text-align: center; margin: 2.5em 2.5em 2.5em 2.5em; } .box_pad { padding: 2rem; } .menu-button { right: 20rem; } .btn_lang{ right: 10rem; }/* .btn_lang ul:before { left:0rem; }*/ #form_licence { min-width:405px; max-width:600px; } .img-equipe { top:0; left:0; width: 100%; height: 400px; background-image: url('../imgs/photos/image_equipe.png'); background-repeat: no-repeat; background-size: cover; grid-column: 2/ span 13; } .txt-descrip-map { grid-column: 2/ span 12; grid-row: 1; } .img-accueil-bas { top:0; left:0; width: 100%; height: 700px; background-image: url('../imgs/design/DTK_2perso.jpg'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%); grid-column: 3/ span 12; grid-row: 4; margin-top: 10rem; display:block; } .img-societe-milieu{ top:0; left:0; /*width: 850px; height: 100%;*/ width: 100%; height: 700px; background-image: url('../imgs/photos/societe-visuel-ambiance2.jpg'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%); grid-column: 3/ span 12; grid-row: 5; margin-top: 10rem; display:block; background-position: right; } .fond-carres-decor h1 { margin-left: 60px; margin-right: 160px; } .article_left{ padding:0; } .article_interne{ max-width: 450px; } .article_gauche{ margin-left:0.5rem; } .icon_conversion { /* margin-left: 15rem;/*CONVOK*/ } .txt_conversion{ padding-left: 8rem;/*CONVOK*/ } .fond_conversion { width:100%;/*CONVOK*/ } main > section > article.salarie-rejoindre{ display: flex; flex-wrap: wrap; margin: 0 5rem; } .icon-box-content .bouton_compte{ margin-left: 20rem; margin-right: 8rem; } } /*Spéciale pour le tableau*/ @media (max-width: 1080px) { [aria-label]:hover:before, [aria-label]:focus:before { position:relative; top: 0rem; left: 0; transform: translateX(0%); font-size: 1.3rem; color: var(--couleur-gris5); } #interface tbody tr td span { display: initial; } } /*Grands écrans 960 px - xxx px*/ @media (min-width: 961px) { .container-flex { display: flex; flex-wrap: wrap; } .scroll-zoom{ font-size: 2.6rem; line-height: 3.4rem; text-transform: uppercase; font-weight: bold; color: var(--couleur-bleu-clair); text-transform: uppercase; background: var(--couleur-gris1); z-index: 2; padding-left: 20rem; padding-right: 2rem; box-shadow: 30px 0px 15px 0px var(--couleur-gris1); } /*Turquoise*/ /* body { background-color:#0ff; } /**/ .u960_none { display: initial; } .fond-carres-decor { background-color: initial; } #form_licence { width:600px; } #head-logo { grid-row: 2 / span 2; } #main-nav1 { grid-column: 5 / span 9; grid-row: 2; height: 7.2rem; align-content: end; } .flex-list { position: relative; margin: 1em; overflow: hidden; } .flex-list ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-left: -1px; } .flex-list li { flex-grow: 1; flex-basis: auto; margin: .25em 0; padding: 0 1em; text-align: center; border-left: 2px solid var(--couleur-bleu-fonce); } .flex-list li:first-child { border-left: none; } .nav-legend { display: inline-block; font-size: 1.6rem; margin-left: 0.3rem; } .flex-33-100-100 > *, .flex-33-50-100 > * { width: calc(100% / 3 - 8rem / 2); } .flex-50-100-100 > * { width: calc(100% / 2 - 4rem / 2); } .flex-column-ecrans-moyens { flex-direction: row; } .fond-carres-decor-droite { background-image: url(../imgs/design/carres-decor-droite.svg); background-position: right -250px bottom -200px; background-size: 600px; background-repeat: no-repeat; } .fond-carres-decor-gauche { background-image: url(../imgs/design/carres-decor-gauche.svg); background-position: left -175px bottom -100px; background-size: 350px; background-repeat: no-repeat; } .flex-column-ecrans-moyens .fleche-conversion .icon-fleche { transform: none; } .btn_right_event{ margin-bottom: 0rem; } .title_event { justify-content: left; display: grid; } .vign_gamme_officiel { grid-template-columns: 75px 75px 1fr; } .vign_gamme_img, .vign_gamme_img_actu { grid-column: 1 / span 2; grid-row: 1; display: grid; justify-content: center; align-content: center; } .vign_gamme_img_solution { grid-column: 1 / span 4; grid-row: 1; display: grid; justify-content: center; align-content: center; } .vign_gamme_img_event { border: 0; grid-column: 1 / span 12; grid-row: 1; display: grid; justify-content: left; float: left; } .vign_gamme_img_conv { grid-column: 1 / span 2; } .vign_gamme_img_officiel { border: 0; grid-row: 1; display: grid; float: left; align-content: center; width: 100px; grid-column: 1/ span 2; margin: 3rem; } .vign_text { grid-column: 3 / span 8;/**/ grid-row: 1; } .vign_text_solution { grid-column: 5 / span 6; grid-row: 1; margin: 2em; } .vign_text_event { grid-column: 3/span 6; grid-row: 1; } .vign_savoir { grid-column: 10 / span 4; grid-row: 1; justify-content: center; display: flex; align-items: center; } .vign_savoir_actu { grid-column: 11 / span 3;/**/ grid-row: 1; justify-content: center; align-content: center; display: grid; } .vign_savoir_event { grid-column: 10 / span 2; grid-row: 1; margin: auto 2rem; display: block; } .vign_gamme_date { grid-column: 11 / span 3; grid-row: 2; text-align: center; margin: 0em 2em 2em 2em; display: grid; justify-content: center; align-content: center; } .vign_telecharger{ grid-column: 1 / span 2; /* grid-row: 1; margin:2em;*/ } .vign_telecharger_lien{ grid-column: 3 / span 2; /* grid-row: 1; margin:2em;*/ } /* .vign_telecharger_lien span{ display:block; } */ .vign_text_plg, .vign_text_bdl{ grid-column: 4 / span 6; grid-row: 1; } .vign_text_plg { /*margin:2em 2em 0 2em;*/ border: solid #cccccc 1px; } .vign_acheter{ grid-column: 4 / span 3; grid-row: 1; /*margin:2em; display:grid;*/ grid-template-columns: repeat(12, minmax(0, 25px)); } .vign_acheter_txt{ grid-column: 1 / span 12; grid-row: 1; margin:0em; } .vign_acheter_lien{ grid-column: 1 / span 12; grid-row: 2; /* margin:2em;*/ display: block; } .CB_option span{ margin-left: 2rem; } .connexion { grid-column: 4 / span 3; grid-row: 1; } .pas-de-compte{ grid-column: 9 / span 3; grid-row: 1; } .vign_savoir_conv { grid-column: 11 / span 3; grid-row: 1 / span2; margin-top: 3rem; } .conv_telecharger_lien { grid-column: 8 / span 3; margin: 2rem 0 2rem 0; display: grid; align-content: center; grid-row: 1; } .vign_text_conv { grid-column: 3/span 3; grid-row: 1; margin: 2rem 0; } .vign_acheter_conv { grid-column: 6 / span 2; grid-row: 1; margin: 0em; } .vign_gamme_conv{ margin:3rem; grid-template-columns: minmax(0, 90px) minmax(0, 90px) minmax(0, 90px) minmax(0, 90px) minmax(0, 90px) minmax(0, 100px) minmax(0, 100px) minmax(0, 100px) minmax(0, 100px) minmax(0, 100px) minmax(0, 100px) minmax(0, 100px) minmax(0, 100px); /* grid-template-columns: repeat(12, minmax(0, 100px));*/ min-height: 200px; } .box_pad { padding: 0; } .temoignage_societes, .article_gauche { float:left; margin-left:15rem; /*max-width:450px;*/ margin-top:2rem; padding-right: 50px; grid-row:2; } .temoignage_produits, .article_droite { float:right; clear:right; /*margin-right:0.5rem;*/ /*max-width:450px;*/ margin-top:2rem; padding-left: 50px; margin-right: 15rem; grid-row:4; } .article_gauche{ display: flex; justify-content: center; } main > section > article.salarie-rejoindre{ display: grid; } /* .fond_conversion{ grid-row: 3; } .article_droite{ grid-row: 4; } */ .article_dispo { display:flex; } .menu-button { right: auto; } .icone-menu { font-size: 2.4rem; } .box-distri { grid-column:1 / span 12; grid-row: 1; background-image: none; } .box-milieu{ grid-column:1 / span 12; grid-row: 3; } .box-user { grid-column:1 / span 12; grid-row: 2; background-image: none; } .fond-svg { background-image: url(../imgs/design/fond_test.svg); background-size: 100%; background-repeat: no-repeat; } .box-fond { flex-direction: row; } .icon-none { display:none; } #burger-button{ display:none; } div.ligne { margin-left: 18rem; margin-right: 18rem; } .article_left{ padding:6rem; width: calc(100% / 2 - 8rem / 2); } .article_right{ width: calc(100% / 2 - 8rem / 2); margin-right: 5%; margin-left: 0; } .img-accueil-haut { grid-column: 1/ span 6; grid-row: 1; } .img-societe-haut, .img-societe-bas, .img-rejoindre-ambience { grid-column: 1/ span 6; grid-row: 1; } .img-societe-bas { grid-column: 1/ span 6; grid-row: 3; } .img-equipe { top:0; left:0; width: 100%; height: 100%; background-image: url('../imgs/photos/image_equipe.png'); background-repeat: no-repeat; background-size: cover; grid-column: 6/ span 9; grid-row: 2; background-position: right; clip-path: polygon(9% 0, 100% 0%, 100% 100%, 0% 100%); } .txt-descrip-map { grid-column: 1/ span 4; grid-row: 2; } .img-equipe-map { top:0; left:0; width: 100%; height: 400px; background-image: url('../imgs/photos/image_equipe_map.png'); background-repeat: no-repeat; background-size: cover; grid-column: 2/ span 13; grid-row: 1; } .img-accueil-bas { top:0; left:0; width: 100%; height: 700px; background-image: url('../imgs/design/DTK_2perso.jpg'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%); grid-column: 9/ span 6; grid-row: 2; margin-top: 0; display:block; } .img-societe-milieu{ top:0; left:0; /*width: 850px; height: 100%;*/ width: 100%; height: 700px; background-image: url('../imgs/photos/societe-visuel-ambiance2.jpg'); background-repeat: no-repeat; background-size: cover; -webkit-clip-path: polygon(0 0, 100% 0, 73% 100%, 0% 100%); clip-path: polygon(30% 0, 100% 0%, 100% 100%, 0% 100%); grid-column: 9/ span 6; grid-row: 2; margin-top: 0; display:block; background-position: right; } .points-cles, .txt-descrip-1, .txt-descrip-3{ grid-column: 7/ span 6; } .txt-descrip-1{ grid-row: 1; } .txt-descrip-3{ grid-row: 3; } .points-support, .txt-descrip-2 { grid-column: 3/ span 5; grid-row: 2; } .txt-rejoinde-1 { } .txt-rejoinde-2 { } .trapezoid_dev { background-color: var(--couleur-bleu-clair); clip-path: polygon(-15px 0, 100% 0, 73% 100%, 0% 100%); } .trapezoid_login { background-color: var(--couleur-bleu-clair); clip-path: polygon(0px 0px, 100% 0px, 73% 100%, 0% 100%); } .trapezoid_cross{ background-color: var(--couleur-orange); clip-path: polygon(-15px 0, 84% 0, 73% 100%, 0% 100%); } .trapezoid_cross_bleu { background-color: var(--couleur-bleu-clair); } .trapezoid_user, .trapezoid_compte { clip-path: polygon(27% 0%, 102% 0%, 100.14% 100%, 0% 100%); } .fond_sdk { left: 80px; } .flex_grid{ display:grid; } .txt_right_icone{ text-align: right;/*CONV*/ } .txt_conversion{ padding-left: 20rem;/*CONVOK*/ } /* .flex-container{ justify-content: space-between; } */ .photo{ align-content: center; display: grid; } .wrap_960 { flex-wrap: initial; } .cols3{ column-count: 2; column-rule: 2px solid var(--couleur-orange); } .cols4{ column-count: 2; column-rule: 2px solid var(--couleur-orange); } .txt-rejoindre-1 { grid-row: 1; grid-column: 3/ span 7; grid-column-end: 8; } .txt-rejoindre-2 { grid-row: 1; grid-column: 8/ span 13; grid-column-end: 13; } .crossmanager-txt-1 { grid-row: 1; grid-column: 3/ span 7; } .crossmanager-txt-2 { grid-row: 1; grid-column: 9/ span 13; grid-column-end: 13; } .span-line { span::after { content: ""; display: block; } } .span-block { display: block; } .inline { display: inline; } .mot-de-passe{ text-align: right; padding: 0rem 18rem 0 0; margin: 0 0 2rem; } .icon_conversion { transform: translate(-20%, 0); } .bouton_icon{ left: 40%; transform: translate(-50%,-0); position: relative; } } /**/ /*Spéciale pour logo page accueil*/ @media (min-width: 1200px) { .article_gauche{ display: flex; justify-content: center; background-color:#fff; } .fond_conversion{ left: -80px; grid-row: 1; margin-top:0; } .article_droite{ grid-row: 2; } .cols3{ column-count: 3; column-rule: 2px solid var(--couleur-orange); } .cols4{ column-count: 4; column-rule: 2px solid var(--couleur-orange); } } /* @media (max-width: 1450px) { /* vert */ /* body { background-color:#0f0; } */ /* .fond-carres-decor h1 { margin-left: 60px; margin-right: 160px; background-color:#0f0; } .box-distri_OLD { grid-column:1 / span 6; background-image: url(../imgs/design/fond_bleu_test.svg); background-size: 100%; background-repeat: no-repeat; } .box-milieu_OLD{ grid-column:7 / span 2; } .box-user_OLD { grid-column:9 / span 5; background-image: url(../imgs/design/fond_orange_test.svg); background-size: 100%; background-repeat: no-repeat; } .fond-svg_OLD { background-image: none; } } */ /*A mettre tout ce qui suite après ceci devant les media*/ .bouton-auto { width: auto; padding: 1rem 4rem; } /*barre de progression*/ .graph { width:500px; margin:0 auto 10px auto; padding:0; height:20px; border:1px solid #0CB3E0; background-color:#002D43; position:relative; border-radius:5px; } #bar { height:20px; background-color:#0CB3E0; } #bar h2 { position:absolute; text-align:center; width:100%; margin:0; line-height:20px; font-weight:bold; font-size:16px; color:var(--couleur-blanc); } .champ-obligatoire { color:#999; text-align:right; margin-bottom:0; padding-bottom:0; } .error { color:#F00; } .input_error { border: 1px solid var(--couleur-alerte); } /* .float { position: relative; top: 100px; left: -50px; transition: top 1.2s; }*/ .lien-bas-page { display:block; clear:both; float:right; margin-top:15px; } #email.recherche, .password { outline: 2px solid var(--couleur-bleu-fonce); } #email:focus-visible, #pass:focus-visible { outline: 2px solid var(--couleur-bleu-fonce); border-radius: 0px; } #email.maxi { width:100%; } #nom.input_error{ border: 1px solid var(--couleur-alerte); } #classement label{ text-align:left; display:inline-block; } .block{ display:block; } .top-espace{ padding-bottom: 4.3rem; } .table_th_moyen{ width:20.0rem; } #text_email{ height:30.0rem; } #form_envoi_email [type="button"] { margin:0.5rem; } .div_mail{ columns:3; margin:2Rem; } .infos_societe { display:inline-block; vertical-align:top; margin:5px 20px 5px 0; } .remote_td{ text-align: center; vertical-align: middle!important; } #copie_email{ margin-left: 4rem; } .bleu{ color:var(--couleur-bleu-clair); /* padding-right: 2rem;*/ } .link-floating-box { position: fixed; bottom: 0; right: 0; background-color: var(--couleur-blanc); border: 2px solid var(--couleur-bleu-clair-clair); border-radius: 5px; padding: 5px; list-style-type: none; } .icone16{ width: 1.6rem; height: 1.6rem; } .max350 { max-width:35.0rem; } .legende{ background-color: var(--couleur-blanc); border: 2px solid var(--couleur-bleu-clair-clair); border-radius: 5px; display:none; position:fixed; bottom:0; left:0; font-size:12px; width:250px; z-index:100; border-spacing : 0; border-collapse : collapse; } .date_licence{ min-width:10px; } .produits_demandes{ min-width:120px; } .envoyer_licence{ min-width:300px; } /* .bleu label { display:block; }*/ #form_licence .bleu input, #form_licence .bleu select { margin-left: 1.3rem; } .tableau-double-entree .bleu{ text-align: left; margin:1rem 0 1rem 0; } .tableau-double-entree .bleu.tbCenter{ text-align: center; margin:1rem 0 1rem 0; } .tableau-double-entree .bleu label{ min-width:120px; } img.lien_react { border:2px solid var(--couleur-bleu-clair-clair); margin-bottom:1rem; } img.lien_react:hover { background-color:var(--couleur-gris); } .img-left{ float:left; margin-right:2rem; } .img-right{ float:right; margin-right:2rem; } .img-espace{ margin: 5rem 0 5rem 0; } /*Liste de fichiers dans un répertoire*/ ul.dir { /*background-image:url(../imgs/icones/dossier32.png);*/ background-position:top left; background-repeat:no-repeat; /*padding-left:3.2rem;*/ /*margin:0 0 10px 0;*/ font-size:1.6rem; font-weight:bold; /* min-height:3.2rem;*/ } ul.dir li span { font-size:1.0rem; font-weight:normal; } ul.dir li { list-style-type:none; /* background-image:url(../imgs/icones/fichier32.png); */ background-position:top left; background-repeat:no-repeat; /* padding-left:1.6rem; */ } ul.dir a, ul.dir span { margin-left: 0.5rem; } /* ul.dir li a{ margin-left: 1.5rem; } */ /*Liste de fichiers sans répertoire*/ ul.liste_fic{ padding-left:0; /*margin:0 0 10px 0;*/ } ul.liste_fic span { font-size:10px; font-weight:normal; } ul.liste_fic li { list-style-type:none; /* background-image:url(../imgs/icones/fichier32.png); */ background-position:top left; background-repeat:no-repeat; /* padding-left:2.0rem; */ } ul.liste_fic a { /*margin: 2rem;*/ } ul.folder2{ margin-left:3.2rem; } .about, .about_big { background-image:url(../imgs/listes/puce.gif); background-position: 0 3px; background-repeat:no-repeat; color:var(--couleur-bleu-fonce);; font-size:1.1rem; line-height:1.6rem; padding-left:1.7rem; list-style: none; } .about_big { font-size:1.8rem; line-height:2.4rem; background-position: 4px 6px; } .recherche-vide{ font-size:1.8rem; color: var(--couleur-gris5); } .txt_info{ font-size:1.3rem; padding-top:3.0rem; } .schema_prods_centre_ware .imgs_schema_prods_centre_multi, .schema_prods_centre .imgs_schema_prods_centre_multi { float:left; max-width:80px; max-height:50px; margin:3px; } .schema_prods_centre .imgs_schema_prods_centre_solo { max-width:400px; max-height:130px; margin:3px; } .relative{ position:relative; } .logo_schema10, .logo_schema12, .logo_schema15, .logo_schema20, .logo_schema25{ left:3rem; } .tab_faq { margin-left: 2rem; } .inner_accordion { padding-left: 1em; overflow: hidden; display: none; margin: 0 2em; } .toggle_accordion { /*margin: .5em 1em;*/ cursor:pointer; } a.toggle_accordion { width: 100%; display: block; background-color: var(--couleur-blanc); padding: .75em; border-radius: 0.15em; transition: background .3s ease; } a.toggle_accordion:hover { background-color: var(--couleur-gris); } .show_accordion { background-color: var(--couleur-gris); padding-bottom: 1.5rem; } a.show_accordion_a{ background-color: var(--couleur-gris); } .show_accordion_div{ background-color: var(--couleur-gris); } .install_licences_table caption { padding-top: 0rem; text-align: center; margin-bottom: 1rem; } .puce_paragraphe { background-image: url(../imgs/listes/puce.gif); background-position: 0 7px; background-repeat: no-repeat; padding-left: 1.7rem; list-style: none; margin-bottom: 0.7rem; } .screenshot { margin-bottom: 1.5rem; } .encart_logo { width:250px; margin:4px; padding:4px; display:inline-block; text-align:center; border:1px solid var(--couleur-gris3); } .encart_logo img { width:100%; } .icon_img { margin:20px 0 10px 0; } .icon_img img { width:30px; margin-right:5px; } .titre_liste_step { font-size:1.5rem; font-weight:bold; margin-bottom:0; color: var(--couleur-bleu-fonce); margin-top: 1.5rem; list-style-type: none; } .affiche_video { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; } .iframe_video { width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden; } .strategie { font-size:12px; padding:10px 0 0 0; margin:0; } #prod-io { display: grid; margin-bottom: 3rem; } #liste_interfaces_1{ grid-column: 1/ span 2; grid-row: 1; } #liste_interfaces_2{ grid-column: 8/ span 2; grid-row: 1; } #liste_interfaces_vers { grid-column: 3 / span 3; grid-row: 1; justify-content: center; display: grid; } .efface_prod{ grid-column: 3 / span 3; grid-row: 2; justify-content: center; display: grid; } .titre_recherche { color: var(--couleur-bleu-fonce); font-weight: bold; font-size: 1.3rem; margin: 0 2rem 0 2rem; } .titre_produit_select { padding: 2rem; } .titre_interface{ color: var(--couleur-orange); font-family: Noto-Sans-TC, Mulish, Brown, sans-serif; font-size: 1.8rem; font-weight: bold; } a sup:hover{ color: var(--couleur-bleu-clair-clair); } .telechargement_produit { display: grid; justify-content: center; grid-column: 1/ span 12; margin-bottom: 2rem; } .telechargement_produit a { margin: 0 2rem 0 2rem; } .bouton_taille { padding: 1rem 7rem 1.3rem 7rem; } #search_txt { width:300px; } .filtre_recherche{ margin:2rem; } .filtre_recherche li { list-style: none; margin-left: -0.5rem; margin-right: 1rem; } li.select::before { content: "\27A1"; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color:var(--couleur-bleu-clair); /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline-block; /* Needed to add space between the bullet and the text */ width: 1em; /* Also needed for space (tweak if needed) */ margin-left: -3.6rem; /* Also needed for space (tweak if needed) */ padding-right: 3rem; } .search_result p { margin:2rem; } .search_result a:hover { color:var(--couleur-bleu-clair-clair); } #filtre_recherche .select{ margin-left: 0rem; } .txt_history{ color:var(--couleur-bleu-clair); cursor: pointer; } .search_title{ color: var(--couleur-bleu-fonce); } .map_center { width: auto; display: flex; justify-content: center; } .map-wrapper{ max-width:900px; } .googlemap{ width:100%; } .mobilite{ justify-content: center; display: grid; } li.icon-right-small:before { color: var(--couleur-bleu-clair); margin-left: -2.6rem; } table.odd_table tr:nth-child(odd){ background-color:var(--couleur-gris); } table.odd_table tr:hover{ background-color:var(--couleur-gris2); color: var(--couleur-bleu-clair); } #contenu label { display:inline-block; width:140px; vertical-align:top; } #contenu input, #contenu textarea { margin-bottom:6px; } .titre_type_licence { color: var(--couleur-bleu-fonce); } .btk_OK { width: 10rem; margin: 1.5rem; } .croix { font-size: 100%; top: 0rem; } sup.icon_cancel_tx { top:-.5em; } .logo { display: flex; text-align: center; margin-left: auto; margin-right: auto; } .recherche_plg { background-color: var(--couleur-blanc); } #select_ctc_prod_plg_id option:nth-child(odd), #select_ctc_prod_mgr_id option:nth-child(odd), #ctc_kindofcontact option:nth-child(odd){ background-color: var(--couleur-gris); } #select_ctc_prod_plg_id option:disabled { cursor: not-allowed; color: var(--couleur-bleu-clair-clair); background-color: var(--couleur-gris); } .break_avoid { break-inside: avoid; } .little_txt{ font-size:0.8em; color:#666; display:inline-block; height:20px; line-height:20px; vertical-align:top; } .front_img { margin:1rem; border:1px solid var(--couleur-gris5); } .fleche{ border:0; width:1.5rem; height:1.5rem; cursor:pointer; } .fleche_off{ fill: red !important; cursor: not-allowed; } .info { font-size: 1.1rem; margin: 1rem; } .li_hover{ padding: 0 1rem 3px 1rem; border: 1px solid var(--couleur-blanc); } .li_hover:hover, .filtre_recherche .select { border: 1px solid var(--couleur-bleu-clair-clair); border-radius: 20px; padding: 0 1rem 3px 1rem; display: table; background-color: var(--couleur-bleu-clair); transition: 0.25s; } .filtre_recherche .select { margin-left: 0.6rem; } .li_hover:hover a, .filtre_recherche .select a{ color: var(--couleur-blanc); transition: 0.25s; } .filtre_recherche ul { display: flex; flex-wrap: wrap; /* Permet de passer à la ligne si besoin */ list-style: none; padding: 0; margin: 0; gap: 0.5rem; /* Espace entre les éléments, optionnel */ } .filtre_recherche a { text-decoration: none; color: inherit; } .titre_commande thead, .titre_commande tfoot { background-color: var(--couleur-bleu-clair); color:var(--couleur-blanc); } .titre_commande tfoot { font-weight:bold; } .titre_commande tfoot a { color:var(--couleur-blanc); } .titre_commande tfoot tr:nth-child(even){ background-color:var(--couleur-bleu-clair-clair); } .titre_commande td:first-child, .titre_commande thead th:first-child{ padding-left: 15px; } .titre_commande td.pl10:first-child{ padding-left: 25px; font-size:0.8em; } .titre_commande td:last-child, .titre_commande thead th:last-child { text-align:center; font-size:14px; } .titre_commande .paire { background-color:var(--couleur-gris2); } .titre_commande .impaire { background-color:var(--couleur-blanc); } .icon_cancel { background-color: var(--couleur-blanc); -webkit-mask-image: url(../imgs/cancel.svg); mask-image: url(../imgs/cancel.svg); } .icon_cancel_tx { background-color: var(--couleur-bleu-clair); -webkit-mask-image: url(../imgs/cancel.svg); mask-image: url(../imgs/cancel.svg); } .icon18 { width: 1.8rem; height: 1.8rem; display: inline-block; -webkit-mask-size: cover; mask-size: cover; } .panier_titre { margin-left: 1rem; margin-right: 1rem; } .panier_prix { margin-right: 1rem; } #menu-panier ul { width: max-content; padding:1rem; } #tableau-combinaisons-3D.tableau-plug-in{ border: 1px solid var(--couleur-gris5); border-collapse:collapse; } #tableau-combinaisons-3D.tableau-plug-in tr:first-child { background-color: var(--couleur-bleu-clair); color:var(--couleur-blanc); font-size:1.1em; border: 1px solid var(--couleur-gris5); } #tableau-combinaisons-3D.tableau-plug-in .bleu { background-color: var(--couleur-bleu-clair); color:var(--couleur-gris); text-align:center; } #tableau-combinaisons-3D.tableau-plug-in .bleu_clair { background-color: var(--couleur-bleu-clair-clair); color:var(--couleur-gris); } #tableau-combinaisons-3D.tableau-plug-in .orange { background-color: var(--couleur-orange); border: 1px solid var(--couleur-gris5); color:var(--couleur-gris); } #tableau-combinaisons-3D.tableau-plug-in .orange_clair { background-color: var(--couleur-orange-clair); border: 1px solid var(--couleur-gris5); color:var(--couleur-gris); } #tableau-combinaisons-3D.tableau-plug-in tr:hover { opacity: 0.6; } #telechargements table { table-layout:fixed; } #telechargements table tr th:first-child { width:21%; } #telechargements table tr th:nth-child(3) { width:70%; } .wrap_anywhere{ overflow-wrap: anywhere; } .titre_col { width:15%; } .msg_col { width:70%; } .mail_type{ width:300px; } .couleur_legende{ width:20px; } .couleur_licence{ width:6px; } .liste_interfaces_licences{ font-size:10px; height:150px; } .liste_interfaces{ font-size:10px; height:auto; } .select_auto{ width:auto; } .duration{ width:60px; margin-right:1rem; } .hostid{ width:120px; } div.bleu .hostid{ width:130px; } .commentaire_licence{ height:50px; } .commentaire_label{ width:80px; } #form_licence [type="submit"] { /*width:49%;*/ margin-right:2%; } /* #form_licence [type="reset"] { width:49%; } */ #form_licence .liste_interfaces option:nth-child(odd){ background-color: var(--couleur-gris); } #form_licence select { resize: vertical; overflow: auto; } #form_envoi_email input[type="file"] { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%; } div.filetype2 { position: absolute; top: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; background: var(--couleur-blanc); color: var(--couleur-bleu-clair); border: 2px dotted var(--couleur-bleu-clair); border-radius: 10px; /*margin-top: 2rem;*/ } label.filetype { display: inline-block; position: relative; height: 100px; width: 400px; cursor:move; } div.dragover/*, label.filetype:hover, div.filetype:hover */{ color: var(--couleur-blanc); background-color: var(--couleur-bleu-clair); border-radius: 10px; } .field_licence{ margin-bottom:3rem; display:flex; } .field_licence:nth-child(odd){ background-color: var(--couleur-gris); } /* .field_licence div { width:100%; } */ .field_licence div span.bleu { margin-right: 1.3rem; } .field_licence div label, .field_licence div span.bleu { width:20rem; display:inline-block; } .infos_licence{ margin-left:2rem; } #demandes_licences .bleu { margin-top: 0.5rem; margin-bottom: 0.5rem; } .none { display:none; } .lang_select{ font-weight: bold; font-size:1.6rem; cursor:not-allowed; text-decoration: underline; color: var(--couleur-bleu-clair) !important; } .cursor{ cursor:pointer; } .box-trapezoid { display:grid; /*grid-template-columns: 1fr repeat(12, minmax(0, 100px)) 1fr;*/ gap: 0 10px; grid-column: 1 / span 14; max-width: 1920px; } .floatLicenceHide { display:none; } .floatLicenceShow { display:block; } .vign_acheter_txt_bas { grid-column: 2 / span 12; grid-row: 1; margin:0em; } .vign_acheter_lien_bas{ grid-column: 2 / span 12; grid-row: 3; } .vign_telechargement { margin: 0 2rem 0 0; } @keyframes shockwave { 0% { transform: scale(1); box-shadow: 0 0 2px rgba(0,0,0,0.15), inset 0 0 1px rgba(0,0,0,0.15); } 95% { box-shadow: 0 0 50px rgba(0,0,0,0), inset 0 0 30px rgba(0,0,0,0); } 100% { transform: scale(1.3); } } @-moz-document url-prefix() { .cols3-hack li:nth-child(25) { margin-bottom: 40px; } } .item-flex { margin: 1rem; padding: 2rem; border: 1px solid var(--couleur-black); flex:1 1 0; } /*Animation explorer */ .split-text-container { display: flex; font-size: 5rem; font-weight: bold; text-transform: uppercase; color: #fff; overflow: hidden; } .text-part { display: inline-block; position: relative; transform: translateX(0); animation-duration: 3s; animation-timing-function: ease-out; animation-fill-mode: forwards; } .text-part.left-ani { transform: translateX(-200%); animation-name: slide-in-left; } .text-part.right-ani { transform: translateX(200%); animation-name: slide-in-right; } .border-fadding { border: 2px solid var(--couleur-bleu-fonce); background-color: var(--couleur-blanc); animation: slide-border 4s linear; animation-timing-function: cubic-bezier(0.42,0,0.58,1); } .grey{ color:var(--couleur-gris5); float: right; } @keyframes slide-in-left { 0% { transform: translateX(-200%); background-color: transparent; } 80% {background-color: transparent;} 100% { transform: translateX(0); background-color: var(--couleur-blanc); } } @keyframes slide-in-right { 0% { transform: translateX(200%); background-color: transparent; } 80% {background-color: transparent;} 100% { transform: translateX(0); background-color: var(--couleur-blanc); } } @keyframes slide-border { from { border-color:var(--couleur-blanc); background-color: transparent; } to { border-color:var(--couleur-bleu-fonce); background-color: var(--couleur-blanc); } } .install_licences_table td{ padding:5px; border:1px solid var(--couleur-bleu-fonce); } .install_licences_table caption { height:20px; } .legend_cell{ width:300px; text-align:center; } .legend_cell img{ max-width:300px; } .install_licences_table .static_paragraphe { margin:0; padding:0; text-align:left; } /* @supports (background-clip: text) or (-webkit-background-clip: text) { .holographic-card2 { background-image: linear-gradient( to right, #ffffff, var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), #ffffff, var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), var(--couleur-bleu-fonce), #ffffff ); background-clip: text; --bg-size: 200%; background-size: var(--bg-size); animation: animate 5s linear infinite; } @keyframes animate { from { background-position: 0; } to { background-position: var(--bg-size); } } } #rainbow { height: 300px; margin: 0 auto; background-position-x: 0; background-position-y: 0; background-size: 200% 100%; background-position-x: 0; background-position-y: 0; animation-name: whoosh; animation-duration: 4000ms; animation-timing-function: linear; animation-iteration-count: infinite; background-clip: text; text-fill-color: transparent; background-image: linear-gradient(90deg, #996699, #B39500, #009980, #006699, #996699, #B39500, #009980, #006699, #996699); } @keyframes whoosh { 0% { background-position-x: 0; } 100% { background-position-x: 100%; } } .holographic-card { display: flex; overflow: hidden; transition: all 0.5s ease; animation-name: slideRight; animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 5s; transform: scale(1); } .holographic-card::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient( 0deg, transparent, transparent 30%, rgba(255,0,0,0.3) ); transform: rotate(-45deg); transition: all 0.5s ease; opacity: 0; } .holographic-card::before { opacity: 1; transform: rotate(-45deg) translateY(100%); } @keyframes slideRight { 0% { transform: translateX(-150%); } 100% { transform: translateX(0%); } } */ #tab-serials-codes td, #tab-serials-codes th { border: 1px solid var(--couleur-gris5);; padding: 8px; box-sizing: border-box; } .dbl-quote-right:after { content: "»"; font-size: 2.5em; vertical-align: -0.8rem; margin-left:2rem; } .dbl-quote-left:before { content: "«"; font-size: 2.5em; vertical-align: -0.8rem; margin-right:2rem; } /* ---------------- */ /* défilement vertical */ .menu-scroll { position:relative; max-width: 100%; font-family: Noto-Sans-TC, Mulish, Brown, sans-serif; text-align: center; height:2em; /*margin: 2em auto; border: 10px solid #F0F0FF;*/ overflow: hidden; /*box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;*/ transition: opacity 0.3s; background: var(--couleur-gris1); flex-direction: row; display: flex; } .menu-scroll.hidden { display: none !important; } /* .scroll-hor { margin-left: auto; overflow: hidden; width: 350px; /* ajustez la largeur selon votre besoin position: relative; height: 100%; /* ou la hauteur souhaitée display: flex; align-items: center; }*/ .scroll-hor > div { position:relative; /*padding: 2em; /* padding-top: 6em; /* meme que height du parent */ animation: defilement-hor 20s infinite linear; cursor: pointer; } .scroll-hor:hover > div { animation-play-state: paused; } .msg { font-size: 1.1em; /* line-height: 1.5em;*/ } /* .msg:first-letter { font-weight: 700; color: #F00; } /* @keyframes defilement-hor { 0% { transform: translate3d(0,0,0); } 100% { transform: translate3d(-100%,0,0); } } */ .scroll-hor .msg { white-space: nowrap; display: inline-block; position: absolute; right: 0; /* Commence collé à droite */ animation: defilement-hor 20s linear infinite; } @keyframes defilement-hor { 0% { right: 0; /* commence collé à droite */ transform: translateX(60%); } 100% { right: 0; transform: translateX(-250%); } } .scroll-bouton{ background:var(--couleur-bleu-clair); color: var(--couleur-blanc); text-transform: uppercase; align-content: center; /* height: 3rem; margin-top: 1rem;*/ /* padding: 0.2rem 1.5rem;*/ margin-left: auto; border: 4px solid var(--couleur-gris1); z-index: 2; box-shadow: -30px 0px 15px 0px var(--couleur-gris1); } .scroll-croix { background:var(--couleur-gris1); color: var(--couleur-bleu-clair); padding: 0.2rem 1.5rem; border: 1px solid var(--couleur-gris1); z-index: 2; cursor:pointer; } #main-header a.scroll-article{ background: var(--couleur-bleu-clair); color: var(--couleur-blanc); text-transform: uppercase; align-content: center; height: 3rem; margin-top: 1rem; padding: 0.2rem 1.5rem; margin-left: auto; border: 10px solid var(--couleur-gris1); z-index: 2; font-size: 2.2rem; line-height: 2.8rem; font-weight: bold; } #main-header a.scroll-article:hover{ background: var(--couleur-orange); color: var(--couleur-bleu); } /* .scroll-zoom:after { content: " "; background-image: url(../imgs/design/sep_article.png); display: block; height: 6.7rem; background-size: 14rem; background-repeat: no-repeat; background-position-x: left; } */ /* ---------------- */ .main-wrapper { margin-left: -6rem; } li.expanded { display: inline-block; } li.expanded li { border-top: 1px solid var(--couleur-blanc); background:var(--couleur-bleu-clair); color: var(--couleur-blanc); /*margin-top: .5rem;*/ /*padding: .4rem;*/ } li.expanded li a {color: var(--couleur-blanc);} span.date { float: right; background: var(--couleur-blanc); padding: 1.4rem;/*.5rem;*/ color: var(--couleur-bleu-fonce); } span.taille{ padding-right: 2em; } .file-icon:before { width:2em; margin-right: .4em; margin-left: -0.2em; background: var(--couleur-blanc); color: var(--couleur-bleu-clair); padding: 1rem 3rem 1rem 4rem; font-size: 140%; } li.expanded li.dossier-icon { background:var(--couleur-bleu-fonce); color: var(--couleur-blanc); padding: 1.4rem; } .dossier-icon:before { font-size: 140%; } /******************/ [class^="icon-"]::before, [class*=" icon-"]::before { font-family: "icon"; font-style: normal; font-weight: normal; speak: never; display: inline-block; /* text-decoration: inherit;*/ /* width: 1.4em; margin-right: .6em;*/ text-align: center; /* opacity: .8;*/ font-variant: normal; text-transform: none; line-height: 1em; vertical-align: middle; /* font-size: 1.3em;*/ } .icon-folder-open-empty::before, .icon-folder-empty::before, .icon-folder-dynamic::before { font-size: 1.6em; } /* Dossier */ ul.dir { /* background-image: url(../imgs/icones/dossier32.png);*/ background-position: top left; background-repeat: no-repeat; /*padding-left: 3.2rem;*/ /*margin: 0 0 10px 0;*/ font-size: 1.1em; font-weight: bold; min-width: 0; } .file { font-size: 1.1em; font-weight: bold; } .racine::before { color: var(--couleur-bleu-clair-clair); padding-left: 1rem; font-size: 140%; } /* Wrapper */ .main-wrapper { margin-left: 0; padding: 0; } /* Expanded li */ li.expanded { display: block; width: 100%; min-width: 300px; } /* File line: flex pour aligner texte et date */ .file-line { display: flex; align-items: center; /*justify-content: space-between;*/ min-width: 0; gap: 0.5rem; } /* File icon */ li.file-icon { background: var(--couleur-bleu-clair); color: var(--couleur-blanc); border: 1px solid var(--couleur-blanc); margin-top: .5rem; padding: .9rem 1.2rem; border-radius: .4rem; /* Pour que la largeur suive le contenu le plus large */ width: 100%; box-sizing: border-box; overflow: hidden; } div.file-icon a { color: var(--couleur-blanc); /*text-decoration: underline;*/ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; flex: 1 1 auto; min-width: 0; } /* Date */ ul.liste_fic span.date, ul.dir li span.date, span.date { background: var(--couleur-blanc); color: var(--couleur-bleu-fonce); /*border-radius: .3rem; padding: .3rem .8rem;*/ padding: 1rem; font-size: 0.6em; font-weight: bold; margin-right: 1rem; border-radius: 0.3rem; flex-shrink: 0; white-space: nowrap; } /* ul.dir li span.date { font-size: 1.1rem; }*/ /* Dossier icon */ li.dossier-icon { background: var(--couleur-bleu-fonce); color: var(--couleur-blanc); padding: 1.2rem 1.2rem 1.2rem 0.8rem; border-radius: .4rem; margin-bottom: .6rem; display: flex; align-items: center; font-size: 1.1em; } li.dossier-icon a { color: var(--couleur-blanc); text-decoration: none; } /* Responsive */ @media (max-width: 400px) { ul.dir { padding-left: 2.2rem; font-size: 1em; } li.file-icon, li.dossier-icon { padding: .7rem .5rem; font-size: 0.95em; } .file-line { flex-direction: column; align-items: flex-start; gap: 0.2rem; } ul.liste_fic span.date, ul.dir li span.date, span.date, ul.liste_fic span.taille, ul.dir li span.taille, span.taille { /*margin-left: 0; margin-top: 0.2rem; font-size: 0.9em; padding: .2rem .5rem; */ display:none; } .adapte { min-width: 200px; /*background: #ff0;*/ } } /* .ssdossier-icon:before{ margin-left: -0.2em; background: var(--couleur-blanc); color: var(--couleur-bleu-fonce); padding: 1rem 3rem 1rem 1.5rem; } */ .ssdossier-icon:hover:before, div.file-icon:hover:before{ color: var(--couleur-orange); } .ssdossier-icon{ /* background: var(--couleur-bleu-fonce);**/ position: relative; /*padding-right: 2rem;*/ padding: .5rem 0 .5rem 0; } li.expanded div.ssdossier-icon a { color: var(--couleur-blanc); /*padding-left: 1.5rem;*/ /*width: calc(100% - 6rem);*//***/ display: inline-block; } li.expanded div.ssdossier-icon:hover a { color: var(--couleur-bleu-fonce); /*width: calc(100% - 6rem);*//***/ } li.expanded div.file-icon:hover, li.expanded li div.file-icon a:hover { color: var(--couleur-bleu-fonce); } /* Correction alignement icônes dossier test1/test2 */ .folder2 li.dossier-icon { background: var(--couleur-bleu-fonce); color: var(--couleur-blanc); padding: 1.2rem 1.2rem 1.2rem 0.8rem; border-radius: .4rem; margin-bottom: .6rem; display: flex; align-items: center; font-size: 1.1em; } ul.ssdir { /*padding-left: 3.5rem;*/ font-size: 1.1em; font-weight: bold; } .fill-div { position: absolute; left: 5rem; width: 100%; text-decoration: none; z-index: 10; } h2.no-margin::after{ height: 2rem; margin-top: 0; } .arbo-list { list-style-type: disc; padding-left: 0; margin-left: 0; } .arbo-list li { /* Base indentation */ margin-left: 0; padding-left: 0; } /* Indentation progressive selon le niveau */ .arbo-list .niveau-1 { margin-left: 0; } .arbo-list .niveau-2 { margin-left: 0rem; } .arbo-list .niveau-3 { margin-left: 3rem; } .arbo-list .niveau-4 { margin-left: 6rem; } .arbo-list .niveau-5 { margin-left: 9rem; } .arbo-list .niveau-6 { margin-left: 12rem; } .arbo-list .niveau-7 { margin-left: 18rem; } .arbo-list .niveau-8 { margin-left: 21rem; } .arbo-list .niveau-9 { margin-left: 24rem; } .arbo-list .niveau-10 { margin-left: 27rem; } /* .adapte { max-width: max-content; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; min-width: 900px; margin-left: auto; margin-right: auto; }*/ .courant{ color: var(--couleur-bleu-fonce); } .courant:before { color: var(--couleur-orange); margin-right: 2rem; } li.expanded div.ssdossier-icon a.survol-href:hover{ color: var(--couleur-orange); } .item-check{ /* display: contents;*/ float: right; height: 40px; width: 40px; font-size: 4rem; } .toggle-on { color: var(--couleur-vert-toggle); } .toggle-off { color: var(--couleur-gris5); } .product-unactive { filter: opacity(0.3); } .image-gris { filter: grayscale(100%); } .item-flex-gris { display: block; text-decoration: none; color: inherit; /* garde les couleurs de texte */ } a.item-flex-gris div.item-check { width : 60px; } /**/ .wechat{ position: relative; background: var(--couleur-bleu-fonce); color: var(--couleur-blanc); border: none; cursor: pointer; } .wechat .tooltip { display: none; position: absolute; z-index: 1000; width:180px; } .wechat:hover .tooltip { display: block; } .wechat .tooltip::before { left: 150px; }