@charset "utf-8";
/* CSS Document */

* {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	border:0px;
	color:#424242;
}
html, body {
	background-color:#000000;
	height:100%;
}

a {
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}
select {
	color: black;
}

select, option {
	color: black;
	padding-left:2px;
	background-color:#fbfafc;
}

ul{
	list-style-type:none;
}
.asterisque{
	margin-left:3px;
	margin-right:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:red;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////::    Bandeau Haut   :: /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#haut {
	position: absolute;
	top: 0px;
	left:50%;
	height: 142px;
	width: 950px;
	margin-left:-475px;
	background: transparent url(images/fond_haut.gif) no-repeat scroll left top;
}
#menu{
	color:#FFFFFF;
	height:82px;
	margin:35px 0 0 266px;
	background-color:transparent;

}
#menu li{

	float:left;
	height:48px;
	padding-top:43px;
	background-repeat:no-repeat;
	padding-left:22px;
	margin-right:0px;
	width:114px;
}
#menu a{text-decoration:none;color:#FFFFFF;font-size:11px;}
#bouton_accueil{background:url(images/fond_accueil.png) no-repeat;}
#bouton_visites{background:url(images/fond_visites_et_offres_d_achat.png) no-repeat;}
#bouton_action{background:url(images/fond_actions_commerciales.png) no-repeat;}
#bouton_publicite{background:url(images/fond_publicites.png) no-repeat;}
#bouton_statistiques{background:url(images/fond_statistiques_internet.png) no-repeat;}

#menu #highlight1{color:#04D8b4}
#menu #highlight2{color:#19A0D9}
#menu #highlight3{color:#C13223}
#menu #highlight4{color:#d8800f}
#menu #highlight5{color:#FFFF00}

#logo_agence{
	display:inline;
	margin:16px 0 0 24px;
	float:left;
	width:114px;
	height:104px;
	background-color:#A8A8A8;
	text-align:center;
}
#logo_agence img{
	width:114px;
	height:104px;
}

#logo_agence p{
	margin:5px 0 0 0;
}

#deconnexion{
	position:absolute;
	/*margin:2px 0 auto auto;*/
	width:150px;
	top:126px;
	text-align:right;
	color:#424242;
	left:50%;
	margin-left:325px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////::    conteneur        :: /////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#main_accueil,#main_visites,#main_actions,#main_publicites,#main_stats,#main_{
	position: absolute;
	top:142px;
	left:50%;
	width: 950px;
	margin-left:-475px;

}

#main_{background:url(images/fond_droite.gif) right bottom no-repeat #D1D1D1;}
#main_accueil{	background:url(images/fond_droite.gif) right bottom no-repeat #D1D1D1;}
#main_visites{	background:url(images/fond_main_visites.gif) right bottom no-repeat #D1D1D1;}
#main_publicites{	background:url(images/fond_main_publicites.gif) right bottom no-repeat #D1D1D1;}
#main_stats{	background:url(images/fond_main_stats.gif) right bottom no-repeat #D1D1D1;}
#main_actions{	background:url(images/fond_main_actions_commerciales.gif) right bottom no-repeat #D1D1D1;}

/*BLOC DE GAUCHE (les photos)*/
#gauche{
	background-image:url(images/fond_contenu.gif); background-color:#A8A8A8; background-repeat:no-repeat;
	width:451px;
	height:415px;
}
#miniatures{
	background:transparent;
	float:right;
	width:66px;
	margin:69px 0 0 0;
}

.photo_miniature{
background:url(images/cadre_photo.png) no-repeat #666666;
/*width:62px;*/
height:47px;
margin:0 0 7px 0;
padding:2px;
text-align:center;
}

.photo_miniature img{
height:45px;
/*width:60px;*/
margin:1px 0 0 1px;
}

#photo_principale{
	float:left;
	background:#FFFFFF;
	width:284px;
	height:215px;
	margin:84px 0 0 77px;
	display:inline;
	text-align:center;
}
#photo_principale img{
 /*width:284px; */
 height:215px;
 /*text-align:center;*/
}

#interlocuteur{
	float:left;
	margin:35px 0 0 67px;
	font-size:9pt;
	color:#424242;
}

#interlocuteur H6{
	display:block;
	width:150px;
	height:24px;
	background-image:url(images/interlocuteur.gif);
}
/*BLOC DE DROITE (le texte)*/
#droite{
	overflow:auto;
	max-height:380px;/*415*/
	padding-top:35px;
	float:right;
	width:486px;
	height:380px;
}
/*-----------------------------PAGE D'ACCUEIL-------------------------------*/
/*le titre bienvenue*/

#form_mandat{
	display: inline;
}


#droite H1{
	color:#424242;
	font-weight:bold;
	font-size:10pt;
	display:block;
	height:22px;
	padding-top:2px;
	background:url(images/bienvenue.gif) no-repeat;
	padding-left:138px;
}

