-
-
+
+
+
+ #FORMULAIRE_NOUS_CONTACTER{#ID_AUTEUR}
+
+
-
-
+
+
+ [(#FICHIER|image_recadre{510:420,-,focus}|image_reduire{510,420})]
+
diff --git a/css/_sq_balint.scss b/css/_sq_balint.scss
index d706a24..4950543 100644
--- a/css/_sq_balint.scss
+++ b/css/_sq_balint.scss
@@ -58,6 +58,7 @@ a, a:hover {
/**************************** PAGE ACCUEIL ****************************/
/**********************************************************************/
+// 1. SECTION PRESENTATION
#presentation-accueil{
padding: 10rem 0 2rem 0;
@@ -94,6 +95,8 @@ a, a:hover {
}
}
+// 2. SECTION MIS EN AVANT
+
#mis-en-avant{
background: $bg-mis-en-avant;
background-size: cover;
@@ -114,7 +117,6 @@ a, a:hover {
text-align: center;
h3{
font-weight: 700;
- text-transform: uppercase;
margin: 1.5rem;
color: $bg-diapo-texte;
}
@@ -127,6 +129,8 @@ a, a:hover {
margin: 0 1.5rem 1.5rem 1.5rem;
}
+// 3. SECTION A LA UNE
+
#a-la-une{
background: $bg-a-la-une;
.container{
@@ -134,7 +138,6 @@ a, a:hover {
}
h3{
font-weight: 700;
- text-transform: uppercase;
padding: 1rem;
}
}
@@ -161,8 +164,10 @@ a, a:hover {
}
.photo_article{
- max-width: 100%;
- height: auto;
+ img{
+ width: 100%;
+ height: auto;
+ }
}
.bloc-textes{
@@ -175,6 +180,40 @@ a, a:hover {
}
}
+// 4. SECTION NOUS CONTACTER
+#nous-contacter{
+ background: $bg-nous-contacter;
+ .container{
+ padding: 4rem 0;
+ }
+ h3{
+ color: $light;
+ font-weight: 700;
+ padding: 1rem;
+ }
+ img{
+ max-width: 100%;
+ }
+ .formulaire_nous_contacter{
+ input, textarea{
+ background-color: $light;
+ padding: 0.5rem;
+ border: none;
+ border-radius: 0.2rem;
+ }
+ input.submit{
+ border: solid 2px $light;
+ font-size: 1.5rem;
+ background: none;
+ color: $light;
+ cursor: pointer;
+ &:hover{
+ background: rgba(255,255,255,0.25);
+ border-color: transparent;
+ }
+ }
+ }
+}
/**********************************************************************/
/**************************** CAROUSEL ********************************/
/**********************************************************************/
@@ -244,18 +283,35 @@ a, a:hover {
/***************************** FOOTER *********************************/
/**********************************************************************/
-.footer {
- margin-top:4rem;
- padding-top: 1rem;
- border-top:3px solid;
- padding-bottom: 2rem;
+#footer-infos{
+ padding: 2rem 0;
+}
+
+.footer{
+ background: $fond-footer;
+ color: $light;
+ padding-bottom: 1rem;
margin-bottom:0;
text-align: left;
position:relative;
- /*.colophon { padding-right: 100px; }*/
+
+ h4{
+ color: $titres-footer;
+ font-weight: 600;
+ }
.nav li a, .colophon a {
+ color: $light;
padding: 10px 15px;
}
+
+ .colophon{
+ padding-top: 1rem;
+ border-top: solid $titres-footer 1px;
+ ul{
+ justify-content: space-between;
+ }
+ }
+
.colophon .generator {
max-width: 300px;
}
@@ -279,7 +335,6 @@ a, a:hover {
}
-
/**********************************************************************/
/**************** TOUS LES FORMULAIRES DE CONNEXION *******************/
/**********************************************************************/
diff --git a/css/_variables.scss b/css/_variables.scss
index 15bb06c..72fd9e9 100644
--- a/css/_variables.scss
+++ b/css/_variables.scss
@@ -2,10 +2,15 @@ $couleur-texte : black;
$dark: #595959;
$fond-menu: #3b3f8a;
$page-active: #ffe9aa;
+$fond-footer: #464ba3;
+$titres-footer: #64d4af;
+
+
$bg-presentation: url('../images/bg-rouge-fonce-3.jpg');
$bg-texte-presentation: url('../images/bg-encadre-blanc3.jpg');
$bg-mis-en-avant: url('../images/delaunay_brut.jpg');
$bg-a-la-une: url('../images/fond-une-jaune.jpg');
+$bg-nous-contacter: url('../images/Fond-contact-bleuvert.jpg');
$bg-diapo: rgba(255,243,219,0.75);
$bg-diapo-texte: rgba(0,13,158,0.65);
\ No newline at end of file
diff --git a/css/mon_site.css b/css/mon_site.css
index 5f0dc48..1e46401 100644
--- a/css/mon_site.css
+++ b/css/mon_site.css
@@ -11954,7 +11954,6 @@ a, a:hover {
#agenda h3 {
font-weight: 700;
- text-transform: uppercase;
margin: 1.5rem;
color: rgba(0, 13, 158, 0.65);
}
@@ -11977,7 +11976,6 @@ a, a:hover {
#a-la-une h3 {
font-weight: 700;
- text-transform: uppercase;
padding: 1rem;
}
@@ -12008,8 +12006,8 @@ a, a:hover {
position: relative;
}
-.liste-articles .photo_article {
- max-width: 100%;
+.liste-articles .photo_article img {
+ width: 100%;
height: auto;
}
@@ -12024,6 +12022,44 @@ a, a:hover {
flex-grow: 1;
}
+#nous-contacter {
+ background: url("../images/Fond-contact-bleuvert.jpg");
+}
+
+#nous-contacter .container {
+ padding: 4rem 0;
+}
+
+#nous-contacter h3 {
+ color: #f8f9fa;
+ font-weight: 700;
+ padding: 1rem;
+}
+
+#nous-contacter img {
+ max-width: 100%;
+}
+
+#nous-contacter .formulaire_nous_contacter input, #nous-contacter .formulaire_nous_contacter textarea {
+ background-color: #f8f9fa;
+ padding: 0.5rem;
+ border: none;
+ border-radius: 0.2rem;
+}
+
+#nous-contacter .formulaire_nous_contacter input.submit {
+ border: solid 2px #f8f9fa;
+ font-size: 1.5rem;
+ background: none;
+ color: #f8f9fa;
+ cursor: pointer;
+}
+
+#nous-contacter .formulaire_nous_contacter input.submit:hover {
+ background: rgba(255, 255, 255, 0.25);
+ border-color: transparent;
+}
+
/**********************************************************************/
/**************************** CAROUSEL ********************************/
/**********************************************************************/
@@ -12101,21 +12137,39 @@ a, a:hover {
/**********************************************************************/
/***************************** FOOTER *********************************/
/**********************************************************************/
+#footer-infos {
+ padding: 2rem 0;
+}
+
.footer {
- margin-top: 4rem;
- padding-top: 1rem;
- border-top: 3px solid;
- padding-bottom: 2rem;
+ background: #464ba3;
+ color: #f8f9fa;
+ padding-bottom: 1rem;
margin-bottom: 0;
text-align: left;
position: relative;
- /*.colophon { padding-right: 100px; }*/
+}
+
+.footer h4 {
+ color: #64d4af;
+ font-weight: 600;
}
.footer .nav li a, .footer .colophon a {
+ color: #f8f9fa;
padding: 10px 15px;
}
+.footer .colophon {
+ padding-top: 1rem;
+ border-top: solid #64d4af 1px;
+}
+
+.footer .colophon ul {
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+}
+
.footer .colophon .generator {
max-width: 300px;
}
diff --git a/footer/dist.html b/footer/dist.html
index 05d6f99..19355b8 100644
--- a/footer/dist.html
+++ b/footer/dist.html
@@ -1,5 +1,19 @@
[
]
-
+
+
+
+
diff --git a/images/Fond-contact-bleuvert.jpg b/images/Fond-contact-bleuvert.jpg
new file mode 100644
index 0000000..4d829b0
Binary files /dev/null and b/images/Fond-contact-bleuvert.jpg differ
diff --git a/images/gamuza_blanc.svg b/images/gamuza_blanc.svg
new file mode 100644
index 0000000..8f70492
--- /dev/null
+++ b/images/gamuza_blanc.svg
@@ -0,0 +1,156 @@
+
+
+
+
\ No newline at end of file
diff --git a/images/logo_spip_blanc.png b/images/logo_spip_blanc.png
new file mode 100644
index 0000000..9cf2823
Binary files /dev/null and b/images/logo_spip_blanc.png differ
diff --git a/inclure/photo_article.html b/inclure/photo_article.html
index b2cd286..493c401 100644
--- a/inclure/photo_article.html
+++ b/inclure/photo_article.html
@@ -2,11 +2,11 @@
[(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ]
- [(#FICHIER|image_recadre{360:180,-,focus}|image_reduire{360,180})]
+ [(#FICHIER|image_recadre{720:360,-,focus}|image_reduire{720,360})]
- [(#FICHIER|image_recadre{360:180,+,center}|image_reduire{360,180})]
+ [(#FICHIER|image_recadre{720:360,+,center}|image_reduire{720,360})]