* {margin: 0; padding: 0;}

body {
     margin: 0; 
     text-align: center; 
}
td {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10px;
    vertical-align:middle;
    text-align:left;
}

ul {
list-style-type:disc;
}
.fenetre_principale {
font-family: Arial, Helvetica, sans-serif;
position: relative;
margin-left: auto;
margin-right: auto;
width: 744px;
top:100px;
}
.logo {
border-style:none;
position:absolute;
width:193px;
height:55px;
z-index:2;
left: 0px;
top: 0px;
}
.fenetre_all {
border-style:none;
position:absolute;
overflow:visible;
width:704px;
height:900px;
vertical-align:top;
z-index:3;
left: 0px;
top: 94px;

}
.fenetre_generale {
background-color:#FFFFFF;
left: 0px;
top: 0px;
position:absolute;
z-index:4;
width:704px;
height:400px;
text-align:center;
}

.image_generale {
position: relative;
margin-left: auto;
margin-right: auto;
text-align:right;
}


.legende2 {
width:auto;
overflow:visible;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
vertical-align:middle;
 
}

.fenetre1 {
background-color:#CCCCCC;
border-style:none;
position:absolute;
overflow:hidden;
width:336px;
height:382px;
z-index:3;
left: 0px;
top: 0px;

}
.fenetre5 {
background-color:#FFFFFF;
border-style:none;
position:relative;
overflow:hidden;
width:336px;

z-index:3;
left: 0px;
top: 0px;

}
.fenetre3 {
background-color:#CCCCCC;
border-style:none;
position:absolute;
overflow:auto;
display:none;
width:336px;
z-index:3;
left: 0px;
top: 393px;
}
.img_mini{

float:left;
position:relative;
background-color:#FFFFFF;
width:93px;
height:93px;
display:inline;
margin:0px 14px 14px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
text-align:center;
vertical-align:middle;
}
.img_mini2{

float:left;
position:relative;
background-color:#FFFFFF;
width:93px;
height:120px;
display:inline;
margin:0px 14px 14px 0px;
padding:0px 0px 0px 0px;
overflow:hidden;
text-align:center;
vertical-align:middle;
}
.bouton_modif_image {
position:absolute;
height:12px;
width :93px;
top:0px;
left:0px;
text-align:right;
z-index:4;
}


.fenetre2 {
border-style:none;
overflow: hidden;
background-color:#CCCCCC;
position:absolute;
width:336px;
height:382px;
z-index:2;
left: 368px;
top: 0px;
}

.fenetre4 {
background-color:#CCCCCC;
border-style:none;
position:absolute;
overflow:auto;
font-size:10px;
display:none;
width:336px;
z-index:3;
left: 368px;
top: 393px;
}

.fenetre_texte_titre{
height:338px;
left:0px;
top:44px;
}

.defil_img {
position:absolute;
overflow:hidden;
width:324px;
height:320px;
top:0px;
left:0px;
margin:14px 5px 5px 14px;
}
.defil_texte {
position:relative;
overflow:hidden;
width:325px;
height:310px;
top: 0px;

}
.defil_texte_titre{
overflow:hidden;
position:absolute;
width:320px;
height:315px;
left: 10px;
top: 58px;
z-index:2;
}

.texte {
position:relative;
list-style-type:disc;
text-align:left;
font-family:  Helvetica,Arial, sans-serif;
font-size:xx-small;
z-index:1;
border-style:none;
width:315px;
overflow:visible;
background-color:#CCCCCC;
}

.defil_texte_acceuil {
position:absolute;
overflow:hidden;
width:320px;
height:370px;
left: 10px;
top: 10px;

}
.newsletter{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
position:absolute;
overflow:hidden;
width:324px;
height:20px;
top:362px;
left:0px;
text-align:right;

}

