/* ----------------------------------
     CSS du site Placement étudiant
	 créé par Élo, le 26/03/2008
	 modifs, refonte - VM 20100317
	
   -------------------------------- */

/* ---------------------------
     1. Nettoyage
   ------------------------- */
*			{margin:0; padding:0;}

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

body		{font-family:Arial, Helvetica, sans-serif; /*font-size:100%;*/}

p			{color:#003467; font-size:77%; margin:0 0 0.7em 0;}

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

h1			{color:#bc3708; font-size:108%; margin:0 0 0.7em 0;}
h2			{color:#4A6A88; font-size:85%; margin:0 0 0.7em 0;}
h3			{color:#003467; font-size:75%; margin:0 0 0.7em 0;}
h4			{color:#003467; font-size:75%; margin:0 0 0.7em 0.7em;}

.invisible{position:absolute; left:-3000em; top:-3000em;}

ul			{}
li			{font-size:75%;}
ul li ul li	{font-size:100%;}

hr			{border:1px dashed #cee858; height:1px;}
sup			{vertical-align:top;}

blockquote	{color:#003467; margin:1.5em 0 -0.5em; }

img	{border:none;}  
   
/* ---------------------------
     3. PIV haut
   ------------------------- */
#piv_haut			{background:#fff url('../images/piv/piv.jpg') no-repeat top right; height:6.25em; margin:0 auto; width:47.5em; z-index:2; position:relative}

#piv_haut .logo		{height:6.25em; width:13.125em; margin:0; padding:0; float:left; clear:right;} 
#piv_haut .logo img	{height:100%; width:100%;}

#piv_haut ul 		{list-style:none; margin:3.5625em 0 0 0; background-color:#003399; color:#fff; padding:0 0 0 1.5625em; line-height:1.2em; width:32em; top:3.5625em; left:13.125em; float:right;}
#piv_haut ul li		{display:inline; margin:0 8px 0 0; padding:0; 
		float:left;}
#piv_haut ul li.piv_droite		{float:right !important;}

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

li.piv_droite		{float:right !important;}

p.mess	{position:absolute;left:18em;top:6.1em;  }
p.mess	a, 
p.mess	a:link,
p.mess a:visited	{color:#039!important;}
p.mess	a:hover,
p.mess	a:focus,
p.mess	a:active
{ text-decoration:underline!important;}

/* ---------------------------
     Barre d'outils
   ------------------------- */
   

ul#outils	{
	position:absolute;
	width:77px;
	height:14px;
	top:25px;
	right:1.75em;
	float:left;
}
ul#outils li	{
	float:left;
	display:inline;
	list-style-type:none;
}

ul#outils li a	{
	background:url(../images/icones/outils.png) no-repeat top right;
	display:block;
	height:14px;
	overflow:hidden;
	float:left;
	text-decoration:none;
	color:#336;
	font-size:85%;

}


ul#outils li a span,
ul#outils li a:link span
{	
	position:absolute;
	left:-9999em;

	
}
ul#outils li a:hover span{
	left:-11em;	
	z-index:1000;
}

ul#outils li#outils-diminuer a	{	
	background-position:0 -14px;
	width:16px;
}
ul#outils li#outils-diminuer a:hover	{
	background-position:0 0;
}

ul#outils li#outils-agrandir a	{	
	
	background-position:-16px -14px;
	width:20px;
}
ul#outils li#outils-agrandir a:hover	{
	background-position:-16px 0;
}


ul#outils li#outils-imprimer a	{

	background-position:-36px -14px;
	width:19px;
}
ul#outils li#outils-imprimer a:hover	{
	background-position:-36px 0;
}


ul#outils li#outils-envoyer a	{
	width:22px;
	background-position:-55px -14px;
}
ul#outils li#outils-envoyer a:hover	{
	background-position:-55px 0;
}

/* ---------------------------
     Formulaire - Envoyer à un ami
   ------------------------- */
#ami	form fieldset	{border:1px dashed #ddef8a; padding:0.7em; margin:0.5em;} 
#ami	form legend	{color:#4A6A88; font-size:85%; font-weight:bold;} 
#ami	form label	{color:#003467; display:block; } 


/* ---------------------------
     4. Conteneurs
   ------------------------- */
   
