/* Généralités  */

body, p, form, div, .normal {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
    border: none;
	padding: 0px;
}
table, tr, td, th {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
h1, h2 {
	font-family: arial, sans-serif;
	font-weight: bold;
	margin: 0px;
    border: none;
	padding: 0px;
}
.enteterech {
	/* Utilisé surtout dans les pages de recherche */
	font-size: 14px;
	color: #336;
	border-bottom: #336 5px solid;
	margin-bottom: 1.4em;
}
.sousenteterech {
	/* Utilisé surtout dans les pages de recherche */
	font-size: 11px;
	color: black;
	border-bottom: #000 5px solid;
	margin: 0.6em 0px 0.4em 0px;
}
h2.condtitr {
	/* Utilisé dans la page de conditions d'utilisations seulement */
	font-size: 11px;
    font-weight: bold;
	color: black;
	margin: 1.2em 0px;
}
h3 {
	/* Utilisé dans la page d'inscription d'offre/candidature étudiante et de stage */
	font-size: 12px;
    font-weight: bold;
	color: black;
	margin: 1.2em 0px 0px 0px;
}
ul {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.precssancetud {
	padding-left: 15px;
	margin-left: 0px;
}

ul.level2 {
	list-style-type: circle;
	margin-left: 5em;
}

img {
	border: none;
}

div.bodygen {			/* Normalement sur le tag Body mais IE n'aime pas le width dessus */
	margin-left: 5px;
	width: 770px;
	background-color: white;
}
hr.btnsep {
	border: none;
	background-color: #336;		/* Coloration standard du HR */
	color: #336;				/* Coloration IE non standard du HR */
	height: 5px;
	width: 100%;
}
body {
	background-color: white;
}
em {
	font-style: normal;
	color: #f00;
}
strong {
	font-weight: bold;
}
a { 
	color: #00f;
	text-decoration: none;
}
a:visited {
	color: #800080;
}
a:hover {
	text-decoration: underline;
}
.tablebord {
	border: gray 1px solid;
}
.msg td, .msg ul, .msg li {
	font-size: 12px;
	color: #336;
}
.msg a, a.pgactive {
	font-weight: normal;
	font-size: 14px;
	color: #00f;
	text-decoration: none;
}
.msg a:visited, a.pgactive:visited {
	color: #800080;
}
.msgnouv td, .msgnouv ul, .msgnouv li {
	font-weight: bold;
	font-size: 12px;
	color: #F00;
}


/* Info-Bulle */
.signinfobulle {
	cursor: help;
	border-bottom: 1px dashed #00f;
	color: #00f;
}



/* Classes pour les boutons de navigation */
.boutonsnav {
	margin-top: 0.2em;
	text-align: right;
}
.boutonsnav input {
	margin-left: 0.4em;
}
.btnnorm, .btndisabled {
	font-family: arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0 0.35em;
	color: white;
	cursor: pointer;
	background-color: #009;
	/* Les propriétés width et overflow ici servent à corriger le bug IE qui étire démesurément les boutons */ 
	width: auto;
	overflow: visible;
}
.btndisabled {
	color: black;
	background-color: #bbd7e4;
	cursor: default;
}



table.donnees {
	color: #336;
	background-color: white;
}
table.donnees td, table.donnees th {
	vertical-align: top;
	text-align: left;
}
table.donnees th {
	background-color: #faeed7;
	font-weight: bold;
}
table.donnees tr {
	background-color: #fdf4e3;
}
table.donnees tr.l2 {
	background-color: #faeed7;
}



.contenu, .contnsondg, .contnportl {
	width: 100%;
	background: #FCF6EB url(/mbe/images/onglet/ongletdegradebas.gif) repeat-x bottom left;
}
.contenu p {
	margin-bottom: 1.4em;
}
.bonglet {
	height: 15px;
	background: transparent url(/mbe/images/onglet/ongletcoinig.gif) no-repeat bottom left;
}
.bonglet div {
	height: 15px;
	background: transparent url(/mbe/images/onglet/ongletcoinid.gif) no-repeat bottom right;
}

/* Cette classe sert à sortir d'un float sans que IE crée des espaces de trop (Encore un bug IE) */
.brclear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
}

/* Cette classe sert à remonter un élément pour le coller sur le titre (l'onglet) qui le précéde */
.hdrsuite {
	margin-top: -1.4em;
	margin-bottom: 1.4em;
}



/* Lien imt */
a.imtlien {
	display: block;
	border: black 1px solid;
	background: white;
	height: 50px;
	width: 200px;
	margin: 0px 0px 0px 565px;	/* sans le bug IE, on pourrait remplacer "565px" par "auto" (pour aligner à droite) */
	text-align: center;
}
a.imtlien img {
	margin-top: 2px;
}

#imtcnplien {
	margin: 0px 0px 0px auto;
	width: 490px;
	background: transparent url(/mbe/images/flech.gif) no-repeat top left;
	text-align: right;		/* Pour IE5 seulement */
}
a.imtliencomplet {
	display: block;
	margin-left: 68px;
	border: black 1px solid;
	background: white;
	height: 50px;
	width: 420px;
	line-height: 1.5em;
	text-align: left;
}
a.imtliencomplet img {
	float: left;
	margin: 2px 30px 0px 2px;
}
a.imtliencomplet p {
	margin: 6px 2px 0px 15px;
	text-align: left;
}









