/*html {
	overflow-y: scroll;
}*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding: 0px;
	background-image: url(/images/j4st/fond.jpg);
	background-repeat: repeat-x;
	width: 1000px;
	margin: 0px auto;
	background-color: #e4e4e4;
}

tbody {
	font-size: 12px;
	color: #333333;
}

* {
	margin: 0px;
	padding: 0px;
}

ul, 
ol{
	padding-left: 25px;
}

img {
	border: 0;
}

#contenu p:first-letter {
	text-transform: uppercase;
}
.clear{
	clear:both;
	}

input[type="submit"]{
	background-color: transparent;
	}
/*-------------------------formulaire----------------*/
form {
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding: 0px
}

.champs,input[type="text"],
input[type="password"],
select,textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	padding: 1px;
	border: 1px solid #CCCCCC;
	margin: 5px 5px 1px 0px;
}
/* --------------------------------------------------------------- boutons ---------------------------------------------------*/
a.postulation,
input.postulation[type="submit"] {
	width: 250px;
	height: 27px;
	background-image:url(/images/j4st/pictos/postuler.png);
	background-repeat: no-repeat;
	text-transform:uppercase;
	text-align:left;
	padding: 13px 0 0 40px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	}
a.postulation:hover,
input.postulation[type="submit"]:hover {
	background-image:url(/images/j4st/pictos/postuler_over.png);
	color:#FFF;
	}	
a.question,
input.question[type="submit"],
div.question input.passwordXL[type="submit"]{
	width: 250px;
	height: 27px;
	background-image:url(/images/j4st/pictos/poser_question.png);
	background-repeat: no-repeat;
	text-transform:uppercase;
	text-align:left;
	padding: 13px 0 0 40px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	}
a.question:hover,
input.question[type="submit"]:hover,
div.question form input.passwordXL[type="submit"]:hover{
	background-image:url(/images/j4st/pictos/poser_question_over.png);
	color:#FFF;
	}
a.faireSuivre,
input.faireSuivre[type="submit"],
div.faireSuivre{
	width: 250px;
	height: 27px;
	background-image:url(/images/j4st/pictos/suivre_ami2.png);
	background-repeat: no-repeat;
	text-transform:uppercase;
	text-align:left;
	padding: 13px 0 0px 45px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	}

a.faireSuivre:hover,
input.faireSuivre[type="submit"]:hover,
div.faireSuivre:hover{
	background-image:url(/images/j4st/pictos/suivre_ami2_over.png);
	color:#FFF;
	}	
a.envoyerMail,
input.envoyerMail[type="submit"]{
	width: 250px;
	height: 27px;
	background-image:url(/images/j4st/pictos/mail.png);
	background-repeat: no-repeat;
	text-transform:uppercase;
	text-align:left;
	padding: 13px 0 0 40px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	}
a.envoyerMail:hover,
input.envoyerMail[type="submit"]:hover{
	background-image:url(/images/j4st/pictos/mail_over.png);
	color:#FFF;
	}
	
a.voirTout,
input.voirTout[type="submit"]{
	width: 250px;
	height: 28px;
	background-image:url(/images/j4st/pictos/toutes_annonces.png);
	background-repeat: no-repeat;
	text-transform:uppercase;
	text-align:left;
	padding: 13px 0 0 40px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	}
a.voirTout:hover,
input.voirTout[type="submit"]:hover{
	background-image:url(/images/j4st/pictos/toutes_annonces_hover.png);
	color:#FFF;
	}
input.postulation[type="submit"],
input.question[type="submit"],
div.question form input.passwordXL[type="submit"],
input.faireSuivre[type="submit"],
input.envoyerMail[type="submit"],
input.voirTout[type="submit"]{
	height: 41px;
	font-size: 12px;
	padding: 0 0 0 40px;
	vertical-align:top;
	margin: 0;
	}
/*--------------- bouton bleu --------------*/
.shlp {
	border: 1px solid #CCCCCC;
	margin-top: 3px;
	margin-bottom: 5px;
	background-color: #ececec;
	padding: 0;
}
.shlp td{
	margin: 0;
	padding: 0 0 0 4px;
}
.shlp a.boutonBleu {
	border: 0;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 20px;
	text-transform: uppercase;
	text-align: center;
	padding: 4px 0 0 0;
	background-image: url(../images/j4st/boutons/bouton_170_bleu.png);
	display:block;
	margin: 0;
}

.shlp a.boutonBleu:hover{
	background-image: url(/images/j4st/boutons/bouton_170_gris.png);
	color:#FFF;
}	
/*--------------- spécial --------------*/
input.boutonL,
input[type="button"],
{
	border: 0;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 20px;
	width: 170px;
	text-transform: uppercase;
	text-align: center;
	background-image: url(/images/j4st/boutons/bouton_L.png);
}

input.boutonL:hover, 
input[type="button"]:hover {
	background-image: url(/images/j4st/boutons/bouton_L_hover.png);
	color:#FFF;
}
/*--------------- demi L----------------*/
a.suivreL , 
input.suivreL , 
a.rechercherL , 
input.rechercherL , 
a.creerL , 
input.creerL ,
a.postuler , 
a.voirL , 
a.passwordL , 
a.bouton , 
input.bouton ,
form.pedaExperiences a ,
input[type="submit"] {
	border: 0;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 20px;
	width: 120px;
	text-transform: uppercase;
	padding: 3px 0px 0px 20px;
	text-align: left;
	/*background-color: #FFFFFF;*/
}

a.suivreL , 
input.suivreL , 
a.rechercherL , 
input.rechercherL , 
a.creerL , 
input.creerL , 
a.postuler , 
a.voirL , 
a.passwordL , 
a.bouton , 
input.bouton ,
form.pedaExperiences a ,
table.certificationForm input[type="submit"]:hover {
	display: inline-block;
}

input[type="submit"].short{
	background-image: url(/images/j4st/boutons/bouton_S.png);
	padding-left:5px;
	height:20px;
	width:30px;
}
input[type="submit"].short:hover{
	background-image: url(/images/j4st/boutons/bouton_S_hover.png);
	padding-left:5px;
	height:20px;
	width:30px;
}

input.creerL,input.suivreL,
input.rechercherL,input.bouton, 
input[type="submit"] {
	text-align: left;
	padding-top: 0px;
	margin: 0 0 3px 0;
}

a.suivreL,input.suivreL,
a.bouton,input.bouton,
form.pedaExperiences a , 
input[type="submit"] {
	background-image: url(/images/j4st/boutons/suivre_L.png);
}

input[type="submit"].bleu {
	background-image: url(/images/j4st/boutons/suivre_L_bleu.png);
}


a.suivreL:hover,
input.suivreL:hover,
a.bouton:hover,
input.bouton:hover,
input[type="submit"]:hover,
input[type="submit"].bleu:hover,
form.pedaExperiences a:hover {
	background-image: url(/images/j4st/boutons/suivre_L_hover.png);
	color:#FFF;
}

