@charset "UTF-8";
/* CSS Document */


/*-------------------------------------------------------------------------------+
+ Page liste des offres                                                          +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-emploi-liste .colonne-gauche {
	width: 690px;
}

.page-emploi-liste .colonne-droite {
	width: 300px;
}


/* Module "Dernières offres" *******************************************/

.page-emploi-liste #module-dernieres-offres h1 {
	background: url(../../img/titres/tt-dernieres-offres-L.png) no-repeat left top;
}

.page-emploi-liste #module-dernieres-offres .bt-rss {
	position: absolute;
	top: 18px;
	left: 236px;
}

.page-emploi-liste #module-dernieres-offres #liste-offres {
	background: url(../../img/divers/1px-E3E3E3.gif) repeat-y center bottom;
	margin: 0 -10px 0 -10px;
	overflow: hidden;
}


/* Offre en majeur */

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur {
	position: relative;
	background-color: #FFFFFF;
	width: 660px;
	min-height: 120px;
	margin-bottom: -10px;
	padding: 10px 0 20px 10px;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur:after {
	content: " ";
    clear: both;
	background: #FFFFFF url(../../img/separateurs/sep-hor-gris-660.gif) no-repeat left bottom;
    display: block;
	width: 100%;
    height: 1px;
	padding-top: 25px;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur .date {
	margin-bottom: 3px;
	color: #9F9F9F;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur h3 {
	margin-bottom: 10px;
	padding-right: 200px;
	font-size: 1.7em;
	line-height: 1.2em;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur h3 a {
	text-decoration: none;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur h3 a:hover {
	text-decoration: underline;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur h3 a:active {
	color: #418BD5;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur ul li {
	margin-bottom: 4px;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur ul li.societe {
	font-size: 1.3em;
	margin-bottom: 12px;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur ul li span {
	font-weight: bold;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur .logo-societe {
	position: absolute;
	top: 2em;
	right: 10px;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur .logo-societe img {
	width: 160px;
	height: 100px;
	border: 3px solid #E2E2E2;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur .logo-societe:hover img {
	border-color: #BFBFBF;
}

.page-emploi-liste #module-dernieres-offres #liste-offres #offre-majeur .logo-societe:active img {
	border-color: #418BD5;
}


/* Offres en mineur */

.page-emploi-liste #module-dernieres-offres #liste-offres .offre {
	float: left;
	position: relative;
	width: 225px;
	min-height: 9em;
	padding: 15px 100px 10px 10px;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre .date {
	margin-bottom: 3px;
	color: #9F9F9F;
	font-size: 0.9em;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre h3 {
	margin-bottom: 3px;
	font-size: 1.2em;
	line-height: 1.2em;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre h3 a {
	text-decoration: none;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre h3 a:hover {
	text-decoration: underline;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre h3 a:active {
	color: #418BD5;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre ul li {
	margin-bottom: 3px;
	color: #9F9F9F;
	font-size: 0.9em;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre ul li span {
	font-weight: bold;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre ul li.societe {
	margin-bottom: 10px;
	color: #000000;
	font-size: 1em;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre .logo-societe {
	position: absolute;
	top: 20px;
	right: 15px;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre .logo-societe img {
	width: 80px;
	height: 50px;
	border: 2px solid #E2E2E2;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre .logo-societe:hover img {
	border-color: #BFBFBF;
}

.page-emploi-liste #module-dernieres-offres #liste-offres .offre .logo-societe:active img {
	border-color: #418BD5;
}



/*-------------------------------------------------------------------------------+
+ Page liste des offres par métier                                               +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-emploi-liste-metier .colonne-gauche {
	width: 690px;
}

.page-emploi-liste-metier .colonne-droite {
	width: 300px;
}


/* Module "Offres par métiers" (liste des offres) **********************/

.page-emploi-liste-metier #module-liste-offres h1 {
	background: url(../../img/titres/tt-offres-par-metiers-L.png) no-repeat left top;
}

.page-emploi-liste-metier #module-liste-offres #nom-metier {
	margin-left: -5px;
}

.page-emploi-liste-metier #module-liste-offres #nom-metier strong {
	font-style: italic;
}

.page-emploi-liste-metier #module-liste-offres .lien-bouton {
	position: absolute;
	top: 7px;
	right: 10px;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres {
	background: url(../../img/divers/1px-E3E3E3.gif) repeat-y center bottom;
	margin: 20px -10px 0 -10px;
	overflow: hidden;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre {
	float: left;
	position: relative;
	width: 225px;
	min-height: 9em;
	padding: 15px 100px 10px 10px;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre .date {
	margin-bottom: 3px;
	color: #9F9F9F;
	font-size: 0.9em;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre h3 {
	margin-bottom: 3px;
	font-size: 1.2em;
	line-height: 1.2em;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre h3 a {
	text-decoration: none;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre h3 a:hover {
	text-decoration: underline;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre h3 a:active {
	color: #418BD5;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre ul li {
	margin-bottom: 3px;
	color: #9F9F9F;
	font-size: 0.9em;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre ul li span {
	font-weight: bold;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre ul li.societe {
	margin-bottom: 10px;
	color: #000000;
	font-size: 1em;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre .logo-societe {
	position: absolute;
	top: 20px;
	right: 15px;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre .logo-societe img {
	width: 80px;
	height: 50px;
	border: 2px solid #E2E2E2;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre .logo-societe:hover img {
	border-color: #BFBFBF;
}

.page-emploi-liste-metier #module-liste-offres #liste-offres .offre .logo-societe:active img {
	border-color: #418BD5;
}

.page-emploi-liste-metier #module-liste-offres .pagination ul {
	float: right;
	margin-right: -5px;
}



/*-------------------------------------------------------------------------------+
+ Page détail d'une offre                                                        +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-emploi-detail .colonne-gauche {
	width: 690px;
}

.page-emploi-detail .colonne-droite {
	width: 300px;
}


/* Module entête de l'offre ********************************************/

.page-emploi-detail #module-entete-offre .lien-bouton {
	position: absolute;
	top: 7px;
	right: 10px;
}

.page-emploi-detail #module-entete-offre #infos-offre {
	background: url(../../img/separateurs/sep-hor-gris-960.gif) no-repeat left bottom;
	min-height: 25px;
	margin: -7px 0 20px 0;
	overflow: hidden;
}

.page-emploi-detail #module-entete-offre #infos-offre p {
	float: left;
	margin-right: 10px;
	padding: 3px 10px 3px 0;
	color: #9F9F9F;
	font-style: italic;
}

.page-emploi-detail #module-entete-offre #infos-offre p#date-publication-offre {
	border-right: 1px solid #E2E2E2;
}

.page-emploi-detail #module-entete-offre #infos-offre p span {
	font-weight: bold;
	font-style: normal;
}

.page-emploi-detail #module-entete-offre #resume-offre {
	float: left;
	width: 500px;
	margin-right: 30px;
}

.page-emploi-detail #module-entete-offre #resume-offre h1 {
	font-size: 2em;
	margin-bottom: 15px;
}

.page-emploi-detail #module-entete-offre #resume-offre ul li {
	font-size: 1.2em;
	margin-bottom: 8px;
}

.page-emploi-detail #module-entete-offre #resume-offre ul li span {
	font-weight: bold;
}

.page-emploi-detail #module-entete-offre #info-societe {
	position: relative;
	float: left;
	width: 260px;
	padding-top: 0.5em;
}

.page-emploi-detail #module-entete-offre #info-societe h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}

.page-emploi-detail #module-entete-offre #info-societe #url {
	display: block;
	margin-bottom: 20px;
	color: #9F9F9F;
	text-decoration: none;
}

.page-emploi-detail #module-entete-offre #info-societe #url:hover {
	text-decoration: underline;
}

.page-emploi-detail #module-entete-offre #info-societe #url:active {
	color: #000000;
}

.page-emploi-detail #module-entete-offre #info-societe #nom-contact-societe {
	display: block;
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 1.1em;
}

.page-emploi-detail #module-entete-offre #info-societe #telephone-contact-societe {
	display: block;
	background: url(../../img/puces/telephone-gris-s.gif) no-repeat 2px center;
	min-height: 18px;
	padding: 3px 0 0 19px;
}

.page-emploi-detail #module-entete-offre #info-societe #email-contact-societe {
	display: block;
	background: url(../../img/puces/enveloppe-gris-s.gif) no-repeat left center;
	min-height: 18px;
	padding: 3px 0 0 19px;
}

.page-emploi-detail #module-entete-offre #info-societe #email-contact-societe a {
	text-decoration: none;
}

.page-emploi-detail #module-entete-offre #info-societe #email-contact-societe a:hover {
	text-decoration: underline;
}

.page-emploi-detail #module-entete-offre #info-societe #email-contact-societe a:active {
	color: #418BD5;
}

.page-emploi-detail #module-entete-offre #info-societe img {
	position: absolute;
	top: 0;
	right: -170px;
	width: 160px;
	height: 100px;
	border: 2px solid #E2E2E2;
}


