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

body {
  padding: 0;/* the critical side padding that sets the natural min-width! */ 
	background:#838288 url("/images/fond.jpg");
	color: #000; 
  font-family: "arial", serif; 
  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 */
 
}

.wrapper {margin: 20px auto; background-color:#838288; font-size: .75em; /* set global font-size here */ 
width:960px; text-align: center; border:1px solid #000; height:565px;} /* this positioning may be needed for IEwin if page is to contain positioned elements */
.wrapdisco, .wrapbio {margin: 20px auto; background-color:#838288; font-size: .75em; /* set global font-size here */ 
width:960px; text-align: center; border:1px solid #000; height:840px;} /* this positioning may be needed for IEwin if page is to contain positioned elements */
.wrapplan{margin: 20px auto; background-color:#838288; font-size: .75em; /* set global font-size here */ 
width:960px; text-align: center; border:1px solid #000; height:2600px;} /* this positioning may be needed for IEwin if page is to contain positioned elements */
.wrappresse {margin: 20px auto; background-color:#838288; font-size: .75em; /* set global font-size here */ 
width:960px; text-align: center; border:1px solid #000;} /* this positioning may be needed for IEwin if page is to contain positioned elements */


p {margin:0; padding:0;} 
.wide {
background:#838288 url("/images/laurentmadiot.gif") 0 0 no-repeat;    /* header and footer colours */
width: 100%; 
font-size: 1.6em;
font-weight: bold;
color: #000;
text-align: left;
height:100px
}

a.concerts {width:98px; height:55px; float:left; background:url("/images/menu_conc.gif") 0 -55px no-repeat; margin:0 0 0 5px; padding:0;}
a.concerts:hover {background-position:0 1px;}
a.disco {width:129px; height:55px; float:left; background:url("/images/menu_disco.gif") 0 -55px no-repeat; margin:0 0 0 5px; padding:0;}
a.disco:hover {background-position:0 1px;}
a.bio {width:113px; height:55px; float:left; background:url("/images/menu_bio.gif") 0 -55px no-repeat; margin:0 0 0 5px; padding:0;}
a.bio:hover {background-position:0 1px;}
a.presse {width:82px; height:55px; float:left; background:url("/images/menu_presse.gif") 0 -55px no-repeat; margin:0 0 0 5px; padding:0;}
a.presse:hover {background-position:0 1px;}
a.contacts {width:98px; height:55px; float:left; background:url("/images/menu_contacts.gif") 0 -55px no-repeat; margin:0 0 0 5px ; padding:0;}
a.contacts:hover {background-position:0 1px;}
.menuc {width:98px; height:55px; float:left; background:url("/images/menu_conc.gif") 0 1px no-repeat; margin:0 0 0 5px; padding:0;}
.menud {width:129px; height:55px; float:left; background:url("/images/menu_disco.gif") 0 1px no-repeat; margin:0 0 0 5px; padding:0;}
.menub {width:113px; height:55px; float:left; background:url("/images/menu_bio.gif") 0 1px no-repeat; margin:0 0 0 5px; padding:0;}
.menucont {width:98px; height:55px; float:left; background:url("/images/menu_contacts.gif") 0 1px no-repeat; margin:0 0 0 5px ; padding:0;}
.menup {width:82px; height:55px; float:left; background:url("/images/menu_presse.gif") 0 1px no-repeat; margin:0 0 0 5px; padding:0;}

a.gen:link, a.gen:visited{text-decoration:none; color:#000;}
a.gen:hover{text-decoration:none; color:#666;}
a.gen:active{text-decoration:none; color:#000;}



.top {border-bottom: 1px solid #000;}


.outer {background-color:#838288; position:relative; width:650px; margin-right: 310px;}
.outdisco {background-color:#838288; position:relative; width:700px; margin-right: 255px;}
.outbio {background-color:#838288; position:relative; width:800px; margin-left: 160px;}
.outcont{background-color:#838288; position:relative; width:692px; margin-right: 265px;}
.outpresse{background-color:#838288; position:relative; width:960px; margin:0; padding:0; text-align:left;}
.outplan{background-color:#838288; position:relative; margin:20px 0 0 40px; padding:0;}



.center {position:relative; float:left; width: 650px; background-color:#838288; margin:0; padding:0 0 0 10px;text-align:left;
overflow: visible; height: 1%; font-family:Garamond, "Times New Roman"; font-size:1.2em;}
.centdisco {position:relative; float:left;  width: 255px; background-color:#838288; margin:0; padding:0; text-align:left;
overflow: visible; height: 1%;}
.centbio {background-color:#ccc; position:relative; float:left; width: 160px; background-color:#838288; padding:0; text-align:left;
height: 450px; margin: 10px 0 0 -140px;}
.centcont {background-color:#ccc; position:relative; float:left; width: 670px; background-color:#838288; margin:0; padding:0; text-align:left;
height: 450px;}


	
.right {position:relative; float:right; width: 295px; margin-right:-305px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
padding:0 10px 0 0; text-align:center; z-index:2;}
.rigdisco {position:relative; float:right; width: 700px; margin:15px -265px 0 0;   /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
padding:0; text-align:left; z-index:2;}
.rigbio {position:relative; float:right; width: 780px; margin: 0 0 0 -150px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
padding:0; z-index:2; text-align:left;}
.rigcont {position:relative; float:right; width: 265px; margin:10px -260px 0 0;   /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/
padding:0; text-align:right;}


.right p { color:#fff; font-weight:bold; font-family:Garamond, "Times New Roman"; font-size:1.2em;}
.petit { color:#000; font-family:Garamond, "Times New Roman"; font-size:1em;}
.rond {margin:0 20px 0 0; padding:0;}

#container {background-color:#ccc; margin:0; padding:5px; height:410px; width:295px; overflow:scroll; text-align:left; border:#666 solid 1px;}

/************** discographie *************/
.pochettes {margin:0 0 0 5px; padding:0; float:left; display:inline; width:251px; height:481px;}
.titres {float:left; margin:20px 0 0 0; padding:0; display:inline; width:290px; height:440px;}
.plus {float:left; margin:0 5px 0 0; padding:0}

a.video:link, a.video:visited{font-family:Garamond, "Times New Roman"; font-size:1.2em; text-decoration:none; color:#000;}
a.video:hover{text-decoration:none; color:#666;}
a.video:active{text-decoration:none; color:#000;}

/************** biographie *************/
.music {display:inline; margin:10px 10px 0 0; padding:0; float:left; border:1px solid #000;}
a.biog:link, a.biog:visited{ font-family:Garamond, "Times New Roman"; font-size:1.3em; text-decoration:none; color:#000; font-weight:bold;}
a.biog:hover{text-decoration:none; color:#666;}
a.biog:active{text-decoration:none; color:#000;}
a.biog2:link, a.biog2:visited{ font-family:Garamond, "Times New Roman"; font-size:1.27em; text-decoration:none; color:#000;}
a.biog2:hover{text-decoration:none; color:#666;}
a.biog2:active{text-decoration:none; color:#000;}

.containbio p {height:160px; color:#000; font-size:1.3em; font-family:Garamond, "Times New Roman"; margin:0; padding:0;}
.centbio p, .rigbio p {font-family:Garamond, "Times New Roman"; font-size:1.3em;}
.rigbio p {font-family:Garamond, "Times New Roman"; font-size:1.3em; margin: 0 10px 0 0; padding:0;}
.centbio img, rigbio img {border:1px solid #000;}

/************** contacts *************/
.logos {margin:25px 5px 0 20px; padding:0; float:left; clear:both; width:670px;}
.logos img {margin:0 10px 10px 0; float:left; padding:0;}
.infos { width:210px; margin:20px 0 0 10px; padding:0; font-size:1.3em; font-family:Garamond, "Times New Roman"; float:left;}

.rigcont p {font-size:1.25em; font-family:Garamond, "Times New Roman"; font-weight:bold; margin:0; padding:0; color:#000; width:276px; text-align:left;  z-index:2;}

/************** presse *************/
.outpresse p {margin: 25px 15px 15px 15px; padding:0; font-family:Garamond, "Times New Roman"; font-size:1.3em;}

.footer {
margin:10px 0 0 0; padding:0;
  width: 100%;
  color: #000;
  clear: both;
  font-size:0.7em;
  position: relative;
  text-align:center;
}
.footer a:link, .footer a:visited, .video a:link, .video a:visited{font-family:arial; text-decoration:none; color:#000;}
.footer a:hover, .video a:hover{text-decoration:none; color:#666;}
.footer a:active, .video a:active{text-decoration:none; color:#000;}



.alignright {margin: 0 10px 10px 0; text-align: right;}

.small {font-size: .8em;}

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

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

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


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

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

/**************** position absolute *******************/
#goutte {position:absolute; width:80px; height:100px; margin: 0 0 0 200px; left:50%; padding:0;}
#rond {position:absolute; width:107px; height:105px; margin: 10px 0 0 350px; left:50%; padding:0; z-index:2;}
#retour {position:absolute; width:272px; height:43px; margin: -450px 0 0 0; left:50%; padding:0;}


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

/*\*/ /*/
.nav 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;
}

.hide {display: none;}