/*--------------- entier XL----------------*/
a.suivreXL,
input.suivreXL, 
a.rechercherXL,
input.rechercherXL,
a.creerXL,
input.creerXL,
a.postulerXL,
input.postulerXL,
a.voirXL,
a.passwordXL,
input.passwordXL,
a.boutonXL,
input.boutonXL,
a.postulerXL_main_action,
input.postulerXL_main_action{
	border: 0;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 20px;
	width: 250px;
	text-transform: uppercase;
	padding: 3px 0px 0px 20px;
	text-align: left;
	cursor:pointer;
}

a.suivreXL,
a.rechercherXL,
a.creerXL,
a.postulerXL,
a.voirXL,
a.passwordXL,
a.boutonXL,
a.postulerXL_main_action{
	display: block;
}

input.creerXL, 
input.suivreXL, 
input.rechercherXL, 
input.boutonXL,
input.postulerXL,
input.postulerXL_main_action{
	text-align: left;
	padding-top: 0px;
	margin: 0 0 3px 0;
}

a.suivreXL , 
input.suivreXL ,
a.boutonXL , 
input.boutonXL {
	background-image: url(/images/j4st/boutons/suivre_XL.png);
}

a.suivreXL:hover , 
input.suivreXL:hover ,
a.boutonXL:hover ,
input.boutonXL:hover {
	background-image: url(/images/j4st/boutons/suivre_XL_hover.png);
	color:#FFF;
}

a.creerXL,
input.creerXL {
	background-image: url(/images/j4st/boutons/creer_XL.png);
}

a.creerXL:hover,
input.creerXL:hover {
	background-image: url(/images/j4st/boutons/creer_XL_hover.png);
	color:#FFF;
}

a.rechercherXL,
input.rechercherXL {
	background-image: url(/images/j4st/boutons/rechercher_XL.png);
	width: 120px;
}

a.rechercherXL:hover,
input.rechercherXL:hover {
	background-image: url(/images/j4st/boutons/recherche_XL_hover.png);
}

a.passwordXL
input.passwordXL {
	background-image: url(/images/j4st/boutons/password_XL.png);
}

input.passwordXL {
	padding-top: 0;
}

a.passwordXL:hover
input.passwordXL:hover {
	background-image: url(/images/j4st/boutons/password_XL_hover.png);
	color:#FFF;
}

a.voirXL {
	background-image: url(/images/j4st/boutons/voir_XL.png);
}

a.voirXL:hover {
	background-image: url(/images/j4st/boutons/voir_XL_hover.png);
	color:#FFF;
}

a.postulerXL,
input.postulerXL{
	background-image: url(/images/j4st/boutons/postuler_XL.png);
}
a.postulerXL_main_action,
input.postulerXL_main_action{
	background-image: url(/images/j4st/boutons/postuler_XL_main_action.png);
	margin:10px 0 20px 0;
}
a.postulerXL:hover,
input.postulerXL:hover,
a.postulerXL_main_action:hover,
input.postulerXL_main_action:hover{
	background-image: url(/images/j4st/boutons/postuler_XL_hover.png);
	color:#FFF;
}

/*--------------- L ----------------*/

a.suivreL,
input.suivreL, 
a.rechercherL,
input.rechercherL,
a.creerL,
input.creerL,
a.postulerL,
input.postulerL,
a.voirL,
a.passwordL,
input.passwordL,
a.boutonL,
input.boutonL,
a.postulerL_main_action,
input.postulerL_main_action{
	border: 0;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 20px;
	width: 120px;
	text-transform: uppercase;
	padding: 3px 0px 0px 20px;
	text-align: left;
	cursor:pointer;
}
input.creerL, 
input.suivreL, 
input.rechercherL, 
input.boutonL,
input.postulerL,
input.postulerL_main_action{
	text-align: left;
	padding-top: 0px;
	margin: 0 0 3px 0;
}
a.suivreL,
a.rechercherL,
a.creerL,
a.postulerL,
a.voirL,
a.passwordL,
a.boutonL,
a.postulerL_main_action{
	display: block;
}
a.creerL,
input.creerL {
	background-image: url(/images/j4st/boutons/creer_L.png);
	cursor:pointer;
}

a.creerL:hover,
input.creerL:hover {
	background-image: url(/images/j4st/boutons/creer_L_hover.png);
	color:#FFF;
	cursor:pointer;
}

a.rechercherL,
input.rechercherL {
	background-image: url(/images/j4st/boutons/rechercher_L.png);
	cursor:pointer;
}

a.rechercherL:hover,
input.rechercherL:hover {
	background-image: url(/images/j4st/boutons/recherche_L_hover.png);
	color:#FFF;
}

a.passwordL {
	background-image: url(/images/j4st/boutons/password_L.png);
}

a.passwordL:hover {
	background-image: url(/images/j4st/boutons/password_L_hover.png);
	color:#FFF;
}

a.voirL {
	background-image: url(/images/j4st/boutons/voir_L.png);
}

a.voirL:hover {
	background-image: url(/images/j4st/boutons/voir_L_hover.png);
	color:#FFF;
}

a.postulerL,
input.postulerL {
	background-image: url(/images/j4st/boutons/postuler_L.png);
}

a.postulerL:hover,
input.postulerL:hover{
	background-image: url(/images/j4st/boutons/postuler_L_hover.png);
	color:#FFF;
}
/*--------------- M ----------------*/
a.suivreM,
input.suivreM,
a.boutonM,
input.boutonM,
a.rechercherM,
a.creerM,
a.postulerM,
a.voirM,
a.passwordM,
a.boutonM,
a.postulerM_main_action{
	border: 0;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 20px;
	width: 60px;
	text-transform: uppercase;
	padding: 3px 0px 0px 20px;
	display: block;
	text-align: left;
	/*background-color: #FFFFFF;*/
}
a.suivreM,
a.rechercherM,
a.creerM,
a.postulerM,
a.voirM,
a.passwordM,
a.boutonM,
a.postulerM_main_action{
	display: block;
}

input.suivreM,
input.boutonM {
	text-align: left;
	padding-top: 0px;
	cursor:pointer;
	margin: 0 0 3px 0;
}

a.suivreM,
input.suivreM,
a.boutonM,
input.boutonM {
	background-image: url(/images/j4st/boutons/suivre_M.png);
}

a.suivreM:hover,
input.suivreM:hover,
a.boutonM:hover,
input.boutonM:hover {
	background-image: url(/images/j4st/boutons/suivre_M_hover.png);
}

a.creerM,
input.creerM {
	background-image: url(/images/j4st/boutons/creer_M.png);
	cursor:pointer;
}

a.creerM:hover,
input.creerM:hover {
	background-image: url(/images/j4st/boutons/creer_M_hover.png);
}

a.rechercherM,
input.rechercherM {
	background-image: url(/images/j4st/boutons/rechercher_M.png);
	cursor:pointer;
	width: 120px;
}

a.rechercherM:hover,
input.rechercherM:hover {
	background-image: url(/images/j4st/boutons/recherche_M_hover.png);
}

a.passwordM {
	background-image: url(/images/j4st/boutons/password_M.png);
}

a.passwordM:hover {
	background-image: url(/images/j4st/boutons/password_M_hover.png);
}

a.voirM {
	background-image: url(/images/j4st/boutons/voir_M.png);
}

