/* CSS Document */


body {
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(../images/bkg2.jpg) repeat-x #2b2c2d;
	color:#CCCCCC;
}


p
{
margin-top:0;padding-top:0;
}


#main {
	width:911px;
	margin:0 auto; 
	overflow:hidden;
}


/* Titres */
h1{color: #FFFFFF; font-size:14px;font-weight:900;padding-left:20px;margin:0px;background:url(../images/img_fleche.gif) no-repeat 0px 3px;padding-bottom:15px;text-transform:uppercase;}

h2{color: #CCCCCC;font-size:11px;font-weight:900;padding:0px;margin:0px;text-transform:uppercase;}

.content_border { border:5px solid #1e1e1f;padding:10px;background-color:#2b2c2d; }

/* Setting pour les boutons et sous boutons du haut----------------------------------------------------------------------------------- */
#top_nav {
	width:911px;
	margin-bottom : 6px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	float:left;

}


#logo_top{
	width:270px;
	height:139px;
	margin: 0px; 
	padding: 0px;
	float:left;
}

#btn_top{
	width:639px;
	height:34px;
	margin-top: 6px; 
	padding: 0px;
	float:left;
}

#btn_top a{
	color:#FFFFFF
}

#btn_top a:hover{
	color:#CCCCCC
}


#top{
	width:614px;
	height:74px;
	margin:0px; 
	padding-right:25px;
	padding-top:25px;	
	text-align:right;
	float:left;
	background:url(../images/bkg_top.jpg) no-repeat;
}

#top img{
	margin-right:1px;
}

#dropmenudiv{
position:absolute;
border:1px solid white;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:14px;
text-transform:uppercase;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
border-bottom: 1px solid white;
padding: 1px 0;
padding-right:20px;
padding-left:20px;
text-decoration: none;
font-weight: normal;
background-color:#bcc0c1;
color:#333333
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #4F5051;
color:#F0F0F0
}


/* Section images et titre ----------------------------------------------------------------------------------- */
#anime_flash {
	width:899px;
	height: auto;
	margin : 0px; 
	border-top: 6px solid #333333;
	border-right: 6px solid #333333;
	border-left: 6px solid #333333;
	float:left	
}

#titre_section {
	width:851px; 
	height: 40px;
	margin: 0px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left: 48px;
	border-right: 6px solid #333333;
	border-left: 6px solid #333333;
	float: left;
	background:url(../images/bkg_titre.jpg) repeat-x;
}


/* Contenu principal des pages----------------------------------------------------------------------------------- */
#main_center {
	width:899px; 
	height: auto;
	margin: 0px;
	border-right: 6px solid #333333;
	border-left: 6px solid #333333;
	float:left;
	background-image:url(../images/bkg_main.jpg);
	background-repeat:repeat-x;
	background-color:#000000
	
}
#cContent{padding:5px;margin:0px;  border:5px solid #363636; text-align:left; font-size:11px; width:581px;}

.contenu_texte {
	width:580px; 
	height: auto;
	padding: 0px 0px 10px 30px;
	float:left;
	margin-top:-45px;
}
.contenu_texte_general {
	width:580px; 
	height: auto;
	padding: 0px 0px 10px 30px;
	
	margin:0px;
}



.contenu_texte_general a{color: #CCCCCC; font-size:11px; font-weight:normal; text-decoration:underline}
.contenu_texte_general a:hover{color: #ff0000; font-size:11px; font-weight:normal; text-decoration:underline}

#quick_nav {
	position: relative;  top: -60px; right: 0px; height: 116px; width: 580px; padding: 0px; margin:0px;
}

/* Coté gauche (btn_dealer, infolettre, sous-menu)----------------------------------------------------------------------------------- */
#left_side {
	width:263px; 
	height: auto;
	margin: 0px;
	padding: 0px;
	float:left;
	background-color:#000000;
}

.boite_left_side {
	width:205px; 
	color: #CCCCCC;
	height: auto;
	margin-bottom:20px;
	background-image:url(../images/bkg_left.jpg); background-repeat:no-repeat;
	background-color:#000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:10px;
	padding-left: 48px;
	float:left;
}

.boite_left_side a {
	font-size:10px;
	color:#666666;
	text-decoration:underline
}
.boite_left_side a:hover {
	font-size:10px;
	color:#CCCCCC;
	text-decoration:underline
}



/* Coté droit (contenu des pages)----------------------------------------------------------------------------------- */
#right_side {
	width:636px; 
	height: auto;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	float:left;
}

.seprateur{
	margin: 10px 0 10px 0; background-color:#333333; height:1px 
}

