/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color: black;
}

h1 {
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}
#header_FR {
	position: relative;
	width: 760px;
	height: 120px;
	background: url(interface/header_FR.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}
#header_EN {
	position: relative;
	width: 760px;
	height: 120px;
	background: url(interface/header_EN.jpg) left top no-repeat;
	margin: 0 auto;
	text-align: left;
}
#accessible {
	position: absolute;
	top: 4px;
	right: 50px;
	text-align: right;
	width: 380px;
}
#accessible ul {
	margin: 0;
	padding: 0 13px 2px 0;
}
#accessible li {
	list-style-type: none;
	font-size: 0.9em;
	padding: 0;
	display: inline;
	color: white;
	line-height:1.5em;
}
#accessible li a {
	color: white;
}
#conteneur {
position: absolute;
width: 760px;
left: 50%;
margin-left: -375px;
background: url(interface/contenu.jpg) left top repeat-y;
}
#centre {
margin-left: 200px;
margin-top: 0;
}
#centre h2 {
  font-size: 1.2em;
  padding-left: 15px;
	color: #56B6F9;
}
#centre span {
  font-size: 1.3em;
  font-weight: bold;
	color: #FDEE04;
}
#centre p {
  font-size: 1em;
	color: #ffffff;
/*	line-height: 1,3em;*/
	padding-left: 10px;
	padding-right: 15px;
	margin-top: 20px;
}
#centre br {
  font-size: 1em;
	color: #585856;
/*	line-height: 1,3em;*/
	padding-left: 7px;
	padding-right: 15px;
}
#content span {
  font-size: 1.3em;
  font-weight: bold;
	color: #FDEE04;
}
#content{
margin: 0;
}
p {margin: 0 0 10px 0;}

#content a{
color: #56B6F9;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}
#content p {
padding-left: 12px;
}
#content h4 {
	padding-left: 10px;
	color: #f9ac52;
	  font-size: 1.5em;
}
#content img{
padding-left: 20px;
border:0;
}

#gauche {
position: absolute;
left:0;
width: 200px;
/*background: url(interface/gauche.jpg) left top repeat-y;*/
}

#gauche h4 {
	padding-left: 35px;
	color: #FFFFFF;
}
#gauche span {
  font-size: 1.3em;
  font-weight: bold;
	color: #FDEE04;
}
#gauche img{
border: 0;
}
#gauche p{
/*padding-left: 40px;*/
text-align: center;
}
#menugauche {
margin: 0;
padding-left: 35px;
}
#menu {
background: url(interface/guitare.gif) left bottom no-repeat;

}
#menugauche li {
width: 160px;
list-style-image: url(interface/etoile.gif);
margin-bottom: 8px;
margin-top: 8px;
}
#menugauche a {
margin: 0 2px;
color: #f9ac52;
font-size: 1.3em;
text-decoration: none;
}
#menugauche a:hover {
text-decoration: underline;
}

.photo{
    padding-right : 4px;
    margin-right : 4px;
    float : left;
}

#footer {
	width: 760px;
	height: 45px;
	background: url(interface/footer.jpg) left bottom no-repeat;
	color: white;
	font-size: 0.90em;
/*	font-weight:bold;*/
	text-align: left;
	margin: 0 auto;
}
#footer p {
	padding-top: 12px;
	padding-left: 100px;
/*	margin: 10px 0 0 40px;*/
}
#footer a {
	color: white;
}
#player {
padding-left: 80px;
}
#formu div.row {
  clear: both;
  padding-top: 10px;
  padding-left: 15px;
  font-size: 1em;
	color: #585856;
  }

#formu div.row label{ 
  float: left;
  width: 25%;
  text-align: left;
  font-size: 1em;
	color: #ffffff;
  }

#formu div.row span.formw{
  float: right;
  width: 70%;
  text-align: left;
  }
