divers fix

This commit is contained in:
2021-06-03 15:49:12 +02:00
parent bd16b1a431
commit 8d27853b79
4 changed files with 42 additions and 74 deletions
@@ -876,8 +876,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-left: 0 !important;
padding-right: 0rem !important; }
#header #logo {
position: absolute;
left: -2rem; }
position: absolute; }
#logo img {
height: 3rem;
margin-left: 1rem; } }
@@ -890,14 +889,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-right: 2rem; } }
.callout {
padding-top: 0.5rem; }
.callout h1, h2, h3, p {
text-align: left !important; }
.callout {
background-color: rgba(255, 255, 255, 0.5);
padding-top: 0.5rem;
padding-right: 0rem !important;
padding-left: 0rem !important; }
.callout h1, .callout h2, .callout h3, .callout p {
text-align: left !important; }
.callout h2 {
text-transform: capitalize;
font-weight: 300;
@@ -924,6 +921,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
text-align: left;
margin-bottom: 0rem !important; }
.titre_bsn p {
text-transform: uppercase;
padding-right: 15%; }
@media (max-width: 442px) {
.titre_bsn h1 {
@@ -1049,6 +1047,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
text-transform: uppercase;
left: 45%;
margin-bottom: 2rem !important; }
@media (min-width: 768px) {
.bouton-ouverture {
display: none; } }
.gouvernance {
background-color: #000;
@@ -1256,17 +1257,14 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
flex-direction: row;
width: 65%;
align-items: center;
margin-left: 3rem; }
#new-footer .footer .footer-logos p {
display: inline-flex; }
justify-content: center; }
#new-footer .footer .footer-logos img {
max-height: 4rem;
padding-right: 3rem; }
#new-footer .footer #new-footer .footer .footer-logos img:last-of-type {
height: 0.5rem !important; }
padding-right: 2rem; }
#new-footer .footer .contact {
display: flex;
flex-direction: column;
min-width: 288px;
width: 35%;
padding-left: 1.5rem;
margin-right: 2rem;
@@ -1292,15 +1290,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
padding-top: 1rem;
width: 80%; }
#new-footer .footer .footer-logos {
width: 90%;
margin-top: 1.5rem;
margin-left: 0.5rem;
flex-direction: column;
justify-content: space-between; }
#new-footer .footer .footer-logos img {
padding: 0.5rem; }
#new-footer .footer .footer-logos img:last-of-type {
padding: 0.8rem; } }
padding: 0.5rem; } }
@media (max-width: 1024px) {
#new-footer .footer .contact img {
max-height: 1.5rem; }
@@ -1311,9 +1306,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
#new-footer .footer .contact svg {
margin-bottom: 0.6rem; }
#new-footer .footer .footer-logos img {
padding: 0.5rem; }
#new-footer .footer .footer-logos img:last-of-type {
padding: 0.8rem; } }
padding: 0.5rem; } }
button:focus {
border: solid !important;
@@ -26,6 +26,7 @@ jQuery(document).ready(function($){
$('.bouton-ouverture').html('Voir PLUS'); // Sinon on affiche LIRE PLUS
}
// definir une règle si .texte-cache {max-height}<=.texte-cache.ouvert {max-height}, alors .bouton-ouverture { visible: hidden}
});
@@ -115,7 +115,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
#header #logo {
position: absolute;
left: -2rem;
// left: -2rem;
}
#logo img {
height: 3rem;
@@ -135,29 +135,31 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
}
.callout {
padding-top: 0.5rem;
// .callout {
// padding-top: 0.5rem;
// // background-color: rgba(0, 0, 255, 0.1);
// // opacity: 0.2;
// }
}
.callout h1, h2, h3, p {
text-align: left !important;
}
// .callout h1, h2, h3, p {
// text-align: left !important;
// }
.callout {
background-color: rgba(255, 255, 255, 0.5);
padding-top: 0.5rem;
padding-right: 0rem !important;
padding-left: 0rem !important;
// h1 {
// margin-bottom: 0rem !important;
// }
h1, h2, h3, p {
text-align: left !important;
}
h2 {
text-transform: capitalize;
font-weight: 300;
font-size: 1rem;
}
}
.titre_nsb {
display: block;
margin-right: 52%;
@@ -182,14 +184,13 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
display: block;
margin-left: 40%;
// padding-right: 15%;
h1 {
text-align: left;
margin-bottom: 0rem !important;
// padding-bottom: 3rem;
}
p {
text-transform: uppercase;
padding-right: 15%;
}
@media (max-width: 442px) {
@@ -201,7 +202,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
@keyframes animate {
0% {width: 0%;}
100% {width: 100%;}
}
@@ -218,8 +218,6 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
.after-h1 {
.in-view-right {
// opacity: 0;
// transition: opacity 1s ease-in-out;
animation: animate 1.2s 1 normal ease-in-out forwards;
}
.in-view {
@@ -231,14 +229,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.programmes {
display: flex;
flex-wrap: wrap;
background-color: #d5d2d1;
z-index: -1;
justify-content: center;
padding-left: 15%;
@@ -249,10 +242,9 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
.parallax-window {
background: transparent;
}
.parallax-mirror {
top: -80px;
}
@@ -366,6 +358,7 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
left: 45%;
// margin-top: 3rem;
margin-bottom: 2rem !important;
@media (min-width: 768px) {display: none ;}
}
@@ -684,17 +677,15 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.footer-logos {
display: flex;
flex-direction: row;
// flex-wrap: nowrap;
width: 65%;
align-items: center;
margin-left: 3rem;
justify-content: center;
p {
display: inline-flex;
// display: inline-flex;
}
img {
// min-height: 4rem;
max-height: 4rem;
padding-right: 3rem;
padding-right: 2rem;
// &:last-of-type {
// // height: 3.25rem;
// padding-top: 0.30rem;
@@ -703,13 +694,12 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
}
}
#new-footer .footer .footer-logos img:last-of-type {
height: 0.5rem !important;
}
.contact {
display: flex;
flex-direction: column;
min-width: 288px;
width: 35%;
padding-left: 1.5rem;
@@ -743,29 +733,19 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
width: 80%;
}
.footer-logos {
width: 90%;
// width: 90%;
margin-top: 1.5rem;
margin-left: 0.5rem;
flex-direction: column;
justify-content: space-between;
img {
padding:0.5rem;
&:last-of-type {
padding: 0.8rem;
}
}
}
}
// .tothetop {
// bottom: $footer-height + 28rem;
// }
}
@media (max-width: 768px) {
// .tothetop {
// bottom: $footer-height + 10rem;
// }
}
@media (max-width: 1024px) {
.footer {
.contact {
@@ -777,18 +757,11 @@ body#top.modular.fullwidth.title-center.title-h1h2 {
.footer-logos {
img {
padding: 0.5rem;
&:last-of-type {
padding: 0.8rem;
}
}
}
}
// .tothetop {
// bottom: $footer-height + 11rem;
// }
}
}
@@ -7,6 +7,7 @@ $image-margin: 2rem;
// styling
.callout {
background: $text-bg;
// filter:opacity(0.2);
color: #fff;
padding: $text-padding $content-padding;
@include breakpoint(desktop-only) {