a.voirM:hover {
	background-image: url(/images/j4st/boutons/voir_M_hover.png);
}

a.postulerM {
	background-image: url(/images/j4st/boutons/postuler_M.png);
}

a.postulerM:hover {
	background-image: url(/images/j4st/boutons/postuler_M_hover.png);
}

/*--------------- S ----------------*/
a.boutonS,
input.boutonS {
	border: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/images/j4st/boutons/bouton_S.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 30px;
	text-transform: uppercase;
	padding-top: 3px;
	display: inline-block;
	text-align: center;
	background-color: #FFFFFF;
	cursor:pointer;
}

input.boutonS {
	padding-top: 0px; !padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}

a.boutonS:hover , 
input.boutonS:hover {
	background-image: url(/images/j4st/boutons/bouton_S_hover.png);
}

/*---------------------mise en forme txt --------------*/
.petit {
	font-size: 9px;
}

.txtJustifie {
	text-align: justify;
}

.aPropos {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	display: block;
	padding: 4px 2px 4px 15px;
	border-bottom: 1px solid #b2b2b2;
	background-color: #b2b2b2;
	background-image: url(/images/flecheBasGris.png);
	background-repeat: no-repeat;
	background-position: 2px center;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

optgroup {
	font-style: normal;
}

/* ------------------------mobile ----------------------*/
.mobile {
	border: 1px solid #CCCCCC;
	margin-bottom: 3px;
	background-color: #ececec;
}

.mobile input {
	font-size: 11px;
	border: 1px solid #B2B2B2;
	margin: 0px 0px 0px 5px;
}

.mobile img {
	border: 0 none;
}

.mobile a {
	border: 0 none;
	color: #333333;
	text-decoration: none;
}

.header {
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	padding: 0px 0px 0px 5px;
	margin: 2px 0px 0px 0px;
}

/*------------------------------ border&margin ------------------*/
.borderDroite {
	border-right: 1px solid #b2b2b2;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.borderHautBas {
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
}

.margeGauche {
	padding-left: 10px;
}

.margeHaut {
	padding-top: 4px;
}

.margeDroite {
	padding-right: 10px;
}

.margecell {
	padding: 2px 2px 2px 3px;
	text-align: left;
	vertical-align: top;
}

/* --------------------------------liens --------------------*/
a {
	color: #EB8704;
	text-decoration: none;
}

th a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

a.petit {
	font-size: 10px;
	color: #EB8704;
	text-decoration: none;
}

a.petit:hover {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

a.lien {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
a.lien:hover {
	font-size: 11px;
	color: #f2971d;
	text-decoration: none;
}

a.jobsNews {
	font-size: 11px;
	color: #F7A213;
	text-decoration: none;
	font-weight: bold;
	padding-right: 5px;
}

a.jobsNews:hover {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	padding-right: 5px;
}

a.marquee {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

a.marquee:hover {
	font-size: 11px;
	color: #F7A213;
	text-decoration: none;
}

/* ---------------------------cadre & fond ----------------------*/
.fondA {
	background-color: #f2971d;
}

.fond {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 10px 10px 5px 10px;
}

.fond2 {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 2px 10px 2px 10px;
}

.fond3 {
	height: 7px;
}

.myCalendarToday {
	background-color: #DDDDDD;
}

.grisCadre {
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	width: 1px;
}

.cadreImage {
	border: 1px solid #999999;
}

.bordered {
	border-collapse: collapse;
	border-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

div.bordered {
	padding: 1px;
	border: 1px solid gray;
}

.seeMe {
	color: red;
}

.impair, .odd {
	vertical-align: top;
	background-color: #E7E7E7;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pair, .even {
	vertical-align: top;
	background-color: #F2F2F2;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blocdescription {
	margin-top: 0px;
	border-bottom: 1px solid #b2b2b2;
}

tr.highlight {
	background-color: yellow;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.bordureBlanc {
	padding: 0px;
	border: 1px solid #FFFFFF;
}

.ligneBasseule {
	border-bottom: 1px solid #B2B2B2;
}

.fond_cell_last {
	margin: 10px 0pc 10px 0px;
	height: auto;
	width: auto;
}

.margeA {
	padding-left: 2px;
}

.lignegauche {
	border-bottom: 1px solid #b2b2b2;
}

.optgroup {
	font-style: normal;
}

/* -----------------------------infobulle -------------*/
#divinfo {
	background-color: #F7A213;
	border: solid 1px #CCCCCC;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px;
}

#cache {
	height: 0px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
	z-index: 1;
}

#resumecampagne {
	position: absolute;
	text-align: center;
	background-color: white;
	z-index: 2;
}

.tableIndexEtudiant {
	border: 2px solid #ECECEC;
}

/*---------------------------------------  Haut  ----------------------------------*/
/*.langue {
	padding: 0px 0px 2px 0px;
	text-align: right;
}

.langue a {
	font-size: 11px;
	color: #666666;
}

.langue a:hover {
	color: #F7A213;
}

.langue a:active {
	color: #F7A213;
	font-weight: bold;
	text-decoration: none;
}

.langue .active {
	color: #F7A213;
	font-weight: bold;
	text-decoration: none;
}*/

/* STYLE POUR LA LANGUE AVEC JS */
div#menu_langue{
	border:0;
	padding:0;
	margin:0;	
	}
		
	div#menu_langue ul#langue{
		height: auto;
		padding:0;
	}
		div#menu_langue ul#langue li{
			float: none;
			width: auto;
			height: auto;
			list-style-type: none;
			text-transform: uppercase;
			text-align: right;
			background-color: #E7E7E7;
			color : #303739;
			font-size: 11px;
			color: #666;
			border: 0;
		}
		div#menu_langue ul#langue li:first-child{
			background-color: transparent;
			padding: 2px 0 0 0;
			height: 15px;
			background-image: url(/images/langue.png);
			background-position: 2px 2px;
			background-repeat: no-repeat;
			cursor: pointer;
			border:0;
		}
		div#menu_langue ul#langue li:first-child:hover{
			background-color: #A9A9A9;
			background-image: url(/images/langue_over.png);
			cursor: pointer;
			color: #FFF;
		}
		div#menu_langue ul#langue li a{
			color:#666666;
			display: block;
			padding: 0 0 0 40px;
			height: 14px;
			text-align: left;
			width: 122px;
			
		}
		div#menu_langue ul#langue li a:hover{
			color : #FFFFFF;
		}
		
		/* VERSION DES LANGUES SANS LE JS */
		div.langue ul#noscriptlangue{
			padding-left: 0px;
			
		}
		div.langue ul#noscriptlangue li {
			height: 15px;
			list-style-type: none;
			padding-left: 45px;
			padding-top: 2px;
			width: 90px;
			background-image: url(/images/langue.png);
			background-repeat: no-repeat;
			background-position: 2px 2px;
			color:#666666;
		}
		
		div.langue ul#noscriptlangue li a{
			display: inline;
			color:#666666;
		}
		div.langue ul#noscriptlangue li a:hover{
			background-color: transparent;
		}
		
		td.menuHaut div.langue{
			width: 162px;
			margin: -10px 0 0 10px;
			background-color: #E7E7E7;
			position:absolute;
			padding:0;
		}
