/* etape-1******************************************************************/ .etape-1 .couleur {   color:rgb(137, 193, 128) } .etape-1 #header {   border-bottom: 1px solid rgb(137, 193, 128) } .etape-1 .active{   color:rgb(137, 193, 128) } .etape-1 h3.titre {   color:rgb(137, 193, 128) } .etape-1 .popup{   color:white;  background-color:rgb(137, 193, 128) } .etape-1.nav-on #header nav {   background-color:rgb(137, 193, 128) } .etape-1 #content-wrapper .col a:not(.button), .etape-1 #content-wrapper .col a:visited  {   color:rgb(137, 193, 128) }  #timeline a.etape-1.month.selected {   background-color:rgb(137, 193, 128) }  .etape-1 .button {   background-color:rgb(137, 193, 128) } .etape-1 #footer {  border-top: 1px solid rgb(137, 193, 128);  background-color:rgba(137, 193, 128,.1) } /* etape-2******************************************************************/ .etape-2 .couleur {   color:rgb(0, 157, 226) } .etape-2 #header {   border-bottom: 1px solid rgb(0, 157, 226) } .etape-2 .active{   color:rgb(0, 157, 226) } .etape-2 h3.titre {   color:rgb(0, 157, 226) } .etape-2 .popup{   color:white;  background-color:rgb(0, 157, 226) } .etape-2.nav-on #header nav {   background-color:rgb(0, 157, 226) } .etape-2 #content-wrapper .col a:not(.button), .etape-2 #content-wrapper .col a:visited  {   color:rgb(0, 157, 226) }  #timeline a.etape-2.month.selected {   background-color:rgb(0, 157, 226) }  .etape-2 .button {   background-color:rgb(0, 157, 226) } .etape-2 #footer {  border-top: 1px solid rgb(0, 157, 226);  background-color:rgba(0, 157, 226,.1) } /* etape-3******************************************************************/ .etape-3 .couleur {   color:rgb(163, 101, 112) } .etape-3 #header {   border-bottom: 1px solid rgb(163, 101, 112) } .etape-3 .active{   color:rgb(163, 101, 112) } .etape-3 h3.titre {   color:rgb(163, 101, 112) } .etape-3 .popup{   color:white;  background-color:rgb(163, 101, 112) } .etape-3.nav-on #header nav {   background-color:rgb(163, 101, 112) } .etape-3 #content-wrapper .col a:not(.button), .etape-3 #content-wrapper .col a:visited  {   color:rgb(163, 101, 112) }  #timeline a.etape-3.month.selected {   background-color:rgb(163, 101, 112) }  .etape-3 .button {   background-color:rgb(163, 101, 112) } .etape-3 #footer {  border-top: 1px solid rgb(163, 101, 112);  background-color:rgba(163, 101, 112,.1) } /* etape-4******************************************************************/ .etape-4 .couleur {   color:rgb(97, 104, 158) } .etape-4 #header {   border-bottom: 1px solid rgb(97, 104, 158) } .etape-4 .active{   color:rgb(97, 104, 158) } .etape-4 h3.titre {   color:rgb(97, 104, 158) } .etape-4 .popup{   color:white;  background-color:rgb(97, 104, 158) } .etape-4.nav-on #header nav {   background-color:rgb(97, 104, 158) } .etape-4 #content-wrapper .col a:not(.button), .etape-4 #content-wrapper .col a:visited  {   color:rgb(97, 104, 158) }  #timeline a.etape-4.month.selected {   background-color:rgb(97, 104, 158) }  .etape-4 .button {   background-color:rgb(97, 104, 158) } .etape-4 #footer {  border-top: 1px solid rgb(97, 104, 158);  background-color:rgba(97, 104, 158,.1) } /* etape-5******************************************************************/ .etape-5 .couleur {   color:rgb(243, 187, 78) } .etape-5 #header {   border-bottom: 1px solid rgb(243, 187, 78) } .etape-5 .active{   color:rgb(243, 187, 78) } .etape-5 h3.titre {   color:rgb(243, 187, 78) } .etape-5 .popup{   color:white;  background-color:rgb(243, 187, 78) } .etape-5.nav-on #header nav {   background-color:rgb(243, 187, 78) } .etape-5 #content-wrapper .col a:not(.button), .etape-5 #content-wrapper .col a:visited  {   color:rgb(243, 187, 78) }  #timeline a.etape-5.month.selected {   background-color:rgb(243, 187, 78) }  .etape-5 .button {   background-color:rgb(243, 187, 78) } .etape-5 #footer {  border-top: 1px solid rgb(243, 187, 78);  background-color:rgba(243, 187, 78,.1) } /* etape-6******************************************************************/ .etape-6 .couleur {   color:rgb(172, 191, 221) } .etape-6 #header {   border-bottom: 1px solid rgb(172, 191, 221) } .etape-6 .active{   color:rgb(172, 191, 221) } .etape-6 h3.titre {   color:rgb(172, 191, 221) } .etape-6 .popup{   color:white;  background-color:rgb(172, 191, 221) } .etape-6.nav-on #header nav {   background-color:rgb(172, 191, 221) } .etape-6 #content-wrapper .col a:not(.button), .etape-6 #content-wrapper .col a:visited  {   color:rgb(172, 191, 221) }  #timeline a.etape-6.month.selected {   background-color:rgb(172, 191, 221) }  .etape-6 .button {   background-color:rgb(172, 191, 221) } .etape-6 #footer {  border-top: 1px solid rgb(172, 191, 221);  background-color:rgba(172, 191, 221,.1) } /* etape-7******************************************************************/ .etape-7 .couleur {   color:rgb(253, 152, 142) } .etape-7 #header {   border-bottom: 1px solid rgb(253, 152, 142) } .etape-7 .active{   color:rgb(253, 152, 142) } .etape-7 h3.titre {   color:rgb(253, 152, 142) } .etape-7 .popup{   color:white;  background-color:rgb(253, 152, 142) } .etape-7.nav-on #header nav {   background-color:rgb(253, 152, 142) } .etape-7 #content-wrapper .col a:not(.button), .etape-7 #content-wrapper .col a:visited  {   color:rgb(253, 152, 142) }  #timeline a.etape-7.month.selected {   background-color:rgb(253, 152, 142) }  .etape-7 .button {   background-color:rgb(253, 152, 142) } .etape-7 #footer {  border-top: 1px solid rgb(253, 152, 142);  background-color:rgba(253, 152, 142,.1) } 