/*
	CSS pour EMQ
	Emilie - egzakt.com
	2006-05-17
*/

body {
	background-color:#FFFFFF;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
}

h1 {
	font: 25px/24px Times, 'Times New Roman', Verdana, Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
	margin:0;
}

h2 {
	font: bold 17px/17px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;	
	color:#CC6700;
	margin:0;
}

h3 {
	font: bold 17px/19px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;	
	color:#000000;
	margin:0 0 5px 0;
}

h4 {
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;	
	color:#CC6700;
	margin:0;
}

a {
	cursor:pointer;
	color:#000000;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#DD6A00;
}

img {
	border:0;
}

ul {
	margin:3px 0;
	padding-left:18px;
	list-style-type:square;
}

p {
	margin:0;
	padding:0;
}

#wrapper {
	width:760px;
	margin:0 auto 0 auto;
}


/* ENTETE
----------------------------------------*/
#logo {
	float:left;
	width:211px;
	padding-top:18px;
}

#entete {
	float:right;
	width:549px;
}

#entete div img {
	padding-left:187px;
}

#navigation_haut {
	background-color:#003399;
	padding-left:50px;
}

#navigation_haut a {
	color:#FFFFFF;
	font: 11px/16px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}



/* CONTENU GAUCHE
----------------------------------------*/
#contenu_gauche {
	float:left;
	width:196px;
}

#contenu_gauche_padding {
	margin:0 0 5px 5px;
	padding:10px 7px;
}


a#recherche_emploi {	
	display:block;
	padding:3px 0 3px 35px;
	font: 13px/16px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:2px;
}

a#recherche_emploi:hover {
	text-decoration:underline;
}

a#publications_imt {	
	display:block;
	padding:3px 0 3px 35px;
	font: 13px/16px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:10px;
}

a#publications_imt:hover {
	text-decoration:underline;
}


#services_en_ligne {
	background-color:#FFFFFF;
	padding:3px 9px;
}

#services_en_ligne a {
	text-decoration:none;
	color:#195BB4;
	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
}

#services_en_ligne a:hover {
	text-decoration:underline;
}

#imt_region_accueil {
	text-align:center;
	background-color:#FFFFFF;
	padding-top:10px;
}


/* NAVIGATION RECHERCHE
----------------------------------------*/
#navigation_bas {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

#navigation_bas a img {
	float:left;
	width:13px;
}

#navigation_bas a span {
	float:left;
	width:151px;
}

#navigation_bas a {
	display:block;
	text-decoration:none;
	background-color:#D8E8F5;
	padding:4px;
	border-top:1px solid #FFFFFF;
}

#navigation_bas a:hover {
	background-color:#F0F7FC;
	color:#000000;
}

#navigation_bas a.selected {	
	background-color:#F0F7FC;
}



/* NAVIGATION
----------------------------------------*/
#navigation a img {
	float:left;
	width:13px;
}

#navigation a span {
	float:left;
	width:151px;
}

#navigation a {
	display:block;
	background-color:#E88300;
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:3px 10px;
	border-top:1px solid #F4C180;
	margin-right:5px;
	text-decoration:none;	
}

#navigation a:hover {
	background-color:#ED9700;
}

#navigation a.selected, #navig a.selected:hover {
	background-color:#DC6A00;
}


#navigation a.sous_navig {
	background-color:#F0F0DE;
	color:#000000;
}

#navigation a.sous_navig:hover {
	background-color:#FFFFFF;	
}

#navigation a.sous_navig_selected,#navigation a.sous_navig_selected:hover {
	background-color:#FFFFFF;
	color:#CC6700;
}


/* NAVIGATION SEMAINE EMPLOI
----------------------------------------*/
#navig_semaine {
	width:176px;
	margin-bottom:10px;
}

#navig_semaine ul {
	list-style-type:none;
	margin:0;
	padding:0;
	border-left:1px solid #00a0ec;
	border-right:1px solid #00a0ec;
	font:11px/14px Verdana, Arial, sans-serif;
}

#navig_semaine li {
	display:inline;
}

#navig_semaine li a {
	display:block;
	padding:3px 8px 3px 20px;
	color:#00A0EC;
	text-decoration:none;
	background-color:#fff;
	border-bottom:1px solid #c7e8fa;
	background-image:url(../images/icones/navig_semaine_niv1.gif);
	background-repeat:no-repeat;
	background-position:8px 2px;
}

#navig_semaine li a:hover,
#navig_semaine li a.selected {
	color:#003399;
	background-position:8px -184px;
}

#navig_semaine li .sur_titre {
	padding:3px 8px 3px 20px;	
	color:#fff;
	font-weight:bold;
	background:#369dea url(../images/icones/navig_semaine_niv1.gif) no-repeat 8px -84px;
}

