/* -------------------------------------------
    CSS de la section Pacte Emploi PLUS
	créé le 30/03/2009 - par elo
	
	Journal des modifications :
	-
    
   ------------------------------------------- */


/* --------------------------------
    Balises génériques
   -------------------------------- */
  
*				{margin:0; padding:0;} 
body			{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:100%;}

h1				{font-family:Georgia, "Times New Roman", Times, serif; font-size:95%; margin:0.7em 0;}
h2				{font-size:75%; font-family:Georgia, "Times New Roman", Times, serif;}

p				{font-size:75%; margin:0 0 0.7em 0;}

ul				{}
li				{}

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

sup				{vertical-align:top;}

.spacer			{clear:both; margin:0; padding:0;}
.retrait		{display:block; margin:0; padding:0;}
.icone			{border:none; vertical-align:top;}

   
   

/* --------------------------------
    PIV haut
   --------------------------------
   
#piv-haut		{margin:0 auto;}
#menu_piv		{text-align:left; background-color:#003399; padding:0 40px; margin:0; line-height:15px;}
#menu_piv li	{display:inline;padding:0 5px;}
#menu_piv a		{color:#fff;font: normal 11px 'Arial Narrow', Arial, Helvetica, sans-serif;letter-spacing:.1em;text-decoration:none;}	
 */
/* PIV HAUT ------------------------------------------*/
#hautPage 			{
	height: 100px;
	background:#fff url(/images/piv/entete.jpg) no-repeat right top;
	position:relative;
	width: 869px;
	margin: 0 auto;
}
  
#hautPage 	img		{border:none;	
}
#hautPage 	a		{ font-size:77%; color: #039;
}

ul#menu_piv 		{margin: 0;padding: 2px 0 2px 0;
					width: 650px;
					list-style-image: none;
					list-style-type: none;
					background-color: #039;
					position:absolute;
					top:57px; 
					right:0;
					overflow:hidden;}

ul#menu_piv li 		{float:left;padding:0 3px 0 3px; list-style-image:none;}

ul#menu_piv li.lang	{float: right;}

ul#menu_piv a 		{padding: 0 3px;
					line-height: 1.4em;					
					text-decoration: none;
					color: #fff;
					float: left; display: block;}

ul#menu_piv a:visited {color: #fff;}

ul#menu_piv a:hover {color: #fff; text-decoration:underline; background-color: transparent;}

ul#menu_piv a:active {color: #fff;}

 
#lienmess	{position:absolute; left:220px;  top:6.25em;}

/* --------------------------------
    Conteneurs
   -------------------------------- */
#conteneur-principal		{background-color:#fcf6e8; background-image:url(../images/bkgd-centre.gif); background-repeat:repeat-x; margin:0; padding:0;}
#entete-conteneur			{width:760px; margin:0 auto; text-align:right; padding:0;}
#entete-conteneur img		{margin:20px 0 0 0; padding:0;}

/* --------------------------------
    Entête et bas de page
   -------------------------------- */
#entete			{background-image:url(../images/image-entete.jpg); background-repeat:no-repeat; background-position:center; height:119px; margin:0; padding:0;}
#bas-de-page	{background-image:url(../images/image-bas-de-page.jpg); background-repeat:no-repeat; background-position:center; height:76px; margin:0; padding:0; float:left; width:100%;}


/* --------------------------------
    Menu
   -------------------------------- */
#menu			{background-image:url(../images/separateur.gif); background-repeat:no-repeat; background-position:bottom left; font-family:Georgia, "Times New Roman", Times, serif; font-size:90%; font-weight:bold; padding:0.5em 1em; margin:0 0 0.5em 0;}
#menu ul		{}
#menu li		{background-color:#fcf1a8; background-image:url(../images/menu-premier-niveau.gif); background-repeat:repeat-x; background-position:bottom; display:inline; padding:0.3em 45px; line-height:30px; border-right:1px solid #f5d16f; border-left:1px solid #f5d16f; margin:0 2px;}

#menu a:link	{color:#000; text-decoration:none;}
#menu a:visited	{color:#000; text-decoration:none;}
#menu a:hover	{color:#000; text-decoration:underline;}
#menu a:active	{color:#000; text-decoration:underline;}
#menu a:focus	{color:#000; text-decoration:underline;}
   
