/* 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)
 }