logo et slider
@@ -813,6 +813,9 @@ ul.pagination {
|
||||
#sb-site #body {
|
||||
padding-top: 2rem; } }
|
||||
|
||||
body#top.modular.fullwidth.title-center.title-h1h2 {
|
||||
overflow-y: hidden; }
|
||||
|
||||
#header.scrolled {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem; }
|
||||
@@ -821,7 +824,8 @@ ul.pagination {
|
||||
-moz-transform: scale(0.75);
|
||||
-ms-transform: scale(0.75);
|
||||
-o-transform: scale(0.75);
|
||||
transform: scale(0.75); }
|
||||
transform: scale(0.75);
|
||||
padding-bottom: 1rem; }
|
||||
|
||||
#header #navbar ul.navigation li a {
|
||||
font-family: "Sarabun", sans-serif;
|
||||
@@ -849,20 +853,20 @@ ul.pagination {
|
||||
display: flex;
|
||||
flex-direction: row; }
|
||||
#logo img {
|
||||
padding: 0.5rem;
|
||||
height: 4rem !important;
|
||||
padding: 0.75rem;
|
||||
height: 4rem;
|
||||
margin: auto; }
|
||||
@media (max-width: 442px) {
|
||||
#logo img {
|
||||
height: 3rem !important; } }
|
||||
height: 3rem; } }
|
||||
@media (max-width: 1024px) {
|
||||
#logo img {
|
||||
height: 3.5rem !important; } }
|
||||
height: 3.5rem; } }
|
||||
#logo img #gouv {
|
||||
padding-left: 1rem;
|
||||
padding-right: 2rem;
|
||||
padding: 0.5rem;
|
||||
min-height: 4rem !important;
|
||||
margin: auto; }
|
||||
min-height: 4rem; }
|
||||
|
||||
@media (max-width: 442px) {
|
||||
#header #navbar {
|
||||
@@ -959,6 +963,9 @@ ul.pagination {
|
||||
.parallax-window {
|
||||
background: transparent; }
|
||||
|
||||
.parallax-mirror {
|
||||
top: -80px; }
|
||||
|
||||
.programme {
|
||||
z-index: 1;
|
||||
max-width: 35%;
|
||||
@@ -1222,7 +1229,6 @@ ul.pagination {
|
||||
padding: 5% 5% 5% 5%; } }
|
||||
|
||||
#new-footer {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
#new-footer .tothetop {
|
||||
@@ -1248,22 +1254,22 @@ ul.pagination {
|
||||
#new-footer .footer .footer-logos {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
width: 70%;
|
||||
width: 65%;
|
||||
align-items: center;
|
||||
margin-left: 3rem; }
|
||||
#new-footer .footer .footer-logos p {
|
||||
display: inline-flex; }
|
||||
#new-footer .footer .footer-logos img {
|
||||
max-height: 4rem;
|
||||
padding-right: 1rem; }
|
||||
#new-footer .footer .footer-logos img:last-of-type {
|
||||
padding-top: 0.30rem;
|
||||
padding-bottom: 0.30rem; }
|
||||
padding-right: 3rem; }
|
||||
#new-footer .footer #new-footer .footer .footer-logos img:last-of-type {
|
||||
height: 0.5rem !important; }
|
||||
#new-footer .footer .contact {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 30%;
|
||||
width: 35%;
|
||||
padding-left: 1.5rem;
|
||||
margin-right: 2rem;
|
||||
margin-top: 1.5rem;
|
||||
align-items: flex-start; }
|
||||
#new-footer .footer .contact img {
|
||||
|
||||
|
After Width: | Height: | Size: 12 MiB |
|
After Width: | Height: | Size: 2.8 MiB |
|
After Width: | Height: | Size: 7.7 MiB |
|
After Width: | Height: | Size: 3.9 MiB |
|
After Width: | Height: | Size: 730 KiB |
|
After Width: | Height: | Size: 356 KiB |
|
After Width: | Height: | Size: 387 KiB |
|
After Width: | Height: | Size: 4.9 MiB |
|
After Width: | Height: | Size: 2.3 MiB |
@@ -25,16 +25,19 @@ jQuery(document).ready(function($){
|
||||
} else {
|
||||
$('.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}
|
||||
|
||||
});
|
||||
|
||||
|
||||
// parallax slideshow
|
||||
$(document).ready(function() {
|
||||
var imgSrc = ["http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/14360_default_big.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/10361_web_01.jpg", "http://ouidade.net/dev-epau.archi.fr/user/themes/epau-antimatter/images/hyperliens_marseille.png",];
|
||||
var imgSrc = ["/user/themes/epau-antimatter/images/Thizy_Les_Bourgs_copyright_Communaute_de_l_Ouest_Rhodanien.jpg", "/user/themes/epau-antimatter/images/Dieulefit_copyright_Mairie_de_Dieulefit.jpg", "/user/themes/epau-antimatter/images/ARM161205-001.jpg", "/user/themes/epau-antimatter/images/copyright_Grenoble-Alpes_Metropole-Lucas_Frangella_1.jpg",];
|
||||
|
||||
var counter = 1;
|
||||
var duration = 4000;
|
||||
var tTime = 300;
|
||||
var tTime = 600;
|
||||
var v = setInterval(function() {
|
||||
$('.parallax-mirror').animate({
|
||||
'opacity': 0
|
||||
|
||||
@@ -33,13 +33,18 @@
|
||||
}
|
||||
}
|
||||
|
||||
body#top.modular.fullwidth.title-center.title-h1h2 {
|
||||
overflow-y:hidden;
|
||||
}
|
||||
|
||||
#header.scrolled {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
|
||||
img {
|
||||
@include transform(scale(0.75));
|
||||
@extend .default-animation;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -71,46 +76,30 @@
|
||||
}
|
||||
|
||||
#header #navbar ul.navigation {
|
||||
|
||||
}
|
||||
|
||||
// #header #logo img.scrolled {
|
||||
// height: 3.5rem!important;
|
||||
// }
|
||||
|
||||
#logo {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
// @include transform(scale(0.75));
|
||||
// &.active {
|
||||
// a:after {
|
||||
// top: 0;
|
||||
// visibility: visible;
|
||||
// @include transform(scale(0.75));
|
||||
// @extend .default-animation;
|
||||
//
|
||||
|
||||
img {
|
||||
padding: 0.5rem;
|
||||
height: 4rem !important;
|
||||
padding: 0.75rem;
|
||||
height: 4rem;
|
||||
margin:auto;
|
||||
|
||||
@media (max-width: 442px) {
|
||||
height: 3rem!important;
|
||||
height: 3rem;
|
||||
}
|
||||
@media (max-width: 1024px) {
|
||||
height: 3.5rem!important;
|
||||
height: 3.5rem;
|
||||
}
|
||||
#gouv {
|
||||
padding-left: 1rem;
|
||||
padding-right: 2rem;
|
||||
padding: 0.5rem;
|
||||
min-height: 4rem !important;
|
||||
margin:auto;
|
||||
min-height: 4rem;
|
||||
// margin:auto;
|
||||
}
|
||||
#epau {
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -237,17 +226,7 @@
|
||||
animation: glissement 1.2s 1 normal ease-in-out forwards;
|
||||
}
|
||||
}
|
||||
//
|
||||
// .after-h1 {
|
||||
// .test {
|
||||
// // opacity: 0;
|
||||
// // transition: opacity 1s ease-in-out;
|
||||
// animation: anim 2.5s 1 normal ease-in-out forwards;
|
||||
// }
|
||||
// .animateMe {
|
||||
// animation: glissement 2.5s 1 normal ease-in-out forwards;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -256,21 +235,7 @@
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
//
|
||||
// background-image:
|
||||
// url("/user/themes/epau-antimatter/images/14360_default_big.jpg") ,
|
||||
// url("/user/themes/epau-antimatter/images/10361_web_01.jpg") ,
|
||||
// url("/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG") ,
|
||||
// url("/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg") ;
|
||||
//
|
||||
// background-attachment: fixed;
|
||||
//
|
||||
// background-position: 50% -50px;
|
||||
|
||||
// position: sticky;
|
||||
// transform: translateY(-1);
|
||||
|
||||
// min-height: 500px;
|
||||
|
||||
background-color: #d5d2d1;
|
||||
|
||||
@@ -284,48 +249,13 @@
|
||||
}
|
||||
|
||||
.parallax-window {
|
||||
// min-height: 400px;
|
||||
|
||||
background: transparent;
|
||||
// height: 1534px;
|
||||
// overflow: hidden;
|
||||
|
||||
}
|
||||
.parallax-mirror {
|
||||
top: -80px;
|
||||
}
|
||||
|
||||
// .images-background {
|
||||
// position: absolute !important;
|
||||
// width: 100%;
|
||||
// display: flex;
|
||||
// flex-direction: row;
|
||||
// flex-wrap: wrap;
|
||||
// justify-content: space-between;
|
||||
//
|
||||
// #photo1 {
|
||||
// position: relative;
|
||||
// top: -60px;
|
||||
//
|
||||
// }
|
||||
//
|
||||
// #photo2 {
|
||||
// z-index: 0;
|
||||
// width:700px !important;
|
||||
// position: relative;
|
||||
// top: 260px;
|
||||
// }
|
||||
//
|
||||
// #photo3 {
|
||||
// z-index: 0;
|
||||
// width:700px !important;
|
||||
// position: relative;
|
||||
// top: 300px;
|
||||
// }
|
||||
//
|
||||
// #photo4 {
|
||||
// z-index: 0;
|
||||
// width:700px !important;
|
||||
// position: relative;
|
||||
// top: 300px;
|
||||
// }
|
||||
// }
|
||||
|
||||
|
||||
.programme {
|
||||
|
||||
@@ -721,7 +651,7 @@
|
||||
|
||||
|
||||
#new-footer {
|
||||
position:absolute;
|
||||
// position:absolute;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
@@ -754,19 +684,22 @@
|
||||
.footer-logos {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
width: 70%;
|
||||
// flex-wrap: nowrap;
|
||||
width: 65%;
|
||||
align-items: center;
|
||||
margin-left: 3rem;
|
||||
p {
|
||||
display: inline-flex;
|
||||
}
|
||||
img {
|
||||
// min-height: 4rem;
|
||||
max-height: 4rem;
|
||||
padding-right: 1rem;
|
||||
&:last-of-type {
|
||||
// height: 3.25rem;
|
||||
padding-top: 0.30rem;
|
||||
padding-bottom: 0.30rem;
|
||||
}
|
||||
padding-right: 3rem;
|
||||
// &:last-of-type {
|
||||
// // height: 3.25rem;
|
||||
// padding-top: 0.30rem;
|
||||
// padding-bottom: 0.30rem;
|
||||
// }
|
||||
}
|
||||
}
|
||||
|
||||
@@ -774,9 +707,13 @@
|
||||
height: 0.5rem !important;
|
||||
}
|
||||
.contact {
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 30%;
|
||||
width: 35%;
|
||||
|
||||
padding-left: 1.5rem;
|
||||
margin-right: 2rem;
|
||||
margin-top: 1.5rem;
|
||||
align-items: flex-start;
|
||||
img {
|
||||
|
||||
@@ -18,9 +18,14 @@
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<h2>L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS</h2>
|
||||
<!-- <h2>L'EUROPE DES PROJETS ARCHITECTURAUX ET URBAINS</h2> -->
|
||||
|
||||
<p>Organisme national de recherche et d’expérimentation, sous la tutelle des Ministères en charge de l’architecture et de l’urbanisme, la Cité de l’Architecture et du Patrimoine et de l’Association Europan France</p>
|
||||
<p>L'Europe des projets architecturaux et urbains, groupement d'intérêt
|
||||
public, sous la tutelle du ministère en charge de l'Architecture, du
|
||||
ministère en charge de l'Urbanisme, la Cité de l'architecture et de
|
||||
l'Association Europan France, conduit des actions de recherche,
|
||||
d'expérimentation, de développement, de valorisation et d'animation des
|
||||
réseaux professionnels du cadre bâti.</p>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<rect class="" width="100%" height="100%" style="fill:rgb(255,255,255)" />
|
||||
</svg>
|
||||
</div>
|
||||
<p> Le conseil d’administration de l’Europe des projets architecturaux et urbains et les Directions de programmes de l’Europe des projets architecturaux urbains</p>
|
||||
<p>Assemblée générale de l’Europe des projets architecturaux et urbains et les Directions de programmes de l’Europe des projets architecturaux urbains</p>
|
||||
|
||||
{{ page.content|raw }}
|
||||
|
||||
|
||||