/* Onglet (h1) */

/*\*//*/
div.onglet div div {display: inline-table;}		
div.onglet div div div {display: block;}
/* Hack: seulement IE_Mac voit la déclaration ci-dessus */

div.onglet {
	margin-bottom: 1.4em;
	width: 100%;
	background: white url(/mbe/images/onglet/ongletbas.gif) repeat-x bottom left;
	text-align: left;
}
div.onglet div {
	/* 1er div: coin de droite */
	width: 100%;
	background: transparent url(/mbe/images/onglet/ongletcoinsd2.gif) no-repeat bottom right;
}
div.onglet div div {
	/* 2e div: coin intérieur */
	width: 50%;
	padding-right: 7px;
	background: transparent url(/mbe/images/onglet/ongletcoinint.gif) no-repeat bottom right;
}
div.onglet div div div {
	/* 3e div: coin haut droite */
	display: block;
	float: right;
	padding: 0px;
	width: 8px;
	height: 31px;		/* ceci sert de simulation de "min-height" (voir plus bas) */
	background: #FC6 url(/mbe/images/onglet/ongletcoinsd.gif) no-repeat top right;
}
div.onglet h1 {
	font-size: 14px;
	color: #336;
	margin: 0px;
	border: none;
	padding: 2px 0px 2px 8px;
	background: #FC6 url(/mbe/images/onglet/ongletcoinsg.gif) no-repeat top left;
}
/* pour que le height du float fonctionne comme un min-height */
div.onglet>div>div:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}






/* Sous-Onglet (h2) */

/*\*//*/
div.songlet div, div.songletpm div {display: inline-table;}
div.songlet div div, div.songletpm div div {display: block;}
/* Hack: seulement IE_Mac voit la déclaration ci-dessus */

/* La class "songletpm" diffère de "songlet" juste dans le fait qu'elle n'a pas de marges haut et bas */
div.songlet, div.songletpm {
	position: relative;		/* Pour pouvoir positionner des éléments de façon "absolute" par rapport à ce div */
	text-align: left;
	width: 100%;
	background: transparent url(/mbe/images/onglet/songletbas.gif) repeat-x bottom left;
}
div.songlet 
{
	clear: both;
	margin: 1.4em 0em;
}
div.songlet div, div.songletpm div {
	/* 1er div: coin intérieur */
	width: 50%;
	padding-right: 4px;
	background: transparent url(/mbe/images/onglet/songletcoinint.gif) no-repeat bottom right;
}
div.songlet div div, div.songletpm div div {
	/* 2e div: coin haut droite */
	float: right;
	width: 4px;
	padding: 0px;
	height: 18px;		/* ceci sert de simulation de "min-height" (voir plus bas) */
	background: #009 url(/mbe/images/onglet/songletcoinsd.gif) no-repeat top right;
}
div.songlet h2, div.songletpm h2 {
	margin: 0px;
	border: none;
	font-size: 14px;
	color: white;
	padding: 0px 0px 0px 4px;
	background: #009 url(/mbe/images/onglet/songletcoinsg.gif) no-repeat top left;
}
/* pour que le height du float fonctionne comme un min-height. */
div.songlet>div:after, div.songletpm>div:after {
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
	line-height: 0px;
    visibility: hidden;
}
div.songlet p.nboffrs, div.songletpm p.nboffrs {
	position: absolute;
	bottom: 4px;
	left: 50%;
	margin: 0px;
	padding-left: 8px;
}
div.songlet p.oblig, div.songletpm p.oblig {
	position: absolute;
	margin: 0px;
	bottom: -1.3em;
}