.txt_yellow{
color:yellow;
}
#holder {position:relative; background:transparent url(pic1b.gif) 175px 54px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox {width:500px; height:80px; background:##f9ac52; overflow:auto; margin-left:10px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; width:75px; height:47px; margin:3px; float:left; font-size:11px;}

a.slidea {background:url(photos/minis/p1.jpg);}
a.slideb {background:url(photos/minis/p2.jpg);}
a.slidec {background:url(photos/minis/p3.jpg);}
a.slided {background:url(photos/minis/p4.jpg);}
a.slidee {background:url(photos/minis/p5.jpg);}
a.slidef {background:url(photos/minis/p6.jpg);}
a.slideg {background:url(photos/minis/p7.jpg);}
a.slideh {background:url(photos/minis/p8.jpg);}
a.slidei {background:url(photos/minis/p9.jpg);}
a.slidej {background:url(photos/minis/p10.jpg);}
a.slidek {background:url(photos/minis/p11.jpg);}
a.slidel {background:url(photos/minis/p12.jpg);}
a.slidem {background:url(photos/minis/p13.jpg);}
a.sliden {background:url(photos/minis/p14.jpg);}
a.slideo {background:url(photos/minis/p15.jpg);}
a.slidep {background:url(photos/minis/p16.jpg);}
a.slideq {background:url(photos/minis/p17.jpg);}
a.slider {background:url(photos/minis/p18.jpg);}
a.slides {background:url(photos/minis/p19.jpg);}
a.slidet {background:url(photos/minis/p20.jpg);}
a.slideu {background:url(photos/minis/p21.jpg);}
a.slidev {background:url(photos/minis/p22.jpg);}

a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#c5200a; z-index:100; font-size:11px;}
a.gallery span img{border:0;margin-top:60px;margin-left:50px;}
a.gallery:hover {white-space:normal;}
a.gallery:hover img {z-index:100;}
a.gallery:active img, a.gallery:focus img {z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:500px; height:350px; top:80px; left:210px; padding:5px; font-style:italic; color:#fff; background:#c5200a; z-index:100; font-size:11px;}
/*a.gallery:active {border:1px solid #eee;}*/
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:500px; height:350px; top:80px; left:210px; padding:5px; font-style:italic; color:#000; background:#f9ac52; z-index:50;}
#thumbs {width:900px; height:65px;}
#pad {height:320px; width:100px;}
#drapeau{
border: 0;
padding-top: 5px;
padding-left: 50px;
}
#drapeau span{
padding-right: 10px;
}
#drapeau img{
border: 0;
}
#horloge{
border: 0;
padding-top: 5px;
padding-left: 50px;
}
.photos{
    padding : 3px;
    margin-top : 3px;
    float : left;
}
.photos1{
    padding : 3px;
    margin-top : 3px;
    margin-left : 20px;
    float : left;
}
.photos img{
border:0;
}
.photos1 img{
border:0;
}
.spacer{
clear: both;
}
.texte1{
    width:120px;
    margin-left: 2px;
    padding-top: 5px;
    float : left;
}
.texte2{
    width:350px;
    margin-left: 2px;
    padding-top: 5px;
    float : left;
}
.texte1h3{
  font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}
.texte1p{
  font-size: 10px;
	color: #000000;

}
#content3 p {
padding-left: 100px;
}
#content3 h4 {
	padding-left: 120px;
	color: #f9ac52;
	  font-size: 1.5em;
}
#content3 #pochette{
padding-left: 100px;
border:0;
}
#content3 img{
border:0;
}
#content3 a{
color: #56B6F9;
text-decoration: none;
}
#content3 a:hover {
text-decoration: underline;
}
#sapin1{
position:absolute;
left:180px;
top:180px;
z-index:100;
}
#sapin2{
position:absolute;
left:650px;
top:180px;
z-index:100;
}
#sapin3{
position:absolute;
left:180px;
top:400px;
z-index:100;
}
#sapin4{
position:absolute;
left:650px;
top:400px;
z-index:100;
}