/* Balises classiques */
*{
	padding: 0;
	margin: 0;
}

body {
	color:#000;
	font: normal 80% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background-color: #EFF3F7;
	text-align:center; /* pour centrer le div global avec IE */
}
img{
	border:none;
	}
input {
	font: normal 90% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	}

label {
	font: normal 90% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #666;
	}
li{
	background-repeat:no-repeat;
	list-style:none;
}
p{
	padding:10px;
}
select {
	font: normal 90% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
td{
	color:#000;
}
textarea {
	font: normal 90% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

/*-----------------------------------------------------------------------------
/*						          LIENS         							   
/*				l'ordre est Link - Visited - Hover - Active (LoVe HAte) :		
/*			http://forum.alsacreations.com/topic.php?fid=9&tid=28473
/*-----------------------------------------------------------------------------*/
a, a:link, a:visited { 
	color:#738700; /* Vert */
	text-decoration: none; 
	font-weight: bold;
	}
.profil a
{
	color:#EC8E1C;
}
a:hover	{ 
	color: #e52b38; /* Cerise */
	}
a:active { 
	text-decoration: none; 
	font-weight: bold;
	}
	

#MenuUtilisateurs a{
	color:#666;
	font-size: 12px;
	padding-top:5px;
}
#MenuUtilisateurs li a
{
	 color:#999; /* Gris clair */
	 text-align:justify;
}
#MenuUtilisateurs li:hover a
{
	 color:#DD7403; /* Orange */
}
#MenuThemes a{
	color:#666; /* Gris */
	font-size: 12px;
	padding-top:5px;
}
#MenuThemes li a
{
	 color:#999; /* Gris clair */
	 font-size: 12px;
}
#MenuThemes li:hover a
{
	 color:#738700; /* Vert */
}
#MenuAnnuaires a{
	color:#666; /* Gris */
	font-size: 12px;
	padding-top:5px;
}
#MenuAnnuaires li a
{
	 color:#999; /* Gris clair */
	 font-size: 12px;
}
#MenuAnnuaires li:hover a
{
	 color:#F90; /* Jaune foncé */
}
#MenuServices a:hover{
	 color:#e52b38; /* Cerise */

}


/*-----------------------------------------------------------------------------*/
/*						          class         							   */
/*-----------------------------------------------------------------------------*/
.Avantages{
	background-color: #CEF17D;
	padding: 5px;
}
.Avantages ul{
	 color:#789A16;
}
.Avantages li{
	background-image:url(http://www.petitbonhomme.com/images/fleche.gif);
	padding-left: 15px;
}

.ok{
	background-image: url(http://www.petitbonhomme.com/images/icones/ok.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left:20px;
	color: #393;
	font-weight:bold;
}

.erreur{
	background-image:url(http://www.petitbonhomme.com/images/icones/icon-error.png);
	background-repeat:no-repeat;
	background-position: left;
	padding-left:20px;
	color:#C00;
	font-weight:bold;
}
.inscription form div{
	padding-left: 200px;
	padding-bottom: 10px;
}
.inscription label{
	float: left;
	padding-left:10px;
}
.inscription h1{
	text-align:center;
	padding-bottom:20px;
}
.rouge {
	color:#F00;
	font-weight:bold;
}
.sousTitre{
	color: #DD7403;
	padding: 2px 0 2px 0;
}
.partenariat {
	color:#999;
	font-size:smaller;
}
.partenariat a{
	color:#999;
	font-size:smaller;
}
.partenariat a:hover{
	color: #333;
	font-size:smaller;
}


.bandeau{
	cursor:pointer;
  	border:1px solid #CCC;
  	margin:2px 0 0px 0;
  	width:450px;
  	height:130px;
	float:left;
}
.bandeau_bouton{
  	margin:10px 0 10px 475px;
  	height:130px;
}
.bandeau img{
	float:left;
	margin:10px 0 0 5px;
}
.bandeau:hover{
  	background-color: #f6fedb;
  	border-color:#738700;
}
.bandeau_annuaire:hover{
  	background-color: #FFC;
  	border-color: #FC0;
}
.bandeau .PrixMarque{
	float:right;
	text-align:right;
	width:100px;
	margin:5px 5px 0 0;
}
.bandeau .Prix{
	color:#F00;
	font-weight:bold;
	font-size:larger;
}
.bandeau .Marque{
	width:100px;
	height:50px;
	float:right;
	text-align:right;
}
.bandeau .centre{
	margin: 5px 105px 0px 110px;
	color:#666;
	height:108px;
	width:220px;
}
.bandeau .titreAnnonce{
	font-weight:bold;
	color:#060;
	font-size:larger;
}
.bandeau .titreAnnuaire{
	font-weight:bold;
	color: #F90;
	font-size:larger;
}
.bandeau .details{
	font-size:smaller;
}
.bandeau .details strong{
	color: black;
	font-weight:normal;
}
.bandeau .description{
	padding-top: 3px;
}
.bandeau .depositaire{
	color:#666;
	font-size:smaller;
	margin-right:5px;
	float:right;
}
/*-----------------------------------------------------------------------------*/
/*						 Depot Annonce              						   */
/*-----------------------------------------------------------------------------*/
#depot_annonce .champs label{
	float:left;
	height:25px;
}
#depot_annonce .champs div{
	margin-left: 110px;
	height:25px;
}
#depot_annonce .B div{
	margin: 2px 2px 2px 100px;
}
#depot_annonce .C div{
	margin: 2px 2px 2px 105px;
}
#depot_annonce .colonne{
	margin-left: 300px;
}
#depot_annonce .chiffreD{
	float:left;
	width:180px;
	height:86px;
	background-repeat:no-repeat;
	color:#789A16;
	text-align:center;
}
#depot_annonce .description{
		margin: 10px 0 0 50px;
}
.champs{
	margin-left: 240px;
	height:110px;
}
#depot_annonce .ligne input{
	width:200px;
}
#depot_annonce .ligne select{
	width:200px;
}
/*-----------------------------------------------------------------------------*/
/*						 Consultation Annonces        						   */
/*-----------------------------------------------------------------------------*/

