body    {background: #C0C0C0 url('../images/adam_and_co.svg.png') repeat; color: #000000; margin: 10px; font-family: Verdana, Arial;} */
/* body    {background: #C0C0C0; color: #000000; margin: 10px; font-family: Verdana, Arial;} */
.format_png {behavior: url("./styles/win_png.htc");}
/* .img_png {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pix/monImageTransparente.png', sizingMethod='image');} */

#panier {
	background: transparent url('../images/panier_160x070.png') no-repeat;
	position:absolute;
	left: 120px;
	top: 133px;
	width:160px;
	height:70px;
	margin:0px 0px 0px 0px;
  	padding: 0px;
  	z-index: 1;
}

/* Div qui délimite tout le site */
#conteneur {
	position:absolute;
  	width:800px;
	height:520px;
  	margin:-260px 0px 0px -385px;
  	top: 45%;
  	left: 50%;
  	text-align: left;
  	padding: 0px;
  	border: 0px solid #FFFFFF;
  	overflow: none; /* none, auto, scroll, hidden, visible  */
}
/* Div de contenu au milieu */
#centertable {
	background-color:#808080; /* transparent */
	width:560px; /* largeur de "conteneur" - 2 x 120 (left et right menu) */
	height:386px;
	position:absolute;
	margin:0px 0px 0px 0px;
  	padding: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
}
/* --------------- RRGGBB --------------- */
/* A:link    {color: #AACCFF; text-decoration: none;} */
A:link    {color: #0080FF; text-decoration: none;}
A:hover   {color: #F0F000; text-decoration: none;}
A:active  {color: #7F7F00; text-decoration: underline;}
A:visited {color: #AACCFF; text-decoration: none;}
A.code    {color: #FFFF80; text-decoration: underline;}
A.index   {color: #FFFFFF; text-decoration: none;}
A.index:hover  {color: #FFFFFF; text-decoration: underline;}

h1      {font-size: 20px; font-weight:bold; color: #000000; font-family: Verdana, Arial; vertical-align:top;}
h2      {font-size: 18px; font-weight:bold; color: #000000; font-family: Verdana, Arial; vertical-align:top;}
h3      {font-size: 16px; font-weight:bold; color: #000000; font-family: Verdana, Arial; vertical-align:top;}
h4      {font-size: 14px; font-weight:bold; color: #000000; font-family: Verdana, Arial; vertical-align:top;}

hr       {margin-top: 1px; margin-bottom: 1px; color: #B60000; background-color: #B60000; border: 0px solid; height: 1px;}
.sidebar {position: center; width: 90%; text-align: center;}

table    {border-width: 0px; padding: 0px; margin: 0px; vertical-align:top;}
.header  {border: 0px solid #000000; padding: 0px; margin: 0px; height:  80px; background: #F02020;}
.leftbar {height:386px; background: transparent url('../images/left_120x386.png') repeat;}
.rightbar {height:386px; background: transparent url('../images/right_120x386.png') repeat;}
.content {border: 0px solid #EEEEEE; padding: 0px; margin: 0px; height: 386px; width: 560px; background: #FFFFFF;}
.footer  {border: 0px solid #000000; padding: 0px; margin: 0px; height:  15px; background: #F02020;}
.photo   {width:240px; height:240px; background: transparent url('../images/cadre_240x240.svg.png') repeat;}
.home    {border-width: 1px; border-color:#000000; border-style:solid; background: #FFFFFF;}

/* ------------------ RRGGBB -------- RRGGBB ---------- */
tr      {color: #000000; text-align: left; vertical-align:top;}
.cntblk {background: #000000; color: #CCCCCC; height: 322px;}
.cntorg {background: #B0B0B0; color: #000000; height: 318px;}
.cntgry {background: #444444; color: #000000; height: 314px;}
.cntred {background: #F0F080; color: #000000; height: 280px;}
.black  {background: #000000; color: #CCCCCC;}
.orange {background: #B0B0B0; color: #000000;}
.grey   {background: #444444; color: #000000;}
.red    {background: #F0F080; color: #000000;}                 /* JAUNE PâLE */

td      {font-size: 10px; color: #000000; font-family: Verdana, Arial; vertical-align:top; text-decoration: none;}
.footer {height: 21px; background: transparent url('../images/footer_800x021.png') repeat;}
.header {height:133px; background: transparent url('../images/header_800x133.png') repeat;}
.txt08  {font-size:  8px; background: transparent;}
.txt08br{font-size:  8px; background: transparent; font-weight: bold; color: #FF0000;}
.txt08g {font-size:  8px; background: #808080; color: #C0C0C0;}
.txt08o {font-size:  8px; background: #FFA705; color: #333333;}
.txt08r {font-size:  8px; background: #B60000;}
.txt09  {font-size:  9px; background: transparent; line-height: 12px;}
.txt09g {font-size:  9px; background: #808080; color: #C0C0C0; line-height: 12px;}
.txt09j {font-size:  9px; background: #F0F000; line-height: 12px;}  /* jaune */
.txt09o {font-size:  9px; background: #FFA705; color: #333333; line-height: 12px;}
.txt09r {font-size:  9px; background: #B60000; line-height: 12px;}  /* rouge */
.txt10  {font-size: 10px; background: transparent;}
.txt10b {font-size: 10px; background: transparent; font-weight: bold;}
.txt10bo {font-size: 10px; background: #FFCC33; font-weight: bold;}
.txt10g {font-size: 10px; background: #808080; color: #C0C0C0;}
.txt10o {font-size: 10px; background: #FFA705; color: #333333;}
.txt10r {font-size: 10px; background: #B60000;}
.txt12  {font-size: 12px; background: transparent; font-weight: normal;}
.txt12b {font-size: 12px; background: transparent; font-weight: bold;}
.txt12g {font-size: 12px; background: #808080; color: #C0C0C0;}
.txt12o {font-size: 12px; background: #FFA705; color: #333333;}
.txt12r {font-size: 12px; background: #B60000;}
.txt14  {font-size: 14px; background: transparent;}
.txt14b {font-size: 14px; background: transparent; font-weight: bold;}
.txt14br{font-size: 14px; background: transparent; font-weight: bold; color: #FF0000;}
.txt16  {font-size: 16px; background: transparent;} /* #FFA705; */
.txt16b {font-size: 16px; background: transparent; font-weight: bold;} /* #FFA705; */
.txt16bb{font-size: 16px; background: transparent; font-weight: bold; color: #0000FF;}
.txt16br{font-size: 16px; background: transparent; font-weight: bold; color: #FF0000;}
.txt20b {font-size: 20px; background: transparent; font-weight: bold;}
.txt20bb{font-size: 20px; background: transparent; font-weight: bold; color: #0000FF;}
.txt20bm{font-size: 20px; background: transparent; font-weight: bold; vertical-align: middle;}
.txt20br{font-size: 20px; background: transparent; font-weight: bold; vertical-align: middle; color: #FF0000;}
.txt20r {font-size: 20px; background: #B60000;}
.txt24bb{font-size: 24px; background: transparent; font-weight: bold; color: #0000FF;}
.txt14box  {font-size: 14px; color: #FF2020; font-weight: bold; text-align: center; border-width: 3px; border-color: blue; border-style: double;}
.txt16head {font-size: 16px; background: #0000FF; color: #FFA0A0; text-align: center; border-width: 1px; border-color: black; border-bottom-style: solid; border-right-style: solid; border-left-style: solid;}
.txt20head {font-size: 20px; background: #0000FF; color: #FFA0A0; text-align: center; border-width: 1px; border-color: black; border-top-style: solid; border-right-style: solid; border-left-style: solid;}
.PageTitle {font-size: 16px; color: #305070; font-weight: bold;}
.txthd1 {font-size: 16px; background: transparent; font-weight: bold; color: #B60000; text-transform:uppercase;}
.txthd2 {font-size: 14px; background: transparent; font-weight: bold; color: #0000B6; text-transform:uppercase;}
.txthd3 {font-size: 12px; background: transparent; font-weight: bold; color: #0000B6;}

img     {border-width: 0px;}

input   {color: #000000; font-size: 9px; font-family: Verdana; font-style: normal; text-decoration:none; background-color: #FFFF80; border: solid 1px #C0C0C0;}
input.radio    {background-color: #FFCC33; border: none;}
input.agenda   {width:  75px; height: 16px; background-color: #FFFF80; border: solid 1px #C0C0C0;}
input.annonce  {width:  60px; height: 16px; background-color: #FFFF80; border: solid 1px #C0C0C0; text-align:right;}
input.login    {width:  50px; height: 16px; background-color: #FFFFFF; border: solid 1px #8C0000;}
input.loginbtn {width: 100px; height: 16px; background-color: #FFFFFF; border: solid 1px #AAAAAA; text-align:center;}
input.checkbox {width:  16px; height: 16px; background-color: #F0F080; border: solid 1px #C0C0C0; text-align:right;}
input.contact  {width: 200px; height: 16px; background-color: #FFFF80; border: solid 1px #C0C0C0;}
input.sendmail {width:  80px; height: 18px; background-color: #C0C0C0; border: solid 1px #FFC0C0; text-align:center; font-weight:bold;}
input:hover    {border-color : #FF30C0; background-color : #FFFFFF;}
input:active   {border-color : #000000;}
input:focus    {background-color: #F4F4F4; border-color : #000000;}

textarea {color: #000000; font-size: 9px; font-family: Verdana; font-style: normal; background-color: #FFFF80; text-align: left; border: solid 1px #C0C0C0;}
textarea.annonce {width: 380px; height: 55px; color: #000000; font-size: 10px; font-family: Verdana; font-style: normal; background-color: #FFFF80; text-align: left; border: solid 1px #C0C0C0;}
textarea.contact {width: 200px; height: 65px; color: #000000; font-size: 10px; font-family: Verdana; font-style: normal; background-color: #FFFF80; text-align: left; border: solid 1px #C0C0C0;}
textarea:hover   {border-color: #FF30C0; background-color: #FFFFFF;}
textarea:active  {border-color: #000000;}
textarea:focus   {border-color: #000000; background-color: #F4F4F4;}

select  {font-family: Verdana; font-size:10px; font-style:normal; text-decoration:none; text-align:left; border:0px solid}
select.agenda    {width:  75px; height: 16px; color: #000000; font-size:  9px; font-family: Verdana; background-color: #FFFF80; border: solid 1px #C0C0C0;}

ul      {list-style-type: none; padding: 0; margin: 0;}
li      {background-image: url(../images/ul-li-dot.svg.png); background-repeat: no-repeat; background-position: 2px 2px; padding-left: 20px;}