@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FFFFFF;
	line-height: 140%;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
h1 {
	font-size: 24px;
	font-weight: 800;
	line-height: 140%;
	padding: 0 0 20px 0;
}
h2, h2 a {
	font-size: 18px;
	font-weight: 800;
	line-height: 140%;
	padding: 0 0 15px 0;
	color: #666666;
}
h3 {
	font-size: 16px;
	font-weight: 800;
	line-height: 140%;
	padding: 0 0 10px 0;
}
h4 {
	font-size: 14px;
	line-height: 140%;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
	line-height:140%;
}
ul{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	list-style: none;
	padding-left: 0;
	max-width: 600px;
}/* utilisé pour on recherche */
li{
	background: url(puce_tri_666_7.gif) no-repeat 0 50%;
	padding-left: 17px;
}/* utilisé pour on recherche */
a {
	text-decoration: none;
	color:inherit;
}
a:hover {
	color: #CC0000;
}
a.active {
	color: #CC0000;
	font-weight: 800;
}
.bd {
	font-weight: 800;
}
.rouge {
	color: #C00;
}
.bd_rouge {
	font-weight: 800;
	color: #C00;
}
.roman {
	font-weight:lighter;
	color: #999;
}
.logo {
	padding: 5px 0 5px 0px;
	clear: both;
}/* php gph tout en haut*/
.navbar {
	font-size: 14px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}
.navbar a{
	float: center;
	line-height: 32px;
	margin: 0 15px 4px 0px; /*écartement des items*/
	text-decoration: none;
}
.navbar a:visited {
	text-decoration: none;
	color: #999999;
}
.navbar a:hover, a.active {
	text-decoration: none;
	color: #CC0000;
}
.titre_expo {
	font-size: 32px;
	text-decoration: none;
	font-weight: 800;
	letter-spacing: 2px;
	line-height: 140%;
	width:90%;
	padding: 30px 0px 40px 0px;
	float: left;
}/* titre expo en cours */
.image_expo {
	float: left;
	width: 50%;
	min-width:400px;
	height: auto;
}/* image verticale page accueil */
.petite_image_expo {
	float: left;
	width: 50%;
	min-width:200px;
	height: auto;
}/* image en plus accueil */
.titre {
	font-size: 24px;
	text-decoration: none;
	font-weight: 800;
	letter-spacing: 2px;
	padding: 20px 0px 40px 0px;
	clear:both;
}/* titre autre que expo en cours sous le menu */
.texte_expo {
	float: left;
	padding: 0 0 0 10px;
	width: 40%;
	min-width:400px;
}
.dessous {
	padding: 10px 0 20px 0px;
	clear: both;
}/* php adresse en bas*/
.lien_mu { 
	padding-top: 20px;
	color: #C00;
	clear:both;
}
.clear_both { 
	clear:both;
}
.icon100 {
	max-width: 100px;
	padding: 0 0 5px 0;
} /* utilisé pour vignettes page tous artistes */
.icon200 { 
	max-width: 200px;
	padding: 0 0 5px 0;
} /* utilisé pour 200x200 de passage */
.vignette100 {
	line-height:120%;
	width: 125px;	
	height: 135px;	
	text-align: center;	
	padding: 0 0 5px 0;
	float: left;
}/* utilisé pour page tous artistes */
.vignette200 {
	line-height:120%;
	width: 220px;	
	height: 235px;	
	text-align: center;
	padding: 0 0 5px 0;
	float: left;
}/* utilisé pour page de passage */
.vignette75 {
	line-height:120%;
	width: 80px;
	height: 80px;
	text-align: center;	
	padding: 0 0 5px 0;
	float: left;
}/* utilisé pour entourer chaque vignette img de page artiste quand les img ne sont pas en cadre blanc, comme les images en provenance directe de LR */
.vitrinevignette {
	line-height:120%;
	width: 60px;
	height: 60px;
	text-align: center;	
	padding: 0 0 5px 0;
	float: left;
}/* */
.respire{
}/* utilisé pour image dans vignette75 */
.respire_border{
border: 1px solid #cccccc;
}
.ensemble_vignettes75 {
	float: left;
	width: 150px;
	padding: 0 20px 20px 0;
}/* utilisé pour page individuelle artiste */
.ensemble_vignettes75_2col {
	float: left;
	width: 160px;
	padding: 0 20px 20px 0;
}/* utilisé pour page individuelle artiste moins de 12 images*/
.ensemble_vignettes75_3col {
	float: left;
	width: 240px;
	padding: 0 20px 20px 0;
}/* utilisé pour page individuelle artiste moins de 18 images*/
.ensemble_vignettes75_4col {
	float: left;
	width: 320px;
	padding: 0 20px 20px 0;
}/* utilisé pour page individuelle artiste plus de 24 images*/
.ensemble_vignettes75_5col {
	float: left;
	width: 400px;
	padding: 0 20px 20px 0;
}/* utilisé pour page individuelle artiste plus de 30 images*/
.bio {
	padding: 20px 0 0 0;
	clear: both;
}/* page individuelle artiste */
.image {
	float: left;
	padding-left: 20px;
	width: auto;
	height: auto;
}/* page individuelle artiste */
.affaire {
	font-size: 16px;
	font-weight: 100;
	font-style: normal;
	letter-spacing:2px;
	color: #fff;
	background:#C00;
	border-style:solid;
    border-width: 10px 10px 10px 13px;
    border-color:#C00;
	margin-top:30px;
	display:table; /*donc largeur du texte*/
	position:fixed;
	bottom: 0;
	right: 0;
}
.affaire a{
	text-decoration: none;
	color: #fff;
}
.zoom {
	color: #c03;
}