@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: #585858;
	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: 99px;
	width: 950px;
	margin-left: -475px;
	background: transparent url(images/fond_haut.jpg) no-repeat scroll left
		top;
}

#menu {
	color: #FFFFFF;
	height: 82px;
	margin: 75px 0 0 180px;
	background-color: transparent;
}

#menu li {
	float: left;
	background-repeat: no-repeat;
	margin-right: 0px;
}

#menu a {
	text-decoration: none;;
	color: #505050;;
	font-size: 11px;
}

#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_, #main_qualite
	{
	position: absolute;
	top: 99px;
	left: 50%;
	width: 950px;
	margin-left: -475px;
}

#main_, #main_qualite{
	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;
}

.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;
}

#photo_principale img {
	width: 284px;
	height: 215px;
}

#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/demande_informations.gif) no-repeat;
	text-align: right;
	padding: 5px 50px 0 0;
	height: 19px;
	color: #c13223;
	font-weight: bold;
}

.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;
}

/*------------------------------------- QUALITE -------------------------------------*/
#discussion {
	width: 373px;
	padding: 80px 0 0 62px;
	margin-bottom: 10px;

}

#discussion H1,#discussion form,#discussion #historique {
	background: #E4E4E4;
	width: 277px;
	padding: 0 15px 0 15px;
}
#discussion H1{
	margin-left: 5px;
	width: 270px;
}
#discussion #historique {
	height: 155px;
	margin:0;
	padding:0;
	width: 313px;
	overflow: auto;

}

#discussion TEXTAREA {
	width: 275px;
	height: 73px;
	border: 1px solid #A8A8A8;
}

#discussion form {
	margin-bottom: 20px;
}

#discussion form .submit {
	text-align: right;
}

#discussion form .submit input,#questionnaire #submit_questionnaire {
	background: url("images/bouton_rouge.gif") no-repeat;
	color: white;
	height: 24px;
	padding: 0px 0 2px 5px;
	text-align: center;
	width: 80px;
	font-weight: bold;
}
#questionnaire #ligne_submit{
	padding-right:15px;
	text-align: right;
}
#questionnaire #submit_questionnaire {
	background: url("images/bouton_rouge2.gif") no-repeat;
}
#discussion h2 {
	font-size: 9px;
	color: white;
	text-align: right;
	background: #AC0303;
}

#discussion H1 {
	padding-bottom: 8px;
}

#discussion .message {
	margin-bottom: 15px;
}

#droite H1#titre_questionnaire {
	font-weight: normal;
	display: block;
	height: 22px;
	background: url(images/titre_questionnaire.gif) no-repeat;
	margin-bottom: 20px;
}

#droite #questionnaire {
	height: 300px;
	margin-bottom:10px;
	overflow: auto;
}
#main_qualite #droite {
	height: auto;
	overflow: auto;
}

#droite #questionnaire .question {
	margin-bottom: 20px;;
	font-weight: bold;
}

#droite #questionnaire .reponses_possibles {
	font-weight: normal; padding-left : 10px;
	margin-top: 5px;;
	padding-left: 10px;
}

#droite #questionnaire .reponses_possibles li {
	margin-bottom: 2px;
}

#droite #questionnaire .reponses_possibles label {
	margin-left: 5px;
}

/*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;
}