  @import url("principal.css");
  *{padding:0;margin:0;}
body         { 	
		width:820px;
	}
#basdepage,#banniere,#listeGoogle,#corps {
	width:820px;
	}
#banniere .titre{
	display:none;
}
#contenu{
	width:808px;
	padding:5px;
	height:550px;
	overflow:auto;
	}

#basdepage, .retourAccueil{
	display:none;
}
.publicite{
	text-align:left;
	width:468px;
	height:60px;
	margin:5px;
	margin-top:16px;
	margin-top:0px;
	margin-left:312px;
}
#banniere {
	margin-top:0px;
}
#banniere .login{
	color:#FFF;
	margin-top:-10px;
	margin-left:660px;
	margin-bottoms:-88px;
}
#banniere .login a{
	color:#FFF;
}
#annonceur,#listePublic, #listeAdmin, #listeGoogle,#listeAdministrateur {
	border-style: solid;
    border-color: yellow;
    border-width: 1px 1px 1px 1px;
	margin-left:0px;
	background-color:#EEEEEE;
	color:#444444;
	height:500px;
	width:800px;
}
#listeGoogle{
	padding-left:10px;
	padding-right:10px;
}
#listeAdministrateur {
	height:100%;
}
#annonceur{
	height:700px;
}
#annonceur #raisonSociale,#annonceur #adresse,#annonceur #contact{
	float:right ;
	margin:5px;
	width:620px;
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	background-color:#F5F5DC;
	font-size:14pt;
	text-align:center;
	font-style:italic;
}
#annonceur #adresse,#annonceur #contact{
	float:right;	
	width:295px;
	height:105px;
	text-align:left;
	font-size:10pt;
	padding:5px;
	font-style:normal;
	margin-left:2px;
	background-color:#DDDDDD;
}
#annonceur #adresse p,#annonceur #contact p{
	margin:2px;
}
#annonceur #adresse{
	padding-top:20px;
	height:90px;
}

#annonceur #raisonSociale .detail{
	display:none;
}
#annonceur #contact .contacter{
	width:100%;
	font-weight:bold;
	text-align:center;
	margin:0px;
	margin-top:5px;	
	margin-bottom:5px;
	/* font-style:italic; */
}
#annonceur #adresse .zip, #annonceur #adresse .ville{
	display:inline;
}
.telephone, .fax, .email{
	float:left;
	width:100%;
	margin-bottom:7px;
}
.contactLabel{
	display:inline;
	float:left;
	width:40%;
	font-size:8pt;
	font-style:italic;
	text-decoration:underline;
}
.contactContenu{
	float:left;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	}
.email .contactContenu{
	width:100%;
}
.siteInternet, .siteCommande{
	text-align:center;
}
#annonceur #logo{
	margin:5px ;
	float:left ;
}
#annonceur #separation{
	clear:both;
	
	color:red;
}
#annonceur .descriptif,#annonceur .descriptifCourt{
	clear:both;
	margin:5px;
	padding:5px;
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	font-size:9pt;
	background-color:#DDDDDD;
	height:400px;
	}