.haut {
	vertical-align: top;
	width: 100%;
	height: 60px;
	font-size: 11px;
}

/*.haut .centre {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9F9F9F;
	height: 60px;
	padding: 0px;
	width: 468px;
	margin: 0px 3px 0px 0px;
}

.haut .centre h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.haut .centre a {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.haut .centre a:hover {
	color: #F0A500;
	text-decoration: none;
}
*/

/* --------------------------- ogin -----------------*/

/*.haut .login,*/
div.login{
	width: 164px;
	margin: 0 0 5px 0;
}

/*.haut .login td,.haut .loginActif td,*/
			div.login td,.haut .loginActif td{
				background-color: #E98702;
			}
	.login td.titre{
		background-image: url(/images/j4st/fond_login.jpg);
	background-repeat: no-repeat;
}
/*.haut .login .texte,.haut .loginActif .texte,*/
			div.login .texte,.haut .loginActif .texte{
				color: #FFFFFF;
				padding: 5px;
				background-color: #F7A213;
				background-image: url(/images/j4st/fond_login.jpg);
				background-repeat: no-repeat;
			}

/*.haut .login a,*/
	div.login a {
		color: #666666;
		text-align: right;
		text-decoration: underline;
		padding-top: 4px;
		padding-bottom: 6px;
	}

/*.haut .login a:hover,*/
	div.login a:hover {
		color: #F3980A;
	}

/*.haut .login td.titre,*/
	div.login td.titre{
		padding: 0px;
		text-align: left;
		width: 10px;
		font-size: 12px;
		line-height: 11px;
	}

/*.haut .login td.titre a,*/
		div.login td.titre a {
			font-weight: bold;
			color: #FFFFFF;
			text-align: left;
			text-decoration: none;
			padding:5px 0 0 5px;
			background-color: #F7A213;
			background-image: url(/images/j4st/fond_titre_orange.jpg);
		}

/*.haut .login td.titre a:hover*/
		div.login td.titre a:hover{
			color: #FFE8BF;
		}

#coinLoginEmail {
	border: 0;
	width: 142px;
	margin-left: 5px;
	font-size:11px;
}

#coinLoginPassword {
	border: 0;
	width: 108px;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size:11px;
}

#login_petit {
	margin-left: 5px;
	color: #FFFFFF;	
	text-decoration: none;
	font-size: 9px;
}

/*.haut .loginActif,*/
	div.login .loginActif{
		width: 162px;
		height: 60px;
	}

/*.haut .loginActif td,*/
		div.login .loginActif td{
			background-color: #F7A213;
			background-image: url(/images/j4st/fond_login.jpg);
			background-repeat: no-repeat;
			vertical-align: bottom;
			color: #FFFFFF;
		}

/*.haut .loginActif td p,*/
			div.login .loginActif td p{
				padding: 5px;
			}

/*.haut .loginActif a,*/
		div.login .loginActif a{
			color: #ffffff;
			text-align: right;
			text-decoration: underline;
			padding-top: 0px;
			padding-bottom: 0px;
		}

/*.haut .loginActif a:hover,*/
		div.login .loginActif a:hover{
			text-decoration: none;
			text-align: right;
		}

/*.haut .loginActif a.logout,*/
		div.login .loginActif a.logout{
			color: #FFFFFF;
			padding-top: 0px;
			padding-bottom: 0px;
			text-decoration: underline;
			background-image: url(/images/j4st/logout.png);
			background-repeat: no-repeat;
			padding: 0px 0px 0px 15px;
			height: 25px;
		}

/*.haut .loginActif a.logout:hover,*/
		div.login .loginActif a.logout:hove{
			text-decoration: none;
		}
/* --------------------------- fin login -----------------*/
.logo {
	height: 60px;
	width: 344px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
}
	td.menuHaut div{
		border:#CCC solid 1px;
		margin: 5px 0 5px 0;
		padding: 0 5px 0 5px;
		}
	td.menuHaut div.date{
		width: 168px;
		color: #666666;
		height:17px;
		background-color:#E7E7E7;
		}
	td.menuHaut div.date:first-child{
	}

/* --------------------------------------------------------------------------- */
.intermediaire {
	vertical-align: top;
	background-color: #E7E7E7;
	height: 100px;
}

/* ----------------------------  menu gauche   ------------------------------------- */
.menuGauche {
	vertical-align: top;
	width: 180px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}

	.menuGauche .menu {
		border: 1px solid #CCCCCC;
		margin: 0px 0px 5px 0px;
		padding: 0px;
	}

		.menuGauche .menu .titre,
		.menuGauche .menu .titre2 {
			font-size: 14px;
			font-weight: bold;
			display: block;
			margin: 0px;
			padding: 2px 5px 2px 5px;
			background-repeat: repeat-x;
			text-transform: uppercase;
		}

		.menuGauche .menu .titre {
			color: #666666;
			background-color: #CCCCCC;
			background-image: url(/images/j4st/fond_titre_gris.jpg);
		}

		.menuGauche .menu .titre2 {
			color: #FFFFFF;
			background-color: #F7A213;
			background-image: url(/images/j4st/fond_titre_orange.jpg);
		}

		.menuGauche .menu ul {
			margin: 0px;
			padding: 0px;
			/*background-color: #F9F9F9;*/
		}

			.menuGauche .menu ul li {
				border-top: 1px solid #EEEEEE;
				list-style-type: none;
				padding: 3px 0px 3px 0px;
				background-color: #F9F9F9;
}

			.menuGauche .menu ul li:hover {
				background-color: #EEEEEE;
			}

				.menuGauche .menu ul li a {
					font-size: 12px;
					color: #666666;
					text-decoration: none;
					padding: 2px 5px 2px 5px;
					display: block;
				}

			.menuGauche .menu ul li:first-letter,
			.menuGauche table.menu tr td ul li a:first-letter{
				text-transform:uppercase;
			}
			
