html, body, ol, ul, li, dl, dt, dd, img {margin: 0; padding: 0; border: 0; list-style: none;}

body {
  padding: 0 443px; /*340 the critical side padding that sets the natural min-width! */ 
	background:#fcf3ec; /*f8eaddFFFEFD #FFFF99; this BG tiles the area outside the columns */
	color:#00505B;/*76003F 820rgb(255, 255, 204);rgb(255, 255, 204);#822118*/
  font-family: verdana, sans-serif; /*papyrus, */
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  text-align: center; /* centers the #sizer element in IE5.x/win */
}

#sizer {
  margin: 0 auto; /* centers #sizer in standard browsers */
  padding: 0;
  width: 100%; /*60% this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left; /* resets the default text alignment for the page */
  max-width: 120px;
}

/* note to self, if you change the expander, make the corresponding change to the #left, or you will have shifted the menu */
#expander_i { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -406px; /* -410px -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
* html #expander_i { margin: 0 -440px; marg\in: 0 -430px; min-width: 100%; min-w\idth: 670px;}
#expander_spon { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -424px; /* -406 -415 -410px -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
* html #expander_spon { margin: 0 -440px; marg\in: 0 -430px; min-width: 670px; min-w\idth: 670px;}
#expander_v { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -415px; /* -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
* html #expander_v { margin: 0 -445px; marg\in: 0 -429px; min-width: 670px; min-w\idth: 670px;}
#expander_dex { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -420px; /* -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
}
* html #expander_dex { margin: 0 -450px; marg\in: 0 -430px; min-w\idth: 670px;}/*min-width: 100%;  670 520 405 430*/
#expander_av { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -415px; /* -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -420px; /* -435 -335 neg side margin values should be < or = to side body padding */
	min-width: 670px; /* 670 This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
} 
/*\*/
* html #expander {height: 0; margin: 0 -440px; marg\in: 0 -430px; } 
/* #expander must have "height: 0" in IEwin bug fixing  margin: 0 -430px;*/

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 

#wrapper1 { position: relative; font-size: 80%; /* set global font-size here */ } /*2DA6CE this positioning may be needed for IEwin if page is to contain positioned elements */
#wrapper1_dex { position: relative; font-size: 80%; /* set global font-size here */ } /* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 { position: relative; /* extra insurance against bugs in IEwin */ }

/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */

.outer {
 /*** Critical left divider dimension value ***/
 /*** Critical right divider dimension value ***/
  margin-left: 130px;    /***156 Critical left col width value ***/
  margin-right: 365px;    /***336 345 Critical right col width value 380 ***/
}

.outer_spon {
 /*** Critical left divider dimension value ***/
 /*** Critical right divider dimension value ***/
  margin-left: 156px;    /*** Critical left col width value ***/
  margin-right: 50px;    /*** Critical right col width value 380 ***/
}

.outer_2pic {
 /*** Critical left divider dimension value ***/
 /*** Critical right divider dimension value ***/
  margin-left: 170px;    /*** Critical left col width value ***/
  margin-right: 100px;    /*** Critical right col width value 380 ***/
}

.float-wrap { float: left; width: 100%; }