#annonceur .descriptifCourt{
	height:100px;
	overflow:hidden;
}
#annonceur .siteInternet .contactContenu{
	text-align:center;
}
#annonceur .publicite{
	margin-left:166px;
	margin-top: 50px;
	height:60px;
	width:468px;
}
#accesRepertoire, #indexSite{
	float:right;
	margin-right:5px;
}


	#listePublic #annonceurAdmin #adresse,#listePublic #annonceurAdmin #contact,#listePublic #annonceurAdmin #descriptif,
	#listePublic #annonceurAdmin #logo,#listePublic #annonceurAdmin #accesRepertoire,#listePublic #annonceurAdmin #indexSite,
	#listePublic #annonceurAdmin .descriptif,#listePublic #annonceurAdmin #separation
	{
		display:none;
	}
	#listePublic h1{
		color:midnightblue ;
		font-size:14pt;
		margin:5px;
	}

		#listePublic #liste #annonceurAdmin{
		float:left;
		width:740px;
		margin:3px;
		padding:0px;
		background:  #DDDDDD url(Droite.gif)  no-repeat 700px 50%;
		height:24px;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		cursor:pointer;
		height:40px;
		
	}
	#listePublic #liste #aucuneSelection{
		width:500px;
		height:80px;
		margin-left:150px;
		background:yellow;
		color:red;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		text-align:center;
		padding-top:50px;
	}
	#listePublic #selection{
	padding-left:5px;
	overflow:hidden;
	}

	.lettreRecherche{
		cursor:pointer;
		
	}
	#listePublic #selection #titre{
		display:none;
	
	}
	#listePublic #selection #selectionAlphabetique{
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		text-align:center;
		width:100%;
		text-align:center;
		margin-bottom:15px;
	}
	#listePublic #selection #explication{
		cursor:pointer;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		float:right;
		width:235px;
		height:65px;
		margin-right:0px;
		text-align:justify;	
		font-size:85%;
		padding:5px;
	}
	#listePublic #selection #titre{
		color:navy;
		margin-bottom:10px;
		font-size:120%;
	}	
	#listePublic #selection #recherchebouton{
		cursor:pointer;
		float:right;
		background: navy url(../images/recherche.gif) no-repeat;
		width:135px;
		height:72px;
		margin-right:10px;	
	}
	#listePublic #selection #recherchebouton .texte{
		visibility:hidden;
	}
	#listePublic #selection .condition{
		margin-bottom:6px;
	}
	#listePublic #liste #annonceurAdmin #raisonSociale{
		float:left;
		margin:0px;
		padding-left:2px;
		padding-top:4px;
		border-style: none;
		font-size:11pt;
		text-align:left;
		font-style:italic;
		font-weight:bold;
		width:670px;
		height:30px;		
	}
	#listePublic #selection .libelleChoix{
		float:left;
		width:150px;
	}
		#listePublic #liste #annonceurAdmin .descriptifCourt{
		display:none;
		float:left;
		width:680px;
		height:59px;
		margin-left:5px;
		overflow:hidden;
		text-align:justify;
	}
	 #listePublic #liste  #annonceurAdmin #raisonSociale .detail{	
		display:none;

	}
	
	#listeAdmin #annonceurAdmin #adresse,#listeAdmin #annonceurAdmin #contact,#listeAdmin #annonceurAdmin #descriptif,
	#listeAdmin #annonceurAdmin #logo,#listeAdmin #annonceurAdmin #accesRepertoire,#listeAdmin #annonceurAdmin #indexSite,
	#listeAdmin #annonceurAdmin .descriptif,#listeAdmin #annonceurAdmin #separation,#listeAdmin #annonceurAdmin #administratif
	{
		display:none;
	}
	#listeAdmin h1{
		color:midnightblue ;
		font-size:14pt;
		margin:5px;
	}
	#listeAdmin #annonceurAdmin{
		background:#EEEEEE;
		float:left;
		width:250px;
		margin:3px;
		padding:0px;
	}
	#listeAdmin #annonceurAdmin #listeContrats{
		float:right;
		margin:0px;
		padding-left:2px;
		padding-top:4px;
		font-size:11pt;
		text-align:left;
		font-style:italic;
		font-weight:bold;
		width:29px;
		height:24px;
		background:  #DDDDDD url(listeContrats.gif)  no-repeat 0px 0px;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 0px;
		cursor:pointer;		
	}
	#listeAdmin #annonceurAdmin #raisonSociale{
		float:left;
		margin:0px;
		padding-left:2px;
		padding-top:4px;
		border-style: none;
		font-size:9pt;
		text-align:left;
		font-style:italic;
		width:214px;		
		background:  #DDDDDD url(ficheClient.gif)  no-repeat 185px 0px;
		height:24px;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 0px 1px 1px;
		cursor:pointer;
	}
	

	 #listeAdmin #annonceurAdmin #raisonSociale .detail{	
		display:none;
	}
	#listeAdmin #annonceurAdmin #modification{
		display:none;	
	}
	
	#listeAdministrateur #annonceurAdmin {
		width:100%;
	}	
	#listeAdministrateur #annonceurAdmin #contact,#listeAdministrateur #annonceurAdmin #descriptif,
	#listeAdministrateur #annonceurAdmin #logo,#listeAdministrateur #annonceurAdmin #accesRepertoire,#listeAdministrateur #annonceurAdmin #indexSite,
	#listeAdministrateur #annonceurAdmin .descriptif,#listeAdministrateur #annonceurAdmin #separation
	{
		display:none;
	}
	#listeAdministrateur #annonceurAdmin{
		border-top: 2px solid navy;
	}
	 #listeAdministrateur #annonceurAdmin #raisonSociale .detail{	
		display:none;
	}
	#listeAdministrateur #annonceurAdmin #raisonSociale{
		font-weight:bold;
		font-style:italic;
		font-size:115%;
		cursor:pointer;
	}
	#listeAdministrateur #annonceurAdmin #raisonSociale,
	#listeAdministrateur #annonceurAdmin #adresse{
		width:300px;
		margin-left:5px;
		margin-top:5px;
		float:left;
	}
	#listeAdministrateur #annonceurAdmin #adresse .rue,
	#listeAdministrateur #annonceurAdmin #adresse .zip,
	#listeAdministrateur #annonceurAdmin #adresse .ville{
		margin:0px;
	}
	#listeAdministrateur #annonceurAdmin #adresse{
		clear:left;
	}
	#listeAdministrateur #annonceurAdmin #administratif{
		float:left;
		width:300px;
		margin-left:5px;
		margin-top:5px;
		padding-top:10px;
	}
	#listeAdministrateur #annonceurAdmin #administratif .contact,
	#listeAdministrateur #annonceurAdmin #administratif .telephone,
	#listeAdministrateur #annonceurAdmin #administratif .email{
		margin:0px;
	}
	#listeAdministrateur #annonceurAdmin #modification{
		float:left;
		width:90px;
		margin-left:5px;
		margin-top:5px;

	}
	#listeAdministrateur #annonceurAdmin #administratif .telephoneLabel,
	#listeAdministrateur #annonceurAdmin #administratif .emailLabel
		{
		display:none;
		}
	#listeAdministrateur #annonceurAdmin #adresse .pays {
		display:none;
	}	
	#listeAdministrateur #annonceurAdmin #adresse .zip, 
	#listeAdministrateur #annonceurAdmin #adresse .ville{
		display:inline;
		margin-right:5px;
	}
