@charset "UTF-8";


/*Class*/
a.btn-see, a.btn-back { padding: 0 0  0 15px; font: normal normal 11px/24px Verdana, Arial, Helvetica, sans-serif; }
a:link.btn-see, a:visited.btn-see { color: #dbb26c; background: url(../images/template/arrow-yellow.gif) left center no-repeat; }
a:hover.btn-see, a:active.btn-see, a:focus.btn-see { color: #fff; background: url(../images/template/arrow-white.gif) left center no-repeat; }

a:link.btn-back, a:visited.btn-back { color: #fff; background: url(../images/template/arrow-left-white.gif) left center no-repeat; }
a:hover.btn-back, a:active.btn-back, a:focus.btn-back { color: #dbb26c; background: url(../images/template/arrow-left-yellow.gif) left center no-repeat; }
/*Global css*/

#global-container {
	float: left;
	width: 100%;
	background: url(../images/template/body-bg.jpg) top center;
}
	#container-bg { 
		float: left;
		width: 100%;
		background: url(../images/template/container-bg.jpg) 0 160px repeat-x;
	}

		#container {
			width: 960px;
			margin: 0 auto 0 auto;
		}
		
			#container #left { float: left; }
			#container #right { float: left; margin: 130px 0 0 0; padding: 0 0 50px 0; 	}
				
				
				#header {}
				
					#header h1 { font: normal normal 18px/30px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 10px;}
					
					#main-menu {
						height: 40px; width: 705px;
						margin: 0; padding: 0;
						border-bottom: 1px #adafaf solid;
						background: #606261 url(../images/template/main-menu-rub-bg.jpg) repeat-x;
					}
					
						#main-menu li {
							display: block; 
							float: left;
							margin: 0; padding: 0;
						}
						
							#main-menu li a { 
								display: block; 
								float: left;
								border-right: 1px #606261 solid;
								font: normal normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
								letter-spacing: 1px;
								text-decoration: none;
								padding: 15px;
							}
							#main-menu li a:link, #main-menu li a:visited { color: #ffd07d; background: #606261 url(../images/template/main-menu-rub-bg.jpg) repeat-x; }
							#main-menu li a:hover, #main-menu li a:active, #main-menu li a:focus, #main-menu li a.active { color: #fff; background: #606261 url(../images/template/main-menu-rub-hover-bg.jpg) repeat-x; }
				
						
				#content { float: left; width: 695px; padding: 50px 0 0 10px; }
				
					/**/
					#content-left { float: left; }		
					#content-right {  float: right; }
					
					/*Class colonne*/
					.small-column { width: 240px; }
					.medium-column { width: 320px; }
					.great-column { width: 380px; }	
					
					/*Produits*/
					.produits { }
						.produits li { float: left; clear: both; width:320px !important; width:300px;  margin: 0 0 0 1em; padding: 5px 0 5px 0;  list-style: none; }
							.produits li h3{
								float: left; clear: both;
								padding-right: 15px; 
								margin-bottom: 0; 
								font: normal normal 12px/21px Verdana, Arial, Helvetica, sans-serif; 
								background: url(../images/template/arrow-show.gif) right 12px no-repeat; 
							}
							.produits li p{ float: left; clear: both; width:100%; margin-left: 1em; margin-top: 10px; padding-left: 1em; display: none; background: url(../images/template/dot-yellow.gif) repeat-y; }
							.produits li a { }
							.produits li h3 a:link, .produits li h3 a:visited { text-decoration: none; }
							.produits li h3 a:hover, .produits li h3 a:active, .produits li h3 a:focus { text-decoration: underline; }
					
					ul#coordonnees {margin: 0 0 0 1em;  background: url(../images/template/dot-yellow.gif) repeat-y; }
					ul#coordonnees li {  padding: 0;  list-style: none; }
					
					/*Contact*/
					.magasins { margin: 0; }
					.magasins li { margin: 0 0 10px 0;  list-style: none; }
					.magasins li h3 { margin-bottom: 0; font: normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
					.magasins li p { margin: 0 1em 0 1em;  }
					.magasins li h3 a { margin-left: 1em; }
					
					
					/*Nos magasin*/
					#item {
						float: left;
						width: 695px !important; width: 690px;
					}
					
						#item h1, #item h2, #item h3 { margin-left: 5px; }
						#item a {
							float: left;
							width:160px; height: 160px;
							display: block;
							margin: 5px !important; margin: 4px; padding: 1px;
							text-decoration: none;
						}
						#item a:link, #item a:visited { background: #e3e5e4; }
						#item a:hover, #item a:active, #item a:focus { background: #dbb26c; }
						
						#item a span { 
							display: block;
							padding: 1px 5px 1px 5px;  
							font: normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
							letter-spacing: 0px;
						}
						#item a:link span, #item a:visited span{ color: #4f5253; }
						#item a:hover span, #item a:active span, #item a:focus span{ color: #fff; }

					/*Tableau*/
					.tFicheMagasin {
						margin: 0 0 0 1em;
						border:1px solid #bbb;
						border-collapse:collapse;
						text-align: center;
					}
					
						.tFicheMagasin tr, .tFicheMagasin td {
							border:1px solid #bbb;
							margin:0; padding:2px 5px 2px 5px;
							border-collapse:collapse;
						}
						
						.colmnDay { text-align: left; }
						#column1 { width: 100px;}
						#column2, #column3 { width: 200px;}
	
	
#global-footer {
	float: left; clear:both;
	width: 100%;
	background: #616362;
}

	#footer {
		width: 960px; 
		margin: 0 auto 0 auto;
		text-align: center; 
	}
	
	#signature {
			float: right;
		    overflow: hidden;
			margin: 40px 0; 
			text-align: center; 
			font: normal normal 9px/40px Verdana, Arial, Helvetica, sans-serif;
			color: #8f9498;
			letter-spacing: 1px;
		}
			#signature p {
				float: left;
				text-align: center; 
				line-height: 40px;
			}
				/* a */
				#signature a { text-decoration: underline; }
				#signature a:link, #signature a:visited { color: #999; }
				#signature a:hover, #signature a:active, #signature a:focus { color: #dbb26c; }
			
				#signature a strong { font-weight: normal; }
			
				/* img */
				#signature img { display: block; float: left; }


.cadre { margin: 0 0 10px 0; padding: 3px; border: 1px #999 solid; }