@charset "utf-8";
/*  ..:: Propriétes de ma page  ::..  */
body {
background-image:url(img/bkg.jpg);
background-color:white;
background-repeat:no-repeat;
background-position:bottom;
background-attachment:fixed;
}

#content{
width:780px;
text-align:center;
margin-left: auto; /* marge a gauche*/
margin-right: auto;  /* marge a droite*/
font-family:Verdana, Arial, serif;  /*police utilisée dans le site, dans l'ordre des disponibiliées*/
font-size:12px;  /* taille des police*/
}

#header{
height:260px;
}

#logo{
height:140px;
background: url(img/logo.png) no-repeat center;
color:red;
}

#menu{
height:32px;
}

#page_top{
height:6px;
background-image:url(img/top.jpg);
}

#page_content{
width:776px;
margin-left: 2px;
background-color:#f4f4f4;
}

#page_bottom{
height:6px;
background-image:url(img/bottom.jpg);
background-repeat:no-repeat;
background-position:top;
padding:30px;
font-size:10px;
}

img{
border:none;
}

h1{
text-align:center;
font-size:14px;
font-weight:bold;
}

h2{
font-size:12px;
color:#FFFFFF;
text-align:left;
font-weight:bold;
}
/*  ..:: Propriétes des liens  ::..  */

a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: #000000;
   text-decoration: none;
   border:none;
}
a:focus /* Quand le visiteur sélectionne le lien */
{
   color: #000000;
   text-decoration: none;
   border:none;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   color: #000000;
   text-decoration: none; 
   border:none;  
}
a:active /* Quand le visiteur clique sur le lien */
{
   color: #000000;
   text-decoration: none;
   border:none;

}
a /* Lien normal */
{
   color: #000000;
   text-decoration: none;
   border:none;
}

/*  ..:: Propriétes des contenus  ::..  */

#intro{
width:740px;
margin-left: 18px;
text-align:center;
padding:5px;
font-weight:bold;
}


.data{
width:750px;
margin-left: 13px;
}

.data_partenaire{
margin: 20px;
width:239px;
margin-left: 13px;
}

.data_contact{
margin: auto;
width:400px;
}

#partenaire{
margin:auto

}
.data_title_artiste{
height:25px;
background-image:url(img/content_top_artiste.png);
background-repeat:no-repeat;
padding-top:6px;
padding-left:15px;
padding-bottom:0px;
}


.data_title_photoVideo{
height:25px;
background-image:url(img/content_top_photoVideo.png);
background-repeat:no-repeat;
padding-top:6px;
padding-left:15px;
padding-bottom:0px;
}

.data_title_concept{
height:25px;
background-image:url(img/content_top_concept.png);
background-repeat:no-repeat;
padding-top:6px;
padding-left:15px;
padding-bottom:0px;
}

.data_content{
text-align:justify;
background-image:url(img/content_bkg.png);
background-repeat:repeat-y;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
height:100%;
}

.data_title_contact{
height:25px;
background-image:url(img/content_top_contact.png);
background-repeat:no-repeat;
padding-top:6px;
padding-left:15px;
padding-bottom:0px;
}

.data_content_contact{
vertical-align:middle;
text-align:center;
background-image:url(img/content_bkg_contact.png);
background-repeat:repeat-y;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}

.data_footer_contact{
height:22px;
background-image:url(img/content_bottom_contact.png);
background-repeat:no-repeat;
}

.data_title_partenaire{
height:25px;
background-image:url(img/content_top_partenaire.png);
background-repeat:no-repeat;
padding-top:6px;
padding-left:15px;
padding-bottom:0px;
}

.data_content_partenaire{
vertical-align:middle;
text-align:center;
background-image:url(img/content_bkg_partenaire.png);
	background-repeat:repeat-y;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

.data_footer_partenaire{
	height:22px;
	background-image:url(img/content_bottom_partenaire.png);
	background-repeat:no-repeat;
}

.data_footer{
	height:22px;
	background-image:url(img/content_bottom.png);
	background-repeat:no-repeat;
}


.imgArtisteLeft{
	float:left;
	margin:20px;
	max-width:250px;
}

.imgArtisteRight{
	float:right;
	margin:20px;
	max-width:250px;
}

.video{
	margin-left:auto;
	margin-right:auto;
}


/*---- Les largeures des videos -----*/
.un{
	width:560px;
}

.deux{
	width:425px;
}