audio{
width:180px;
height:33px;
}
* { 
margin:0; padding:0; font-size:100%;font:Courier; font-family:monospace;
} 
a:active{
outline:none;
}
img { 
border : 0;
max-width:500px
}
.zoom{height:30px}
.zoom:hover{height:100px}
html {
background: url(http://www.souslepont.org/img/sousLePont-fond.jpg)	center top no-repeat fixed;
}
#conteneur {
position:absolute;
left:50%;
margin-left:-500px;
width:1000px;
}
hr {
margin:10px;
}
h1, h2, h3 {
padding-top:10px;
}
li ,ul {
text-align:left;
margin-left:15px;
list-style:url(http://www.souslepont.org/img/etoile+.png) ;
}
li:hover {
list-style:url(http://www.souslepont.org/img/etoile.png) ;
}
li:first-letter {
font-size:150%
}
a{
text-decoration: none
}
table {
max-width: 80%;
margin-left: 10%;
}
/*GAUCHE*/
.colonneGauche {
z-index:-1;
position:fixed;
opacity:0.8;
left:50%;
margin-left:-500px;
width:170px;
}
.colonneGauche img {
margin-bottom:-15px
}
/*CENTRE*/
#colonneCentre {
z-index:0;
position:absolute;
width:70%;
top:50px;
left:150px;
padding-bottom:20px;
text-align:center;
}
#logo {
z-index:-1;
margin-top:-30px;
margin-bottom:0px; 
}
/*DROITE*/
.colonneDroite {
z-index:0;
position:absolute;
top:50px;
padding-left:5%;
right:5%;
width: 20%;
text-align:center;
}
.dates {
font-size:13px;
margin-bottom:10px;
font-weight:bold;
}
.dates a{
font-weight: bold;  
}
.dates ul li{
list-style:url(img/etoile+.png) ;
padding-bottom:3px;
text-align:center;
}
.dates ul li:hover{
list-style:url(img/etoile.png) ;
}
#mini-blog {
margin-left:20px;
width:180px;
color:black;
}
#mini-blog {
font-size:10px;
text-align:center
}
#mini-blog #titre{
margin-left:25px;
}
#mini-blog h2 {
font-size:11px;
}
#mini-blog img{
max-width:150px
}
#ejs_photo_box {
margin-left:10%;
text-align:center}

/*EDITEURS*/
#editdates textarea, #editnews textarea, #editaccueil textarea,#ad textarea, #editblog textarea, #editentrenous textarea{
height:400px;
width:90%;
margin-left:15px;
color:black;
}
#editnews textarea, #editaccueil textarea{
height:350px;
}
#editdates, #editnews, #editaccueil{
width:50%;
}

#editnews,#editaccueil{
margin-top:-480px;
margin-left:50%;
height:00px;
}
#editaccueil{
margin-top:400px;
margin-bottom:80px;
}
#editnews textarea, #editaccueil textarea{
height:350px;
}


