div#agent {
    width: 568px;
    /* height: 332px; */
    background-image: url(../images/contact/fichebg.jpg);
    background-repeat: no-repeat;
}

div#agent div#photo {
    float: left;
    width: 200px;
    height: 316px;
    margin-top: 12px;
    margin-left: 12px;
}

div#agent div#photo img {
    border: solid #666666 1px;
}

div#agent div#nomTitre {
    height: 70px;
	 width:  350px;
    float: left;
}

div#agent div#nomTitre h3#nomAgent {
	margin-left: 16px;
	margin-top: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

div#agent div#nomTitre h5#titreAgent {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;	
	margin-left: 16px;
	margin-top: -2px;
}

div#agent div#nomBureau {
	float: left;
	width: 350px;
}

div#agent div#nomBureau a,
div#agent div#nomBureau h3 {
	margin-top: 18px;
         text-decoration: none;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
         display: block;
         margin-bottom: 0px;
         float: left;
}

div#agent div#titreBureau {
	width: 350px;
	float: left;
}

div#agent div#titreBureau h3 {
	margin-left: 16px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
         margin-bottom: 0px;
}

div#agent div#infosBureau {
	float: left;
	width: 318px;
	margin-top: 16px;
	margin-left: 16px;
}

div#agent div#infosBureau h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}

div#agent div#agentLinks {
	width: 318px;
	margin-left: 16px;
	margin-top: 8px;
	float: left;
}

div#agent div#agentLinks div {
	padding-left: 28px;
	margin-bottom: 2px;
}

div#agent div#agentLinks div a {
	color: #E31C39;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#agent div#agentLinks div#listingsLink {
	background-image: url(../images/contact/maison.gif);
	background-repeat: no-repeat;
	background-position: left;
}

div#agent div#agentLinks div#emailLink {
	background-image: url(../images/contact/enveloppe.gif);
	background-repeat: no-repeat;
	background-position: left;	
}

div#agent div#slogan {
	float: left;
	width: 318px;
	margin-top: 8px;
	margin-left: 16px;
	padding-top: 8px;
	border-top: dotted #999999 2px;
}

div#agent div#slogan h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;		
}

div#courriel, div#envoisami, div#renseignement {
    width: 595px;
    position: absolute;
    background-color: #FFFFFF;
}

div#envoisamiPopup, div#renseignementPopup {
    width: 595px;
    background-color: #FFFFFF;
}

div div.logo {
    float: left;
    padding: 3px;
}

div div.titre {
    float: left;
    padding: 3px;
    width: 430px;
    height: 30px;
   
}

div div.titre h1 {
    color: #1C67AB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}

div div.descriptionTitre {
    float: left;
    width: 460px;
    padding: 3px;
    
}

div div.descriptionTitre p {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: justify;

}

div div.closeButton {
    width: 30px;
    height: 30px;
    float: right;
    background-image: url('../images/email/close_x_gris.jpg');
}

div div.closeButton:hover {
    background-image: url('../images/email/close_x_bleu.jpg');  
}

div div.formulaire {
    width: 595px;
    float: left;
    padding: 3px;
}

div div.formulaire div.range {
    float: left;
    padding: 3px;
    
}

div div.formulaire div.range div.texteElement {
    width: 175px;
    float: left;
    color: #1C67AB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: justify;
    font-weight: bold;
}

div div.formulaire div.range div.inputElement {
    float: left;
}

div div.formulaire div.range div.inputElement span {
    color: #1C67AB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: justify;
    font-weight: bold;
}

div div.formulaire div.range div.inputElement input,
div div.formulaire div.range div.inputElement textarea {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align: justify;
    border: solid #C0C0C0 1px;
    padding: 2px;
}

div div.formulaire div.range div.inputElement input:focus,
div div.formulaire div.range div.inputElement textarea:focus {
    border: solid #666666 1px;
}


div div.formulaire div.submitSection {
    float:left;
    width: 595px;
    margin-top: 15px;
    margin-bottom: 15px;
   
}

div div.formulaire div.submitSection div.submitButton {
    width: 250px;
    float: left;
    text-align: right;
}

div div.formulaire div.submitSection div.cancelButton {
    width: 250px;
    float: right;
    text-align: left;
}  

div div.formulaire div.submitSection input {
    width: 200px;
    height: 35px;
    background-color: #1C67AB;
    color: #FFFFFF; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    border: solid #1C67AB 1px;
}

div div.formulaire div.submitSection div.cancelButton input:hover,
div div.formulaire div.submitSection div.submitButton input:hover {
    background-color: #C0C0C0;
    color: #1C67AB;
}