.hidden { 
display: none;
}
h5 {text-align:center;
width:100%;
margin:0;padding: 0;
padding-top:10px }

.enregistrer {
text-decoration : none;
background-color: transparent;
color : #8000FF; 
font-size:18px;
line-height: 22px; 
}

.source-audio {clear:both;
	margin:0;padding:0;
font-weight : normal; 
font-size : 11px; 
z-index : 10; 
color :#000000; 
font-family : Arial, Times, serif; 
background-color : transparent; 
display : block;  
width:100%;
height : 30px; line-height : 30px;
text-align : center; 
padding-bottom:20px;
}

A.enregistrer {
text-decoration : none;
background-color: transparent;
color : #8000FF; 
font-size:18px;
line-height: 22px;
margin-top:20px; 
} 
A.enregistrer:hover {
text-decoration : none; 
font-size : 20px; 
background-color: transparent;
color : #8F358B; 
width:200px;
} 

.petit {
text-decoration : none; 
font-size : 12px; 
background-color: transparent;
color : #000000; 
line-height: 10px;
padding-top:10px; 
vertical-align:20%;
} 


audio {
width: 80%;}
.floating-box {
    display: inline-block;
    width: 270px;
    height: 365px;
    margin: 10px;
    border: 1px solid black;  
text-align:center; 
font-size:14px;
font-weight:bold;
}

DIV#after-box {
	margin: 50px;
	font-size:11px;
}

#credit {
z-index : 100; 
left : 9%;  
position : absolute; 
top : 491px; 
background-color: transparente;
 color :grey; 
 font-size :10px;
 text-decoration:none;
} 

.titre {
	font-size :20px;
font-weight : bolder; 
font-style : normal;
text-decoration : none;
background-color: transparente;
 color : black;
}

.nonsouligne{

text-decoration : none;
background-color: transparente;
 color : black;
}
.scorpions{
    background-color :   #E5A05B; 
	height: 100%;
}
.araignees{
    background-color : #8C1AFF; 
	height: 100%;
}
.cigales{
    background-color : #CC3D3D; 
	height: 100%;
}
.sphex{
    background-color :#B2236B; 
	height: 100%;
}
.mantes{
    background-color :RosyBrown; 
	height: 100%;
}
.processionnaire{
    background-color :Green; 
	height: 100%;
}
.guepes{
    background-color :Tomato; 
	height: 100%;
}
.suite{
    background-color :grey; 
	height: 100%;
}
.suite{
    background-color :grey; 
	height: 100%;
}
.oubreto{
    background-color :#DD4F43; 
	height: 100%;
}
.recits{
    background-color :white; 
	height: 100%;
}
.flaneries{
    background-color :gold; 
	height: 100%;
}
.abeilles{
    background-color :#7D7DE3; 
	height: 100%;
}
#texte-audio {
display : block;  
position : absolute; 
top : 160px; 
left : 10%; 
width : 80%; 
} 
 

UL {
list-style-position : outside; 
font-size : 0.9em; 
text-align : left; 
} 


P.resume {margin-top:0px; 
padding-top:5px; 
padding-bottom:0px;

width:auto;
font-size : medium; 
background-color: transparent;
color :#2E2E2E;
font-family : "Bitstream Vera Sans", Verdana, "Times New Roman ", Arial, serif; 
text-align : left; 
margin-right:22%;
font-size :15px;
} 


A.texte {
	
font-size :18px; 
color : #663300; 
background-color : transparent; 
text-decoration : underline; 
} 
.logo {
line-height:40px;
}
.logo2 {
	margin-left: 20px;
vertical-align:25%;
line-height:40px;
}
A.texte:hover {
text-decoration : none; 
background-color: transparent;
color :#663300; 
line-height:28px;
} 


 
h1 {clear:both;
	margin:0;padding:0;
font-weight : bold; 
font-size : 28px; 
z-index : 10; 
color :#6C6502; 
font-family : Arial, Times, serif; 
background-color : transparent; 
display : block;  
margin-top:83px;
width:100%;
height : 30px; line-height : 30px;
text-align : center; 
padding-bottom:20px;
text-transform: uppercase;
visibility:visible
}
H2{clear:both;margin:0 auto;
font-weight : bold; 
font-size : 16px; 
z-index : 10; 
color :#6C6502; 
font-family : Arial, Times, serif; 
background-color : transparent; 
display : block;  
text-align : center; 
padding-top:42px;
width:auto;
height : 20px; line-height : 20px;
padding-bottom:40px;
} 

BODY {
/*white*/
padding-right : 0; 
padding-left : 0; 
font-size : 15px; 
padding-bottom : 0; 
margin : 0; 
color : #000000; 
padding-top : 0; 
font-family : "Bitstream Vera Sans", Verdana, Arial, serif; 
background-color : #C9BE6E; 
width:90%;
} 
header#audio-h {
/*white*/
padding-right : 0; 
padding-left : 0; 
font-size : 15px; 
padding-bottom : 0; 
margin : 0; 
color : #000000; 
padding-top : 0; 
font-family : "Bitstream Vera Sans", Verdana, Arial, serif; 
background-color : #C9BE6E; 
width:90%;
z-index:1000;
} 

