body {
  margin: 0px;
  background-image: url(images/fd.gif);
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}
.GrasRouge {
  font-weight: bold;
	color: #FFFFFF;
}

.GrasBlanc {
	font-weight: bold;
	color: #FFFFFF;
}

.pageactuelle {
  font-weight: bold;
	color: #000000;
}

div.screenshot
{
  float: left;
  width: 145px;
}
div.site
{
  float: left;
  width: 345px;
  padding-left: 15px;
  text-align: left;
}
div.siteLarge
{
  float: left;
  width: 500px;
}

.descCategorie
{
  font-size: 11px;
	color: #C40816;
}


input.saisie {
  color:#333333;
  font-size:12px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  border:1px solid #666666;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:0px;
  font-weight:bold;
  color:#C40816;
text-indent:-9999px;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:0pt;
  color:#C40816;
text-indent:-9999px;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:10pt;
  color:#C40816;
  margin: 0px;}

/* Navigation */
a.navigation
{
  text-decoration: none;
  color: #FFFFFF;
}
a.navigation:hover
{
  text-decoration: underline;
  color: #C40816;
}

div.navigation
{
  width: 500px;
  border: 1px solid #000000;
  background: #eb0909;

  margin: 8px 3px 3px 0px;
  text-align: center;
  padding:1px;
}

/* Liens */
a
{
  text-decoration: none;
  color: #C40816;
  font-weight: bold;
}
a:hover
{
  text-decoration: underline;
  color: #C40816;
}

span.lienmenu {
  padding-left: 12px;
}
span.lienmenu, .lienmenu a
{
  color: #FFFFFF;
  font-size: 12px;
}
.lienmenu:hover, .lienmenu a:hover
{
  color: #C40816;
}

a.categorie
{
  text-decoration: none;
  color: #FFFFFF;
  font-weight:bold;
}
a.categorie:hover
{
  text-decoration: underline;
  color: #C40816;
  font-weight:bold;
}

a.topmot
{
  text-decoration: none;
  color: #FFFFFF;
}
a.topmot:hover
{
  text-decoration: underline;
  color: #C40816;

}

a.pages
{
  text-decoration: none;
  color: #ffffff;
}

a.lienfiche,
{
  text-decoration: none;
  color: #C40816;
}
a.lienfiche:hover, a.pages:hover
{
  text-decoration: underline;
  color: #C40816;
}

.alerte {font-weight: bold; color: #C40816;}

/* Presentation de la page d'index */
div.categorie
{
  float: left;
  width: 238px;
  padding-left: 15px;
}

div.souscategorie
{
  float: left;
  width: 250px;
  text-align: left;
}

div.texteCentre
{
  text-align: left;
  margin-left: 15px;
  line-height: 20px;
  width: 470px;
}


/* Style des formulaires */
form { margin: 0px; padding:0px;}

input.ajout, select.ajout
{
  font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#000000;
}

input.bouton
{
  font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#000000;
}

textarea.ajout
{
  font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#000000;
}

/* Formulaire d'ajout de site */
div.libelle, div.element, div.element2
{
  float: left;
  width: 160px;
  height: 30px;
}

div.element, div.element2
{
  width: 330px;
  height: 30px;
}

div.element2
{
  height: 85px;
}

/* Fiche d'un site */
div.libFiche
{
  float: left;
  width: 125px;
  font-weight: bold;
}
div.descFiche
{
  float: left;
  width: 370px;
}

.sep
{
  clear: both;
  width: 490px;
}

.sepCenter
{
  clear: both;
  text-align: center;
}

.motclegras
{
  background:#eb0909;
  color:#ffffff;
}

img.left {
  text-align: left;
}

div.commentairefiche
{
  width: 500px;
  border: 1px solid #ffffff;
  background: #C40816;
  color:  #ffffff;

  margin-bottom: 8px;
  padding:3px;
}

/* Pop up de vote */
.bulleVote
{
	position:absolute;
	width:400px;
	height: 75px;
	top: 0px;
	left: 0;
	padding:4px;
	background-color:#C40816;
	border: 1px #ffffff solid;
  color: #800001;
	visibility: hidden;
  z-index: 100;
}

/* Pop up du code pour les webmasters */
.bulleCode
{
	position:absolute;
	width:400px;
	height: 150px;
	top: 0px;
	left: 0;
	padding:4px;
	background-color:#C40816;
	border: 1px #ffffff solid;
	visibility: hidden;
  z-index: 100;
}

/* cadre pour l'ajout normal / premium */
div.cadreajout
{
  float: left;
  width: 215px;
  height: 160px;
  margin: 10px;
  padding: 5px;
  text-align: justify;
  border: 2px solid #FFFFFF;
}

/* Administration */
.lignetitre { background: #E0E0E0; color: #000000; font-weight: bold;}
.ligne1 { background: #F0F0F0; color: #000000;}
.ligne2 { background: #FFFFFF; color: #000000;}

div.libelleAdmin
{
  float: left;
  width: 300px;
}
div.ordreAdmin
{
  float: left;
}

div.nomCategorie
{
  float: left;
  width: 250px;
}