/* Onglets pour choisir les infos des dossier du chercheur d'emploi ou de l'employeur */
ul.ongletliens {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 50px;
	list-style-type: none;
	background: #fc6 url(/mbe/images/onglet/ongletdegrade.gif) repeat-x left bottom;
}
ul.ongletliens li {
	float: left;
	width: 22%;
	height: 50px;
	background: url(/mbe/images/onglet/ongletsgorange.gif) no-repeat left top;
}
ul.ongletliens li.actif {
	background-color: #fcf6eb;
}
ul.ongletliens li.inactif {
	background-color: #009;
}
ul.ongletliens a, ul.ongletliens span {
	display: block;
	height: 28px;		/* doit-être spécifié pour IE */
	padding: 11px 0px;	/* Total height = 11+14+14+11=50px */
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: transparent url(/mbe/images/onglet/ongletsdorange.gif) no-repeat right top;
}
ul.ongletliens a, ul.ongletliens a:visited {
	color: #fcf6eb;
}
ul.ongletliens a:hover {
	text-decoration: underline;
}
ul.ongletliens span {
	color: #009;
}

/* Liste de régions sur 2 colonnes */
.regnlist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.regnlist .regncol1 {
	margin-right: 8px;
	float: left;
}
.regnlist li {
	clear: both;
}
.regnlist ul li {
	clear: none;
}


/* Liste des domaines d'emploi sur 2 colonnes */
.listdomnempl ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.listdomnempl .colgauche {
	margin-right: 8px;
	float: left;
}
.listdomnempl .coldroite {
}






/* Encadre */

.encadre {
	background: #fde3ae url(/mbe/images/onglet/ongletcoinig.gif) no-repeat bottom left;
}
.encadre2 {
	background: #FCF6EB url(/mbe/images/onglet/ongletcoinig.gif) no-repeat bottom left;
}
.encadre div, .encadre2 div {
	background: transparent url(/mbe/images/onglet/ongletcoinid.gif) no-repeat bottom right;
}
.encadre div div, .encadre2 div div {
	background: transparent url(/mbe/images/onglet/ongletcoinsd.gif) no-repeat top right;
}
.encadre div div div, .encadre2 div div div {
	background: transparent url(/mbe/images/onglet/ongletcoinsg.gif) no-repeat top left;
	padding: 4px;
}
.encadre div div div div, .encadre2 div div div div {
	background: none;
	padding: 0px;
}
/* Patch pour bug IE \*/
* html .encadre div div div, * html .encadre2 div div div {height: 1%;}
* html .encadre div div div div, * html .encadre2 div div div div {height: auto;}
/* Fin de la patch pour bug IE */






/* Bandeau standard PIV */
div.piv {
	position: relative;
	height: 100px;
}
div.piv div {
	font-family: "arial narrow", sans-serif;
}

div.eqlogo {
	position: absolute;
	top: 22px;
	left: 5px;
}

/* placementlogo est utilisé dans le site normal tandis que */
/* placementlogosupp est utilisé dans le site formation */
div.placementlogo, div.placementlogosupp {
	position: absolute;
	left: 206px;
	height: 57px;
	width: 564px;
	text-align: right;
}
div.placementlogo {
	background: white url(/mbe/images/piv/placphoto.jpg) no-repeat;
}
div.placementlogosupp {
	background: white url(/mbe/images/piv/placphoto_supp.jpg) no-repeat;
}

/* stagedecvrband est utilisé dans le site normal tandis que */
/* stagedecvrbandsupp est utilisé dans le site formation */
div.stagedecvrband, div.stagedecvrbandsupp {
	position: absolute;
	left: 436px;
	height: 57px;
	width: 334px;
	text-align: right;
}

div.stagedecvrband {
	background: white url(/mbe/images/piv/stagedecvrphoto.gif) no-repeat;
}

div.stagedecvrbandsupp {
	background: white url(/mbe/images/piv/stagedecvrphoto_supp.gif) no-repeat;
}

div.lienspiv {
	position: absolute;
	top: 57px;
	left: 206px;
	height: 15px;
	width: 564px;
	text-align: left;
	color: white;
	background: #009;
	letter-spacing: 0.1em;
}
div.lienspiv div {
	position: absolute;
	top: 0px;
	left: 50px;		/* Besoin d'un div intérieur seulement pour la marge de 50px (à cause d'IE5 et IE55) */
}
div.lienspiv a, div.lienspiv a:hover, div.lienspiv a:visited {
	text-decoration: none;
	color: white;
}

div.tracepiv {
	position: absolute;
	top: 72px;
	left: 206px;
	width: 564px;
	text-align: left;
}
/* Sera utilisé seulement si on change le nom du Ministère pour du texte pure au lieu d'une image.
   (ce qui devrait être normalement!!!!)
	div.tracepiv a {
		color: black;
		letter-spacing: 0.1em;
		text-decoration: none;
	}
*/

