html, body {
font-family: Geneva, Arial, Helvetica, sans-serif;;
font-size: 14px;
margin: 0;
padding: 0;
text-align: center; /* pour corriger le bug de centrage IE */
color: #bbb;
background-color: #000000;
 }
a:link, a:active, a:visited{
color: #bbb;
text-decoration: none;
}
a:hover{
color: #fff;
text-decoration: none;
}
a {
	outline: none;
}
img{
border: none;
 }
#entete{
	height: 60px;
	margin: 25px 0 0 0;
}
#navigation{
margin: 0 32px 0 40px;
padding: 0;
}
.nom{
letter-spacing: .4em;
font-size: 1em;
font-weight: normal;
}
ul#nav1{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	font-size: .9em;
	list-style: none;
}
ul#nav1 li{
	margin: 0;
	padding: 0; 
	float: left;
	display: block;
	list-style: none;
}
ul#nav1 li a, ul#nav1 li a:visited{
	text-decoration: none;
	color:#bbb;
}
ul#nav1 li a:hover, ul#nav1 li a:active{
	color: #ddd;
	text-decoration: none;
}
.accordeon{
float: right;
text-align: center;
margin: 0;
padding: 0;
}
.accordeon ul{
margin: 0;
padding: 0;
}
.accordeon li{
text-align: center;
display: inline;
margin: 0 8px 0 0;
padding: 4px;
}
.retour_index{
width: 20px;
height: 20px;
float: left;
/* clear: both; */
margin: 8px 8px 8px 0;
padding: 0;
}
.nav_detail{
float: left;
margin: 8px;
padding: 0; 
}
.retour_index:hover{
background-color: #c1c1c1;
}
.tirroir{
margin: 0 15px 0 15px;
padding: 0;
}
.tirroir ul{
margin: 0;
padding: 0;
}
.tirroir li{
display: block;
margin: 0;
padding: 0;
text-align: justify;
}
.declSousmenu ul{
position: absolute;
top: 45px;
margin: 0;
padding: 4px;
text-align: left;
background-image: url(../audiovisuel/images_structure/transparent.png);
background-repeat: repeat;
}
.declSousmenu li{
margin: 0;
padding: 0;
}
.sousMenu{
float: left;
}
.sousMenu li{
text-align: left;
display: block;
margin: 0;
padding: 5px 0 0 0;
}
.sousMenu2 li{
margin: 15px 0 0 0;
padding: 0;
}
.focus{
background-color: #555;
}
#conteneur {
margin-left: auto;
margin-right: auto;
margin-top: 60px;
width: 756px;
height: 560px;
}
.conteneur_zoom{
margin: 0;
padding-bottom: 20px;
}
.notice{
margin: 0;
padding: 0;
float: left;
clear: both;
text-align: left;
}
.requete{
position: absolute;
left: 15px;
bottom: 40px;
width: 230px;
padding: 0;
height: auto;
text-align: left;
}
.f_requete{
background-image: url(../audiovisuel/images_structure/transparent.png);
background-repeat: repeat;
}
.zoom{
padding-top: 50px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
clear: left;
}
#conteneur_articles{
margin-left: auto;
margin-right: auto;
margin-top: 25px;
width: 560px;
float: none;
clear: both;
}
.comptage{
color: #fff;
}
.miniature{
margin: 2px;
float: left;
clear: none;
background-color: #0c0c0c;
width: 80px;
height: 80px;
overflow: hidden;
}
.photo{
width: 80px;
height: 80px;
display: table-cell;
vertical-align: middle;
}
.articles_miniature{
width: 100%;
height: 135px;
margin-bottom: 6px;
float: none;
clear: both;
background-color: #0c0c0c;

}
.articles_photo{
width: 125px;
height: 135px;
padding: 4px;
float: left;
}
.mini_articles_legende{
width: auto;
height: 125px;
margin: 0 0 0 130px;
padding: 0 4px 0 4px;
text-align: left;
font-size: 12px;
display: table-cell;
vertical-align: bottom;
}
#navlangue
{
	float: right;
	font-size: 10px;
	margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: 10px;
    color: #222222;
}
#navlanguev	a {
    color: #bbb;
    text-decoration: none;
}
#navlangue 	a:visited {
    color: #bbb;
    text-decoration: none;
}
#navlangue 	a:active {
    color: #bbb;
    text-decoration: none;
}
#navlangue 	a:hover {
    color: #fff;
    text-decoration: none;
}
#biographie{
	font-family: 'Times New Roman', 'Times, Georgia', 'serif';
	background-color: #0f0f0f;
	width: 800px;
	height: auto;
	overflow: auto;
	float:none;
	padding: 4px;
	margin: 45px auto 40px auto;
	line-height: 20px;
	text-align: left;
}
.bioindent{
padding-left: 37px;
}
ul.blockli{
	display: block;
	font-weight: bold;
	list-style: none;
	margin-left: 8px;
	margin-top: 4px;
	padding-left: 0;
	line-height: 35px;
}
li.blockli{
	margin-bottom: 25px;
}
.blockli_indent{
font-size: .9em;
font-weight: normal;
	display: block;
	list-style: none;
	margin-left: 24px;
	line-height: 25px;
}
#aboutsite{
	background-color: #0f0f0f;
	width: 745px;
	height: 480px;
	float:none;
	font-size: .9em;
	padding: 4px;
	margin: 60px auto 40px auto;
	text-align: left;
}
#aboutsite ul{
list-style: none;
margin: 0;
padding: 0;
}
#aboutsite_col1{
	background-color: #0f0f0f;
	width: 350px;
	height: auto;
	margin-left: 8px;
	margin-top: 8px;
	float: left;
}
#aboutsite_col2{
	background-color: #0f0f0f;
	width: 350px;
	height: auto;
	margin-right: 8px;
	margin-top: 8px;
	float: right;
}
#links{
	width: 505px;
	height: 505px;
	float: none;
	clear: both;
	background-color:#0f0f0f;
	letter-spacing: 2px;
	font-size: .9em;
	text-align: left;
	margin: 60px auto 40px auto;
	padding: 8px;
}
.fiche_lien{
	margin-bottom: 25px;
}
.illustr_lien{
	width: 18px;
	height: 36px;
	margin: 0 8px 0 20px;
	padding: 0;
	background-color: #000;
	float: left;
}
#links ul{
	list-style: none;	
}
.lien_titre{
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.lien{
	font-style: italic;
	margin: 0;
	padding: 0;
}
.lien a:hover{
	text-decoration: underline;
}
#contact {
	width: 505px;
	height: 505px;
	float: none;
	background-color:#0f0f0f;
	letter-spacing: 2px;
	text-align: left;
	margin: 60px auto 40px auto;
}
#contact h2{
text-align: center;
padding-top: 25px;
font-size: 1em;
font-weight: normal;	
}
#contact h3{
text-align: center;
font-size: 1em;
font-weight: bold;	
}
.message{
font-size: .8em;
}
#contact a {
    color: #bbb;
    text-decoration: none;
}
#contact a:visited {
    color: #BBB;
    text-decoration: none;
}
#contact a:active {
    color: #bbb;
    text-decoration: none;
}
#contact a:hover {
    color: #fff;
    text-decoration: none;
}
#contact ul{
list-style: none;
margin: 0;
padding: 4px;
}
#impressions {
	font-family: 'Times New Roman', 'Times, Georgia', 'serif';
	background-color: #0f0f0f;
	width: 800px;
	height: auto;
	overflow: auto;
	float:none;
	padding: 4px;
	margin: 25px auto 40px auto;
	line-height: 20px;
	text-align: left;
}
#impressions h3 {
	font-size: 14px;
	font-weight: bold;
}
#impressions p {
	padding: 4px;
	background-color: #191919;
}
#impressions span {
	font-size: 25px;
	font-weight: bold;
}
.formulaire{
	width: 800px;
	float: none;
	letter-spacing: 2px;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
}
.deroul_form{
margin: 0;
padding: 40px 0 0 0;
}
input, textarea{
background-color: #3f3f3f;
color: #bbb;
border: none;
}
.formulaire_ok{
color: green;
text-align: left;
}
.formulaire_erreur{
color: red;
}
#diaporama {
width: 90%;
margin:24px auto;
}