#menu .cell_actif {border-bottom:1px solid #000000;}
#menu a:link.cell_actif	{color:#000; text-decoration:none;}
#menu a:visited.cell_actif 	{color:#000; text-decoration:none;}
#menu a:hover.cell_actif 	{color:#000; text-decoration:none;}
#menu a:active.cell_actif 	{color:#000; text-decoration:none;}
#menu a:focus.cell_actif	{color:#000; text-decoration:none;}

/*li.cell_actif		{border-bottom:4px solid #990000;}*/
/* --------------------------------
    Contenu
   -------------------------------- */
#contenu		{background-image:url(../images/centre-test.png); background-repeat:repeat-y; width:886px; margin:0 auto; padding:0;}
#contenu-top	{background-image:url(../images/top-test.png); background-repeat:no-repeat; background-position:top; height:25px; width:886px; margin:0 auto;}
#contenu-bas	{background-color:none; background-image:url(../images/bas.gif); background-repeat:no-repeat; background-position:bottom; height:38px; width:886px; margin:0 auto;}

#texte			{float:left; width:590px; padding:5px 5px 5px 35px; line-height:1.3em; background-image:url(../images/cadre.gif); background-repeat:no-repeat; background-position:top center;}
#texte img		{margin:0; padding:0;}

#texte p		{padding:0 20px 0 0;}
#texte h2		{margin:1em 0 0.7em 0;}

#texte ul		{margin:0 20px 0.7em 2em;}
#texte li		{list-style-image:url(../images/puces/puce.gif); font-size:75%; margin:0.5em 0 0.9em 0;}

#colonne-droite	{float:left; width:220px;}


/* Encadré ligne téléphonique PRO EMPLOIS */
#encadre-telephone		{background-image:url(../images/encadres/telephone.gif); background-repeat:no-repeat; width:200px; height:125px; margin:0 0 0.3em 0;}
#encadre-telephone h2	{padding:18px 0 5px 10px;}
#encadre-telephone p	{padding:10px 0 0 50px; margin:0; text-align:center;}
#encadre-telephone p.gauche		{text-align:left; padding:5px 0 0 80px; margin:0;}

/* Encadré "Pour en savoir plus" */
#encadre-savoir-plus		{background-image:url(../images/encadres/bkgd-savoir.gif); background-repeat:repeat-y; width:200px; margin:0;}
#encadre-savoir-plus h2		{background-image:url(../images/encadres/bkgd-entete-savoir.gif); background-repeat:repeat-x; width:182px; padding:5px 0 0 10px; margin:1px 5px 0 3px; height:27px;}
#encadre-savoir-plus ul		{font-size:75%; margin:1em 0.6em 0.7em 3em;}
#encadre-savoir-plus li		{list-style-image:url(../images/puces/puce.gif); margin:0.9em 0 0 0;}
#encadre-savoir-plus-bas	{background-color:#fff; background-image:url(../images/encadres/bas-encadre-savoir.gif); background-repeat:no-repeat; height:8px; width:200px; margin:0; padding:0;}

/* Encadré Vidéo du ministre */
#encadre-video		{background-image:url(../images/encadres/video.gif); background-repeat:no-repeat; width:200px; height:121px; margin:0; padding:0;}
#encadre-video h2	{padding:10px 0 0 10px;}
#encadre-video p	{padding:15px 0 0 75px; margin:0; text-align:left;}

/* Encadré "Visitez le site Pacte pour l'emploi" */
#encadre-visite			{background-image:url(../images/encadres/visite.gif); background-repeat:no-repeat; width:200px; height:77px;}
#encadre-visite h2		{color:#fff; padding:10px 0 0 10px;}
#encadre-visite ul		{font-size:75%; margin:1.2em 0 0 3em;}
#encadre-visite li		{list-style-image:url(../images/puces/puce.gif); margin:0.9em 0 0 0;}

/* Publicité - bouton Pandemie - VM */
.pub	{margin:1em 0 0 38px;}


/* --------------------------------
    PIV bas
   -------------------------------- */
#piv-bas			{margin:1em 0;}
.petittexte 		{color:#000; font-size: 65%; margin-bottom: 3px; margin-left:0;}
#piv-bas a:link		{color:#003399; text-decoration:none;}
#piv-bas a:visited	{color:#003399; text-decoration:none;}
#piv-bas a:hover	{color:#003399; text-decoration:underline;}
#piv-bas a:active	{color:#003399; text-decoration:underline;}
#piv-bas a:focus	{color:#003399; text-decoration:underline;}