/* Module de détail de l'offre *****************************************/

.page-emploi-detail #module-detail-offre {
	font-size: 1.1em;
}

.page-emploi-detail #module-detail-offre h2 {
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
}

.page-emploi-detail #module-detail-offre #mission h2 {
	background-image: url(../../img/titres/st-mission.png);
	margin-top: 0;
}

.page-emploi-detail #module-detail-offre #profil h2 {
	background-image: url(../../img/titres/st-profil-souhaite.png);
	margin-top: 25px;
}

.page-emploi-detail #module-detail-offre #la-societe h2 {
	background-image: url(../../img/titres/st-la-societe.png);
	margin-top: 25px;
}

.page-emploi-detail #module-detail-offre h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-emploi-detail #module-detail-offre p {
	line-height: 1.4em;
}

.page-emploi-detail #module-detail-offre ul, .page-emploi-detail #module-detail-offre ol {
	margin-bottom: 0.7em;
}

.page-emploi-detail #module-detail-offre ul li, .page-emploi-detail #module-detail-offre ol li {
	background: url(../../img/puces/superieur-noir-s.gif) no-repeat 5px 0.5em;
	padding: 3px 0 3px 15px;
	line-height: 1.4em;
}

.page-emploi-detail #module-detail-offre #share-this {
	margin: 20px 0 0 0;
	font-size: 0.9em;
}

