/* Page en général */
body
{	
	background-color : black;
	color: white;	
}

.textphoto
{
color : white;
	size : 14px;
	font-family : arial;
	margin : 50px;
	
	border: 2px #BA55D3 groove; /* type de bordure */
	border-radius:20px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: justify;
	padding : 10px;
}

.tableau_photo
{
text-align : center ; 
width : 600px ;
border: 2px solid white;
border-collapse: collapse;
}



											/* Pied de page */

.logo
{
width : 30px ; 
border : 2px groove #BA55D3 ; 
border-collapse: collapse ;
margin : 5px ;
}

.tableau_reaseau_sociaux
{
    width : 200px ;
    color : white;
	size : 14px;
	font-family : arial;
	margin : 50px;
	
	
	border: 2px #BA55D3 groove; /* type de bordure */
	border-radius:20px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: center;
	padding : 5px;
	box-shadow: 6px 6px 6px white;
}

.tableau_liens
{
    width : 400px ;
    color : white;
	size : 14px;
	font-family : arial;
	margin : 50px;
	
	
	border: 2px #BA55D3 groove; /* type de bordure */
	border-radius:20px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: center;
	padding : 5px;
	box-shadow: 6px 6px 6px white;
}

.tableau_important
{
    width : 200px ;
    color : white;
	size : 14px;
	font-family : arial;
	margin : 50px;
	
	
	border: 6px #BA55D3 groove; /* type de bordure */
	border-radius:20px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: center;
	padding : 5px;
	box-shadow: 6px 6px 6px white;
}

.heure_php
{
	text-align: left;
}

.ancre
{
	text-align : right;
	font-size : arial black;
}

												/* Photo */

.photo_acceuil01
{
	width: 15%;
	float: left;
	padding : 20px;
	
}

.photo_residences01
{
	width: 20%;
	float: left;
	padding : 10px;
	
}

.logo_podcast
{
width : large ;
}	
												/* Diapo photo */

#gallery {
    position: relative;
    width: 750px;
    

}
#thumbs {
    width: 180px;
    float: left;
}
/*  miniature photo */
#thumbs a {  
    display: block;
    float: right;
    margin: 0 0 5px 5px;
    width: 100px;
    height: 50px;
    border: 0px solid #000;
}
/*  taille miniature photo */
#thumbs a img {
    width: 60px;
    height: 60px;
    border: 0px;
}
#thumbs a:hover {
    border-color: #ddd;
}

/* photo ouverte */
#thumbs a:hover img {
    position: absolute;
    width: auto;
    height: auto;
    left: 450px;
    top: 0;
    border: 3px double #BA55D3;
}			

/*  gallerie photo artiste */


#thumbs2 {
    width: 180px;
    float: left;
}
/*  miniature photo */
#thumbs2 a {  
    display: block;
    float: right;
    margin: 0 0 5px 5px;
    width: 100px;
    height: 50px;
    border: 0px solid #000;
}
/*  taille miniature photo */
#thumbs2 a img {
    width: 60px;
    height: 60px;
    border: 0px;
}
#thumbs2 a:hover {
    border-color: #ddd;
}

/* photo ouverte */
#thumbs2 a:hover img {
    position: absolute;
    width: auto;
    height: 400px;
    left: 450px;
    top: 0;
    border: 3px double #BA55D3;
}			


.tableau_photo02
{
width : 90px;
align : top ;



}
			
												/* Texte */

h1
{
	text-align : center;
}

h2
{
	text-align : center;
}

h3
{
	text-align : center;
	text-decoration: underline;
}	

.textbio
{
	color : white;
	size : 14px;
	font-family : arial;
	margin : 50px;
	
	border: 2px #BA55D3 groove; /* type de bordure */
	border-radius:20px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: justify;
	padding : 10px;
}

.textniv1
{
	color : white;
	size : 14px;
	font-family : arial;
	margin : 50px;
	
	border: 2px #BA55D3 groove; /* type de bordure */
	border-radius:20px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: justify;
	padding : 10px;
}

.text_residences
{
	color : white;
	size : 14px;
	font-family : arial;
	margin : 50px;
	
	border: 2px #BA55D3 groove; /* type de bordure */
	border-radius:20px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: justify;
	padding : 10px;
}

.text_podcast
{
text-align : center ;
}

.text_petit
{
font-size : small;
}
		
												/* Menu */

.menu01
{
	text-align: justify;
	border: 4px #BA55D3 double; /* type de bordure */
	border-radius:10px 10px 10px 10px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: center;
}

												/* Page_index */
		
.index
{
	background-color : black;
	
}
												
.compteur_visite
{
	text-align : center;
}

.compteur
{
	text-align : right	;
}

.video_index
{
	border: 2px #BA55D3 groove; /* type de bordure */
	border-radius:20px;
	box-shadow: 2px 2px 0px #9400D3;
	text-align: justify;
	padding : 10px; ;
}

												/* liens */
												
a
{
	color:white;
}

a:hover

{
	color:red;
}




												/* page_contact */