* {
margin: 0;
padding: 0;
}

body {
padding: 0;
margin: 0;
color: #000;
background: url(../images/back.gif) 0 0 repeat-x #8E1111;
font: normal 12px/1.4em helvetica, arial, sans-serif;
}

a { color: #000;}
a:hover {color: #900;}
a:visited {color: #000;}

:focus {
outline: 0;
}

a img {
border: 0 none;
}

h1, h2, h3, h4, h5 {
font-family: helvetica, arial, verdana, sans-serif;
font-size: 10px;
margin: 0;
padding: 0;
}

h1 {
font-size: 240%;
}

h2 {
font-size: 200%;
}

h3 {
font-size: 150%;
line-height: 1.4em;
margin-bottom: 0.4em;
}

h4 {
font-size: 120%;
font-weight: bold;
color: #900;
margin-bottom: 1px;
}

h5 {
font-size: 110%;
}

p {
margin-bottom: 1em;
}

ul {
margin-bottom: 0.2em;
}

ul li {
margin-bottom: 0.8em;
}

ul li ul {
margin-top: 0.4em;
}

#wrapper {
position: relative;
width: 826px;
left: 50%;
margin-left: -411px;
background: url(../images/back_wrapper.gif) 0 0 repeat-y #fff;
}

.sub_wrap {
margin-left: 0;
left: 0;
width: auto;
margin: 0;
padding: 0 28px;
}

#wrap_header { 
margin: 0;
margin-bottom: 0;
padding: 0 28px 0 28px;
border: 0 none;
background: url(../images/back_top_borders.gif) no-repeat left top transparent;
}

#wrap_header .sub_wrap { 
background: url(../images/back_header.jpg) no-repeat right 29px #fff;
padding: 0;
margin: 0;
}

#wrap_header .sub_wrap .header { 
background: url(../images/back_topnav.gif) 0 0 repeat-x transparent;
margin: 0;
padding: 0;
}

#wrap_main {
padding: 0 28px;
margin-bottom: 1px;
}

#wrap_main .sub_wrap {
padding: 25px 14px 0 14px;
background: url(../images/back_main.gif) 0 1px repeat-x transparent;
}

.feature {
margin: 0 0 0 0;
padding: 1px 0 0 0;
border: 0 none;
border-top: 1px solid #bbb;
border-bottom: 0 none;
padding-bottom: 0;
height: 261px;
}

.context-bar {
display: none;
}





/**********************
Forms
***********************/

form p.form_button {
margin-top: 12px;
}

form p.form_button button {
margin: 0;
padding: 0;
}

form .bt_ok,
form .bt_ok:hover {
width: 79px;
height: 28px;
background: url(../images/form_bt_ok.gif) 0 0 no-repeat transparent;
border: 0;
display: block;
text-indent: -9999px;
overflow: hidden;
}

form .error .errormsg {
font: bold 10px verdana;
}






/**********************
Logo
***********************/

.zone_logo {
margin: 44px 0 12px 10px;
padding: 0;
height: 80px;
}

.zone_logo h1 a {
display: block;
width: 340px;
height: 80px;
background: url(../images/fr/logo.gif) 0 0 no-repeat transparent;
}

.zone_logo h1 a span {
display: none;
}



/**********************
Navigation
***********************/

.navigation {
margin: 0;
padding: 17px 0 0 0;
background: url(../images/back_nav.gif) repeat-x 0 0 transparent;
height: 38px;
display: block;
float: none;

}

.navigation ul li {
margin: 0;
padding: 0;
}

.navigation ul li a {
margin: 0;
padding: 0;
display: block;
}

.navigation ul li a span {
display: none;
}




/**********************
Navigation primaire
***********************/

ul.nav_primaire {
height: 36px;
}

ul.nav_primaire li {
margin: 0;
}

ul.nav_primaire li a {
height: 36px;
background-image: url(../images/fr/bt_nav_principale.gif);
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
}

a#bt_nav_accueil {
width: 96px;
background-position: 0 0;

}

