body
{
  background-color:gray;
  font-family:arial;
  color:white;
  font-size:18px;
}


table
{
  margin:0px;
  border-spacing:0px;
}

table td
{
  padding:0px;
}

table.main #header
{
  padding:0px;
}

table.main #content
{
  padding:10px;
}

table.main #footer
{
  padding:10px;
  padding-top:0px;
}

table.main
{
  background-image:url(/img/Fond.gif);
  width:1009px;
  border:1px black solid;
  border-bottom:3px black solid;
  border-right:3px black solid;
  margin-left:auto;
  margin-right:auto;
}

/*
** Menu
*/

table.menu
{
/*   border:1px black solid; */
  width:986px;
  border-spacing:0px;
  padding:0px;
  margin-top:20px;
  margin-left:10px;
  margin-right:10px;
}

table.menu td
{
/*   border:1px black solid; */
  padding:0px;
  display:always;
  margin:0px;
}

table.menu #logo
{
  background-image: url(/img/logo.gif);
  background-repeat:no-repeat;
  background-position:center;
  width:415px;
  cursor:pointer;
/*   border:1px black solid; */
}

table.menu td.button
{
  font-weight:bold;
  cursor:pointer;
  background-repeat:no-repeat;
  background-position:center;
  width:135px;
  height:89px;
  vertical-align:middle;
  text-align:center;
}

table.menu td.normal
{
  background-image: url(/img/bouton.gif);
}

table.menu td.over
{
  background-image: url(/img/bouton_survol.gif);
}

/*
** Left menu (navigation)
*/

table.navigation
{
/*   border:1px black solid; */
  margin-left:auto;
  margin-right:auto;
}

table.navigation >tbody > tr > td
{
  padding:2px 0px;
}

table.navigation >tbody > tr > td > a
{
  margin-left:auto;
  margin-right:auto;
}

table.navigation div.title_button
{
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  padding-top:12px;
  color:white;
  width:183px;
  height:30px;
  display:block;
  text-align:center;
  background-image:url(/img/rubrique.gif);
  background-position:center;
  background-repeat:no-repeat;
}


/*
** Misc
*/

span.girly
{
  font-weight:bold;
  color:#ed8fb3;
}

a.middle_button
{
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  padding-top:12px;
  background-image:url(/img/valider_normal.gif);
  background-repeat:no-repeat;
  background-position:bottom;

  color:white;
  width:161px;
  height:32px;
  display:block;
  text-align:center;
  cursor:pointer;
}


a.middle_button:hover
{
  background-image:url(/img/valider_survol.gif);
}




a.submit
{
  margin-left:auto;
  margin-right:auto;
}

h2
{
	color: #d88db0;
}

table.submit
{
  margin-left:auto;
  margin-right:auto;
  width:75%;
  border-spacing:0px;
}

/*
** Footer
*/

div.footer
{
  text-align:center;
  font-size:14px;
  color:#ed8fb3;
}

div.footer a
{
  text-decoration:none;
  color:#b4b4b4;
  font-size:14px;
}

/*
** Content
*/

div.content
{
  margin:0px;
  padding:0px;
  margin-right:10px;
  margin-left:10px;
  /*border:1px black solid;*/
}

table.content
{
  height:463px;
  width:100%;
}

table.content #content_menu
{
  text-align:center;
  vertical-align:top;
  background-image:url(/img/Fille_01.gif);
  width:208px;
  background-repeat:no-repeat;
  background-position:bottom;
}

table.content > tbody > tr > td
{
  vertical-align:top;
  padding-top:20px;
}


table.content td.pub
{
  text-align:right;
  font-size:40px;
  color:black;
  vertical-align:top;
  width:193px;
  vertical-align:top;
  text-align:center;
  padding-top:20px;
}

table.content td.pub div.pub
{ 
  margin-left:15px;
  margin-right:15px;
  cursor:pointer;
  background-image:url(/img/pub.gif);
  background-repeat:no-repeat;
  background-position:center top;
  height:320px;
}

