/* CSS Document */

ul {
   margin-top: 0px;
   margin-bottom: 0px;
}	
	
body {	
	background-image:url(/images/background.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	text-align: center; !important;
	
	width: auto;
        margin: 0px;
	padding: 0px;

	overflow: hidden;
}

form { margin-bottom: 0px; }
	
#topbar {
	width: 1000px;
	height: 100px;
	position: absolute;
	display: visible;
	text-align: center;
	top: 10px;
	left: 50%;
	margin-left: -500px;
	z-index: 0;
}

#topmenu {
	width: 999px;
	height: 28px;
	position: absolute;
        background-image:url(/images/boutons.jpg);
	background-repeat: repeat;
	display: visible;
	text-align: center;
	top: 110px;
	left: 50%;
	margin-left: -500px;
	z-index: 10;
}

#contenu_sidebar {
    width: 213px;
    display: block;
    background: url('/images/background_left.jpg');
	
    position: absolute;
    text-align: center;
	
    top: 138px;
    bottom: 29px;
    left: 50%;
    margin-left: -500px;
		
    overflow: auto;
    visibility:	visible;
    z-index: 0;
}		
		
#contenu_page {
    width: 786px;
    display: block;
    background-color: #FFFFFF;

    position: absolute;
    text-align: center;
	
    top: 138px;
    bottom: 29px;
    left: 50%;
    margin-left: -287px;
	
    overflow: auto;
    visibility:	visible;
    z-index: 0;
}
	
#copyright {
	width:1000px;
	height: 29px;
	
	position: absolute;	
        bottom: 0px;
	left: 50%;
	margin-left: -500px;
	
	display: block;
	overflow: visible;
	visibility: visible;
	
	background-color:#1F3F56;
	background-image: url(/images/barre_copyright_1000.jpg);
	z-index: 1000;
}

	
/* Text styles */
.texte {
	width: 736px;
//	position: relative;
        position: absolute;
	visibility: inherit;
	left: 25px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	text-align: justify;
}

.texte2 {
	width: 736px;
	position: absolute;
	visibility: inherit;
	left: 25px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	text-align: justify;
}
	
.texte_full {
	width: 736px;
	position: relative;
	visibility: inherit;
	left:	 216px;
	display: block;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	padding-left: 15px;
	color: #000000;
	text-align: justify;
}
	
#contenu {
	width: 786px;
	height: expression(document.body.offsetHeight - 128);
	position: absolute;
        
	text-align: center;
	top: 138px;
	bottom: 29px;
	left: 50%;
        margin-left: -287px;

//        background-color: #ACCCE5;
        background-color: #FFFFFF;
	overflow: auto;
	visibility: visible;
	z-index: 0;
}
	
#contenu_full {
	width: 1000px;
	height: expression(document.body.offsetHeight - 217);
	display: block;

	position: absolute;
	text-align: center;
	top: 138px;
	bottom: 29px;
	left: 50%;
        margin-left: -500px;

//        background-color: #ACCCE5;
//        background-color: #FFFFFF;
	overflow: auto;
	visibility: visible;
	z-index: 0;
}
	
#contenu_full_bg {
	width: 786px;
	height: expression(document.body.offsetHeight - 128);
	display: block;
	position: absolute;
        
	text-align: center;
	top: 138px;
	bottom: 29px;
	left: 50%;
        margin-left: -287px;

//        background-color: #ACCCE5;
        background-color: #FFFFFF;
	overflow: auto;
	visibility: visible;
	z-index: 0;
}

	
#smallcontenu {
	width: 796px;
	height: expression(document.body.offsetHeight - 100);
	position: absolute;
        
	text-align: center;
	top: 110px;
	bottom: 29px;
	left: 50%;
        margin-left: -297px;

//        background-color: #ACCCE5;
        background-color: #FFFFFF;
	scrollbar-face-color: #003333;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #99CCFF;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color:#000000;
	scrollbar-arrow-color: #99CCFF;
	overflow: auto;
	visibility: visible;
	z-index: 0;
}


#entete_popup {
       width: 100%;
       height: 28px;
       position: absolute;
       background-image: url(/images/boutons.jpg);
       background-repeat: repeat;
       top: -2px;
       left: 0px;
       color: #FFFFFF;
}	
	
#contenu_popup {
	display: block;

	height: expression(document.body.offsetHeight - 56);
	position: absolute;
	padding: 10px;
	text-align: center;
	top: 27px;
	bottom: 29px;
	left: 0px;
	right: 0px;

        background-color: #FFFFFF;
	overflow: auto;
	visibility: visible;
	z-index: 0;
}

