/*		CALL IN NEEDED		*/

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


/*		STRUCTURE		*/

body { 	background: url(../images/background_pattern.gif ); margin-top: 24px; margin-bottom: 48px; }
.container { background: #fbf6ef url( ../images/bg.png ) repeat-y 20px 0px; padding: 20px; border: 1px solid #998; }

#programme h5, #programme h3, #programme div, #programme p,
#extra h5, #extra h3, #extra div, #extra p { margin: 0 12px; }

#footer { border: 20px solid #fbf6ef; margin: 0 -20px -20px -20px; background: #fbf6ef; }

/*		GENERAL		*/
a { text-decoration: none; color: #f41d22; }
a:hover { background: #7cf; }
sup { font-size: 88%; vertical-align: 3px; }

h1 { font-size: 58px; line-height: 0.9; margin-bottom: 0.5em; }
h3,h4,h5, h6 { color: #07507b; }

img.gravatar { height: 48px; width: 48px; background: url( ../images/gravatar.jpg ) no-repeat 50% 50% #fff; }
.hidden { visibility: hidden; font-size: 2px; line-height: 0.5; margin: 0; padding: 0; height: 2px; }

/*		TOPPER 		*/

#topper { margin-left: 238px; background: #fbf6ef; margin-top: -12px; }
#topper a { position: relative; float: left; display: block; text-indent: -10000px; }
#topper #top_horseball { height: 25px; width: 160px; background: url( ../images/whbo_small.gif ) no-repeat bottom center; }
#topper #top_eperon { height: 25px; width: 120px; background: url( ../images/eperon_small.gif ) no-repeat center center; }
#topper #top_cavadeos { height: 25px; width: 130px; background: url( ../images/cavadeos_small.gif ) no-repeat center center; }

/*		HEADER		*/

#header { background: url( ../images/header.jpg ) 0 0; height: 107px; border: 20px solid #fbf6ef; margin: -4px -20px 0 -20px; }

.pagetitle a { color: #0f3562; color: #9ab; }
.pagetitle a,
.pagetitleshade a { opacity: 0.999; letter-spacing: 0.1; bottom: 8px; color: #07507b; font-family: Impact,serif; left: 238px; position: absolute; text-align: bottom; width: 360px; }
.pagetitle,
.pagetitleshade { height: 106px; position: absolute; }
.pagetitleshade a { /* color: #000b72 !important; */ color: #fff; margin-left: 2px !important; margin-top: 2px !important; bottom: 6px; }
.pagetitle a:hover,
.pagetitleshade a:hover { background: transparent; color: #7cf; }

/*		PROGRAMME		*/

#programme { font-family: georgia,times,serif; font-size: 12px; border-top: 8px solid #bcd; font-style: italic; }
#programme p { margin: 8px 0; }
#programme h3 { font-size: 24px; font-style: normal; }
#programme h4 { font-size: 12px; }
#programme h5 { font-size: 18px; margin: 12px 0; border-left: 14px solid #bcd; line-height: 22px; padding-left: 12px; font-style: normal; }
#programme h6 { margin: 12px 0; font-size: 16px; font-family: helvetica; font-weight: normal;  }
#programme ul { list-style: none; padding: 0; margin: 0; }
#programme li { border-bottom: 2px solid #989; }
#programme strong { font-style: normal; }
#programme em { font-style: normal; font-family: 'helvetica neue',arial,helvetica,sans-serif; text-transform: uppercase; font-size: 10px; margin-left: -8px; padding-right: 8px; font-weight: bold; }

/*		COMMENT EXTRACT		*/

span.commentExtract { display: block; line-height: 1.1; font-size: 11px; border-bottom: 1px dotted #0f3562; padding-bottom: 2px; margin-bottom: 4px; }
span.commentExtract a { font-weight: bold; }

/*		BANDEAU		*/

#bandeau { height: 124px; text-indent: -1000px; background: url( ../images/bandeau_whbo.jpg ) no-repeat; }


/*		FOOTER		*/

#footer h5{ margin-left: 12px; }
#footer p#btt { text-align: right; border-top: 8px solid #f4dcb7; }
#footer { padding-bottom: 20px;  background: #fff url( ../images/ligne.gif ) no-repeat 240px 20px; text-align: right; }

#pivot { margin: 12px auto; color: silver; text-align: center; }

/*		EXTRA		*/

#extra h3 { margin: 12px; font-family: georgia, times, serif; font-size: 18px; line-height: 1; }
#extra div.boutique,
#extra div.boutique p { padding: 0; margin: 0; margin-top: -18px; }
#extra div.boutique p img { border: 1px solid #aaa; }
#extra { margin-top: 0px; }


/*		CAVALIENS		*/

.cavaliens	{	overflow: hidden; width: 230px; font-size: 10px; line-height: 1.2; color: #322; margin-top: 24px !important; background: #ffc; padding-bottom: 6px; }
.cavaliens div, .cavaliens div div { margin: 2px !important; }
.cavaliens a { color: #322; margin: 0; border: 0; }
.cavaliens a:hover { color: #0058a1; margin: 0; background: transparent; border: 0; }
.cavaliens .cavaliens-autopromo { clear: both; text-align: right; padding: 2px 4px; font-weight: bold; }
.cavaliens .cavaliens-header { padding: 2px; font-family:georgia,times,serif; font-weight: bold; text-transform: uppercase; background: #ffb; }
.cavaliens a.cavaliens-link { color: #0058a1; display: block; text-transform: lowercase; }
.cavaliens ul li { width: 220px; display: block; margin: 2px 2px 2px -12px; float: left; overflow: hidden; padding: 0 !important;}
.cavaliens ul { padding: 4px 0 0 0 !important; }
.cavaliens .cavaliens-title { font-weight: bold; display: block; padding-bottom: 2px; }
.cavaliens .cavaliens-header { font-size: 11px; padding-right: 60px; }
.cavaliens a.cavaliens-text { font-weight: normal; }

/*		ARTICLE		*/
.entry h2,
.entry h2 a { font-family: georgia, times, serif; color:#07507b; font-size: 22px; }
.entry h2 { margin-bottom: 12px; line-height: 1.2; }
.entry { border-top: 8px solid #f4dcb7; padding: 4px 0; }
.entry span.date { font-family: georgia, times, serif; color: #07507b; font-size: 12px; display: block; margin: 0; }

div.entryfooter { clear: both; margin: 24px 0; border: 1px solid #ccc; border-left: 0; border-right: 0; background: #e8e8e8; padding: 4px; height: 50px; }
div.entryfooter img.gravatar { float: left; margin-right: 8px; }

.entry h3 { margin-bottom: 2px; font-weight: bold; color: brown; text-align: center; }
.entry h4 { margin-bottom: 2px; font-weight: bold; text-align: center; }

.entry img.pivot-image { margin: 0; padding: 0; width: 320px; margin-bottom: 12px; }
a.thickbox img { width: 312px; }

/*		ENTRY PAGE		*/

p.entrynavigation { border-bottom: 8px solid #f4dcb7; padding-bottom: 4px; text-transform: uppercase; }

span.comments,
h3.commentForm { display: block; border-top: 8px solid #f4dcb7; padding-top: 4px; text-transform: uppercase; color: #0f3562; }

.comment { border-left: 8px solid #f4dcb7; padding: 4px 0 0 8px; margin: 8px 0; background: #e8e8e8; }

p.commentMeta { height: 52px; line-height: 1.2; font-size: 11px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 4px; margin: -8px 0 0 -8px; background: #f0f0f0; }
p.commentMeta img.gravatar { float: left;  margin: 0 4px; padding: 0; }
p.commentMeta span { display: block; margin-top: 3px; }
p.commentMeta span.commentMetaName { font-weight: bold; }


p#moderate_queue_waiting { background: beige; padding: 4px; border: 1px solid orange; border-left: 0; border-right: 0; }
p.pivot-message { background: beige; padding: 4px; border: 1px solid green; border-left: 0; border-right: 0; }