body {
	margin:0;
	font:normal 12px arial, helvetica, verdana, sans-serif;
	background:black url(../images/sitedesign/bg-top.png) center top no-repeat;
}

.clear {
	clear:both;
}

#container {
	width:960px;
	margin:0 auto; padding:0 0 20px 0;
	background:url(../images/sitedesign/bg-container.png) repeat-y;
}


#center {
	float:left; display:inline;
	width:520px;
}

#center div.homeMessage {
	margin:25px auto 0 auto; padding:15px;
	width:436px;
	text-align:center;
	background:url(../images/sitedesign/bg-body-message.png) no-repeat;
}

#center div.homeMessage p {
	line-height:50px;
	color:#494949;
	font:normal 22px arial;
}

#center div.homeMessage h2 {
	line-height:50px;
	color:#494949;
	font:normal 22px arial;
}

#center div.bottomMessage {
	display:block;
	margin:0 auto; padding:0;
	width:466px; height:15px;
	background:black url(../images/sitedesign/bg-bottom-message.png) no-repeat;
}


/*
	->	Bloc Produit : Home Page
*/

#center div.blocProduit {
	position:relative;
	float:left; display:inline;
	margin:25px 20px 0 38px;
	width:191px; height:176px;
	text-align:center;
	background:url(../images/sitedesign/bg-home-produit.png) no-repeat;
}

#center div.blocProduit h3 {
	margin:0; padding:5px 0 0 0;
	font:bold 13px arial;
}

#center div.blocProduit h4 {
	margin:0; padding:0 0 5px 0;
	font:normal 13px arial;
}

#center div.blocProduit a.voirProduit {
	position:absolute;
	display:block;
	width:140px;
	top:140px;
	margin:0 0 0 16px; padding:7px 0 7px 15px;
	font-weight:normal;
	text-decoration:none;
	color:#555; background:url(../images/sitedesign/bg-bt-zoom.png) center center no-repeat;
}

#center div.blocProduit a.voirProduit:hover {
	color:black;
	text-decoration:underline;
}


/*
	->	Page Historique, Devis
*/

#Historique,
#Devis,
#PartenairesLabels,
#InformationsLegales,
#planDuSite,
#horaires,
#Produit,
#Plan,
#Produit,
#ResultatRecherche {
	margin:28px 40px; padding:0;
}

#Historique h1,
#Devis h1,
#PartenairesLabels h1,
#InformationsLegales h1,
#planDuSite h1,
#horaires h1,
#Produit h1,
#Plan h1,
#Produit h1,
#ResultatRecherche h1 {
	margin:0 0 15px 0; padding:0;
	font-size:18px;
	color:#d54500;
	text-align:left;
	border-bottom:3px solid #ccc;
}

#Historique p,
#Devis p {
	padding:15px 0;
	font-size:13px;
	text-align:justify;
	color:#e5e5e5;
}

#Historique img {
	padding:0 10px 10px 0;
}

#Devis p.infos {
	margin:0; padding:0;
	font-size:11px;
	color:#e5e5e5;
}

#Devis p a {
	color:orange;
}

.formDevis {
	margin:20px 0;
	color:#e5e5e5;
}

.formDevis fieldset {
	margin:20px 0; padding:10px;
	border:1px solid #ccc;
}

.formDevis legend {
	margin:0; padding:0 10px;
	font-size:14px; font-weight:bold;
}

.formDevis label {
	float:left; display:inline;
	width:100px;
	margin:5px 0 5px 10px; padding:2px;
	text-align:right;
	font-size:14px; font-weight:normal;
}

.formDevis input,
.formDevis textarea,
.formDevis select {
	margin:5px 0 5px 10px; padding:2px;
	font-size:14px; font-weight:normal;
	border:1px solid #ccc;
	background:url(../images/sitedesign/bg-form-input.png) no-repeat scroll top left;
}




.formDevis .listeChoix input {
	clear:both;
	float:left; display:inline;
	width:20px;
	margin:5px 0 5px 10px; padding:2px;
	font-size:14px; font-weight:normal;
	border:1px solid #ccc;
}

.formDevis .listeChoix label {
	float:right; display:inline;
	width:380px;
	margin:5px 0; padding:0 0 2px 0;
	font-size:14px; font-weight:normal;
	text-align:left;
}


/*
	->	Page Liens & Partenaires
*/

.BlocPartenaires {
	float:left;
	margin:20px 5px 20px 10px;
	width:200px; height:100px;
	text-align:center;
}

#PartenairesLabels h2 {
	margin:0; padding:40px 0 5px 0;
	font-size:16px;
	border-bottom:1px solid #ddd;
	color:#ddd;
}

.BlocPartenaires img {
	padding:0 0 10px 0;
}

.BlocPartenaires a {
	font-size:11px;
	color:#777;
	text-decoration:none;
}

.BlocPartenaires a:hover {
	color:white;
}


