body
{
  background-color : #F0F0F0;
  color : #000000;
  font-family : 'Trebuchet MS', Verdana, sans-serif;
  font-size : 10pt;
  margin : 0px;
  padding : 0px;
}

html > body
{
  background-color : #F2F2F2;
}

#header
{
  background : url('img/design/header.png') no-repeat;
  width : 500px;
  height : 180px;
}

#menus
{
  float : left;
  width : 180px;
  margin-top : 10px;
  margin-left : 10px;
}

#menus .raquo
{
  font-size : 11pt;
}

#menus a
{
  color : #FFFFFF;
  text-decoration : none;
}

#menus a:hover
{
  color : #FFFFFF;
  text-decoration : underline;
}

#menus #menu_propose
{
  width : 170px;
  background : url('img/design/propose.png') no-repeat;
  padding : 5px;
  padding-top : 50px;
  background-color : #3DA3D8;
  color : #FFFFFF;
  margin-top : 10px;
}

html > body #menus #menu_propose
{
  background-color : #49ADDC;
}

#menus #menu_vie
{
  width : 170px;
  background : url('img/design/vie.png') no-repeat;
  padding : 5px;
  padding-top : 50px;
  background-color : #ACCE0F;
  color : #FFFFFF;
  margin-top : 10px;
}

html > body #menus #menu_vie
{
  background-color : #B4D315;
}

#menus #menu_participer
{
  width : 170px;
  background : url('img/design/participer.png') no-repeat;
  padding : 5px;
  padding-top : 50px;
  background-color : #CA187B;
  color : #FFFFFF;
  margin-top : 10px;
}

html > body #menus #menu_participer
{
  background-color : #CF2085;
}

#corps
{
  margin : 20px;
  margin-left : 210px;
  margin-bottom : 0px;
  padding : 10px;
  border-right : 1px solid #CF2085;
  border-left : 1px solid #B4D315;
  background-color : #FFFFFF;
}

#corps h3
{
  text-align : center;
  padding : 0px;
  margin : 0px;
  font-size : 13pt;
  font-weight : bold;
  color : #49ADDC;
}

#corps h4
{
  padding : 0px;
  margin : 0px;
  margin-left : 15px;
  font-size : 10pt;
  font-weight : bold;
  color : #CF2085;
}

#corps a
{
  color : #49ADDC;
  text-decoration : none;
}

#corps a:hover
{
  color : #CF2085;
  text-decoration : underline;
}

#footer
{
  margin : 20px;
  margin-left : 210px;
  margin-top : 0px;
  padding : 10px;
  padding-top : 0px;
  text-align : center;
}

#footer a.un, #corps a.deux
{
  color : #B4D315;
  text-decoration : none;
}

#footer a.un:hover, #corps a.deux:hover
{
  color : #B4D315;
  text-decoration : underline;
}

#footer a.deux, #corps a.un
{
  color : #49ADDC;
  text-decoration : none;
}

#footer a.deux:hover, #corps a.un:hover
{
  color : #49ADDC;
  text-decoration : underline;
}

#footer a.trois, #corps a.trois
{
  color : #CF2085;
  text-decoration : none;
}

#footer a.trois:hover, #corps a.trois:hover
{
  color : #CF2085;
  text-decoration : underline;
}

input.text, textarea.text, select.text
{
  border : 1px solid #49ADDC;
  background-color : #F2F2F2;
  padding : 2px;
  font-family : 'Trebuchet MS', Verdana, sans-serif;
  font-size : 10pt;
}

input.button
{
  background-color : #B4D315;
  border : 1px solid black;
  padding : 2px;
  padding-left : 10px;
  padding-right : 10px;
  font-family : 'Trebuchet MS', Verdana, sans-serif;
  font-size : 10pt;
}

input.button:active
{
  background-color : #CF2085;
  border : 1px solid black;
}

.error_box
{
  background-color : #CF2085;
  color : white;
  text-align : center;
  padding : 10px;
}

.info_box
{
  background-color : #B4D315;
  color : white;
  text-align : center;
  padding : 10px;
}

.centrer
{
  text-align : center;
  margin : auto;
}

.justifier
{
  text-align : justify;
}

.droite
{
  display : block;
  float : right;
}

.gauche
{
  display : block;
  float : left;
}

.souligne
{
  text-decoration : underline;
}

.gras
{
  font-weight : bold;
}