#annnuaireListeContratClient_table, #annnuaireContratClient_table{
		margin-left: auto; 
		margin-right: auto;
		margin-top:15px;
		background:#FAFAD2;		
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		text-align:center;
	}
#annnuaireContratClient_table{
		width:290px;
}

#annnuaireListeContratClient_table  #ajoutContrat{
		float:right;
	}
#annnuaireContratClient_table .nature{
		float:left;
		width:140px;
	}
#annnuaireContratClient_table .natureLabel{
		width:135px;
		text-align:left;
	}
	#annnuaireListeContratClient_table th, #annnuaireContratClient_table th{
		font-size:200%;
		padding:7px;
	}
	#annnuaireListeContratClient_table td{
		width:16%;
	}
	#annnuaireListeContratClient_table .echu{
		font-style:italic;
		color:#333333;
		font-size:90%;
	}	
	#annnuaireListeContratClient_table  .rnvltTexte{
		color:#B22222;
		}
	#texteExplication{
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		width:600px;
		padding:10px;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		text-align:center;
	}
	#listeGoogle #annonceurAdmin{
		float:left;
		width:32%;
		height:100px;
		margin-left:2px;
		margin-right:2px;
		overflow:hidden;
		}
	
	#listeGoogle #annonceurAdmin #adresse,#listeGoogle #annonceurAdmin #contact,#listeGoogle #annonceurAdmin #descriptif,
	#listeGoogle #annonceurAdmin #logo,#listeGoogle #annonceurAdmin #accesRepertoire,#listeGoogle #annonceurAdmin #indexSite,
	#listeGoogle #annonceurAdmin #separation,#listeGoogle #annonceurAdmin #administratif
	
	{
		display:none;
	}
	#listeGoogle #annonceurAdmin #raisonSociale{
		text-align:center;
		font-weight:bold;
		background:#DDDDDD;
		padding:2px;
	}
	#listeGoogle #annonceurAdmin .descriptif{
		margin-left:10px ;
		font-size:7px;
	}
	#annnuaireModif{
	padding:5px;
	background:#F5F5F5;
	width:790px;
	height:550px;
	font-size:9pt;
	}
	.panneauAnnuaire, .panneauListeAnnuaire{
	background:#EAECEB ;
	width:710px;
	z-index:7;
	position:absolute;
	top:130px;
	left:0px;
	padding-left:5px;
	padding-top:5px;
	height:400px;
	}
	.panneauListeAnnuaire{
	top:160px;
	width:780px;
	overflow:auto;		
	}

	.panneauAnnuaire h1{
		font-size:100%;
		font-style:italic;
		text-decoration:underline;
	}
	#annuaire_commande .bouton{
	width:65px;
	margin-top:5px;
	border-style: solid;
    border-color: #FFFFFF navy navy #FFFFFF ;
    border-width: 1px 1px 1px 1px;
	background:#EEEEDD;
	text-align:center;
	font-size:7pt;
	font-style:italic;
	color:midnightblue;
}
	#annuaire_commande{
	float:right;
	}
	#annuaire_modif{
	background:#555555;
	}

	#annnuaireModif .categorie, #selection .categorie{
	float:left;
	width:330px;
	font-family: Tahoma;
}
#annnuaireModif .colonneCategorie, #selection .colonneCategorie{
	float:left;
	width:255px;
	}