#contenu_popup2 {
	display: block;

	height: expression(document.body.offsetHeight - 28);
	position: absolute;
	padding: 10px;
	text-align: center;
	top: 27px;
	bottom: 0px;
	left: 0px;
	right: 0px;

        background-color: #FFFFFF;
	overflow: auto;
	visibility: visible;
	z-index: 0;
}
	
#entete_popup .left {
       height: 26px;
       line-heigh: 26px;
       position: absolute;
       top: 7px;
       left: 7px;
	
       font-weight: bold;
       font-size: 13px;
       font-family: Verdana, Arial, Helvetica;
}	
	
#entete_popup .right {
       height: 26px;
       line-heigh: 26px;
	
       position: absolute;
       top: 7px;
       right: 7px;
	
       font-weight: bold;
       font-size: 12px;
       font-family: Verdana, Arial, Helvetica;
}
	
#copyright_popup {
	width:1000px;
	height:29px;
	position:absolute;
        bottom: 0px;
	left: 50%;
	margin-left: -500px;
	display: block;
	overflow: visible;
	visibility: visible;
	background-color:#1F3F56;
	background-image: url(/images/barre_copyright_800.jpg);
	z-index: 1000;
}
	

#leftmenu {
	position: absolute;
	width: 203px;
	height: expression(document.body.offsetHeight - 128);
	top: 138px;
	bottom: 29px;
	margin-left: -500px;
	left: 50%;
	padding-left: 9px;
	display: block;
	overflow: visible;
	visibility: visible;
	background-image: url(/images/background_left.jpg);
	visibility: inherit;
	text-align:center;
	z-index: 10;
}

#leftmenu_full_bg {
	position: absolute;
	width: 203px;
	height: expression(document.body.offsetHeight - 128);
	top: 138px;
	display: block;
	bottom: 29px;
	margin-left: -500px;
	left: 50%;
	padding-left: 9px;
	display: block;
	overflow: visible;
	visibility: visible;
	background-image: url(/images/background_left.jpg);
	visibility: inherit;
	text-align:center;
	z-index: 0;
}
	
#leftmenu_full {
	position: absolute;
	display: block;
	width: 203px;
	height: expression(document.body.offsetHeight - 128);
	padding-left: 9px;
	display: block;
	overflow: visible;
	visibility: inherit;
	text-align:center;
	z-index: 10;
}
	
.menuitem {
        width:190px;
	left: 10px;
	left: 1px;
}

.block_text {
        padding: 10px;
	width:172px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
        visibility: inherit;
}

.login {
        width:192px;
        height:60px;
        background-color:#193342;
        background-image: url(/images/header_login.jpg);
}

.tips {
        width:192px;
        height:60px;
        background-color:#193342;
        background-image: url(/images/header_tip_of_the_day.jpg);
}

.tips_content {
        width:192px;
//        height:130px;
height:	 auto;
        background-color: #ACCCE5;
	font-size: 11px;
	color: #000000;
        text-align:left;
//	overflow: auto;
        visibility: inherit;
}

.auto_content {
        width:192px;
//        height:130px;
height:	 auto;
        background-color: #ACCCE5;
	font-size: 11px;
	color: #000000;
        text-align:left;
//	overflow: auto;
        visibility: inherit;
}

.tips_text {
        padding: 10px;
	width:192px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
        visibility: inherit;
}

.news {
        width:192px;
        height:60px;
        background-color:#254659;
        background-image: url(/images/header_newsletters.jpg);
}

.news_content {
        width:192px;
        height:130px;
        background-color: #ACCCE5;
        text-align:left;
        visibility: inherit;
}

.distributors  {
        width:192px;
        height:60px;
        background-color:#33444C;
        background-image: url(/images/header_distributors_resellers.jpg);
}

.distributors_content {
        width:192px;
        height:130px;
        background-color: #FFFFFF;
        text-align:left;
        visibility: inherit;
}

.quicksearch {
        width:192px;
        height:60px;
        background-color:#193342;
        background-image: url(/images/header_quick_find.jpg);
}
	
.categories {
        width:192px;
        height:60px;
        background-color:#193342;
        background-image: url(/images/header_categories.jpg);
}

.information {
        width:192px;
        height:60px;
        background-color:#193342;
        background-image: url(/images/header_information.jpg);
}
	
.shoppingcart {
        width:192px;
        height:60px;
        background-color:#193342;
        background-image: url(/images/header_shopping_cart.jpg);
}

.auto_content {
        width:192px;
        height:auto;
        background-color: #ACCCE5;
        text-align:left;
        visibility: inherit;
}
	
/* News */

#dropcontentsubject {
	width:	 172px;
	font-weight:	 bold;
	color:#000000;
	font-size: 11px;
}	
	