#navig_semaine li a.dernier {
	border:0;
}

/* Niveau 2 */
#navig_semaine ul ul {
	border:0;
	background-color:#e6f5fd;
	padding:2px 10px;
	border-bottom:1px solid #00a0ec;
}

#navig_semaine ul ul li a {
	display:block;
	padding:2px 8px 2px 20px;
	border-bottom:1px solid #fff;
	background-color:#e6f5fd;
	background-image:url(../images/icones/navig_semaine_niv2.gif);
	background-position:9px 6px;
}

#navig_semaine ul ul li a:hover,
#navig_semaine ul ul li a.selected {
	background-position:9px -89px;
}


/* CONTENU DROIT
----------------------------------------*/
#contenu_droit {
	width:549px;
	float:right;	
}


#entete_section {
	width:549px;
	height:160px;
	margin-bottom:15px;
}


#entete_section .section_titre {
	width:260px;
	height:100px;
}

#entete_section h1 {
	padding:13px 0 0 10px;
}

#entete_section .section_sous_titre {
	width:260px;
	height:60px;
}

#entete_section h2 {
	padding:3px 0 0 10px;
}




/* ACCUEIL
----------------------------------------*/
#flash {
	height:325px;
	background-color:#fff;
	margin-bottom:10px;
}

#nouvelle {
	float:left;
	width:191px;
	margin-right:7px;
}

#nouvelle_contenu {
	padding:0 8px 0 10px;
	height:94px;	
}

#nouvelle span.titre {
	font: bold 20px/22px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
}

#nouvelle span.date {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;	
	color:#A2BDE1;
}

#nouvelle a {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#nouvelle a:hover {
	text-decoration:underline;
}



#liste_employeurs {
	float:left;
	width:156px;
	height:109px;
	margin-right:10px;
}

#liste_employeurs div {
	padding:24px 8px 0 10px;	
}

#liste_employeurs a {
	font: 13px/14px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#195BB4;
	text-decoration:none;
}

#liste_employeurs a span {
	font: bold 20px/22px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

#liste_employeurs a:hover {
	text-decoration:underline;
}


#tour_information {
	float:left;
	background-color:#ED9700;
}



/* BOTTOM
----------------------------------------*/
#bottom {
	padding-top:0px;
	text-align:center;
	clear:both;
	background-color:#fff;
}

#bottom img {
	margin-bottom:5px;
}

#bottom a {
	color:#003399;
	font: 10px/12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}

#bottom a:hover {
	text-decoration:underline;
}

#bottom .date {
	font: 10px/10px Arial, Verdana, Helvetica, sans-serif;
	padding:6px 0 0 0;
	text-align:right;
}



/* STATISTIQUES
----------------------------------------*/
.stats {
	width:100%;
	margin-bottom:8px;
}

.stats td {
	background-color:#E1E1BE;
	padding:8px 15px;
	font: 11px/14px Verdana, Helvetica, sans-serif;
}

.stats .entete td {
	font: bold 12px/16px Verdana, Helvetica, sans-serif;
}

.stats .total {
	/*width:100px;*/
	text-align:right;
}

.stats_niv2 {
	width:100%;
	margin-bottom:8px;
}

.stats_niv2 td {
	background-color:#F0F0DE;
	padding:8px 15px;
	font: 11px/14px Verdana, Helvetica, sans-serif;
}

.stats_niv2 .entete td {
	font: 12px/16px Verdana, Helvetica, sans-serif;
}

.stats_niv2 .total {
	/*width:100px;*/
	text-align:right;
}

#sousnavcaracteristique {
	clear:both;
	margin-top:10px;
}

#sousnavcaracteristique a {
	display:block;
	background:#f0f0de;
	float:left;
	margin-right:3px;
	padding:10px 14px;
	text-decoration:underline;
}
#sousnavcaracteristique a:hover, #sousnavcaracteristique a.selected {
	background-color:#e1e1be;
	color:#000;
}
#sousnavcaracteristique a.selected {
	font-weight:bold;
	text-decoration:none;
}


/* SECTEURS
----------------------------------------*/
.liste_secteurs {
	margin-left:20px;
}

.liste_secteurs a {	
	font: 11px/14px Verdana, Helvetica, sans-serif;
	color:#195BB4;
}

.liste_secteurs a:hover {	
	color:#DC6A00;
}

.liste_secteurs span {
	font: 11px/14px Verdana, Helvetica, sans-serif;
	color:#DC6A00;
}

.liste_secteurs_niv2 {
	padding-left:20px;
}



.graphique_titre {
	font: 11px/14px Verdana, Helvetica, sans-serif;
	padding-left:15px;
}



.secteur_entete table {
	width:264px;
}

