/* STYLES COMMUNS */
body{ text-align:left; font-family: "Arial"; background: #ffffff url(../img/body.png) top repeat-x;
}

a{ outline: 0;}
a, a:active, a:visited{text-decoration:none; color: #222;}
a:hover{text-decoration:underline;}
p, span { line-height:1.2;}

fieldset { border:0; }
input,
.home input.error, 
.home label.error{border: 0; color: black;}
button { border:0; cursor:pointer; text-align:center;}
textarea{ font-family: Arial; color:#6B776C;
}
ul{ list-style: none; padding: 0; margin: 0;
}

.bold{ font-weight:bold;}
.italic{ font-style: italic;}
.block { display:block; }
.hide{ display: none; }

.clear { clear: both; }
div.clear { width:0; height:0; line-height: 0; }
.spacer-10{ width: 100%; height: 10px; line-height: 10px; clear: both;}
.spacer-20{ width: 100%; height: 20px; line-height: 20px; clear: both;}

.left { float:left; }
.right { float:right; }

.green{ color: #bbdb0d; }
.vert_fonce{ color: #006911;}

/*--------------------------------------------------
	LAYOUT COMMUN
--------------------------------------------------*/
#wrapper{ margin: 0 auto; width:1000px; border: 1px solid #a7a7a7; border-top: 0; position: relative; margin-bottom: 20px;
}

#header{ background: url(../img/header.jpg) no-repeat; width: 1000px; height: 97px; position: relative;
}
	#header a{ display: block; position: absolute; text-indent: -3000px; overflow: hidden;
	}
	#header a#skpf{ right: 0; top: 23px; width: 80px; height: 45px;
	}
	#header a#jca{ right: 100px; top: 33px; width: 145px; height: 35px;
	}
	#header a#back_home{ height:85px; left:10px; top:5px; width:200px;
	}
	
#content{ background: #fff url(../img/content.jpg) no-repeat top; position:relative; text-align:left; float: left; width: 1000px;
}
	#content #col_left,
	#content #col_right{ float: left;
	}

#imgCache{display: none;}


.sub-header{ height: 75px; margin-bottom: 18px;
}
/* FAQ */
.faq .question{ color: #006911; margin-bottom: 2px;
}
.faq .reponse{ margin-bottom: 15px;}

.faq strong{ color:#006911;}

/* MENU */
#menu{ float: left; width: 1000px; background: url(../img/menu_last.png) no-repeat right top;
}
#menu li{ float: left;
}
#menu li a{ display: block; float: left; height: 33px; background: url(../img/menu.png) no-repeat left top; padding-left: 14px; cursor: pointer;
}
#menu li a span{ display: block; float: left; height: 23px; padding-top: 10px; background: url(../img/menu.png) no-repeat right top; color: #c9cfbb; text-transform: uppercase; padding-right: 14px; cursor: pointer; font-size: 12px;
}
#menu li a:hover,
#menu li.current a{ background-position: left -33px; text-decoration: none;
}
#menu li a:hover span,
#menu li.current a span{ background-position: right -33px; color: white;
}

/*
#menu li.last a{ padding-left: 17px}
#menu li.last a span{ padding-right: 16px}
*/

/* suivi dossier */
#suivi_dossier{ background: white; color: #6b776c; font-family: "Arial"; padding: 9px 10px 7px 10px; float: left; width: 980px;
}
#suivi_dossier div{ float: left; border-right: 1px solid #616962; 
}
#suivi_dossier div div{ border: 0; padding: 0;}

	#suivi_dossier #suivi_dossier_titre{ text-transform: uppercase; padding: 4px 20px;
	}
	
	#suivi_dossier #suivi_dossier_etapes{ padding:2px 26px ;
	}
	
	#suivi_dossier_etapes span, 
	#suivi_dossier_global span{ display: block; float: left; margin-right: 10px; padding-top: 4px;
	}
	
	#suivi_dossier_etapes .jauge,
	#suivi_dossier_global .jauge{ border: 1px solid #616962; width: 50px;  height: 12px; line-height: 12px; padding: 4px 10px 4px 0; text-align: right; margin-right: 20px; position: relative; overflow: hidden;
	}
	#suivi_dossier_etapes .jauge span,
	#suivi_dossier_global .jauge span{ color: #006911; margin: 0; float: none; padding: 0 0 0 3px; display: inline;}
	
	#suivi_dossier #suivi_dossier_global{ border: 0; padding:2px 0 2px 25px;}

	/* jauges */
	#suivi_dossier .jauge .valeur{ width: 50px; position: absolute; top: 4px; left: 0; z-index: 2;
	}
	#suivi_dossier .jauge .couleur{ position: absolute; top:0; left: 0; height: 20px; background: #a8c30f; z-index: 1; overflow: hidden;
	}