diff --git a/www/css/style.css b/www/css/style.css index d2851bb..fecc2d3 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -228,12 +228,13 @@ section:nth-child(6) { section:nth-child(7) { background-color: #fbfbfb; - background-image: url(../img/theme/elements/papillon.svg); + background-image: url(../img/theme/paint/paint-blue.svg), url(../img/theme/elements/papillon.svg); background-repeat: no-repeat; - background-size: 60%; - background-position: top left; + background-size:auto, 60%; + background-position: 0% 100%, center left; } + section p { padding-bottom: 20px; font-size: 1.2rem; @@ -412,6 +413,10 @@ section p a:active { text-align: center; } +.plan img { + text-align: center; +} + /*--------------------------------------------------------*/ @media only screen and (max-width: 880px) { @@ -419,6 +424,11 @@ section p a:active { width: 80%; height: 80%; } + + .plan img { + width: 80%; + height: 80%; + } } @@ -459,12 +469,23 @@ section p a:active { padding-left: 60px; } +#consentement { + font-size: 1.2rem; + margin-left: 0; + padding-left: 60px; +} + /* Média query pour les écrans de petite taille */ @media screen and (max-width: 1000px) { .limited { margin-left: 0; padding-left: 20px; } + + .consentement { + margin-left: 0; + padding-left: 20px; + } } /*--------------------------------------------------------*/ @@ -773,7 +794,7 @@ section p a:active { } #sponsors img.sponsor-disc:hover { - border: 5px solid #884578ff + border: 5px solid #849697ff } /*--------------------------------------------------------*/ @@ -791,6 +812,43 @@ section p a:active { } +/*--------------------------------------------------------*/ +/* Telephone safeness +/*--------------------------------------------------------*/ + + + +#Ulm > span::before { + content: " "; + display: inline-block; + background-image: url("../img/icons/tel.svg"); + background-size: 32px 32px; + height: 32px; + width: 32px; + margin: 0 5px; +} + + + +/*--------------------------------------------------------*/ + + +@media only screen and (max-width: 480px) { + #contact-email { + font-size: 1.2rem; + } + + #contact-email > span::before { + content: ""; + height: 0; + width: 0; + background: none; + } +} + + + + /*--------------------------------------------------------*/ /* CONTACT