body {
	margin: 0; padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, helvetica, Sans-serif;
	text-align: center;
	background-color: #8cccef;
}

hr.clear {
	clear: both; border: none; height: 0; 
	margin: 10px 0 0 0; padding: 0;
	visibility: hidden; display: block;
	
}

.clear_liste {
	clear: left; border: none; height: 0; 
	margin: 10px 0 0 0; padding: 0;
	visibility: hidden; display: block;
}


div#page {
	text-align: left;
	width: 781px;
	margin: 0 auto;
	background-color: #fff;
	background: url(images/back_corps.jpg) 0 223px repeat-y;
	
}

	/***********************************
	*	Entete de page (LOGO - VISUEL)
	***********************************/
	div#page div#entete img { display: block; border: none; }

	/****************************************
	*	Corps de la page (MENU - CONTENU)
	****************************************/
	div#page div#corps {
		width: 769px;
		padding-right: 8px;
		border-width: 0 4px 2px 0;
		border-style: solid;
		border-color: #fff;
		background: url(images/back_page.jpg) left top no-repeat;
	}
		/******************* BLOC MENU GAUCHE ******************/
		div#page div#corps div#menu {
			width: 153px;
			float: left;
			margin: 0 18px 0 0;
			padding-top:2px;
			/*background-color: #fff;*/
		}
			div#page div#corps div#menu img { border: none; }
			div#page div#corps div#menu img.btn { margin-top: 20px; }
			
			div#page div#corps div#menu h1 { margin: 20px 0 0 0; }
			
			div#page div#corps div#menu div#zoom_sur {
				background: url(images/back_zoom_sur.jpg) left top  no-repeat;
				background-color: #b8eebe;
				width:145px;
				margin: 0 auto;
				padding-top: 10px;
				height: 100px;
			}
			
				div#page div#corps div#menu div#zoom_sur img { 
					border: 1px solid #21ad35;
					display: block;
					margin: 0 auto 5px auto;
				}
				
				div#page div#corps div#menu div#zoom_sur p {
					width: 126px; 
					margin: 5px auto;
					text-align: center;
				}
					div#page div#corps div#menu div#zoom_sur p span { 
						font-weight: bold; color: #21ad35; 
						font-size: 12px;
					}
			
			div#page div#corps div#menu  ul {
				margin: 0 0 0 3px; padding: 0;
				list-style-type: none;
			}
			
			div#page div#corps div#menu  ul  li{
				display: block;
				height: 20px; line-height: 20px;
				background: url(images/fond_li_menu.jpg) top left no-repeat;
			}
			
				div#page div#corps div#menu  ul  li a {
					display: block; height: 20px; padding-left: 20px;
					text-decoration : none;
				}
				
					/* Puce des lien catalogue */
					div#page div#corps div#menu  ul  li a.catalogue {
						background: url(images/puce_menu_catalogue_rss.jpg) 4px 5px no-repeat;
						font-weight: bold;
						color: #30bd44;
						text-transform: uppercase;
					}
					/* Puce des lien CMS */
					div#page div#corps div#menu  ul  li a.cms {
						background: url(images/puce_menu_cms.jpg) 4px 5px no-repeat;
						font-weight: normal;
						color: #343434;
					}
					
					/* Puce des lien Niveau 2 */
					div#page div#corps div#menu  ul  li a.niveau2 {
						/*background: url(images/puce_menu_cms.jpg) 4px 5px no-repeat;*/
						font-weight: bold;
						color: #30bd44;
					}
						div#page div#corps div#menu  ul  li a.niveau2_On {
							/*background: url(images/puce_menu_cms.jpg) 4px 5px no-repeat;*/
							font-weight: bold;
							/*color: #0083ae;*/
							color: #343434;
						}
						
					/* Puce des lien Niveau 3 */
					div#page div#corps div#menu  ul  li a.niveau3 {
						font-weight: normal;
						color: #343434;
						text-indent:5px;
					}
		/********************** FIN BLOC MENU GAUCHE **********************/
		
		
		/********************** COLONNE DROITE **********************/
		div#page div#corps div#colDroite {
			width: 222px;
			float: right;
		}
		
			div#page div#corps div#colDroite img { border: none; }
			div#page div#corps div#colDroite div#actualite { padding: 0 1px; }
			div#page div#corps div#colDroite div#actualite h2 { margin : 18px 0 0 0;	}
			
				div#page div#corps div#colDroite div#actualite ul {
					list-style-type: none; margin: 0; padding: 0;
					width: 217px;
				}
				
				div#page div#corps div#colDroite div#actualite ul li {
					display: block; padding: 10px 5px 0 5px;
					/*background: url(images/back_li_rss_actus.jpg) top left no-repeat;*/
					background-color: #b8eebe;
					margin-bottom: 3px;
				}
				
					div#page div#corps div#colDroite div#actualite ul li span {
						font-weight: bold;
						color: #21ad35;
						margin-right: 6px;
					}
					
					div#page div#corps div#colDroite div#actualite ul li span.btn {
						display: block;
						text-align: right;
						padding: 5px 0 5px 0;
						/*background: url(images/trait_actu.jpg) 0 14px no-repeat;*/
					}
		/********************** FIN COLONNE DROITE **********************/
		
		
		/********************** COLONNE CENTRALE **********************/
		div#page div#corps div#contenu {
			padding-top:2px;
			width: 598px;
			float: left;
			/*margin-left: 171px;*/
			/*width: auto;*/
			
		}
			div#page div#corps div#contenu h1 { margin: 10px 0 10px 0; font-size: 17px; font-weight: bold; }
			div#page div#corps div#contenu h2 { margin: 12px 0 0 0; width: 360px; }
			div#page div#corps div#contenu h2.ttbout { margin: 10px 0 0 0; width: 360px; font-size: 13px; color: #000000; }
			div#page div#corps div#contenu h2.ttbout a { font-size: 11px; color: #006cb4; }
			div#page div#corps div#contenu p { margin: 5px 0; }
			div#page div#corps div.accueil {
				width: 360px !important;
			} 
			
			/****************** BLOC DES ARTICLES **************************/
			div#page div#corps div#contenu div.chapo {
				margin: 0px 0 10px 0;
			}
			
			div#page div#corps div#contenu div.texte {
				margin: 10px 0 10px 0;
			}
			/****************** FIN BLOC DES ARTICLES **************************/
			
			
			
			
			/********************** FIL D'ARIANE **********************/
			div#page div#corps div#contenu div#ariane ul {
				margin: 0; padding: 0;
				list-style-type: none;
				height: 18px;
			}
			
				div#page div#corps div#contenu div#ariane ul li {
					line-height: 14px;
					text-indent: 8px;
					float: left; margin-right: 8px;
					background: url(images/puce_ariane.jpg) 0 4px no-repeat;
				}
				
					div#page div#corps div#contenu div#ariane ul li a { color: #006cb4; text-decoration: none;}
					div#page div#corps div#contenu div#ariane ul li a:visited { color: #006cb4; }
					div#page div#corps div#contenu div#ariane ul li a:hover { text-decoration: underline; }
					
				
				div#page div#corps div#contenu div#ariane ul li.first { text-indent: 0; background: none; }
				div#page div#corps div#contenu div#ariane ul li.active { color: #006cb4; font-weight: bold; }
			/********************** FIN FIL D'ARIANE **********************/
			
			
			
			/****************** BLOC PROMO ACCEUIL **************************/
			div#page div#corps div#contenu div#promoAccueil { 
				background-color: #fff;
				width: 360px;
			}
			
			
			div#page div#corps div#contenu div#promoAccueil a { 
				color: #000;
				text-decoration: none;
			}
			
			div#page div#corps div#contenu div#promoAccueil p { 
				text-align: right; 
				padding: 8px 8px 8px 0; margin: 0;
			}
			
			
				div#page div#corps div#contenu div#promoAccueil p img { border: none; }
			
			div#page div#corps div#contenu div#promoAccueil ul {
				margin: 0; padding: 0;
				list-style-type: none;
				height: 225px;
			}
				div#page div#corps div#contenu div#promoAccueil li{
					display: block; float: left;
					width: 151px; height: 63px;
					margin-right: 6px; padding: 13px 13px 0 13px;
					background: url(images/back_li_promos.jpg) top left no-repeat;
				}
					div#page div#corps div#contenu div#promoAccueil li.dte { margin-right: 0; }
					
					div#page div#corps div#contenu div#promoAccueil li img.produit { 
						border: 1px solid #21ad35; width: 50px; height: 50px; 
						float: left; margin-right: 5px;
					}
					
					div#page div#corps div#contenu div#promoAccueil li span {
						font-weight: bold;
						font-size: 12px;
						color: #21ad35;
					}
			/****************** FIN BLOC PROMO ACCEUIL **************************/
			
			
			
			
			/****************** BLOC LISTE PRODUIT **************************/
			div#page div#corps div#contenu div#liste_produit {
				margin: 10px 0;
			}
			
			div#page div#corps div#contenu div#liste_produit ul {
				margin: 0; padding :0;
				list-style-type: none;
			}
			
			div#page div#corps div#contenu div#liste_produit ul li{
				width: 295px;
				float: left;
				background: url(images/back_li_produit.jpg) top left no-repeat;
				margin-right: 5px;
				margin-bottom: 10px;
			}
			
			div#page div#corps div#contenu div#liste_produit ul li.droite { margin-right: 0;}
			
			div#page div#corps div#contenu div#liste_produit ul li img { border: none; }
			
			div#page div#corps div#contenu div#liste_produit ul li img.vignette {
				position: relative;
				margin: -10px 5px 10px 5px; 
				border: 1px solid #21ad35;
				float: left;	
			}
			
			div#page div#corps div#contenu div#liste_produit ul li p {
				margin: 15px 0 0 5px; padding: 0;
			}
						
			div#page div#corps div#contenu div#liste_produit ul li p span.nom a{ 
				font-weight: bold;
				font-size: 12px;
				color: #2e2e2e;
				text-decoration: none;
			}
			
			div#page div#corps div#contenu div#liste_produit ul li p span.desc { }
									
			
			
			div#page div#corps div#contenu div#liste_produit ul li p span.ref { color: #21ad35; }
			
			div#page div#corps div#contenu div#liste_produit ul li p.bouton { 
				margin: 5px 0 0 5px;
				height: 20px;
				background: url(images/trait_produit.jpg) 0px 15px no-repeat;	
			}
			
			div#page div#corps div#contenu div#liste_produit ul li p.bouton a {
				float: right;
				margin: 5px 0 0 0;
			}
			
			/* Liste des référence */
			div#page div#corps div#contenu div#liste_produit ul.liste {
				clear: left;
			}
			
			div#page div#corps div#contenu div#liste_produit ul.liste li{
				background: none;
				float: none;
				margin: 0 0 0 10px;
				width: 280px;
				height: 18px;
			}
			
			/* Prix des références */
			div#page div#corps div#contenu div#liste_produit ul.liste li span.prix {
				font-weight: bold;
				font-size: 12px;
				color: #21ad35;
				float: right;
			}
			
			/* Nom des références */
			div#page div#corps div#contenu div#liste_produit ul.liste li span.nom {
			
			}
			
			/****************** FIN BLOC LISTE PRODUIT **************************/
			
			div#page div#corps div#contenu ul#liste_actualites {
				list-style-type: none;
				margin: 0; padding: 0;
			}
			
			div#page div#corps div#contenu ul#liste_actualites li {
				display: block;
				margin-bottom: 10px;
				padding-bottom: 10px;	
				border-bottom: 1px dashed #21ad35;		
			}
			
			
			div#page div#corps div#contenu ul#liste_actualites li img { border: none; }
			
			div#page div#corps div#contenu ul#liste_actualites li span {
				color: #21ad35;
				font-weight: bold;
				margin-right: 10px;		
			}
			
			div#page div#corps div#contenu ul#liste_actualites li span.titre { 
				color: #000; 
				font-weight: bold; 
			}
			
			div#page div#corps div#contenu ul#liste_actualites li span.btn {
				display: block;
				text-align: right;
			}	 
			
		/********************** FIN COLONNE CENTRALE **********************/
		
		/********************** MENU BAS  **********************/
		div#page div#menuBas {
			height: 23px;
			line-height: 23px;
			padding-right: 15px;
			background: url(images/back_menu_bas.jpg) top left no-repeat;
			/*background-color: #000;*/
			color: #5b5b5b;
			text-align: right;
		}
		
		div#page div#menuBas a {
			color: #5b5b5b;
			text-decoration: none;
			text-transform: uppercase;
		}
		/********************** FIN MENU BAS **********************/
		
		div#page div#pied {
			background: url(images/back_footer.jpg) top left repeat-x;
			height: 47px;
			padding-top: 10px;
			padding-bottom: 10px;
			background-color: #8cccef;
			text-align: center;
			color: #28485e;
		}
			div#page div#pied img {
				border: none; float: right;
			}