/* ----------------------------
  Css créé par Élo
  - le 22 septembre 2007 -
  
  Journal :
  22/09/2007 - Création
  26/09/2007 - Ajout de styles pour la présentation des tableaux de données
  19/10/2007 - Ajoute classes pour les fiches (section liste certificats) (Ge B.B.)
 -----------------------------*/

/* ----------------------------
  1. Balises génériques
 -----------------------------*/

*				{margin:0; padding:0; background-image:none;}

body			{font-family:Arial, Helvetica, sans-serif; font-size:100%; height:100%; margin:0; padding:0;}
html			{height:100%;}

a:link			{}
a:visited		{}
a:hover			{}
a:active		{}
a:focus			{}

ul				{}
li				{}

em				{font-style:italic;}
strong			{font-weight:bold;}

.impression		{display:none;}


/* ----------------------------
  2. Conteneurs généraux
 -----------------------------*/

#principal		{background-color:#ffffff; height:100%; width:40.5625em;}

#gauche			{background-color:#ffffff; float:left; clear:right; height:100%; width:10.175em;}
#droite			{float:left; height:100%; overflow:visible; padding:1em 0 5em 0; width:30.3875em;}

#espace-impression	{display:none;}
#signature-guide	{display:block;}


/* ----------------------------
  2. Zone de contenu
 -----------------------------*/
 
#contenu			{background-color:#ffffff; padding:0.9em 0.7em;}

#contenu h1			{font-size:110%; margin:0.7em 0 0.9em 0;}
#contenu h2			{font-size:93%; margin:0.7em 0;}
#contenu h3			{font-size:85%;margin:0.7em 0;font-style:italic;font-weight:normal;}

#contenu p			{font-size:75%; margin:0 0 0.8em 0;}

#contenu ul			{font-size:75%; margin:0 0 0 1.3em;}
#contenu li			{margin:0 0 0.4em 0;}

#contenu ul li ul	{font-size:105%;}

#contenu a:link		{color:#314B58; text-decoration:underline;}
#contenu a:visited	{color:#314B58; text-decoration:underline;}
#contenu a:hover	{background-color:#EAF4F9; color:#000000; text-decoration:none; border-bottom:1px dashed #2C637F;}
#contenu a:active	{background-color:#EAF4F9; color:#000000; text-decoration:none; border-bottom:1px dashed #2C637F;}
#contenu a:focus	{background-color:#EAF4F9; color:#000000; text-decoration:none; border-bottom:1px dashed #2C637F;}

#contenu .titre-principal	{color:#000000; font-family:Georgia, "Times New Roman", Times, serif;}


/* ----------------------------
  3. Onglets
 -----------------------------*/

#onglets				{color:#ffffff; font-size:80%; font-weight:bold; text-align:right; padding:0 0.5em 0 0;}

#onglets ul				{}
#onglets li				{display:inline; list-style-type:none;}

#onglets a:link, 
#onglets a:visited, 
#onglets a:hover, 
#onglets a:active, 
#onglets a:focus		{color:#ffffff; margin:0; padding:0 0.7em 0 2em; text-decoration:none;}

#onglets a:hover, 
#onglets a:active, 
#onglets a:focus		{text-decoration:underline;}


/* ----------------------------
  4. Menu
 -----------------------------*/
 
#gauche h2				{font-family:Georgia, "Times New Roman", Times, serif; font-size:100%; margin:1em 0 0.7em 0.9em;}

#gauche ul				{margin:1em 0 1em 1em;}
#gauche li				{list-style-image:url(../images/general/puce.gif);}


#principal .photo-haut	{width:100%; height:7.3em;}
#principal .photo-bas	{width:100%; height:15.625em;}

#menu					{font-size:80%; margin:0 0.3em 0 0; padding:0 0 0 1em;}

#menu dl				{margin:0; padding:0;}
#menu dt				{margin:0; padding:1em 0 0 0.3em;}

#menu ul li				{margin:0 0 0.2em 0; padding:0 0 0 0;}
#menu ul li ul li		{font-weight:normal; border:none; margin:0 0 0.1em 0; padding:0 0 0 0; list-style-image:url(../images/puces/troisieme-niveau.gif);}

#menu a:link			{color:#000000; text-decoration:none;}
#menu a:visited			{color:#000000; text-decoration:none;}
#menu a:hover			{color:#000000; text-decoration:underline;}
#menu a:active			{color:#000000; text-decoration:underline;}
#menu a:focus			{color:#000000; text-decoration:underline;}

#menu ul li.menu-gras				{font-weight:bold; list-style-image:none; list-style-type:none;}
#menu ul li.menu-gras a:hover		{font-weight:bold; list-style-image:none; list-style-type:none; text-decoration:underline;}
#menu ul li.menu-principal	{font-weight:bold; border-bottom:1px solid #000000; margin:0.7em 0;}

#menu dl dt.menu-retour		{padding-left:1em;} 

#menu .menu-active		{font-weight:bold; list-style-image:url(../images/test/puce-gris.gif);}
.cache					{position:absolute; left:-9000px; top:0;}


/* ----------------------------
  5. Tableaux de données
 -----------------------------*/
 
table					{border:1px solid #000000; border-collapse:collapse; border-spacing:0px; font-size:75%; margin-bottom:1em; width:100%;}
td						{border:1px solid #000000; border-collapse:collapse; border-spacing:0px; text-align:left; padding:0.2em;}
th						{border:1px solid #000000; border-collapse:collapse; border-spacing:0px; text-align:center; padding:0.2em;}
 
 
/* ----------------------------
  6. Classes (fiches liste certificats + liste des métiers (apprentissage qua.)+aide)
 -----------------------------*/
 
.formatListe			{padding:0 0 0 2em;}
.ptTexteItalique		{font-style:italic; padding:0 0 0 2em;}
.secApprentissage		{font-style:italic; padding:1em 0 0 1em;}
.italique				{font-style:italic;}
.lienRetourHautPage		{font-size:0.8em; margin:1em 0 1em 23em;}
.zoneListeTravail		{border:1px solid #6DB6DC; padding:0.2em;margin:5px 0 5px 0;}
.petitTexte				{font-size:0.8em;}
.listeNum				{list-style:decimal;padding:0 0 0 0.6em;}


/* ----------------------------
  7. PIV
 -----------------------------*/
 
#piv-bas				{color:#000000; font-size:65%; margin:1em 0 2em 0; text-align:center;}
#piv-bas img			{border:none;}	

#piv-bas a:link			{color:#000000; display:block; text-decoration:none;}
#piv-bas a:visited		{color:#000000; display:block; text-decoration:none;}
#piv-bas a:hover		{color:#000000; display:block; text-decoration:underline;}
#piv-bas a:active		{color:#000000; display:block; text-decoration:underline;}
#piv-bas a:focus		{color:#000000; display:block; text-decoration:underline;}
 
 

/* ----------------------------
  8. Divers
 -----------------------------*/

.spacer			{clear:both; height:1px; margin:0; padding:0;}
.text-align-g td, .text-align-g th 	{text-align:left;}
.statusicon		{display:none; visibility:hidden;}