/* formulaires de demande de manuels. Page Services -----------------------------------------------------------------*/
#manualForm{ margin-top:20px }
.labels{ float:left; width:110px; line-height: 18px; }
.textFields{ float:left; width:280px;}
#comments{ clear:left; margin-top:15px}
#manualForm textarea.formAera{margin:5px 0px 5px 0px; background-color:#b9b9b9; border:none; color:#333333;font-family:inherit; font-size:11px;  }
#manualForm input.formfield{ background-color:#b9b9b9; color:#333333;  font-size:11px; font-family:inherit; border:none; margin:0px 0px 3px 0px; }
#manualForm input.submitBtn{ background-color:#ff0000; border:1px solid #666666; color:#FFFFFF; font-size:10px}
.statusMessage{ color:#ff0000;}

#manualForm textarea.formAera {scrollbar-3dlight-color:#1a1b1c; 
scrollbar-arrow-color:#999999; 
scrollbar-base-color:#2f3031; 
scrollbar-darkshadow-color:#1a1b1c; 
scrollbar-face-color:#2f3031; 
scrollbar-highlight-color:#2f3031; 
scrollbar-shadow-color:#1a1b1c}


/* Footer----------------------------------------------------------------------------------- */
#boite_footer {
margin : 0px 0px 20px 0px;
float:left;
width:899px;
height : 89px; 
text-align : left; 
background: url(../images/bkg_foooter.jpg) repeat-y #000000;
border: 6px solid #333333;
} 

#copiright_texte {
width: 200px;
font-size:10px;
color:#999999;
padding: 10px 50px 10px;
float:left;
} 

#lien_footer {
width: 500px;
font-size:10px;
color:#666666;
padding: 10px 20px 10px 10px;
float:right;
text-align:right;
} 

#lien_footer a{
color:#666666;
text-decoration:none
}

#lien_footer a:hover{
color:#CCCCCC;
text-decoration:underline
}

/* Accueil----------------------------------------------------------------------------------- */
#boite_logo {
padding-top: 280px;
padding-left: 120px;
float:left;
width:auto;
} 

#boite_logo_titre {
padding-top: 310px;
padding-left: 80px;
float:left;
width:auto;
} 

/* SOUS MENU GAUCHE ------------------------------------------------------------------------------*/	

#sidenav_item 
{
text-transform:uppercase;
background-image:url(../images/bkg_left.jpg); background-repeat:no-repeat;
margin: 0 0 20px 0;
padding: 0px;
width: 263px;  /* width of nav */
list-style:none;
font-size:10px;
}

#sidenav_item div.sub ul {margin: 0px;padding: 0px;list-style:none;}

#sidenav_item div.over ul a
{
	width: 208px;  /* width of rollovers */
	margin: 0px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	padding-top:2px;
	padding-bottom:2px;
	padding-left: 45px;
	border-bottom: 1px solid #333333;
}

#sidenav_item div.over ul {font-weight:bold;display: block;margin: 0px;padding: 0px;list-style:none;}
#sidenav_item div.over a:hover{ color: #ff0000;border-bottom: 1px solid #222222;background:url(../images/img_fleche.gif) no-repeat 5px}

#sidenav_item div.on ul a
{
	width: 208px;  /* width of rollovers */
	margin: 0px;
	text-decoration: none;
	display: block;
	color: #ff0000;
	padding-left: 45px;
	padding-top:2px;
	padding-bottom:2px;
	background:url(../images/img_fleche.gif) no-repeat 5px;}

#sidenav_item div.on a{ color: #FFFFFF;background:url(../images/img_fleche.gif) no-repeat 5px #1d1d1e;list-style:none;border-bottom:1px solid #222222}

#sidenav_item div.sub ul a
{
	width: 193px;  /* width of rollovers */
	margin: 0px;
	display: block;
	color: #666666;
	text-decoration: none;
	border-bottom: 1px solid #222222;
	padding:2px 5px 2px 55px;
}

#sidenav_item div.sub a:hover, #sidenav_item div.sub a:active{ color: #CCCCCC;border-bottom: 1px solid #222222;}

#sidenav_item div.sub{margin: 0px;}

/* Sous-menu sélectionné */

#sidenav_item div ul li.selected_tab a{color:#FFF;}

#sidenav_item div ul li.main_selected_tab a{ color: #FFFFFF;background:url(../images/img_fleche.gif) no-repeat 1px #1d1d1e;list-style:none;border-bottom: 1px solid #000000}


a.bt, a.bt:hover, a.bt:visited, input.bt
{
background-color:#ff0000;border:1px solid #666666;color:#FFFFFF;font-size:9px;text-transform:uppercase;
text-decoration:none;font-weight:normal;padding:2px 5px;font-family:Verdana, Arial, Helvetica, sans-serif;cursor:pointer;line-height:20px;
}



a.bt:hover, input.bt:hover
{
background-color:#000000;
}

input.bt
{
line-height:normal;padding: 3px 0px;width:auto;
}