.secteur_entete {
	font: 12px/14px Verdana, Helvetica, sans-serif;
	margin-top:5px;
}

.secteur_entete a {
	text-decoration:none;
}

.secteur_entete td.nom {
	padding:6px 0 6px 32px;
}

.secteur_entete td.total {
	text-align:right;
	padding-right:12px;
}

.secteur_detail {
	background-color:#E1E1BE;
	width:252px;
	margin-left:12px;
	font: 11px/14px Verdana, Helvetica, sans-serif;	
}

.secteur_detail .padding {
	padding:5px 20px 0 20px;
}

.secteur_detail_niv2 {
	background-color:#F0F0DE;
	width:252px;
	margin-left:12px;
	font: 11px/14px Verdana, Helvetica, sans-serif;	
}

.secteur_detail_niv2 .padding {
	padding:5px 20px 0 20px;
}


.secteur_entete_surcat table {
	width:264px;
}

.secteur_entete_surcat {
	font: bold 12px/14px Verdana, Helvetica, sans-serif;
	margin:5px 0 0 12px;
}

.secteur_entete_surcat .nom {
	padding:5px 0 6px 20px;
}

.secteur_entete_surcat .total {
	text-align:right;
	padding-right:22px;
}


/* PERSPECTIVES
----------------------------------------*/
.liste_perspectives a {
	color:#195BB4;
	font: 11px/18px Verdana, Helvetica, sans-serif;
}

.liste_perspectives a:hover {
	color:#DC6A00;
}

.liste_perspectives span {
	font: 11px/18px Verdana, Helvetica, sans-serif;
	color:#DC6A00;
}

.recherche {
	float:right;
	width:300px;
	text-align:left;
	background-color:#F0F0DE;
	font: 12px/14px 'Trebuchet MS', Verdana, Helvetica, sans-serif;
}

.recherche .champ {
	border:1px solid #A8A791;
}

.recherche .bouton {
	background-color:#E88300;
	border:0;
	font: 11px/14px 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	height:20px;
}

.perspectives .paire {
	background-color:#E1E1BE;
}

.perspectives .impaire {
	background-color:#F0F0DE;
}



/* EMPLOYEURS POTENTIELS
----------------------------------------*/
.recherche_employeurs {
	margin:0;
}

.recherche_employeurs select {
	border:1px solid #000000;
	font: 9px/14px Arial, Verdana, Helvetica, sans-serif;
	padding:2px;
	margin:4px;
}

.recherche_employeurs .bouton {
	background-color:#E88300;
	border:0;
	font: 11px/14px 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	height:20px;
	margin:4px 0 0 4px;
}

.employeurs_cat {
	background-color:#E1E1BE;	
	font: bold 11px/14px Verdana, Helvetica, sans-serif;
	padding:8px 20px;
	margin-bottom:6px;
}

.employeurs_sscat {
	background-color:#F0F0DE;	
	font: bold 11px/14px Verdana, Helvetica, sans-serif;
	padding:5px 20px;
	margin-top:4px;
	color:#E88300;
}

.employeurs_detail {
	float:left;
	width:270px;
}

.employeurs_detail .padding {
	padding:8px 20px 0;
	font: 11px/14px Verdana, Helvetica, sans-serif;
}
.clearcontenu {
	clear:left;
	font-size:4px;
	line-height:4px;
}


/* PUBLICATIONS IMT	
----------------------------------------*/
.form_imt {
	margin:0;
}

.form_imt a {
	display:block;
	float:left;
	background-color:#E1E1BE;
	border-right:1px solid #FFFFFF;
	text-decoration:none;
	color:#E77312;
	font: bold 15px/14px 'Trebuchet MS', Verdana, Helvetica, sans-serif;
	width:258px;
	height:38px;
}

.form_imt a span {
	display:block;
	padding:12px 10px 0 15px;
}

.form_imt a:hover, .form_imt a.selected {
	background-color:#E77312;
	color:#FFFFFF;
}

.form_imt .recherche {
	float:left;
	text-align:center;
	width:290px;
	height:38px;
	background-color:#E1E1BE;
}

.form_imt .padding {
	padding:8px;
}

a.imt_cat, a.imt_cat_selected, a.imt_sscat, a.imt_sscat_selected {
	display:block;
	border-bottom:1px solid #E1E1BE;
	font: 11px/14px Verdana, Helvetica, sans-serif;
	text-decoration:none;
	padding:4px 15px;
}

a.imt_sscat, a.imt_sscat_selected {
	padding:4px 30px;
}

a.imt_cat:hover, a.imt_cat_selected, a.imt_sscat_selected {
	background-color:#FCFCED;
	color:#E77312;
}

.imt_doc {
	padding:5px 15px;
}

.imt_doc a {
	color:#195BB4;
	font: 11px/14px Verdana, Helvetica, sans-serif;
	text-decoration:none;
}