/* MENU */
#menu{
z-index:2;
position:fixed;
height:auto;
width:auto;
top:5px;
left:50%;
margin-left:-410px;
text-align:left;
background:#fff url(img/fond-boite.jpg);
opacity:0.8;
}
#menu a {
display: block;
height:20px;
width: 90px;
background-position: left top;
visibility:-hidden;
text-shadow: #faa 1px 1px 5px;
}
#menu-accueil:hover ,#menu-actu:hover , #menu-contacts:hover {list-style-image: url(img/etoile.png);
}
#menu-accueil {background:url(img/menu-accueil.png); width: 120px}
#menu-actu {background:url(img/menu-actu.png); width: 120px}
#menu-sons {background:url(img/menu-sons.png); width: 120px}
#menu-photos {background:url(img/menu-photos.png); width: 120px}
#menu-videos {background:url(img/menu-video.png); width: 120px}
#menu-pro {background:url(img/menu-presse.png); width: 120px}
#menu-bonus {background:url(img/menu-bonus.png); width: 120px}
#menu-contacts {background:url(img/menu-contacts.png); width: 120px}
#menu li:hover{
background-position: left bottom;
}
#menu li {
float: left;
margin-left:15px;
margin-right:-22px;
list-style:none;
list-style-image: none;
}
/*Boites*/
#menu li ul a{
z-index:3;
height:14px;
visibility:visible;
}
#menu li ul {
	position: absolute;
	width:120px;
	left: -999em;
        margin-top:-5px;
        background:#fff url(img/fond-boite.jpg);
        opacity:0.95;
        padding:5px;
        padding-left:25px;
        border:2px dashed #999;
        font-size: 14px;
        font-weight: bold; 
}
#menu li:hover ul{
	left: auto;
	margin-left:-20px;
}
#menu li ul li{
list-style-image: url(img/etoile+.png);
padding-bottom:3px;

}
#menu li ul li:hover{
list-style-image: url(img/etoile.png);
}
* { 
margin:0; padding:0; 
} 
img { 
border : 0;
max-width:500px
}
body {
background: url(http://www.souslepont.org/img/sousLePont-fond.jpg)	center top no-repeat fixed;
}
#conteneur {
position:absolute;
left:50%;
margin-left:-500px;
width:1000px;
}
hr {
margin:10px;
}
h1, h2, h3 {
margin-top:3px;
}
li ,ul {
text-align:left;
margin-left:15px;
list-style:url(http://www.souslepont.org/img/etoile+.png) ;
}
li:hover {
list-style:url(http://www.souslepont.org/img/etoile.png) ;
}
li:first-letter {
font-size:150%
}
a{
text-decoration: none
}
/*GAUCHE*/
.colonneGauche {
z-index:-1;
position:fixed;
opacity:0.8;
left:50%;
margin-left:-500px;
width:170px;
}
.colonneGauche img {
margin-bottom:-15px
}
/*CENTRE*/
#colonneCentre {
z-index:0;
position:absolute;
width:60%;
top:50px;
left:150px;
padding-bottom:20px;
text-align:center;
}
#logo {
z-index:-1;
margin-top:-70px;
margin-bottom:0px; 
}
/*DROITE*/
.colonneDroite {
z-index:0;
position:absolute;
top:50px;
padding-left:5%;
right:5%;
width: 20%;
text-align:center;
}
.dates {
font-size:13px;
margin-bottom:10px;
font-weight:bold;
}
.dates a{
font-weight: bold;  
}
.dates ul li{
list-style:url(img/etoile+.png) ;
padding-bottom:3px;
text-align:center;
}
.dates ul li:hover{
list-style:url(img/etoile.png) ;
}
#mini-blog {
margin-left:20px;
width:180px;
color:black;
}
#mini-blog {
font-size:10px;
text-align:center
}
#mini-blog #titre{
margin-left:25px;
}
#mini-blog h2 {
font-size:11px;
}
#mini-blog img{
max-width:150px
}
#ejs_photo_box {
margin-left:10%;
text-align:center}

/*EDITEURS*/
#editdates textarea, #editnews textarea, #editaccueil textarea,#ad textarea, #editblog textarea, #editentrenous textarea{
height:400px;
width:90%;
margin-left:15px;
color:black;
}
#editnews textarea, #editaccueil textarea{
height:350px;
}
#editdates, #editnews, #editaccueil{
width:50%;
}

#editnews,#editaccueil{
margin-top:-480px;
margin-left:50%;
height:00px;
}
#editaccueil{
margin-top:400px;
margin-bottom:80px;
}
#editnews textarea, #editaccueil textarea{
height:350px;
}


/* MENU */
#menu{
z-index:2;
position:fixed;
height:auto;
width:auto;
top:5px;
left:55%;
margin-left:-410px;
text-align:left;
background:#fff url(img/fond-boite.jpg);
opacity:0.8;
}
#menu a {
display: block;
height:30px;
min-width: 30px;
background-position: left top;
visibility:-hidden;
}
#menu-accueil:hover ,#menu-actu:hover , #menu-contacts:hover {list-style-image: url(img/etoile.png);
}
#menu-accueil {width: 70px}
#menu-actu {   width: 70px}
#menu-sons {   width: 60px}
#menu-photos { width: 80px}
#menu-videos { width: 80px}
#menu-pro {    width: 80px}
#menu-bonus {  width: 60px}
#menu-contacts{width: 80px}
#drapeau {     width: 40px}
#menu li:hover{
background-position: left bottom;
}
#menu li {
float: left;
margin-left:15px;
margin-right:-0px;
list-style:none;
list-style-image: none;
}
/*Boites*/
#menu li ul a{
z-index:3;
height:14px;
visibility:visible;
}
#menu li ul {
	position: absolute;
	width:120px;
	left: -999em;
        margin-top:-5px;
        background:#fff url(img/fond-boite.jpg);
        opacity:0.9;
        padding:5px;
        padding-left:25px;
        border:2px dashed #999;
        font-size: 14px;
        font-weight: bold; 
}
#menu li:hover ul{
	left: auto;
	margin-left:-20px;
}
#menu li ul li{
list-style-image: url(img/etoile+.png);
padding-bottom:3px;

}
#menu li ul li:hover{
list-style-image: url(img/etoile.png);
}