/*---------------------------- menu droite ------------------------*/
.menuDroite {
	vertical-align: top;
	width: 162px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

	.menuDroite .menu , 
	.menuDroite .menuOrange {
		border: 1px solid #CCCCCC;
		padding: 0px;
		margin: 0px 0px 5px 0px;
		width: 162px;
	}

		.menuDroite .menu .titre,
		.menuDroite .menu .titre2,
		.menuDroite .titre2{
			font-size: 14px;
			font-weight: bold;
			display: block;
			margin: 0px;
			padding: 2px 5px 2px 5px;
			background-repeat: repeat-x;
			text-transform: uppercase;
		}

		.menuDroite .menu .titre {
			color: #666666;
			background-color: #CCCCCC;
			background-image: url(/images/j4st/fond_titre_gris.jpg);
		}

		.menuDroite .menu .titre2 {
			color: #FFFFFF;
			background-color: #F7A213;
			background-image: url(/images/j4st/fond_titre_orange.jpg);
		}

	.menuDroite .texte {
		padding: 5px;
	}
	.menuDroite div#banner1{
 		text-align: center;
 		border:solid 1px #C7C7C7;
 		padding: 2px 0 2px 0;
	}	

		.menuDroite .menu ul {
			margin: 0px;
			padding: 0px;
			width: 162px;
			background-color: #F9F9F9;
		}

			.menuDroite .menu ul li {
				border-top: 1px solid #EEEEEE;
				list-style-type: none;
				padding: 3px 0px 3px 0px;
			}

			.menuDroite .menu ul li:hover {
				background-color: #EEEEEE;
			}

				.menuDroite .menu ul li a {
					font-size: 12px;
					color: #666666;
					display: block;
					text-decoration: none;
					padding: 2px 5px 2px 5px;
					/*font-weight: bold;
					background-image: url(/images/j4st/fleche_menu.png);
					background-repeat: no-repeat;*/
				}

			.menuDroite .menu ul li:first-letter { 
				text-transform:uppercase;
			}

		.menuDroite .menuOrange .titre2 {
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			background-color: #F7A213;
			display: block;
			margin: 0px;
			padding: 2px 5px 2px 5px;
			background-image: url(/images/j4st/fond_titre_orange.jpg);
			background-repeat: repeat-x;
		}

		.menuDroite .menuOrange ul {
			margin: 0px;
			padding: 0px;
			width: 162px;
			background-image: url(/images/j4st/fond_box.jpg);
			background-repeat: repeat-x;
		}

			.menuDroite .menuOrange ul li {
				border-top: 1px solid #FCD993;
				list-style-type: none;
				padding: 3px 0px 3px 0px;
			}

			.menuDroite .menuOrange ul li:hover {
				background-color: #FFECCF;
			}

				.menuDroite .menuOrange ul li a {
					font-size: 12px;
					color: #666666;
					/*background-image: url(/images/j4st/fleche_menu.png);
					font-weight: bold;
					background-repeat: no-repeat;*/
					text-decoration: none;
					padding: 2px 5px 2px 5px;
				}

			.menuDroite .menuOrange ul li:first-letter {
				text-transform:uppercase;
			}

		.menuDroite .menu .fondOrange {
			background-image: url(/images/j4st/fond_box.jpg);
			background-repeat: repeat-x;
			background-color: #FEF4E5;
		}
				/*td.menuDroite div embed{
					border:solid 1px #CCC;
					/width: 100%;
					padding: 1px 0 1px 0;
					}*/
/* ----------------------------------------- menu picto ------------------------------------------*/				
					.menuDroite table.menuOrange tr td ul li a.home{
						background-image: url(/images/j4st/home-gris.png);
						background-repeat: no-repeat;
						padding-left: 15px;
						margin-left: 3px;
						display: inline-block;
					}
					.menuDroite table.menuOrange tr td ul li a.logout{
						background-image: url(/images/j4st/logout_gris.png);
						background-repeat: no-repeat;
						padding-left: 15px;
						margin-left: 3px;
						background-position: 1px 2px;
						display: inline-block;
						}
					.menuGauche table.menu tr td ul li a.annonce_star{
						background-image: url(/images/j4st/etoile_grise.png);
						background-repeat: no-repeat;
						padding-left: 15px;
						margin-left: 3px;
						background-position: 1px 2px;
						display: inline-block;
						}

/*---------------------------------------  #contenu     -------------------------------------*/
#contenu {
	vertical-align: top;
}

	#contenu ul {
		margin: 0px;
		padding: 5px 0 0 25px;
	}

/*
	#contenu td {
		color: #333333;
	}
*/
	#contenu .barreNavigation {
		text-align: right;
		color: #333333;
		float: right;
	}

	#contenu table.barreNavigation {
		width: auto;
	}

	/*
		#contenu .barreNavigation ul{
			padding: 0px;
			margin: 0px;
		}*/
			#contenu .barreNavigation tr td {
				width: 16px;
				text-align: center;
				vertical-align: middle;
				height: 16px;
			}
				#contenu .barreNavigation tr td a {
					font-size: 12px;
					color: #333333;
					text-decoration: underline;
				}
			#contenu .barreNavigation tr td a:hover,
			#contenu .barreNavigation tr td span {
				font-size: 12px;
				color: #FFFFFF;
				text-decoration: none;
				background-image: url(/images/j4st/fond_num.png);
				display: inline-block;
				background-repeat: no-repeat;
				height: 16px;
				width: 16px;
			}

/*------------  #contenu titre -------------*/
	#contenu  h1,
	#contenu  h2{
		font-size: 14px;
		font-weight: bold;
		display: block;
		padding: 1px 5px 1px 5px;
		background-repeat: repeat-x;
		border: 1px solid #CCCCCC;
		clear: both;
		text-transform: uppercase;
	}

	#contenu  h1{
		color: #666666;
		background-color: #E7E7E7;
		background-image: url(/images/j4st/fond_titre_gris.jpg);
		margin: 0px 0px 5px 0px;
	}
#contenu  h1.shlp {
	background-image: url(/images/j4st/fond_titre_bleu.jpg);
	color: #000;
	border: 1px solid #4A75B0;
	}
	#contenu  h2 {
		color: #FFFFFF;
		background-color: #F7A213;
		background-image: url(/images/j4st/fond_titre_orange.jpg);
		margin: 5px 0px 0px 0px;
	}
	
	#contenu  h3 {
		color: #666666;
		margin: 5px 0px 5px 0px;
	}

	#contenu h3.jobsDetails {
		font-size: 15px;
	}
	
	#contenu  h4 {
		color: #EB8704;
		font-weight: bold;
		margin: 5px 0px 5px 0px;
	}

	#contenu  h5 {
		font-size: 12px;
		color: #333333;
		font-weight: bold;
	}

	#contenu h5:first-letter,
	#contenu h4:first-letter,
	#contenu h3:first-letter {
		text-transform: uppercase;
	}

	#contenu h1.titreHighlight {
		background-image: url(/images/j4st/fond_titre_orange.jpg);
		color: #FFFFFF;
		margin-top: 5px;
	}

/*---- Hovered items --*/
	#contenu table {
		text-align: left;
		margin: 0px;
		border-collapse: collapse;
		width: 100%;
	}

		#contenu table th {
			padding: 1px 0px 1px 0px;
			/*font-size: 11px;*/
			font-weight: bold;
			color: #666666;
			border-bottom: 1px solid #cccccc;
			text-transform: uppercase;
		}

			#contenu table tr td:first-letter {
				text-transform: uppercase;
			}

		#contenu table td {
			padding: 1px 0px 1px 0px;
			text-align: left;
		}

			#contenu table.firstColumnUpperCase tr td:first-child {
				text-transform: uppercase;
			}

	#contenu table.tableau {
		margin-top: 10px;
		font-size: 12px;
		color: #333333;
		padding-left: 0px;
	}

		#contenu table.tableau td {
			color: #333333;
			padding: 2px 2px 2px 3px;
			text-align: left;
			vertical-align: top;
		}

			#contenu table.tableau tr td:first-child :first-letter {
				text-transform: uppercase;
			}

		#contenu table.tableau th {
			padding: 1px 0px 1px 3px;
			font-size: 13px;
			font-weight: bold;
			color: #666666;
			border-bottom: 1px solid #CCCCCC;
			text-transform: uppercase;
		}

			#contenu table.tableau th a {
				font-size: 12px;
				font-weight: bold;
				color: #666666;
			}
			
			#contenu table.tableau th a:hover {
				font-size: 12px;
				font-weight: bold;
				color: #F7A213;
			}

		#contenu table .impair {
			background-color: #F2F2F2;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		#contenu table .pair {
			background-color: #FAFAFA;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		#contenu table tr.pair:hover,
		#contenu table tr.impair:hover {
			background-color: #FFD488;
			color: #333333;
		}
		
			#contenu table .pair td a ,
			#contenu table .impair td a {
				color: #333333;
			}
			
			#contenu table .pair td a:hover , 
			#contenu table .impair td a:hover {
				color: #111111;
				text-decoration: underline;
			}

	#contenu .internalBoxImg {
		float: left;
	}
	
	#contenu .internalBoxTxt {
		margin-left: 50px;
	}
	
	#contenu .internalBoxTxt p {
		padding: 0 2px;
	}
	
	#contenu .step {
		height: 7px;
		clear: both;
	}

	#contenu div.banner1{
		text-align: center;
		border:solid 1px #C7C7C7;
		padding: 0;
	}