.page-emploi-detail #module-detail-offre #share-this a {
	color: #9F9F9F;
	text-decoration: none;
	line-height: 16px;
}

.page-emploi-detail #module-detail-offre #share-this a:hover {
	color: #288227;
	text-decoration: underline;
}

.page-emploi-detail #module-detail-offre #share-this a:active {
	color: #000000;
}



/*-------------------------------------------------------------------------------+
+ Page déposer une offre                                                         +
+-------------------------------------------------------------------------------*/

/* Module entête du formulaire *****************************************/

.page-emploi-deposer-offre #module-entete-formulaire h1 {
	background: url(../../img/titres/tt-deposer-offre-L.png) no-repeat left top;
}

.page-emploi-deposer-offre #module-entete-formulaire #intro {
	float: left;
	width: 330px;
	margin-right: 30px;
}

.page-emploi-deposer-offre #module-entete-formulaire #intro p {
	line-height: 1.4em;
}


/* Tarifs */

.page-emploi-deposer-offre #module-entete-formulaire #tarifs {
	float: left;
	width: 350px;
	margin: -10px 40px 0 0;
}

.page-emploi-deposer-offre #module-entete-formulaire #tarifs table caption {
	background: url(../../img/titres/st-tableau-tarifs.png) no-repeat left top;
	height: 15px;
}

.page-emploi-deposer-offre #module-entete-formulaire #tarifs table .colonne1 {
	width: 160px;
	color: #9F9F9F;
}

.page-emploi-deposer-offre #module-entete-formulaire #tarifs table .colonne2 {
	width: 190px;
	font-style: italic;
	color: #418BD5;
}

.page-emploi-deposer-offre #module-entete-formulaire #tarifs table td {
	padding: 6px 0 6px 0;
	vertical-align: middle;
	line-height: 1.4em;
	border-bottom: 1px solid #E2E2E2;
}

.page-emploi-deposer-offre #module-entete-formulaire #tarifs table td .montant {
	font-size: 1.2em;
}

.page-emploi-deposer-offre #module-entete-formulaire #tarifs table .dernier td {
	border-bottom: none;
}


/* Besoin d'aide ? */

