* {padding: 0; margin: 0;} 
/* generics
---------------------------------------------------------------------------------*/
body{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/main-bg-repeat.gif) repeat-x top left;
}
#thebody-01 {
	background:  url(../images/main-bg-idiom-01.gif) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	display:table;
	margin:0 auto;
	z-index:2;
}
#thebody-02 {
	background:  url(../images/main-bg-idiom-02.gif) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	display:table;
	margin:0 auto;
	z-index:2;
}
#thebody-03 {
	background:  url(../images/main-bg-idiom-03.gif) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	display:table;
	margin:0 auto;
	z-index:2;
}
#theborder {			
	background: url(../images/main-border-repeat.gif) repeat-y center top; 	
	width: 100%;
	display:table;
	z-index:1;
	margin:0 auto;
}
img {
	border: none;
}
a{
	color: #35343d;
	font-size:11px;
	text-decoration: none;
}
a:hover {
	color: #ffa200;
	font-size:11px;
	border-bottom:1px dotted #ffa200;
}
ul {
	list-style: none;
	padding-top: .5em;
	padding-bottom: .5em;
}
ul li {
	background: url(../images/bullet.gif) no-repeat center left;
	padding: 0 0 0 18px;
	line-height:20px;
	border-bottom:1px dotted #e1e1e1;	
	font-color: #35343d;
	font-size:14px;
	font-family:  Arial, Helvetica, sans-serif;	
	cursor:default;
}
ul li:hover {
	background: #f8f7e5 url(../images/bullet.gif) no-repeat center left;
	padding: 0 0 0 18px;
	line-height:20px;
	border-bottom:1px dotted #e1e1e1;	
	font-color: #ffa200;
	font-size:14px;
	font-family:  Arial, Helvetica, sans-serif;	
	cursor:pointer;
}
em {
	font: italic 110% Arial, Helvetica, sans-serif;
}
/* headings and typography
---------------------------------------------------------------------------------*/
h1 {
	font: bold 205%/100% Arial, Helvetica, sans-serif;
	padding: 0 0 8px;
	letter-spacing: -1px;
	margin-left: -2px;
	color: #ffffff;
}
h2 {
	font: bold 180%/100% Arial, Helvetica, sans-serif;
	padding: 0 0 8px;
	letter-spacing: -1px;
	margin-left: -2px;
	color: #ef9800;
	
}
h3{
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color:#35343d;
}
h4 {
	font: 120%/100% Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.nav-section-bg {
	width:160px; height:34px;
	background: url(../images/bg-section-title-01.gif) no-repeat center top;
	text-align: center;
	letter-spacing: 1px;	
	margin-left:-2px;
	padding-bottom:10px;
}
.nav-section-bg-fat {
	width:160px; height:34px;
	background: url(../images/bg-section-title-01-fat.gif) no-repeat center top;
	text-align: left;
	letter-spacing: 1px;	
	margin-left:-2px;
	padding-bottom:10px;
}
.nav-section-bg-orange {
	width:160px; height:34px;
	background: url(../images/bg-section-title-02.gif) no-repeat center top;
	text-align: center;
	letter-spacing: 1px;	
	margin-left:-2px;
	padding-bottom:10px;
}
.nav-section-title{
	vertical-align:bottom;
	color:#ffffff;
	padding-top:7px;
}
.nav-section-title-2{
	vertical-align:bottom;
	color:#ffffff;
	padding-top:5px;
}
.nav-section-title-3{
	vertical-align:bottom;
	color:#ffffff;
	padding:5px 0 0 25px;
}
.product-cat {
	color:#35343d;
	text-transform:uppercase;
	font-weight: bold;
}
.home-box-title {
	color:#ffffff;;
	font-weight: bold;
}
.text-note{
	color:#35343d;
	size:8px;
}
.link-note{
	size:8px;
}
.html-liner{
	padding:5px 0 5px 0;
	border-top:1px #e1e1e1 dotted
}
/* content wrap
---------------------------------------------------------------------------------*/
#header {
	height:30px;
	width:802px;
	margin: 0px auto;
	position: relative;
	padding:0 0 10px 0;
	/*border:1px solid #990000;*/
}
/* content wrap
---------------------------------------------------------------------------------*/
#content-wrap {
	width: 802px;
	margin: 0px auto;
	min-height:_height;	
	position: relative;
	/*border:1px solid #990000;*/
}
#top-header{
	background: url(../images/bg-top-header.gif) no-repeat center top;	
	position: relative;
	width: 802px;
	height:88px;
	margin:0px auto;
	/*border:1px solid #990000;*/
	padding:0 0 10px 0;
}
#top-nav{
	background: url(../images/bg-top-nav.gif) no-repeat center top;	
	position: relative;
	width: 802px;
	height:43px;
	margin:0px auto;
	text-align:left;
	padding:0 0 10px 0;
	/*border:1px solid #990000;*/
}
#left-nav
{
	width:162px;
	display:table-cell;
	display:inline-block;
	vertical-align:top;
	z-index:5;
	padding:0 0 20px 20px;
	/*border:1px solid #990000;*/
}
#right-nav
{
	vertical-align:top;
	width:162px;
	display:table-cell;
	display:inline-block;
	z-index:5;	
	padding:0 0 20px 0;
	/*border:1px solid #990000;	*/
}
#content-zone {
	width:430px;
	display:table-cell;
	display:inline-block;
	vertical-align:top;
	z-index: 5;
	padding:0 10px 20px 0;
	/*border:1px solid #990000;	*/
}