.center { float: right; width: 100%; }
* html .center {height:1%;}
.left_162 {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 153px;    /*** 156 Critical left col width value ***/
  margin-left: -162px;    /***179-178-169 -188Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_dex { margin-left:-185px; marg\in-left:-173px;}/*197 176 197 166*/
.left_dex {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 153px;    /*** 156 Critical left col width value ***/
  margin-left: -165px;    /***179-178-169 -188Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_dex { margin-left:-185px; marg\in-left:-173px;}/*197 176 197 166*/
.left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 156px;    /*** Critical left col width value ***/
  margin-left: -171px;    /***-158Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left { width:158px; margin-left:-173px; marg\in-left:-172px;}/*175*/
.left_179 {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 156px;    /*** Critical left col width value ***/
  margin-left: -179px;    /***-178 -158Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_s { width:158px; margin-left:-173px; marg\in-left:-172px;}/*175*/
.left_a {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 156px;    /*** Critical left col width value ***/
  margin-left: -180px;    /***-178 -158Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_s { width:158px; margin-left:-173px; marg\in-left:-172px;}/*175*/
.left_wa {
  float: left;
  position: relative; /* Needed for IE/win */
  margin-left: -186px;    /***179-178-169 -188Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_wa { margin-left:-197px; marg\in-left:-172px;}/*173 176 197 166*/
.left_s {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 156px;    /*** Critical left col width value ***/
  margin-left: -187px;    /***-178 -158Critical left col width value ***/ /*** Critical left divider dimension value ***/
}
* html .left_s { width:158px; margin-left:-173px; marg\in-left:-172px;}/*175*/

.right {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width: 330px;    /*** 330 Critical right col width value ***/
  margin-right: -350px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 0px;   /*** Critical right divider dimension value ***/
}
.right_i {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width:380px;    /*** 340px Critical right col width value ***/
  margin-right: -390px;    /***-450 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 0px;   /*** 10 Critical right divider dimension value ***/
}
* html .right_i{margin-right:-400px; marg\in-right:-390px;}
.right_v {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width:420px;    /*** Critical right col width value ***/
  margin-right: -430px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 10px;   /*** Critical right divider dimension value ***/
}
.right_dex {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width:310px;    /*** 360 Critical right col width value ***/
  margin-right: -333px;    /***380 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: -60px;   /*** 15 !!! set to 30 in jo Critical right divider dimension value ***/
}
* html .right_dex {margin-right:-530px; margin-left:0px; width:433px; w\idth:460px; marg\in-right:-420px; marg\in-left:-20px; }/*490 400-690-420 360*/

.right_w {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width: 0px;    /*** Critical right col width value ***/
  margin-right: -350px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 5px;   /*** Critical right divider dimension value ***/
}
.right_darde {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width: 181px;    /*** Critical right col width value ***/
  margin-right: -350px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 5px;   /*** Critical right divider dimension value ***/
}
.right_2pic {
  float: right; 
  position: relative; /* Needed for IE/win */
  font-weight: bold;
  text-align: justify;
  width: 400px;    /*** Critical right col width value ***/
  margin-right: -390px;    /***387 Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 5px;   /*** Critical right divider dimension value ***/
}
.centerbox { position: relative; font-weight: normal; text-align: justify; overflow: visible; width:100%; }/* 100%!!! pos rel is new*/
* html .centerbox {height:1%; width:380px; w\idth:100%;}

.centerbox_dex { position: relative; font-weight: normal; text-align: justify; overflow: visible; width:100%; }/*410px*/
* html .centerbox_dex {height:1%; width:410px; w\idth:100%; margin-top:3em; marg\in-top:0em; margin-left1em;}

.sponsorbox { position: relative; font-weight:normal; text-align:justify; overflow:visible; width:800px;/*100%*/}
* html .sponsorbox {height:1%; width:800px; w\idth:800px;}

.container-left {}
.container-right {padding-bottom: 8px; padding-left:0px; } /*80 makes room for the froggy color: #820; */

/*************** Header and Footer elements *****************/
/*
.header {
  width: 100%;
  color: #b33;
  padding: 5px 0;/*5px 0*/
  /*background: url(../images/jello1.gif) no-repeat 50px 7px;*/
}*/ /* "jello" BG is made to be in fixed position here */

/*\*/
* html .header {background-position: 10px 3px;}
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.header span {color: #373;} 

.footer { width:51%; font-size:80%; font-weight:bold; clear:both; padding:5px 0 15px 0; position:absolute; top:690px; border-top: 3px solid #00505B}
.footer p {margin: 10px 0 0 20px; color: #383;}
.footer hr { color: #944; margin:0; background: #944; height: 5px; }

.froggy { position: absolute; top: -65px; right: -10px; }

/************** Spacing Controls for various column contents ***************/

.outer ul { text-align: center; margin: 0;/*10px 0*/ }

.textpadder {padding: 8px;}  /* !!! this is starred out in jo */

/************** Generic Rules *************/
a:link, a:visited, a:focus, a:hover, a:active {height:1%; text-decoration:underline; color:#00505B; }/*76003F rgb(255, 255, 204)*/
a.textpadder:link, a.textpadder:visited, a.textpadder:focus, a.textpadder:hover, a.textpadder:active
{height:1%; text-decoration:underline; color:rgb(255, 255, 204); }/* a {color:  vertical-align: bottom;} */
a.dblue:link, a.dblue:visited, a.dblue:focus, a.dblue:hover, a.dblue:active {color:#00f;} /*#2DA6CE*/
p  {margin: .8em 0;}

h1 {font-size:200%;}
h2 {font-size: 180%; text-align:left;}
h3 {font-size:100.01%; font-weight:normal;} /* h3 {margin: 0 1em 0 .3em; margin: 1em 0 .3em;} */
.quisommesnous {font-size:130%; margin-top:-1em;}
.alignright {margin: 0 10px 10px 0; text-align: right;}
.tm {margin-top:1em;}
.small {font-size: 80%;}
.textleft {text-align:left;}

/************** Special Fixes *************/

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}
/* Holly hack */

#wrapper1,
#wrapper2,
.outer a, 
.container-left, 
.container-right,
.outer,
h2,
.sidenav li a 
{min-height: 1%;}
/* gives layout for IE7 */

/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */

/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */

.brclear { /* Use a break with this class to clear float containers */
  clear:both; height:0; margin:0; font-size: 1px; line-height: 0;
}

.clicker { display: block; text-align: center; padding: 3px; background: #833; cursor: pointer; }
.hide {display: none;}

/* jim's additions */
.blue {color:blue;}
.dblue{#00F;}
.r { color:#CC3300 ;}/*#E40079 #ffcc66;#555;*/
.fl { float:left; }
.fr { float:right; }
.vat {vertical-align:100%;}
.centre {margin: 0 100px;}
.tm1 {margin-top:-1em;}
.tmx {margin-top:1em;}
.lmx {margin-left:-5px;}
.lm1 {margin-left: 1em;}
.lm2 {margin-left: 2em;}
* html .lm2 {height:1%;}
.lm4 {margin-left: 4em;}
* html .lm4 {height:1%;}
.lm6 {margin-left: 6em;}
* html .lm6 {height:1%;}
.jb { height:1%; font-size:130%; font-weight:bolder;}
.jb1 { font-size:100%; font-weight:bold;}
.b {font-weight:bold;}
.i {font-style:italic;}
.sp2 {float:left; display:inline; text-align:left; width:22em; height:1%; margin:0.8em 0.5em 0 0;} /*height:1.5em;*/
.sp2a {float:left; display:inline; text-align:left; width:22em; height:1%; margin:-0.5em 0.5em 0 0;} /*height:1.5em;*/
.cb {clear:both; margin-top:-0.5em;}
.cl {clear:left;}
.cr {clear:right;}
.sppic {margin-right:0.5em; border: 1px solid #000;}
.small {font-size:80%;}
.small2 {font-size:90%;}
.normal {font-weight:normal;}
* html a {height:1%; margin-bottom:-3px; marg\in-bottom:0;}
.box {border: 3px solid #E40079; padding:4px; font-size:80%;}/*color:#ffcc66;*/
#menu{ float:left; font-size:110.01%; font-weight:normal; }
* html #menu {height:1%; he\ight:1%;}
#menu ul{ list-style:none; }
#menu li a{ position:relative; display:block; text-decoration:none; text-align:left; width:140px; padding:0.5em; border-bottom:0.1em ridge #00505B; }/*height:1.2em; */
#menu li a.bottom {border-style:none;}
* html #menu li a{ height:1.4em; he\ight:1%; width:156px; w\idth:150px; marg\in-bottom:0; }/*136*/
#menu li a:hover{ background-color:#ececec; }
* html #menu li a:hover{ height:1%; he\ight:1%; }
a.sitelink:link, a.sitelink:visited, a.sitelink:focus, a.sitelink:hover, a.sitelink:active{color:#fff;}	
.linkpos{position:absolute;top:20px;left:-2000px;font-size:2px;}		
.linkposa{ position:absolute; top:100px; left:-2000px; font-size:2px; } 		
.linkposb{ position:absolute; top:200px; left:-2000px; font-size:2px; } 		
.linkposc{ position:absolute; top:300px; left:-2000px; font-size:2px; }
.linkposd{ position:absolute; top:400px; left:-2000px; font-size:2px; }
.linkpose{ position:absolute; top:500px; left:-2000px; font-size:2px; }
.linkposf{ position:absolute; top:500px; left:-2000px; font-size:2px; }
.border{border: 1px solid #000;}		
#pictures { margin: 0 0 0 0px;}
.picbox {float:left; text-align:center; vertical-align:bottom; padding:0; margin:5px 5px 12px 5px; height:200px; width:120px;}
* html .picbox {height:197px; width:120px; margin:-2px 5px 0 5px;}
.vilbox {float:left; text-align:center; vertical-align:bottom; padding:0; margin:5px 5px 12px 5px; height:120px; width:150px;}
* html .vilbox {height:135px; width:160px;}
.text_blk {position:relative; margin:0 0 -20px 10px; color:800000; z-index:1;}
.itin_pic1 {position:relative; margin:0 -500px 0 0;}
.narrow{width:400px;}
acceuil {margin:-15px 0 0 -20px; border: 0.3em ridge fff; width:381px;}
* html acceuil {margin:-15px 0 0 0; border: 0.2em ridge fff; width:381px;}
.clic {/*color:820;*/ margin:-12px 0 5px 0;}
.hr {height:2px; width:100%; }
artistes li{ position:relative; display:block; list-style-type:disc; text-align;left; }
#cover {position:relative; min-width:461px; min-height:682px;}
.coverpic {position:absolute; top:-5px;left:0px;}
.cover1 { position:absolute; top:130px; left:150px; color:#fff; font-family:"arial narrow", "arial"; font-size:260%; font-weight:normal; }/* top:550px;*/
.cover2 {font-size:1.6em;}
.cover3 { position:absolute; top:-125px; left:230px; color:#000; font-size:1.4em; font-weight:bold;visibility:hidden;}
.cover4 { position:absolute; top:-120px; left:210px; color:#000; font-size:1.4em; font-weight:bold;}

.cover5 { position:absolute; top:630px; left:0px; font-size:100%; font-weight:bold; width:100%}/*top:168px;*/

.cover6 { position:absolute; top:538px; left:40px; color:#fff; font-size:160%; font-weight:normal;}/*top:290px;*/
.cover7 { position:absolute; top:538px; left:195px; color:#fff; font-size:160%; font-weight:normal;}/*top:318px;*/
.cover8 { position:absolute; top:538px; left:283px; color:#fff; font-size:160%; font-weight:normal;}/*top:345px;*/
.cover9 { position:absolute; top:538px; left:350px; color:#fff; font-size:160%; font-weight:normal;}/*top:570px;*/

.cover10{ position:absolute; top:585px; left:92px; color:#fff; font-size:160%; font-weight:normal;}/* top:345px;*/
.cover11{ position:absolute; top:585px; left:254px; color:#fff; font-size:160%; font-weight:normal;}/*571px;*/
.border{border:1px solid 000;}
#carte{position:absolute; top:0px; left:0px;}
.front{z-index:1;color:#000;}
.debug {border:0.2em solid 000;}