diff --git a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.js.snap b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.js.snap index b8cb3ae76e..d62bec1ea0 100644 --- a/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.js.snap +++ b/packages/code-du-travail-frontend/__tests__/__snapshots__/a-propos.test.js.snap @@ -470,15 +470,13 @@ exports[` should render 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -882,18 +880,27 @@ exports[` should render 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -1002,7 +1009,7 @@ exports[` should render 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -1052,18 +1050,27 @@ exports[` should render 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -1172,7 +1179,7 @@ exports[` should render 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render with external content 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -1125,18 +1123,27 @@ exports[` should render with external content 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -1245,7 +1252,7 @@ exports[` should render with external content 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render with external content 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render without external content 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -2929,18 +2934,27 @@ exports[` should render without external content 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -3049,7 +3063,7 @@ exports[` should render without external content 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render without external content 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -1136,18 +1134,27 @@ exports[` should render 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -1343,7 +1350,7 @@ exports[` should render 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -1425,18 +1423,27 @@ exports[` should render 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -1545,7 +1552,7 @@ exports[` should render 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -1052,18 +1050,27 @@ exports[` should render 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -1172,7 +1179,7 @@ exports[` should render 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -905,18 +903,27 @@ exports[` should render 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -1025,7 +1032,7 @@ exports[` should render 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { - margin-left: 1.6rem; - font-size: 1.8rem; - font-family: "Merriweather",serif; - line-height: 1.25; + position: relative; + width: 17rem; } .c7 { @@ -890,18 +888,27 @@ exports[` should render 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } @media (max-width:600px) { .c6 { - max-width: 13rem; - font-size: 1.4rem; + max-width: 9.25rem; } } @@ -1016,7 +1023,7 @@ exports[` should render 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> - - Code du travail numérique - + src="/static/assets/img/logo.svg" + />
should render 1`] = ` -.c30 { +.c31 { max-width: 124rem; margin: 0 auto; padding: 0 2rem; } -.c30 > *:first-child { +.c31 > *:first-child { margin-top: 0; } -.c30 > *:last-child { +.c31 > *:last-child { margin-bottom: 0; } -.c10 { +.c11 { padding: 3.2rem 0; background-color: transparent; color: #3e486e; } -.c33 { +.c34 { position: absolute; background-color: #7994d4; border-radius: 0.6rem; @@ -34,7 +34,7 @@ exports[` should render 1`] = ` transform: translateX(-50%); } -.c46 { +.c47 { position: relative; margin: 0 0 1rem 0; color: #2f3b6c; @@ -44,7 +44,7 @@ exports[` should render 1`] = ` line-height: 1.25; } -.c41 { +.c42 { position: absolute; top: 0; right: 0; @@ -55,7 +55,7 @@ exports[` should render 1`] = ` border-radius: 0 0.6rem 0 0; } -.c41:before { +.c42:before { position: absolute; display: block; width: 0; @@ -66,7 +66,7 @@ exports[` should render 1`] = ` content: ""; } -.c42 { +.c43 { position: absolute; top: 0; right: 0; @@ -75,7 +75,7 @@ exports[` should render 1`] = ` height: 3rem; } -.c26 { +.c27 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -112,16 +112,16 @@ exports[` should render 1`] = ` opacity: 1; } -.c26:link, -.c26:visited { +.c27:link, +.c27:visited { -webkit-text-decoration: none; text-decoration: none; color: #fff; } -.c26:not([disabled]):hover, -.c26:not([disabled]):active, -.c26:not([disabled]):focus { +.c27:not([disabled]):hover, +.c27:not([disabled]):active, +.c27:not([disabled]):focus { opacity: 1; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); @@ -130,13 +130,13 @@ exports[` should render 1`] = ` border-color: #f99593; } -.c26[disabled] { +.c27[disabled] { color: rgba(255,255,255,0.4); box-shadow: none; cursor: not-allowed; } -.c51 { +.c52 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -177,14 +177,14 @@ exports[` should render 1`] = ` overflow: visible; } -.c51:focus, -.c51:hover, -.c51:active { +.c52:focus, +.c52:hover, +.c52:active { -webkit-text-decoration: underline; text-decoration: underline; } -.c61 { +.c62 { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; @@ -221,16 +221,16 @@ exports[` should render 1`] = ` opacity: 1; } -.c61:link, -.c61:visited { +.c62:link, +.c62:visited { -webkit-text-decoration: none; text-decoration: none; color: #fff; } -.c61:not([disabled]):hover, -.c61:not([disabled]):active, -.c61:not([disabled]):focus { +.c62:not([disabled]):hover, +.c62:not([disabled]):active, +.c62:not([disabled]):focus { opacity: 1; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); @@ -239,13 +239,13 @@ exports[` should render 1`] = ` border-color: #a0b3e0; } -.c61[disabled] { +.c62[disabled] { color: rgba(255,255,255,0.4); box-shadow: none; cursor: not-allowed; } -.c52 { +.c53 { width: 2.6rem; height: 1.4rem; margin: 0 0.4rem 0 1rem; @@ -254,19 +254,19 @@ exports[` should render 1`] = ` transition: transform 250ms linear; } -.c25:hover .c52 { +.c26:hover .c53 { -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } -.c35 { +.c36 { position: relative; overflow: visible; } -.c35:before, -.c35:after { +.c36:before, +.c36:after { position: absolute; top: 0; bottom: 0; @@ -281,19 +281,19 @@ exports[` should render 1`] = ` background: radial-gradient( ellipse at center, #fff 15%, rgba(255,255,255,0) 80% ); } -.c35:before { +.c36:before { left: -2rem; } -.c35:after { +.c36:after { right: -2rem; } -.c37 { +.c38 { overflow-x: visible; } -.c38 { +.c39 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -320,7 +320,7 @@ exports[` should render 1`] = ` list-style-type: none; } -.c39 { +.c40 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -337,7 +337,7 @@ exports[` should render 1`] = ` padding: 0; } -.c40 { +.c41 { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; @@ -378,9 +378,9 @@ exports[` should render 1`] = ` appearance: none; } -.c40:hover, -.c40:active, -.c40:focus { +.c41:hover, +.c41:active, +.c41:focus { color: #3e486e; box-shadow: 0 1rem 2rem rgba(121,148,212,0.4); -webkit-transform: translateY(-2px); @@ -388,7 +388,7 @@ exports[` should render 1`] = ` transform: translateY(-2px); } -.c44 { +.c45 { display: block; width: 7.2rem; height: 7.2rem; @@ -398,46 +398,46 @@ exports[` should render 1`] = ` border-radius: 50%; } -.c43 { +.c44 { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } -.c45 { +.c46 { padding-right: 1rem; } -.c47 { +.c48 { margin: 0; } -.c48 { +.c49 { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-top: 1rem; } -.c31 { +.c32 { margin-bottom: 4rem; margin-left: auto; text-align: center; } -.c58 { +.c59 { margin-bottom: 1.6rem; margin-left: auto; text-align: center; } -.c34 { +.c35 { margin-top: 1rem; margin-bottom: 0; padding-left: 0; } -.c32 { +.c33 { position: relative; margin: 0; color: #2f3b6c; @@ -448,7 +448,7 @@ exports[` should render 1`] = ` padding-top: 1.6rem; } -.c59 { +.c60 { position: relative; margin: 0; color: #2f3b6c; @@ -460,15 +460,15 @@ exports[` should render 1`] = ` text-align: center; } -.c24 ul { +.c25 ul { z-index: 1; } -.c24 li[role="option"]:nth-child(2n + 1) { +.c25 li[role="option"]:nth-child(2n + 1) { background: #f2f5fa; } -.c21 { +.c22 { position: relative; display: -webkit-box; display: -webkit-flex; @@ -478,7 +478,7 @@ exports[` should render 1`] = ` padding: 0; } -.c22 { +.c23 { width: 3rem; height: 3rem; position: absolute; @@ -488,7 +488,7 @@ exports[` should render 1`] = ` color: #9298af; } -.c23 { +.c24 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -512,29 +512,29 @@ exports[` should render 1`] = ` appearance: none; } -.c23::-webkit-input-placeholder { +.c24::-webkit-input-placeholder { color: #9298af; } -.c23::-moz-placeholder { +.c24::-moz-placeholder { color: #9298af; } -.c23:-ms-input-placeholder { +.c24:-ms-input-placeholder { color: #9298af; } -.c23::placeholder { +.c24::placeholder { color: #9298af; } -.c27 { +.c28 { position: absolute; top: 0.8rem; right: 0.8rem; } -.c8 { +.c9 { position: relative; display: -webkit-box !important; display: -webkit-flex !important; @@ -555,7 +555,7 @@ exports[` should render 1`] = ` cursor: pointer; } -.c9 { +.c10 { position: relative; display: -webkit-box !important; display: -webkit-flex !important; @@ -578,14 +578,14 @@ exports[` should render 1`] = ` text-decoration: none; } -.c7 { +.c8 { -webkit-order: 2; -ms-flex-order: 2; order: 2; height: 100%; } -.c7 > div { +.c8 > div { height: 100%; } @@ -644,11 +644,16 @@ exports[` should render 1`] = ` .c5 { position: relative; - top: 1.6rem; - width: 10rem; + width: 7rem; + margin-right: 3.2rem; } .c6 { + position: relative; + width: 17rem; +} + +.c7 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -666,12 +671,12 @@ exports[` should render 1`] = ` justify-content: flex-end; } -.c55 { +.c56 { width: 100%; overflow-x: hidden; } -.c56 { +.c57 { position: relative; z-index: 1; margin-top: 4rem; @@ -679,7 +684,7 @@ exports[` should render 1`] = ` background-color: #f2f5fa; } -.c56:before { +.c57:before { position: absolute; top: -27px; left: -50%; @@ -691,13 +696,13 @@ exports[` should render 1`] = ` content: ""; } -.c57 { +.c58 { position: relative; padding-bottom: 4rem; text-align: center; } -.c60 { +.c61 { max-width: 124rem; margin: 0 auto; padding: 0 2rem; @@ -706,25 +711,25 @@ exports[` should render 1`] = ` margin-bottom: 2rem; } -.c60 > *:first-child { +.c61 > *:first-child { margin-top: 0; } -.c60 > *:last-child { +.c61 > *:last-child { margin-bottom: 0; } -.c62 { +.c63 { width: 1.5em; margin-left: 1.6rem; } -.c63 { +.c64 { padding: 4rem 0; background-color: #e4e8ef; } -.c64 { +.c65 { max-width: 124rem; margin: 0 auto; padding: 0 2rem; @@ -738,39 +743,39 @@ exports[` should render 1`] = ` justify-content: space-between; } -.c64 > *:first-child { +.c65 > *:first-child { margin-top: 0; } -.c64 > *:last-child { +.c65 > *:last-child { margin-bottom: 0; } -.c66 + .c65 { +.c67 + .c66 { padding-left: 1.6rem; } -.c68 { +.c69 { margin: 0; padding: 0; list-style-type: none; } -.c67 { +.c68 { font-size: 1.6rem; } -.c69 { +.c70 { margin: 0.4rem 0; } -.c70 { +.c71 { font-weight: normal; -webkit-text-decoration: none; text-decoration: none; } -.c71 { +.c72 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -789,14 +794,14 @@ exports[` should render 1`] = ` background-color: #e4e8ef; } -.c72 { +.c73 { font-weight: normal; -webkit-text-decoration: none; text-decoration: none; margin: 0 1rem 1rem 1rem; } -.c73 { +.c74 { margin-bottom: 1rem; -webkit-user-select: none; -moz-user-select: none; @@ -829,7 +834,7 @@ exports[` should render 1`] = ` content: ""; } -.c11 { +.c12 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -840,7 +845,7 @@ exports[` should render 1`] = ` padding-bottom: 12rem; } -.c12 { +.c13 { max-width: 124rem; margin: 0 auto; padding: 0 2rem; @@ -851,37 +856,37 @@ exports[` should render 1`] = ` padding-left: 12rem; } -.c12 > *:first-child { +.c13 > *:first-child { margin-top: 0; } -.c12 > *:last-child { +.c13 > *:last-child { margin-bottom: 0; } -.c13 { +.c14 { margin-top: 0; color: #3e486e; line-height: 1.625; } -.c14 { +.c15 { font-size: 2.8rem; } -.c16 { +.c17 { margin-top: 1rem; margin-bottom: 3.2rem; } -.c15 { +.c16 { display: inline-block; margin-top: 1rem; font-weight: bold; font-size: 4.6rem; } -.c18 { +.c19 { display: inline; width: 3rem; height: 3rem; @@ -889,7 +894,7 @@ exports[` should render 1`] = ` vertical-align: bottom; } -.c28 { +.c29 { position: absolute; top: 0; right: 0; @@ -912,7 +917,7 @@ exports[` should render 1`] = ` overflow: hidden; } -.c29 { +.c30 { display: block; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; @@ -924,7 +929,7 @@ exports[` should render 1`] = ` transform: translateX(10%); } -.c19 { +.c20 { display: block; margin-bottom: 0.8rem; color: #3e486e; @@ -932,12 +937,12 @@ exports[` should render 1`] = ` font-size: 1.6rem; } -.c20 { +.c21 { max-width: 77rem; margin: 0; } -.c49 { +.c50 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -952,96 +957,96 @@ exports[` should render 1`] = ` height: 100%; } -.c50 { +.c51 { margin-top: 1.6rem; } -.c53 { +.c54 { text-align: center; } -.c54 { +.c55 { width: 2.8rem; height: 1.5rem; margin-left: 1.6rem; } @media (max-width:600px) { - .c30 { + .c31 { padding: 0 1rem; } } @media print { - .c30 { + .c31 { max-width: 100%; padding: 0; } } @media (max-width:600px) { - .c46 { + .c47 { font-size: 1.6rem; } } @media (max-width:600px) { - .c26 { + .c27 { font-size: 1.4rem; } } @media (max-width:600px) { - .c26 { + .c27 { padding: 0 3rem; } } @media (max-width:600px) { - .c51 { + .c52 { font-size: 1.4rem; } } @media (max-width:600px) { - .c61 { + .c62 { font-size: 1.4rem; } } @media (max-width:600px) { - .c61 { + .c62 { padding: 0 3rem; } } @media (max-width:600px) { - .c35 { + .c36 { overflow-x: hidden; } } @media (max-width:600px) { - .c35:before, - .c35:after { + .c36:before, + .c36:after { display: block; } } @media (max-width:600px) { - .c37 { + .c38 { overflow-x: auto; } } @media (max-width:600px) { - .c36 { + .c37 { margin-bottom: 1.6rem; } } @media (max-width:600px) { - .c38 { + .c39 { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; @@ -1053,19 +1058,19 @@ exports[` should render 1`] = ` } @media (max-width:1180px) { - .c39 { + .c40 { width: calc( 100% / 3 - 2 * 1rem - 1px ); } } @media (max-width:980px) { - .c39 { + .c40 { width: calc( 100% / 2 - 2 * 1rem - 1px ); } } @media (max-width:600px) { - .c39 { + .c40 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; @@ -1073,11 +1078,11 @@ exports[` should render 1`] = ` min-width: 23rem; } - .c39:first-of-type { + .c40:first-of-type { margin-left: 2rem; } - .c39:last-of-type:after { + .c40:last-of-type:after { display: block; width: 2rem; height: 100%; @@ -1087,46 +1092,46 @@ exports[` should render 1`] = ` } @media (max-width:600px) { - .c40 { + .c41 { padding: 2rem 1.6rem; font-size: 1.4rem; } } @media (max-width:600px) { - .c31 { + .c32 { margin-bottom: 2.4rem; margin-left: auto; } } @media (max-width:600px) { - .c58 { + .c59 { margin-bottom: 1rem; margin-left: auto; } } @media (max-width:600px) { - .c34 { + .c35 { padding-left: 0; } } @media (max-width:600px) { - .c32 { + .c33 { font-size: 2.6rem; } } @media (max-width:600px) { - .c59 { + .c60 { font-size: 2.2rem; } } @media (max-width:600px) { - .c21 { + .c22 { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; @@ -1135,20 +1140,20 @@ exports[` should render 1`] = ` } @media (max-width:600px) { - .c22 { + .c23 { display: none; } } @media (max-width:600px) { - .c23 { + .c24 { height: 5.4rem; padding: 1rem 1.6rem; } } @media (max-width:600px) { - .c27 { + .c28 { position: static; margin-top: 1rem; margin-left: 0; @@ -1156,7 +1161,7 @@ exports[` should render 1`] = ` } @media (max-width:980px) { - .c8 { + .c9 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; @@ -1169,7 +1174,7 @@ exports[` should render 1`] = ` } @media (max-width:980px) { - .c9 { + .c10 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; @@ -1182,7 +1187,7 @@ exports[` should render 1`] = ` } @media (max-width:980px) { - .c7 { + .c8 { height: auto; } } @@ -1226,54 +1231,70 @@ exports[` should render 1`] = ` } } +@media (max-width:600px) { + .c4 { + -webkit-flex: 0 0 calc(50% + 4.635rem); + -ms-flex: 0 0 calc(50% + 4.635rem); + flex: 0 0 calc(50% + 4.635rem); + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + } +} + @media (max-width:600px) { .c5 { - top: 0.8rem; - max-width: 5rem; - margin-right: 0.8rem; + max-width: 4rem; } } -@media print { +@media (max-width:600px) { .c6 { + max-width: 9.25rem; + } +} + +@media print { + .c7 { display: none; } } @media print { - .c56 { + .c57 { display: none; } } @media (max-width:600px) { - .c60 { + .c61 { padding: 0; } } @media print { - .c60 { + .c61 { max-width: 100%; padding: 0; } } @media (max-width:600px) { - .c64 { + .c65 { padding: 0 1rem; } } @media print { - .c64 { + .c65 { max-width: 100%; padding: 0; } } @media (max-width:600px) { - .c64 { + .c65 { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; @@ -1281,26 +1302,26 @@ exports[` should render 1`] = ` } @media (max-width:600px) { - .c66 + .c65 { + .c67 + .c66 { padding-left: 0; } } @media (max-width:600px) { - .c68 { + .c69 { text-align: center; } } @media (max-width:600px) { - .c67 { + .c68 { margin-top: 1rem; text-align: center; } } @media (max-width:980px) { - .c73 { + .c74 { display: none; } } @@ -1318,82 +1339,82 @@ exports[` should render 1`] = ` } @media (max-width:600px) { - .c11 { + .c12 { height: 75rem; padding-bottom: 5rem; } } @media print { - .c11 { + .c12 { display: none; } } @media (max-width:600px) { - .c12 { + .c13 { padding: 0 1rem; } } @media print { - .c12 { + .c13 { max-width: 100%; padding: 0; } } @media (max-width:980px) { - .c12 { + .c13 { padding-left: 2rem; } } @media (max-width:600px) { - .c12 { + .c13 { padding-left: 1rem; } } @media (max-width:1180px) { - .c13 { + .c14 { max-width: 50rem; } } @media (max-width:600px) { - .c13 { + .c14 { max-width: 100%; } } @media (max-width:600px) { - .c14 { + .c15 { width: 100%; font-size: 1.8rem; } } @media (max-width:1180px) { - .c17 { + .c18 { display: none; } } @media (max-width:600px) { - .c15 { + .c16 { font-size: 3.2rem; } } @media (max-width:980px) { - .c28 { + .c29 { top: 6rem; } } @media (max-width:600px) { - .c28 { + .c29 { position: relative; top: -5px; right: auto; @@ -1402,7 +1423,7 @@ exports[` should render 1`] = ` } @media (max-width:600px) { - .c29 { + .c30 { -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); @@ -1410,7 +1431,7 @@ exports[` should render 1`] = ` } @media (max-width:980px) { - .c20 { + .c21 { width: 100%; } } @@ -1426,7 +1447,7 @@ exports[` should render 1`] = ` class="c2" id="printDate" > - le 1/6/2009, :40:31 + le 06/01/2009 à 08:40
should render 1`] = ` class="c5" src="/static/assets/img/marianne.svg" /> + code du travail numérique
should render 1`] = ` style="height: 100%;" > should render 1`] = ` Boîte à outils should render 1`] = ` id="main" >

Bienvenue sur
le Code du travail numérique

Obtenez des réponses aux questions que vous vous posez sur le droit du travail.
Les réponses personnalisables selon votre situation sont identifiées par ce symbole : @@ -1598,20 +1624,20 @@ exports[` should render 1`] = `

@@ -1632,7 +1658,7 @@ exports[` should render 1`] = ` aria-controls="react-autowhatever-1" aria-label="recherchez par mots-clés" autocomplete="off" - class="c23" + class="c24" id="searchbar" name="q" placeholder="congés payés, durée de préavis" @@ -1641,13 +1667,13 @@ exports[` should render 1`] = ` value="" />
@@ -2333,49 +2359,49 @@ exports[` should render 1`] = `

Boîte à outils

Trouvez des réponses personnalisées selon votre situation

  • should render 1`] = `
    should render 1`] = `

    Convention collective

  • should render 1`] = `
    should render 1`] = `

    Préavis de démission

  • should render 1`] = `
    should render 1`] = `

    Salaire brut/net

  • should render 1`] = `
    should render 1`] = `

    Modèles de documents

    Téléchargez et utilisez des modèles de lettres et de documents personnalisables
    Découvrir @@ -2768,15 +2794,15 @@ exports[` should render 1`] = `