body
{
margin:0;
padding:0;
}
#header
{
background:#fff url(img/bg_extra.jpg) repeat-x top;
height:60px;
margin-top:0px;
text-decoration:none;
display:block;
clear:both;
border-bottom:1px dotted #E3E3E3;
margin:0;
padding:0;
}
#header a 
{
margin:0;
padding:0;
background:#fff url(img/bg_header.jpg) no-repeat top left;
height:60px;
padding-left:20px;
text-decoration:none;
display:block;
width:200px;
}
#header a:hover
{
text-decoration:none;
}
#header a span
{
visibility:hidden;
}
#contenu
{
display:block;
text-align:center;
width:64%;
padding:20px;
float:left;
border-right:1px dotted #E3E3E3;
border-top:1px dotted #E3E3E3;
background:#fff url(img/bg_contenu.jpg) repeat-x top;
}
#extra
{
width:28%;
margin:0;
padding:0;
display:block;
float:left;
padding-top:50px;
padding-left:15px;
}

.mosaique
{
list-style-type:none;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
width:500px;

}
.mosaique li
{
float:left;
}
.mini
{
width:104px;
height:104px;
display:block;
border:0;
border:1px solid #E0E0E0;
text-decoration:none;
margin:5px;
}
.mini:hover
{
width:104px;
height:104px;
display:block;
border:0;
border:2px solid #A5A4A4;
text-decoration:none;
margin:4px;
}
.mini img
{
border:2px solid #fff;
}
#command
{
background:#fff url(img/bg_bar.jpg) repeat-x;
height:54px;
list-style-type:none;
width:500px;
margin:0;
padding:0;
margin-top:5px;
margin-left:auto;
margin-right:auto;
}
#command li
{
}
.link_mosaik span, .link_suiv span , .link_prec span , .no_link_prec span , .no_link_suiv span
{
visibility:hidden;
} 
.link_mosaik, .link_suiv , .link_prec , .no_link_prec , .no_link_suiv
{
text-decoration:none;
float:left;
}
.no_link_prec , .no_link_suiv
{
cursor: pointer;
}
.link_mosaik
{
background:#fff url(img/retour_mosaique.jpg) no-repeat top;
width:89px;
height:54px;
}
.link_mosaik:hover
{
background:#fff url(img/retour_mosaique.jpg) no-repeat bottom;
width:89px;
height:54px;
}
.link_prec
{
background:#fff url(img/photo_precedente.jpg) no-repeat top;
width:92px;
height:54px;
}
.link_prec:hover
{
background:#fff url(img/photo_precedente.jpg) no-repeat bottom;
width:92px;
height:54px;
}

.no_link_prec
{
background:#fff url(img/no_prec.jpg) no-repeat top;
width:92px;
height:54px;
cursor: pointer;
}
.no_link_prec:hover
{
cursor: default;

}
.link_suiv
{
background:#fff url(img/photo_suivante.jpg) no-repeat top;
width:91px;
height:54px;
float:right;
}
.link_suiv:hover
{
background:#fff url(img/photo_suivante.jpg) no-repeat bottom;
width:91px;
height:54px;
float:right;
}
.no_link_suiv
{
background:#fff url(img/no_suiv.jpg) no-repeat top;
width:91px;
height:54px;
float:right;
cursor: pointer;
}
.no_link_suiv:hover
{
cursor: default;
}
.titre
{
float:left;
padding-top:16px;
font:90%  Tahoma, Arial, sans-serif;
color:#5C7EAA;
font-weight:bold;
width:227px!important;
width:150px;
text-align:center;
float:left;
}

h1
{
font:95% Tahoma, Arial, sans-serif;
font-weight:bold;
color:#758CB6;
padding:3px;
padding-left:19px;
margin:0;
background:#fff url(img/icone_h1.jpg) no-repeat left center;
}
h2
{
margin:0;
padding:0;
padding-left:19px;
font:90% Tahoma, Arial, sans-serif;
font-weight:normal;
color:#758CB6;
}
h3
{
margin:0;
padding:0;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
padding:3px;
padding-left:30px;
font:95% Tahoma, Arial, sans-serif;
font-weight:bold;
background:#fff url(img/icone_son.jpg) no-repeat left center;
color:#ADCD81;
}
#player
{
margin-left:15px;
}
#extra p
{
font:80% Tahoma, Arial, sans-serif;
color:#999;
padding-left:20px;
padding-right:20px;
}
#extra p a
{
font:95% Tahoma, Arial, sans-serif;
display:block;
padding:0;
margin:0;
padding:3px;
padding-left:2px;
padding-right:2px;
color:#3399CC;
}
#extra p a:hover
{
text-decoration:none;
color:#3399CC;
}
#extra .vignettes_gallerie a
{
display:block;
margin-top:21px;
border:none;
width:104px;
height:103px;
margin-left:1px;
text-decoration:none;
border:1px solid #E0E0E0;
color:#fff;
}
#extra .vignettes_gallerie a:hover
{
display:block;
width:104px;
height:103px;
margin-top:20px;
margin-left:0px;
border:none;
text-decoration:none;
border:2px solid #CBCBCB;
color:#fff;
}
.mini_extra
{
border:2px solid #fff;
margin:0;
padding:0;
color:#fff;
}
#foot
{
display:block;
clear:both;
text-align:center;
font:90% Tahoma, Arial, sans-serif;
border-top:1px dotted #E3E3E3;
border-bottom:1px dotted #E3E3E3;
padding-top:5px;
padding-bottom:5px;
}
#foot p
{
padding:0;
margin:0;
padding:2px;
}
#foot p a
{
padding:0;
margin:0;
padding:4px;
color:#3399CC;
}
#foot p a:hover
{
color:#3399CC;
text-decoration:none;
}