table.content div.cadre_haut
{
  margin-left:auto;
  margin-right:auto;
  width:524px;
  height:27px;
  background-image:url(/img/cadre_haut.gif);
  background-repeat:no-repeat;
  background-position:bottom;
}

table.content div.cadre_milieu
{
  margin-left:auto;
  margin-right:auto;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  font-size:16px;
  font-weight:normal;
  width:494px;
  border-left:5px #d88db0 solid;
  border-right:5px #d88db0 solid;
  background-image:url(/img/Degrade_cadre_1px.gif);
  background-repeat:repeat-y;
}

table.content div.cadre_bas
{
  margin-left:auto;
  margin-right:auto;
  width:524px;
  height:27px;
  background-image:url(/img/cadre_bas.gif);
  background-repeat:no-repeat;
  background-position:top;
}

/*
** Acceuil
*/

div.accueil
{
  /*border:1px black solid;*/
  background-image:url(/img/Fond_ouverture.gif);
  background-repeat:no-repeat;
  background-position:right bottom;
  height:330px;
  font-weight:bold;
  padding:0px 0px;
}

div.accueil div
{
  /*border:1px black solid;*/
}

div.accueil span.titre
{
  font-size:30px;
  padding-left:20px;
}



table.offres
{
/*   border:1px black solid; */
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  font-weight:bold;
  border-spacing:10px 10px;
  padding-top:10px;
}

table.offres td.offre
{
/*   border:1px black solid;  */
  text-align:center;
  vertical-align:middle;
  height:112px;
  width:302px;
  background-repeat:no-repeat;
  background-position:center;
  font-size:33px;
  cursor:pointer;
}

table.offres td.mois
{
  background-image:url(/img/Bouton_04.gif);
}

table.offres td.mois_over
{
  background-image:url(/img/Bouton_03.gif);
}


table.offres span.titre
{
  padding-left:20px;
  font-size:28px;
}

table.offres span.join
{
  font-size:26px;
  vertical-align:top;
}



/*
** Forms
*/

form.form
{
  display:inline;
}


table.form
{
/*   border:1px black solid; */
  margin-left:auto;
  margin-right:auto;
  border-spacing:3px 3px; 
  width:100%;
/*   font-size:18px; */
}

table.form fieldset
{ 
  color:white;
  text-align:center;
  border:1px #c8c8c8 solid;
  padding:5px 0px;
  display:block;
}

table.form legend
{ 
  color:white;
  text-align:center;
}

table.form > tbody > tr > td
{
/*   border:1px black solid; */
  padding:0px;
  vertical-align:middle;
}

table.form td.label
{
  text-align:right;
  font-weight:normal;
  font-size:16px;
  width:50%;
  //padding-right:2px;

}

table.form td.label label
{
  padding-right:15px;
  font-size:inherit;
}

table.form td.input
{
  width:50%;
  text-align:left;
  vertical-align:middle;
  margin-bottom:auto;
  margin-top:auto;
}


table.form td.input input.text,
table.form td.input input
{
  padding:1px 2px;
  //padding:2px 2px;
  margin:0px;
  font-size:inherit;
  font-size:14px;
  border:1px #444444 solid;
}

table.form td.input select
{
  width:100%;
  border:1px red solid;
  font-size:12px;
  border:1px #444444 solid;
}

table.form td.error
{
  text-align:center;
  font-size:14px;
}

/*
** errors
*/
span.error
{
  font-size:14px;
  color:rgb(204, 0, 0);
  font-weight:bold
}

span.error_small
{
  font-size:12px;
  color:rgb(204, 0, 0);
  font-weight:normal;
}

span.error_big
{
  font-size:16px;
  color:rgb(204, 0, 0);
  font-weight:bold;
}

span.warning
{
  font-size:14px;
  color:#804000;
  font-weight:bold;
}

span.warning_big
{
  font-size:16px;
  color:#804000;
  font-weight:bold;
}


/*
** Data table
*/

