@charset "utf-8";
/********************************************************
	CSS Document / Home - Dubreuil by Skalpel.fr
********************************************************/

/* Caroussel
-----------------------------------------------------------------------------*/
#caroussel { 
	float: left;
	position: relative;
	display: block;
	width: 317px; 
	height: 435px;
}

/* Diapo */
#caroussel div.diapo {
	position: absolute;
	visibility: hidden;
	display: block;
	width: 317px;
	height: 413px;
}
#caroussel div.diapo.active { visibility: visible; }

#caroussel div.diapo img { width: 317px; height: 413px; }

/* Pages */
#caroussel ul.pages {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	height: 16px;
}
#caroussel ul.pages li {
	float: left;
	display: inline-block;
	width: 16px;
	height: 16px;
}
#caroussel ul.pages a:link, #caroussel ul.pages a:visited {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/interface/home/caroussel-pages.gif) 0 0 no-repeat;
}
	#caroussel ul.pages a:hover { background-position: 0 -16px; }
	#caroussel ul.pages li.active a:link, #caroussel ul.pages li.active a:visited, #caroussel ul.pages li.active a:hover { background-position: 0 -16px; }
	
/* Nav */
#caroussel ul.nav {
	position: absolute;
	bottom: 2px;
	right: 0;
	display: block;
	height: 17px;
}
#caroussel ul.nav li {
	float: left;
	display: inline-block;
	width: 18px;
	height: 17px;
}
#caroussel ul.nav a:link, #caroussel ul.nav a:visited {
	display: block;
	width: 18px;
	height: 17px;
	background: url(../images/interface/btn-suivant-precedent.gif) 0 0 no-repeat;
}
#caroussel ul.nav li.precedent a:link, #caroussel ul.nav li.precedent a:visited {
	background: url(../images/interface/btn-suivant-precedent.gif) 0 0 no-repeat;
}
	#caroussel ul.nav li.precedent a:hover { background-position: 0 -17px; }
#caroussel ul.nav li.suivant a:link, #caroussel ul.nav li.suivant a:visited {
	background: url(../images/interface/btn-suivant-precedent.gif) -18px 0 no-repeat;
}
	#caroussel ul.nav li.suivant { margin-left: 3px; }
	#caroussel ul.nav li.suivant a:hover { background-position: -18px -17px; }
	
	
/* Accueil
-----------------------------------------------------------------------------*/
#accueil {
	float: right;
	display: block;
	width: 614px;
	height: 413px;
	background: url(../images/interface/home/accueil-bg.gif) top left no-repeat;
}


/* Actualités
-----------------------------------------------------------------------------*/
#actualites {
	/*float: left;*/
	display: block;
	width: 325px;
	height: 205px;
	overflow: hidden;
}
#actualites p { margin: 0; }
/* Head */
#actualites p.head {
	display: block;
	width: 125px;
	height: 32px;
	line-height: 32px;
	padding-left: 200px;
	background: url(../images/interface/home/actualites-title.gif) 15px 10px no-repeat;
	font-size: 0.90em;
}	
#actualites p.head a {
	padding-left: 9px;
	background: url(../images/interface/puce-1.gif) 0 4px no-repeat;
}
/* Actu */
#actualites div.actu {
	display: block;
	width: 285px;
	height: 77px;
	overflow: hidden;
	padding: 10px 25px 0 15px;
	background: url(../images/interface/home/actualites-actu-bg.gif) top left repeat-x;
}
#actualites p.title a { font-size: 1.20em; color: #1D3A5A; font-weight: bold; text-decoration: none; }
#actualites p.date { margin-bottom: 3px; font-size: 0.90em; color: #378AB7; }
#actualites p.content { margin-right: 65px; color: #3A5258; }
#actualites p.link { float: right; margin-top: 25px; }
#actualites p.link a { padding-left: 9px; background: url(../images/interface/puce-1.gif) 0 5px no-repeat; }
	
	
/* President
-----------------------------------------------------------------------------*/
#president {
	position: absolute;
	top: 2px;
	right: 4px;
	display: block;
	width: 255px;
	height: 193px;
	padding: 15px 12px 0 30px;
	background: url(../images/interface/home/president-bg.gif) top right no-repeat;
	color: #3A5258;
}
#president p.title {
	display: block;
	width: 158px;
	height: 18px;
	background: url(../images/interface/home/president-title.gif) top left no-repeat;
}
#president p.link { margin: 10px 0 0 0; }
	#president p.link a { padding-left: 9px; background: url(../images/interface/puce-1.gif) 0 5px no-repeat; }
#president p.signature { text-align: right; font-size: 1.20em; color: #6C7A7D; }


/* Recrutement
-----------------------------------------------------------------------------*/
#recrutement {
	display: block;
	width: 316px;
	height: 203px;
	padding: 1px 1px 0 1px;
	background-color: #FFFFFF;
	border-top: 1px solid #CED3DA;
	border-right: 1px solid #CED3DA;
}
#recrutement p { margin: 0 70px 0 0; }