/*
	->	Page Informations Legales
*/

#InformationsLegales p {
	padding:5px 0 15px 0;
	font-size:13px;
	text-align:justify;
	color:#e5e5e5;
}

#InformationsLegales p a {
	color:orange;
}

#InformationsLegales h2 {
	padding:0;
	font-size:14px;
	color:#e5e5e5;
	border-bottom:1px solid #333;
}

#InformationsLegales h3 {
	padding:15px 0 0 0;
	font-size:14px;
	color:#e5e5e5;
}


/*
	->	Page Plan Google Map
*/
#Plan p {
	color:#e5e5e5;
}


/*
	->	Page Plan du site
*/

#planDuSite p {
	padding:5px 0 15px 0;
	font-size:13px;
	text-align:justify;
	color:#e5e5e5;
}

#planDuSite ul {
	float:left;
	margin:10px 0 10px 10px;
	color:#e5e5e5;
}

#planDuSite ul li {
	margin:10px 0; padding:0 0 0 5px;
	background:url(../images/sitedesign/puce-idees-deco.png) left center no-repeat;
}

#planDuSite ul li a {
	padding:5px;
	font-size:14px;
	color:#e5e5e5;
}

#planDuSite ul li a:hover {
	color:orange;
}



#planDuSite h2 {
	padding:0;
	font-size:14px;
	color:orange;
	border-bottom:1px solid #333;
}

#planDuSite h3 {
	padding:15px 0 0 0;
	font-size:14px;
	color:orange;
}



/*
	->	Page horaires
*/

#horaires p {
	padding:5px 0 15px 0;
	font-size:15px;
	text-align:justify;
	color:#e5e5e5;
}

#horaires h2 {
	padding:0;
	font-size:14px;
	color:orange;
	border-bottom:1px solid #333;
}

#horaires h3 {
	padding:15px 0 0 0;
	font-size:14px;
	color:orange;
}



/*
	->	Page Fiche Produits
*/

#Produit {
	text-align:center;
	color:#e5e5e5;
}

#Produit img {
	margin:10px auto;
}

#Produit p {
	font-size:13px;
}

#Produit p a {
	color:orange;
}

#Produit .prixPromo {
	font-size:14px;
	font-weight:bold;
	color:orange;
}

#Produit #Navigation {
	float:left; display:inline;
	width:280px;
	margin:0 0 0 90px; padding:0;
	text-align:center;
}

#Produit #Navigation a {
	display:inline; float:left;
	line-height:38px;
	margin:0; padding:0;
	color:orange;
}

#Produit #Navigation a:hover {
	color:orange;
}

#Produit #Navigation img {
	display:inline; float:left;
	margin:0; padding:0 10px;
}


/*
	->	Page Liste Produits
*/

.blocProduitSommaire {
	float:left; display:inline;
	margin:7px; padding:5px;
	width:120px; height:150px;
	border:1px solid #ddd;
	text-align:center;
	color:#e5e5e5;
}

.blocProduitSommaire a {
	color:#e5e5e5;
	text-decoration:none;
}

.blocProduitSommaire a:hover {
	color:orange;
	text-decoration:none;
}

#Produit p.NavigationPages {
	margin:0; padding:15px 0 0 0;
	color:#e5e5e5;
}

#Produit p.NavigationPages a {
	margin:0 5px; padding:2px 5px;
	color:orange;
	border:1px solid #ddd;
	text-decoration:none;
}

#Produit p.NavigationPages a:hover {
	color:white; background:orange;
}

/*
	->	Page Moteur de Recherche
*/

#ResultatRecherche h2 {
	margin:10px 0; padding:3px 20px;
	color:white; background:#555 url(../images/sitedesign/fam-picto-produits.png) 5px center no-repeat;
}



/*
	->	Page Banque Documentaire
*/

#Historique ul.baseDoc {
	margin:0; padding:10px 0 0 0;
	width:auto;
	text-align:left;
	font-size:14px;
	list-style-type:none;
}

#Historique ul.baseDoc li {
	margin:0; padding:3px 0 0 28px;
	background:url(../images/sitedesign/level.png) no-repeat;
	list-style-type:none;
	color:#eee;
}

#Historique ul.baseDoc li ul {
	margin:20px 0 0 0; padding:0;
}

#Historique ul.baseDoc li ul li {
	margin:0; padding:0 0 0 20px;
	background:url(../images/sitedesign/levelsub.png) no-repeat;
	list-style:none;
	color:#ccc;
}

#Historique ul.baseDoc li ul li ul {
	margin:5px 0 20px 15px; padding:0;
}

#Historique ul.baseDoc li ul li ul li {
	margin:0; padding:3px 0;
	background:none;
	list-style-type:disc;
}

#Historique ul.baseDoc li ul li ul li a {
	color:#f35211;
	text-decoration:none;
}

#Historique ul.baseDoc li ul li ul li a:hover {
	text-decoration:underline;
}