#bottom-bg {	
	/*border:1px solid #990000;*/
	background: url(../images/main-border-bottom.gif) no-repeat  center bottom;
}
/* top header & footer content
---------------------------------------------------------------------------------*/
#top-header-logo-dot
{
	height:99px; width:190px;
	background: url(../images/logo-dot-electronique-2.gif) no-repeat left top;
	cursor:pointer;
	margin:0 0 0 20px;
	text-align:left;
	float:left;
}
#top-header-address
{
	height:88px;
	font: Arial;
	text-align:right;
	size:11px;
	float:right;
	color:#ffffff;	
/*	border:1px solid #990000;*/
	margin:10px 30px auto;
}
#footer{
	padding:10px 0 20px 0;
	border-top:1px dotted #e1e1e1;
	border-bottom:1px dotted #e1e1e1;
	text-align:center;
	margin:auto;
	width:100%;
}
#footer .image-holder{
	background:url(../images/logo-footer-dot-electroniqu.gif) no-repeat center center;
	display:table-cell;
	display:inline-block;
	width:120px; height:60px;
	margin-right:auto;
	vertical-align:top;
	text-align:center;
	/*border:1px solid #ff0000;*/
	
}
#footer .text-holder{
	display:table-cell;
	display:inline-block;
	margin:auto;
	width:320px;
	vertical-align:top;
	text-align:left;	
	padding-top:12px;
	/*border:1px solid #ff0000;*/
}
/* nav content
---------------------------------------------------------------------------------*/
#top-nav-home
{
	width:100%;
	cursor:pointer;
	/*float:left;*/
	clear:both;
	text-align:left;
	margin:0 0 0 45px;
	padding-top:12px;
}
.left-nav-liner
{
	margin-left: -2px;
	height:10px; width:166px;
	padding-bottom:15px;
	background: url(../images/nav-liner.gif) no-repeat top left;
}
#section-meteo{
	margin-left:-2px;
	margin-top:5px;
	text-align:center;
	height:140px;
	width:158px;
	border-bottom:1px solid #e1e1e1;
	/*border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;*/
}
.right-nav-liner
{
	margin: 5px 12px 5px 12px;
	position:relative;
	height:3px; width:135px;
	background: url(../images/nav-liner-2.gif) no-repeat center center;
}
.right-nav-element{
	font-size:11px;
	background: url(../images/bullet.gif) no-repeat 4px 4px;
	border:none;
	line-height:auto;
	cursor:default;
}
.right-nav-element:hover{
	font-size:11px;
	background: url(../images/bullet.gif) no-repeat 4px 4px;
	border:none;
	line-height:auto;
	cursor:default;
}
#right-nav ul{
	list-style: none;
	padding-top: .5em;
	padding-bottom: .5em;
}
#right-nav li{
	background: url(../images/bullet.gif) no-repeat 5px left;
	padding: 0 0 0 18px;
	line-height:14px;
	border-bottom:none;	
	font-color: #35343d;
	font-size:11px;
	font-family:  Arial, Helvetica, sans-serif;	
	cursor:default;
}
/* generic
---------------------------------------------------------------------------------*/
.pdf-download{
	/*background: url(../global-uri/icons/icon_adobe_acrobat.gif) no-repeat center right;*/
	width:auto;
	margin:0px 0px 0px 10px;
	text-align:left;
	vertical-align:center;	
	font-weight:normal;
	border-bottom:none;
	font:  140%/100% Arial, Helvetica, sans-serif;		
	cursor:default;
	background:none;
}
.pdf-download-over{
	/*background: url(../global-uri/icons/icon_adobe_acrobat.gif) no-repeat center right;*/	
	margin:0px 0px 0px 10px;
	width:auto;
	text-align:left;
	vertical-align:center;
	font:  140%/100% Arial, Helvetica, sans-serif;
	background-color:#fefade;
	cursor:pointer;
}
.pdf-icon{
	width:30px; height:30px;
	text-align:left;
	vertical-align:bottom;	
}
.note{
	font: 100%/100% Arial, Helvetica, sans-serif;
	color:#999999;
	background-color:#fefade;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	
}
/* content
---------------------------------------------------------------------------------*/
#zone-promo{	
	background: url(../images/dot-promo-07-75-pourcent-rabais.jpg) no-repeat top left;
	width:428px; height:176px;
	margin:auto;
	cursor:pointer;
}
.zone-promo-nav{	
	background: url(../images/promo-nav-round.gif) no-repeat center center;
	width:16px; height:16px;
	font: bold 110%/100% Arial, Helvetica, sans-serif;
	color:#ffffff;
	vertical-align:middle;
	display:table-cell;
	display:inline-block;	
	/*margin:auto;*/
	text-align:center;
	cursor:default;
}
.zone-promo-nav-holder{
	position:relative;
	float:right;
	padding:7px 0 0 0;
}
.zone-promo-nav-over{	
	background: url(../images/promo-nav-round-over.gif) no-repeat center center;
	width:16px; height:16px;
	font: bold 110%/100% Arial, Helvetica, sans-serif;
	color:#ffffff;
	vertical-align:middle;
	display:table-cell;
	display:inline-block;	
	/*margin:auto;*/
	cursor:pointer;
	text-align:center;
}
.home-content-sections{
	width:430px;
	padding:5px 0 10px 0;
	/*border:1px solid #990000;*/
	clear:both;	
}
.home-box{
	width:213px; height:186px;
	display:table-cell;
	display:inline-block;
	cursor:pointer;
	/*padding-left:5px;*/
	background:no-repeat center center;
}
.home-box-bg-title{
	width:175px; height:21px;
	margin:143px 0px 0px 0px;
	padding:3px 0 0 2px;
	cursor:default;
	background:url(../images/bg-box-tittle.gif) repeat-x;
	vertical-align:middle;
}
.home-box-bg-title-over{
	width:175px; height:21px;
	margin:143px 0px 0px 0px;
	padding:3px 0 0 2px;
	cursor:pointer;
	background:url(../images/bg-box-tittle-over.gif) repeat-x;	
	vertical-align:middle;
}
/* content-large-zone NEW CSS
---------------------------------------------------------------------------------*/
#content-large-zone {
	width:592px;
	display:table-cell;
	display:inline-block;
	vertical-align:top;
	z-index: 5;
	/*padding:0 10px 20px 0;*/
	/*border:1px solid #990000;	*/
}
#content-large-zone h1 /* Tous les titres h1 du corps */
{
	margin:20px 0 0px 0px;
	color: #e04400;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
}
/* product-listing NEW CSS
---------------------------------------------------------------------------------*/
#product-listing{
	margin:10px 10px 10px 10px;
	width:592px;
}
#product-listing h1 /* Tous les titres h1 du corps */
{
   color: #003366;
   text-align: left;
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
}
#product-listing h2 /* Tous les titres h1 du corps */
{
   color: #000000;
   text-align: left;
   font: 130%/100% Arial, Helvetica, sans-serif;
   font-weight:bold;
   padding:5px 0px 0px 0px;
}
#product-listing .holder{
	border-top:1px dotted #e1e1e1;
	padding:5px 0 5px 0;
}
#product-listing .main-image{
	max-width:100px;
	vertical-align:middle;	
	text-align:center;
	margin:auto;
}
#product-listing .main-image-holder{
	display:table-cell;
	display:inline-block;
	width:125px;
	vertical-align:middle;	
	text-align:center;
	margin:auto;

}
#product-listing .content{
	display:table-cell;
	display:inline-block;
	width:453px;
	vertical-align:top;
	padding:0 0 0 10px;
}
#product-listing ul /* Tous les titres h1 du corps */
{
	list-style: none;
	padding-top: .5em;
	padding-bottom: .5em;
}
#product-listing li /* Tous les titres h1 du corps */
{
	background: url(../images/bullet.gif) no-repeat center left;
	padding: 0 0 0 18px;
	line-height:12px;
	border-bottom:none;
	font-color: #35343d;
	font-size:11px;
	font-family:  Arial, Helvetica, sans-serif;	
	cursor:default;
}
#product-listing .pdf-download{
	/*background: url(../global-uri/icons/icon_adobe_acrobat.gif) no-repeat center right;*/
	margin:10px auto;
	width:105px;
	text-align:left;
	vertical-align:bottom;	
	font-weight:normal;
	border-bottom:none;
	font:  110%/100% Arial, Helvetica, sans-serif;		
	cursor:default;
	background:none;
}
#product-listing .pdf-download-over{
	/*background: url(../global-uri/icons/icon_adobe_acrobat.gif) no-repeat center right;*/	
	margin:10px auto;
	text-align:left;
	width:105px;
	vertical-align:bottom;
	font:  110%/100% Arial, Helvetica, sans-serif;
	background-color:#fefade;
	cursor:pointer;
}
#product-listing .pdf-icon{
	width:20px; height:20px;
	text-align:right;
	vertical-align:bottom;	
}
#product-listing .price{
	height:20px;
	margin:0 0 0 15px;
	text-align:left;
	vertical-align:bottom;	
	font:  160%  Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:bold;
}
/* content-template-01-holder
-------------------------------------------------*/
#content-template-01-holder{
	margin:10px 15px 10px 15px;
}
#content-template-01-holder ul /* Tous les titres h1 du corps */
{
	list-style: none;
	padding-top: .5em;
	padding-bottom: .5em;
}
#content-template-01-holder li /* Tous les titres h1 du corps */
{
	background: url(../images/bullet.gif) no-repeat center left;
	padding: 0 0 0 18px;
	line-height:12px;
	border-bottom:none;
	font-color: #35343d;
	font-size:11px;
	font-family:  Arial, Helvetica, sans-serif;	
	cursor:default;
}
#content-template-01-holder p{
	font:  120%/100% Arial, Helvetica, sans-serif;
	padding:5px 5px 5px 5px;
}
#content-template-01-holder .encart{
	padding:5px 5px 5px 5px;
	margin-left:-5px;
	background-color:#fefade;
	border-left:1px solid #ef9800;
	border-right:1px solid #ef9800;
	font:  120%/100% Arial, Helvetica, sans-serif;
}
#content-template-01-holder .address{
	margin:10px 0 0 5px;
	padding:10px 0 0 5px;
	font:  140%/100% Arial, Helvetica, sans-serif;
	width:210px;
	line-height:19px;
	display:table-cell;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	border-right:1px solid #e1e1e1;
}
#content-template-01-holder .horaire-jour{
	padding:10px 0 0 30px;
	width:75px;
	display:table-cell;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
