/* ****************************************************

	@file		  resultats.css
	@description  Styles des résultats
	@author       remi (ixmedia.com)
	@version	  20081125

***************************************************** */

/*
 * @section Basic
 ******************************************************************************/

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix{height:1%;} .clearfix{display:block;}/* End hide from IE-mac */

html { font-size: 62.5%; }
body { padding: 15px; font-size: 110%; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif; width: 3015px; border-top: 9px solid #000; }
h1 a { position: fixed !important; position: absolute; top: 0; right: 0; display: block; width: 202px; height: 69px; text-indent: -9999px; background: #000 url("/img/logo-buzzz.jpg") no-repeat bottom right; z-index: 10000; }
h2 { margin-bottom: 0.6em; font-size: 120%; }
h3 { font-size: 110%; }
p { margin-bottom: 0.7em; }
a { color: #555; }
.overlay { height: 435px; width: 20px; position: absolute; left: 300px; top: 0; background: #000; display: none; z-index: 7000; }
.overlay.mini { height: 211px; }
#wrap { width: 3000px; }
.infos { padding: 0 0 0.5em; line-height: 1.4; }
.infos .logo { padding: 21px 18px 21px 0; border-right: 1px solid #bfbfbf; float: left; margin-top: 12px; }
.infos .texte { float: left; font-size: 120%; padding-left: 25px; padding-top: 10px; }
.infos .texte.plain { padding-left: 0; }
.infos .texte p.note { font-size: 80%; }
p.actif { margin-top: 15px; }

/*
 * @section Graphiques
 ******************************************************************************/

#graphs { position: relative; margin: 0 0 0; }
.graphs { padding-left: 0; height: 200px; position: relative; padding-top: 11px; background: url("/img/bg-graph.jpg") repeat-x top left; }
#graphs .graph { width: 100%; }
#graph1 { margin-bottom: 15px; }
.tagline { background: #000; color: #fff; display: block; height: 22px; position: absolute; width: 100%; bottom: 0; }
.tagline strong { padding: 5px; font-weight: normal; display: block; }
.status { font-size: 150%; color: #aaa; position: absolute; top: 75px; left: 20px; height: 32px; padding: 8px 0 0 42px; background: url("../img/loading.gif") no-repeat 0 0; }

/*
 * @section Parole
 ******************************************************************************/

#parole { margin: 0 0 5px; }
#parole div { height: 4px; position: relative; }
#parole div span { position: absolute; height: 4px; background: #ddd; cursor: help; }
div.legende .paroles li.plq span, #parole div.plq span { background: #EE2D24; }
div.legende .paroles li.adq span, #parole div.adq span { background: #0b9600; }
div.legende .paroles li.pq span, #parole div.pq span { background: #333E92; }

/*
 * @section Légende
 ******************************************************************************/

div.legende { clear: both; margin: 0 0 1em 0; background: #f5f5f5; padding: 10px; }
div.legende h2 { float: left; margin: 0; margin-right: 1em; padding: 5px 0 0 0; }
div.legende li { margin: 0 15px 0 0; }
div.legende em { font-style: normal; float: left; margin-left: 8px; }
div.legende .paroles li { float: left; padding: 6px 0 0; }
div.legende .paroles li span { height: 4px; display: block; float: left; background: #ccc; width: 20px; margin: 4px 0 0 0; }
div.legende .barres { float: left; }
div.legende .barres ul { float: left; }
div.legende .barres li { float: left; }
div.legende .barres li em { margin-top: 5px; }
div.legende .barres span { float: left; }
div.legende .barres span strong { height: 22px; display: block; float: left; background: #ccc; width: 4px; margin: 0 1px 0 0; }
div.legende .barres li.plus strong { background: #AEEF81; }
div.legende .barres li.moins strong { background: #FB8585; }
div.legende .barres li.flag strong { background: #FFCA87; }
div.legende .barres span strong.barre1 { height: 8px; }
div.legende .barres span strong.barre2 { height: 14px; }
div.legende .barres span strong.barre3 { height: 22px; }
div.legende .barres li.plus span strong.barre1,
div.legende .barres li.flag span strong.barre1 { margin-top: 14px; }
div.legende .barres li.plus span strong.barre2,
div.legende .barres li.flag span strong.barre2 { margin-top: 8px; }

/*
 * @section Periodes
 ******************************************************************************/

#periodes li { float: left;	text-align: center; }
#periodes h2 { font-size: 100%; font-weight: normal; padding: 5px 5px 5px 20px; }
#periodes li span { background: #0f357c; color: #fff; font-weight: bold; padding: 6px 10px 6px 20px; display: block; text-align: left; }
#periodes li.alt span { background: #204a98; }
#periodes { margin: 0 0 5px; }

/*
 * @section Formulaires
 ******************************************************************************/

legend { font-size: 120%; padding: 4px 4px; border: 1px solid #ccc; }
fieldset { border: none; padding: 15px; margin: 0 15px 0 0; float: left; background: #f5f5f5 url("/img/bg-fieldset.jpg") repeat-x bottom left; }
div.champs { margin: 0 0 0; padding-top: 15px; }
div.champ { float: left; padding: 3px 12px 10px 0; margin-right: 18px; }
div.champ h3 { margin-bottom: 0.8em; }
div.champ label { cursor: pointer; }
div.choix { padding-bottom: 2px; }
div.choix li { margin: 0 0 3px; }
div.choix li input { float: left; width: 14px; height: 14px; padding: 0; margin: 0; }
div.choix li label { margin-left: 20px; padding-top: 1px; display: block; line-height: 1.4; }
div.champs button { clear: both; display: block; margin-top: 15px; }
.button { clear: both; background: #000; padding: 6px; border: none; color: #fff; font-weight: bold; font-size: 140%; font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif; cursor: pointer; }