a.vertical {
font-size :11px;
font-weight:bolder;
line-height:25px;
font-family : 'Lucida Sans',Arial, serif; 
  color: white  !important;
  background-color: #6C6502 !important;
  text-decoration: none;
  text-align: center;
  padding: 5px;
  border: 1px outset  !important;
  display: block;
  width: 45px;
  height:25px;
}
a.vertical:hover {font-family : 'Lucida Sans',Arial, serif !important;
font-size : 11px  !important;
font-weight:bolder;
  background-color:#8f8503!important;  
color:  white !important;
  padding: 5px  ;
  border:  1px outset   !important;
font-weight : normal; 

}

.recherche {
	padding-right : 0; 
	margin-right : 0;
display : block; 
position :absolute; 
float:right;
top : 3px; 
right :30px; 
width : 170px; 
z-index : 1000; 

} 

.recherche input {
height: 16px;right : 0px; display : block; 
position : absolute; top : 0px;
} 
.recherche button {
height: 20px ;background-color : #C9BE6E;margin-top : 25px; font-size:12px;right : 1px;display : block; 
position : absolute;
} 
LI.recherche-audio {
list-style-type : none; 
z-index : 1000; 
text-indent : 0%; 
padding-left : 0%; 
text-align : right; 
} 
.barre-audio {
padding : 0; 
margin : 0; 
display : block;  
font-size : 13px; 
z-index : 10;   
color : #6C6502; 
line-height : 21px;  
font-family : verdana, arial, sans-serif; 
background-color : transparent; 
text-align : right; 
float : none; 
position : absolute; 
right : 260px; 
top : 5px; 
width : 620px; 
overflow : visible; 
height : 30px; 
} 
UL.barr-audio , 
LI.barr-audio {
display : inline; 
line-height:28px;
} 
A.bar-audio {
color : #6C6502; 
background-color : transparent; 
text-decoration : none !important; 
} 
 
A.bar-audio:hover {
font-size : 14px; 
background-color: transparent;
font-weight : bold; 
color : #6C6502;
} 


 
.pb {
font-size : 0.8em; 
color : #8E6C06; 
background-color : transparent; 
text-align: right;
padding-bottom:70px;
}  



 

.t2-audio {
left : 20px; 
font : italic 65px Times, serif; 
width : 360px; 
color : #A39705; 
text-indent : 2px; 
position : absolute; 
top : 20px; 
height : 100px; 
background-color : transparent; 
text-align : left; 
z-index : 0; 
} 
.decal-audio {
z-index : 10; 
left : 60px; 
font : italic bold 65px Times, serif; 
position : absolute; 
top : 52px; 
text-align : center; 
} 
.titrerouge-audio {
display : block; 
font-weight : bold; 
font-size : 26px; 
z-index : 8; 
left :120px; 
width : 350px; 
color : #6C6502; 
font-family : Arial, Verdana, sans-serif; 
position : absolute; 
top : 130px; 
z-index:1000;
background-color : transparent; 
text-align : right;
line-height: 30px; 
} 
 
A.decal-audio {
text-decoration : none; 
} 

A.titrerouge-audio {
text-decoration : none; 
} 
A.titrerouge-audio:hover {
text-decoration : none; 
font-size : 25px; 
background-color: transparent;
color : #8E6C06; 
} 
A.titre-audio {
text-decoration : none; 
background-color : transparent; 
color : #000000; 
} 
A.titre-audio:hover {
text-decoration : none; 
font-size : 1.1em; 
} 



A.popup-audio {
	display:block;
text-decoration : none; 
width: 160px;
margin : 20px auto 0; 
font-size : 16px; 
} 
A.popup-audio:hover {
text-decoration : none; 
font-size : 18px; 
background-color: transparent;
color : #8E6C06; 
} 
 



.lucan-audio {
font-size : 0.7em; 
left : 3%; 
color : #5F4803; 
position : absolute; 
top : 325px; 
background-color : transparent; 
text-align : right; 
} 
A.couleur-audio {
font-size : 12px; 
color : #5F4803; 
background-color : transparent; 
text-decoration : none; 
} 
A.couleur-audio:hover {
font-size : 15px; 
background-color: transparent;
color : #5F4803;
} 
DIV#logo-audio {
	clear:both;
	margin-top : 6em; 
display : block;  
font-size : 11px; 
line-height : 26px; 
padding-bottom : 15em; 
width : 350px; 
color : #EAEAEA; 
margin-right :auto; 
margin-left :auto; 
padding-top : 0.5em; 
font-family : verdana, arial, sans-serif; 
background-color :transparent; 
text-align : center; 
} 
DIV#logo-audio UL {
padding-right : 0; 
padding-left : 0; 
padding-bottom : 0; 
margin : 0; 
padding-top : 0; 
width :100%; 
} 
DIV#logo-audio LI {
display : inline; 
line-height : 26px; 
} 
DIV#logo-audio A:active {
color : :#2E2E2E;
background-color :transparent; 
text-decoration : none !important; 
} 
DIV#logo-audio A:visited {
color ::#2E2E2E;  
background-color :transparent; 
text-decoration : none !important; 
} 
DIV#logo-audio A:link {
background-color : transparent; 
text-decoration : none !important; 
} 

DIV#logo-audio A:hover {
font-size : 1.3em; 
border-bottom : 1px dotted #181863; 
background-color: #ECE7AB;
color : black;
} 
.centrer {

text-align : center; 
}