border img ressources

web/themes/custom/popsu/sass/pages/_archives.scss

@@ -11,7 +11,10 @@
 				grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
 				// grid-column-gap: 2rem;
 				// grid-row-gap: 1rem;
-				
+				@media print, screen and (max-width: 39.9988em) {
+					display: flex;
+					flex-direction: column;
+				}
 				header{
 					grid-column: 1 / span 5;
 					text-align: center;
@@ -48,7 +51,10 @@
 					width: 100%;
 					max-height: 100%;
 					grid-template-columns: repeat( 2, minmax(0, 1fr));
-	
+					@media print, screen and (max-width: 39.9988em) {
+						width: 80%;
+						margin: auto;
+					}
 					.views-field{
 						grid-column: 1 / span 2;
 						color: white;

web/themes/custom/popsu/sass/pages/_home.scss

@@ -521,6 +521,7 @@
 				height: 100% !important;
 				width: inherit !important;
 				max-width: none;
+
 			}
 
 		// 	}
@@ -759,6 +760,9 @@
 			z-index: 0;	
 			padding: .5rem;
 			margin-top: -1.3rem;
+			img{				
+				border: 1px solid gray !important;
+			}
 		}
 		.views-field:not(.views-field-field-image){
 			background: transparent;

web/themes/custom/popsu/sass/pages/_node-evenement-actu.scss

@@ -139,6 +139,11 @@
 			.field_programme:has(.programme-912){
 				background-color: $col-ter;
 			}
+			.field_programme:has(.programme-883){
+				background-color: $col-transition;
+			}
+			
+			
 			.field_programme{
 				display: inline-block;
 				width: auto;

web/themes/custom/popsu/sass/pages/_page-node-type-projet.scss

@@ -0,0 +1,5 @@
+.page-node-type-projet{
+    .layout-container{
+        background-color: $bck-col !important;
+    }
+}

web/themes/custom/popsu/sass/pages/_programme.scss

@@ -85,6 +85,7 @@
         }
     }
     #programme_toc-block_16{
+        margin-bottom: 0.5rem;
         .views-row{
             display: block;
             a{
@@ -403,6 +404,13 @@
                 color: $col-transition;
             }
         }
+            .main_logo{
+
+                position: absolute !important;
+                top:0;
+                left: 0;
+                margin: -6% 0 3rem !important;
+            }
     }
     &.programme-878{
         #node\:field_document .field_document{
@@ -758,6 +766,9 @@
             text-align: center;
         }
         #centre_de_ressources-block_2{
+            .slick-track{
+                align-items: flex-start !important;
+            }
             .slick-slide{
                 margin: 0 0;
             }
@@ -800,6 +811,7 @@
                     width: 100%;
                     height: 100%;
                     object-fit: contain;
+                    border: 1px solid gray;
                 }
             }
             .views-field:not(.views-field-field-image){
@@ -807,8 +819,7 @@
                 width: auto;
                 margin-left: 0;
                 padding-left: 0;
-                padding-right: 8%;
-                
+                padding-right: 8%;                
             }
             .views-field-field-sous-titre{
                 grid-column: 2 / span 1;
@@ -820,6 +831,8 @@
             }
             .views-field-field-type-de-ressource{
                 grid-column: 2 / span 1;
+                padding: .5rem;
+
             }
             .views-field-field-edition{
                 grid-column: 2 / span 1;

web/themes/custom/popsu/sass/pages/_ressources.scss

@@ -132,6 +132,9 @@
 				}
 				.views-field-field-image{
 					grid-row: 2/span 5;	
+					.field-content{
+						border: 1px solid gray !important;
+					}
 				}
 				.views-field-field-edition{
 					grid-column: 2;
@@ -401,6 +404,9 @@
 			}
 			.views-field-field-image{
 				grid-row: 2/span 5;	
+				img{				
+					border: 1px solid gray !important;
+				}
 			}
 			.views-field-field-edition{
 				grid-column: 2;
@@ -728,6 +734,9 @@
 			float: left;
 			width: 40%;
 			margin: -1rem 1rem 1.5rem 0;
+			img{				
+				border: 1px solid gray !important;
+			}
 		}
 		#node\:field_auteurs{
 			

