correction maud

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

@@ -1228,9 +1228,9 @@ iframe {
 .header_top_middle_container .programme-1 .views-field {
   color: #4dabc1; }
 
-.header_top_middle_container .programme-1 .views-field-title {
+.header_top_middle_container .programme-1 .views-field-title > span {
   color: #4dabc1; }
-  .header_top_middle_container .programme-1 .views-field-title:hover {
+  .header_top_middle_container .programme-1 .views-field-title > span:hover {
     background: #4dabc1;
     color: white; }
 
@@ -1240,9 +1240,9 @@ iframe {
 .header_top_middle_container .programme-2 .views-field {
   color: #61ab32; }
 
-.header_top_middle_container .programme-2 .views-field-title {
+.header_top_middle_container .programme-2 .views-field-title > span {
   color: #61ab32; }
-  .header_top_middle_container .programme-2 .views-field-title:hover {
+  .header_top_middle_container .programme-2 .views-field-title > span:hover {
     background: #61ab32;
     color: white; }
 
@@ -1252,9 +1252,9 @@ iframe {
 .header_top_middle_container .programme-3 .views-field {
   color: #646578; }
 
-.header_top_middle_container .programme-3 .views-field-title {
+.header_top_middle_container .programme-3 .views-field-title > span {
   color: #646578; }
-  .header_top_middle_container .programme-3 .views-field-title:hover {
+  .header_top_middle_container .programme-3 .views-field-title > span:hover {
     background: #646578;
     color: white; }
 
@@ -1264,9 +1264,9 @@ iframe {
 .header_top_middle_container .programme-4 .views-field {
   color: #61ab32; }
 
-.header_top_middle_container .programme-4 .views-field-title {
+.header_top_middle_container .programme-4 .views-field-title > span {
   color: #61ab32; }
-  .header_top_middle_container .programme-4 .views-field-title:hover {
+  .header_top_middle_container .programme-4 .views-field-title > span:hover {
     background: #61ab32;
     color: white; }
 
@@ -1276,9 +1276,9 @@ iframe {
 .header_top_middle_container .programme-5 .views-field {
   color: #ab9569; }
 
-.header_top_middle_container .programme-5 .views-field-title {
+.header_top_middle_container .programme-5 .views-field-title > span {
   color: #ab9569; }
-  .header_top_middle_container .programme-5 .views-field-title:hover {
+  .header_top_middle_container .programme-5 .views-field-title > span:hover {
     background: #ab9569;
     color: white; }
 
@@ -1288,9 +1288,9 @@ iframe {
 .header_top_middle_container .programme-6 .views-field {
   color: #e01a35; }
 
-.header_top_middle_container .programme-6 .views-field-title {
+.header_top_middle_container .programme-6 .views-field-title > span {
   color: #e01a35; }
-  .header_top_middle_container .programme-6 .views-field-title:hover {
+  .header_top_middle_container .programme-6 .views-field-title > span:hover {
     background: #e01a35;
     color: white; }
 
@@ -1300,9 +1300,9 @@ iframe {
 .header_top_middle_container .programme-7 .views-field {
   color: #28429f; }
 
-.header_top_middle_container .programme-7 .views-field-title {
+.header_top_middle_container .programme-7 .views-field-title > span {
   color: #28429f; }
-  .header_top_middle_container .programme-7 .views-field-title:hover {
+  .header_top_middle_container .programme-7 .views-field-title > span:hover {
     background: #28429f;
     color: white; }
 
@@ -1345,13 +1345,15 @@ iframe {
     text-align: center;
     display: inline-block;
     width: auto; }
-    .header_top_middle_container .views-row .views-field-title a, .header_top_middle_container .views-row .views-field-title span {
+    .header_top_middle_container .views-row .views-field-title > span {
       display: inline-block;
       width: auto;
       padding: .2rem .5rem;
       text-transform: uppercase;
       text-decoration: none;
       font-weight: 600; }
+      .header_top_middle_container .views-row .views-field-title > span a {
+        text-decoration: none; }
 
 .close-block, .open-block {
   cursor: pointer; }
@@ -1777,6 +1779,8 @@ footer {
     align-items: flex-start;
     align-content: center;
     padding: 1rem; }
+    #home_prog_container .views-row .views-field {
+      flex-basis: 100%; }
     #home_prog_container .views-row .views-field:not(.views-field-field-logo) {
       font-size: 0.8rem;
       font-weight: 600;
@@ -1787,8 +1791,7 @@ footer {
       font-weight: 600;
       display: block;
       color: white;
-      text-align: center;
-      flex-basis: 100%; }
+      text-align: center; }
       #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 {
@@ -1796,7 +1799,7 @@ footer {
   #home_prog_container .views-field-field-diaporama {
     display: none; }
   #home_prog_container .programme-1 img {
-    width: 50%; }
+    width: 60%; }
   #home_prog_container .programme-1:hover {
     background: #4dabc1; }
     #home_prog_container .programme-1:hover img {
@@ -1808,13 +1811,13 @@ footer {
     #home_prog_container .programme-2:hover img {
       display: none; }
   #home_prog_container .programme-3 img {
-    width: 50%; }
+    width: 60%; }
   #home_prog_container .programme-3:hover {
     background: #646578; }
     #home_prog_container .programme-3:hover img {
       display: none; }
   #home_prog_container .programme-5 img {
-    width: 50%; }
+    width: 46%; }
   #home_prog_container .programme-5:hover {
     background: #ab9569; }
     #home_prog_container .programme-5:hover img {
@@ -2839,14 +2842,18 @@ article p, .paragraph p {
     font-size: 1rem;
     font-weight: 600;
     text-transform: initial;
-    cursor: pointer; }
+    cursor: pointer;
+    display: grid;
+    grid-template-columns: 95% 5%;
+    align-content: center; }
   .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; }
+    transition: all 250ms ease;
+    align-self: center;
+    justify-self: center; }
   .page-node-type-programme article .field_textes .paragraph .rotate:after {
     transform: rotate(180deg);
     -webkit-transition: all 250ms ease;

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

@@ -431,6 +431,9 @@
 		align-items: flex-start;
 		align-content: center;
 		padding: 1rem;
+		.views-field{
+			flex-basis: 100%;
+		}
 		.views-field:not(.views-field-field-logo){
 			font-size: $font-medium;
 			font-weight: 600;
@@ -446,7 +449,7 @@
 				display: block;
 				color: white;
 				text-align: center;
-				flex-basis: 100%;
+				
 
 				a{
 					text-decoration: none;
@@ -470,7 +473,7 @@
 	.programme-1{
 		// background: center / 60% no-repeat url(../images/POPSU_1.svg) white;
 		img{
-			width: 50%;
+			width: 60%;
 		}
 		&:hover{
 			background: $col-1;
@@ -496,7 +499,7 @@
 	.programme-3{
 		// background: center / 50% no-repeat url(../images/POPSU_Europe.svg) white;
 		img{
-			width: 50%;
+			width: 60%;
 		}
 		&:hover{
 			background: $col-eur;
@@ -508,7 +511,7 @@
 	.programme-5{
 		// background: center / 45% no-repeat url(../images/POPSU_monde.svg) white;
 		img{
-			width: 50%;
+			width: 46%;
 		}
 		&:hover{
 			background: $col-mond;

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

@@ -439,15 +439,19 @@
                     font-weight: 600;
                     text-transform: initial;
                     cursor: pointer;
+                    display: grid;
+                    grid-template-columns: 95% 5%;
+                    align-content: center;
                     // margin-top: 1rem;
                 }
                 .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;
+                    align-self: center;
+                    justify-self: center;
                 }
                 .rotate:after{
                     transform: rotate(180deg);

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

@@ -10,7 +10,7 @@
 		.views-field{
 				color: $col-1;
 		}
-		.views-field-title{
+		.views-field-title > span{
 			color: $col-1;
 			&:hover{
 				background: $col-1;
@@ -29,7 +29,7 @@
 		.views-field{
 				color: $col-2;
 		}
-		.views-field-title{
+		.views-field-title > span{
 			color: $col-2;
 			&:hover{
 				background: $col-2;
@@ -47,7 +47,7 @@
 		.views-field{
 			color: $col-eur;
 		}
-		.views-field-title{
+		.views-field-title > span{
 			color: $col-eur;
 			&:hover{
 				background: $col-eur;
@@ -65,7 +65,7 @@
 		.views-field{
 			color: $col-2;
 		}
-		.views-field-title{
+		.views-field-title > span{
 			color: $col-2;
 			&:hover{
 				background: $col-2;
@@ -83,7 +83,7 @@
 		.views-field{
 			color: $col-mond;
 		}
-		.views-field-title{
+		.views-field-title > span{
 			color: $col-mond;
 			&:hover{
 				background: $col-mond;
@@ -100,7 +100,7 @@
 		.views-field{
 			color: $col-ter;
 		}
-		.views-field-title{
+		.views-field-title  > span{
 			color: $col-ter;
 			&:hover{
 				background: $col-ter;
@@ -117,7 +117,7 @@
 		.views-field{
 			color: $col-met;
 		}
-		.views-field-title{
+		.views-field-title > span{
 			color: $col-met;
 			&:hover{
 				background: $col-met;
@@ -183,14 +183,18 @@
         // a, span{
            
         // }
-        .views-field-title a, .views-field-title span{
+        .views-field-title>span{
             display: inline-block;
             width: auto;
             padding: .2rem .5rem;
 			text-transform: uppercase;
             text-decoration: none;
             font-weight: 600;
+			a{
+				text-decoration: none;
+			}
         }
+
         
 	}