/* Classe pour la section gallerie de photos */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
	
	
	
/* Classe pour les tab specifications, standard equip, optional equip, technical graphs */	
#npluslues3titre{position:relative;margin:0;padding:0px;height:24px;}
#npluslues3titre li{margin:0;padding:0px;list-style:none;display:block;position:absolute;}
#npluslues3titre a{color:#666666;text-decoration:none;font-weight:bold; font-size:10px}
#npluslues3titre a:visited{color:#666666;}
#npluslues3titre a:hover{color:#999999;text-decoration:underline;}
#tab01{margin:0;padding:0px;display:block;}
#tab02{margin:0;padding:0;display:none;}
#tab03{margin:0;padding:0;display:none;}
#tab04{margin:0;padding:0;display:none;}
.btn_on{font-size:10px;font-weight:bold;color:#FFFFFF;background-color:#363636;text-align:center;padding:5px;  border-left:1px solid #363636;  border-right:1px solid #363636;  border-top:1px solid #363636;}
.btn_off{font-size:10px;color:#CCCCCC;background-color:#242424;text-align:center;padding:5px; border-left:1px solid #444444; border-right:1px solid #444444; border-top:1px solid #444444}
.espcace{padding:5px; }
#blocspec{width:581px;}
#blocOpen{padding:5px;margin:0px; background:#2b2c2d;  border:5px solid #363636; text-align:left; font-size:11px}
#blocOpen h3{ margin: 5px 0px 5px 15px; font-size:12px}
#blocOpen p{color:#FFFFFF;margin:0px;padding:3 6 6 6px;}
#blocOpen ul{list-style:none;}
#blocOpen li{color:#CCCCCC;margin:0px;padding:3 6 6 6px;}
#blocOpen p.pale{color:#000000;margin:0px;padding:3 6 6 6px;background-color:#ffffff;}
#blocOpen a{color:#003399;text-decoration:underline;margin:0px;padding:0px;font-size:65%;}
#blocOpen a:visited{color:#666666;}
#blocOpen a:hover{color:#003399;text-decoration:underline;}

/********************************************************/
/* styles ajoutés par Sam 
/********************************************************/
.galleryThumbnail{
	border:solid 3px #666666;
}
/* pour l'affichage des listes d'images dans photo gallery */
.listTitle{ font-weight: bold; font-size:12px}
.listDate{ font-size:10px; font-weight:normal}
.listDescription{ margin-top:7px; margin-bottom:8px}
.listImageBlock{  border-bottom: solid 1px #333333; margin-bottom:10px; padding-bottom:5px}

#right_side form{ margin-top:0px; margin-bottom:0px;}
.deleteImageBlock{ float:left; width:100px; margin-right:3px; text-align:right; height:130px}


/* photo gallery */
select.dropdown{
	background-color:#2b2c2d;
	color:#777777;
	width: 150px;
	border:1px solid #666666;
	font-size:13px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:normal;
}


/*
* Latest News
*/
.news_item { margin:0 0 35px 0px; padding:0px }
.news_item h3 { clear:both; margin:0 0 10px 0; padding:0px; font-size:13px; font-weight:bold; color:#ffffff;}
.news_item p { margin:0 0 7px 0; padding:0px;}
.news_item .date { color:#ffffff; font-size:10px; }
.read_more a { color:#ffffff; text-decoration:none; font-size:10px}
.read_more a:hover { color:#FF0000 }
.read_more { margin-left:20px}
.news_img { float:right; border: solid 1px #000000; margin:1px 12px 5px 10px}

/* NRC Testing Program */

/* page testing program */
.test_block { border:5px solid #1e1e1e; width:550px; margin-bottom:2px}
.test_block h2 a {text-decoration:none}
.test_block h2 a:hover {text-decoration:none}
.test_title { background-color:#1e1e1e; width:auto; padding:0px 4px 4px 0px}
	.test_bullet { background-color:#FF0000; color:#FFFFFF; width:12px; height:12px; border:#999999 solid 1px; text-align:center; float:left; margin-right:4px; padding-bottom:2px}
.test_data { width:536px; background-color:#2b2c2d; padding:5px 7px 5px 7px;  }
	.test_video { width:510px;  padding:10px 2px 4px 12px; }
		.test_ico { width:55px; float:left;}
		.test_list { width:450px; float:left; height:auto ;}
	.test_image { clear:both; width:510px; height:auto; padding:10px 2px 4px 12px; border-top: #000000 solid 1px; }
		.test_list img { border:#666666 solid 1px; float:left; margin:0 1px 1px 0}
	.test_description { clear:both; width:520px; border-top: #000000 solid 1px; padding:10px 0 10px 0;  }
		.test_spacer { clear:both; height:5px; width:50px}