@charset "utf-8";
/********************************************************
	CSS Document / Offres - Dubreuil by Skalpel.fr
********************************************************/

/* Recherche
-----------------------------------------------------------------------------*/
#recherche-offres {}

/* Pages */
#recherche-offres ul.pages { float: right; display: block; height: 20px; }
	#recherche-offres ul.pages:first-child { margin-top: -25px; }
#recherche-offres ul.pages li {
	float: left;
	display: inline-block;
	height: 20px; 
	line-height: 20px;
	padding: 0 4px 0 5px;
	background: url(../images/interface/pages-li.gif) 0 5px no-repeat;
	font-size: 1.10em;
	color: #263B6E; 
	font-weight: bold;
}
	#recherche-offres ul.pages li:first-child { background: none; }
#recherche-offres ul.pages a:link, #recherche-offres ul.pages a:visited {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #378AB7;
	font-weight: normal;
	text-decoration: underline;
}
	#recherche-offres ul.pages a:hover { text-decoration: none; }
	
/* Resultats */
#recherche-offres div.resultat {
	padding: 10px 10px 5px;
	border-bottom: 1px solid #d0d5d8;
}
	#recherche-offres div.resultat:first-child { border-top: 1px solid #d0d5d8; }
	#recherche-offres div.resultat.hl { background: url(../images/interface/recherche-bg.gif) top center repeat-y; }

#recherche-offres div.resultat p.title { margin: 0 0 5px; font-size: 1.25em; font-weight: bold; text-transform: uppercase; }
	#recherche-offres div.resultat p.title a:link, #recherche-offres div.resultat p.title a:visited { color: #1D3A5A; text-decoration: none;}
	#recherche-offres div.resultat p.title a:hover { color: #378AB7; text-decoration: underline; }
	
#recherche-offres div.resultat div.right { float: right; text-align: right; }
#recherche-offres div.resultat div.right img { width: 60px; }

#recherche-offres div.resultat p.enseigne { margin: 0; color: #378AB7; font-weight: bold; }
#recherche-offres div.resultat p.lieu { margin: 0; }


/* Rechercher - update
-----------------------------------------------------------------------------*/
#recherche-update {
	position: relative;
	display: block;
	width: 210px;
	min-height: 130px;
	padding-bottom: 40px;
	margin-bottom: 7px;
	background: url(../images/interface/recherche-update-bg.gif) bottom left no-repeat;
}
#recherche-update div.title {
	display: block;
	width: 190px;
	height: 40px;
	padding: 12px 0 0 20px;
	background: url(../images/interface/recherche-update-title.gif) top left no-repeat;
	font-size: 1.20em;
	color: #263B6E;
	font-weight: bold;
	text-transform: uppercase;
}
#recherche-update label { 
	float: left; 
	display: block; 
	width: 85px;
	padding: 3px 0 0; 
	margin-right: 5px;
	margin-left: 10px;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	font-size: 0.90em;
	color: #435C61;
}
#recherche-update select, #recherche-update input[type=text] {
	width: 100px;
	height: 20px;
	padding: 1px;
	border: 1px solid #9FB4C1;
	background-color: #FFF;
	font-family: Tahoma, Arial, Verdana, Kalimati, "DejaVu Sans", FreeSans, Helvetica, sans-serif;
	font-size: 0.90em;
	color: #838C96;
}
#recherche-update input[type=text] {
  height: 16px;
  width: 96px;
}
#recherche-update input[type=submit] {
	position: absolute;
	bottom: 7px;
	right: 7px;
	display: block;
	width: 87px;
	height: 23px;
	background: url(../images/interface/btn-rechercher.gif) top left no-repeat;
	cursor: pointer;
}


/* Btn - Imprimer
-----------------------------------------------------------------------------*/
#offre-print {
	float: right;
	display: block;
	width: 132px;
	height: 26px;
	margin-top: 26px;
}
#offre-print a:link, #offre-print a:visited, #offre-print a:hover {
	display: block;
	width: 132px;
	height: 26px;
	background: url(../images/interface/offres/btn-offre-print.gif) 0 0 no-repeat;
	text-decoration: none;
}


/* Detail
-----------------------------------------------------------------------------*/
#detail {
	display: block;
	width: 700px;
	min-height: 210px;
	margin-left: 0;
	background: url(../images/interface/offres/detail-bg.gif) top left no-repeat;
}
#detail div.description {
	float: left;
	display: block;
	width: 385px;
	margin: 40px 0 0 0;
}
#detail div.annonceur {
	float: right;
	display: block;
	width: 240px;
	margin: 10px 25px 0 0;
}
	#detail div.annonceur img { float: right; width: 86px; }
	#detail div.annonceur ul { margin: 40px 0 0 0; }
	#detail div.annonceur li { margin-bottom: 3px; }
#detail div.actions {
	clear: both;
	padding: 10px 0;
}
	#detail div.actions p.postuler { float: left; display: block; width: 101px; height: 30px; margin-right: 150px; }
	#detail div.actions p.postuler a:link, #detail div.actions p.postuler a:visited, #detail div.actions p.postuler a:hover {
		display: block;
		width: 101px;
		height: 30px;
		background: url(../images/interface/offres/btn-postuler.gif) top left no-repeat;
		cursor: pointer;
	}
	#detail div.actions p.liste { float: left; }
	#detail div.actions p.liste a:link, #detail div.actions p.liste a:visited, #detail div.actions p.liste a:hover {
		display: block;
		padding-left: 9px;
		background: url(../images/interface/puce-1.gif) 0 5px no-repeat;
	}
	
/* Contrat
-----------------------------------------------------------------------------*/
#contrat {
	clear: both;
	padding-top: 11px;
	padding-bottom: 15px;
	margin-top: 10px;
	background: url(../images/interface/activites/enseignes-bg.gif) top center no-repeat;
}
#contrat div.profil {
	display: block;
	padding: 10px 15px;
	background-color: #D3DADC;
	border: 1px solid #BAC6C9;
}
#contrat p.title { display: block; width: 100%; font-size: 1.20em; font-weight: bold; text-transform: uppercase; }
#contrat ul { float: left; margin: 5px 50px 0 0; }
#contrat ul li { padding: 0; margin-bottom: 3px; background: none; }