/* = Feuille de styles / recrutement = */

/* ================================================================================ */
/* = global structure = */
/* ================================================================================ */
	#header {
		/*height: 142px;*/
		/*background: transparent url(../images/bgBottomHeaderInsti.gif) no-repeat bottom right;*/
		}
	
	#colA {padding: 0 10px 1em 36px}
	#colB {margin: 0}
		
	#colA p {
		word-spacing: -1px;
		letter-spacing: 0;
		text-align: justify;
		}
	
/* ================================================================================ */
/* = colA= */
/* ================================================================================ */
	
	/*= introGene ---------------------------------------- */
	#introImg, #introContent {float: left}
	#introImg {width: 202px;}
	#introContent {
		width: 442px;
		padding: 1em 10px 1em 10px
		}
	
	/*= offres / home ---------------------------------------- */
	#offres {
		width: 520px;
		margin: 1em 0 0 145px;
		}
	#offres h2 {
		color:#009119;
		font-size: 108%;
		font-weight: bold;
		padding: 0 0 0.5em 0;
		}
	.libeleOffre {
		margin: 0 0 1em 0;
		background-color:#F4F4F4;
		}
	.libeleOffre p {
		padding: 0.5em!important;
		}
	.libeleOffre p, 
	.libeleOffre p a,
	span.intitule {
		color:#154C96;
		font-size: 93%;
		}
	.libeleOffre ul li {
		width: 97%; 
		margin: 0 0 0 0.5em;
		}
	
	/*= libele / date ---------------------------------------- */
	p.libele {
		font-size: 100%;
		padding: 0.2em 0 0.3em 1.2em!important;
		background: #DDE4ED url(../images/flcLibele.gif) no-repeat 0 -1px
		}
	p.libele a, 
	span.intitule {
		display: block;
		width: 80%;
		margin:0!important;
		}
	p.libele a {
		text-decoration: underline!important;
		}
	span.date {
		position: absolute;
		right: 174px;
		margin: -20px 0 0 0;
		vertical-align: middle;
		padding: 0.3em 0.5em 0.3em 0.5em;
		font-size: 93%; color:#fff;
		text-align: center;
		text-decoration: none;
		background-color:#7494C0;
		}
	
	/*= link more ---------------------------------------- */	
	.libeleOffre a.more {
		margin: 0 0 0 0.5em;
		padding: 0.2em 0 0 0.5em;
		color:#515151;
		text-decoration: none;
		background: transparent url(../images/itemMoreRecrute.gif) no-repeat 0 8px
		}
	
	/*= Depôt d’une offre ---------------------------------------- */
	a.depot {
		display: block;
		float: right;
		width: 300px; height: 30px;
		background: transparent url(../images/btDepot.gif) no-repeat 0 0
		}
	
	/*= Offre / Détail ---------------------------------------- */
	#colA p.intro {
		color:#7494C0!important;
		border-bottom: 1px #B7C5D4 solid;
		}
	#colA p.titre {
		color:#242424;
		padding: 0 0 0 2em;
		background: transparent url(../images/chevron.gif) no-repeat 12px 5px
		}
	a.postuler,
	input.postuler,
	a.retourOffres,
	a.ami,input.ami  {
		float: right;
		clear: both;
		display: block;
		width: 160px; height: 32px;
		}
	a.postuler,input.postuler {
		background: transparent url(../images/linkPostuler.gif) no-repeat 0 0}
	a.ami,input.ami {
		background: transparent url(../images/linkAmi.gif) no-repeat 0 0}
	a.retourOffres {
		background: transparent url(../images/linkRetourOffres.gif) no-repeat 0 0}
	
/* ================================================================================ */
/* = colB = */
/* ================================================================================ */
	#ccmoQui,
	#ccmoCharte,
	#ccmoZoom {margin: 0 0 0.5em 0;}
	
	#ccmoCharte,
	#ccmoZoom {
		padding: 10px;
		background-color:#E4F3F1;
		}
	
	/*= charte ---------------------------------------- */
	#ccmoCharte h3 {
		width:130px; height:22px;
		margin: 0 0 0.2em 0;
		background: transparent url(../images/h3Charte.gif) no-repeat 0 0
		}
	#ccmoCharte p {
		color:#898989;
		}
	#ccmoCharte p strong,
	#ccmoCharte p b {
		color:#666;
		margin:0;
		font-weight: bold;
		}
	#ccmoCharte a.more {
		display: block;
		font-size: 93%; 
		color:#666;
		text-decoration: none;
		padding: 0 0 0 0.8em;
		margin: 1em 0 1em 0;
		background: transparent url(../images/chevronColB.gif) no-repeat 0 5px
		}
	
	/*= qui ---------------------------------------- */
	#ccmoQui h3 a img {
		width:150px ; height:38px;		
		background: transparent url(../images/h3Qui.gif) no-repeat 0 0
		}