diff --git a/css/_sq_balint.scss b/css/_sq_balint.scss index 54a6c37..28f7fec 100644 --- a/css/_sq_balint.scss +++ b/css/_sq_balint.scss @@ -13,6 +13,12 @@ textarea[name="texte"]{ height:15rem; } +@include media-breakpoint-up(xl) { + .container{ + max-width: 1300px; + } +} + .section-top{ padding-top: 8rem; } @@ -45,7 +51,7 @@ textarea[name="texte"]{ } /* polices */ -* { font-family: 'Cabin', sans-serif; font-size: 1.05rem} +* { font-family: 'Cabin', sans-serif; font-size: 1.1rem} i.fas { font-family: fontawesome; font-style: normal; font-weight: 400; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend, .h1-like, .h2-like, .h3-like, .h4-like { font-family: 'Cabin', sans-serif; } @@ -268,8 +274,7 @@ body{ .liste-articles-encadres{ .bloc-article { height: 100%; - background: white; - outline: 1px solid #DDD; + outline: 1px solid #eee; a { min-height: 100%; h2 { @@ -398,6 +403,14 @@ body{ border-radius: 100%; } +// Couleur des flèches +.carousel-control-next-icon{ + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478E7E' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} +.carousel-control-prev-icon{ + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478E7E' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); +} + /**********************************************************************/ /***************************** FOOTER *********************************/ /**********************************************************************/ @@ -427,7 +440,7 @@ body{ .footer-options{ background:$fond-footer; - padding: 1rem 0; + padding: 2rem 0; ul{ justify-content: space-between; align-items: center; @@ -438,7 +451,7 @@ body{ max-width: 300px; } - .login_modal{ + .bouton-login{ background: $couleur-liens; border-radius: 0.2rem; } diff --git a/css/_variables.scss b/css/_variables.scss index 51b98cf..f21b0dd 100644 --- a/css/_variables.scss +++ b/css/_variables.scss @@ -17,7 +17,7 @@ $fond-transparent: rgba(255, 255, 255, 0.92); $breadcrumb-bg: none; $bg-body: url('../images/bg-web.jpg'); -$bg-presentation: url('../images/bg-gris-vert.jpg'); +$bg-presentation: url('../images/bg-gris-vert2.jpg'); $bg-texte-presentation: url('../images/bg-encadre-blanc3.jpg'); $bg-mis-en-avant: url('../images/fond-une-jaune.jpg'); $bg-a-la-une: url('../images/bg-web.jpg'); diff --git a/css/mon_site.css b/css/mon_site.css index b51940a..802c6be 100644 --- a/css/mon_site.css +++ b/css/mon_site.css @@ -11877,6 +11877,12 @@ textarea[name="texte"] { height: 15rem; } +@media (min-width: 1200px) { + .container { + max-width: 1300px; + } +} + .section-top { padding-top: 8rem; } @@ -11910,7 +11916,7 @@ textarea[name="texte"] { /* polices */ * { font-family: 'Cabin', sans-serif; - font-size: 1.05rem; + font-size: 1.1rem; } i.fas { @@ -12053,7 +12059,7 @@ body { /**********************************************************************/ #presentation-accueil { padding: 10rem 0 2rem 0; - background: url("../images/bg-gris-vert.jpg"); + background: url("../images/bg-gris-vert2.jpg"); background-size: cover; background-repeat: no-repeat; } @@ -12161,8 +12167,7 @@ body { .liste-articles-encadres .bloc-article { height: 100%; - background: white; - outline: 1px solid #DDD; + outline: 1px solid #eee; } .liste-articles-encadres .bloc-article a { @@ -12315,6 +12320,14 @@ body { border-radius: 100%; } +.carousel-control-next-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478E7E' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23478E7E' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); +} + /**********************************************************************/ /***************************** FOOTER *********************************/ /**********************************************************************/ @@ -12346,7 +12359,7 @@ body { .footer .footer-options { background: #4B9886; - padding: 1rem 0; + padding: 2rem 0; } .footer .footer-options ul { @@ -12360,7 +12373,7 @@ body { max-width: 300px; } -.footer .login_modal { +.footer .bouton-login { background: #f67638; border-radius: 0.2rem; } diff --git a/footer/sommaire.html b/footer/sommaire.html index fabc1ec..fef3252 100644 --- a/footer/sommaire.html +++ b/footer/sommaire.html @@ -45,28 +45,28 @@