/* Définit le style css des différentes pages du site pour Firefox, Opera, ... */

/* Fond des différentes pages du site */
body{
	background-color:white;
	}
	
/* Header */
.header {
	width:960px;
	height:164px;
	background-image:url(img/banniere_vierge.jpg);
	}
	


/* Conteneur, tous les div sont placés à l'intérieur */	
.conteneur {
	width:960px;
	height:1300px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
.conteneuraccueil {
	width:960px;
	height:1200px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
.conteneurcajout{
	width:960px;
	height:1100px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
.conteneurtrait {
	width:960px;
	height:1380px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}

.conteneursupp {
	width:960px;
	height:1100px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
div#conteneurannonce {
	width:960px;
	height:1700px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
	.conteneurcgu{
	width:960px;
	height:5500px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
	.conteneurcontact{
	width:960px;
	height:1150px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
.conteneurpart {
	width:960px;
	height:1100px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
.conteneurdetail {
	width:960px;
	height:1500px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
.conteneurgerer {
	width:960px;
	height:1150px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}

div#conteneurajout {
	width:960px;
	height:1680px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
	div#conteneurajout2 {
	width:960px;
	height:1700px;
	border:1px solid black;
	margin:0 auto;
	background-color:#FAEAD5;
	position:relative;
	}
	
/* Publicité contenue dans la bannière */	
.annonceur_ban {
	width:468px;
	height:60px;
	margin-top:-115px;
	margin-left:400px;
	padding-bottom:65px;
	}

/* Division de la recherche, placée juste sous le header */ 
.recherche {
	padding:10px;
	width:940px;
	height:95px;
	margin-left:0;
	margin-top:-10px;
	background-color:#547199;
	text-align:right;
	
	}

/* Division qui contient les types de recherche possibles */
div#type {
	width:940px;
	height:20px;
	text-align:left;
	}
	
/* Division qui contient les batiments existants */
div#batiment {
	width:940px;
	height:20px;
	text-align:left;
	margin-top:5px;
	}
	
/* Division qui contient la localisation */
div#localisation {
	width:940px;
	height:20px;
	text-align:center;
	margin-top:8px;
}

/*Bouton de recherche */	
a#btn_rech {
	color:black;
	background-color: #E1E1E3;
	text-align: center;
	padding: 5px;
	margin-top: 10px;
	border:1px solid #E1E1E3;
	margin-left:850px;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	}
	
/* Division de la publicité du haut */	
div#annonceur_haut {
	width:730px;
	height:90px;
	margin-left:50px;
	margin-top:10px;
	}

/* Division contenant les différents onglets */
.onglets {
	width:800px;
	height:30px;
	position:absolute;
	margin-left:229px;
	margin-top:28px;
	}

/* Div contenant les annonces sur la page traitement*/	
.annonces {
	width:762px;
	height:170px;
	text-align:left;
	margin-top:20px;
	margin-left:0px;
	background-color:#FAEAD5;
	background-image:url(img/bloc.jpg);
	background-repeat:no-repeat;
	}
	
.annoncesgrand {
	width:762px;
	height:500px;
	text-align:left;
	margin-top:20px;
	margin-left:30px;
	background-image:url(img/bloc_grand.jpg);
	background-repeat:no-repeat;
	font-family:arial;
	font-size:12px;
	}
	
/* Div contenant les annonces sur la page annonce (fonds différents) */	
.annonces_sauvegarde {
	width:762px;
	height:700px;
	margin-top:20px;
	margin-left:50px;
	text-align:left;
	background-image:url(img/bloc_sauvegarde.jpg);
	background-repeat:no-repeat;
	}


/* Division contenant le titre d'une annonce */
.bordhaut {
	width:500px;
	height:20px;
	padding-top:4px;
	margin-top:-20px;
	margin-left:30px;
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	}
	
.bordhautreg {
	width:500px;
	height:auto;
	padding-top:4px;
	margin-left:50px;
	font-family:arial;
	font-weight:bold;
	}

.prix {
	width:150px;
	height:20px;
	margin-left:565px;
	margin-top:-20px;
	font-weight:bold;
	}


/* Div contenant le formulaire de contact */
div#contact {
	width:700px;
	height:auto;
	font-family:arial;
	margin-left:50px;
	margin-right:auto;
	margin-top:10px;
	padding-left:10px;
	padding-top:10px;
	}

	
/* Div utilisé à chaque renseignement (nom, prénom, adresse, ...) */
.renseignements {
	width:500px;
	height:auto;
	margin-left:200px;
	margin-top:-10px;
}

.renseignementsinput{
	width:500px;
	height:auto;
	margin-left:0px;
	margin-top:0px;
}

.labelform {
	width:500px;
	height:10px;
	font-weight:bold;
	}

.renseignementsphoto {
	width:500px;
	height:auto;
	margin-top:-23px;
	margin-left:-650px;
}

/* Div spécial pour l'affichage des boutons radio (qui pose pb sur ie) mais même attribut que le div renseignement pour firefox */
div#renseignements2{
	width:500px;
	height:auto;
	margin-left:150px;
	margin-top:-17px;
}