.dropcontent{
	color:#000000;
	width:	 172px;
	height:	 100px;
	font-size: 10px;
	display:	block;
}	

/* .. */

.texte_menu {
      color: #AEE4F9;
      font-size:12px;
      font-weight: bold;
      font-family:Verdana, Arial, Helvetica;
}

.table_bg {	
        background-color: #ACCCE5;
}
	
.table_product_bg {
        background-color: #ACCCE5;
	background-image:url(/images/background_product_listing.jpg);
}

.texte_normal, .label {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	color:#000000;
}

.texte_10 {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	color:#000000;
}

.texte_11 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	color:#000000;
}

.texte_12 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	color:#000000;
}
				
.texte_14 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica;
	color:#000000;
}
	
textarea, input, select { border: 1px solid #91BAD0; font: 8pt Verdana,Helvetica,Arial; color: #444444; }
	
a {
        color: #004A6E;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
}
	
a:hover {
	color: #004A6E;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
}

a.texte_10 {
	color: #004A6E;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
	text-decoration: none;
}
	
hr { border: 0px; height: 1px; line-height: 0pt; color: #91BAD0; background-color: #91BAD0 }


#topcontent {
	width: 736px;
	height: 40px;
        background-image:url(/images/header_content_800.jpg);
	position: relative;
	display: visible;
	text-align: left;
	top: 5px;
	z-index: 0;
}

#topcontent a { color: #F3F9FC; }
.toptext {	
	font-family: Verdana, Arial, Helvetica;
	color: #F3F9FC;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top:	 14px;
	left:	 20px;
	right:	 20px;
	display: visible;
	text-align: left;
}
	
.toptext_r {	
	font-family: Verdana, Arial, Helvetica;
	color: #F3F9FC;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top:	 14px;
	left:	 20px;
	right:	 20px;
	display: visible;
	text-align: right;
}

/* Boxes */
div.light_blue_box { background-color: #F3F9FC; padding: 10px }

/*
 div.rounded_light_blue_box { background-color: #F3F9FC; -moz-border-radius: 12px }
*/	
div.rounded_light_blue_box_motd { background-color: #99AEFF; -moz-border-radius: 12px; border: solid 1px #AAAAAA;}
	
div.rounded_light_white_box, table.rounded_light_white_box { background-color: #FFFFFF; -moz-border-radius: 12px; border: solid 1px #DEDEDE; }
div.rounded_light_blue_box, table.rounded_light_blue_box { background-color: #EFEFEF; -moz-border-radius: 12px; border: solid 1px #DEDEDE; }
div.rounded_dark_blue_box, table.rounded_dark_blue_box { background-color: #77AECC; -moz-border-radius: 12px; color: #FFFFFF; border: solid 1px #DDDDDD; }
	
table.rounded_light_white_box, table.rounded_light_blue_box, table.rounded_dark_blue_box { padding: 10px; }
	
div.rounded_light_blue_box .content, div.rounded_dark_blue_box .content2 { padding: 10px }
	
div.rounded_light_blue_box .content, div.rounded_dark_blue_box .content2 { padding: 10px }

div.rounded_light_blue_box .title { color: #004A6E; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }
div.rounded_dark_blue_box .title { color: #FFFFFF; font-size: 10pt; font-weight: bold; margin-bottom: 10px; }


/* Table used for the items icons */
  table.items_menu td { padding: 10px }
  table.items_menu td.image { width: 50px;   }
  table.items_menu td.name { width: 50%; line-height: 12pt; }
  table.items_menu td.name a { text-decoration: none; }
  table.items_menu td.name a span { display: block; padding-bottom: 8px; font-size: 10pt; font-weight: bold }
  table.items_menu td.namef { line-height: 12pt; }
  table.items_menu td.namef a { text-decoration: none; }
  table.items_menu td.namef a span { display: block; padding-bottom: 8px; font-size: 10pt; font-weight: bold }
  div.rounded_container .namef { float: left; line-height: 16px; font-weight: bold; margin-bottom: 4px }

/* Table styles */
table.a { width: 100%; background-color: #FFFFFF }
table.a td { padding: 2px }

tr.a, td.a { background-color: #FFFFFF; }
tr.b, td.b { background-color: #F6F6F6; }
tr.msg_a, td.msg_a { background-color: #FFFFFF; vertical-align: top }
tr.msg_b, td.msg_b { background-color: #F6F6F6; vertical-align: top }
tr.head { color: #FFFFFF; font-weight: bold; background-image: url(/images/barblue.gif); background-color: #407795; }
tr.head td { padding: 2px }
tr.a:hover, tr.b:hover, tr.hover { background-color: #E3F0F6; }
td.icon { width: 16px; text-align: center; vertical-align: top; }