@CHARSET "UTF-8";

body {
	margin: 0; padding: 0;
	text-align: center; /* IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	/*background-image: url(../images/bk_body.gif);
	background-repeat: repeat;*/
	
	background: #000 url(../images/bk_body.gif) repeat left top;
	color: #fff;
}

img { border: none; }

div#page {
	width: 781px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left; /*IE */
	
	background: url(../images/bk_page.gif) left top repeat-y;
	color: #000;
}

	/**
	 * ENTETE
	 */
	div#page div#header h1 {
		margin: 0; padding: 0;
		background-color: #000;	
	}

	div#page div#header ul {
		margin: 0; 
		padding: 0 13px 0 0;
		height: 108px;
		
		text-align: right;
		list-style-type: none;
		background: url(../images/bk_menu_top.jpg) left top no-repeat;
	}
	
		div#page div#header ul li {
			display: block; float: right;
			height: 24px;
			padding: 2px 5px 0 14px;
			background: url(../images/puce_menu_top.gif) left -1px no-repeat;	
		}
	
	/** Lien du menu **/
	div#page div#header a { color: #fff; text-decoration: none; }
	div#page div#header a:visited { color: #fff }
	div#page div#header a:hover, div#page div#header a:active { color: #fff; text-decoration: underline; }

	/** FIN ENTETE **/
	
	div#page div#contenu {
		padding: 0 4px 15px 0;
		background: #fff url(../images/bk_contenu.gif) repeat-y left top;
	}

	
	/**
	 * COLONNE GAUCHE
	 */
	div#page div#col_gauche {
		width: 153px;
		float: left;
		
		background: #c7e1df url(../images/bk_menu_left.jpg) left top no-repeat;
	}
	
		/**
		 * MENU GAUCHE
		 */
		div#page div#col_gauche ul {
			width:146px;
			margin: 0;
			padding: 0 4px 0 3px;
			float: left;
				
		}
			div#page div#col_gauche ul li {
				display: block;
				height: 23px;
				border-bottom: 1px solid #fff;
				background:  url(../images/bk_liste_left.png) left top repeat-x;
			}
			
			div#page div#col_gauche ul li a {
				display: block;
				height: 23px;
				line-height: 23px;
				padding-left: 22px;
									
				font-size: 12px;
				text-transform: uppercase;
				text-decoration: none;
				color: #097f88;
				font-weight: bold;
				
				background:  url(../images/puce_left_off.gif) 6px 5px no-repeat;
			}
				div#page div#col_gauche ul li a.niveau2 {
					text-transform: capitalize;
					font-size: 11px;
					font-weight: normal;
					color: #000;
				}
			
			div#page div#col_gauche ul li a:hover { color: #097f88; }
			
			div#page div#col_gauche ul li a:hover, div#page div#col_gauche ul li a.active {
				color: #e87300;
				background:  url(../images/puce_left_on.gif) 6px 7px no-repeat;
			}
		/** FIN MENU GAUCHE **/
		
		
		/*** Le Produit ***/
		div#page div#col_gauche div#leProduit {
			padding-top: 40px;
			height: 118px;
			text-align: center;
			
			background: #a5dbf2 url(../images/bk_produit_top.jpg) left top no-repeat;
		}
			
			div#page div#col_gauche div#leProduit a {
				font-size: 12px;
				font-weight: bold;
				
				color: #000;
				text-decoration: none;
			}
			
			div#page div#col_gauche div#leProduit img { 
				border: 1px solid #40a0dc;
			}
			
			div#page div#col_gauche div#leProduit p { 
				margin: 5px 0;
				padding: 2px 10px; 
			}
		/**** FIN COLONNE GAUCHE *** /
		
		
		/**
		 * COLONNE DROITE
		 */
		div#page div#col_droite {
			width: 186px; /*187*/
			padding: 0 14px 0 0;
			margin: 0;
			float: right;
			
			font-size: 11px;
			background: url(../images/bk_col_droite.gif) left top no-repeat;
		}
		
			div#page div#col_droite img {
				margin-bottom: 15px;	
			}
			
			/*** Bloc agences ****/
			div#page div#col_droite div#agence {
				height: 115px;
				padding: 42px 10px 0 10px;
				background: #fff url(../images/bk_agence.gif) left top no-repeat;
				text-align: center;
			}
				
				div#page div#col_droite div#agence  img { 
					display: block;
					margin: 0 auto;
				}
				
				div#page div#col_droite div#agence  p { margin: 5px 0 0 0; }
			
			
			/** Actualitées RSS *****/
			div#page div#col_droite div#actu_rss img {
				margin: 0;
				display: block;
			}
			
			div#page div#col_droite div#actu_rss ul {
				margin:0; padding: 0;
				list-style-type: none;
				width: 176px;
				padding: 0 5px;		
				background: #fff url(../images/bk_actu_rss.gif) left top repeat-y;		
			}
			
				div#page div#col_droite div#actu_rss ul li {
					height: 84px;
					background: #fff url(../images/bk_li_rss.gif) left top repeat-x;
				}
				
				div#page div#col_droite div#actu_rss ul li span {
					border-top: 1px solid #b6e0e3;
					display: block;
					margin-left: 8px;
					width: 162px;
					height: 42px;
					background-color: #fff;
					
				}
				
					div#page div#col_droite div#actu_rss ul li span span.date {
						border: none;
						display: inline;
						margin: 0 5px 0 0;
					}
				
				div#page div#col_droite div#actu_rss ul li img {
					float: right;
					margin: 16px 0 0 0;
				}
		/** FIN COLONNE DROITE **/	
		
		
		/**
		 * COLONNE CENTRALE
		 */
		div#page div#col_centre {
			float: left;
			width: 390px;
			padding: 30px 17px 0 17px;
			margin: 0;
			
			font-size: 11px;
			background: url(../images/bk_col_centre.gif) left top no-repeat;
		}
		
		div#page div.large {
			width: 590px !important;
			padding-top: 5px !important;
			padding-bottom: 118px !important;
			background: url(../images/bk_col_centreL.gif) left top no-repeat !important;
		}
		
			div#page div#col_centre h2 {
				font-size: 17px;
				margin-bottom: 5px;
				text-transform: uppercase;			
				color: #097f88;
			}
			
			div#page div.large h2 {
				background: url(../images/picto_h2L.gif) left 3px no-repeat !important;
				padding-left: 17px;
			}
			
			div#page div#col_centre p {
				text-align: justify;
				margin-top: 0px;
			}
			
			/**
			*	Couleur des liens par défaut dans la colonne centrale
			*/
			div#page div#col_centre a { text-decoration: none; font-weight: bold; color: #028b93; }
			div#page div#col_centre a:visited { color: #028b93; }
			div#page div#col_centre a:hover { color: #028b93; }
			
		
		/** Fil d'ariane **/
		div#page div#col_centre div#ariane ul {
			margin: 0; padding: 0;
			list-style-type: none;
			text-align: left;
		}
		
			div#page div#col_centre div#ariane ul li {
				display: inline;
				padding-left: 13px;
				margin-right: 5px;
				background: url(../images/puce_ariane.gif) left 3px no-repeat !important;
				color: #4d8201;
			}
				
				div#page div#col_centre div#ariane a { text-decoration: none; font-weight: bold; color: #4d8201; }
				div#page div#col_centre div#ariane a:visited { color: #4d8201; }
				div#page div#col_centre div#ariane a:hover { color: #4d8201; }
		
		/** H3 page Tunel **/
		div#page div#col_centre h3 {
			font-size: 13px;
		}
		
		/** Liste des promotions en page d'accueil **/
		div#page div#col_centre div#promo_accueil {
			width: 390px;
			font-weight: bold;
			background: #fff url(../images/bk_promotions.gif) top left repeat-y;
		}
		
			div#page div#col_centre div#promo_accueil ul {
				margin: 0; padding: 0;
				list-style-type: none;
				width: 376px; /*376px;*/
				margin-left: 14px;
			}
			
			div#page div#col_centre div#promo_accueil ul li { 
				margin: 0; padding: 0;
				height: 74px; 
				width: 162px;
				float: left;
				margin-right: 7px;
				border-top: 1px solid #b6e0e3;
				padding-left: 15px;
				background: url(../images/bk_li_promotion.gif) top left repeat-x;
			}
			
				div#page div#col_centre div#promo_accueil ul li img {
					float: left;
					margin : 5px 6px 0 0;
					border: 1px solid #98c000;
				}
				
				div#page div#col_centre div#promo_accueil ul li p {
					margin: 5px 0 0 0;
					float: left;
					width : 100px; /* 102 */
				}
				
					div#page div#col_centre div#promo_accueil ul li p a { 
						color: #000; 
						text-decoration: none;  
					}
			
			div#page div#col_centre div#promo_accueil div {
				clear: both;
				height: 34px;
				padding-right: 33px;
				
				background: #fff url(../images/bk_promotions_bottom.gif) top left repeat-y;			
			}
			
				div#page div#col_centre div#promo_accueil div img { 
					border: none; 
					float: right;
					
				}
		/** Fin des listes **/
		
		/****************** BLOC LISTE PRODUIT **************************/
			div#page div#col_centre div#liste_produit {
				margin: 10px 0;
			}
			
			div#page div#col_centre div#liste_produit ul {
				margin: 0; padding :0;
				list-style-type: none;
			}
			
			div#page div#col_centre div#liste_produit ul li{
				width: 288px; /* 290 */
				clear: left;
				float: left;
				background: url(images/back_li_produit.jpg) top left no-repeat;
				margin-right: 5px;
				margin-bottom: 10px;
				/*border: 1px solid red;*/
			}
			
			div#page div#col_centre div#liste_produit ul li.droite { margin-right: 0; clear: none !important; float: left; }
			
			div#page div#col_centre div#liste_produit ul li img { border: none; }
			
			div#page div#col_centre div#liste_produit ul li img.vignette {
				position: relative;
				margin: -10px 5px 10px 5px; 
				border: 1px solid #00a2d2;
				float: left;	
			}
			
			div#page div#col_centre div#liste_produit ul li p {
				margin: 15px 0 0 5px; padding: 0;
			}
						
			div#page div#col_centre div#liste_produit ul li p span.nom a{ 
				font-weight: bold;
				font-size: 12px;
				color: #0a0e12;
				text-decoration: none;
			}
			
			div#page div#col_centre div#liste_produit ul li p span.desc { }
									
			
			
			div#page div#col_centre div#liste_produit ul li p span.ref { color: #da6f11; }
			
			div#page div#col_centre 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#col_centre div#liste_produit ul li p.bouton a {
				float: right;
				margin: 5px 0 0 0;
			}
			
			/* Liste des référence */
			div#page div#col_centre div#liste_produit ul.liste {
				clear: left;
			}
			
			div#page div#col_centre div#liste_produit ul.liste li{
				background: none;
				float: none;
				margin: 0 0 0 10px;
				width: 280px;
				height: 18px;
				border: none;
			}
			
			/* Prix des références */
			div#page div#col_centre div#liste_produit ul.liste li span.prix {
				font-size: 12px;
				float: right;
			}
			
			/* Nom des références */
			div#page div#col_centre div#liste_produit ul.liste li span.nom {
			
			}
			
			/****************** FIN BLOC LISTE PRODUIT **************************/
			
			
			/******************* LISTE DES RUBRIQUES DU CATALOGUE ***************************/
			div#page div#col_centre ul#liste_catalogue  {
				margin: 0; padding: 0;
				list-style-type: none;
			}
				div#page div#col_centre ul#liste_catalogue li {
					float: left;
					width:186px;
					height: 230px;
					margin-right: 10px;
				}
				
					div#page div#col_centre ul#liste_catalogue li h3 {
						padding-left: 15px;
						font-size: 17px;
						background:  url(../images/puce_left_on.gif) left 7px no-repeat;
						margin: 2px 0 5px 0;
					}
					
					div#page div#col_centre ul#liste_catalogue li h3 a {
						text-decoration: none;
						color: #e87300;
					}
					
					div#page div#col_centre ul#liste_catalogue li h3 a:hover { color: #e87300;}
					div#page div#col_centre ul#liste_catalogue li h3 a:visited { color: #e87300; }
							
			/**************** FIN LISTE DES RUBRIQUES DU CATALOGUE ***************************/
		
			/**************** NOS MAGASINS ***************************************************/
			div#page div#col_centre div.agence h3 {
				font-size: 17px;
				margin-bottom: 5px;
				color: #e87300;
			}
			
			div#page div#col_centre div.agence div.visiter {
				height: 17px;
				padding-right: 20px;
				background: url(../images/bk_btn_suite.gif) left top repeat-x;
			}
			
			div#page div#col_centre div.visiter img { float: right; }
			
			
			div#page div#col_centre div#blocAgence {
				width: 190px;
				float: right;
				text-align: center;
				margin-left: 10px;
			}
				div#page div#col_centre div#blocAgence img { display: bloc; margin-bottom: 10px; }
				
			div#page div#col_centre div#chapoAgence {
				border_bottom: 1px solid red;
			}
			
			
			/* liste des actualités (RSS)*/
			div#page div#col_centre ul#liste_actualites {
				list-style-type: none;
				margin: 0; padding: 0;
			}
			
			div#page div#col_centre ul#liste_actualites li {
				display: block;
				margin-bottom: 10px;
				padding-bottom: 10px;	
				border-bottom: 1px dashed #00a2d2;		
			}
			
			
			div#page div#col_centre ul#liste_actualites li img { border: none; }
			
			div#page div#col_centre ul#liste_actualites li span {
				color: #00a2d2;
				font-weight: bold;
				margin-right: 10px;		
			}
			
			div#page div#col_centre ul#liste_actualites li span.titre { 
				color: #000; 
				font-weight: bold; 
			}
			
			div#page div#col_centre ul#liste_actualites li span.btn {
				display: block;
				margin-top: 10px;
				text-align: right;
			}	 
		
		/** FIN COLONNE CENTRE **/	
		
		
		/**
		 * PIED DE PAGE
		 */
		div#page div#footer {
			position: relative;
			clear: both;
			height: 88px;
			background-color: #0a4f7a;
		}	
		
			div#page div#footer ul {
				padding: 0; margin: 0;
				list-style-type: none;
				height: 24px;
				
				background: #000 url(../images/bk_menu_bottom.jpg) left top no-repeat;
			}
			
			div#page div#footer ul li {
				float: right;
				display: block;
				padding: 0 5px 0 15px;
				
				line-height: 23px;
				
				background: url(../images/puce_menu_bottom.gif) left top no-repeat;
			}
			
			/** Lien menu bas **/
			div#page div#footer ul li a { color: #a1d8db; text-decoration:none; }
			div#page div#footer ul li a:visited { color: #e87300; }
			div#page div#footer ul li a:hover { color: #a1d8db;  }
			div#page div#footer ul li a:active { color: #e87300; }
			
			/** Coordonnées **/
			div#page div#footer p {
				margin: 10px 0;
				
				font-size: 11px;
				font-weight: bold; 
				text-align: center;
				color: #5c98c4;
			}
			
			div#page div#footer img {
				display: block;
				float: right;
				margin-right: 5px;
				display: inline; /* IE Double marge */
			}
		/** FIN PIED DE PAGE **/
		
		
/** Classes utiles **/
div#page li.sans_puce {
	background-image: none !important;
}

hr.clear, br.clear {
	clear:both;
	display: block;
	border: none;
	margin: 0; padding: 0;
	visibility: hidden;
	line-height: 1px;
}

.clearRight { clear: right; }

.prix {
	font-weight: bold;
	color: #da6f11;
}	

.gras {
	font-weight: bold;
}

.date {
	color: #097f88;	
}

img.left {
	float: left;
	margin : 5px;
	display: inline;
}

img.right {
	float: right;
	margin: 5px;
	display: inline;
}

.leftfirst {
	float: left;
	margin: 10px 15px 10px 0;	
}

img.absBottom {
	position: absolute;
	right: -1px;
	top: -133px;
}