/* Offre */
#recrutement div.offre {
	display: block;
	height: 55px;
	overflow: hidden;
	padding: 7px 7px 5px 15px;
	margin-bottom: 1px;
}
#recrutement img { 
	float: right;
	padding: 1px;
	margin-top: 2px;
	background-color: #FFFFFF;
    width: 45px;
    height: 45px;
}
#recrutement p.poste { margin-bottom: 3px; font-size: 1.20em; font-weight: bold; }
#recrutement div.details { line-height: 1.10em; margin-bottom: 2px; font-size: 0.90em; color: #FFFFFF; }
#recrutement p.links { font-size: 0.90em; }
	#recrutement p.links a { padding-left: 9px; margin-right: 10px; background: url(../images/interface/puce-2.gif) 0 4px no-repeat; }
	#recrutement p.links a.offres:link, #recrutement p.links a.offres:visited { color: #E8DC00; text-decoration: underline; }
		#recrutement p.links a.offres:hover { text-decoration: none; }
	#recrutement p.links a.link:link, #recrutement p.links a.link:visited {text-decoration: none; }
		#recrutement p.links a.link:hover { text-decoration: underline; }

/* Offre par Activité */
/* Automobile */
#recrutement div.offre.automobile { background: #D74055 url(../images/interface/home/recrutement-automobile.gif) bottom left repeat-x; }
	#recrutement div.automobile img { border: 1px solid #750F1E; }
	#recrutement div.automobile p.poste { color: #750F1E; }
	#recrutement div.automobile p.links a.link { color: #750F1E; }
/* Aerien */
#recrutement div.offre.aerien { background: #46AED8 url(../images/interface/home/recrutement-aerien.gif) bottom left repeat-x; }
	#recrutement div.aerien img { border: 1px solid #004B6C; }
	#recrutement div.aerien p.poste { color: #004B6C; }
	#recrutement div.aerien p.links a.link { color: #004B6C; }
/* Alimentaire */
#recrutement div.offre.alimentaire { background: #DD629C url(../images/interface/home/recrutement-alimentaire.gif) bottom left repeat-x; }
	#recrutement div.alimentaire img { border: 1px solid #7D154F; }
	#recrutement div.alimentaire p.poste { color: #7D154F; }
	#recrutement div.alimentaire p.links a.link { color: #7D154F; }
/* Bricolage */
#recrutement div.offre.bricolage { background: #23A789 url(../images/interface/home/recrutement-bricolage.gif) bottom left repeat-x; }
	#recrutement div.bricolage img { border: 1px solid #01523E; }
	#recrutement div.bricolage p.poste { color: #01523E; }
	#recrutement div.bricolage p.links a.link { color: #01523E; }
/* Energies */
#recrutement div.offre.energies { background: #A3CA60 url(../images/interface/home/recrutement-energies.gif) bottom left repeat-x; }
	#recrutement div.energies img { border: 1px solid #366D2E; }
	#recrutement div.energies p.poste { color: #366D2E; }
	#recrutement div.energies p.links a.link { color: #366D2E; }
/* Immobilier */
#recrutement div.offre.immobilier { background: #8C8AC7 url(../images/interface/home/recrutement-immobilier.gif) bottom left repeat-x; }
	#recrutement div.immobilier img { border: 1px solid #352F97; }
	#recrutement div.immobilier p.poste { color: #352F97; }
	#recrutement div.immobilier p.links a.link { color: #352F97; }
/* Industrie */
#recrutement div.offre.industrie { background: #EF9C26 url(../images/interface/home/recrutement-industrie.gif) bottom left repeat-x; }
	#recrutement div.industrie img { border: 1px solid #D15214; }
	#recrutement div.industrie p.poste { color: #7D310D; }
	#recrutement div.industrie p.links a.link { color: #7D310D; }
/* Petrole */
#recrutement div.offre.petrole { background: #97AD3E url(../images/interface/home/recrutement-petrole.gif) bottom left repeat-x; }
	#recrutement div.petrole img { border: 1px solid #1F5822; }
	#recrutement div.petrole p.poste { color: #1F5822; }
	#recrutement div.petrole p.links a.link { color: #1F5822; }
/* Holding */
#recrutement div.offre.holding { background: #97AD3E url(../images/interface/home/recrutement-holding.gif) bottom left repeat-x; }
	#recrutement div.holding img { border: 1px solid #64651F; }
	#recrutement div.holding p.poste { color: #64651F; }
	#recrutement div.holding p.links a.link { color: #64651F; }

	
/* Univers
-----------------------------------------------------------------------------*/
#univers { 
	position: absolute;
	top: 220px;
	right: 13px;
	display: block;
	overflow: hidden;
	width: 265px; 
	height: 174px;
	border: 4px solid #BBCACC;
}
/* Diapo */
#univers div.diapo {
	position: absolute;
	z-index: 0;
	display: block;
	width: 265px;
	height: 174px;
}
#univers div.diapo.last { z-index: 1; }
#univers div.diapo.active { z-index: 2; }