table.datatable
{
  width:100%;
  border-spacing:0px;
  font-size:16px;
}

table.datatable td.datatable_cell,
table.datatable th.datatable_header
{
  padding:0px;
  margin:0px;
  text-align:center;
	vertical-align: top;
  font-weight:normal;
  padding:1px 0px;
}

table.datatable td.datatable_cell
{
  padding:2px 0px;
}
table.datatable tr.datatable_result_row_separator td
{
}


table.datatable td.datatable_result
{
/* 	border-top: 3px black double; */
  font-size:18px;
}


table.datatable th.datatable_header
{
  font-weight:bold;
  font-size:16px;
  padding:3px 0px;
  border-bottom:1px white solid;
}


table.datatable th.last
{
  border-right:none;
}

table.edit_num
{
  width:100%;
  border-spacing:0px;
}


table.edit_num td
{
  vertical-align:middle;
  text-align:center;
}

table.edit_num td.title
{
  text-align:right;
  padding-right:5px;
  width:190px;
}


table.actions
{
  width:100%;
}

table.actions td
{
  text-align:center;
}

span.date
{
  word-spacing:-3px;
}

/*
** Lists
*/

ul
{
  padding-left:15px;
}

li
{
	margin-top: 0.5ex;
	margin-bottom: 0.5ex;
  font-weight:normal;
}

p.titre
{
  text-align:center;
  font-size: 20px;
  margin-top:0px;
}

/*
** Compte
*/

span.cadre_titre
{
  font-size:20px;
  font-weight:bold;
}

span.cadre_titre
{
  font-size:20px;
  font-weight:bold;
}

table.compte_menu
{
  width:100%;
  border-spacing:0px;
}


table.compte_menu  > tbody > tr > td
{
  padding:10px 0px;
}

/*
** Connexion
*/
div.connexion td.label label
{
  font-size:20px;
}
div.connexion td.input input.text
{
  font-size:16px;
}
div.connexion span.error
{
  font-size:16px;
}
div.connexion a.recover
{
  font-size:16px;
  color:#ed8fb3;
  font-weight:bold;
}

a.plain_link
{
  font-size:16px;
  color:#ed8fb3;
  font-weight:bold;
  cursor: pointer;
  text-decoration:underline;
}

div.faq a.plain_link
{ 
  font-size:14px;
  color:#ed8fb3;
  font-weight:normal;
  cursor: pointer;
  text-decoration:underline;
}




/*
** Inscription
*/
div.inscription td.label label
{
  font-size:20px;
}
div.inscription td.input input.text
{
  font-size:16px;
}
div.inscription span.error
{
  font-size:16px;
}
div.inscription a.recover
{
  font-size:16px;
  color:#ed8fb3;
  font-weight:bold;
}
div.inscription div.error2
{
  font-size:12px;
  color:red;
  text-align:right;
}

/*
** Numeros
*/

/*** Relance ***/
div.relance
{
  text-align:center;
  font-size:22px;
}

div.relance span.error
{
  color:red;
  font-size:20px;
  font-weight:normal;
}

a.caddie_plus,
a.caddie_minus
{
  width:19px;
  font-size:13px;
  font-weight:bold;
  background-image:url(/img/caddie_bouton.gif);
  background-position:center 3px;
  background-repeat:no-repeat;
  display:block;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
  text-decoration:none;
  color:white;
}

a.caddie_minus
{
  font-size:14px;
}

a.caddie_minus:hover
{
  background-image:url(/img/caddie_bouton_survol.gif);
}

a.caddie_plus:hover
{
  background-image:url(/img/caddie_bouton_survol.gif);
}


a.caddie_num
{
  width:35px;
  height:24px;
  font-weight:bold;
  background-image:url(/img/caddie_num.gif);
  background-position:center 3px;
  background-repeat:no-repeat;
  padding-top:2px;
  //padding-top:4px;
  //font-size:14px;
  display:block;
  text-align:center;
  vertical-align:middle;
}