/* Colore les liens en blanc */
a {
color:white;
text-decoration:none;
}

a.identifie {
color:white;
text-decoration:none;
}

a.annonce {
color:white;
text-decoration:none;
}

a.contact {
color:white;
text-decoration:none;
}

/* Division de l'annonceur de droite */
.annonceur_droite {
	width:120px;
	height:600px;
	margin-left:820px;
	margin-top:-400px;
}

.annonceur_droite_ajout {
	width:120px;
	height:600px;
	margin-left:820px;
	margin-top:-1060px;

}

.annonceur_droite_gerer {
	width:120px;
	height:600px;
	margin-left:820px;
	margin-top:-130px;
	border:1px solid black;
}

.annonceur_droite_accueil {
	width:120px;
	height:600px;
	margin-left:820px;
	margin-top:-450px;
}

.annonceur_droitetrait {
	width:120px;
	height:600px;
	margin-right:1000px;
	margin-top:500px;
}

.annonceur_droitetraitreg {
	width: 120px;
	height: 600px;
}

.annonceur_droitecontact {
	width:120px;
	height:600px;
	margin-left:820px;
	margin-top:-570px;
	}

/* Division du bas de la page */
.bas_page {
	width:960px;
	height:22px;
	border:0px solid black;
	background-color:#547199;
	text-align:center;
	color:white;
	font-size:13px;
	padding-bottom:0px;
	position:absolute;
	bottom:0; 
	left:0;
	}

	
/* Division contenant la carte de France (page d'accueil) */

div#textecarte {
	width:700px;
	height:100px;
	margin-left:50px;
	margin-top:20px;
	text-align:center;
	font-family:arial;
	font-weight:bold;
	}

div#carte {
	width:400px;
	height:450px;
	margin-left:200px;
	margin-top:0px;
	text-align:center;
	font-family:arial;
	font-weight:bold;
	font-size: 70%;
	}

/* Division qui contient les partenaires */
div#partenaire {
	width:762px;
	height:600px;
	margin-top:10px;
	margin-left:50px;
	border:1px solid black;
	}

/* Division permettant l'upload */	
div#upload {
	width:500px;
	height:auto;
	border:1px solid black;
	}

/* Division générale de l'ajout */	
div#ajout {
	width:600px;
	height:auto;
	text-align:left;
	margin-top:20px;
	margin-left:70px;
	padding-top:10px;
	padding-left:10px;
	font-family:arial;
	font-size:12px;
	}

/* Division contenant la photo sur une annonce */	
.photo {
	width:165px;
	height:105px;
	margin-top:-180px;
	margin-left:577px;
}

.photoannonce {
	width:165px;
	height:105px;
	margin-left:577px;
	margin-bottom:400px;

}

.infos {
	width:500px;
	height:150px;
	margin-top:15px;
	margin-left:25px;
}

.infosgrand {
	width:500px;
	height:150px;
	margin-top:60px;
	margin-left:25px;
}

.infosdetails {
	width:100px;
	height:20px;
	margin-top:-70px;
	margin-left:430px;
	font-weight:bold;
}

.infosdetailsannonce {
	width:100px;
	height:20px;
	margin-bottom:200px;
	font-weight:bold;
}

div#gerer {
	width:400px;
	height:auto;
	margin-top:20px;
	margin-left:250px;
	}
	
div#infobulle{
	background-color: #A5C2E2;
	border: 1px solid #555555;
	width: auto;
	max-width: 300px;
	padding: 0px 3px 0px 3px;
	text-align: justify;
	font-size: 90%;
}
	
img {
	border:none;
}