web/themes/custom/popsu/sass/pages/_themes.scss

@@ -22,7 +22,6 @@
 
         // }
         position: absolute;
-        
         top: 0;
         left: 0;
         width: 22%;

web/themes/custom/popsu/sass/pages/partials/_header_footer.scss

@@ -173,46 +173,52 @@
 		max-height: 4.5rem;
 		width: auto;
 	}
-}
-
-.header_top_left_container{
-	height: 100%;
-	display: grid;
-	grid-template-columns: 1fr 1fr 1fr;
-	align-items: center;
-	text-align: center;
-	column-gap: 10px;
-	&>div[id='']{
-		height: 100%;
-		font-size: 0;
+	#header-top-left{
+		max-height: 100% !important;
+		.header_top_left_container{
+			max-height: 100% !important;
+			height: 100%;
+			display: grid;
+			grid-template-columns: 1fr 1fr 1fr;
+			align-items: center;
+			text-align: center;
+			column-gap: 10px;
+			&>div[id='']{
+				height: 100%;
+				font-size: 0;
+			}
+			
+			width: 120%;
+			padding-bottom: 0.4rem;
+		
+			a[rel~='home']{
+				//display: none;
+				height: 100%;
+				display: block;
+				font-size: 0;
+				color: transparent;
+				background: left / contain no-repeat url(../../images/logoPOPSU.png);
+			}
+			@include breakpoint(small down) {
+				grid-template-columns: 1fr 1fr;
+			}
+		}
 	}
+	#header-top-middle{
+		display: flex;
+		align-items: center;
+		justify-content: end;
+		.header_top_middle_container{
 	
-	width: 120%;
-	padding-bottom: 0.4rem;
-
-	a[rel~='home']{
-		//display: none;
-		height: 100%;
-		display: block;
-        font-size: 0;
-		color: transparent;
-		background: left / contain no-repeat url(../../images/logoPOPSU.png);
-	}
-	@include breakpoint(small down) {
-		grid-template-columns: 1fr 1fr;
-	}
-}
-#header-top-middle{
-	display: flex;
-	align-items: center;
-	justify-content: end;
-	.header_top_middle_container{
-
-		img{
-			max-width: 5rem;
+			img{
+				max-width: 5rem;
+			}
 		}
 	}
 }
+
+
+
 .header_bottom_container{
 	height: 100%;
 	// solution to access views container
@@ -228,7 +234,6 @@
 				justify-content: space-evenly;
 				align-items: center;
 				padding: 1rem 15% 2rem 15%;
-  				
                 &>div:first-child{
                     grid-column-start: 2;
                 }
@@ -237,10 +242,8 @@
 					&>div:first-child{
 						grid-column-start: 1;
 					}
-			
 				}
 			}
-			
 		}
 	}
 
@@ -262,7 +265,7 @@
 				text-decoration: none;
 			}
 			@include breakpoint(1222px down) {
-				font-size: $font-small;
+				font-size: $font-medium;
 		
 			}
         }
@@ -282,9 +285,12 @@
 		background: black;
 		border-radius: 3px;
 		z-index: 1;
-		@include breakpoint(small down) {
+		@include breakpoint(medium down) {
 			width: 36px;
 		}
+		@include breakpoint(small down) {
+			width: 25px;
+		}
 	}
 }
 .close-block{
@@ -315,9 +321,12 @@
 	span{
 		margin-bottom: 12px;	
 		transform-origin: 4px 0px;
-		@include breakpoint(small down) {
+		@include breakpoint(medium down) {
 			margin-bottom: 8px;
 		}
+		@include breakpoint(small down) {
+			margin-bottom: 5px;
+		}
 	}
 }
 
@@ -458,8 +467,8 @@ footer[role="contentinfo"]{
             p{
                 display: inline-block;
                 a{
-                    min-width: 2rem;
-                    min-height: 2rem;
+                    min-width: 1.5rem;
+                    min-height: 1.5rem;
 					margin-right: 0.5rem;
 
                 }

web/themes/custom/popsu/sass/styles.scss

@@ -36,4 +36,5 @@
 @import "pages/node-evenement-actu";
 @import "pages/themes";
 @import "pages/presse";
+@import "pages/page-node-type-projet";