/*
BILINGUE
BILINGUE
BILINGUE

Feuille de style de TemplateSite BILINGUE COURTIER
©2003 EGP TechnoVirtuel
Création : 2003-06-25, Yvan Labelle
Dernières modifications : 2003-07-03, YL
2003-08-26, YL, 2007-07-20, CL


*/

/* Class BODY */
BODY{
	Font-Family: Arial, Helvetica, Sans-Serif;
	Font-size: 9pt;
	color: #666666;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
TD{
	Font-Family: Arial, Helvetica, Sans-Serif;
	Font-size: 9pt;
	color: #666666;
}
/* Contrôle de l'espacement entre MENU et CONTENU ici   */
.SideContentSpacer{
	width: 0px;
	height: 1px;
	color: red;
}

/* Class Header 100% qui contient la table du header */
.headerFullTable{
	background-image: url(images/fond_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-color: #FFFFFF;
	vertical-align: Top;
	width: 100%;
	text-align: center;
}

/*Class du header. Cette table contient la table Header générée par ImageReady*/
.headerTable{
	background-color: #FFFFFF;
	width: 1000px;
	vertical-align: Top;
}

/* Class de la table qui contient la table menu générée par ImageReady  */
.menuTable{
	background-image: url(images/FondSide.gif);
	vertical-align: Top;
	width: 125px;
	height: 100%;
}
/* Class de la table contenu.*/
.contenuFullTable{
	/*background-image: url(images/fond_contenu.jpg);
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: top;*/
	background-color: #CCCCCC;
	vertical-align: Top;
	width: 100%;
	height: 100%;
}
.contenuTable{
	background-image: url(images/FondContenu.gif);
	vertical-align: Top;
	width: 1000px;
	height: 100%;
	background-color: #FFFFFF;
	
}

/*Class de la table Footer 100%. Cette table contient la table Footer. La propriété WIDTH doit demeurer à 100% */
.footerFullTable{
	background-image: url(images/fond_bottom.jpg);
	background-attachment: scroll;
	background-position: top;
	background-repeat: no-repeat;
	background-color: ;
	vertical-align: Bottom;
	width: 100%;
}

/* Class du footer. Cette table d'une dimension fixe doit contenir votre table Footer générée ou non par ImageReady */
.footerTable{
	vertical-align: Bottom;
	width: 100%;
}

/* Class de la table complète des formulaires "vendeur.asp", "acheteur.asp", "valeur.asp", "avendreI.asp" */
.FormTable{
	background-color: White;
	vertical-align: Top;
	width: 500px;
	color: #000000;
}

/* Class de la table qui contient tout le site. Aucune propriétés de cette classe ne devraient être modifiées */
.fullTable{
	width: 100%;
	height: 100%;
}

/*
Fin des classes "Table"


Les classes 'TEXTE' suivent...
*/

/* Texte de contenu */
.TexteNormal
{
		TEXT-DECORATION: None;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 9pt;
		COLOR: #000000;
}
.TexteReferences
{
		TEXT-DECORATION: None;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Normal;
		FONT-SIZE: 9pt;
		COLOR: #000000;
}
.TexteBienvenue
{
		TEXT-DECORATION: None;
		TEXT-ALIGN: Justify;		
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		
		FONT-SIZE: 16px;
		COLOR: #000000;
}

.TexteMedium
{
		TEXT-DECORATION: None;		
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		font-weight: bold;
		FONT-SIZE: 16px;
		COLOR: #000000;
}

/* Texte de contenu portant un lien */
.ATexteNormal
{
		TEXT-DECORATION: Underline;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 10pt;
		COLOR: #000000;
}
.ATexteNormal:hOver
{
		TEXT-DECORATION: None;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 10pt;
		COLOR: #666666;
}

/* Les titres */
.TexteTitre
{
		TEXT-DECORATION: None;
		TEXT-ALIGN: Center;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 13pt;
		COLOR: #000000;
}



/*Le texte qui se retrouve dans le footer */
.TexteFooter{
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: Normal;
	TEXT-ALIGN: Center;
	COLOR: #000000;
}
/*Le texte accentué (bold) qui se retrouve dans le footer */
.TexteFooterAccent{
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: Bold;
	TEXT-ALIGN: Center;
	COLOR: #666666;
}

/*
Les liens textes du footer.
La classe qui suit au même nom + hOver est la réaction au "onMouseOver" (hOver)
 */
.ATexteFooter
{
		TEXT-DECORATION: Underline;
		TEXT-ALIGN: Center;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 8pt;
		COLOR: #000000;
}
.ATexteFooter:hOver
{
		TEXT-DECORATION: None;
		TEXT-ALIGN: Center;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 8pt;
		COLOR: #666666;
}

/* Calculatrice */
.CalculTitre
{
		TEXT-DECORATION: None;
		TEXT-ALIGN: Center;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 11pt;
		COLOR: #000000;
}
.CalculSousTitre
{
	BACKGROUND-COLOR: #000000;
	TEXT-DECORATION: None;
	TEXT-ALIGN: Center;
	FONT-FAMILY: Arial, Helvetica, Sans-serif;
	FONT-STYLE: Normal;
	FONT-WEIGHT: Bold;
	FONT-SIZE: 11pt;
	COLOR: #FFFFFF;
}
.LienCourriel {
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 14px;
	text-decoration: none;
}

.LienCourriel:hover {
	color: #000000;
}



.CalculQuestion
{
		BACKGROUND-COLOR:;
		TEXT-DECORATION: None;
		TEXT-ALIGN: Right;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Normal;
		FONT-SIZE: 10pt;
		COLOR: #000000;
}
.CalculReponse
{
		BACKGROUND-COLOR:;
		TEXT-DECORATION: None;
		TEXT-ALIGN: Left;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Normal;
		FONT-SIZE: 10pt;
		COLOR: #000000;
}
.CalculTexteCenter
{
		BACKGROUND-COLOR:;
		TEXT-DECORATION: None;
		TEXT-ALIGN: Center;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Normal;
		FONT-SIZE: 9pt;
		COLOR: #000000;
}
.calculSCHL{
		TEXT-ALIGN: Center;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 8pt;
		COLOR: #000000;
}
.calculASCHL{
		TEXT-ALIGN: Center;
		TEXT-DECORATION: Underline;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 8pt;
		COLOR: #000000;
}
.calculASCHL:hOver{
		TEXT-ALIGN: Center;
		TEXT-DECORATION: Underline;
		FONT-FAMILY: Arial, Helvetica, Sans-serif;
		FONT-STYLE: Normal;
		FONT-WEIGHT: Bold;
		FONT-SIZE: 8pt;
		COLOR: #666666;
}

.Bouton
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #000000;

}

.Bouton:hover
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;

}


.Cadre
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #000000;
}

.Cadre:hover
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #000000;
	color: #FFFFFF;
}

.lien
{
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 40px;
}

.lien:hover
{
	text-decoration: underline;
	color: #911b14;
}

/*
Style pour le menu déroulant
*/

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height:18px;
z-index:100;
background-color: #FFFFFF;
color: #000000;
text-transform: uppercase;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-align: center;
background-color: #FFFFFF;
color: #000000;
text-transform: uppercase;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #911b14;
color: #FFFFFF;
text-align: center;
}

/* BLOC ROLLOVER */

table.menu a {
	width:127px;
	border:1px solid #000000;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.menu a {
	color: #000000;
	background: #ffffff;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}


div.menu a:hover {
	color: #FFFFFF;
	background: #911b14;
	border:1px solid #000000;
}


.contenuLiens{
	background-image: url(images/fond-liens.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: ;
	width: 658px;
}
.contenuReferences1{
	background-image: url(images/fond-reference-1.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: ;
	width: 658px;
}
.contenuReferences2{
	background-image: url(images/fond-reference-2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: ;
	width: 658px;
}
.contenuReferences3{
	background-image: url(images/fond-reference-3.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: ;
	width: 658px;
}
