html, body {
margin: 0;
padding: 0;
height: 100%
}


body {
margin: 0;
padding: 0;
background-color : #fff;
text-align :left;
font-family : verdana;
font-size : 11px;
color : #000;
background-image : url(images/fond1.gif);
background-position : top left;
background-attachment : fixed;

}

.content{ 
background :  url(images/bgleft.gif) repeat-y;
width:790px;
height:100%;}
html>body .content {height : auto; min-height : 100%}

 /* GAUCHE */
 
.gauche {

float : left; 
width : 200px ;
height : 300px;
border-top : 1px solid #e3e4de; 
text-align : left}



.droite {
float : left; 
width : 400px ; 
height : 300px;
background : transparent;
margin-left : 0;
background-image : url(images/jp3.gif);
 background-repeat : no-repeat;
 background-position : 30px 80px ;
 text-align : justify; 
}html>body .droite {height : auto; min-height : 300px}
 
 
 /* CONFIGURATION ul, li */

ul, li {margin : 0; padding : 0; list-style : none}
 
 
 .menu
 
{ float : left;
width : 150px ;
background-color :transparent;
 margin-left : 0;
color : #ccc;
}

ul {margin : 20px 0 0 14px ; list-style : none ; padding : 0 ; font-weight : bold ; font-size : 12px}
li {margin :7px 10px 0 0; color : #ccc; list-style : none }



 
h1 {margin : 200px 10px 10px 14px; padding : 0 ; font-size : 12px;  text-transform : uppercase}
h2 {margin : 200px 10px 10px 14px; padding : 0 ; font-size : 12px; }
h3 {margin :10px 10px 0 14px; padding : 0 ; font-size : 12px; text-transform : uppercase }
h4 {margin :10px 10px 10px 14px; padding : 0 ; font-size : 12px;  text-transform : uppercase}  
 h5 {margin :200px 10px 10px 14px; padding : 0 ; font-size : 9px; } 
  h6 {margin :200px 10px 0 14px; padding : 0 ; font-size : 12px;  text-transform : uppercase}   
   
p {margin : 14px 25px 14px 14px; padding : 0 ; }
.notop {margin : 0 25px 0 14px; padding : 0 ;}
.top {margin : 10px 25px 0 14px; padding : 0 ;}
.top1 {margin : 14px 25px 0 14px; padding : 0 ;}  
.top2 {margin : 5px 25px 0 14px; padding : 0 ;}  
.jp {margin-top : 100px ; margin-left : 30px}
.italic {font-style : italic}
.souligne {border-bottom : 1px dotted #000}

.color {color:#064675}
.gras {font-weight : bold}
  
a {color:#ccc; text-decoration:none;} 
a:hover {color:#fff; text-decoration:none;} 

a.class1 {color:#ccc; text-decoration:none; font-weight : bold; text-transform : uppercase} 
a:hover.class1 {color:#064675; text-decoration:none;}

a.class2 {color:#fff; text-decoration:none;} 
a:hover.class2 {color:#fff; text-decoration:none;} 

a.class3 {color:#064675; text-decoration:none; font-style : italic ; } 
a:hover.class3 {color:#064675; text-decoration:underline;} 

a.class4 {color:#064675; text-decoration:none;  } 
a:hover.class4 {color:#064675; text-decoration:underline;} 


.spacer {clear : both;  height : 10px ;}
.img1 { margin-top : 0 ; margin-left : 15px}
.img { margin-top : 10px ; margin-left : 15px}
.img_disque {margin-left : 10px}
.boot {margin-top : 6px}

.img_pochettes {float : right ; margin-right :0 ; margin-left : 10px}

.ecouterecital { margin-left : 50px; margin-top : 10px}

.maurice {margin-left : 250px ; color:#064675; font-weight : bold}


div.hr {
height: 3px;
padding : 0;   
width : 300px;

margin : 12px 10px 10px 10px ;
background: url(images/hr.jpg) repeat-x; }

div.hr hr {
display: none;  padding :0; 
}