@charset "UTF-8";
/*
Thème: TrifoxMédia.ca
Description: Feuille de style pour le site de Trifox Média
Auteur: Patrice Poliquin
Auteur URL: http://www.trifoxmedia.ca
*/



/* ---------------------------------------------------------------- 
 *  RESET CSS
 * ---------------------------------------------------------------- 
*/ 
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
	
	}

	ol, ul {
		list-style: none;
	}


/* ---------------------------------------------------------------- 
 *  HEADINGS
 * ---------------------------------------------------------------- 
*/ 

	body {
		font-family: Helvetica, Arial, Tahoma, "Times New Roman", sans-serif;
		font-size: 11px;
		color: #3b3b3b;
		background-image: url(../images/bg_boutique.png);
		background-repeat: repeat-x;
	}

	
	h1,h2,h3,h4,h5,h6 {
		font-weight: bold;
		padding: 0px;
		margin: 0px;
	}
	
	h1 {
		text-indent: -60000px;
		background-image: url(../images/header_boutique.png);
		height: 320px;
	}
	
	h2 {
		font-size: 14px;
	}

	.produit_h2 {
		font-weight:bold;
		font-size: 11px;
		font-style: italic;
	}
	
		
	p {
		padding:0px;
		margin: 0px;	
		line-height: 18px;
	}

/* ---------------------------------------------------------------- 
 *  DIVISIONS
 * ---------------------------------------------------------------- 
*/

	#page_container_boutique {
		position: relative;
		margin:0px;
		padding:0px;
		width:900px;
		margin:0 auto;
	}
	
	#retour_site {
		position: absolute;
		right: 0px;
	}
	
	#contenant_corps_boutique {
		width:900px;
	}
	
	
/* ---------------------------------------------------------------- 
 *  LIENS
 * ---------------------------------------------------------------- 
*/  

	a:link, a:visited, a:active {
		color: #3d3d3d;
		text-decoration: none;
	}
	
	a:hover {
		color: #e58d3d;
		text-decoration: none;
	}
	
	

/* ---------------------------------------------------------------- 
 *  HEADER
 * ---------------------------------------------------------------- 
*/ 

	#header {
		width:900px;
		height: 320px;
	}
		
/* ---------------------------------------------------------------- 
 *  COLONNE DE GAUCHE
 * ---------------------------------------------------------------- 
*/ 
	#col_gauche {
		float: left;
		width: 635px;
		margin-right: 5px;
		background-color: #0088c3;
		padding-top: 8px;
	}
	
	.produit {
		float:left;
		width:153px;
		height:225px;
		margin-left: 5px;
		margin-bottom: 15px;
		margin-top: 7px;
	}
	
	.images_produit {
		width:153px;
		
		background-color: #ffffff;
	}
	
	.infos_produit {
		margin-top: 5px;
		width: 147px;
		height: 42px;
		background-color: #ffffff;
		padding-top: 10px;
		padding-left: 3px;
		padding-right: 3px;
		padding-bottom: 8px;
	}

	#produit_select {
		width: 595px;
		margin:0 auto;
		margin-bottom: 10px;
		background-color: #ffffff;
		padding: 10px;
	}

/* ---------------------------------------------------------------- 
 *  COLONNE DE DROITE
 * ---------------------------------------------------------------- 
*/ 
	#col_droite {
		float: left;
		width: 260px;
	}
	
	#infos_supplémentaires {
		margin-top: 30px;
	}
	
	#nav-infos {
		margin-top: 15px;
		margin-left: 20px;
	}
	
	#nav-infos li {
		margin-bottom: 12px;
		font-size: 11px;
	}

/* ---------------------------------------------------------------- 
 *  EXTRAS
 * ---------------------------------------------------------------- 
*/
	a.actif{
		color: #e58d3d;
	}

	.produits_vente {
		font-size: 12px;
		font-weight:bold;
		font-style: italic;
		color: #ffffff;
		padding-left: 15px;
		
	}

	.orange {
		color: #e58d3d;
	}
	
	.produit_p {
		font-size: 11px;
		margin-left: 5px;
	}
	
	.infos_float {
		position: relative;
		width: 210px;
		left: 375px;
	}
	
	.img_absolute {
		position: absolute;
		
	}
/* ---------------------------------------------------------------- 
 *  PIED DE PAGE
 * ---------------------------------------------------------------- 
*/
	#pied_de_page {
		clear: both;
		width: 635px;
		padding-top: 5px;
	}