a#bt_nav_produitsetservices {
width: 205px;
background-position: -96px 0;
}

a#bt_nav_support {
width: 103px;
background-position: -301px 0;
}

a#bt_nav_apropos {
width: 186px;
background-position: -405px 0;
}

ul.nav_primaire li a:hover {background-position: 0 -37px;}

ul.nav_primaire li.active a, 
ul.nav_primaire li.active a:hover {
background-position: 0 -74px;
}







/**********************
Top Nav
***********************/

.top_nav {
padding-top: 12px;
padding-right: 10px;
}

.top_nav ul li {
margin-left: 0;
float: left;
}

.top_nav ul li a {
display: block;
float: left;
padding: 0;
height: 17px;
overflow: hidden;
text-indent: 3000px;
margin: 0;
padding: 0;
background-position: 0 -12px;
background-repeat: no-repeat;
background-color: transparent;
}

#bt_langue {
width: 60px;
background-image: url(../images/bt_english.gif);
}

.top_nav ul li a:hover {
background-position: 0 -48px;
}






/**********************
Contenu
***********************/

.content {
padding-bottom: 2em;
}

.content h4 {
margin-top: 1.4em;
margin-bottom: 2px;
}

div.intro p,
p.intro {
font: normal 14px/1.3em helvetica, sans-serif;
}

a.plus_link {
background: url(../images/back_link_3.gif) left bottom repeat-x transparent;
text-decoration: none;
color: #900;
}

a.plus_link:visited {
color: #900;
}

.left {
float: left;
width: 220px;
}

.right {
margin-left: 250px;
width: 220px;
}

li.dl_link {
padding: 0;
background: none transparent;
}

li.dl_link a {
display: block;
background: url(../images/bullet_dl.gif) 0 2px no-repeat transparent;
padding-left: 20px;
color: #222;
}

ul.product_list {
margin-bottom: 1.3em;
}

ul.product_list li {
background: url(../images/bullet005.gif) 3px 0px no-repeat transparent;
padding-left: 22px;
margin-bottom: 1em;
font: bold 12px helvetica, arial, verdana, sans-serif;
color: #393939;
}

ul.product_list li a {
background: url(../images/back_link4.gif) left bottom repeat-x transparent;
padding-bottom: 1px;
text-decoration: none;
color: #393939;
}

ul.product_list li a:hover {
color: #900;
}




/**********************
Footer
***********************/

#wrap_footer {
background: url(../images/back_footer.gif) left bottom repeat-x transparent;
padding: 0;
margin: 0;
}

#wrap_footer .sub_wrap {
background: url(../images/footer_bg.gif) left bottom no-repeat transparent;
padding: 0 0 0 0;
}

.footer {
background: url(../images/footer_bd.gif) right bottom no-repeat transparent;
border-top: 0 none;
clear: both;
padding: 0 28px 37px;
}

.footer .copy {
clear: left;
background: url(../images/back_copy.gif) repeat-x 0 0 transparent;
height: 30px;
}

.footer .copy p {
margin-bottom: 0;
color: #fff;
font:normal 10px verdana, helvetica, arial, sans-serif;
line-height: 23px;
height: 26px;
padding-top: 3px;
text-align: center;
}

.footer .copy a {
background: none transparent;
text-decoration: none;
color: #fff;
}




/**********************
Top sidecontent
***********************/

.t_side_wrap {
background: url(/resources/acs-templating/cn/images/border.gif) 272px 0 repeat-y transparent;
padding-left: 272px; /*top_sidecontent fullwidth */
margin-bottom: 1em;
}

.t_side_wrap .content {
position: relative;
float: left;
padding: 0 0 1em 13px;
}

.t_side_wrap .top_sidecontent {
float: left;
width: 250px; /*272px - padding*/
padding: 0 12px 0 0;
margin: 0;
margin-left: -272px;
}

.t_side_wrap .top_sidecontent  h4 {
margin-bottom: 0.2em;
}





/**********************
Bottom sidecontent
***********************/