/*#contenu table.tableau .margecell {
			padding: 2px 2px 2px 3px;
			text-align: left;
			vertical-align: top;
		}*/
	/*#contenu table tr .titre_cell {
				font-size: 12px;
				font-weight: bold;
				color: #666666;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #cccccc;
				text-transform: uppercase;
			}

				#contenu table tr .titre_cell a {
					font-size: 12px;
					font-weight: bold;
					color: #666666;
				}

				#contenu table tr .titre_cell a:hover {
					font-size: 12px;
					font-weight: bold;
					color: #F7A213;
				}*/
	/*--------------------------- Hovered items ----------------------------------*/
	#contenu .largeur1 {
		width: 100%;
	}

	#contenu .news {
		height: 22px;
		border: 1px solid #CCCCCC;
		padding: 2px 5px 0px 5px;
		vertical-align: middle;
		margin-top: 0px;
	}
	
	#contenu .cadre {
		width: 100%;
		border: 1px solid #CCCCCC;
	}
	
	#contenu .titre {
		font-size: 14px;
		font-weight: bold;
		color: #666666;
		display: block;
		padding: 2px 0px 1px 0px;
		margin: 5px 0px 5px 0px;
		border-bottom: 1px solid #CCCCCC;
		text-transform: uppercase;
	}

	#contenu .titre2 {
		font-size: 14px;
		font-weight: bold;
		color: #F7A213;
		display: block;
		padding: 2px 0px 2px 0px;
		margin: 5px 0px 5px 0px;
		border-bottom: 1px solid #CCCCCC;
	}
	
	#contenu p {
		padding: 5px 0px 0px 0px;
		text-align: justify;
	}

	#contenu .titreOrange {
		background-image: url(/images/j4st/fond_titre_orange.jpg);
		background-repeat: repeat-x;
		color: #FFFFFF;
		background-color: #EE920B;
	}
	
	#contenu .fondOrange {
		background-image: url(/images/j4st/fond_box.jpg);
		background-repeat: repeat-x;
		background-color: #FEF4E5;
	}

	#contenu .titreGris {
		background-image: url(/images/j4st/fond_titre_gris.jpg);
		background-repeat: repeat-x;
		color: #666666;
	}
	
	#contenu .fondGris {
		background-image: url(/images/j4st/fond_box_gris.jpg);
		background-repeat: repeat-x;
		background-color: #F5F5F5;
	}

	#contenu p.clear {
		clear: both;
	}

		#contenu p.clear input[type="checkbox"] {
			color: #333333;
			background-color: #FFFFFF;
			border: 1px outset #CCCCCC;
		}

	#contenu div.pictureTitle {
		margin: 5px 0px 5px 0px;
	}

		#contenu div.pictureTitle img { 
		/*margin-bottom: 30px;*/
			float: left;
		}

		#contenu div.pictureTitle h4 {
			font-size: 14px;
			font-weight: bold;
			margin: 0;
			padding: 0;
			color: #EE920B;
		}

		#contenu div.pictureTitle h4:first-letter {
			text-transform: uppercase;
		}

	#contenu .titrePictos {
		width: 100%;
		float: left;
		margin: 5px 0px 5px 0px;
		height: 48px;
	}

			#contenu .titrePictos div img {
				width: 48px;
				margin: 0px 10px 0px 0px;
				padding: 0px;
				float: left;
			}

		#contenu .titrePictos div.texte {
			font-size: 14px;
			font-weight: bold;
			color: #666666;
			margin-top: 17px;
		}
	
	#contenu #profil {
		width: 100%;
	}

		#contenu #profil #gaucheH {
			width: 150px;
			height: 300px;
			background-image: url(/images/j4st/profil_h.png);
			background-repeat: no-repeat;
			float: left;
		}

		#contenu #profil #gaucheF {
			width: 150px;
			height: 300px;
			background-image: url(/images/j4st/profil_f.png);
			background-repeat: no-repeat;
			float: left;
		}

		#contenu #profil #droite {
			width: 400px;
			margin-left: 150px;
		}
		
		#contenu #profil dt {
			float: left;
			padding-top: 10px;
		}
		
		#contenu #profil dd {
			margin-left: 80px;
			padding-top: 10px;
		}

		#contenu #profil dd .champs {
			margin-top: -10px;
		}

