.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 {z-index:1000; 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; }

/* -- Concours ---------------------------------------- */

#concours
{
	display: inline;
	float:left;
	width:704px;
	background:url(../images/bandeau_GPS.jpg) no-repeat top center;
	margin:0 0 0 24px;
}
#concours .wrap
{padding:0 0 0 35px;}

#concours h1
{
	text-indent:-9999em;
	padding:0 0 120px 0;
}

#concours p
{font-size:1.1em;}

.form-concours
{
	width:704px;
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	margin:30px 0 0 0;
	padding:19px 0;
}

#side-1
{
	float:left;
	width:359px;
}
#side-2
{
	float:left;
	width:345px;
}

.form
{margin:0 0 6px 15px;}
.form label
{
	float:left;
	width:139px;
	vertical-align: middle;
	font-size:1.2em;
	font-weight:normal;
	padding:3px 0 0 0;
	text-align:left;
	color:#8d8d8d;
}

.form input{	
	width:186px;
	border:1px solid #c1c1c1;
	font-size:1.2em;
	padding:3px 0;
}
.form select{	
	width:186px;
	border:1px solid #c1c1c1;
	font-size:1.2em;
}
.form span{
	color:#ee2b25 !important;
	font-weight:bold;
}
.form-concours p#recquired-field
{
	color:#ee2b25;
	padding:10px 0 0 15px; 
	margin:0;
}

.form select.c-typeClient, .form select.c-nbrEmployees
{	
	width:136px;
	border:1px solid #c1c1c1;
	font-size:1.2em;
	margin:0 0 0 20px;
}

input.c-b-send
{
	float:right;
	margin:135px 0 0 0;
}

/* -- Alerte à l'emploi -------------------------- */

#alerte-emploi
{
	width:335px;
	border:1px solid #ff3333;
	margin:15px 0 0 3px;
	padding:0 0 15px 0;
}

#alerte-emploi h3
{
	font-size:1.3em;
	color: #fff;
	background:#ff3333;
	margin:0;
	padding:6px 5px;
	text-align:center;
}

.form-alerte
{margin:15px 0 0 15px;}
.form-alerte label
{
	float:left;
	width:95px;
	vertical-align: middle;
	font-size:1.2em;
	font-weight:normal;
	padding:1px 0 0 0;
	text-align:left;
	color:#5e5e5e;
}

.form-alerte input{	
	width:175px;
	border:1px solid #c1c1c1;
	font-size:1.2em;
	padding:1px 0;
}

.form-alerte label.label-radio
{
	float:none;
	vertical-align: middle;
	font-size:1.2em;
	font-weight:normal;
	padding:0;
	text-align:left;
	color:#5e5e5e;
}
.form-alerte label.label-radio span
{
	margin:0 0 0 26px;
}

.form-alerte input.c-radio{	
	width:10px;
	border:none;
	font-size:1.2em;
	padding:0;
	vertical-align:middle;
	margin:0 10px 0 0;
}

/* ---------------------------------------------------------------------------- */

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

/* -- Concours ---------------------------------------- */

#concours
{
	display: inline;
	float:left;
	width:704px;
	background:url(../images/bandeau_GPS.jpg) no-repeat top center;
	margin:0 0 0 24px;
}
#concours .wrap
{padding:0 0 0 35px;}

#concours h1
{
	text-indent:-9999em;
	padding:0 0 120px 0;
}

#concours p
{font-size:1.1em;}

.form-concours
{
	width:704px;
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
	margin:30px 0 0 0;
	padding:19px 0;
}

#side-1
{
	float:left;
	width:359px;
}
#side-2
{
	float:left;
	width:345px;
}

.form
{margin:0 0 6px 15px;}
.form label
{
	float:left;
	width:139px;
	vertical-align: middle;
	font-size:1.2em;
	font-weight:normal;
	padding:3px 0 0 0;
	text-align:left;
	color:#8d8d8d;
}

.form input{	
	width:186px;
	border:1px solid #c1c1c1;
	font-size:1.2em;
	padding:3px 0;
}
.form select{	
	width:186px;
	border:1px solid #c1c1c1;
	font-size:1.2em;
}
.form span{
	color:#ee2b25 !important;
	font-weight:bold;
}
.form-concours p#recquired-field
{
	color:#ee2b25;
	padding:10px 0 0 15px; 
	margin:0;
}

.form select.c-typeClient, .form select.c-nbrEmployees
{	
	width:136px;
	border:1px solid #c1c1c1;
	font-size:1.2em;
	margin:0 0 0 20px;
}

input.c-b-send
{
	float:right;
	margin:135px 0 0 0;
}


/* MODIFICATIONS NOVEMBRE 2010 PAGES CONTACT ET RƒPERTOIRE DES EMPLOYƒS */


#divStaticContent a.repertoire, a.repertoire:link, a.pages-repertoire  {background-color:#e72e2c;display:block;width:245px;height:38px;color:#fff;font-weight:bold;padding:20px 0 0 15px;font-size:16px;text-decoration:none;}
#divStaticContent a.pages-repertoire {background-color:#000;border-bottom:1px solid #fff;height:27px;padding-top:14px;color:#fff;}
#divStaticContent a.pages-repertoire:hover {color:#e72e2c;}

/* SLIDESHOW GALERIE PHOTOS */

#divStaticContent select {margin:0px 37px 20px 55px;padding:3px 3px 2px 3px;color:#000;font-size:14px;float:left;}
#divStaticContent #slideshow {margin:0;}
#divStaticContent #slideshow .zone-image {margin:0 0 20px 57px;position:relative;}
#divStaticContent #slideshow .zone-image .imgs {background:#1c1c1c;overflow:hidden;}
#divStaticContent #slideshow .zone-image .zone-desc {position:absolute;bottom:0;left:0;margin:0;width:644px;height:46px;background:url(../images/bande-transparente.png) no-repeat top left;z-index:99999; /*overflow: hidden;*/}
#divStaticContent #slideshow .zone-image .zone-desc span {display:block;float:left;margin:16px 10px 0 16px;color:#fff;font-size:14px;}
#divStaticContent #slideshow .zone-image .zone-desc a {margin:0px 9px 0;color: #FF3333;float:right;display:block;font-size:14px;}
#divStaticContent #slideshow .zone-thumbs {margin:0 0 0 16px;}
#divStaticContent #slideshow .zone-thumbs a.prec {float:left;display:block;width:14px;height:26px;background:url(../images/b-precedent.gif) no-repeat top left;margin:45px 0 0 0;}
#divStaticContent #slideshow .zone-thumbs .scrollable {width:644px;overflow: hidden;float:left;margin-left:27px;}
#divStaticContent #slideshow .zone-thumbs ul.pager {list-style-type:none;margin:0;overflow:hidden;height:121px;width:3000px;float:left;padding:0;}
#divStaticContent #slideshow .zone-thumbs ul.pager li {float:left;margin:0 12px 0 0;padding:0;background:none;}
#divStaticContent #slideshow .zone-thumbs ul.pager li a {display: block;border:none;height: 117px;}
#divStaticContent #slideshow .zone-thumbs ul.pager li a:hover {border-color: #EF3931;}
#divStaticContent #slideshow .zone-thumbs a.suiv {float:right;display:block;width:14px;height:26px;background:url(../images/b-suivant.gif) no-repeat top left;margin:45px 0 0 0;}



/* Garder contact */

.garder-contact a {background:url(../images/garder-contact_fr.gif) top left no-repeat;width:237px;height:90px;display:block;}
.garder-contact a.en {background:url(../images/garder-contact_en.gif) top left no-repeat;}