.b_side_wrap {
background: url(/resources/acs-templating/cn/images/border.gif) 482px 0 repeat-y transparent;
padding-right: 272px; /*bottom_sidecontent fullwidth + content padding */
margin-bottom: 1em;
}

.b_side_wrap .content {
position: relative;
float: left;
padding: 0;
width: 100%;
padding: 0 13px 1em 0;
}

.b_side_wrap .bottom_sidecontent {
float: left;
width: 247px; /*272px - padding*/
padding: 0 0 0 12px;
margin-right: -100%;
}	

.b_side_wrap .bottom_sidecontent h4 {
margin-bottom: 0.2em;
}





/**********************
segments
***********************/

#accueil #wrap_main .sub_wrap,
#audio #wrap_main .sub_wrap,
#video #wrap_main .sub_wrap,
#business #wrap_main .sub_wrap {
padding: 0;
margin: 0;
background: none transparent;
}

#accueil .t_section,
#audio .t_section,
#video .t_section,
#business .t_section {
display: none;
}

#accueil .t_side_wrap,
#audio .t_side_wrap,
#video .t_side_wrap,
#business .t_side_wrap {
background: url(../images/back_t_sidecontent.gif) 0 0 repeat-y #fff;
padding-left: 271px; /*top_sidecontent fullwidth */
margin-bottom: 0;
padding-bottom: 0;
}

#accueil .t_side_wrap .content,
#audio .t_side_wrap .content,
#video .t_side_wrap .content,
#business .t_side_wrap .content {
position: relative;
float: left;
padding: 7px 15px 2em 15px;
}

#audio .feature,
#video .feature,
#business .feature {
margin: 0 0 0 0;
padding: 1px 0 0 0;
border: 0 none;
border-top: 1px solid #bbb;
border-bottom: 0 none;
padding-bottom: 0;
height: 160px;
}

#audio .feature {
background: url(../images/fr/audio.jpg) 0 1px no-repeat transparent;
}

#video .feature {
background: url(../images/fr/video.jpg) 0 1px no-repeat transparent;
}

#business .feature {
background: url(../images/fr/business.jpg) 0 1px no-repeat transparent;
}

.top_sidecontent ul.segments {
margin:  0 0 0 1px;
padding-top: 3px;
width: 271px;
height: 218px;
background-color: #f0f;
background: url(../images/fr/bt_side_segments.gif) 0 0 no-repeat #fff;
}

.top_sidecontent ul.segments li {
padding: 0;
margin: 0;
background: none transparent;
}

.top_sidecontent ul.segments li a {
text-indent: -9999px;
overflow: hidden;
display: block;
height: 72px;
width: 271px;
font: normal 21px helvetica;
}
 




/**********************
Accueil
***********************/

#accueil #wrap_main .sub_wrap {
padding: 0;
background: none transparent;
}

#accueil div.intro {
border-bottom: 1px solid #ededed;
}

#accueil div.intro a.plus_link {
padding-bottom: 0px;
}

#accueil .promo {
border-bottom: 1px solid #ededed;
padding-bottom: 1em;
margin-bottom: 1.5em;
}

#accueil .promo_a {
display: block;
margin: 0 7px 0 0;
display: inline;
}

#accueil .promo_b {
display: block;
margin: 0;
display: inline;
}

#accueil .faux_column {
margin-bottom: 18px;
background: url(../images/bord01.gif) 235px 0 repeat-y transparent;
}

#accueil .left {
float: left;
width: 220px;
}

#accueil .right {
margin-left: 250px;
width: 220px;
}

#accueil p.intro {
margin-bottom: 0.8em;
}

#accueil .product_list {
margin-top: 0.3em;
}






/**********************
Side_promo
***********************/

.side_promo {
padding: 18px;
}

.side_promo a {
margin-bottom: 18px;
display: block;
}

.bottom_sidecontent .side_promo {
padding: 0 0 0 9px;
}




/**********************
Register
***********************/

#register-login ul {
display: none;
}





/**********************
Produits et services
***********************/

#products .content {
margin-bottom: 0;
padding-bottom: 0;
}

