/*------------------------------*/
/* Stephan Pacchiano / Mai 2009 */ 
/*------------------------------*/ 

/* Defauts pour alignements FireFox / IE */ 

* {
	margin: 0px;
	font-size: inherit;
	padding: 0px;
}

/*
  Styles standards 
*/  

/* Défault corps texte */ 
body {
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	padding: 0;
	max-width: 75em;
	color: #454545;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	}
/* Defaut image */ 
img {
	margin: 0 1em 1em 0em;
	padding: 0;
	}

/* Defaut H1 */ 
 H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin: 0 0 0.8em;
	padding: 0;
	font-weight: normal;
	}

/* Defaut H2 */ 
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #000000;
	font-weight: normal;
	margin: 0.5em 0;
	padding: 0;
	top: 10em;
	}

/* Defaut paragraphe */ 
p {
	text-indent: 0.5em;
	padding: 0px;
	margin: 0em;
	
	}

/* Defaut ligne horizontale */ 
hr {
	color: #FFFFFF;
	border: solid #999999;
	border-width: 1px 0 0 0;
	margin: 0.5em 0 0;
	padding: 0.5em 0 0;
	clear: left;
	}


/*
  Styles spécifiques généraux
*/  

/* noborder ? */ 
.noborder {
	border: none;
	margin: 0;
	}

/* Calque du logo */ 
.logo {
	position: absolute; /* Defini un calque */
	left: -9px;
	font-size: 1.5em;
	font-weight: bold;
	list-style: none;
	text-align: right;
	top: 50px;
	border: none;
	height: 91px;
	background-image: url(img/logo%20site%20k&n.jpg);
	width: 215px;
	background-repeat: no-repeat;
	}

/* header ? */ 
.header {
	margin: 0;
	padding: 0;
	}

.date {
	font-weight: bold;
	font-size: 1em;
	margin: -0.3em 0 0;
	padding: 0;
	color: #999999;
	}
	
/* Classe pour affichage image avec légende */ 

.image_avec_legende { 
   float:left;   /* On aligne à gauche par défaut */ 
   width: 100px; /* limite minimum de la hauteur de l'image */
   height: 200px; /* limite minimum de la hauteur de l'image */ 
  }
  
.image_avec_legende p{ 
 margin: 0em;    /* pas de marge pour les paragraphes */ 
 font-size: 0.7em; /* taille légende */
 text-indent: 0em; /* Pas d'indentation pour le texte de la légende */
 text-align: center; /* texte aligné au centre */
  }
 
.image_avec_legende img{ 
 text-indent: 0em;  /* Pas d'indentation pour l'image */
 }
  
  
/* Calque contenu */ 
.content {
	position: absolute;
	padding: 0em;
	margin: 0em 0em 0em 0em;
	width: 793px;
	height: 251px;
	left: 212px;
	top: 199px;
	}

.content ul {
	margin: 1em 2em;
	padding: 0;
	}

.content li {
	list-style: square;
	list-style-position: outside;
	margin: 0.5em 0;
	}

/*
  Classe menu et sous classes
*/  

/* classe menu */ 
.menu {
	position: absolute; /* Defini un calque */
	left: 43px;
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 1.1em;
	list-style: none;
	text-align: right;
	width: 149px;
	border: solid #999999;
	border-width: 0 1px 0 0;
	top: 200px;
	height: 252px;
	}

/* ligne menu */ 
.menu li {
	margin: 0 0 0.3em;
	padding: 0 0.3em;
	}

/* lien simple menu */  
.menu a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
/* menu lien survolé , menuon lien simple */   
.menu a:hover, .menuon a {
	padding: 0 0.3em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 -0.4em 0 0;
	}

/*
  Classe expos et sous classes
*/  

.menu_expos a:hover, .expos .menuon a, .expos .menuon a:hover {
	background-color: #93A58D;
	padding: 0 0.3em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 -0.4em 0 0;
	}

.expos .ssmenu {
	margin: 0 0 0.4em 0;
	padding: 0;
	}		

.expos .ssmenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.expos .ssmenu a, .expos .ssmenu a:hover {
	background-color: #FFFFFF;
	color: #666666;
	font-weight: normal;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	}
	
