html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none;}
fieldset,img{border:0;}
body {font:13px/1.4em Arial, Verdana, Helvetica, sans-serif;  color:#333; background-color:#FFF;  text-align:center;}

#frame {margin: 0 auto; min-width:765px; max-width:1270px; text-align:left; border-left:1px solid #333; border-right:1px solid #333;}
label:hover {cursor:pointer; color:#666;}
pre {text-align:left; padding:20px;}
ol {margin:5px 20px;}
ul li {margin:5px 0; padding-left:12px; list-style:none;
background:url("../images/bullet.gif") no-repeat 0 .5em; }

/* links */
a {font-weight:bold; text-decoration:none; border-bottom:1px dotted #000066; color: #002A70; outline:none;}
a:hover {color: #0000FF; border-bottom-color:#003EA1;}
a:active {color:  #000066;}
a.green { color:#006600;}
a.red { color:#990000;}
a:hover.green {color: #00CC00;}
a:hover.red {color: #FF0000;}


/* Header */
#header {height:75px; width:100%; background:url("../images/bgGrey.jpg") repeat-x top;}

/* Logo */
#logo {text-indent:-9999px; display:block; float:left; position:relative; top:15px; left:37px; width:150px; height:71px; background:url(../images/artdec.ca.gif) top left no-repeat; border-bottom:none; z-index:5;}
#logo:hover {background-position:bottom left;} 

/* Titres */
h1 {display:block; font:normal 28px Georgia, "Times New Roman", Times, serif; padding-bottom:10px; color: #000; }

/* Descriptions */
#desc_text {padding:5px 10px; background-color:#F1E9DF; border:1px solid #BC9672;}
.desc_text {padding:5px 10px; background-color:#F1E9DF; border:1px solid #BC9672;}
#desc_text img {border:1px solid #333;}
#desc_text hr {height:0; *height:2px; border-top:1px solid #BC9672; border-bottom:1px solid #FFF;}

/* Menu accueil - forums - Articles  - Produits */
#menuHeader {font-size:12px; float:right; height:60px; width:365px; font-weight:bold; line-height:normal; background:url("../images/menuLine.jpg") bottom left repeat-x;}
#menuHeader #menuPanel {height:17px; padding:9px 10px; text-align:right;}
#menuHeader #menuPanel input{background:none; border:0; vertical-align:middle; padding:0;}
#menuHeader #menuPanel #searchText{background-color:#FFF; border:1px solid #666;}
#menuHeader ul {margin:0; padding:0 7px 0 0px; list-style:none;}
#menuHeader li { display:inline; margin:0; padding:0; }
#menuHeader a { float:right; background: url("../images/menuHeader.jpg") no-repeat left top;   margin:0 3px 0 0; padding:0 0 0 5px; border-bottom:none; border-bottom:1px solid #000; color:#FFF;}
.boutique #menuHeader li#boutique a, .articles #menuHeader li#articles a, .forums #menuHeader li#forums a, .home #menuHeader li#home a {float:right; background:url("../images/menuHeader.jpg") no-repeat left -60px; border-bottom:1px solid #FFF; }
.boutique #menuHeader li#boutique a span:hover, .articles #menuHeader li#articles a span:hover, .forums #menuHeader li#forums a span:hover, .home #menuHeader li#home a span:hover{color:#666;} 
.boutique #menuHeader li#boutique a span, .articles #menuHeader li#articles a span, .forums #menuHeader li#forums a span, .home #menuHeader li#home a span { background:url("../images/menuHeader.jpg") no-repeat right -60px;  color:#000; }
#menuHeader a span {float:left; display:block; background:url("../images/menuHeader.jpg") no-repeat right top; padding:5px 15px 4px 7px; }

 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuHeader a span {float:none;}
/* End IE5-Mac hack */
#menuHeader a:hover { background-position:left -30px; color:#FFF;}
#menuHeader a:hover span { background-position:right -30px; }

.userBox {position:relative; text-align:left; padding:10px 1% 0 1%; height:55px; background-color:#FFF; left:7%; float:left; font:bold 12px Arial, Helvetica, sans-serif; width:215px;  }
.userBox a{border-bottom:none;}
#adsenseHeader{position:absolute; top:0; left:50%}
#adsenseHeader div {width:240px; position:relative; margin-left:-180px; padding:8px 10px 0 10px; height:50px; background-color:#FFF;}

/* Sous menu */
#subMenu{margin-right:10px; font-weight:bold; font-size:12px; clear:both; text-align:right;}
#subMenu a{padding:3px 5px; color:#000;  border:1px solid #CCC; border-bottom:none;background-color:#F6F6F6;}
#subMenu a:hover{color:#974D00; background-color:#FFF;}
#subMenu .red{color: #990000;}
#subMenu .green{color:#006600;}
#subMenu .red:hover{color: #FF0000;}
#subMenu .green:hover{color: #00CC00;}

/* Breadcrumb */
#breadcrumb{border-top:1px solid #CCC; padding-top:3px; margin:2px 10px 0 10px; text-align:left; font:bold 12px Arial, Helvetica, sans-serif; color:#666; }

/* Rounded corner */
.rounded1 { background:url("../images/roundCorner.gif") no-repeat left top; height:5px; width:5px;}
.rounded2 { background:url("../images/roundCorner.gif") no-repeat right top; height:5px; width:5px;}
.rounded3 { background:url("../images/roundCorner.gif") no-repeat left bottom; height:5px; width:5px;}
.rounded4 { background:url("../images/roundCorner.gif") no-repeat right bottom; height:5px; width:5px;}
.outRounded1 {background:url("../images/outRounded.gif") no-repeat left top; height:5px; width:5px;}
.outRounded2 {background:url("../images/outRounded.gif") no-repeat right top; height:5px; width:5px;}
.outRounded3 {background:url("../images/outRounded.gif") no-repeat left bottom; height:5px; width:5px;}
.outRounded4 {background:url("../images/outRounded.gif") no-repeat right bottom; height:5px; width:5px; }

.commentText {/* pour ie7 ??? */ line-height:5px; width:100%; background-color:#FFF; margin:5px 0 -3px 0; }
.comment {line-height:1.4em; padding:5px;  overflow-x:auto;}
.commentImg  {position:relative; top:2px ; }

/* Buttons Everywhere */
.cssButton {background-color:#FFF; width:117px; border:0; padding:0; margin:0; height:20px; background-position:top left;  background-repeat:no-repeat; }
.cssButton:hover, .cssButtonHover{ background-position:bottom left; cursor:pointer; border:0;}

/* Accueil du site */
#accueil #breadcrumb {border-top:0;}
#texteAccueil {margin-left:10px; margin-top:10px;}
#texteAccueil a {font-weight:bold;}
#blocAccueil {text-align:left; float:right; border:3px double #333; margin-left:10px; margin-top:10px; width:350px; height:281px;}
#blocAccueil em{display:block; font:normal 18px Georgia, "Times New Roman", Times, serif;}
#blocAccueil a{display:block; cursor:pointer; border-bottom:none; font-weight:normal; padding:15px; height:63px;}
#blocAccueil a#forumsBloc {border-top:1px solid #333; background:#58310B url(../boutique/images/accueil1.gif) top right no-repeat; color:#FFF;}
#blocAccueil a#forumsBloc:hover { background-color:#7E3D00;}
#blocAccueil a#articlesBloc{background:#A66120 url(../boutique/images/accueil2.gif) top right no-repeat; color:#FFF; }
#blocAccueil a#articlesBloc:hover {background-color:#C76D18;}
#blocAccueil a#productsBloc{border-top:1px solid #333; background:#E6B566 url(../boutique/images/accueil3.png) no-repeat; background-position:right top; color:#000; }
#blocAccueil a#productsBloc:hover {background-color:#FFC867;}
.colored {background-color:#DACAB8;}
.noUnderline a {border-bottom:none;}

/* Slimbox */
#lbOverlay {position:absolute; z-index:10; left:0; width:100%; background-color: #000; cursor:hand;cursor:pointer;}
#lbCenter, #lbBottomContainer { z-index:15; position:absolute; left:50%; overflow: hidden; background-color: #fff;}
.lbLoading {background:#fff url(../images/loading.gif) no-repeat center;}
#lbImage {border:10px solid #fff; z-index:20; cursor:hand; cursor:pointer;}
#lbPrevLink, #lbNextLink {float:right; display:block; width: 30px; height: 30px; margin: 5px 10px 5px 0; border:0;}
#lbPrevLink {background: transparent url(../images/prev.gif) no-repeat center;}
#lbNextLink {background: transparent url(../images/next.gif) no-repeat center;}
#lbBottom {font:10px Arial, Helvetica, sans-serif; color: #666; line-height: 1.4em;	text-align: left; border: 10px solid #fff; border-top-style: none;}
#lbCloseLink {display: block; float: right; width: 30px; height: 30px;	background: transparent url(../images/close.gif) no-repeat center; margin: 5px 0; border:0;}
#lbCaption, #lbNumber {margin-right: 150px;}
#lbCaption {font:13px Arial, Helvetica, sans-serif; color: #222; font-weight: bold;}

/* Footer */
#footer {text-align:right; padding:10px 40px; color:#BBB;  clear:both; background:#333; border-top:#FFF 3px double; border-bottom:#FFF 3px double;}
#footer div {float:left;}
#footer a {border-bottom:none; font-weight:normal; color:#BBB; }
#footer a b{ color:#EDE6DE; font-weight:bold;}
#footer a:hover{color:#EDE6DE;}
#backToTop {margin-top:10px; clear:both; text-align:right;}
#backToTop a {font:16px Georgia, "Times New Roman", Times, serif; color:#222; position:relative; top:4px; right:60px; border-bottom:none;}
#backToTop a:hover {color:#974D00; border-bottom:none;}

.emNew {color:#ff0000; font-size:10px; line-height:1em; vertical-align:50%;}

.styledTable td{padding:3px 5px; border-bottom:1px solid #CCC; background-color: #FFF;}
.styledTable th {padding:3px 5px; background-color: #EEE; color:#000; }

/* split page results (boutique - liens) */
#pageResults { background-color:#F1E9DF; border:1px solid #BC9672; padding:3px; margin:5px 0;}
#pageResults b {line-height:2em; margin:2px; padding:2px 5px; border:1px solid #BC9672; background-color:#EDE6DE; color:#666;}
#pageResults a {border-bottom:none; line-height:2em; margin:2px; padding:2px 5px; border:1px solid #666; background-color:#FCFCFC;  color:#000;} 
#pageResults a:hover {background-color:#FCFCFC; color:#666; border-bottom:none; border:1px solid #999; }

/* Recherche */
body.search #subMenu{visibility:hidden;}
body.search #searchForm {border-top:1px solid #333; padding-top:10px; text-align:center;}
body.search #content{margin:20px;}
body.search #content #submitSearch{border:1px solid #666; background-color:#FDFAF4; cursor:pointer;}

.searchResult {padding:10px 0; border-bottom:1px solid #CCC;}
.searchResult span {color:#009900;} 
.searchResult a {font-weight:normal; font-size:16px; color:#000099;}
.searchResult a:hover{color:#000099;}
.searchResult b{color:#000099;}
.searchResult p b{color:#000;}
#searchSuggestion {font-size:16px; padding:10px 0; color:#CC0000;}
#searchSuggestion b {color:#000099;}

a.imgHover {display:block; border:1px solid #FFF;}
a:hover.imgHover {border:1px dotted #999; }
/* pour boutique listing produit */  
#mainContent a.imgHover {display:block; border:1px solid #FFF;}
#mainContent a:hover.imgHover {border:1px dotted #999; }