.normal, BODY, input, select, textarea, cite, td
{
    color: #5E5E5E;
    font: normal normal normal 11px/1.5em 'Arial', 'Helvetica', 'sans-serif';
}

BODY
{
    background-color: #454545;
	background-image:url(../images/newback.jpg);
	background-position: center top;
	background-repeat:no-repeat;
    margin: 10px 0px 10px 0px;
    text-align: center;
}

.clear {
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
	background-color: Transparent;
}

label, input { line-height: normal; }

a:link, a:visited{ color: #939598; }
a:hover { color: #EF3931; }

h1, .titrerougegrand { color: #FF3333; font-size: 250%; font-weight: normal; line-height: 1em; }
h1 span.black { color: #000; font-size: 90%; }


h2 { font-size: 110%; font-weight: bold; }


.titrenoir {  font-family: Arial, Helvetica, sans-serif; font-size: 182%; /*font-size: 20px;*/ color: #000000}
.soustitre {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000}
.NORMALBOLD {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bolder; color: #666666}
.grisbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #CCCCCC}

.titrenoir2 {  font-family: Arial, Helvetica, sans-serif; font-size: 140%; font-weight: bold; color: #565656}
.titrerougegrand2 { color: #FF3333; font-size: 170%; font-weight: bold; line-height: 1em; }

#divBody, #divBody2
{
    background-color: #FFFFFF;
    margin: 0px auto 0px auto;
    text-align: left;
    width: 760px;
}

#divStaticContent
{
    padding: 20px 20px 20px 20px;
}

#divFooter
{
    background-color: #FFFFFF;
    margin: 0px auto 0px auto;
    padding: 10px 8px 10px 8px;   
    text-align: left;     
    width: 744px;
}

#divFooter
{
    color: #5E5E5E;
    font: normal normal normal 10px/10px 'Arial', 'Helvetica', 'sans-serif';    
    text-decoration: none;
}

#divFooter A, #divFooter span
{
    color: #5E5E5E;
    font: normal normal normal 10px/10px 'Arial', 'Helvetica', 'sans-serif';    
    text-decoration: none;
}

#divFooter div.right
{
    float: right;
}

#divGrayBar
{
    background-color: #696969;
	border-bottom: 1px solid #444;
    clear: both;
    height: 25px;
    padding: 3px 0px 3px 0px;
}

#divDealer
{
    color: #CCCCCC;
    font: normal normal bold 12px/normal 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
    text-align: right;
    width: 377px;
    display: inline;
	float: right;
}

#divDealer div
{
    margin-top: 5px;
    float: right;
}

#divDealer img
{
    float: right;
    margin-top: 5px;
}


#divGrayBarSub
{
    margin: 0px auto 0px auto;
    width: 760px;
}

.floatClear
{
    clear: both;
    line-height: 1px;
}

.main-title
{
    line-height: 2em;
}

/* ------ Styles standards pour le site au complet ------ */
ul
{
    list-style: none;
}

ol li
{
    margin-left: 20px;
    padding-left: 8px;
}

ul li
{
    background: url("/images/rondrougepetit.gif") no-repeat 0px 50%;
    font-weight: bold;
    padding-left: 30px;    
}

label
{
    font-weight: bold;
}

/* ------ Classes générales ------ */
.bold
{
    font-weight: bold;
}

.bold-center
{
    font-weight: bold;
    text-align: center;
}

.aHighlight:link
{
    color: #EF3D33;
    font-weight: bold;
}

.aHighlight:visited
{
    color: #EF3D33;
    font-weight: bold;
}

.aHighlight:hover
{
    color: #EF3D33;
    font-weight: bold;
}

/* ------ Styles pour formulaire page mixte ------ */
#divForm
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    color: #000;
    font-weight: bold;
    margin: 15px 0px;
    padding: 15px 0px;
}

#divLeftCol { clear: left; }


/* ------ Styles pour la page d'erreur 404 ------ */
h1.error
{
    color: #5E5E5E;
    font-size: 200%;
}

/* ------ Entete ------ */
#entete {
    margin: 5px auto 5px auto;
    text-align: right;
    width: 760px;
}
#entete img {
    float: right;
    margin: 0 0 0 1em;
}
#entete .clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

#divBody2 #divStaticContent
{
	float: left;
	display: inline;
	width: 50%;
	padding: 0 0 0 20px;
}

/* ------ Styles pour la page de carrières ------ */
ul.carrieres
{
    margin: 0;
    padding: 0;
}

/*
ul.carrieres li a:link,
ul.carrieres li a:visited,
ul.carrieres li a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	padding-left: 10px;
	color: #FF3333;
}
*/
.aEmploi,
.aEmploi:link,
.aEmploi:visited,
.aEmploi:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	padding-left: 10px;
	color: #FF3333;
	text-decoration: underline;
}

.aForm:link,
.aForm:visited,
.aForm:hover
{
	font-weight:normal;
	text-align:right;
	padding-right:1px;
}


#divSearchBox
{
	background-image:url(../images/searchback.jpg);
	background-repeat: no-repeat;
}


#ulMainMenu li.selected
{
background-image:url(../images/menu/back_menu2.jpg);
background-repeat:repeat-x; 
}

.subMenuItem{ 
background-image:url(../images/menu/back_menu3.jpg);
background-repeat:repeat-x;
}

.subMenuSelectedItem{
background-image:url(../images/menu/back_menu2.jpg);
background-repeat:repeat-x; 
}


#About, #Products, #Dealers, #Support, #Jobs
{
background-image:url(../images/menu/back_menu.jpg);
background-repeat:repeat-x;
padding: 4px 0px 4px 0px;
margin-top: 20px;
}

#Jobs
{
	padding:0px;
	margin-top: 20px;
	height: 25px;	
}


/* ------ Styles pour les drapeaux de langues dans l'entete ------ */
.lang-ca { background: url(../images/icons/flags/ca.gif) 1em .5em no-repeat; margin: 0; }
.lang-ca:hover { text-decoration: underline; }

.lang-us { background: url(../images/icons/flags/us.gif) 1em .5em no-repeat; margin: 0; }
.lang-us:hover { text-decoration: underline; }




#wrp { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
#entete { text-align: right; height: 28px; position: relative; }
#localization { width: 150px; right: 0; text-align: left; border: 1px solid #555; background: url(../images/arrow_down_gray.png) 95% .7em #232323 no-repeat; z-index: 1000; height: 24px; overflow: hidden; position: absolute; }
#localization a { position: absolute; color: #CCC !important; display: block; padding: 3px 10px 3px 35px; width: 80px; border-bottom: 1px solid #232323; }
#localization a:hover { color: #FFF !important; text-decoration: underline; }

#localization a.one   { top: 0; }
#localization a.two   { top: 25px;  }
#localization a.three { top: 50px;  }

#entete label { position: absolute; top: 10px; right: 160px; color: #CCC; font-weight: normal; }