.expos .ssmenu a:hover {
	text-decoration: underline;
	}

.expos H1 {
	color: #666666;
	border: solid;
	border-width: 0 0 1px 0;
	}

.expos .content a {
	color: #000000;
	}
	
	
/*
  Classe artistes et sous classes
*/  
	

.menu_artistes a:hover, .artistes .menuon a, .artistes .menuon a:hover, .artistes  .content .col1 a:hover, .artistes .content .col2 a:hover, .artistes .content .col3 a:hover {
	background-color: #9D997B;
	padding: 0 0.3em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 -0.4em 0 0;
	}

.artistes H1 {
	color: #666666;
	border: solid;
	border-width: 0 0 1px 0;
	}

.artistes .content {
	position: absolute;
	}

.artistes .content a {
	color: #000000;
	}

.artistes .content ul {
	margin: 1em 2em 1em 0;
	text-transform: uppercase;
	}

.artistes .content li {
	list-style: none;
	margin: 0.5em 0;
	}

.artistes .content .col1 {
	position: absolute;
	top: 38px;
	left: 2px;
	width: 160px;
	}

.artistes .content .col2 {
	position: absolute;
	top: 3em;
	left: 16em;
	}

.artistes .content .col3 {
	position: absolute;
	top: 3em;
	left: 29em;
	}


.artistes .content .lien {
	position: absolute;
	top: 30em;
}

/* Images artistes */
.artistes .content img, .presse .content img {
	padding: 0;
	border-left-color: #000000;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
 }

/* Paragraphe artiste */ 
.artistes .content p{
	margin : 0.3em 0em 0em;     /* Pas de marge pour les paragraphe de texte artiste */
	}
/*
  Classes contact et sous classes
*/  
.menu_contact a:hover, .contact .menuon a, .contact .menuon a:hover {
	background-color: #9BBFB8;
	padding: 0 0.3em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 -0.4em 0 0;
	}

.contact H1 {
	color: #333333;
	border: solid;
	border-width: 0 0 1px 0;
	}

.contact .content a {
	color: #9BBFB8;
	}
	
.contact p {
	color: #333333;
	font-size: 1.2em;
	}
/*
  Classes liens et sous classes
*/  

.menu_liens a:hover, .liens .menuon a, .liens .menuon a:hover {
	background-color: #918592;
	padding: 0 0.3em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 -0.4em 0 0;
	}

.liens H1 {
	color: #666666;
	border: solid;
	border-width: 0 0 1px 0;
	}

.liens .content a {
	color: #000000;

	}


/*
  Classes galerie et sous classes
*/  

.menu_galerie a:hover, .galerie .menuon a, .galerie .menuon a:hover, .menu_infos a:hover, .infos .menuon a, .infos .menuon a:hover {
	background-color: #95817B;
	padding: 0 0.3em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 -0.4em 0 0;
	}

.galerie H1, .infos H1 {
	color: #666666;
	border: solid;
	border-width: 0 0 1px 0;
	}
.galerie .content a {
	color: #EDBF23;
	}


/*
  Classes boutique et sous classes
*/  

.menu_boutique a:hover, .boutique .menuon a, .boutique .menuon a:hover {
	background-color: #61CFD6;
	padding: 0 0.3em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 -0.4em 0 0;
	}

.boutique .content p img {
	float: left;
	padding: 0;
	margin: 0.5em 0;
	} 

.boutique H1 {
	color: #61CFD6;
	border: solid;
	border-width: 0 0 1px 0;
	}

.boutique .content hr {
	margin: 0.8em 0;
	padding: 0.5em 0;
	}
	

.boutique .content p {
	margin: 0;
	}

.boutique .content a {
	color: #61CFD6;
	}


/*
  Classe presse et sous classes
*/  
.menu_presse a:hover, .presse .menuon a, .presse .menuon a:hover {
	background-color: #F684E2;
	padding: 0 0.3em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 -0.4em 0 0;
	}

.presse H1 {
	color: #F684E2;
	border: solid;
	border-width: 0 0 1px 0;
	}

.presse .content a {
	color: #F684E2;
	}