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

/* H1
-----------------------------------------------------------------------------*/
/* H1 */
h1 {
	vertical-align:middle;
	padding:5px 0 0 90px;
	height:60px;
}
h1 img {
	vertical-align:middle;
}
h1.double {
	line-height: 30px;
}
h1.automobile { padding-left: 70px; background: url(../images/interface/activites/h1-automobile.gif) 0 0 no-repeat; }
h1.aerien { background: url(../images/interface/activites/h1-aerien.gif) 0 0 no-repeat; }
h1.petrole { padding-left: 70px; background: url(../images/interface/activites/h1-petrole.gif) 0 0 no-repeat; }
h1.industrie { background: url(../images/interface/activites/h1-industrie.gif) 0 0 no-repeat; }
h1.energies { padding-left: 70px; background: url(../images/interface/activites/h1-energies.gif) 0 0 no-repeat; }
h1.alimentaire { padding-left: 70px; background: url(../images/interface/activites/h1-alimentaire.gif) 0 0 no-repeat; }
h1.bricolage { padding-left: 70px; background: url(../images/interface/activites/h1-bricolage.gif) 0 0 no-repeat; }
h1.immobilier { padding-left: 70px; background: url(../images/interface/activites/h1-immobilier.gif) 0 0 no-repeat; }


h1.activite1 { padding-left: 70px; background: url(../images/interface/activites/h1-automobile.gif) 0 0 no-repeat; } /* distribution auto */
h1.activite9 { padding-left: 70px; background: url(../images/interface/activites/h1-automobile-pieces.gif) 0 0 no-repeat; } /* pieces auto */
h1.activite2 { padding-left: 70px; background: url(../images/interface/activites/h1-aerien.gif) 0 0 no-repeat; } /* transport aérien */
h1.activite3 { padding-left: 70px; background: url(../images/interface/activites/h1-petrole.gif) 0 0 no-repeat; } /* distribution pétrolier */
h1.activite4 { padding-left: 70px; background: url(../images/interface/activites/h1-industrie.gif) 0 0 no-repeat; } /* BTP */
h1.activite5 { padding-left: 70px; background: url(../images/interface/activites/h1-energies.gif) 0 0 no-repeat; } /* Energies nouvelles */
h1.activite6 { padding-left: 70px; background: url(../images/interface/activites/h1-alimentaire.gif) 0 0 no-repeat; } /* Alimentaire */
h1.activite12 { padding-left: 70px; background: url(../images/interface/activites/h1-hotellerie.gif) 0 0 no-repeat; } /* Hotellerie */
h1.activite8 { padding-left: 70px; background: url(../images/interface/activites/h1-immobilier.gif) 0 0 no-repeat; } /* Immobilier */

/* Emplois */
#emplois {
	float: right;
	display: block;
	width: 205px;
	height: 26px;
	margin-top: 46px;
}
#emplois a:link, #emplois a:visited, #emplois a:hover {
	display: block;
	width: 205px;
	height: 26px;
	background: url(../images/interface/activites/btn-emplois.gif) 0 0 no-repeat;
	text-decoration: none;
}


/* Enseignes
-----------------------------------------------------------------------------*/
#enseignes {
	clear: both;
	padding-top: 11px;
	padding-bottom: 15px;
	margin-top: 20px;
	background: url(../images/interface/activites/enseignes-bg.gif) top center no-repeat;
}
#enseignes p { margin: 0; }

/* Enseigne */
#enseignes div.enseigne {
	/*position: relative;*/
	display: block;
	width: 663px;
	padding: 7px;
	margin-bottom: 4px;
	background-color: #DBE1E2;
	border: 1px solid #C1CCCE;
}
#enseignes div.sites { display: none; padding-bottom: 10px; }
	#enseignes div.sites div.site {
		/*position: relative;*/
		display: block;
		width: 663px;
		padding: 7px;
		margin-bottom: 4px;
		background-color: #E9EDEE;
		border: 1px solid #C1CCCE;
	}

/* Logo */
#enseignes div.logo {
	float: left;
	display: block;
	width: 180px;
	height: 70px;
	padding-top: 3px;
	margin-right: 15px;
	background-color: #FFFFFF;
	border: 1px solid #A5B3B6;
	text-align: center;
    overflow: hidden;
}
#enseignes div.logo img { vertical-align: middle; }

/* Adresse */
#enseignes div.adresse {
	float: left;
	display: block;
	width: 170px;
}
	#enseignes div.site div.adresse { margin: 0 0 0 195px; }