#conteneur-principal	{background-image:url(../images/bkgd-principal.gif); background-repeat:repeat-x; background-position:bottom; width:100%;}
#conteneur-secondaire	{margin:0 auto; width:51em; position:relative;}

#colonne-gauche			{float:left; width:15.5em; position:relative;}
#colonne-droite			{
	background-color:#ffffff;
	background-image:url(../images/bas-contenu.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	float:left;
	margin:0 0 6em 0;
	padding:0 0 5em 0;
	width:33em;
	position: relative;
}


/* ---------------------------
     5. Zone de menu
   ------------------------- */
   
#colonne-gauche ul		{padding:0 0 1em 0.9em; background: transparent url(../images/menu-background.gif) repeat-y 40px 0; margin-top:1em;}
#colonne-gauche li		{border-bottom:1px solid #489ee7; color:#1d3765; list-style-type:none; padding:0.3em 0 0.3em 4em;}

#colonne-gauche ul li ul	{margin:0 0 0 1.7em; padding:0; background-image:none;}
#colonne-gauche ul li ul li	{border-bottom:none; margin:0; padding:0; list-style-image:url(../images/puces/puce-menu.gif);}

#colonne-gauche a:link,		
#colonne-gauche a:visited	{color:#1d3765; font-weight:bold; text-decoration:none;}
#colonne-gauche a:hover,	
#colonne-gauche a:active,	 
#colonne-gauche a:focus		 {color:#bc3708;}

#colonne-gauche .onglet-actif,	
#colonne-gauche .sous-menu-actif	 {color:#bc3708!important;}
 /*  faut garder ça? (à cause de bug dans IE6)
#colonne-gauche-ligne-verticale		{background:url(../images/menu-background.gif) repeat-y; position:absolute; height:289px;  left:40px; width:1px; z-index:10;}
 */
#colonne-gauche p		{margin:50px 0 0 50px;}
/* ---------------------------
     6. Zone de contenu
   ------------------------- */
   
#colonne-droite p			{margin:0 0 1em 0.7em;}


#contenu					{margin:0; padding:0.7em 1em 4em 0.7em;}
#contenu p					{}

#contenu a:link				{color:#0057a7; text-decoration:underline;}
#contenu a:visited			{color:#003467; text-decoration:underline;}
#contenu a:hover,			 
#contenu a:active,			 
#contenu a:focus			{color:#bc3708; text-decoration:none;}

#contenu ul, #contenu ol	{margin:0.7em 5em 0.7em 2em;}
#contenu ul ul, #contenu ul ul ul	{margin-right:0;}

#contenu li					{color:#003467; list-style-image:url(../images/puces/puce-menu.gif); margin:0 0 0.3em 0;}
#contenu ol li				{color:#003467; list-style-image:none; margin:0 0 0.3em 0;}
#contenu ol li li			{list-style-type:lower-alpha; font-size:105%;}

#contenu li.defaut			{list-style-image:none;}

#iconographie	ul	{margin-left:0.75em;}
#iconographie	li	{list-style-type:none; list-style-image:none; margin-bottom:0.75em;}
#iconographie	li span	{width:25px; display:block; float:left;}


/* Page d'accueil */
#colonne-droite .accueil	{ padding:1em 1em 4em 0.7em;}
#colonne-droite .accueil #pel	{
	background:#fff url(../images/accueil/bkg+btn-pel.jpg) no-repeat 15px 0;
	margin:1em 0 0;   
	width:510px; 
	height:200px;
	overflow:visible;
	position:relative;
	}
#colonne-droite .accueil #pel h2	{margin:5px 0 18px 35px; letter-spacing:0.05em; color:#003467; font-size:123.1%; font-weight:normal;}
#colonne-droite .accueil #pel p	{margin-left:205px; margin-right:10px; }
#colonne-droite .accueil #pel a	{
		position:absolute; 
		left:40px; 
		display:block; 
		width:130px; 
		text-decoration:none; 
		color:#003467; 
		font-weight:bold;
		font-size:93%;
		line-height:1;
		padding:5px;
		text-align:center;}
#colonne-droite .accueil #pel a:hover	{color:#bc3708;}		
		
