.menu_titre {
        font-size: 12px;
        border-style: none; 
        background-color: #EDEDED;
        background-image: url(../images/ballon.gif);
        width: 170px;
        line-height: 20px;
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 30px;
        margin-top: 8px;
        margin-bottom: 8px;
}

.login {
        width: 180px;
        font-size: 11px;
        padding: 5px;
        border-style:solid; 
        border-width:1px; 
        border-color:#ccc;
        background-color: #FFFF00;
        margin-top: 8px;
        margin-bottom: 8px;
}

.normal {
        font-size: 11px;
        color: #333333;
        padding: 5px;
        border-style:solid; 
        border-width:1px; 
        border-color:#CCCCCC;
        background-color: #FEFEFE;
}

.normal a:hover {
        text-decoration: underline;
        color: black;
}

.sc_prono {
	   line-height: 24px;
        font-size: 12px;
        font-weight: bold;
	   color: white;
	   text-align: center;
}
	
.information {
        font-size: 12px;
        font-weight: bold;
        color: #FF0000;
        font-style: italic;
        text-align: right;
        padding: 4px;
        border-style:solid; 
        border-width:1px; 
        border-color:#CCCCCC;
}

.points {
        border-style:solid;
        border-width:1px;
        border-color:#DDDDDD;
        background-color:#DFDFDF;
        font-size: 13px;
        font-weight: bold;
        font-style: italic;
        text-align: center;
	line-height: 30px;
}

.rouge_22 {
        font-size: 22px;
        font-weight: bold;
        color: #FF0000;
        padding: 4px;
}

.float {
        float: left;
        width: 37px;
        margin-left: 4px;
}

.image_acc {
        float: left;
        margin-top: 3px;
        margin-left: 10px;
}

div#table_g{
	clear: both; 
	float: left;
        margin-left: 2px;
        border-style: none;
        width: 140px;
	height: 450px;
}

div#table_d{
        float: left;
	width: 640px;
	margin-left: 3px;
	border-style: none;
}

#coolmenu{
        float: left;
        margin-top 10px;
        margin-left: 1px;
        width: 200px;
        background-color: #FFFFFF;
}

#coolmenu a{
        margin-left: 15px;
        background-image: url(../images/puceVerte.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 16px;
        font-size: 10px;
        color: black;
        display: block;
        line-height: 20px;
}

#coolmenu a:hover{
        margin-left: 15px;
        background-image: url(../images/puceRouge.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        padding-left: 16px;
        font-size: 10px;
        display: block;
        line-height: 20px;
}

#contenu{
	margin-left: 3px;
        float: left;
        border-style: none;
        width: 795px;
}

#bandeau{
        float:left;
        margin-top 10px;
        border-style: none;
        width: 792px;
        height: 86px;
        margin-bottom: 2px;
        background-image: url(../images/bandeau.png);
}

#boutons{
        float: left;
        text-align: right;
        border-style: none;
        width: 200px;
        height: 24px;
	margin-top: 7px;
        margin-bottom: 7px;
}

#bandeau_info{
        float: left;
        margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 3px;
        border-style: none;
        width: 550px;
        background-image: url(../images/ballon.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 30px;
}

h3 {
        font-size: 9px;
        line-height: 7px;
        text-align: center;
}

#main {
        width: 790px;
        margin: 0px auto auto auto;
        border: 1px solid #EFEFEF;
        background: #EFEFEF;
        color: #000;
}

#div_75 {
        float: left;
        position: relative;
        width: 253px;
        height: 195px;
        margin-left: 5px;
}

#div_77 {
        float: left;
        position: relative;
        width: 253px;
        height: 195px;
        margin-left: 6px;
}

#div_78 {
        float: left;
        position: relative;
        width: 253px;
        height: 195px;
        margin-left: 6px;
}

#div_91 {
        clear: left;
        float: left;
        position: relative;
        width: 253px;
        height: 195px;
        margin-top: 6px;
        margin-left: 5px;
}

#div_00 {
        float: left;
        background-image: url(../images/idf.png);
        background-repeat: no-repeat;
        position: relative;
        width: 253px;
        height: 195px;
        margin-top: 6px;
        margin-left: 12px;
}

#div_92 {
        float: left;
        position: relative;
        width: 253px;
        height: 195px;
        margin-top: 6px;
        margin-left: 6px;
}

#div_93 {
        clear: left;
        float: left;
        position: relative;
        width: 253px;
        height: 195px;
        margin-top: 6px;
        margin-left: 5px;
}

#div_94 {
        float: left;
        position: relative;
        width: 253px;
        height: 195px;
        margin-top: 6px;
        margin-left: 6px;
}

#div_95 {
        float: left;
        position: relative;
        width: 253px;
        height: 195px;
        margin-top: 6px;
        margin-left: 6px;
}

.tooltip{
        width: 200px; color:#000;
}

.tooltip span.top{padding: 30px 8px 0;
        background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
        background: url(bt.gif) no-repeat bottom
}

ul.liste {
	margin-left:5px;
	margin-bottom:0px;
	padding:3px;
}

li.liste {
	list-style-type:none;
	width: 190px;
	border-style: none;
	margin-bottom:2px;
	font-size:12px;
        background-image: url(../images/puceVerte.gif);
        background-repeat: no-repeat;
        background-position: 0% 50%;
	line-height: 16px;
	padding-left: 20px;
}

.barGraph {
	background: url(../images/horizontal_line_2.png) bottom left;
	border-bottom: 1px solid #fff;
	font: 9px Helvetica, Geneva, sans-serif;
	height: 380px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
.barGraph li {
	background: url(../images/bar_highlight.png) repeat-y top right;
	bottom: 0;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute;
	list-style: none;
	width: 41px;
	}
	
.barGraph li.p1{ background: url(../images/3dbar1.png) }
.barGraph li.p2{ background: url(../images/3dbar2.png) }
.barGraph li.p3{ background: url(../images/3dbar3.png) }

.barGraph li.p4 {
        position: absolute;
        margin-bottom: -30px;
        text-align: center;
        font-size: 10px;
        font-weight: bold;
        text-decoration:none;
        color:#000;
        vertical-align: middle;
        background-image: url(../images/bt_up.png);
}