/* --------------------------------------- */
/* Tout ce qui concerne le site en général */
/* --------------------------------------- */
body
{
  font-family : Verdana, sans-serif;
	font-size : 10pt;
  background-color : white;
  margin : 0px;
  padding : 0px;
}

#header
{
  width : 100%;
  display : block;
  background : url('../img/header.png') no-repeat left top;
  margin : auto;
  height : 250px;
}

#menu
{
  font-size : 10pt;
  margin : 15px;
  margin-top : 0px;
  text-align : center;
}

#menu a
{
  color : #008181;
  font-weight : bold;
  text-decoration : none;
}

#menu a:hover
{
  color : #008181;
  font-weight : bold;
  text-decoration : underline;
}

#menu_membre
{
  font-size : 10pt;
  margin : 15px;
  margin-top : 0px;
  text-align : center;
}

#menu_membre a
{
  color : #660000;
  font-weight : bold;
  text-decoration : none;
}

#menu_membre a:hover
{
  color : #660000;
  font-weight : bold;
  text-decoration : underline;
}

#corps
{
  margin : 10px;
}

#corps h3
{
  margin-left : 20px;
  font-size : 13pt;
  color : #008181;
  font-weight : bold;
}

#corps h4
{
  margin-left : 30px;
  font-size : 11pt;
  color : #ff9b00;
  font-weight : bold;
}

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

#corps a:hover
{
  color : #660000;
  text-decoration : none;
}

#footer
{ 
  font-size : 8pt;
  margin : 15px;
  margin-top : 30px;
  text-align : center;
}

#footer a
{
  color : #008181;
  text-decoration : none;
}

#footer a:hover
{
  color : #008181;
  text-decoration : underline;
}

/* Les boites d'info et d'erreur */
.error_box
{
  margin : auto;
  margin-top : 15px;
  margin-bottom : 15px;
  padding : 5px;
  text-align : center;
  background-color : #ffe6e6;
  border : 1px solid #ab1515;
  color : #ab1515;
  width : 400px;
}

.info_box
{
  margin : auto;
  margin-top : 15px;
  margin-bottom : 15px;
  padding : 5px;
  text-align : center;
  background-color : #eeffe9;
  border : 1px solid #15ab15;
  color : #15ab15;
  width : 400px;
}

/* ------------------------------------ */
/* Tout ce qui concerne les formulaires */
/* ------------------------------------ */
label.label
{
  display : block;
  float : left;
  width : 48%;
  text-align : right;
  padding-right : 10px;
  padding-top : 3px;
}


/* Le select */
select
{
  border : 1px solid #84827a;
  background-color : #fef9dc;
	font-family : Verdana, sans-serif;
	font-size : 12px;
	padding : 3px;
	height : 23px;
}


/* Le textarea */
textarea
{
	font-family : Verdana, sans-serif;
	font-size : 12px;
	padding : 5px;
  border : 1px solid #84827a;
  background-color : #cee680;
}


/* Tout ce qui concerne les input */
/* Input de base pour le texte */
input.text
{
  border : 1px solid #84827a;
  background-color : #fef9dc;
	font-family : Verdana, sans-serif;
	font-size : 12px;
	padding : 2px;
	padding-top : 3px;
  padding-left : 25px;
	height : 20px;
}

/* Input pour les boutons */
input.button
{
  color : #000000;
  border : 2px outset #000000;
  background-color : #008181;
	font-family : Verdana, sans-serif;
	font-size : 12px;
	padding : 2px;
	font-weight : bold;
}

input.button:active
{
  border : 2px inset #000000;
}

/* Input avec image */
input.utilisateur { background : url('http://www.le-rezo.fr/sources/user.png') no-repeat 4px 5px; }

input.lettre { background : url('http://www.le-rezo.fr/sources/email.png') no-repeat 4px 5px; }

input.clee { background : url('http://www.le-rezo.fr/sources/cadenas.png') no-repeat 4px 5px; }

input.url { background : url('http://www.le-rezo.fr/sources/url.png') no-repeat 4px 5px; }

input.stats { background : url('http://www.le-rezo.fr/sources/stats.png') no-repeat 4px 5px; }

/* DIVERS */
.centrer
{
  text-align : center;
}

.justifier
{
  text-align : justify;
}