.liste_img{
z-index:1;
position:relative;
width:325px;
display:none;
}
.detail_titre {
margin-left:5px;
margin-top:3px;
background-color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size:20px;
border-style:none;
position:relative;
text-align:left;
vertical-align:bottom;
height:26px;
z-index:3;
}
.detail_titre_artiste {
margin-left:5px;
margin-top:1px;
z-index:2;
background-color:#CCCCCC;
border-style:none;
position:relative;
text-align:left;
vertical-align:middle;
height:43px;
font-family: Arial, Helvetica, sans-serif;
}
.bouton_titre_artiste
{
z-index:3;
position:absolute;
background-color:#FFFFFF;
text-align:center;
height:13px;
width:41px;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
left:285px;
}
.bd_blanche {
 width:338px;
 height:15px;
 background-color:#FFFFFF;
 border-style:none;
 z-index:3;
}
.fleche_1 {
z-index:3;
display:none;
border-style:none;
position:absolute;
width:12px;
height:24px;
left: 320px;
top: 350px;
}
.fleche_2 {
z-index:3;
display:none;
border-style:none;
position:absolute;
width:12px;
height:24px;
left: 320px;
top: 365px;
}
.fleche_3 {
z-index:3;
display:none;
float:right;
width:12px;
height:24px;
padding-right: 3px;
}
.fleche_h {
top: 360px;
height:24px;
position:absolute;
width : 100 px;
left:226px;
display:block;
}
.ajoutImage {
border-style:none;
position:absolute;
top: 350px;
left : 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}
.menu {
position:absolute;
width:336px;
height:21px;
z-index:1;
left: 368px;
top: 34px;
font-family:   Verdana,Helvetica, Arial, sans-serif;
font-size:9px;

text-align:center;
vertical-align:middle;
background-color:#FFFFFF;
}


a.sous_menu {
vertical-align:middle;
position:relative;
width:24%;
height:20px;
z-index:2;
display:block;
float:left;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#808080;
color:#CC0066;
}

a.sous_menu_2 {
display:block;
float:left;
position:relative;
width:25%;
height:20px;
z-index:2;
border-left-style:solid;
border-left-width:1px;
border-left-color:#808080;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#808080;
color:#CC0066;
}
a.sous_menu:link{
color:#808080;
}
a.sous_menu_2:link{
color:#808080;
}
a.sous_menu:visited{
color:#808080;
}
a.sous_menu_2:visited{
color:#808080;
}
a.sous_menu:hover{
background-color:#CCCCCC;
color:#808080;
}
a.sous_menu_2:hover{
background-color:#CCCCCC;
color:#808080;
}


.description_artiste {
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:100;
}
.legende_img {
position:absolute;
width:100%;
height:20px;
top:365px;
left:0px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
vertical-align:middle;
text-align:right;
background-color:#DDDDDD;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}


.outil2 {
position:absolute;
width:100%;
height:13px;
top:67px;
text-align:right;
vertical-align:top;
z-index:6;
}
.legende3 {
position:absolute;
height:13px;
top:80px;
left:0px;
overflow:hidden;
text-align:right;
z-index:5;
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
background-color:#FFFFFF;
color:#333333;
width:100%;
text-align:right;  
vertical-align:top;  
}
a.artiste:link {
text-decoration: none;
color: #101010;
}
a.artiste:visited {
text-decoration: none;
color: #101010;
}
a.artiste:hover {
text-decoration: none;
color: #FFFFFF;
}
a.artiste:active {
text-decoration: none;
color: #101010;
}

a:link {
text-decoration: none;
color: #101010;
}
a:visited {
text-decoration: none;
color: #101010;
}
a:hover {
text-decoration: none;
color: #101010;
}
a:active {
text-decoration: none;
color: #101010;
}
img {
border-style:none;
}

.transparent {
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

form {
font-size:9px;
width:332px;
}
input {
border:1px solid black;
background-color:#FFFFFF;
}
input.sujet {
border:1px solid black;
font-size:11px;
text-align:left;
background-color:#FFFFFF;
}
input.date {
border:1px solid black;
font-size:11px;
text-align:right;
background-color:#FFFFFF;
}
input.titre1 {
border:1px solid black;
font-size:50px;
text-align:right;
background-color:#FFFFFF;
}
input.titre2 {
border:1px solid black;
font-size:16px;
font-weight: bold;
text-align:right;
background-color:#FFFFFF;
color:#000000;
}
input.titre3 {
border:1px solid black;
font-size:12px;
text-align:right;
background-color:#FFFFFF;
}
select, option {
background-color:#FFFFFF;
}
textarea {
border:1px solid black;
background-color:#FFFFFF;
}


.titre1 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:100;
}
.titre2 {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:100;
color:#FFFFFF;
}
.titre4 {
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:100;
color:#000000;
}
.bout_retour {
font-size:9px;
text-align:left;
}