body
{
  font-family : Georgia, Times, Serif;
  background-color: #F5F6F7;
  margin : 0;
  padding : 0;
  text-align : center;
  background-color : #E2EFD5;
}
a
{
  color : #3435A0;
}
h1, h2
{
  margin : 0px;
  padding : 0px;
}
#top
{
  background-image : url("/images/top.png");
  height : 179px;
  width : 100%;
  margin : 0;
}
#steps
{
  background-color : white;
}
#quotes
{
  background-image : url("/images/quotes.png");
  background-repeat : no-repeat;
  width : 650px;
  height : 300px;
  text-align : justify;
  font-size : 40px;
  padding-left : 50px;
  padding-right : 50px;
  padding-top : 40px;
  margin-left : auto;
  margin-right : auto;
  line-height : 55px;
}
#quotes span, .choose span, .choose_album span, .longsentence span
{
  color : black;
  background-color : #C1EF51;
}
#quotes #message
{
  font-size : 20px;
  line-height : 25px;
  font-style : italic;
  text-align : right;
  margin-top : 10px;
  width : 300px;
  float : right;
  clear : none;
}
#tmm
{
  float : left;
  clear : none;
  font-size : 30px;
  text-align : left;
  width : 300px;
  margin-top : 10px;
}
#tmm a
{
  border : 2px #C1EF51 solid;
  padding : 5px;
}
#step2
{
  margin-right : auto;
  margin-left : auto;
  position : relative;
  clear : both;
  height : 500px;
  width : 750px;
  text-align : left;
}
#source
{
  position : absolute;
  left : 0px;
  width : 470px;
  top : 10px;
  height : 480px;
}
#destination
{
  width : 270px;
  position : absolute;
  left : 480px;
  top : 10px;
  height : 480px;
}
.section
{
  font-size : 40px;
  padding : 10px;
  border-top : 4px #C1EF51 solid;
}
.choose
{
  font-size : 30px;
  line-height : 70px;
  padding-left : 10px;
}
.choose img
{
  margin-left : 10px;
  border : 0;
}
.choose a
{
  padding-right : 15px;
}
.choose a:hover
{
  border-right : 26px #C4F253 solid;
}
.choose_album
{
  font-size : 20px;
  padding-left : 10px;
  line-height : 28px;
}
#albums
{
  width : 435px;
  height : 300px;
  overflow : auto;
  border : 4px #E0E1C8 solid;
  font-family : "Lucida grande", Arial, sans-serif;;
}
#albums ul
{
  list-style : none;
  padding-left : 0px;
  padding-top : 0px;
  margin-top : 0px;
}
#albums li
{
  width : 100%;
  padding-top : 10px;
  height : 40px;
  position : relative;
}
#albums li.modulo
{
  background-color : #E2EFD5;
}
#nextstep
{
  clear : both;
  background-image : url("/images/nsfade.png");
  background-position : top;
  font-family : "Lucida grande", Arial, sans-serif;;
  height : 70px;
  background-repeat : repeat-x;
  padding-top : 15px;
  padding-right : 10px;
  text-align : right;
  font-size : 40px;
}
#nextstep a
{
  color : black;
  background-color : #C1EF51;
}
#step3
{
  background-color : white;
}
#step3 form
{
  position : relative;
}
#step3 input
{
  font-size : 40px;
}
#bottom
{
  float : left;
  width : 250px;
  text-align : left;
  font-size : 10pt;
}
#bottom ul
{
  list-style : none;
  padding-left : 10px;
  margin-top : 0px;
}
#bottom a
{
  color : #858585; 
  background-color : transparent;
}
#bottom a:hover
{
  background-color : black;
  color : white;
}
#page
{
  width : 700px;
  text-align : left;
  margin-left : auto;
  margin-right : auto;
}
.bigtitle
{
  font-family : "Lucida grande", Arial, sans-serif;;
  font-size : 40px;
  text-align : center;
  border-bottom : 4px #C1EF51 solid;

}
.bloc
{
  font-size : 20px;
  font-style : italic;
  margin-top : 10px;
  margin-bottom : 10px;
}
.bloc img
{
  border : 3px #C1EF51 solid;
}
div.warn
{
  background-color : white;
  line-height : 15px;
  font-size:10pt;
  color : red;
  padding : 0;
  margin-left : 15px;
}
div.warn a
{
  padding-right : 0px;
}
div.warn a:hover
{
  border-right : 0px;
}
.storytitle
{
  padding-top : 12px;
  padding-bottom : 12px;
  font-family : "Lucida grande", Arial, sans-serif;;
  font-size : 40px;
  text-align : left;
  border-left : 3px #C1EF51 solid;
  border-right : 3px #C1EF51 solid;
  border-bottom : 3px #C1EF51 solid;
  padding-left : 10px;
}
.storytitle span
{
  color : black;
  background-color : #C1EF51;
}
.storytitle a
{
  margin-right : 10px;
}
.sentence
{
  margin-top : 10px;
  font-size : 34px;
  text-align : justify;
}
.sentence a
{
  border-bottom : 2px #C1EF51 solid;
  color : black;
  text-decoration : none;
}
.longsentence
{
  text-align : justify;
  padding : 4px;
}
#pictures
{
  margin-top : 40px;
  margin-bottom : 40px;
  text-align : center;
}
#pictures a img
{
  border : 2px #C1EF51 solid;
  margin-right : 4px;
}
.answer
{
  text-align : right;
  font-size : 20px;
  font-style : italic;
  margin-top : 10px;
  padding-bottom : 40px;
}