.imt_doc a:hover {
	text-decoration:underline;
	color:#E77312;
}

.imt_doc a span {
	display:block;
	float:left;
}

.imt_doc .desc {
	clear:both;
	margin-left:22px;
	font: 10px/14px Verdana, Helvetica, sans-serif;
}

.imt_doc .iewa { /*IE*/
	float:none;
	text-decoration:none;
	display:inline;
}


/* NOUVELLES
----------------------------------------*/
.nouvelle {
	margin-bottom:20px;
}

.nouvelle a.titre, .nouvelle span.titre {
	font: bold 12px/16px Verdana, Helvetica, sans-serif;
	color:#195BB4;
	text-decoration:none;
}

.nouvelle a:hover {
	text-decoration:underline;
}

.nouvelle .date {
	text-align:left;
	padding:0;
	font: 10px/16px Verdana, Helvetica, sans-serif;
	margin-bottom:3px;
}

.suite a {
	font: 11px/18px Verdana, Helvetica, sans-serif;
}


/* SEMAINE EMPLOI
----------------------------------------*/
#semaine_emploi {
	font:11px/16px Verdana, Arial, sans-serif;
}

#semaine_emploi h2 {
	color:#00A0EC;
	font:bold 17px/19px Verdana, Arial, sans-serif;
	margin:5px 0 8px 0;
}

#semaine_emploi .contenu_padding {
	margin-left:18px;
}

#semaine_emploi .bloc_texte td {
	background-color:#fff;
}

#semaine_emploi h4 {
	color:#00A0EC;
	font:bold 11px/14px Verdana, Arial, sans-serif;
}


/* BLOC TEXTE
----------------------------------------*/
.bloc_texte {
	padding-top:10px;
}

.bloc_texte td {
	background-color:#F0F0DE;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
}

.bloc_texte th {
	background-color:#E1E1BE;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	padding:5px;
}

.bloc_deroulant {
	margin:10px 0;
}

a.lien_deroulant {
	display:block;
	width:532px;
	overflow:hidden;
	height:1%;
	position:relative; /* pour IE6 cliquable pleine longueur */
	color:#0F3200;
	font:11px/14px Verdana, Arial, sans-serif;
	text-decoration:none;
	background:url(../images/boutons/lien_deroulant.gif) no-repeat 0 0;
}

a.lien_deroulant .padding {
	display:block;
	padding:5px 22px 2px 22px;
}

a.lien_deroulant .date {
	float:right;
	width:143px;
	padding-left:12px;
}

a.lien_deroulant:hover,
.bloc_deroulant_selected a.lien_deroulant {
	color:#0F3200;
	background-position:0 -59px;
	text-decoration:underline;
}

.zone_deroulante {
	width:486px;
	padding:15px 22px;
	border:1px solid #C2D833;
	border-top:0;
	font:11px/14px Verdana, Arial, sans-serif;
}

table.tmpl_tableau_emploi {
	width:100%;
}

table.tmpl_tableau_emploi th {
	background-color:#aaddf7;
	color:#195BB4;
	font:bold 10px/12px Verdana, Arial, sans-serif;
	text-align:left;
}

table.tmpl_tableau_emploi td {
	font:10px/12px Verdana, Arial, sans-serif;
	padding:4px 5px;
}

table.tmpl_tableau_emploi tr.paire td {
	background-color:#e6f5fd !important;
}


/* DIVERS
----------------------------------------*/
div.imprimer {
	margin:20px 10px 10px 0;
	text-align:left;
}
div.imprimer a {
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#003399;
}
div.imprimer a span {
	text-decoration:underline;
}
div.imprimer a:hover span {
	color:#000;
}

.petit {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

.liste_entete {
	width:549px;
	height:18px;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}

.liste_entete strong {
	padding-left:8px;
}

.liste_texte {
	background-color:#F0F0DE;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding:10px;
	margin-bottom:8px;
}

.liste_texte strong {
	color:#e77312;
}

.audio {
	position:relative;
}
.audio object {
	position:absolute;
	top:-30px;
	right:10px;
}

.legende {
	float:right;
	padding-left:20px;
	font-size:11px;
}

.legende .lico {
	float:left;
	width:35px;
	text-align:center;
	margin-bottom:4px;
}

.encadre {
	width:70%;
	border:#e1e1be 1px solid;
	background:#f0f0de;
	padding:10px;
	margin:0 auto;
	font-size:11px;
}

.nouveau {
	display:inline;
	margin-left:8px;
	background:transparent url(../images/tuiles/nouveau.gif) no-repeat;
	color:#fff;
	font: 9px/10px Arial, sans-serif;
	padding:1px 10px 3px 6px;
	text-align:center;
}