/* ---------- Général ---------- */
body { margin: 0px; padding: 5px; overflow:auto; font-family: Verdana, Arial, Helvetica;  font-size: 10px; color: #B8B47E;  background: black;  background-position: top left;  background-attachment: fixed;  background-repeat: repeat; background-image: url(../pics/pavillon-ellipses-brown.gif) ;}
#synthesisbullet {width:10;height:10;}
.moveTop {text-align:right;}
.date { font-size: 10px; color: #999999; font-style: italic;}

/* ---------- Liens ---------- */
A, A:link, A:visited, A:active  { color: #CFC867; text-decoration: none; background: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold }
.ouvert A:link, .ouvert A:link:visited, .ouvert A:active, .ouvert A {color: #656129; }
.Astuce A:link, .Astuce A:link:visited, .Astuce A:active, .Astuce A {color: #000000; }
A:hover, .ouvert A:hover { color:#FF6600; text-decoration: underline; }

/* ---- menu from popup window ----------*/
A.Menu { margin: 0 0 0 0; padding: 5 2 2 2; color: #00000; background: transparent; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal }

/* --- items onglets de commentaires --- */
A.item, B.itemHeader,B.itemHeaderSystem, A.item:link, A.item:active, A.item:visited, A.itembgocre, A.itembgocre:link, A.itembgocre:active, A.itembgocre:visited, A.itembgpale, A.itembgpale:link, A.itembgpale:active, A.itembgpale:visited  { color: #858149; padding: 0 2 0 2; border-width: 1px; border-style: dashed; border-color: #B8B47E; border-bottom-width: 0; text-decoration: none ; font-size: 12px}
A.item:hover, A.itembgocre:hover, A.itembgpale:hover { color: #000000 ; border-color: #FF6600; padding-top: 3; text-decoration: none ; font-size: 12px; }
A.item:visited:hover { color: #000000 ; border-color: #FF6600; padding-top: 3; text-decoration: none ; font-size: 12px; }

B.itemHeader, B.itemHeaderSystem { color: #000000; font-size: 11px;}
B.enabled, B.oldenabled { color: #FF6600; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
B.oldenabled {font-size: 11px; }

A.option, A.option:visited, A.option:link, A.option:active,A.oldoption, A.oldoption:visited, A.oldoption:link, A.oldoption:active {font-family: Verdana, Arial; font-weight: bold; color: #000000; text-decoration: none;font-size: 12px;}
A.option:Hover, A.oldoption:Hover {color: #FF6600; text-decoration: underline;}
A.oldoption, A.oldoption:visited, A.oldoption:link, A.oldoption:active {font-size: 10px;}
A.oldoption:Hover {color: #000000; }

/* ---------- Couleurs --------- */
.fond {color: #312817;}
.traitsfond {color: #4b4c32;}
.olive {color: #656129}
.marron {color: #858149;}
.ocre {color: #B8B47E;}
.gold {color: #CFC867;}
.pale {color: #FAF3A9;}
.pourpre {color: #6060B0;}
.bleuclair {color: #83E5FC}


.bgmarron {background-color: #858149;}
.bgocre, A.itembgocre, A.itembgocre:link, A.itembgocre:active, A.itembgocre:visited {background-color: #B8B47E; border-color: #858149; border-style: solid; border-width: 1px;z-index:0;padding-bottom: 0px;position:relative;}
.bggold {background-color: #CFC867;}
.bgpale, B.itemHeader, B.itemHeaderSystem, A.itembgpale, A.itembgpale:link, A.itembgpale:active, A.itembgpale:visited {background-color: #FAF3A9;z-index:20;padding-bottom: 2px;position:relative;}
.bgrose {background-color: #F0D291;}

B.itemHeaderSystem {background-color: #F0D291; border-style: dotted; border-color: #8C8D58;}

/* ---------- Tableaux --------- */
TABLE { font-family: Verdana, Arial, Helvetica;  font-size: 12px; color: #CFC867;}
TABLE.Ampli { border-width: 0px ;border-collapse: collapse; padding: 0px; background: #CCCCCC; background-image: url(../pics/panneau-aluminium-ART100ES.jpg);}
TABLE.upper {margin-top: 5px; }
TABLE.Ouvert { border-width: 0px ; width: 978px; height: 460px; padding: 0 5 0 5; margin: 0px; table-layout:fixed;overflow:hidden;}
TD.Images { border-width: 0px ; padding: 0 5 0 5; width: 110px;}
TD.Contenu { border-width: 0px ; padding: 0 5 0 5; width: 780px;text-align:justify; }
TD.ContenuCentral { border-width: 0px ; padding: 0 5 0 5; width: 660px; text-align:justify}
TD.Marge { padding: 0 3 15 0; width: 198px; border-width: 0px ; border-right-width: 0px ; background-image: url(../pics/texture-aluminium.jpg)}
TD.BasGauche {padding: 0 0 0 0;background-repeat: repeat-x; background-image: url(../pics/bottom-marron.gif); width: 10px; vertical-align: top; height: 8px; text-align: left}
TD.BasDroit {padding: 0 0 0 0;background-repeat: repeat-x; background-image: url(../pics/bottom-right-marron.gif); width: 14px; vertical-align: top; height: 10px; text-align: right}
TD.Bas {padding: 0 0 0 0;background-repeat: repeat-x; background-image: url(../pics/bottom-marron.gif); vertical-align: top; height: 10px; }
TD.Droite {padding: 0 0 0 0;background-repeat: repeat-y; background-image: url(../pics/right-marron.gif); width: 14px; vertical-align: top; text-align: left}
TR.Baseline {}
TR {color: #000000 ; font : 10px verdana, Arial, Helvetica, sans-serif; vertical-align: top;}
TR.form {color: #CFC867;}
TH {color: white;}

/* -------- sitemap ----------- */
#sitemap {display: block; visibility: hidden; position: absolute; top: 95px; left: -300px; width: 185px; height: 370px; border: 1px outset #A0A0A0; 
		margin: 0px; padding: 5px; text-align: center;
		width: 100%; z-index: 40;
		background-image: url(../pics/texture-aluminium.jpg);
		}
#sitemaplabels {font-size:6px;line-height: 1.5em;}
#sitemaplegend, #sitemaplegenden{width: 170px; border: 1px inset #999999; height: 20px;margin: 5px;font-size: 12px; line-height: 1.2em;}
#sitemaptitle {width: 150px; border-bottom: 1px solid #A0A0A0; text-align:center; font-family: Arial; font-size: 18px; font-weight: bold; color: #A0A0A0; height: 20px;margin-top: 10px; margin-bottom: 20px;}
#sitemapbuttons {margin-top: 10px;}
A.sitelink {font: arial 10px; color: #B8B47E;font-weight: normal;}
#reflink {display:none;}

/* ---------- Formulaires ----- */
TEXTAREA { border:0; width: 450; height: 120; margin: 0 0 0 0; padding: 3 5 0 5; background-repeat: no-repeat; background-image: url(../pics/textarea-background-marron.jpg);}
INPUT.email{width: 450; height: 20; margin: 0 0 0 0; padding: 0 5 0 5; background-repeat: no-repeat; background-image: url(../pics/textfield-background-marron.jpg); border: 0;}

/* ---------- Titres ---------- */
h1, h2, h3 { color: #009999; background: white; text-align: left }
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif }
h4 { font: bold 100% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

/* ---------- Listes ---------- */
UL { margin: 0px 0px 0px 5px ; padding: 0px 0px 0px 0px ;}
LI { margin: 0px 0px 0px 4px ; padding: 0px 0px 0px 0px ;}

/* ---------- Preformate---------- */
pre { margin-left: 8px; font-family: monospace; }

/* ---------- Paragraphes -------- */
	/* fond transparent - pointilles */
P {text-align: justify; font-size: 12px} 
P.Popup { padding: 5 5 5 5; font-size: 12px; text-align: center; border-width: 1px; border-style: dotted; border-color: #DEDED0; width: 97%;}
#Artec { font-size: 15px; font-weight: bold; color: #CFC867; font: 120% sans-serif}
P.Accueil { font-size: 15px; font-weight: bold; color: #B8B47E; font: 170% sans-serif}

	/* fond bleu */
P.Menu { margin: 0px; padding: 5 5 5 5; font-size: 12px; text-align: center; border-width: 1px; border-style: dotted; border-color: #B0B0BE; background: #8884A0; width: 100;}
P.Astuce { color: #E0E0FF; padding: 2 2 2 2; font-size: 11px; font-style: italic; text-align: left; border-width: 1px; border-style: dotted; border-color: #8C8D58; background: #6060B0; width: 185; opacity: .65; filter: alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity: 0.65}
P.Adresse { color: #858149; margin-top: 5px; padding: 5 5 5 5; font-size: 12px; text-align: center; border-width: 1px; border-style: dotted; border-color: #656129; width: 170px;}
P.Lien { color: #404020; margin-top: 5px; padding: 5 5 5 5; font-size: 12px; text-align: center; border-width: 1px; border-style: dotted; border-color: #C0C0C0; width: 170px;}


DIV.Systeme {margin: 0px;  padding: 5 5 5 5; font-size: 12px; text-align: left; border-width: 1px; border-style: dotted; border-color: #8C8D58; background: #F0D291; width: 97%}
DIV.Lien, #adresseEcoute  { z-index:1;position:relative;background-color: #FAF3A9; text-align:justify; margin: 0 0 10 0; padding: 5 5 5 5; font-size: 12px; border-width: 1px; border-style: dashed; border-color: #B8B47E; width: 97%; }
/* background-repeat:repeat; background-image: url(../pics/background-yellow.jpg); */
DIV.LCDOUTER { vertical-align:bottom; text-align: center; font-size: 10px; font-weight: bold; margin: 2 2 2 10;  letter-spacing: 0.3em; line-height: 2em; padding: 10 15 8 15 ; color: #83E5FC; font-family: Courier; width: 190px; height: 94px; background-image: url(../pics/lcd.gif);background-repeat: no-repeat;background-position: top center;}
#lcd {background: transparent; width: 175px; height: 50px;left: 0px;padding: 0px; margin-right: 5px;margin-left: 5px;}
DIV.Ampli { margin: 0 5 -10 5; border-color: #777777; border-style: outline; border-width: 1px; border-bottom-width: 2px; border-right-width: 2px; padding: 2px;}
.year, SPAN.range  {font-size:9px; color: #858149;text-align:center; font-weight: bold; margin: 0px; margin-top: 5px;}
#partenaire {font-size:12px; color: #858149;text-align:center; font-weight: bold; padding: 5px;}

/* ------------ FOOTER - pied de page ----------- */
P.Footer { color: #B8B47E; text-align: center; margin: 0px; padding: 0px; font-size: 11px; font-style: italic; width:95%}
DIV.FooterMenu {margin: 0px; padding: 0px; margin-top:4px; color: #B8B47E; border-style: dashed; border-width: 0px; border-top-width: 1px; border-color: #656129; text-align: left; }


HR { width: 90% ; text-align: center; }

/* ---------- photos galerie --------------*/
body.galerie {margin: 0px; padding: 5px; overflow:hidden}
img.galerie  {position:absolute; border:gray solid 1px; cursor:pointer; width:0px; }
span.galerie {margin: -2 0 -2 0; position:absolute; color:#CFC867; font-family:verdana; font-size: 12px; width:150px;}
span.galerieTxt {margin: -2 0 -2 0; position:absolute; color:#B8B47E; font-style: italic; font-family:verdana; font-size: 12px; width:150px;}
DIV.galerie { position:relative; border:gray solid 1px; visibility:hidden; }

/* -------- page produits (flat) --------- */
#vignetteancien {margin-top: 5px;}
.productlabel { height: 20px; padding: 4px; text-align: center; position: relative;}
.productlabel A.option { color: #858149;}
.productlabel A.option:hover { color: #FF6600;}
#produitsflat {width: 755; height:500;padding: 0px; margin: 0px; border-width: 1px; border-style: dashed; border-color: #B8B47E; width: 97%; overflow:hidden; z-index: 0;position:relative; margin-bottom: 0; background-image: url(../pics/produits-bkg-flat.jpg);}

/* ---------- product detail --------------*/
#detailproduit{height:500px; width: 780px; color: #FFFFFF; background-repeat: repeat-y;overflow:hidden; padding: 3px; margin: 0px; font-size: 12px; text-align: center; border-width: 1px; border-style: dotted; border-color: #8C8D58; background: #DDDDDD;}
TD.specs {overflow: auto;}
TD.specHeader {background-color: #FAF3A9; color: #858149; font-size: 12px; font-weight:bold;}
P.desc {height: 405px; margin: 0px; font-size: 11px; padding: 3px; overflow:auto; overflow-y: auto;overflow-x: hidden;}
#specs {height: 324px;overflow:auto;width: 100%;}
#imgProduit{height:166px; overflow:hidden;width: 350px;margin-bottom:0px;}
#barreProduit, #prixProduit, #logoProduit { margin: 0px; padding: 0px; font-size: 11px; color: #858149; text-align: center; font-weight: bold;}
#prixProduit {color: #FAF3A9;background-color: #B8B47E; opacity: .65; filter: alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity: 0.65;}
TD.row1 {background-color: #FAF3A9; opacity: .65; filter: alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity: 0.65;}
TD.row0 {}


DIV.ErreurProduit{ overflow:none; margin: 5 0 5 0; margin-top: 0px; padding: 5 5 5 5; font-size: 14px; font-weight: bold;text-align: center; border-width: 1px; border-style: dotted; border-color: #8C8D58; background: #DDDDDD; width: 70%; }
	/* fond gris */
P.VieuxProduit { text-align: center; padding: 1px; margin: 5px; font-size: 10px; border-width: 1px; border-style: dotted; border-color: #8C8D58; background: #DEDEDE; width: 185px; opacity: .85; filter: alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;}
	/* fond jaune */
P.Produit,P.ProduitHighlight,P.ProduitHighlighted    { background: #FEFEDE; text-align: center; padding: 1px; margin: 5px; font-size: 10px; border-width: 1px; border-style: dashed; border-color: #8C8D58; width: 185px; opacity: .85; filter: alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;margin: 0px; margin-bottom: 5px;}
P.ProduitHighlight,P.ProduitHighlighted   { background: #FAF3A9; border-style: inset;}
P.ProduitHighlighted   { background: #FFDF9F; }

/* ----------- browser compliance test ------------- */
DIV.compliance0 {font-weight:bold; font-size: 14px; background: red;height:40; line-height: 3em}
DIV.compliance1 {font-weight:bold; font-size: 14px; background: orange;height:40; line-height: 3em}
DIV.compliance2 {font-weight:bold; font-size: 14px; background: green; height:40; line-height: 3em}
DIV.ko {border: 1px dotted #333333; font-size: 14px; background-color: red;}
DIV.ok {border: 1px dotted #333333; font-size: 14px; background-color: green;}
DIV.bof {border: 1px dotted #333333; font-size: 14px; background-color: orange;}
DIV.complianceTxt {font-size:8px;font-style:italic;color:#666666;text-align:center;}

/* ------------ etudes --------- */
DIV.etudes {font-weight:bold; padding: 5 5 5 5; margin: 10 10 10 10; font-size: 12px; width: 90%; background: #555555; color: #DEDEDE; text-align: center; border-width: 1px; border-style: dotted; border-color: #8E8E80; }
DIV.Archive { text-align:justify; margin: 0 0 10 0; padding: 5 5 5 5; font-size: 12px; border-width: 1px; border-style: dashed; border-color: #8E8E80; width: 97%; background-color: #DEDED0; color: #555555}

/* ------------ accueil -------- */
/* opacity set to 99 to avoid firefox flickering */
IMG.accueil {margin-left:0px; position:absolute; top: 5; left: 110; border: 2px dashed #B0B903; z-index: 1; width: 800; height:438;  opacity: 0.99; filter: alpha(opacity=99);-moz-opacity:0.99;-khtml-opacity: 0.99;}
IMG.selecteur {position:relative; margin-left: -5}
#nouveaute { width: 650px; height: 20px; font-family: courier; font-weight: bold; color: #83E5FC; font-family: Courier; margin:0px; margin-left: 8px; padding: 0px; font-size: 12px; text-align: left; border-width: 2px; line-height: 1.5em; border-style: inset; border-color: #000000; background-repeat: repeat-x; background-image: url(../pics/LCDpart.gif); overflow:hidden;position:relative;}
#indexmsg {text-align: center; color: #CFC867; font-size: 12px;margin: 0px;height:30px;}
DIV.counter {width:100;background: black;text-align:center;margin: 0px; padding-bottom: 4px;overflow:hidden}
#googlesearch {position: relative; z-index: 10; display: none; top:3px; left:10px;overflow:hidden;height:30px;}
#biglogo {height: 60px; opacity: 0.10; filter: alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity: 0.1;}

/* ------ ACCUEIL: barre de chargement -------*/
SPAN.indexloader {position:absolute;left:355;top:430;width:150;height:50;z-index:10;}
SPAN.indexloadlabel {position:absolute;font-family:arial;font-size:10px;color:#7A826C;}
SPAN.indexloadbarbkg {position:absolute;top: 2; left: 150; font-size:1px;width:100;height:10px;background-color:#E1F0FA;z-index:1000;border: 1px #24242F}
SPAN.indexloadbar {position:absolute;font-size:1px;width:0;height:10px;background-color:#24242F;z-index:1001;}

/* -----------loading bar ----------*/
SPAN.loader {position:absolute;left:45%;top:40%;background-color:#E0E9C3;width:150;height:50;padding: 5 5 5 5;border: dotted 2px #D9C999;  opacity: .75; filter: alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75; z-index: 10; }
SPAN.loadlabel {position:absolute;font-family:arial;font-size:10px;color:#000000;}
SPAN.loadbarbkg {position:absolute;top: 25; font-size:1px;width:100;height:10px;background-color:#333333;z-index:1000;}
SPAN.loadbar {position:absolute;font-size:1px;width:0;height:10px;background-color:#FFFFFF;z-index:1001;}
DIV.loadtxt {position:absolute;font-size:8px;top:25px;left:110px;font-style:italic; color: #B0B903}
IMG.preload {visibility:hidden;width:0;height:0;}

/* ---------- occasions page d'accueil -------------------- */
#adstitle {background: url(../pics/background-yellow.jpg);overflow:hidden;width:108px; text-align:center;border: outset 2px #CCCCCC;border-top: 0px;}
#adslink {color:#555555;text-decoration:none;}
/* bug for browsers and javascript style manipulation: use inline instead 
#ads {overflow:hidden; visibility: hidden; width: 108px; height: 100px;text-align:center;border-top: 0px;opacity: 0.65; filter: alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity: 0.65;}
#ads #adscontent {overflow:hidden; overflow-x:hidden; overflow-y:hidden; text-align:center;background: #CFC867;width: 100%;height: 1px;border: inset 1px #CCCCCC;}
#ads #adsbar {visibility: hidden; padding: 0px; text-align:center;background: #666666;width: 100%;height: 15px;border: inset 1px #CCCCCC;margin: 0px;padding: 0px;}
*/

/* --------- points d'ecoute ---------*/
#pointecoute, #ecoutes {color: #B8B47E}
#pointecoute {height: 80px;}
#systemePointEcoutes { color: #83E5FC; font-family: Courier; margin: 0 0 0 5;  padding: 0px; font-weight: bold; font-size: 12px; text-align: center; border-width: 3px; border-style: inset; border-color: #000000; width: 180px; height: 40px; background-image: url(../pics/LCDpart.gif); line-height: 1.2em;}
#adresseEcoute {width: 500px;height: 80px;}
TR.ecoute {}
TD.ecoute { background-image: url(../pics/texture-aluminium.jpg); height: 80px; background-repeat: no-repeat; }


/* ------ flash text initial : plus utilise
SPAN.flashtext {color:#AE551B;position:absolute;width:4000px;}
DIV.innerFlashText {position:relative;height:1000;top:-100;text-align:center;z-index:20;}
DIV.indexloadtxt {position:absolute;font-size:8px;top:2px;left:125;font-style:italic; color: #B0B903}
*/

/* ---------- product carrousel --------------*/
/*
DIV.Carrousel {position:relative; top: 390px; text-align:center; color: #555555; visibility: hidden;}
body.produits {margin:0; padding:0; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%;}
span.produit {position:absolute; top: 40;padding:0;margin:0}
img.produit {position:absolute;cursor:pointer;left:0;top:0;width:100%;height:100%;border:#DEDEDE solid 1px;padding:0;margin:0}
div.produit {position:absolute;top:106%;font-family:verdana;text-align:center;width:100%;color:#555555;white-space:nowrap;padding:0;margin:0;}
.chain {position:absolute;top:-2000;left:49.5%;width:1%;height:2000;background:#444;}
*/