﻿body {
	/*font: 76.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;*/
	font:76% Georgia;
	color:#B1BCB5; /* vert origine 646F5E*/
	background:url(../images/body_bg.gif) #342321;
	margin:0;
}

* {
	margin:0;
	padding:0;
}

.clear {
	clear:both;
	}

.hidden {
	display:none;
	}

#nav .hidden {
	display:none;
	}

em em {
	font-style:normal;
	}
	
/*Couleur*/	
.blanc{	color:white;}
.gris{color:gray;}
.jaune{color:yellow;}
.orange{color:orange;}
.noir{color:black;}
.silver{color:silver;}
/*  */

blockquote {
	background:#273322;
	border:1px solid #202B1C;
	font-size:120%;
	}

	#contenu {
		width:980px;
		background:url(../images/contenu.jpg) top repeat-y;
		margin:0 auto;
		}

		#emballage {
			width:940px;
			margin:0 auto;
		}

			#en-tete {
				height:233px;
				background:url(../images/en-tete3.jpg) no-repeat;
			}
			
				#en-tete h1 {
					text-align:center;
					padding:10px 0 0 0;
					color:#fff;
					font-size:240%;
					font-weight:normal;
				}
				
				#en-tete h1 a {
					color:#fff;
					text-decoration:none;
					}
				
				#en-tete h2 {
					color:#F0E751;
					text-align:center;
					font:88% Verdana;
					letter-spacing:2px;
					text-transform:uppercase;
					padding:3px 0 0 0;
					}

					#encadre {
						width:260px;
						float:left;
						padding:20px;
						background:url(../images/encadrertop.jpg) no-repeat;
						}
						
												
					#encadre h2 {
						border-bottom:2px solid #AEA68D;
						color:#382725;
						font:165% Georgia;
						font-weight:normal;
						padding:10px 5px;
						line-height:29px;
						}

					#encadre #cadrenav {
						margin:10px 0;
						}
					
					#encadre #cadrenav li {
						list-style:none;
						padding:5px 2px;
						border-bottom:1px solid #96885C;
						}
					
					#encadre #cadrenav li a {
						padding:5px 2px;
						display:block;
						font:130% Georgia;
						text-decoration:none;
						color:#3D3725;
						background:url(../images/sidenava.gif) right no-repeat;
						}
					
					#encadre #cadrenav a:hover {
						color:#000;
						}	
					
					#encadre p {
						font-size:90%;
						line-height:24px;
						color:#805955;
						margin:10px 0;
						padding:5px;
						}
					
					#encadre input {
						background:#A39783;
						color:#3D3725;
						padding:4px;
						width:250px;
						border:none;
						font:140% Trebuchet MS;
						}
						
					# hr {
						border-bottom:2px solid #AEA68D;
						color:#382725;
						font:165% Georgia;
						font-weight:normal;
						padding:10px 5px;
						line-height:29px;

						}

				
							#principal {
							margin:0 0 0 300px;
							background:url(../images/principal.jpg) top left no-repeat;
							}
						
							#nav {
								padding:17px 0 0 0;
								margin:0;
							}
							
							#nav li {
								list-style:none;
								display:inline;
								margin:0;
							}
							
							#nav li a {
								padding:17px 10px;
								font:100% "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
								text-decoration:none;
								font-weight:bold;
								color:#D6DBC1;
								background:url(../images/a_hover.gif) top no-repeat;
							}
							
							#nav a:hover {
								background:url(../images/a_hover.gif) bottom repeat-x #24331C;
							}
							
							a em {
								font-style:normal;
								text-decoration:underline;
							}
							
								#principal_main {
									margin:18px 0 0 0;
									padding:5px 15px 15px 15px;
									background:url(../images/principal_sub.jpg) top left no-repeat;
								}
								
								a {
									color:#fff;
									text-decoration:none;
								}
								
								#principal_main a:hover {
									text-decoration:underline;
								}
								
								#principal_main h2,h3,p,blockquote {	
									margin:15px;
									line-height:25px;
									font-size:120%;
								}
								
								#principal_main h3 {	
									color:#939D8C;
									font-size:120%;
								}
								
								#principal_main ul,ol {
									margin:15px 30px;
									line-height:25px;
								}
								
								#principal_main h2 {
									font:180% Arial;
								}
								
									img {
										border:1px solid #273322;
									}
							
									p.details {
										border-top:1px solid #202114;
										border-bottom:1px solid #202114;
										color:#959F91;
										font:80% Verdana;
										text-transform:uppercase;
										padding:7px 0;
									}
									
									p.details a {
										color:#959F91;
										border-bottom:1px solid #596356;
									}
									
									p.details a.comlink {
										float:right;
									}
									span.details{
										float:right;
										}								
						
		#maure
		{
		position:absolute;
		margin-top:-68px ;
		margin-left: 175px;
		}
		 
		
						
		#pied {
			margin:30px 0 0 0;
			padding:15px;
			font-size:90%;
			border-top:1px solid #333;
		}
		

	




