add disclaimer

css/styles.css

@@ -589,6 +589,51 @@ img {
     margin-bottom: 20px;
 }
 
+.info-text a {
+    color: var(--primary-red);
+    font-weight: bold;
+    text-decoration: underline;
+    transition: opacity 0.2s;
+}
+
+.info-text a:hover {
+    opacity: 0.8;
+}
+
+/* Styles pour les licences Creative Commons */
+.cc-licenses {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+    margin: 30px 0;
+}
+
+.cc-license {
+    flex: 1 0 300px;
+    background-color: #f8f8f8;
+    border-radius: 8px;
+    padding: 20px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+
+.cc-logo {
+    height: 31px;
+    margin-bottom: 15px;
+}
+
+.cc-license h4 {
+    font-size: 16px;
+    font-weight: 600;
+    margin-bottom: 10px;
+    color: #333;
+}
+
+.cc-license p {
+    font-size: 14px;
+    line-height: 1.5;
+    color: #555;
+}
+
 .info-image {
     width: 100%;
     margin: 20px 0;
@@ -662,6 +707,17 @@ img {
     color: #666;
 }
 
+.footer-copyright a {
+    color: var(--primary-red);
+    font-weight: bold;
+    text-decoration: underline;
+    transition: opacity 0.2s;
+}
+
+.footer-copyright a:hover {
+    opacity: 0.8;
+}
+
 .footer-logo {
     margin-bottom: 20px;
     align-self: flex-start;
@@ -905,6 +961,41 @@ img {
     .video-title {
         font-size: 16px;
     }
+    
+    .cc-licenses {
+        gap: 15px;
+    }
+    
+    .cc-license {
+        flex: 1 0 100%;
+        padding: 15px;
+    }
+    
+    .cc-license h4 {
+        font-size: 15px;
+    }
+    
+    .cc-license p {
+        font-size: 13px;
+    }
+    
+    .info-section {
+        padding: 20px 15px;
+    }
+}
+
+@media (max-width: 400px) {
+    .cc-license {
+        padding: 12px;
+    }
+    
+    .cc-logo {
+        height: 25px;
+    }
+    
+    .cc-license h4 {
+        font-size: 14px;
+    }
 }
 
 /* Styles pour le menu dropdown des réseaux sociaux */