#consultation_annonces .A div{

	margin: 2px 2px 2px 2px;
}
#consultation_annonces .B div{
	margin: 2px 2px 2px 2px;
}
#consultation_annonces .C div{
	padding: 2px 2px 2px 2px;
}
#consultation_annonces .colonne label{
	float:left;
	margin-left:5px;
}
#consultation_annonces .colonne select{
	font: normal 90% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
#consultation_annonces .colonne{
	float:left;
	border-right:1px solid #D6EF3F;
	padding: 3px 3px 0 3px;
}


/*-----------------------------------------------------------------------------*/
/*						 Elements spécifiques: ID 							   */
/*-----------------------------------------------------------------------------*/
#ombre{
	margin: auto;
	width: 1035px;
	background-image: url(http://www.petitbonhomme.com/images/background.png);
	text-align:left;
}
#MenuServices li{
	background-repeat:no-repeat;
	padding-left:25px;
	height:22px;

}

#global{
	margin: 0 20px 0 20px;
}

#onglets{
	background-image:url(http://www.petitbonhomme.com/images/onglets.jpg);
	width:995px;
	height:102px;
	background-repeat:no-repeat;

}
#btn_Insc_Dep{
	float:right;
	font-size:25px;
	font-weight:bold;
	margin-top:60px;


}




#MenuUtilisateurs li
{
	 background-repeat:no-repeat;
	 height:32px;
	 list-style:none;
	 padding:8px 0 0 5px;
	 border-bottom: 1px solid #CCC;
}

#MenuUtilisateurs li:hover
{
	 background-color:#f6fedb;
	 cursor:pointer;
}
#MenuThemes li
{
	 background-repeat:no-repeat;
	 height:32px;
	 padding:8px 0 0 45px;
	 border-bottom: 1px solid #CCC;
}

#MenuThemes li:hover
{
	 background-color:#f6fedb;
	 cursor:pointer;
}
#MenuAnnuaires li
{
	 height:32px;
	 padding:8px 0 0 5px;
	 border-bottom: 1px solid #CCC;
}

#MenuAnnuaires li:hover
{
	 background-color:#f6fedb;
	 cursor:pointer;
}
/*-----------------------------------------------------------------------------*/
/*						          Profil         							   */
/*-----------------------------------------------------------------------------*/


#profil_annonces #profil_commentaires
{
	color: #F00;
}


/*-----------------------------------------------------------------------------*/
/*						          Class          							   */
/*-----------------------------------------------------------------------------*/

.CentreTitre{
	color : #FFB300;
	font-size: 20px;
	/*background-image: url(GIF/fleche.gif);
	background-repeat: no-repeat;
	padding-left: 27px;
	padding-bottom: 10px;
	height: 20px;*/
}
.CentreBarre{
	background-color: #FFCC00;
	height: 15px;
	border-left: 1px #FFB300 solid;
	border-right: 1px #FFB300 solid;
	color : #FFFFFF;
	font-weight: bold;
}
.FormSelect	{ 
	color: #FF6600;
}
.titre {
  font-size: 14px; 
  font-weight: bold;
  padding: 5px 0 0 10px;
  color: #FFF;
  height: 25px;
}
.Trier{ 
	background-image: url(http://www.petitbonhomme.com/GIF/triangleMiniBas.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	text-decoration: none;
	padding-left: 8px;
	font-size: 10px; 
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	display: block;
	color: #339933;
}
.soustitre {
  font-size: 14px; 
  font-weight: bold;
  padding: 0px 0 0 10px;
  height: 20px;
  border: #FFF solid;
  border-width: 10px 10px 5px 10px;
}
.titreUtilisateurs{
  background-color:#EC8E1C;

}

.titreUtilisateursbis{
  background-color: #FFCE80;
  color:#E27203;
}
.titreAnnonces{
  background-color: #9DC102;
}
.titreAnnoncesbis{
  background-color: #D6EF3F;
  color:#738700;
}
.titreAnnuaires{
  background-color: #FDCA00;
}
.titreNounous{
  background-color: #09F;
}
.titreRecherche{
  background-color: #C39;
}
.chiffre{
	font-size: 33px;
	color:#F90;
	font-weight: bold;
	float:left;
	height:40px;
}
.atout{
	color:#738700;
	font-size:21px;
	font-weight: bold;
	height:40px;
	padding-top:7px;
	
}