html body {
	margin:0;
	padding:0;
	background:white; /*gris bleuté */
	font:x-small Verdana, Arial, Helvetica, Sans-serif;
	font-size:small;
	color: white;
  	background-image: none;
  }
html>body {
	font-size:small;
	background-image: none;
  }

#cadre {
	margin-top:0;
}

a:link { color: black; text-decoration: none;}
a:hover { color: black; text-decoration: none;}
a:active { color: black; text-decoration: none;}
a:visited { color: black; text-decoration: none;}

#entete {
	display: none;
}
#contenu {
	width: 100%;
	float:none;
	border-right: none;
	background: none;
	padding-bottom: 0;
}

/* Définition de la méthode Fahrner
----------------------------------------------- */
h1 {
  margin:0;
  font:bold 190%/1em font-family: Rockwell, Verdana, Arial, Helvetica, sans-serif;;
  }
h1 span {font-weight:normal;}
h1.swap {
  height:38px;
  background-repeat:no-repeat;
  }
h1.swap span, h1 em {display:block;}
h1.swap img {display:none;}


/* Définition des titres
----------------------------------------------- */
h1#logoPatMat {background-image:url(none);margin-top:0;}


/* Section du texte principal */
#texte {
	width:100%;
	float: none;
	margin-top: 0;
	margin-right: 0;
}
#texte p b {
	color: black;
	font-weight: bold;
}
#texte h2 {
	margin-top: 15px;
	font-family: Rockwell, Verdana, Arial, Helvetica, sans-serif;
	font-size: 175%;	
}
#texte h2 b {
	color: #ffffcc;
}
#texte h3 {
	font-family: Rockwell, Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;	
	color: #f3f3cc;
	margin-top: 25px;
	margin-bottom: -5px;
}
#texte h3 a:link { color: #f3f3cc; text-decoration:none;}
#texte h3 a:hover { color: #ffffff;  text-decoration:underline;}
#texte h3 a:active { color: #ffffef;  text-decoration:underline;}
#texte h3 a:visited { color: #ddddcc; text-decoration:none;}

#texte dl { 
	margin-top: 20px; 
	margin-bottom: 25px; 
}
#texte dt { 
	font-weight:bold; 
	margin:25px 0 .2em 0; 
	line-height: 130%; 
	font-size: 90%; 
	color: #BCD0E9;
}
#texte dt b {
	font-family: Rockwell, Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size: 150%; 
}
#texte dd {
	font-size:100%; 
	line-height: 140%;
	margin-left: 0;
}
#texte ul {  
	margin:.5em 0 1em;
	padding:0;
	list-style-type:none; 
 }
#texte li {   
    background:url('../images/bullet.gif') no-repeat 4px .4em;
	margin:0;
	line-height:1.5em; padding-left:18px; padding-right:0; padding-top:0; padding-bottom:2px
} 
#texte li i {
	font-style: normal;
	font-size: 75%;
}
#texte li b {
	font-family: Rockwell, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 120%;
	font-weight: normal;
}

th {
	text-align:left;
	vertical-align:top;
}
form input, form textarea, form select {
  margin:1px 0;
  font:130% Courier New,Courier,Monospace;
  }
form input {
  background:white;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color:black;
  width:220px;
  }
form textarea {
  background:white;
  display:block;
  clear:left;
  width:220px;
  border:1px solid #ccc;
  border-color:#ccc #fff #fff #ccc;
  color: black;
  voice-family: "\"}\""; voice-family:inherit;
  } 
form input:focus, form textarea:focus {
  border-color:#333 #666 #666 #333;
  }

#imgHead {
	width: 648px;
	height: 100px;
	background:transparent url(../images/imgHead01.jpg) no-repeat bottom;
}
#imgBottom {
	clear: both;
	width: 648px;
	height: 17px;
	background:transparent url(../images/ligneBas.gif) no-repeat bottom;
	margin-bottom: 10px;
}
#Copyright {
	text-align: center;
	margin-bottom: 35px;
	font-family: Rockwell, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;	
}
#Copyright a:link, #Copyright a:hover, #Copyright a:active, #Copyright a:visited {
	color: white;
}
#Copyright i {
	color: #BCD0E9;
}

/* Gestion du menu */
#header {
  float:none;
  width:100%;
  background:white;
  border-bottom:none;

  }

#header ul {
  margin:0;
  padding:1px 0 0 75px;
  font-size:85%;
  white-space:nowrap;
  }
#header ul li {
  float:left;
  margin:0;
  padding:0;
  background-image:url('none');
  line-height:normal; list-style-type:none
  }
#header ul a, #header ul strong {
	font-family: Rockwell, Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	background:none; 
	display:block;
  
	height:auto;
	margin:0;
	text-decoration:none;
	font-weight:normal;
	color: white;
	white-space:nowrap; padding-left:17px; padding-right:17px; padding-top:5px; padding-bottom:5px
  }

#header ul a:hover {
  background:#555555;
  }
#header ul a b {
	color: #ffffcc;
	font-weight: 100;
}

/* Affichage des photos */
.photo {
	position: static
}
.pochette {
	display: block;
}

.credits {
	background-color: #2f3e52;
	padding: 3px;
	border: #BCD0E9 dotted 1px;
	width: 75px;
	height: 75px;
}
.source	{
	color: black;
	} 


/* Modification pour l'accueil */
#accueil #cadre {
	margin-top: 0;
}
#accueil #imgHead { background:transparent url(../images/imgHeadAccueil.jpg) no-repeat bottom; height: 204px; }
#accueil #contenu { background: #3b3b3b url(../images/MurFond.jpg) no-repeat;}
#stroch #contenu { background: #3b3b3b url(../images/GensFond.jpg) no-repeat;}

#accueil .photo { 	margin: 18px 0 0 -170px; }

#discographie #contenu { background: #3b3b3b url(../images/imgGauche03.jpg) no-repeat;}
#biographie #contenu { background: #3b3b3b url(../images/imgGauche02.jpg) no-repeat;}
#liens #texte { width:375px; }

#newyork #texte img {
	padding: 3px;
	border: #BCD0E9 dotted 1px;
	width: 75px;
	height: 75px;
}
#newyork #imgHead { background:transparent url(../images/imgHead02.jpg) no-repeat bottom; }


#photos #contenu { background: #3b3b3b url(../images/PanneauFond.jpg) no-repeat;}
#newyork #contenu { background: #3b3b3b url(../images/PanneauFond.jpg) no-repeat;}

#thumbs #texte img {
	padding: 3px;
	border: #BCD0E9 dotted 1px;
	width: 75px;
	height: 75px;
}
#photos #texte .photo {
	margin: 27px 0 0 -70px;
	padding: 3px;
	width: 50px;
	height: 50px;

}
#stroch #texte img {
	padding: 3px;
	border: #BCD0E9 dotted 1px;
	width: 75px;
	height: 75px;
}

html body#showPhoto {
  	background-image: none;
	background:#111; 
  }
html>body#showPhoto {
	background-image: none;
  }