#colonne-droite .accueil #pel a.trouver{top:50px;}
#colonne-droite .accueil #pel a.recruter{top:120px;}

#colonne-droite .accueil #pei	{background-color:#fff; width:500px; border-top:1px dashed #ff5800; padding:1em 0; margin-left:0.7em}
#colonne-droite #pei h2	{margin:0;}
#colonne-droite #pei h2 a:link,#colonne-droite #pei h2 a:visited	{color:#003467; text-decoration:none;}
#colonne-droite #pei h2 a:hover,#colonne-droite #pei h2 a:active	{color:#bc3708;}

#colonne-droite #pei p	{margin-left:0;}


/* Classes */
.encadre					{border:1px dashed #ddef8a; padding:0.7em; margin:0 0 0.7em 0; float:left; clear:both; width:30em;}
.encres					{border:1px dashed #ff5800; padding:0.7em; margin:0 0 0.7em 0;}

.saut-de-ligne				{display:block; margin:0; padding:0;}
.retrait-droite				{display:block; margin:0; padding:0 0 0 4.5em;}
.centre						{text-align:center;}
.temoignage					{display:block; margin:0.7em 0;}

img.signature				{margin:0 0 1em 2.7em;}
.spacer						{clear:both; height:1px; margin:0; padding:0;}

.attention	{color:#C83708;}

.image-droite	{float:right; margin:0 -5em 1em 1em; clear:right;}

/* ---------------------------
     7. Liste de liens - 
	    colonne droite
   ------------------------- */
   


/* ---------------------------
     8. Liens d'accueil
   ------------------------- 
   
*/

/* ---------------------------
     9. Billet PNG  - modifié par Victor Maximov, le 5 janvier 2009
   ------------------------- */
#billet				{position:relative; bottom:170px; right:-220px; width:454px; margin:400px 0 -400px 0; 	height:360px;}
/*#billet-contenu		{position:relative; height:10px; bottom:320px; right:-467px; width:454px; margin:50px 0 -400px 0; z-index:1;}*/
#billet-contenu		{position:absolute; height:360px; bottom:-120px; right:-100px; width:454px; z-index:1;}

.fond-png	{background: transparent url(../images/billet-geant.png) no-repeat 0;}

#billet-50		{background: transparent url(../images/billet-geant-50.png) no-repeat 0;position:absolute; width:227px; height:180px; bottom:-80px; right:-50px; z-index:1;}
#billet-75		{background: transparent url(../images/billet-geant-75.png) no-repeat 0;position:absolute; width:341px; height:270px; bottom:-100px; right:-80px; z-index:1;}
/* ---------------------------
     10. PIV bas
   ------------------------- */

#piv_bas			{ text-align:center; margin:3em auto; padding:0; width:100%;}
#piv_bas a:link, 
#piv_bas a:visited	{color:#01669A; text-decoration:none;}
#piv_bas a:hover, 
#piv_bas a:active, 
#piv_bas a:focus	{color:#01669A; text-decoration:underline; background-color:transparent;}

/* ----------------------------------------------
	Ajouté par Genevieve B.Bernier, le 26/06/08
-----------------------------------------------*/
.pub_num_haut 	{display:none;}


/* ----------------------------------------------
	Styles d'impression
	Ajouté par Victor Maximov, le 30.09.2009
-----------------------------------------------*/

.impression	{position:absolute; left:-3000em; top:-3000em;}

@media print

{
	body{

		width:100%;		
		margin:0 0 0 2em;
		padding:1em;

	}
	#piv_haut ul, 
	#colonne-gauche,
	#billet,
	.invisible{
		display: none;
	}

	.impression	{position: static;display:block; margin-top:3em; clear:both;}
	.signature	{margin:2em 0;}



	#colonne-droite,
	.accueil,
	#liens-rapides,
	.invisible,
	.logo{
		position: static;
	}
	
	#liens-rapides	{border:1px dashed #ddef8a;}
	
	#piv_bas	{margin-top:0;}
	
	
	.case-gauche p,
	.case-droite p,	
	.case-gauche-en p,
	.case-droite-en p	{padding-top:1em;}


}
/* ----------------------------------------------
	FIN - styles d'impression
-----------------------------------------------*/