/* CSS Document */

#content{
position: relative;
text-align : center; 
width:760px;
height:100%;
margin-left:auto;
margin-right:auto;
background-repeat : no-repeat;border: solid  0px;}

body {
margin: 0;
padding: 0;
width:100%;
color: #D4D0C8;
background-color : #000000;
background-image: url(images/Frame/background.jpg);
}

.spacer1 {
float : left ;
width : 760px; 
height : 1px;
}

.spacer2 {
float : left ;
width : 760px; 
height : 100%;
}

.top {
float : left ;
width : 760px; 
height : 10px;
}

.coing {
float : left ;
width : 19px; 
height : 27px;
background-image: url(images/Frame/graf_top_coinga.gif);
}

.barre {
float : left ;
width : 722px; 
height : 27px;
background-color:#722A14;
}

.coind {
float : left ;
width : 19px; 
height : 27px;
background-image: url(images/Frame/graf_top_coindr.gif);}

.barre2 {
	float : left;
	width : 760px;
	height : 15px;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.menu1 {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ;
margin-left: 19px ;
padding-top: 15px;
text-align : center;
width : 88px; 
height : 15px;
}

.menu2 {
float : left ;
text-align : center; 
padding-top: 15px;
width : 88px; 
height : 15px;
}

.menu3 {
float : left ;
text-align : center; 
padding-left: 240px;
padding-top: 0px;
width : 88px; 
height : 5px;
}

.menu4 {
float : left ;
text-align : center; 
padding-left: 0px;
padding-top: 0px;
width : 88px; 
height : 5px;
}

.blocmenutop {
float : left ;
 width : 760px; 
 height : 50px;
 text-align:center;
 }

.haut {
float : left ;
width : auto; 
height :90px ; 
background-image : url();
background-position : right;
}

.bloc1 {
float : left ;
 width : 760px; 
 height : 340px; 
 text-align : right;  
 background-image : url(images/background_index.jpg);
 background-repeat:no-repeat
 }

.bloctexteindex {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : center;
position:absolute;
top :258px; left:15px;
width : 300px; 
height :100px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
}

.blocnews {
position:absolute;
top :310px; left:508px;
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
font-size : 12px;
text-align : center;
width : 239px; 
height :34px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}

.blocflash {
	display : inline; /*corrige le bug de margin-left sous IE*/
	float : left;
	width : 210px;
	height : 86px;
	text-align : right;
	background-repeat:no-repeat;
	position: absolute;
	left: 288px;
	top: 543px;
 }




.blocbiographie {
float : left ;
 width : 760px; 
 height : 650px; 
 background-image : url(images/background_biographie.jpg);
 background-repeat:no-repeat
 }

.bloctextebiog {
	display : inline; /*corrige le bug de margin-left sous IE*/
	float : left;
	font-size : 11px;
	text-align : center;
	margin-top : 95px;
	margin-left : 50px;
	width : 290px;
	height :400px;
	color: #D4D0C8;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size : 11px;
}

.blocvid1{
display : inline; /*corrige le bug de margin-left sous IE*/
position:absolute;
top :242px; left:59px;
text-align : center;
width : 239px; 
height :19px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}

.blocvid2 {
display : inline; /*corrige le bug de margin-left sous IE*/
position:absolute;
top :242px; left:448px;
float : left ; 
font-size : 11px;
text-align : center;
width : 238px; 
height :20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;	
}

.blocvid3{
display : inline; /*corrige le bug de margin-left sous IE*/
position:absolute;
top :647px; left:58px;
float : left ; 
font-size : 12px;
text-align : center;
width : 239px; 
height :19px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}

.blocvid4{
display : inline; /*corrige le bug de margin-left sous IE*/
position:absolute;
top :649px; left:450px;
float : left ; 
font-size : 12px;
text-align : center;
width : 239px; 
height :19px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;
}

.blocwalk {
display : inline; /*corrige le bug de margin-left sous IE*/
position:absolute;
top :314px; left:34px;
float : left ; 
font-size : 11px;
text-align : center;
width :301px; 
height :224px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;	
}

.blocballade {
display : inline; /*corrige le bug de margin-left sous IE*/
position:absolute;
top :317px; left:423px;
float : left ; 
font-size : 11px;
text-align : center;
width :301px; 
height :224px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;	
}

.blocmedley {
display : inline; /*corrige le bug de margin-left sous IE*/
position:absolute;
top :722px; left:33px;
float : left ; 
font-size : 11px;
text-align : center;
width : 301px; 
height :224px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;	
}
.blocvite {
display : inline; /*corrige le bug de margin-left sous IE*/
position:absolute;
top :723px; left:419px;
float : left ; 
font-size : 11px;
text-align : center;
width : 301px; 
height :224px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size : 11px;	
}




.bloctextemusique {
position:absolute;
top :263px; left:68px;
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
font-size : 11px;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align : center;
width : 237px; 
height :208px;
}

.blocmusiqueindex {
position:absolute;
top :550px; left:145px;
display : inline; /*corrige le bug de margin-left sous IE*/
float : left;
width : 525px;
height :300px;
background-image : url('images/backgroundmusiqueindex.jpg');
}



.blocmusique {
float : left ; 
width : 760px; 
height :300px;
background-image : url(images/background_musique.jpg); }


.blocvideo {
float : left ; 
width : 760px; 
height :390px;
background-image : url(images/background_video.jpg); }


.bloctextevideo {
position:absolute;
top :319px; left:271px;
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
font-size : 11px;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align : center;
width : 210px; 
height :208px;
}

.blocflashmusique {
	display : inline; /*corrige le bug de margin-left sous IE*/
	float : left;
	width : 210px;
	height : 75px;
	text-align : right;
	background-repeat:no-repeat;
	position: absolute;
	left: 465px;
	top: 272px;
 }

.blocconcerts{
float : left ; 
width : 760px; 
height :300px;
background-image : url(images/background-concerts.jpg); }

.bloctexteconcerts {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : left;
position:absolute;
top :276px; left:175px;
width : 337px; 
height :170px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}

.blocbillets {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : left;
position:absolute;
top :-1px; left:336px;
width : 123px; 
height :170px;
}




.blocphotos {
float : left ; 
width : 760px; 
height :440px;
background-image : url(images/background_photos.jpg);  }

.blocgpdgm {
float : left ; 
width : 760px; 
height :240px;
background-image : url(images/background_photos_gpdm.jpg);  }

.blocpics {
float : left ; 
width : 760px; 
height :576px;
background-image : url(images/Duo_image/background-photos-4x6.jpg); }

.blocpicsvertical {
position:absolute;
top :272px; left:238px;
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
font-size : 12px;
text-align : center;
width : 300px; 
height :450px;
}

.blocimage{
float : left ; 
width : 190px; 
height :160px;
text-align : center;
padding-top :20px;
 }

.blocimageg{
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
margin-left : 100px;
width : 190px; 
height :160px;
text-align : center;
padding-top :20px;
 }
 
 .bloccontacts {
float : left ;
 width : 760px; 
 height : 300px;
 background-image : url(images/background-contact.jpg);
   }

.blocmail {
position:absolute;
top :349px; left:59px;
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
font-size : 14px;
text-align : center;
width : 220px; 
height :50px;
}


.blocmail1 {
position:absolute;
top : 425px; left :60px;
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
font-size : 14px;
text-align : center;
width : 220px; 
height :50px;
}


.blocmail2 {
position:absolute;
top : 349px; left :443px;
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
font-size : 14px;
text-align : center;
width : 250px; 
height :50px;
}


.blocboutique {
float : left ; 
width : 760px; 
height :300px;
background-image : url(images/background-boutique.jpg); }

.blocboutiquebillets {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : left;
position:absolute;
top :294px; left:24px;
width : 296px; 
height :180px;
font-size:10px;
}
.blocboutiqueacheter {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : center;
position:absolute;
top :0px; left:301px;
width : 86px; 
height :170px;
font-size:10px;

}

.blocboutiquealbum {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : center;
position:absolute;
top :280px; left:494px;
width : 239px; 
height :166px;
font-size : 11px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

.bloccours {
float : left ; 
width : 760px; 
height :600px;
background-image : url(images/background-cours.jpg); }

.bloctextecours {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : center;
position:absolute;
top :292px; left:149px;
width : 461px; 
height :494px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}


.blocliens {
float : left ;
 width : 760px; 
 height : 340px; 
 text-align : right;  
 background-image : url(images/back_liens.jpg);
 background-repeat:no-repeat
 }

.bloctexteliens1 {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : center;
position:absolute;
top :304px; left:65px;
width : 241px; 
height :59px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}


.bloctexteliens2 {
display : inline; /*corrige le bug de margin-left sous IE*/
float : left ; 
text-align : center;
position:absolute;
top :432px; left:60px;
width : 241px; 
height :59px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
}


a.acceuil { background-image: url('images/Frame/acceuil.jpg'); display: block; width: 86px } 
a.acceuil:hover { background-image: url('images/Frame/acceuilover.jpg')} 
a.acceuil1 { background-image: url('images/Frame/acceuilover.jpg'); display: block; width: 86px } 
a.acceuil1:hover { background-image: url('images/Frame/acceuilover.jpg')} 

a.bio { background-image: url('images/Frame/Biographie.jpg'); display: block; width: 86px } 
a.bio:hover { background-image: url('images/Frame/Biographieover.jpg')} 
a.bio1 { background-image: url('images/Frame/Biographieover.jpg'); display: block; width: 86px } 
a.bio1:hover { background-image: url('images/Frame/Biographieover.jpg')} 

a.musique { background-image: url('images/Frame/Musique.jpg'); display: block; width: 86px } 
a.musique:hover { background-image: url('images/Frame/Musiqueover.jpg')} 
a.musique1 { background-image: url('images/Frame/Musiqueover.jpg'); display: block; width: 86px } 
a.musique1:hover { background-image: url('images/Frame/Musiqueover.jpg')} 

a.photos { background-image: url('images/Frame/Photos.jpg'); display: block; width: 86px } 
a.photos:hover { background-image: url('images/Frame/Photosover.jpg')} 
a.photos1 { background-image: url('images/Frame/Photosover.jpg'); display: block; width: 86px } 
a.photos1:hover { background-image: url('images/Frame/Photosover.jpg')} 

a.concerts { background-image: url('images/Frame/Concerts.jpg'); display: block; width: 86px } 
a.concerts:hover { background-image: url('images/Frame/Concertsover.jpg')} 
a.concerts1 { background-image: url('images/Frame/Concertsover.jpg'); display: block; width: 86px } 
a.concerts1:hover { background-image: url('images/Frame/Concertsover.jpg')} 

a.cours { background-image: url('images/Frame/cours.jpg'); display: block; width: 86px } 
a.cours:hover { background-image: url('images/Frame/coursover.jpg') }
a.cours1 { background-image: url('images/Frame/coursover.jpg'); display: block; width: 86px } 
a.cours1:hover { background-image: url('images/Frame/coursover.jpg') }  

a.boutique { background-image: url('images/Frame/Boutique.jpg'); display: block; width: 86px } 
a.boutique:hover { background-image: url('images/Frame/Boutiqueover.jpg')}
a.boutique1 { background-image: url('images/Frame/Boutiqueover.jpg'); display: block; width: 86px } 
a.boutique1:hover { background-image: url('images/Frame/Boutiqueover.jpg')} 


a.contact { background-image: url('images/Frame/Contact.jpg'); display: block; width: 86px } 
a.contact:hover { background-image: url('images/Frame/Contactover.jpg')} 
a.contact1 { background-image: url('images/Frame/Contactover.jpg'); display: block; width: 86px } 
a.contact1:hover { background-image: url('images/Frame/Contactover.jpg')} 


a.projets { background-image: url('images/Frame/Contact.jpg'); display: block; width: 86px } 
a.projets:hover { background-image: url('images/Frame/Contactover.jpg')} 
a.projets1 { background-image: url('images/Frame/Contactover.jpg'); display: block; width: 86px } 
a.projets1:hover { background-image: url('images/Frame/Contactover.jpg')} 

a.liens { background-image: url('images/Frame/liens.jpg'); display: block; width: 86px } 
a.liens:hover { background-image: url('images/Frame/liensover.jpg')} 
a.liens1 { background-image: url('images/Frame/liensover.jpg'); display: block; width: 86px } 
a.liens1:hover { background-image: url('images/Frame/liensover.jpg')} 

a.video { background-image: url('images/Frame/video.jpg'); display: block; width: 86px } 
a.video:hover { background-image: url('images/Frame/videoover.jpg')} 
a.video1 { background-image: url('images/Frame/videoover.jpg'); display: block; width: 86px } 
a.video1:hover { background-image: url('images/Frame/videoover.jpg')} 

a.duojazz { background-image: url('images/Frame/duojazz.jpg'); display: block; width: 86px } 
a.duojazz:hover { background-image: url('images/Frame/duojazzover.jpg')}
a.duojazz1 { background-image: url('images/Frame/duojazzover.jpg'); display: block; width: 86px } 
a.duojazz1:hover { background-image: url('images/Frame/duojazzover.jpg')} 



.Style6 {font-size: 10px}



a {color: #ffffff;font-weight: bold;}	
a:visited {color: #ffffff;font-weight: bold;}
a:hover {color: #FF9966;font-weight: bold;}
a:active {color: #ffffff;font-weight: bold;}
a.class1 {color : #333}
a.class1:hover {color : #777777}



h1 {margin : 10px 0 0 0 ; padding : 0 ; font-size : 16px ; text-align : right ; width : 350px}
h2 {margin : 10px 0 0 0 ; padding : 0 ; font-size : 16px}
h3 {margin : 10px 0 0 0 ; padding : 0; font-size : 16px}
p {margin : 10px 0 0 0 ; padding : 0}