/* Menu Entête propre à Placement */
div.menuplacement {
	height: 20px;
	text-align: right;
}

/* Menu Entête propre aux stages Découvrir*/
div.menustagedecvr {
	height: 100px;
}

div.stagedecvrlogo, div.stagedecvrlogosupp {
	position: absolute;
	left: 600px;
	height: 100px;
	width: 160px;
}

hr.sepbanner {
	display: none;
}

/* Pied de page standard PIV */
div.pied {
	padding-top: 1em;
	text-align: center;			/* pour IE bug (margin: auto ne fonctionne pas) */
}

div.pied hr {
	border: none;
	background-color: #009;		/* Coloration standard du HR */
	color: #009;				/* Coloration IE non standard du HR */
	height: 1px;
}
div.pied p {
	width: 570px;
	margin: 5px auto;
	text-align: center;
}

/* Styles pour le menu dyanmique */
.menuskin {
    position: absolute;
    top: 114px;
    left: 432px;
    width: 220px;
    visibility: hidden;
    background-color: #d5e6ee;
    font-family: arial;
    font-weight: normal;
    font-size: 11px;
    border: black 1px solid;
    z-index: 100;
    text-decoration: none;
	text-align: left;
}
.menuskin a, .menuskin a:visited {
    padding-right: 10px;
    padding-left: 10px;
    color: black;
	text-decoration: none;
}
.menuitems {
    padding-right: 3px;
    padding-left: 3px;
    color: black;
    text-decoration: none;
	text-align: left;
}
#menumouseoverstyle {
    background-color: highlight;
}
#menumouseoverstyle A {
    color: white;
	text-decoration: none;
}


/* Propre aux portails */
.contnportl {
	position: relative;
}
.contnportl p, .contnportl ul {
	margin-top: 1.4em;
}
.portlsect {
	width: 90%;
}
.portlsect p {
	margin-left: 40px;
}
.portlsect .liens {
	list-style-type: none;
}
.portlsect .liens li {
	margin: 0 0 0.4em 1em;
	padding: 0 0 0 1em;
	background: transparent url(/mbe/images/img_arrow.gif) no-repeat 0px 5px;
}
.portlsect .conslliens {
	margin: 0.3em 0 0 8em;
	padding: 0;
}
.portlsect .conslliens .liens {
	position: relative;
	top: -1.2em;
	left: 8.3em;
	margin: 0;
	padding: 0;
}

.portlsect .guidesempl {
	position: relative;
	height: 4em;			/* Ajuster cette propriété en fonction du nombre de lignes (chaque ligne = environ 1.3em) */
}
.portlsect .guidescher {
	position: relative;
	height: 2.6em;			/* Ajuster cette propriété en fonction du nombre de lignes (chaque ligne = environ 1.3em) */
}
.portlsect .guidesliens {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 11em;
}
.portlsect .guidesliens li {
	background: none;
	margin: 0;
	padding: 0;
}

.contnportl .logos, .contnportl .logosangl {
	position: absolute;
	bottom: 6em;
	right: 0;
	margin: 0;
	padding: 0;
}
.contnportl .logosangl {
	bottom: 5.25em;
}
.contnportl .logos img, .contnportl .logosangl img {
	margin-right: 0.9em;
}

.messavert {
	text-align: center;
	color: #F00;
	margin: 0px 0px 15px 0px;
	padding-top: 1em;
}
.etudnotice {
	float: right;
	margin-right: 50px;
	width: 140px;
    border: #009 1px solid;
	padding: 4px;
	text-align: center;
}
.candnotice {
	float: right;
	margin-right: 20px;
	width: 200px;
    border: #009 1px solid;
	padding: 4px;
	text-align: center;
}


/* Onglet Login */
.loginportailappr {
	text-align: center;
}
.ongletlogin {
	margin: 0px auto;
	width: 270px;
	background: #fc6 url(/mbe/images/onglet/ongletcoinig.gif) no-repeat bottom left;
}
.ongletlogin .onglet {
	margin: 0px;
}
.ongletlogin .onglet div div {
	width: 75%;
}
.ongletlogin .onglet div div div {
	width: 8px;
}
.ongletlogin .onglet h2 {
	border: none;
	font-size: 14px;
	color: #336;
	margin: 0px;
	padding: 2px 8px 0px 8px;
	background: #FC6 url(/mbe/images/onglet/ongletcoinsg.gif) no-repeat top left;
	min-height: 27px;
}
.ongletlogin .onglet p {
	padding: 0px 8px;
}
.olcontenu {
	padding-bottom: 8px;
	background: transparent url(/mbe/images/onglet/ongletcoinid.gif) no-repeat bottom right;
}
.olcontenu hr {
	width: 95%;
	border: none;
	background-color: white;	/* Coloration standard du HR */
	color: white;				/* Coloration IE non standard du HR */
	height: 1px;
}
.olcontenu p {
	padding: 2px 0px;
}