#products #feature {
border: 0 none;
xborder-bottom: 1px solid #ddd;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
height: auto;
}

#products ul.segments li {
padding: 0;
background: none transparent;
float: left;
display: block;
width: 244px;
margin: 0;
}

#products ul.segments li.bt_audio,
#products ul.segments li.bt_video {
margin-right: 5px;
}

#products ul.segments li a {
display: block;
height: 214px;
text-indent: -9999px;
overflow: hidden;
}

#products ul.segments li.bt_audio a {
background: url(../images/fr/segment_audio.jpg) 0 0 no-repeat transparent;
}

#products ul.segments li.bt_video a {
background: url(../images/fr/segment_video.jpg) 0 0 no-repeat transparent;
}

#products ul.segments li.bt_affaires a {
background: url(../images/fr/segment_affaires.jpg) 0 0 no-repeat transparent;
}


#products .faux_column {
margin-bottom: 18px;
background: url(../images/bord01.gif) 372px 0 repeat-y transparent;
}

#products .left {
width: 350px;
}

#products .right {
width: 350px;
margin-left: 390px;
}

#products .duplication,
#products .microduplication,
#products .promotion,
#products .emballage {
display: block;
height: 17em;
}

#products .duplication p.intro,
#products .microduplication p.intro,
#products .promotion p.intro,
#products .emballage p.intro {
margin-bottom: 1em;
line-height: 1.3em;
}

#products .duplication,
#products .microduplication {
border-bottom: 1px solid #ededed;
padding-bottom: 2em;
margin-bottom: 1em;
}

#accueil .intro h3 a,
.postedecoute h3 a,
.duplication h3 a,
.microduplication h3 a,
.promotion h3 a,
.emballage h3 a,
.wrap_contact h3 a {
text-indent: -999px;
overflow: hidden;
display: block;
height: 28px;
margin-bottom: 0.4em;
}

.duplication h3 a {
background: url(../images/fr/t_duplication.gif) 0 0 no-repeat transparent;
}

.microduplication h3 a {
background: url(../images/fr/t_micro-duplication.gif) 0 0 no-repeat transparent;
}

.promotion h3 a {
background: url(../images/fr/t_promotion.gif) 0 0 no-repeat transparent;
}

.emballage h3 a {
background: url(../images/fr/t_emballage.gif) 0 0 no-repeat transparent;
}

.postedecoute h3 a {
background: url(../images/fr/t_postedecoute.gif) 0 0 no-repeat transparent;
}

#accueil .intro h3 a {
background: url(../images/fr/t_bienvenue.gif) 0 0 no-repeat transparent;
margin-bottom: 8px;
}

.wrap_contact h3 a {
background: url(../images/fr/t_contactez-nous.gif) 0 -1px no-repeat transparent;
margin-bottom: 12px;
}

#products ul.product_list li {
display: block;
width: 150px;
float: left;
}

#products ul.product_list li.odd {
margin-right: 5px;
}

ul.cross_product_list {
margin-bottom: 2em;
}

ul.cross_product_list li {
background: none transparent;
padding: 0;
border: 1px solid #ddd;
margin: 0 0 2px 0;
padding: 1px;
background: #fff;
}

ul.cross_product_list li a {
font: normal 14px helvetica, arial, sans-serif;
display: block;
padding: 0 0 0 30px;
line-height: 33px;
text-decoration: none;
background: url(../images/fleche_cross_product.gif) 8px -120px no-repeat #ededed;
color: #666;
}

ul.cross_product_list li a:hover {
background: url(../images/fleche_cross_product.gif) 8px -60px no-repeat #ddd;
color: #555;
}

ul.cross_product_list li a:visited {
color: #666;
}

ul.cross_product_list li em {
font: normal 14px helvetica, arial, sans-serif;
line-height: 33px;
display: block;
font-style: normal;
padding: 0 0 0 30px;
margin: 0;
text-decoration: none;
background: url(../images/fleche_cross_product.gif) 8px 0 no-repeat #999;
color: #fff;
}

