/*******************************************************
TITLE: HTML Informatique
DATE: 09-06-2009
AUTHOR: Stéphane Bergero @ PUNKTiTUDE.COM

Couleurs
Jaune : #ffdc00
Bleu : #003f8a
Rouge : #d31b1e

jaune 50% : #ffed80
jaune 10% : #fffbe5
jaune 5% : #fffdf2

bleu 50% : #809fc4
bleu 10% : #e5ecf3
bleu 5% : #f2f5f9


*******************************************************/

body#accueil {
	background: #fff url(../images/html-bg-accueil.png) no-repeat center top;
	color: #003f8a;
}
body#accueil #container {
	background: transparent;
	position: relative;
}

body#accueil #header {
	background: transparent;
	height:190px;
}
	body#accueil #header h1 {
		background: url(../images/html-logo-accueil.png) no-repeat 0 0;
		height:190px;
		margin-left:280px;
		margin-top:4px;
		width:400px;
	}
	body#accueil #header #pub_banniere,
	body#accueil #sidebar {
		display: none;
		}
body#accueil #content {
	background: transparent none;
	margin-top: 0;
	padding: 300px 0 0;
	width: 960px;
}
	body#accueil #content h1 {
		display: none;
	}
	body#accueil #content h2#acces_particuliers,
	body#accueil #content h2#acces_professionnels {
		height: 102px;
		margin: 0;
		position: absolute;
		text-indent: -9999px;
		top: 200px;
		width: 172px;
	}
	body#accueil #content h2#acces_particuliers {
		background: url(../images/html-acces-particuliers-bg.png) no-repeat 0 0;
		left: 164px;
	}
	body#accueil #content h2#acces_professionnels {
		background: url(../images/html-acces-professionnels-bg.png) no-repeat 0 0;
		right: 164px;
	}
	body#accueil #content h2#acces_particuliers a,
	body#accueil #content h2#acces_professionnels a {
		display: block;
		height:102px;
		width:172px;
	}
	body#accueil #content h2#acces_particuliers a {
		background: url(../images/html-acces-particuliers.gif) no-repeat 30px -86px;
	}
	body#accueil #content h2#acces_professionnels a {
		background: url(../images/html-acces-professionnels.gif) no-repeat 8px -86px;
	}
	body#accueil #content h2#acces_particuliers a:hover {
		background: url(../images/html-acces-particuliers.gif) no-repeat 30px 16px;
	}
	body#accueil #content h2#acces_professionnels a:hover {
		background: url(../images/html-acces-professionnels.gif) no-repeat 8px 16px;
	}
	body#accueil #content h2#magasins {
		display: none;
	}
	body#accueil #content ul#boutique_list {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin: 20px 0 0 270px;
		width:960px;
	}
	body#accueil #content ul#boutique_list li.boutique {
		float:left;
		margin:0 10px 0 0;
		text-align:center;
		width:140px;
		}
	body#accueil #content ul#boutique_list li.last {
		margin:0;
		}
	body#accueil #content ul#boutique_list h3 {
		font-size: 1.3em;
		margin: 0;
		}
	body#accueil #content ul#boutique_list p {
		font-size: 0.85em;
		letter-spacing:-0.025em;
		margin:0;
		}
	body#accueil #content ul#boutique_list ul {
		margin: 0;
		}
		body#accueil #content ul#boutique_list ul li {
			font-size: 0.85em;
			list-style: none;
			margin: 0;
			}
	

body#accueil #footer {
	background: none;
}