/*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;
}

/*-------------------------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 ---------------------------------------------------*/

/*--------------- 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: 160px;
	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);
}

/*--------------- 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.creerL,input.suivreL,
input.rechercherL,input.bouton, 
input[type="submit"] {
	text-align: left;
	padding-top: 0px;
}

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

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


	/*--------------- entier XL----------------*/

a.suivreXL,input.suivreXL, 
a.rechercherXL,
input.rechercherXL,
a.creerXL,
input.creerXL,
a.postulerXL,
a.voirXL,
a.passwordXL,
input.passwordXL,
a.boutonXL,
input.boutonXL{
	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;
	/*background-color: #FFFFFF;*/
}

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

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

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

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


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

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

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

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

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

input.passwordXL {
	padding-top: 0;
}

a.passwordXL:hover,
input.passwordXL:hover {
	background-image: url(/images/j4st/boutons/password_XL_hover.gif);
}

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

a.voirXL:hover {
	background-image: url(/images/j4st/boutons/voir_XL_hover.gif);
}

a.postulerXL {
	background-image: url(/images/j4st/boutons/postuler_XL.gif);
}

a.postulerXL:hover {
	background-image: url(/images/j4st/boutons/postuler_XL_hover.gif);
}

a.creerL,
input.creerL {
	background-image: url(/images/j4st/boutons/creer_L.gif);
}

a.creerL:hover,
input.creerL:hover {
	background-image: url(/images/j4st/boutons/creer_L_hover.gif);
}

a.rechercherL,
input.rechercherL {
	background-image: url(/images/j4st/boutons/rechercher_L.gif);
	width: 120px;
}

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

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

a.passwordL:hover {
	background-image: url(/images/j4st/boutons/password_L_hover.gif);
}

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

a.voirL:hover {
	background-image: url(/images/j4st/boutons/voir_L_hover.gif);
}

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

a.postulerL:hover {
	background-image: url(/images/j4st/boutons/postuler_L_hover.gif);
}

/*--------------- M ----------------*/
a.suivreM,
input.suivreM,
a.boutonM,
input.boutonM {
	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;*/
}

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

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

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

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

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

a.rechercherM,
input.rechercherM {
	background-image: url(/images/j4st/boutons/rechercher_L.gif);
	width: 120px;
}

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

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

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

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

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

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

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

/*--------------- 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.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 30px;
	text-transform: uppercase;
	padding-top: 3px;
	display: inline-block;
	text-align: center;
	background-color: #FFFFFF;
}

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.gif);
}

/*---------------------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.gif);
	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-top: 5px;
	margin-bottom: 5px;
	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;
}

.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;
}

.haut .login {
	width: 162px;
}

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

.haut .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 {
	color: #666666;
	text-align: right;
	text-decoration: underline;
	padding-top: 4px;
	padding-bottom: 6px;
}

.haut .login a:hover {
	color: #F3980A;
}

.haut .login td.titre {
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	width: 10px;
	font-size: 12px;
	line-height: 11px;
}

.haut .login td.titre a {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}

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

#coinLoginEmail {
	border: 0;
	width: 130px;
}

#coinLoginPassword {
	border: 0;
	width: 108px;
}

.haut .loginActif {
	width: 162px;
	height: 60px;
}

.haut .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 {
	padding: 5px;
}

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

.haut .loginActif a:hover {
	text-decoration: none;
	text-align: right;
}

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

.haut .loginActif a.logout:hover {
	text-decoration: none;
}

.logo {
	height: 60px;
	width: 344px;
	padding: 0px;
	margin: 0px 3px 0px 0px;
}

/* --------------------------------------------------------------------------- */
.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;
	/*font-weight: bold;
					background-image: url(/images/j4st/fleche_menu.gif);
					background-repeat: no-repeat;*/
}

.menuGauche .menu ul li: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 {
	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 .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.gif);
					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.gif);
					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;
					}
/*---------------------------------------  #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: 5px 0px 5px 0px;
}

#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;
}

/*---- 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 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.gif);
	background-repeat: no-repeat;
	float: left;
}

#contenu #profil #gaucheF {
	width: 150px;
	height: 300px;
	background-image: url(/images/j4st/profil_f.gif);
	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 .boxGauche {
	float: left;
	clear: both;
}

#contenu .boxDroite {
	float: right;
}

#contenu .boxGauche2 {
	height: 200px;
	float: left;
	clear: both;
}

#contenu .boxGauche2 ul {
	margin-left: 28px;
	margin-top: 10px;
}

#contenu .boxGauche2 ul li {
	list-style-image: url(/images/j4st/V_box.gif);
}

#contenu .boxGauche p    , #contenu .boxDroite p {
	padding: 5px;
}

#contenu .boxGauche table    , #contenu .boxDroite table {
	margin: 5px;
	padding: 0px;
}

#contenu .boxGauche table td    , #contenu .boxDroite table td {
	margin: 0px;
	padding: 0px;
}

#contenu .boxGauche h1    , #contenu .boxGauche2 h1    , #contenu .boxDroite 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 {
	padding: 5px;
}

#contenu .boxGauche .texte2    , #contenu .boxDroite .texte2 {
	padding: 5px 5px 0px 5px;
}

#contenu .boxGauche .texte2 a    , #contenu .boxDroite .texte2 a {
	color: #333333;
	text-decoration: underline;
}

#contenu .boxGauche .texte2 a:hover,#contenu .boxDroite .texte2 a:hover
	{
	color: #333333;
	text-decoration: none;
}

#contenu .boxGauche .sousTitre2    , #contenu .boxDroite .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;
}

/*----------------------------------- 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 10px 0px 10px;
	border: none;
}

.bas .droite {
	width: 152px;
	padding: 0px 5px 0px 5px;
}

.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: 5px 0px;
	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;
}

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;
}

/*------------------------------- 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;	
}