/* Propre à la recherche de produits (offres & cands) */
.contnrechrprod {
	width: 100%;
}
.contnrechrprod td {
	width: 50%;
	vertical-align: top;
}
.contnrechrprod p {
	margin-left: 15px;
}
.contnrechrprod ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style: none;
}
.contnrechrprod .encadre ul {
	padding-left: 4px;
}
.contnrechrprod .encadre ul ul {
	padding-left: 15px;
}
/* Liste de Critère facultatifs sur 2 colonnes */
.rechrfaclt .label {
	float: left;
	width: 80px;
	padding-top: 5px;
}
.rechrfaclt .ctrl {
	margin-left: 80px;
	padding-top: 5px;
}
/* Hack pour IE/WIN \*/
* html .rechrfaclt li {height: 1%;}
/* Fin du hack pour IE/WIN */





/* Propre au dossier employeur */
ul.dossemplropt {
	margin: 0px;
	padding: 0px;
	list-style: url(/mbe/images/img_arrow.gif) disc;
}
ul.dossemplropt li {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}





/* Propre au sondage */
.contnsondg ul {
	margin: 0px 0px 0px 100px;
	padding: 0px;
	border: none;
	list-style: none;
}
.contnsondg p {
	margin: 1em 0px 0px 100px;
}




/* Propre à la publication d'une offre */
.paraminit {
	float: left;
	width: 50%;
	margin-right: 3px;
}
.paramnew {
	margin-left: 50%;
}
.budgtactuel {
	border: gray 1px solid;
	text-align: center;
	padding: 1em 0;
}
.changrespn {
	border: gray 1px solid;
	text-align: center;
	padding: 2em 0;
	line-height: 2em;
}



/* Tableau des disponibiliter */
table.disponibiliter {
    border-right: gray 1px solid;
    border-bottom: gray 1px solid;
    text-align: center;
}
table.disponibiliter td {
    border-left: gray 1px solid;
    border-top: gray 1px solid;
}
table.disponibiliter td.premierecel {
    border-left: none;
    border-top: none;
}



/* Propre à la page d'inscription de l'offre */
.tradvalorgn {
	background: transparent url(/mbe/images/title_line2.gif) no-repeat bottom left;
	padding-bottom: 0.4em;
}
.inscroffrtype, .inscroffrtype li ul {
	list-style-type: none;
	margin: 0px 0px 0px 35px;
	padding: 0px;
	border: none;
}
.inscroffrtype li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
.labeloblg {
	font-weight: bold;
	color: red;
}





/* Propre à l'inscription d'une candidature */
.insccanddomnempl {
	margin-left: 10px;
}
.insccanddomnempl .listdomnempl {
	margin-left: 20px;
}



/* Style pour la page de recherche avancée */
.encadrerechavanc {
	list-style: none;
	margin: 0px 0px 0px 12px;
	padding: 0px
}

.rechpardomnempl .listdomnempl {
	margin-left: 5px;
}
.rechpardomnempl .colgauche {
	margin-right: 30px;
}





/* Propre à la recherche par mot clé */
.motclerechr {
	font-weight: bold;
}





/* Propre à la sélection aléatoire */
.selctaletrsect {
	margin: 0px 0px 1.4em 20px;
}
.selctaletrsect table {
	margin: 0px 0px 0px 20px;
}
.selctaletrsect ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.selctaletrsect .encadre {
	margin: 0px 20px 1.4em 0px;
}
.selctaletrcol1, .selctaletrcol2 {
	margin: 0px 0px 1.4em 0px;
	padding: 0px;
}
.selctaletrcol1 ul, .selctaletrcol2 ul {
	margin-left: 20px;
}
.selctaletrcol1 {
	float: left;
	width: 50%;
}
.selctaletrcol2 {
	margin-left: 50%;
}
/* Hack pour IE/WIN \*/
* html .selctaletrcol2 { height: 1%; }
/* Fin du hack pour IE/WIN */





/* Style pour afficher les critères de recherche de candidatures */ 
.rsltcritrechcand {
	position: relative;
}
.rsltcritrechcand .btntoutvisual {
	position: absolute;
	right: 0;
	bottom: -6px;		/* -6 pour ne pas empiéter sur la ligne d'au dessus */
}
/* Hack pour IE/WIN \*/
* html .rsltcritrechcand { height: 1%; }
/* Fin du hack pour IE/WIN */