/*-------------------------      box        -------------------------*/
	#contenu .boxGauche,
	#contenu .boxGauche2,
	#contenu .boxDroite{
		vertical-align: top;
		width: 49.5%;
		padding: 0px;
		border: 1px solid #CCCCCC;
		margin: 0px 0px 5px 0px;
	}
	#contenu div.couleur {
	background-image:url(/images/j4st/fond_box_orange.jpg);
	background-color: #FDF4E3;
	background-repeat: repeat-x;
	
		}

	#contenu .boxGauche {
		float: left;
		clear: both;
	}
	
	#contenu .boxDroite {
		float: right;
	}
	
	#contenu .boxGauche2 {
		height: 200px;
		float: left;
		clear: both;
	}
		#contenu .boxGen {
			vertical-align: top;
			padding: 0px;
			border: 1px solid #CCCCCC;
			margin: 0px 0px 5px 0px;
			clear: both;
			}
	#contenu .boxGauche2 ul {
		margin-left: 28px;
		margin-top: 10px;
	}

			#contenu .boxGauche2 ul li {
				list-style-image: url(/images/j4st/V_box.png);
			}
		#contenu .boxGauche p , 
		#contenu .boxDroite p,
		#contenu .boxGen p{
			padding: 5px;
		}
		
			#contenu .boxGauche table , 
			#contenu .boxDroite table,
			#contenu .boxGen table {
				margin: 5px;
				padding: 0px;
			}
			
			#contenu .boxGauche table td , 
			#contenu .boxDroite table td ,
			#contenu .boxGen table td {
				margin: 0px;
				padding: 0px;
			}
		
		#contenu .boxGauche h1 , 
		#contenu .boxGauche2 h1 , 
		#contenu .boxDroite h1,
		#contenu .boxGen h1 {
			font-size: 14px;
			font-weight: bold;
			display: block;
			margin: 0px;
			padding: 2px 5px 2px 5px;
			text-transform: uppercase;
			border-style: none;
		}
		
		#contenu .boxGauche .texte , 
		#contenu .boxDroite .texte,
		#contenu .boxGen .texte {
			padding: 5px;
		}
		
		#contenu .boxGauche .texte2 , 
		#contenu .boxDroite .texte2 ,
		#contenu .boxGen .texte2 {
			padding: 5px 5px 0px 5px;
		}
		
			#contenu .boxGauche .texte2 a , 
			#contenu .boxDroite .texte2 a ,
			#contenu .boxGen .texte2 a{
				color: #333333;
				text-decoration: underline;
			}
			
			#contenu .boxGauche .texte2 a:hover,
			#contenu .boxDroite .texte2 a:hover,
			#contenu .boxGen .texte2 a:hover {
				color: #333333;
				text-decoration: none;
			}
		
		#contenu .boxGauche .sousTitre2 , 
		#contenu .boxDroite .sousTitre2 ,
		#contenu .boxGen .sousTitre2 {
			padding: 5px 5px 0px 5px;
			color: #111111;
		}
		
		#contenu .boxGauche .sousTitre , 
		#contenu .boxDroite .sousTitre ,
		#contenu .boxGaucheSans .sousTitre , 
		#contenu .boxDroiteSans .sousTitre {
			font-weight: bold;
			text-transform: uppercase;
			padding: 10px 0px 0px 0px;
		}

	#contenu .boxGaucheSans {
		width: 49%;
		padding: 0px;
		float: left;
		margin: 0px;
		clear: both;
	}
	
	#contenu .boxDroiteSans {
		vertical-align: top;
		width: 49%;
		margin: 0px;
		padding: 0px;
		float: right;
		margin: 0px 0px 5px 0px;
	}

		#contenu .boxGaucheSans p , 
		#contenu .boxDroiteSans p {
			padding: 2px 0px 0px 0px;
			vertical-align: bottom;
		}
		
			#contenu .boxGaucheSans p img , 
			#contenu .boxDroiteSans p img {
				float: left;
				margin: 0px 10px 0px 2px;
			}
			
			#contenu .boxGaucheSans p a , 
			#contenu .boxDroiteSans p a {
				font-weight: bold;
				color: #666666;
				text-decoration: underline;
			}
			
			#contenu .boxGaucheSans p a:hover ,
			#contenu .boxDroiteSans p a:hover {
				color: #000000;
			}
#contenu .boxGaucheSans .boxGauche .boxPicto,
#contenu .boxGaucheSans .boxDroite .boxPicto {
		padding: 0px;
		margin: 0px;
		clear: both;
	}
	#contenu .boxGaucheSans .box .boxPicto h3,
	#contenu .boxDroiteSans .box .boxPicto h3{
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#C30;
		}
	#contenu .boxGaucheSans .box .boxPicto p,{
		text-transform:uppercase;
		}
	#contenu .boxGaucheSans .box,
	#contenu .boxDroiteSans .box {
		vertical-align: top;
		padding: 5px;
		border: 1px solid #CCCCCC;
		margin: 0px 0px 5px 0px;
		width: 96%;
		clear:both;
	}
	#contenu .boxGaucheSans h6,
	#contenu .boxDroiteSans h6{
		font-size: 12px;
		border: solid 1px #CCC;
		background-color: #FAFAFA;
		padding: 2px 5px 2px 5px;
		text-transform:uppercase;
		font-weight: normal;
		}
/*----------------------------------- box pictos -------------------------*/
	#contenu .boxPictosGauche {
		width: 49%;
		padding: 0px;
		float: left;
		margin: 0px;
		clear: both;
	}
	#contenu .boxPictosDroite {
		vertical-align: top;
		width: 49%;
		margin: 0px;
		padding: 0px;
		float: right; !float: none;
		margin: 0px 0px 5px 0px;
	}

		#contenu .boxPictosGauche p , 
		#contenu .boxPictosDroite p {
			padding: 2px 0px 0px 0px;
			vertical-align: bottom;
		}
		
			#contenu .boxPictosGauche p img ,
			#contenu .boxPictosDroite p img {
				float: left;
				margin-right: 10px;
				margin-left: 2px;
			}
		
			#contenu .boxPictosGauche p a , 
			#contenu .boxPictosDroite p a {
				font-weight: bold;
				color: #666666;
				text-decoration: underline;
			}
		
			#contenu .boxPictosGauche p a:hover , 
			#contenu .boxPictosDroite p a:hover {
				color: #000000;
			}
		
			#contenu .boxPictosGauche p a:first-letter , 
			#contenu .boxPictosDroite p a:first-letter {
				display: inline-block;
				text-transform: uppercase;
			}
		
			#contenu .boxPictosGauche .internalBoxTxt a ,
			#contenu .boxPictosDroite .internalBoxTxt a {
				color: #ED9521;
				text-decoration: none;
				font-size: 14px;
				font-weight: bold;
			}
			#contenu .boxPictosGauche .internalBoxTxt a:hover , 
			#contenu .boxPictosDroite .internalBoxTxt a:hover {
				color: #999999;
			}

/*-----------------------------------     Bas     ---------------------------------------------*/
#bas {
	margin: 0px;
	border: none;
}
	#bas img {
		border: none;
	}
	#bas .gauche {
		width: 185px;
		padding: 0px;
		vertical-align: middle;
		border: none;
	}
	#bas .centre {
		padding: 0px 0px 0px 10px;
		border: none;
		text-align:left;
		}
	#bas .droite {
		width: 152px;
		padding: 0px 5px 0px 5px;
		}
	#bas ul {
		margin: 0;
		padding: 0;	
		list-style-type: none;
		}
		#bas ul li {
			display: inline;
			background-image: url(/images/j4st/grep.png);
			background-repeat: no-repeat;	
			list-style-type: none;	
			}
		#bas ul li:first-child {
			background-image:none;
			}
			#bas ul li a.lien {
				font-size: 11px;
				color: #333333;
				text-decoration: none;
				padding: 0 5px 0 5px;
				display: inline-block;
			}
			#bas ul li a.lien:hover {
				color: #f2971d;
				}
			#bas ul li a.lien:first-letter {
				text-transform: capitalize;
				padding: 0;
				margin: 0;
				}
			
	#bas a.kesako{
		background-image:url(/images/kesako_round.png);
		background-repeat:no-repeat;
		background-position: ;
		padding: 2px 0 2px 15px;
		font-size:10px;
		color:#666;
		text-decoration:none;
		}
	#bas a.kesako:hover{
		font-size:10px;
		}

	/*#bas a {
		font-size: 11px;
		color: #666666;
		text-decoration: none;
	}
	#bas a:hover {
		font-size: 11px;
		color: #999999;
		text-decoration: none;
	}*/		
/*---------------------------------- Help Box Div ----------------------------*/
	/*-- when the div is visible --*/
