/*/////// BLOCS VERTS x1 //////////*/

.blocBleux1 {
	float:left;
	width:123px;
	margin: 0;
	padding: 0;
	background-image:url(../blocBleux1Fond.gif);
	background-repeat:repeat-y;
}

.blocBleux1 h3
	{
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	margin: 0;
	padding:5px;
	background-image:url(../blocx1FondH3.gif);
	background-repeat:no-repeat;
	background-color:#020202;
	min-height:30px;
	}

.blocBleux1 .contenu {
	margin: 0;
	padding: 5px;
	width:113px;
}

.blocBleux1 .footer {
	clear:both;
	margin: 0;
	padding: 0;
	width:123px;
	height:10px;
	background-image:url(../blocBleux1Footer.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

/*/////// BLOCS BLEUS x2 //////////*/

.blocBleux2 {
	float:left;
	width:266px;
	font-size:11px;
	margin: 20px 0 0 0;
	padding:0;
	background-image:url(../blocBleux2Fond.gif);
	background-repeat:repeat-y;
}

.blocBleux2 .sousBloc {
	float:left;
	_float:none;
	width:248px;
	font-size:11px;
	margin: 10px 9px 0 9px;
	padding:0;
	background-image:url(../sousBlocBleux2Fond.gif);
	background-repeat:repeat-y;
}

.blocBleux2 .sousBloc h3 {
	font-size:14px;
	color:#42423c;
	margin: 0;
	padding: 7px 0 0 10px;
	background-image:url(../sousBlocBleux2FondH3.gif);
	height:24px;
}

.blocBleux2 .sousBloc .footer {
	margin: 0;
	padding: 0;
	height:10px;
	background-image:url(../sousBlocBleux2Footer.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.blocBleux2 h3 {
	font-size:14px;
	color:#FFFFFF;
	margin: 0;
	padding: 6px 0 0 10px;
	background-image:url(../blocx2FondH3.gif);
	height:23px;
}

.blocBleux2 h4 {
	font-size:12px;
	color:#42423c;
	margin: 0;
	padding: 5px 0 5px 10px;
}


.blocBleux2 h3.pictoLoupe {
	font-size:14px;
	color:#FFFFFF;
	margin: 0;
	padding: 6px 0 0 30px;
	background-image:url(../blocx2FondH3LoupeRecruteurs.gif);
	height:24px;
}

.blocBleux2 .contenu {
	clear:both;
	margin: 0;
	padding: 0 1px;
}

.blocBleux2 .contenu .texte {
	clear:both;
	margin: 0;
	padding: 8px 5px;
	/padding: 8px 5px 0 5px;
	float:left;
}

.blocBleux2 .footer {
	clear:both;
	margin: 0;
	padding: 0;
	height:15px;
	background-image:url(../blocBleux2Footer.gif);
	background-position:0 0;
}

/*/////// BLOCS VERTS x3 //////////*/

.blocBleux3 {
	float:left;
	width:409px;
	font-size:11px;
	margin: 20px 0 0 0;
	padding:0;
	background-image:url(../blocBleux3Fond.gif);
	background-repeat:repeat-y;
}

.blocBleux3 h3 {
	font-size:14px;
	color:#FFFFFF;
	margin: 0;
	padding: 7px 0 0 0;
	background-image:url(../blocx3FondH3.gif);
	height:23px;
}

.blocBleux3 h3.pictoLoupe {
	font-size:18px;
	color:#FFFFFF;
	margin: 0;
	padding: 6px 0 0 30px;
	background-image:url(../blocx3FondH3Loupe.gif);
	height:24px;
}

.blocBleux3 h3 .petit {
	font-size:11px;
	color:#bbbdbe;
	font-weight:normal;
}

.blocBleux3 .contenu {
	clear:both;
	margin: 0;
	padding: 0 1px;
}

.blocBleux3 .contenu .texte {
	clear:both;
	margin: 0;
	padding: 8px 5px;
	/padding: 8px 5px 0 5px;
	float:left;
}

.blocBleux3 .footer {
	clear:both;
	margin: 0;
	padding: 0;
	height:15px;
	background-image:url(../blocBleux3Footer.gif);
	background-position:0 0;
}

/*/////// FORM x1 //////////*/


.blocBleux1 .contenu .formulaire
{
	padding: 0;
	margin:0;
	width:113px;
	overflow:hidden;
}

.blocBleux1 .contenu .formulaire h4
{
	font-size:11px;
	padding: 0;
	margin:5px 0;
	/margin:5px 0 0 0;
}

.blocBleux1 .contenu .formulaire p
	{
	width:109px;
	margin: 0;
	padding:5px 0;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
}

.blocBleux1 .contenu .formulaire .typeDOffres {
	margin: 0 0 10px 0;
	padding:3px 5px;
	width:100px;
	border:solid 1px #626164;
	background-color:#FFFFFF;
}

.blocBleux1 .contenu .formulaire label
{
	font-weight:bold;
	overflow: hidden;
	padding:0;
	margin: 0;
	text-align: left;
	font-size: 11px;
}

.blocBleux1 .contenu .formulaire input.saisie
{
	float:left;
	margin: 0 0 5px 0;
	width: 101px;
	border: 1px solid #515053;
	padding: 3px;
	font-weight: bold;
	font-size: 11px;
	color: #5b5548;
	background-image:url(../fondZoneDeSaisie.gif);
}

.blocBleux1 .contenu .formulaire select
{
	float:left;
	margin: 0 0 10px 0;
	width: 109px;
	border: 1px solid #515053;
	padding: 2px 0 1px 0;
	font-weight: bold;
	font-size: 11px;
	color: #5b5548;
	background-color: #ffffff;
}

.blocBleux1 .formulaire p input.radio, .blocBleux1 .formulaire p input.checkBox {
	float:left;
	margin:0 5px 0 0;
	/margin: 0 5px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	overflow:hidden;
}

/*/////// FORM x2 //////////*/


.blocBleux2 .contenu .formulaire {
	padding: 0;
	margin:0;
	width:100%;
}

.blocBleux2 .contenu .formulaire h4
{
	font-size:11px;
	padding: 0;
	margin: 0 0 5px 0;
}

.blocBleux2 .contenu .formulaire p {
	margin: 0;
	padding:0;
	width:100%;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
}

.blocBleux2 .contenu .formulaire .criteres {
	margin: 0;
	padding:0;
	width:150px;
	float:left;
}

.blocBleux2 .contenu .formulaire .typeDOffres {
	margin: 0;
	padding:0;
	width:90px;
	float:right;
}

.blocBleux2 .contenu .formulaire label {
	font-weight:bold;
	overflow: hidden;
	float: left;
	padding:0;
	margin: 2px 0 0 2px;
	/margin: 5px 0 0 0;
	text-align: left;
	font-size: 11px;
}

.blocBleux2 .contenu .formulaire input.saisie {
	font:Arial, Helvetica, sans-serif;
	float:left;
	margin: 0 6px 10px 0;
	width: 120px;
	border: 1px solid #515053;
	padding: 3px;
	font-weight: bold;
	font-size: 11px;
	color: #5b5548;
	background-image:url(../fondZoneDeSaisie.gif);
	background-color: #ffffff;
}

.blocBleux2 .contenu .formulaire select {
	float:left;
	margin: 0 6px 10px 0;
	width: 129px;
	border: 1px solid #515053;
	padding: 2px 0 1px 0;
	font-weight: bold;
	font-size: 11px;
	color: #5b5548;
	background-color: #ffffff;
}

.blocBleux2 .formulaire input.radio, .blocBleux2 .formulaire input.checkBox {
	float:left;
	/margin: 0 5px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	overflow:hidden;
}

.blocBleux2 .formulaire .labelRadio, .blocBleux2 .formulaire .labelCheckBox {
	float:left;
	margin: 0 3px 0 0;
	padding: 0 0 0 3px;
	background-color:transparent;
	border: none;
	font-weight:bold;
}

/*/////// FORM x3 //////////*/


.blocBleux3 .contenu .formulaire {
	padding: 0;
	margin:0;
	width:100%;
}

.blocBleux3 .contenu .formulaire p {
	margin: 0;
	padding:0;
	width:100%;
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
}

.blocBleux3 .contenu .formulaire .typeDOffres {
	margin: 0;
	padding:10px 0 0 0;
	width:250px;
	float:left;
}

.blocBleux3 .contenu .formulaire label {
	font-weight:bold;
	overflow: hidden;
	float: left;
	padding:0;
	margin: 2px 0 0 2px;
	/margin: 5px 0 0 0;
	text-align: left;
	font-size: 11px;
}

.blocBleux3 .contenu .formulaire input.saisie {
	font:Arial, Helvetica, sans-serif;
	float:left;
	margin: 0 6px 10px 0;
	width: 120px;
	border: 1px solid #515053;
	padding: 3px;
	font-weight: bold;
	font-size: 11px;
	color: #5b5548;
	background-image:url(../fondZoneDeSaisie.gif);
	background-color: #ffffff;
}

.blocBleux3 .contenu .formulaire select {
	float:left;
	margin: 0 6px 10px 0;
	width: 123px;
	border: 1px solid #515053;
	padding: 2px 0 1px 0;
	font-weight: bold;
	font-size: 11px;
	color: #5b5548;
	background-color: #ffffff;
}

.blocBleux3 .formulaire input.radio, .blocBleux3 .formulaire input.checkBox {
	float:left;
	/margin: 0 5px 0 0;
	padding: 0;
	background-color:transparent;
	border: none;
	overflow:hidden;
}

.blocBleux3 .formulaire .labelRadio, .blocBleux3 .formulaire .labelCheckBox {
	float:left;
	margin: 0 3px 0 0;
	padding: 0 0 0 3px;
	background-color:transparent;
	border: none;
	font-weight:bold;
}

/*/////// LISTES ET LIENS DANS LES BLOCS VERTS //////////*/

.blocBleux2 .liste,
.blocBleux3 .liste
	{
	padding:0;
	margin: 0;
	}

.blocBleux2 dl.liste dd,
.blocBleux3 dl.liste dd
	{
	font-size:11px;
	color:#49484d;
	font-weight:normal;
	border-bottom:solid 1px #d8d9da;

	}

.blocBleux2 dl.liste dd a,
.blocBleux3 dl.liste dd a
	{
	cursor: pointer;
	color: #626164;
	font-weight: normal;
	text-decoration: none;
	display: block;
	margin: 0;
	padding:4px 5px;
	overflow: hidden;
	zoom: 1;
}

.blocBleux2 dl.liste dd a:hover, .blocBleux2 dl.liste dt a:hover,
.blocBleux3 dl.liste dd a:hover, .blocBleux3 dl.liste dt a:hover
	{
	cursor: pointer;
	background-color:#d8d9da;
	color:#42423c;
	}


.blocBleux2 .lien,
.blocBleux3 .lien
	{
	clear:both;
	padding:0;
	margin: 0;
	}

.blocBleux2 dl.lien dd,
.blocBleux3 dl.lien dd
	{
	font-size:11px;
	color:#42423c;
	font-weight:normal;
	}

.blocBleux2 dl.lien dd a,
.blocBleux3 dl.lien dd a
	{
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding:8px 30px;
	/padding:4px 0 4px 30px;
	background-image:url(../puceLienBleuDN.gif);
	background-repeat:no-repeat;
	overflow: hidden;
	zoom: 1;
	background-position: left center;
	}

.blocBleux2 dl.lien dd a:hover, .blocBleux2 dl.lien dt a:hover,
.blocBleux3 dl.lien dd a:hover, .blocBleux3 dl.lien dt a:hover
	{
	cursor: pointer;
	color: #ffffff;
	background-image:url(../puceLienBleuUP.gif);
	background-repeat:no-repeat;
	}
	
/*/////// MENU ACCORDEON DANS LES BLOCS VERTS //////////*/

.blocBleux2 .accordeon {
      margin: 0;
      padding: 0 2px;
      list-style: none;
	  clear:both;
      }
	  
.blocBleux2 .accordeon a, .blocBleux2 .accordeon span {
      display: block;
	cursor: pointer;
	color: #42423c;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding:8px 30px;
	background-image:url(../puceAccordeonBleuClairDN.gif);
	background-repeat:no-repeat;
	background-position: left center;
	overflow: hidden;
	zoom: 1;
      }
	  
.blocBleux2 .accordeon .toggleSubMenu a, .blocBleux2 .accordeon .toggleSubMenu span {
      }
	  
.blocBleux2 .accordeon .open a, .blocBleux2 .accordeon .open span {
		background-image:url(../puceAccordeonBleuClairOPEN.gif);
		color:#FFFFFF;
      }
	  
.blocBleux2 .accordeon a:hover, .blocBleux2 .accordeon a:focus, .blocBleux2 .accordeon a:active {
	color:#FFFFFF;
	background-image:url(../puceAccordeonBleuClairUP.gif);
   text-decoration: none;
      }
	  
.blocBleux2 .accordeon .subMenu {
   border-bottom:solid 1px #98c8e9;
   background-color:#dbeaf7;
   color:#000000;
      margin: 0;
      padding: 0;
      }
.blocBleux2 .accordeon ul.subMenu a {
      background: none;
      padding: 4px;
	    color:#2f2f31;
		font-weight:normal;
   border-top:solid 1px #98c8e9;

      }
	  
	  .blocBleux2 .accordeon ul.subMenu a:hover {
	  background-color:#98c8e9;
      }
	  
/*//////////////////////MENU/////////////////////////*/


#menuEspaceRecruteur {
	float:left;
	width:980px;
	height:87px;
	margin:0 0 0 10px;
	padding:4px 0 0 0;
	background-image:url(../fondMenuEspaceRecruteur.gif);
	background-repeat:no-repeat;
}

#menuEspaceRecruteur #monBureau {
	font-size:11px;
	float: right;
	width:398px;
	padding:0;
	margin: 3px 10px 0 12px;
}

#menuEspaceRecruteur #monBureau h4 {
	margin:0 0 5px 0;
	/margin:0;
}

#menuEspaceRecruteur #monBureau h5 {
	font-size:11px;
	font-weight:normal;
	padding:3px 0 3px 20px;
	margin:0;
}