.page-emploi-deposer-offre #module-entete-formulaire #besoin-aide {
	float: left;
	background: url(../../img/separateurs/sep-ver-gris-135.gif) no-repeat left center;
	width: 185px;
	min-height: 110px;
	margin-top: -25px;
	padding-left: 25px;
}

.page-emploi-deposer-offre #module-entete-formulaire #besoin-aide h2 {
	background: url(../../img/titres/tt-besoin-aide-S.png) no-repeat left top;
	margin-left: 0;
}

.page-emploi-deposer-offre #module-entete-formulaire #besoin-aide p {
	line-height: 1.4em;
}

.page-emploi-deposer-offre #module-entete-formulaire #besoin-aide p #numero-aide {
	display: block;
	background: url(../../img/puces/telephone-gris-s.gif) no-repeat left center;
	min-height: 18px;
	margin-top: 10px;
	padding: 0 0 3px 16px;
	font-size: 1.4em;
	font-weight: bold;
}


/* Étapes */

.page-emploi-deposer-offre #etapes {
	overflow: hidden;
	margin-bottom: 35px;
}

.page-emploi-deposer-offre #etapes li {
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	height: 32px;
}

.page-emploi-deposer-offre #etapes li#etape1 {
	width: 350px;
}

.page-emploi-deposer-offre #etapes li#etape2 {
	width: 373px;
}

.page-emploi-deposer-offre #etapes li#etape3 {
	width: 237px;
}



/* Module formulaire étape 1 *******************************************/

/* Étapes */

.page-emploi-deposer-offre #module-formulaire-etape1 #etapes li#etape1 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape1-ON.png);
}

.page-emploi-deposer-offre #module-formulaire-etape1 #etapes li#etape2 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape2-OFF.png);
}

.page-emploi-deposer-offre #module-formulaire-etape1 #etapes li#etape3 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape3-OFF.png);
}


/* Cas sans javascript */

.page-emploi-deposer-offre #module-formulaire-etape1 #message-javascript {
	background: url(../../img/puces/attention-rouge-m.gif) no-repeat left center;
	padding: 5px 0 5px 30px;
	font-weight: bold;
	color: #FF0000;
}

.page-emploi-deposer-offre #module-formulaire-etape1 #message-javascript p {
	margin-bottom:  0;
}


/* Fomulaire */

