modification - mail 23/08

web/themes/custom/popsu/css/styles.css

@@ -1322,8 +1322,8 @@ iframe {
   .header_top_left_container > div[id=''] {
     height: 100%; }
   .header_top_left_container a[rel~='home'] {
+    display: none;
     height: 100%;
-    display: block;
     font-size: 0;
     color: transparent;
     background: left/contain no-repeat url(../images/POPSU_logo.svg); }
@@ -1590,7 +1590,8 @@ footer {
 .last-ressources .views-field-view-node {
   grid-row: 4 / span 1;
   grid-column: 2 / span 1;
-  margin-bottom: 1rem; }
+  margin-bottom: 1rem;
+  display: none; }
 
 .last-ressources .views-field-field-programme {
   text-transform: uppercase;
@@ -1654,7 +1655,7 @@ footer {
   font-size: 0.8rem;
   text-align: center;
   padding: 18rem 0 3rem 0;
-  margin-top: -20rem; }
+  margin-top: -16rem; }
   .about .views-row .views-field-title {
     font-family: "duke" !important;
     font-size: 1.6rem;
@@ -1762,20 +1763,23 @@ footer {
     background-clip: content-box;
     min-height: 11rem;
     width: 100%;
-    display: grid;
-    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    align-content: center;
     padding: 1rem; }
     #home_prog_container .views-row .views-field:not(.views-field-field-logo) {
       font-size: 0.8rem;
       font-weight: 600;
       display: none; }
     #home_prog_container .views-row .views-field-title {
-      margin-bottom: 1rem; }
+      margin-bottom: .7rem; }
     #home_prog_container .views-row:hover .views-field:not(.views-field-field-logo) {
       font-weight: 600;
       display: block;
       color: white;
-      text-align: center; }
+      text-align: center;
+      flex-basis: 100%; }
       #home_prog_container .views-row:hover .views-field:not(.views-field-field-logo) a {
         text-decoration: none; }
     #home_prog_container .views-row .views-field-field-logo {
@@ -1801,7 +1805,7 @@ footer {
     #home_prog_container .programme-3:hover img {
       display: none; }
   #home_prog_container .programme-5 img {
-    width: 45%; }
+    width: 50%; }
   #home_prog_container .programme-5:hover {
     background: #ab9569; }
     #home_prog_container .programme-5:hover img {
@@ -2493,6 +2497,9 @@ article p, .paragraph p {
   right: 0;
   top: 0; }
 
+.page-node-type-programme #programme_toc-block_7 {
+  display: none; }
+
 .page-node-type-programme #programme_toc-block_5 .slick-slide {
   margin: 0 1rem; }
 
@@ -2659,6 +2666,7 @@ article p, .paragraph p {
   .page-node-type-programme .block-region-first .views-element-container header {
     font-family: "duke";
     font-size: 1.6rem;
+    text-transform: uppercase;
     cursor: pointer;
     transition: all 250ms; }
     .page-node-type-programme .block-region-first .views-element-container header:hover {
@@ -2715,28 +2723,47 @@ article p, .paragraph p {
       .page-node-type-programme .block-region-third .views-field a:hover {
         text-decoration: underline; }
 
-.page-node-type-programme article .computed_projets_references {
+.page-node-type-programme article .computed_projets_references, .page-node-type-programme article .computed_themes_references, .page-node-type-programme article .field_logo {
   display: none; }
 
 .page-node-type-programme article h2:first-child {
   display: none; }
 
 .page-node-type-programme article .body {
-  font-size: 0.8rem; }
-
-.page-node-type-programme article .field_textes .paragraph .field_titre {
-  font-size: 1rem;
-  font-weight: 600;
-  text-transform: initial;
-  cursor: pointer;
-  margin-top: 1rem; }
-
-.page-node-type-programme article .field_textes .paragraph .field_texte {
+  font-size: 0.8rem;
+  height: 20rem;
+  overflow: hidden;
   position: relative;
-  transition: all 250ms; }
+  -webkit-transition: all 250ms ease;
+  -moz-transition: all 250ms ease;
+  -o-transition: all 250ms ease;
+  transition: all 250ms ease; }
+  .page-node-type-programme article .body footer {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    z-index: 1;
+    width: 100%;
+    text-align: center; }
+    .page-node-type-programme article .body footer a {
+      display: inline-block;
+      margin: 0 auto;
+      background: black;
+      color: white;
+      cursor: pointer;
+      font-family: "trueno";
+      font-weight: 500;
+      padding: .5rem 1rem;
+      font-size: 0.45rem;
+      text-decoration: none;
+      text-transform: uppercase; }
+      .page-node-type-programme article .body footer a:hover {
+        color: black;
+        background: white; }
 
-.page-node-type-programme article .field_textes .paragraph .crop:after {
+.page-node-type-programme article .body:after {
   content: "";
+  opacity: 1;
   position: absolute;
   top: 0;
   bottom: 0;
@@ -2744,10 +2771,57 @@ article p, .paragraph p {
   right: -15px;
   box-shadow: inset white 0 -4rem 2rem; }
 
-.page-node-type-programme article .field_textes .paragraph .crop {
-  max-height: 7rem;
-  overflow: hidden;
-  transition: all 250ms; }
+.page-node-type-programme article .body_open {
+  height: auto;
+  -webkit-transition: all 250ms ease;
+  -moz-transition: all 250ms ease;
+  -o-transition: all 250ms ease;
+  transition: all 250ms ease; }
+  .page-node-type-programme article .body_open:after {
+    opacity: 0;
+    -webkit-transition: all 250ms ease;
+    -moz-transition: all 250ms ease;
+    -o-transition: all 250ms ease;
+    transition: all 250ms ease; }
+
+.page-node-type-programme article .field_textes .paragraph {
+  border-bottom: 3px dotted gray;
+  padding: 1rem 0; }
+  .page-node-type-programme article .field_textes .paragraph .field_titre {
+    font-size: 1rem;
+    font-weight: 600;
+    text-transform: initial;
+    cursor: pointer; }
+  .page-node-type-programme article .field_textes .paragraph .field_titre:after {
+    content: '▼';
+    float: right;
+    -webkit-transition: all 250ms ease;
+    -moz-transition: all 250ms ease;
+    -o-transition: all 250ms ease;
+    transition: all 250ms ease; }
+  .page-node-type-programme article .field_textes .paragraph .rotate:after {
+    transform: rotate(180deg);
+    -webkit-transition: all 250ms ease;
+    -moz-transition: all 250ms ease;
+    -o-transition: all 250ms ease;
+    transition: all 250ms ease; }
+  .page-node-type-programme article .field_textes .paragraph .field_texte {
+    height: auto;
+    position: relative;
+    -webkit-transition: all 250ms ease;
+    -moz-transition: all 250ms ease;
+    -o-transition: all 250ms ease;
+    transition: all 250ms ease; }
+    .page-node-type-programme article .field_textes .paragraph .field_texte h2 {
+      text-transform: inherit; }
+  .page-node-type-programme article .field_textes .paragraph .crop {
+    height: 0;
+    overflow: hidden;
+    display: none;
+    -webkit-transition: all 250ms ease;
+    -moz-transition: all 250ms ease;
+    -o-transition: all 250ms ease;
+    transition: all 250ms ease; }
 
 .page-node-type-programme .block-region-bottom {
   background: url(../images/motif_croix.svg); }