#enseignes p.nom {
	margin-bottom: 2px;
	font-size: 1.10em;
	color: #435C61;
	font-weight: bold;
}
#enseignes p.all {
	display: block;
	width: 119px;
	height: 21px;
	margin-top: 7px;
}
	#enseignes p.all a:link, #enseignes p.all a:visited, #enseignes p.all a:hover {
		display: block;
		width: 119px;
		height: 21px;
		background: url(../images/interface/activites/enseignes-sites.gif) top left no-repeat;
		text-decoration: none;
	}
	
/* Coordonnees */
#enseignes ul.coordonnees { 
	float: left; 
	display: block;
	width: 200px; 
	padding-top: 12px;
	margin: 0;
}
	#enseignes div.site ul.coordonnees { padding: 0; }
#enseignes ul.coordonnees li {
	padding-left: 10px;
	margin-bottom: 2px;
	background: url(../images/interface/puce-1.gif) 0 5px no-repeat;
}

/* En savoir + */
#enseignes p.detail {
	/*position: absolute;
	bottom: 8px;
	right: 8px;*/
	float: right;
	display: block;
	width: 87px;
	height: 21px;
}
	#enseignes p.detail a:link, #enseignes p.detail a:visited, #enseignes p.detail a:hover {
		display: block;
		width: 87px;
		height: 21px;
		background: url(../images/interface/activites/enseignes-detail.gif) top left no-repeat;
		text-decoration: none;
	}
	

/* Implantation
-----------------------------------------------------------------------------*/
#implantation {
	display: block;
	width: 210px;
	height: 211px;
	margin-bottom: 5px;
}


/* Univers
-----------------------------------------------------------------------------*/
#univers { 
	position: relative;
	display: block;
	width: 210px; 
	height: 217px;
}

/* Diapo */
#univers div.diapo {
	position: absolute;
	visibility: hidden;
	display: block;
	width: 210px;
	height: 195px;
    overflow: hidden;
}
#univers div.diapo.active { visibility: visible; }

/* Pages */
#univers ul.pages {
	position: absolute;
	bottom: 2px;
	left: 5px;
	display: block;
	height: 16px;
}
#univers ul.pages li {
	float: left;
	display: inline-block;
	width: 16px;
	height: 16px;
}
#univers ul.pages a:link, #univers ul.pages a:visited {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/interface/home/caroussel-pages.gif) 0 0 no-repeat;
}
	#univers ul.pages a:hover { background-position: 0 -16px; }
	#univers ul.pages li.active a:link, #univers ul.pages li.active a:visited, #univers ul.pages li.active a:hover { background-position: 0 -16px; }
	
/* Nav */
#univers ul.nav {
	position: absolute;
	bottom: 2px;
	right: 4px;
	display: block;
	height: 17px;
}
#univers ul.nav li {
	float: left;
	display: inline-block;
	width: 18px;
	height: 17px;
}
#univers ul.nav a:link, #univers ul.nav a:visited {
	display: block;
	width: 18px;
	height: 17px;
	background: url(../images/interface/btn-suivant-precedent.gif) 0 0 no-repeat;
}
#univers ul.nav li.precedent a:link, #univers ul.nav li.precedent a:visited {
	background: url(../images/interface/btn-suivant-precedent.gif) 0 0 no-repeat;
}
	#univers ul.nav li.precedent a:hover { background-position: 0 -17px; }
#univers ul.nav li.suivant a:link, #univers ul.nav li.suivant a:visited {
	background: url(../images/interface/btn-suivant-precedent.gif) -18px 0 no-repeat;
}
	#univers ul.nav li.suivant { margin-left: 3px; }
	#univers ul.nav li.suivant a:hover { background-position: -18px -17px; }
	
	
/* Sidebar
-----------------------------------------------------------------------------*/
#smetier {
	display: block;
	width: 210px;
	min-height: 75px;
	padding-bottom: 20px;
	margin-bottom: 7px;
	background: #F2F4F4 url(../images/interface/activites/sb-smetier-bg.gif) bottom right no-repeat;
}
#smetier div.title {
	display: block;
	width: 190px;
	height: 36px;
	padding: 12px 0 0 20px;
	background: url(../images/interface/activites/sb-smetier-title.gif) top right no-repeat;
	font-size: 1.20em;
	color: #1D3A5A;
	font-weight: bold;
	text-transform: uppercase;
}
	#smetier div.title.automobile { color: #CD1331; }
	#smetier div.title.industrie { color: #E95E0F; }
	#smetier div.title.immobilier { color: #645FAA; }
#smetier ul { margin: 0 10px 0 20px; }
#smetier li { margin-bottom: 3px; }
#smetier a:link, #smetier a:visited {
	line-height: 15px;
	padding-left: 10px;
	background: url(../images/interface/puce-1.gif) 0 5px no-repeat;
	font-size: 1.10em;
	color: #1D3A5A;
	text-decoration: none;
    display: block;
}
	#smetier a:hover { text-decoration: underline; }