html, body { width:100%; height:100%; margin:0; padding:0; }
body { FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;  COLOR: #000000; background:#E5E5E5;}
table { FONT-SIZE:11px; }
P, div, table, td { margin:0; padding:0; }
img { border:0px; }
h1 { font:bold 20px tahoma; color: #000066; margin-bottom:6px;  padding-top:0px; }
h2 { font:bold 16px tahoma; color:#000066; margin-bottom:6px;  padding-top:8px; }
h3 { font:16px tahoma; color:#000066; letter-spacing:5pt; border-bottom: #9F8BBC 1px solid; margin:0;  padding-bottom:8px; }
h4 { font:12px verdana; color:#000066; }
hr { clear: both;  visibility:hidden; }

a { font:13px arial; text-decoration:underline; }
a:link { font:13px arial; color:#000066; text-decoration:underline }
a:hover {	color:#000066; text-decoration:underline }
a:visited {	color:#000066; text-decoration: underline }
a:active { color:#000066; text-decoration:underline }

/* ----------------    Formulaire  -------------- */
label { font:bold 13px tahoma; }
.TForm input, textarea { width:250px; font:13px arial;  background:#EEF; border:1px solid #808080 }

/* ---------------   MENU   -------------------- */
#menu1 ul { margin:0; padding:2px 0; list-style:none; }
#menu1 ul li { float:left; display:block; width:80px; font:bold 12px tahoma; color:white; text-align:right; margin:0 2px; padding:0; border:0px solid; }
#menu1 a { width:120px; color:#5D5B4E; font:bold 12px tahoma; xbackground:#FEF; padding:1px 3px; text-decoration:none; }
#menu1 a:hover { color:#B4001E;  }

#menu2 ul { margin:0; padding:0px 0 3px 0;	list-style:none; }
#menu2 ul li { display:inline; color:white; font:bold 12px tahoma;  }
#menu2 a { width:160px; color:white; font:bold 11px tahoma; padding:0px 6px; text-decoration:none; }
#menu2 a:hover { width:160px; color:#FCC; }

/* ---------------   VOLETS   -------------------- */
#volet1 { border:0px solid }
#volet1 ul { margin:0; padding:10px 0 0 2px; list-style:none; }
#volet1 li { width:171px; height:24px; margin:6px 0 6px 4px;}
#volet1 li a { display:block; height:20px; font:bold 14px arial; color:#5D5A45; background:url(menu1Off.jpg); padding:4px 0 0 28px; text-decoration:none; }
#volet1 li a:hover { color:white; background:url(menu1On.jpg); }

#td2 H1 { font:28px tahoma; color:#A6CE39;  }
#td2 H2 { font:bold 18px tahoma; color:#006595; margin:6px 0 8px 0; padding:2px }
#td2 H3 { font:bold 12px tahoma; color:orange; margin:4px 0;  }
#td2 H4 { font:bold 10px tahoma; color:black; margin:4px 0;  }

#td2 p { font:16px calibri; xtext-align:justify; xtext-justify:newspaper; margin:10px 10px 10px 0}
#td2 p.MsoNormal { font:16px calibri; text-align:justify; text-justify:newspaper; margin:10px 10px 10px 0}

.LireSuite, .Retour { font:bold 11px arial; color:darkblue; padding-top:3px; cursor:pointer }
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph { font-family:"arial","sans-serif"; font-size:11.0pt; margin:0 0 0 36.0pt; }

/* Encarts standards
.Prd { float:left; width:220px; height:170px; background:#F8F8F8; border:dotted 2px #CAD8FD; margin:0 0 6px 6px; }
.Prd .Encart { table-layout:fixed; margin:0 0 0 2px}
.Prd .Titre { height:20px; font:bold 10pt tahoma; }
.Prd .TRMemo { height:140px; }
.Prd .TRMemo img { max-width:120px; max-height:120px }
.Prd .Memo { padding-left:6px; font:14px verdana; color:#444472 } */

.Prd { float:left; width:170px; height:180px; border:dotted 1px #DFDFDF; margin:0 0 2px 2px; }
.Prd .Encart { table-layout:fixed; margin:0 0 0 0px}
.Prd img { max-width:170px; max-height:170px }

#td2 .Prd .Memo p.MsoNormal { font:10px verdana; color:#444472; text-align:center; text-justify:none; }

/* ----------------    Divers  ----------------- */
.ImgLeft { float:left;  margin:0 14px 4px 0 }
.ImgRight { float:right;  margin:0 0 4px 14px }

#TitBug, #DivBug { font:10px verdana; }
TABLE.debug { border-right:1px solid #888; border-bottom:1px solid #888; }
TABLE.debug  TD { font:10px arial; margin:0; padding:0 2px; border-top:1px solid #888; border-left:1px solid #888;}