#content-template-01-holder .horaire-heure{
	padding:10px 0 0 0;
	width:100px;
	display:table-cell;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}

/*
 	start tooltips 
-------------------------------------------------*/ 
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../global-uri/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../global-uri/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
/*
 	end tooltips 
-------------------------------------------------*/ 












/* OLD CSS
---------------------------------------------------------------------------------------*/
/* CSS Document */
#navlist
{
border-bottom: 1px solid #ccc;
margin: 0;
padding-bottom: 19px;
padding-left: 10px;
}

#navlist ul, #navlist li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist a:link, #navlist a:visited
{
background: #E8EBF0;
border: 1px solid #ccc;
color: #666;
float: left;
font-size: small;
font-weight: normal;
line-height: 14px;
margin-right: 8px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist a:hover { color: #f00; }

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
background: #fff;
border-bottom: 1px solid #fff;
color: #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
display: none;
width: 90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
display: inline;
left: 10px;
position: absolute;
top: 95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
background: #fff;
border: none;
border-left: 1px solid #ccc;
color: #999;
font-size: smaller;
font-weight: bold;
line-height: 10px;
margin-right: 4px;
padding: 2px 10px 2px 10px;
text-decoration: none;
}

#navlist ul a:hover { color: #f00 !important; }

#contents
{
background: #fff;
border: 1px solid #ccc;
border-top: none;
clear: both;
margin: 0px;
padding: 15px;
}