h5.pictoContacts {
	font-size:11px;
	font-weight:normal;
	padding:0 0 0 20px;
	margin:0;
	background-image:url(../pictoNbreDeContacts.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

h5.pictoContactsRestants {
	font-size:11px;
	font-weight:normal;
	padding:2px 0 2px 20px;
	margin:0;
	background-image:url(../pictoNbreDeContactsRestants.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

h5.pictoAnnonces {
	font-size:11px;
	font-weight:normal;
	padding:3px 0 3px 20px;
	margin:0;
	background-image:url(../pictoNbreDAnnonces.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

h5.pictoTempsRestant {
	font-size:11px;
	font-weight:normal;
	padding:3px 0 3px 20px;
	margin:0;
	background-image:url(../pictoTempsRestant.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#menuEspaceRecruteur #monBureau a {
	padding:0 0 0 10px;
	margin: 0;
	background-image:url(../flecheLienMonBureau.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	font-size:11px;
	font-weight:bold;
}

/*//////// ONGLETS D'UNE OFFRE //////////*/

.TabbedPanelsBleu {
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsBleuTabGroup {
	margin: 0;
	padding: 0;
}

.TabbedPanelsBleuTab, .TabbedPanelsBleuTabSelectionner {
	position: relative;
	float: left;
	width:346px;
	_width:316px;
	padding: 0;
	margin: 0;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: none;
	color:#42423c;
	font-weight:bold;
	font-size:12px;
}

.TabbedPanelsBleuTabSelectionner a {
	float: left;
	width:346px;
	_width:316px;
	padding: 8px 0 5px 30px;
	margin: 0 0 10px 0;
	border-right:solid 1px #FFFFFF;
	font-size:12px;
	font-weight:bold;
	color:#42423c;
	background-image: url(../puceSelectionRecruteurDN.gif);
}

.TabbedPanelsBleuTabSelectionner a:hover {
	color:#ffffff;
	text-decoration:none;
	background-image: url(../puceSelectionRecruteurOPEN.gif);
}

.TabbedPanelsBleuTab, .TabbedPanelsBleuTabDeselectionner {
	position: relative;
	float: left;
	width:346px;
	_width:316px;
	padding: 0;
	margin: 0;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: none;
	color:#42423c;
	font-weight:bold;
	font-size:12px;
}

.TabbedPanelsBleuTabDeselectionner a {
	float: left;
	width:346px;
	_width:316px;
	padding: 8px 0 5px 30px;
	margin: 0 0 10px 0;
	border-right:solid 1px #FFFFFF;
	font-size:12px;
	font-weight:bold;
	color:#42423c;
	background-image: url(../puceDeselectionRecruteurDN.gif);
}

.TabbedPanelsBleuTabDeselectionner a:hover {
	color:#ffffff;
	text-decoration:none;
	background-image: url(../puceDeselectionRecruteurOPEN.gif);
}

.TabbedPanelsBleuTab, .TabbedPanelsBleuTabDejaAchete {
	position: relative;
	float: left;
	width:346px;
	_width:316px;
	padding: 0;
	margin: 0;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background-image: none;
	color:#42423c;
	font-weight:bold;
	font-size:12px;
}

.TabbedPanelsBleuTabDejaAchete a {
	float: left;
	width:346px;
	_width:316px;
	padding: 8px 0 5px 30px;
	margin: 0 0 10px 0;
	border-right:solid 1px #FFFFFF;
	font-size:12px;
	font-weight:bold;
	color:#42423c;
	background-image: url(../puceDejaAcheteRecruteurDN.gif);
}

.TabbedPanelsBleuTabDejaAchete a:hover {
	color:#ffffff;
	text-decoration:none;
	background-image: url(../puceDejaAcheteRecruteurOPEN.gif);
}

/* fond du contenu
 */
.TabbedPanelsBleuContentGroup {
	clear:both;
}


.TabbedPanelsBleuContent {
	clear: both;
	border-bottom: solid 1px #bbbdbe;
	margin:10px 0 0 0;
	padding:0;
	line-height:14px;
}

.PDFHaut {
	border: none;
	background-color:#fff;
	margin:0;
	padding:0;
	height:23px;
	border-bottom:solid 1px #bbbdbe;
	line-height:inherit;
}

.PDFBas {
	border: none;
	background-color:#fff;
	margin:0;
	padding:0;
	height:25px;
	border-top:solid 1px #bbbdbe;
	line-height:inherit;
}

.TabbedPanelsBleuContent .contenuAnnonce {
	clear: both;
	margin:0;
	padding:5px;
	line-height:14px;
	background-color: #dbeaf7;
	border-bottom: solid 1px #bbbdbe;
	border:none;
}

.TabbedPanelsBleuContent .blocDeParagraphes {
	width:100%;
	border-top:solid 1px #bbbdbe;
	margin:0 0 10px 0;
	padding:0;
	float:left;
	clear:both;
}

.TabbedPanelsBleuContent .papagraphe {
	width:331px;
	margin:10px 10px 0 0;
	padding:0;
	float:left;
}

.TabbedPanelsBleuContent .ongletsBas {
	clear: both;
	margin:10px 0 0 0;
	padding:5px 0;
	background-color: #ffffff;
	line-height:14px;
}

.TabbedPanelsBleuContentInvisible {
	display:none;
}

.TabbedPanelsBleuContent h4 {
	font-size:12px;
	margin:10px 0 3px 0;
	padding:0 0 3px 0;
	background-color:transparent;
}

.TabbedPanelsBleuContent h5 {
	font-size:12px;
	margin:0 0 10px 0;
	padding:5px 0 0 0;
}

.TabbedPanelsBleuContent h6 {
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
}


.TabbedPanelsBleuContentVisible {
}

.VTabbedPanelsBleu .TabbedPanelsBleuTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


.VTabbedPanelsBleu .TabbedPanelsBleuTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanelsBleu .TabbedPanelsBleuTabSelected {
	background-color: #EEE;
	border: none;
}


.VTabbedPanelsBleu .TabbedPanelsBleuContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

.TabbedPanelsBleuTab a {
	color:#42423c;
	display:block;
	padding:8px 0 5px 30px;
	background:url(../puceAccordeonGrisDN.gif) ;
}

.TabbedPanelsBleuTab a:hover {
	background-image:url(../puceAccordeonGrisUP.gif);
	color:#FFFFFF;
	text-decoration:none;
}

.TabbedPanelsBleuTab a.detailOpen {
	background-image:url(../puceAccordeonGrisOPEN.gif);
	color:#FFFFFF;
}	



/*/////// PANIER RECRUTEURS //////////*/

table.panier {
	color:#151215;
	font-weight:bold;
	font-size:12px;
	background-color:#dbeaf7
}	

table.panier td {
	padding:5px 0 5px 10px;;
	border-bottom:solid 1px #bbbdbe;
}	

table.panier th {
	padding:0 0 0 10px;;
	border-right:solid 1px #bbbdbe;
	border-bottom:solid 1px #bbbdbe;
}

.panierLigneAchat {
	float:left;
	width:673px;
	margin-top:15px;
	font-weight:bold;
	color:#151215;
	height:14px;
	padding:4px 10px;
	background-color:#98C8E9;
	border-bottom:1px solid #D8D9DA;
	/*border-bottom:1px solid #49484D;*/
}

.panierTexteAchat {
	display:block;
	float:left;
	margin:10px 10px;
}