@import "base.css";

#contenu #bandeau { background-image:url(fondBandeau.jpg); padding:3px 0 17px; min-height:278px;}

#bandeau strong {font-size:4.2em; line-height:.85em; text-transform:uppercase;}

#bandeau + hr + div.wrap { margin-top:-22px; padding-top:3em;}

#infosExpo {float:left; width:360px; text-align:center;}

#infosExpo em, #infosExpo strong {display:block;}

#infosExpo em {margin-top:3.2em; padding-bottom:1em; background:url("soulignementReliefBandeau.png") repeat-x 0 100%;}

#infosExpo strong {margin:.5em 0 .1em; font-weight:400;}

#infosExpo span {font-style:italic;}

#infosExpo p+p {background:url("soulignementDegradeBandeau.png") no-repeat 50% 100%; padding-bottom:1.8em;}

#infosExpo a {color:#fff0a3; font-weight:400;}

#infosExpo a:hover {text-decoration:underline;}

#infosExpo ul {margin-top:1.8em; background:url("losangeBlanc.png") no-repeat 50% 50%; overflow:hidden;}

#infosExpo ul li {float:left; width:160px; text-align:left;}

#infosExpo ul li:first-child {text-align:right; margin-right:40px;}

#previewExpo {float:right; display:block; padding:12px 5px 6px 12px; background-image: url(fondImagePreviewExpo.jpg);}

#artisteAuHasard, #galerie { float:left; width:760px;}

#galerie {margin-left:40px;}

.smallTitles {background:url("vrSingle.png") repeat-y 50% 0; overflow:hidden;}

.smallTitles p {width:160px; float:left;}

.smallTitles p:first-child {text-align:right; margin-right:40px;}

.wrap h2 {font-size:3em; letter-spacing:-2px; color:#111; text-align:center; padding-top:.6em; margin:.25em 0; background:url("hrBold.png") repeat-x; text-transform:none;}

.info {align:center; padding-top:1.8em; background-image: url(hrAvecLosange.jpg); background-repeat: no-repeat; background-position: center center;}

.info>div {
	overflow:hidden;
	background-image: none;
	background-repeat: repeat-y;
	background-position: right 0;
}

.info>div>* {
	float:no;
}

.info img {padding:4px; background:#fff; border:1px solid #ccc; display:block;}