/**** FEUILLE DE STYLE COME-IN EXTRANET ************************************************************************************/
/*****************************************************************************************************************************/

#all_extranet					{ background:#fff url(../extranet/img/bg_page.jpg) no-repeat 100% 100px; }

hr								{ margin:20px 0; color:#999; }
h1 select *						{ margin:0; padding:0; }


/* Couleurs */
.or								{ color:#ff0000; /*color:#960000;*/ }
.argent							{ color:#d20000; /*color:#d20000;*/ }
.bronze							{ color:#960000; /*color:#ff0000;*/ }

.negatif						{ color:#f02328; }
.positif						{ color:#6e9b19; }

/**** CONTENT/SIDEBAR ************************************************************************************/
#content_extranet				{ padding:30px 0; height:auto !important; position:relative; float:left; width:675px; }
#content_extranet #inc			{ padding:0 20px 0 20px; }
#sidebar_extranet				{ padding:30px 0; height:auto !important; position:relative; float:right; width:280px; }

#sidebar_extranet h5			{ color:#cd191e; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:inherit; margin:0; }

.mentionsBott					{ font-size:10px; color:#888; text-align:center; margin:0 0 10px 0; }

/**** CADRES ************************************************************************************/
.cadre							{ background:url(../img/cadre_gris.gif) no-repeat 0 0; width:307px; height:117px; float:left; margin:10px 10px 0 0; position:relative; }
.cadre h4						{ color:#777; font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:0; position:absolute; top:5px; left:10px; margin:0; }
.cadre h4 span					{ color:#bebebe; font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.cadre .indice					{ font:normal 25px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:10px; right:10px; }
.cadre p						{ font:normal 48px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:50px; text-align:center; }


/**** PODIUM ************************************************************************************/
#podium							{ position:relative; height:220px; }
#podium #bgPodium				{ margin:60px 0 0 0; }
#podium ul						{ position:absolute; top:30px; left:0; }
#podium ul li					{ margin:0; padding:0; display:inline; list-style-type:none; list-style-image:none; float:left; width:90px; text-align:center; }
#podium ul li p					{ font:normal 48px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; }
#podium ul li div				{ font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; float:left; width:90px; }
#podium ul li div strong		{ font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; display:block; }
#podium ul li div span			{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; display:block; }

/*#podium ul li.pod_or div		{ background:#ff0000 url(../extranet/img/bg_or.jpg) repeat-x 0 0; }*/
#podium ul li.pod_or div span	{ color:#f00; }
ul li.pod_or div				{ padding:15px 0 0 0; }
ul li.pod_or p					{ color:#ff0000; padding:0 0 5px 0; }

/*#podium ul li.pod_argent div	{ background:#d00 url(../extranet/img/bg_argent.jpg) repeat-x 0 0; }*/
#podium ul li.pod_argent div span	{ color:#f00; }
ul li.pod_argent div			{ padding:20px 0 0 0; }
ul li.pod_argent p				{ color:#d00; padding:20px 0 5px 0; }

/*#podium ul li.pod_bronze div	{ background:#be0000 url(../extranet/img/bg_bronze.jpg) repeat-x 0 0; }*/
#podium ul li.pod_bronze div span	{ color:#f00; }
ul li.pod_bronze div			{ padding:18px 0 0 0; }
ul li.pod_bronze p				{ color:#960000; padding:40px 0 5px 0; }

.allResults						{ text-align:right; margin:10px 0; }
.allResults a					{ color:#e60000; font-size:10px; padding:1px 5px; }
.allResults a:hover				{ color:#fff; background-color:#e60000; }


/**** CHALLENGE ************************************************************************************/
#challenge						{ margin:20px 0 0 0; }
#challenge ul li				{ margin:0 0 0 10px; font-size:18px; padding:0; list-style-type:none; list-style-image:none; }
#challenge ul li span			{ font:normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; }



/**** CHIFFRES ************************************************************************************/
.tab_chiffres					{ width:100%; margin:30px 0 0 0; }
.tab_chiffres th				{  padding:2px 10px; background:url(../img/bg_header.gif) repeat-x 0 0; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; text-align:center; }
.tab_chiffres th.thLeft			{ width:25%; text-align:left; }
.tab_chiffres th.lien			{ text-align:left; color:#fff; font-weight:bold;}
.tab_chiffres tr.thGlobal th	{ font-size:20px; }
.tab_chiffres td				{ border-bottom:1px solid #999; text-align:center; padding:2px 10px; }
.tab_chiffres td.tdAgence		{ text-align:left; font-weight:bold; }
.tab_chiffres a					{ color:#fff; font-weight:bold;}
.tab_chiffres a:hover				{ color:#fff; text-decoration:underline;}
.tab_chiffres a.detail					{ color:#000; font-weight:bold;}
.tab_chiffres a.detail:hover				{ color:#000; text-decoration:underline;}

/**** SAISIE ************************************************************************************/
.tab_saisie						{ margin:0; }
.tab_saisie td					{ padding:3px; }
.tab_saisie td *				{ vertical-align:bottom; }
.tab_saisie th					{ background:url(../img/bg_header.gif) repeat-x 0 0; color:#fff; padding:3px 5px; }
.tab_saisie th label			{ color:#fff; }
.tab_saisie input[type=text]	{ width:80px; }				

label.or,
label.argent, label.bronze		{ font-size:20px; }

/*
{ background:#fff url(../img/bg_page.gif) no-repeat 0 100%; position:relative; margin:auto; width:965px; text-align:left; margin-top:15px; }
{ font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#da1916; margin-bottom:10px; }
*/