#helpBox {
	display: block;
	background-image: url(/images/j4st/fond_box.jpg);
	background-repeat: repeat;
	position: absolute;
	width: 350px;
	padding: 10px 5px 10px 5px;
	left: 639px;
	top: 280px;
}

/*-- when the div is hidden --*/
#helpBox.hidden {
	display: none;
}

#helpBox p {
	color: #000000;
}

#helpText.div {
	float: left;
}

/*------------------------------------------- ERRORS -------------------------------*/
#errors {
	border: 1px solid #d84403;
	padding-bottom: 5px;
	margin: 0;
	background-color: #f0f0f0;
}

#errors h1 {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-image: url(/images/j4st/fond_titre_rouge.jpg);
	background-repeat: repeat-x;
	border: 0;
	clear: none;
}

#errors img {
	float: left;
	margin: 2px 4px 0px 0px
}

#errors ul {
	margin: 0px;
	padding: 0 5px 0 5px;;
}

#errors ul li {
	border: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px
}

#errors ul li:first-letter {
	text-transform: uppercase;
}

#success {
	padding-bottom: 5px;
	margin: 5px 0px;
	background-color: #f0f0f0;
	border: 1px solid #91bc1d;
}

#success h1 {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-image: url(/images/j4st/fond_titre_vert.jpg);
	background-repeat: repeat-x;
	border: none;
	clear: none;
}

#success img {
	float: left;
	margin: 2px 4px 0px 0px
}

#success ul {
	margin: 0px;
	padding: 0 5px 0 5px;
}

#success ul li {
	border: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px
}

#success ul li:first-letter {
	text-transform: uppercase;
}

#informations {
	border: 1px solid #EF930A;
	padding-bottom: 5px;
	margin: 5px 0px;
	background-color: #f0f0f0;
}

#informations h1 {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFFFFF;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
	background-image: url(/images/j4st/fond_titre_orange.jpg);
	background-repeat: repeat-x;
	border: 0;
	clear: none;
}

#informations img {
	float: left;
	margin: 2px 4px 0px 0px
}

#informations ul {
	margin: 0px;
	padding: 0 5px 0 5px;
}

#informations ul li {
	border: none;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px
}

#informations ul li:first-letter {
	text-transform: uppercase;
}

/*a{  display: inline-block; }
a:first-letter{ color: red; text-transform:capitalize; }*/
.divCodeConfirmation {
	display: inline-block;
	float: right;
	width: 270px;
}

input.onFocus,
textarea.onFocus,
select.onFocus {
	border-color: #6699CC;
	background-color: #EFF7FF;
}

/* DETAILS DES ORDRES DE PAIEMENTS, ajouté le 14.09.09 */
div#paymentOrderDetail table {
	border-collapse: collapse;
	width: 100%;
}

div#paymentOrderDetail table tr {
	vertical-align: top;
}

div#paymentOrderDetail table tr th {
	text-align: left;
}

div#paymentOrderDetail table tr td {
	padding: 1px;
}

#contenu .boxPictosGauche .internalBoxTxt p.importantInfo, 
#contenu .boxPictosDroite .internalBoxTxt p.importantInfo {
	color:red;
}

input.error, 
textarea.error, 
select.error {
	background-color: #FFEFEF;
	border-color: red;
	color: red;
}
/* DRUPAL */
#contenu table.views-table tr td{
	padding:0 2px 0 2px;	
}
#contenu table tr td.views-field-created,
#contenu table tr th.views-field-created {
	text-align:right;
}

#contenu p.branch a{
	background-image: url(/pictos/icons2009/add.png);
	background-repeat: no-repeat;
	padding: 0 0 0 20px ;	
}
#contenu p.capital{
	display: inline-block;
}

#contenu p.capital:first-letter,
select option:first-letter, 
select optgroup:first-letter{
	text-transform: uppercase;
}

select option, 
select optgroup{
	padding-left: 2px;
}

div.hiddendiv{
	background-color: #FDE6C1;
	border: 1px solid #CCC;
	color: #C20202;
	margin: 0;
	padding: 2px 5px;
}


/*------------------------------- contenu formulaire drupal ---------------------------*/					
form,
#contact-mail-page{
	margin: 0;
	padding: 0;
}			
form .form-select{
	margin: 0 0 0 5px;
	width: 250px;
}
			#contenu #contenant form .webform-component-select,
			#contenu #contenant form .webform-component-textarea,
			#contenu #contenant form .form-item{
				clear:both;
			}
				#contenu #contenant form .form-item input{
					vertical-align:bottom;
				}
				#contenu #contenant form .form-item label,
				#contenu #contenant form #edit-entreprise-wrapper label {	
					padding-top:4px;
					font-size: 12px;
					color: #666;
					font-weight: normal;
					font-variant: normal;
					font-style: normal;
					line-height: normal;
					width: 100px;
					border-bottom: 1px dotted #CCC;
					vertical-align: top;
					width: 200px;
					float: left;
				}	
				#contenu #contenant form .form-item input,
				#contenu #contenant form .form-item textarea,
				#contenu #contenant form .form-item select{		
					font-size: 12px;
					color: #666;
					background-color: #FFF;
					padding: 0px;
					width: 250px;
					margin-top: 3px;
					border: 1px solid #CCC;
					margin-left: 5px;
				}
			#contenu #contenant div.form-item  input.error,
			#contenu #contenant div.form-item textarea.error,
			#contenu #contenant form .form-item select.error {
				border:1px solid #C52020;
				background-color: #FFCCCC;
			}
			#contenu #contenant form .form-item option {
				font-size: 12px;
				font-style: normal;
				color: #666;
				padding-left: 3px;
			}
			#contenu #contenant form .form-item optgroup {		
				font-size: 12px;
				color: #666;
				font-style: normal;
				font-weight: bold;
				font-variant: normal;
				padding-left: 3px;
			}
			#contenu #contenant form .form-item optgroup:first-letter,
			#contenu #contenant form .form-item option:first-letter{
				text-transform: uppercase;
			}
		#contenu #contenant form .form-radios {
			float:left;
			width:200px;	
		}
		#contenu #contenant form .form-radios p{
			margin: 0;
			padding: 0 0 0 5px;
	}
	#contenu #contenant form .form-radios .option{
		border: none;	
	}
		#contenu #contenant form .form-radios .option input{
			border: none;
			width: 20px;
		}
/*---------------------- captcha ------------------------*/

#contenu #contenant .captcha{
	border: none;
	clear:both;
}
	#contenu #contenant .captcha legend,
	#contenu #contenant .captcha .description {
		display: none;
	}
#contenu #contenant .captcha #edit-captcha-response-wrapper{
	padding-bottom:10px;
}
#contenu #contenant form .captcha #edit-captcha-response-wrapper label{
	border:none;
}

/*------------------------------------------- BANNERS -------------------------------*/
div.banner{
	border: 1px solid #CCCCCC;	
}
/*------------------------------------------- FOOTER LEGAL -------------------------------*/
td.footer_legal{
	font-size: 9px;
	color: #666666;
	text-align:left;
	height: 25px;
}

#contenu h3.clickable {
	text-decoration: underline;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
}
#contenu h3.bleu,
#contenu div.shlp .internalBoxTxt a{
	color: #4E90E1;	
}