#selection .categorie{
	width:250px;
	padding-top:2px;
	height:23px; min-height:23px;
	}

#annnuaireModif .categorielibelle, #selection .categorielibelle{
	width:250px;
	display:block;
	float:left;
}	

#selection .categorielibelle{
	width:210px;
}
#selection .categorielibelle{
	font-size:80%;

}
#onglets{
	height:22px;
	padding:2px;	
	padding-bottom:0px ;
	background:#DADCDC;
}
.onglet, .ongletSelecte, .ongletImpossible{
	float:left;
	width: 96px;
	height:12px;
	padding:5px;
	text-align:center;
	cursor: pointer;
	background:  url(/images/onglet.jpg)  no-repeat 0px 3px;
	font-size:7pt;
}
.onglet:hover{
	background:  url(/images/ongletSurvol.jpg)  no-repeat 0px 3px;	
	color:#191970;
}
.onglet{
	color:#D3D3D3;
}
.ongletSelecte{
	background:  url(images/ongletSelecte.jpg)  no-repeat 0px 3px;
}
.ongletImpossible{		
	cursor:default ;
}


#annonces{
	background:#DDD;
	height:700px;
	}

#annonces .publicite{
	width:600px;
	height:70px;
	margin-left:180px;
	margin-top:10px;
}

#annonces{
	background:#DDD;
	height:700px;
	}

#annonces .publicite{
	width:600px;
	height:70px;
	margin-left:180px;
	margin-top:10px;
}
#annonces #deposeAnnonce{
	width:400px;
	float:left;
	border:solid 1px #900;
	padding:10px;
	background:#EEE;
	margin:5px;
	height:300px;
}
/* Listes Annonces client */

#listeAnnoncesClient {
	background:#FFF;
}

#listeAnnoncesClient .titreCategorie{
	clear:both;
	font-size:130%;
	border: solid 0px #007 ;
	border-top:1px;
	width:100% ;
	padding:10px;
	text-transform : capitalize;
}
#listeAnnoncesClient .titreCategorie .enteteCategorie{
	width:300px;
	float:left;
}
#listeAnnoncesClient .titreCategorie .enteteNombre{
	text-align:right;
}

#listeAnnoncesClient .annonce {
	width:47%;
	float:left;
	padding:5px;
	margin: 5px;
	height:130px;
	background:#BBB;	
	cursor:pointer;
}
#listeAnnoncesClient .annonce .dateDemande {
	float:right;
}
#listeAnnoncesClient .annonce .sujet{
	width:100%;
	font-size:110%;
	background:#EEE;
}
#listeAnnoncesClient .annonce .region{
	width:100%;
	font-size:90%;
	background:#EEE;
	font-style:italic;
}
#listeAnnoncesClient .annonce .texte{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:7px;
	height:70px;
	overflow:hidden;
}
#listeAnnoncesClient .annonce .consulter{
	background:#EEE;
	font-style:italic;
	padding-left:10px;
}
#listeAnnoncesClient .annonce .nature,#listeAnnoncesClient .annonce .categorie{
	display:none;
}
#listeAnnoncesClient .navigation{
	clear:both;
}
/* Listes Annonces client FIN */

/*  Explication annonce Client*/
#annonces #explicationAnnonce{
	text-align:justify;
	padding:10px;
	margin:10px;
	height:400px;
}
/* Explication annonce client FIN */

/* Listes Detail annonce Client*/
#detailAnnonce {
	width:500px;
	float:left;
	border:solid 1px #900;
	padding:10px;
	background:#EEE;
	margin:5px;
}
#detailAnnonce .enteteTable {
	width:100%;
	margin-bottom:7px;
}
#detailAnnonce .texte {
	text-align:justify;
	overflow:auto;
	height:150px;
}
#detailAnnonce .demandeur {
	margin-top:10px;
	text-align:justify;
	overflow:auto;
	height:80px;
}
/* Listes Detail annonce Client FIN */


#occasions table{
	margin-left:10%;
	width:80%;
	background:#DDD;
	border:solid 1px navy;
}

#occasions table tr {
	height:30px;
}

#listeTableauOccasions{
	margin-left:0%;
	background:#DDD;
	border:solid 1px red;
	font-family:Arial;
}
#listeTableauOccasions .coche,#listeTableauOccasions .noncoche{
	width:20px;
	height:20px;
	text-align:center;

}

#listeTableauOccasions .prix{
	font-weight:bold;
	padding:0px;
	width:75px;
	}
#loginAction #submitbouton{
	display:none;
}

#StatistiquesBandeaux,#StatistiquesEmplacements, #indexAdmin{
	background:#FFF;
}