/*		CALL IN NEEDED		*/

@import "reset.css";
@import "grid.css";


/*		DEFAULTS		*/
html { height: 100%; margin-bottom: 1px; }
body { font-size: 13px; color: #222; background: #efe7ce url( ../m/bg.gif ) 300px -4px; font-family: 'Lucida Grande','Lucida Sans Unicode',Lucida,Trebuchet,Arial,sans-serif; line-height: 1.4; margin-top: 48px; }
a { text-decoration: none; color: #c00; }
a:hover { background: #ff9; }
em { font-style: italic; }
sup { vertical-align: 4px; /* line-height: 0.5; */}
p { margin: 12px 0; font-size: 14px; line-height: 1.5; }
h5 { font-size: 18px; }
cite { font-family: georgia,times,'times new roman',serif; font-style: italic; }
cite strong { font-style: normal; font-weight: normal; }


/*		STRUCTURE		*/
.container { margin: 0 auto; }
#header { margin-bottom: 24px; }
#footer { margin-top: 24px; font-size: 10px; border-top: 1px solid orange; padding-top: 8px; }
.container .span-10 { background: url( ../m/opaque2.png ); padding: 48px; width: 700px; }
.pc { font-size: 84%; }
.amp { font-family: 'hoefler text',baskerville,'trebuchet ms',palatino,'palatino linotype','book antiqua',constantia; font-style: italic; line-height: 0.5;}

/*		BARRE		*/
div#barre { color:#000; background: url( ../m/iPhoneToolbar.png ); border-bottom: 1px #456 solid; height: 28px; line-height: 2.4; font-weight: bold; position: fixed; width: 100%; z-index: 255; top: 0; left: 0; text-align: center; }
div#barre p { margin: 0 auto; font-size: 12px; line-height: 2.4; }
div#barre a { text-decoration: none; color: #fff; font-weight: normal; padding: 0 2px; }
div#barre a:hover { color: #123; background: transparent;  }

div#barre a#aide { font-weight: bold; padding: 4px 36px 4px 36px; text-transform: uppercase; font-size: 10px; background: url( ../m/btn_over.gif ) no-repeat center center; position: relative; height: 18px; width: 80px; }
div#barre a#aide:hover { background: url( ../m/btn.gif ) no-repeat center center; color: #123; }
div#barre a span.small { font-size: 88%; }


h1 { color: #c00; font-size: 72px; line-height: 1; margin: 18px 0; cursor: pointer; }
h2 { color: #c00; font-size: 36px; line-height: 1; margin: -18px 0 18px 0; }
h3 { font-size: 20px; }
h4 { color: #c00; font-size: 24px; cursor: pointer; }

/*		UNE		*/


/*		VOTES		*/
div.votes { margin-top: 24px; }
div.votes p { font-size: 12px; color: #000; padding: 0px 4px; margin: 0; border-bottom: 1px solid #fff; }
div.votes p a { color: #000; }
div.votes p.info { border: 4px double #ccc; padding: 24px; background: #ffe; font-size: 18px; }

#back { color: #c00; text-align: right; margin: 24px 0; }
#back a { margin: 0 24px; }


/*		FICHE		*/
.nav div { text-align: center; }
.nav div a { padding: 0 18px; }
.oeuvre h6 { color: #c00; font-size: 14px; }
.oeuvre p { font-family: georgia,times,'times new roman',serif; font-style: italic; font-size: 12px; }
.oeuvre { border-bottom: 1px solid #888; margin-bottom: 18px; }

.bio h6 { color: #c00; font-size: 14px; }
.bio p { font-size: 12px; }

/*		URNE		*/
.urne { width: 290px; border: 1px solid #aaa; padding: 12px; background: #fff url( ../m/prix_cavadeos.gif ) no-repeat right top; }


/*		GENERAL		*/
.hidden { visibility: hidden; display: none; }
.btn { cursor: pointer; }
.note { font-size: 11px; }
.lhs { float: left; }
.rhs { float: right; }
.mini { font-size: 18px; }
.sc { font-variant: small-caps; }

/*		fixes bad image interpolation	for IE7+	*/
* img, img { -ms-interpolation-mode: bicubic !important; }