index dropdowns

frontend_ddltn/app/css/creative.template.css

@@ -156,6 +156,7 @@ header {
     position: relative;
     width: 100%;
     min-height: auto;
+    /*background-image: url('/images/Title-dessous-de-la-taupe.png');*/
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;

frontend_ddltn/app/css/index.css

@@ -416,6 +416,123 @@ body {
 
 /*Modification */
 
+/*Modifications */
+
+
+/* Table style modifications */
+
+table {
+  width: 100%;
+}
+
+th, td {
+  border: 1px solid grey;
+  border-collapse: collapse;
+  padding: 5px;
+  border-color: #dc9f35;
+}
+
+table tr, table th {
+  text-align: center;
+}
+
+table tr:nth-child(odd) {
+  background-color: #f5e5c9;
+}
+
+table tr:nth-child(even) {
+  background-color: #ffffff;
+}
+
+tr#head {
+  background-color: #dc9f35;
+  color: white;
+}
+
+th#head {
+  background-color: #dc9f35;
+  color: white;
+}
+
+tr#subhead {
+  background-color: #96a70d;
+}
+
+tr#subhead th {
+  border-color: white;
+}
+
+tr#head th {
+  border-color: white;
+}
+
+.table-overflow {
+  overflow-x: auto;
+  margin-left: 7px;
+  margin-right: 7px;
+}
+
+
+
+/*Text style modifications */
+
+.text-style {
+  text-align: justify;
+  font-family: "Calibri", monospace;
+  position: relative;
+}
+
+.text-style>h1 {
+  font-size: 3em;
+  color: #dc9f35;
+}
+
+.text-style>h2 {
+  font-size: 1.8em;
+  color: #dc9f35;
+  font-weight: bold;
+  margin-bottom: 20px;
+  margin-top: 20px;
+}
+
+.text-style>h3 {
+  font-size: 1.5em;
+  color: #96a70d;
+  font-weight: bold;
+  margin-bottom: 20px;
+  margin-top: 20px;
+}
+
+.text-style>ul>h3 {
+  color: #96a70d;
+  font-weight: bold;
+}
+
+.text-style>p {
+  padding-bottom: 20px;
+  font-size: 1em;
+}
+
+.text-style>ul {
+  text-indent: 5px;
+  font-size: 1em;
+}
+
+.text-style>ul li {
+  list-style-type: disc;
+}
+
+.text-style>ol li {
+  padding-bottom: 10px;
+  text-indent: 5px;
+  font-size: 1em;
+}
+
+.text-style p.lex {
+  color: red;
+}
+
+/* Navbar modifications */
 
 .dropdown-content {
     position: absolute;
@@ -434,6 +551,7 @@ body {
     background-color: #e5e5e5;
 }
 
+
 .section-style-main {
     background-color: #0494a5;
     padding-top: 50px;
@@ -461,6 +579,68 @@ body {
     padding-top: 50px;
 }
 
+/*Minor mmodifications */
+
+a:-webkit-any-link {
+  text-decoration: none;
+}
+
+.nav>li>a:focus, .nav>li>a:hover {
+  background-color: transparent;
+}
+
+/* Section padding */
+.section-padding {
+  padding: 50px 100px 50px 100px;
+}
+/* Affix used with the ads */
+.affix {
+  position: fixed;
+  top: 55px;
+  width: 100%;
+}
+/* Scrollable fixed menu sidebar */
+.fixed-content {
+  top: 50px;
+  bottom: 0px;
+  position: fixed;
+  overflow-y: auto;
+  overflow-x: hidden;
+  background-color: #037E8C;
+}
+.appear {
+  display: block;
+}
+.fixed {
+  position: fixed;
+}
+
+/* Banderole style only appears on large screens */
+.banderole {
+  display: block;
+  height: 250px;
+  width: 100%;
+  background-color: #037E8C;
+}
+.img-banderole {
+  display: block;
+  max-width: 100%;
+  max-height: 250px;
+  height: auto;
+  margin: auto;
+}
+/* ENSTA logo */
+.logo-ensta {
+  padding: 10px;
+  background-color: #037E8C;
+  height: 250px;
+}
+.img-ensta {
+  max-height: 230px;
+}
+
+
+
 
 /* Banderole style only appears on large screens */
 
@@ -556,9 +736,17 @@ a.btn {
     margin: auto;
 }
 
+/* Footer */
+
 footer {
-    background-color: #024959;
-    color: #c2e6ea;
+  background-color: #f2f2f2;
+  color: black;
+  padding: 15px;
+}
+
+footer .index {
+  background-color: #024959;
+  color: #c2e6ea;
 }
 
 .footer-text {

frontend_ddltn/app/templates/Navbar/index_footer.html

-<footer id="contact" class="text-center">
+<footer id="contact" class="index text-center">
     <div class="row">
         <div class="col-sm-4">
             <div class="logo-ensta">