#duplication .content h4,
#micro-duplication .content h4 {
margin-top: 1.2em;
}

ul.product_sub_list {
float: left;
margin-bottom: 0.5em;
}

ul.product_sub_list li {
float: left;
width: 215px;
margin-left: 0;
margin-bottom: 0.3em;
margin-top: 0.4em;
background-position: 0 3px;
color: #555;
}

ul.product_sub_list li a {
color: #555;
}

ul.product_sub_list li em {
display: block;
font-style: normal;
font-weight: bold;
color: #393939;}

#postedecoute {
margin-bottom: 4em;
}

p.quote {
padding-left: 30px;
padding-right: 20px;
color: #444;
text-align: justify;
font-style: italic;
background: url(../images/quotes.gif) 4px 0 no-repeat transparent;
}

p.quote span {
display: block;
text-align: right;
}








/**********************
Bottom Contact
***********************/

.wrap_contact {
margin-bottom: 2px;
padding: 28px 18px 18px 18px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #292929;
background: url(../images/back_contact.gif) repeat-x 0 0 #3B3B3B; 
}

.wrap_contact a:visited {
color: #ccc;
}

.wrap_contact a.map_link {
float: left;
border: 0 none;
}

.wrap_contact a.map_link img {
border: 0 none;
}

.contact_adresse {
float: left;
margin-left: 24px;
width: 220px;
}

.contact_adresse address {
font-size: 12px;
line-height: 1.4em;
color: #ccc;
margin-bottom: 1em;
}

.contact_adresse address em {
font-size: 14px;
line-height: 1.6em;
font-style: normal;
color: #fff;
}

.contact_adresse a {
font-size: 12px;
line-height: 1.4em;
padding-bottom: 2px;
color: #ccc;
background: url(../images/icn_directions.gif) 0 center no-repeat transparent;
padding-left: 22px;
}

.contact_infos {
float: left;
margin-left: 31px;
width: 210px;
}

.contact_infos ul {
margin-bottom: 1.4em;
padding: 0;
}

.contact_infos ul li {
margin-bottom: 0;
padding: 0;
font-size: 12px;
line-height: 1.5em;
color: #ccc;
background: none transparent;
}

.contact_infos a {
font-size: 12px;
line-height: 1.4em;
padding-bottom: 2px;
color: #ccc;
background: url(../images/icn_email.gif) 0 center no-repeat transparent;
padding-left: 22px;
}




/*****************************************************************************
About us
*****************************************************************************/

#worldmap {
float: right;
margin-left: 13px;
margin-bottom: 15px;
background: url(../images/back_map.jpg) 0 0 no-repeat #ebebeb; 
width: 401px; 
height: 223px; 
display: block; 
position: relative;
z-index: 999;
padding-bottom: 24px;
}

#worldmap ul, #worldmap ul {
padding: 0;
margin: 0;
}

#worldmap ul li {
background: none transparent;
padding: 0;
}

#worldmap ul li a {
padding: 0; 
background: 0 none;
margin: 0; 
position: absolute;
text-decoration: none;
}

#worldmap ul li a:hover {
border: 0 none;
}

#worldmap ul li.northamerica a{
background: 0 none;
top: 45px;
left: 30px;
width: 100px;
height: 56px;
}

#worldmap ul li.europe a{
background: 0 none;
top: 42px;
left: 146px;
width: 80px;
height: 45px;
}

#worldmap ul li.asia a{
background: 0 none;
top: 90px;
left: 254px;
width: 100px;
height: 56px;
}

#worldmap ul li a i {
visibility: hidden;
}

#worldmap p {
position: absolute;
bottom: 0;
left: 0;
margin: 0 0 6px 8px;
color: #888;
background: url(../images/loupe.gif) 0 center no-repeat transparent;
padding: 0 0 0 18px;
}

#worldmap p a {
margin: 0;
padding: 0;
color: #888;
}

#northamerica,
#europe,
#asia {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
display: none;
width: 401px; 
height: 223px; 
padding: 0;
padding-bottom: 24px;
}