#droite #depuis_votre_derniere_connexion{
font-weight:bold;
font-size:8px;
	padding:0 0 0 220px;
	font-weight:normal;
	display:block;
	height:22px;
	background:url(images/last_connection.gif) no-repeat;
}
#droite #bienvenue{
	height:105px;
}
#derniere_connexion{
	margin:8px 0 10px 0;
}
.comptes_rendus{
	color:#626262;
	font-size:8pt;
	padding:0 0 0 20px;
	font-weight:bold;
	margin:0 0 35px 0;
}

.chiffre_derniere_connexion{
	margin:0 5px 0 0;
	width:50px;
	text-align:right;
	float:left;
	font-weight:bold;
	color:#00B697;
}
.texte_divers{
	margin-top:10px;
}



/*-----------------------------PAGE VISITES ET OFFRES-------------------------------*/
/*le titre visites*/
#droite H3{
	font-weight:normal;
	display:block;
	height:22px;
	background:url(images/titre_visites_et_offres.gif) no-repeat;
}

.visite_effectuee{background-repeat:no-repeat;
	background-image:url(images/visite_effectuee.gif);
	text-align:right;
	height:19px;
	padding:5px 50px 0 0;
	color:#0893cd;
	font-weight:bold;
}

.offre_effectuee{background-repeat:no-repeat;
	background-image:url(images/offre_effectuee.gif);
	text-align:right;
	padding:5px 50px 0 0;
	height:19px;
	color:#0893cd;
	font-weight:bold;
}

.texte_visite{
	width:420px;
	list-style:square;
	padding:15px 25px 45px 20px;
}

/*-----------------------------------PAGE ACTIONS COMMERCIALES----------------------------------------*/
#droite H4{
	font-weight:normal;
	display:block;
	height:22px;
	background:url(images/titre_actions_commerciales.gif) no-repeat;
}

.proposition{
	background:url(images/proposition.gif) no-repeat;
	text-align:right;
	padding: 5px 50px 0 0;
	height:19px;
	color:#c13223;
	font-weight:bold;
}
.demande{
	background:url(images/proposition.gif) no-repeat;
	text-align:right;
	padding:5px 50px 0 0;
	height:19px;
	color:#c13223;
	font-weight:bold;
}
.demande span{
	float:left;
	text-align:left;
	color:#FFF;
	font-weight:700;
	text-indent:15px;
}
.texte_proposition{
	list-style:square;
	padding:15px 25px 15px 20px;
}


/*-----------------------------------PAGE PUBLICITE----------------------------------------*/
#droite H5{
	font-weight:normal;
	display:block;
	height:22px;
	background:url(images/titre_publicites.gif) no-repeat;
}

.publicite{
	background-repeat:no-repeat;
	background-image:url(images/publicite.gif);
	text-align:right;
	padding:5px 50px 0 0;
	height:19px;
	color:#fe9002;
	font-weight:bold
}

.texte_publicite{
	list-style:square;
	color:#424242;
	padding:15px 0 15px 20px;
}
/*-----------------------------------PAGE STATS INTERNET----------------------------------------*/
#droite H6{
	font-weight:normal;
	display:block;
	height:22px;
	background:url(images/titre_statistiques_internet.gif) no-repeat;
}

.texte_statistiques{
list-style:square;
padding:15px 25px 15px 20px;
}

/*-------------------------------------PAGE MENTIONS et CREDITS-------------------------------------*/
#mentions{
height:200px;
padding:75px 70px 0 70px;
}
#credits{
padding:75px 0 0 0;
text-align:center;
height:200px;
}

#droite HR{border:solid #484848 1px;}

#bas{
	padding:4px 0 0 5px;
	font-weight:bold;
	clear:both;
	width:945px;
	height:21px;
	background-color:#424242;
}

#bas a:hover, #bas a:visited, #bas a, #pieds_agence{font-size:7pt;color:#FFFFFF}

#voir_annonce{font-style:italic;margin:10px 0 30px 0; font-size:10px}
#voir_annonce a{color:#424242;}
#voir_annonce a:hover{color:#424242;}
#voir_annonce a:visited{color:#424242;}

#pieds_mentions{
	float:right;
	text-align:right;
	font-size:7pt;
	font-weight:bold;
	margin:0 8px 0 0 ;
}

/*Connexion*/
#connexion form{
	margin :  0 100px 0 100px;
	width:250px;
}
#connexion form input{
	padding:2px;
	border:1px solid #000000;
	float:left;
	width:98px;margin:10px 0 0 0 ;
}
#connexion form li{
	clear:both;
}
#connexion{
	float:left;
	width:450px;
	margin:50px 0 50px 250px;
	display:inline;
}
#connexion form label{
	width:95px;
	float:left;
	margin:10px 0 0 0 ;
	text-align:right;
	padding:0 5px 0 0;
}