.page-emploi-deposer-offre #module-formulaire-etape1 form #infos-champs-obligatoires {
	font-style: italic;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset {
	margin: 25px 0 35px 0;
	padding-left: 10px;
	overflow: hidden;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset legend span {
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px; /* correction du bug de Firefox qui ne permet pas de dimensionner la balise legend */
	height: 23px;
	margin-left: -10px;
	padding-bottom: 15px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset#tfa_descriptiondupos legend span {
	background-image: url(../../img/titres/st-infos-poste.png);
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset#tfa_socit1 legend span {
	background-image: url(../../img/titres/st-infos-societe.png);
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .colonne1 {
	float: left;
	width: 415px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .colonne2 {
	float: left;
	width: 535px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne {
	padding: 5px 0 5px 0;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne label {
	display: block;
	padding-bottom: 7px;
	font-size: 1.1em;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne label .precision {
	font-size: 0.8em;
	color: #9F9F9F;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne input[type=text] {
	width: 320px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .colonne2 .ligne textarea {
	width: 460px;
	height: 160px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne span .oneChoice {
	display: block;
	padding-bottom: 3px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne span .oneChoice input {
	margin-right: 5px; 
	vertical-align: bottom;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne span .oneChoice label {
	display: inline;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne #tfa_Tlphonedelaperso {
	width: 100px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne #tfa_Ndadhrent {
	width: 100px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne input[type=text].errFld, .page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne textarea.errFld {
	border: 1px solid #FF0000;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form fieldset .ligne .errMsg {
	padding-top: 3px;
	font-weight: bold;
	color: #FF0000;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form #validation {
	position: relative;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form #validation #info-charte-emploi {
	padding-right: 270px;
	color: #418BD5;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form #validation #info-charte-emploi strong {
	display: block;
	margin-bottom: 5px;
	font-size: 1.2em;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form #validation #info-charte-emploi a {
	font-weight: bold;
	color: #418BD5;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form #validation #info-charte-emploi a:hover {
	color: #000000;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form #validation #bouton-validation-formulaire {
	position: absolute;
	top: 5px;
	right: 5px;
}

.page-emploi-deposer-offre #module-formulaire-etape1 form #validation #bouton-validation-formulaire #submit- {
	background: none;
	width: 256px;
	height: 25px;
	border: none;
}


/* Module formulaire étape 2 *******************************************/

/* Étapes */

.page-emploi-deposer-offre #module-formulaire-etape2 #etapes li#etape1 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape1-OK.png);
}

.page-emploi-deposer-offre #module-formulaire-etape2 #etapes li#etape2 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape2-ON.png);
}

.page-emploi-deposer-offre #module-formulaire-etape2 #etapes li#etape3 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape3-OFF.png);
}


/* Fomulaire */

.page-emploi-deposer-offre #module-formulaire-etape2 #choix h2 {
	background-repeat: no-repeat;
	background-position: left top;
	height: 23px;
	margin: 0 0 15px 0;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre h2 {
	background-image: url(../../img/titres/st-etes-membre-entreprise.png);
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-non-membre h2 {
	background-image: url(../../img/titres/st-etes-pas-membre-entreprise.png);
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix {
	background: url(../../img/divers/1px-E3E3E3.gif) repeat-y center bottom;
	overflow: hidden;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .infos {
	width: 430px;
	margin-bottom: 20px;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre {
	float: left;
	width: 465px;
	padding-right: 15px;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre #choix-tarif {
	margin-bottom: 20px;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre #choix-tarif li {
	margin-bottom: 5px;
	padding-left: 10px;
	overflow: hidden
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre #choix-tarif li a {
	display: block;
	float: left;
	background: url(../../img/puces/case-cocher-OFF.gif) no-repeat left center;
	padding: 7px 0 7px 22px;
	text-decoration: none;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre #choix-tarif li a:hover {
	text-decoration: underline;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre #choix-tarif li a:active, .page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre #choix-tarif li a.coche-on {
	background-image: url(../../img/puces/case-cocher-ON.gif);
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-membre #cas-offre-gratuite {
	padding-left: 10px;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer {
	padding-bottom: 30px;
	overflow: hidden;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer li {
	float: left;
	padding-left: 50px
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer li.payer-en-ligne {
	background: url(../../img/divers/emploi-deposer-offre/illus-en-ligne.gif) no-repeat 5px 5px;
	width: 172px;
	padding-right: 10px;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer li.payer-par-cheque {
	background: url(../../img/divers/emploi-deposer-offre/illus-par-cheque.gif) no-repeat 5px 5px;
	width: 182px;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer li strong {
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer li.payer-en-ligne strong {
	background-image: url(../../img/divers/emploi-deposer-offre/st-paiement-en-ligne.png);
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer li.payer-par-cheque strong {
	background-image: url(../../img/divers/emploi-deposer-offre/st-paiement-par-cheque.png);
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer li span {
	display: block;
	font-size: 0.9em;
	color: #9F9F9F;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix .type-payer li .bt-emploi-payer-paypal input {
	background: none;
	width: 134px;
	height: 45px;
	border: none;
	cursor: pointer;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-non-membre {
	float: left;
	width: 465px;
	padding-left: 15px;
}

.page-emploi-deposer-offre #module-formulaire-etape2 #choix #entreprise-non-membre .type-payer {
	padding-top: 10px;
}


/* Module formulaire étape 3 *******************************************/

/* Étapes */

.page-emploi-deposer-offre #module-formulaire-etape3 #etapes li#etape1 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape1-OK.png);
}

.page-emploi-deposer-offre #module-formulaire-etape3 #etapes li#etape2 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape2-OK.png);
}

.page-emploi-deposer-offre #module-formulaire-etape3 #etapes li#etape3 {
	background-image: url(../../img/divers/emploi-deposer-offre/etape3-ON.png);
}


/* Merci */

.page-emploi-deposer-offre #module-formulaire-etape3 #merci {
	margin-bottom:  40px;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #merci h2 {
	background: url(../../img/titres/st-merci.png) no-repeat left top;
	margin: 0 0 5px 0;
}


/* Paiement par chèque */

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque {
	margin-bottom:  40px;
	overflow: hidden;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque h2 {
	background: url(../../img/titres/st-choisi-payer-cheque.png) no-repeat left top;
	margin: 0 0 5px 0;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque .phase {
	float: left;
	width: 320px;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque .phase p {
	text-align: center;
	padding: 0 35px 0 35px;
	font-size: 1.1em;
	line-height: 1.4em;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque .phase p.precision {
	padding: 0;
	font-size: 0.9em;
	font-style: italic;
	color: #9F9F9F;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque #numero1 p {
	padding-top: 0.7em;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque #numero1 .bt-emploi-telecharger-bdc {
	margin: 20px 0 10px 77px;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque #numero2 #adresse-postale {
	padding: 5px 0 0 70px;
	text-align: left;
	font-style: italic;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque #numero2 #adresse-postale strong {
	font-size: 1.2em;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #process-paiement-cheque #numero3 {
	background: url(../../img/divers/emploi-deposer-offre/illus-48h.gif) no-repeat center bottom;
	padding-bottom: 55px;
}


/* Avantages membre */

.page-emploi-deposer-offre #module-formulaire-etape3 #avantages-membre {
	margin-bottom: 20px;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #avantages-membre h3 {
	background: url(../../img/divers/emploi-deposer-offre/st-pas-encore-membre.png) no-repeat left top;
	width: 346px;
	height: 30px;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #avantages-membre ul {
	margin-bottom: 15px;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #avantages-membre ul li {
	background: url(../../img/puces/valide-noir-xs.gif) no-repeat 5px center;
	padding: 5px 0 5px 23px;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #avantages-membre .accroche {
	font-size: 1.2em;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #avantages-membre .accroche a {
	font-weight: bold;
}

.page-emploi-deposer-offre #module-formulaire-etape3 #avantages-membre .accroche a:hover {
	color: #418BD5;
}



/*-------------------------------------------------------------------------------+
+ Page "Charte emploi"                                                           +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-emploi-charte-emploi-detail .colonne-gauche {
	width: 690px;
}

.page-emploi-charte-emploi-detail .colonne-droite {
	width: 300px;
}


/* Module de détail de la page *****************************************/

.page-emploi-charte-emploi-detail #module-detail-charte-emploi {
	font-size: 1.1em;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi h1 {
	background: url(../../img/titres/tt-charte-emploi-L.png) no-repeat left top;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi p {
	line-height: 1.3em;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi ul, .page-emploi-charte-emploi-detail #module-detail-charte-emploi ol {
	margin-bottom: 0.7em;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi ul li, .page-emploi-charte-emploi-detail #module-detail-charte-emploi ol li {
	background: url(../../img/puces/superieur-noir-s.gif) no-repeat 5px 0.7em;
	padding: 3px 0 3px 15px;
	line-height: 1.3em;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi a {
	color: #418BD5;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi a:hover {
	color: #9F9F9F;
}

.page-emploi-charte-emploi-detail #module-detail-charte-emploi a:active {
	color: #000000;
}



/*-------------------------------------------------------------------------------+
+ Page "Networking Interactif"                                                   +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-emploi-networking-interactif-detail .colonne-gauche {
	width: 690px;
}

.page-emploi-networking-interactif-detail .colonne-droite {
	width: 300px;
}


/* Module de détail de la page *****************************************/

.page-emploi-networking-interactif-detail #module-detail-networking-interactif {
	font-size: 1.1em;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif h1 {
	background: url(../../img/titres/tt-networking-interactif-L.png) no-repeat left top;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif p {
	line-height: 1.3em;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif ul, .page-emploi-networking-interactif-detail #module-detail-networking-interactif ol {
	margin-bottom: 0.7em;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif ul li, .page-emploi-networking-interactif-detail #module-detail-networking-interactif ol li {
	background: url(../../img/puces/superieur-noir-s.gif) no-repeat 5px 0.7em;
	padding: 3px 0 3px 15px;
	line-height: 1.3em;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif a {
	color: #418BD5;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif a:hover {
	color: #9F9F9F;
}

.page-emploi-networking-interactif-detail #module-detail-networking-interactif a:active {
	color: #000000;
}