#northamerica {
background: url(../images/back_northamerica.jpg) 0 0 no-repeat #ebebeb; 
}

#europe {
background: url(../images/back_europe.jpg) 0 0 no-repeat #ebebeb; 
}

#asia {
background: url(../images/back_asia.jpg) 0 0 no-repeat #ebebeb; 
} 

#northamerica p,
#europe p,
#asia p {
padding: 0;
background: none transparent;
}

#northamerica p a,
#europe p a,
#asia p a {
background: url(../images/close_small.gif) 0 1px no-repeat transparent;
padding: 0 0 0 18px;
}



/*****************************************************************************
Templates 
*****************************************************************************/
table.list tr td {
font: normal 11px/1.4em verdana, helvetica, arial, sans-serif;
}

td.dl_pdf,
td.dl_eps {
width: 6em; 
}

td.dl_eps {
border-right: 0 none;
}

td.dl_pdf a,
td.dl_eps a {
background: url(../images/bullet_dl.gif) 0 center no-repeat transparent;
padding-left: 18px;
font: normal 11px/1.4em verdana, helvetica, arial, sans-serif;

}







/*****************************************************************************
Contact us
*****************************************************************************/

#contactez-nous .wrap_contact {
display: none;
}

* html #contactez-nous .footer { 
height: 0;
} 

#contactez-nous dl {
margin: 4px 0 2.5em 0;
}

#contactez-nous address {
margin-bottom: 1.3em;
padding-left: 12px;
background: url(/resources/acs-templating/cn/images/bullet.gif) 1px 4px no-repeat transparent;
line-height: 1.3em;
}

#contactez-nous address em {
font-style: normal;
position: relative;
font-family: helvetica, arial, sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 1.4em;
}

#contactez-nous a.directions_link {
background: url(../images/icn_directions_black.gif) 0 center no-repeat transparent; 
line-height: 40px;
padding: 1px 0 1px 20px;
}





/*****************************
Directions
*******************************/

#montrealmap {
float: right;
margin: 10px 0 2em 0;
background: url(../images/back_montreal.jpg) 0 0 no-repeat #ebebeb; 
width: 401px; 
height: 223px; 
display: block; 
position: relative;
z-index: 999;
padding-bottom: 24px;
}

#montrealmap p {
position: absolute;
bottom: 0;
left: 0;
margin: 0 0 6px 8px;
color: #888;
background: url(../images/loupe.gif) 0 center no-repeat transparent;
padding: 0 0 0 18px;
}

#montrealmap p a {
margin: 0;
padding: 0;
color: #888;
}

#montrealmap p a:hover {
color: #666;
}

#montrealmap ul li {
background: none transparent;
padding: 0;
}

#montrealmap ul li.closeup a {
padding: 0; 
margin: 0; 
position: absolute;
text-decoration: none;
top: 128px;
left: 143px;
width: 52px;
height: 30px;
background: 0 none;
}

#montrealmap ul li.closeup a i {
visibility: hidden;
}

#montrealmap ul li.closeup a:hover {
border: 1px solid #eee;
}

#closeup {
position: absolute;
top: 0;
left: 0;
z-index: 1000;
display: none;
width: 401px; 
height: 223px; 
background: url(../images/back_montrealcloseup.jpg) 0 0 no-repeat #ebebeb; 
padding-bottom: 24px;
}

#closeup p {
padding: 0;
background: none transparent;
}

#closeup p a {
background: url(../images/close_small.gif) 0 1px no-repeat transparent;
padding: 0 0 0 18px;
}





/*environnement*/


#environnement ul li ul {
padding-left: 16px;
padding-top: 7px;
margin-bottom: 16px;
}

#environnement ul li ul li {
font-weight: bold;
color: #444;
padding-left: 0;
background: none transparent;
}

#environnement ul li ul li ul {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 10px;
}


#environnement ul li ul li ul li {
float: none;
padding-left: 0;
background: none transparent;
color: #666;
margin-bottom: 0.2em;
font-weight: normal;
}