/***********
Corp des pages 
************/

body {
	background-color: #EBEBEB;
}

h1{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #003399;
}
/***********

Texte des éléments principaux en gras situés dans le menu de gauche
************/
.link_langue{
position: absolute; 
top: 12px; 
left: 400px;
text-decoration:none;
font-size:12px;
color:#000000;
}

.font_prix{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: White;
}
.font_prix_mini{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: White;
}

.td_prix_mini{
	background-image: url(/images/bouton-special-rouge-mini.gif);
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 9px;
	font-weight: normal;
	color: White;	
}

.td_prix_small{
	background-image: url(/images/bouton-special-rouge-small.gif);
	background-position: center center;
	background-repeat: no-repeat;
	font-size: 9px;
	font-weight: normal;
	color: White;	
}

/* ajax */
.ok_ajax , a.ok_ajax:link, a.ok_ajax:visited{
	color: #009900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	
}


/*  */
a.menu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.menu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}



/***********
Texte des sous-éléments situés dans le menu de gauche
************/

a.menubleu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}

a.menubleu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}
a.menubleu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #336699;
	text-decoration: underline;
}

/*********
Texte du menu en haut de la liste des produits
**********/
a.menulisteproduit:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}

a.menulisteproduit:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}
a.menulisteproduit:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #336699;
	text-decoration: underline;
}



/****************
Ruban rouge de prix.
---A changer sur le site (serge)
---doit être supprimé lorsque sera fait (serge)
*****************/
.prix_special_rouge {
  position: relative;
  bottom: -75px;
  left: 0em;
  color:#FFFFFF;
  font-weight:bold;
}
.prix_special_rouge1000{
  position: relative;
  bottom: -75px;
  left: 0em;
  color:#FFFFFF;
  font-weight:bold;
}
.prix_rouge_liste{
  position: relative;
  bottom: -67px;
  left: 0.8em;
  color:#FFFFFF;
  font-weight:bold;
}
.prix_rouge_liste1{
  position: relative;
  bottom: -68px;
  left: 1.0em;
  color:#FFFFFF;
  font-weight:bold;
}
.prix_rouge_liste2{
  position: relative;
  bottom: -68px;
  left: 1.2em;
  color:#FFFFFF;
  font-weight:bold;
}


/***********
Barre de navigation pour la liste des produits
************/

.Pages { 
	text-align: center; 

	margin-bottom: 20px; 
	margin-top: 20px; 
}
.Paginator { 
	font-size: 12px; 
	padding-top: 10px; 
	margin-left: auto; 
	margin-right: auto;
}
.Paginator a, .pageList .this-page { 
	padding: 2px 6px; 
	border: solid 1px #ddd; 
	background: #fff; 
	text-decoration: none; 
}
.Paginator a:visited { 
	padding: 2px 6px; 
	border: solid 1px #ddd; 
	background: #fff; 
	text-decoration: none; 
}
.Paginator .AtStart { 
	margin-right: 20px; 
	padding: 2px 6px; 
	/* border: solid 1px #ddd; */ 
	background: #fff; 
	color: #aaa; 
}
.Paginator .Prev { 
	margin-right: 20px; 
	padding: 2px 6px; 
	border: solid 2px #ddd; 
	background: #fff; 
}
.Paginator .break { 
	padding: 2px 6px; 
	border: none; 
	background: #fff; 
	text-decoration: none; 
}
.Paginator .Next { 
	margin-left: 20px; 
	padding: 2px 6px; 
	border: solid 2px #ddd; 
	background: #fff;
}
.Paginator .AtEnd { 
	margin-left: 20px; 
	padding: 2px 6px; 
	/* border: solid 1px #ddd; */ 
	background: #fff; 
	color: #aaa; 
}
.Paginator .this-page {
	padding: 2px 6px; 
	border-color: #999; 
	font-weight: bold; 
	font-size: 13px; 
	vertical-align: top; 
	background: #fff; 
	color: #000066; 
}
.Paginator a:hover {
	color: #fff; 
	background: #000066; 
	border-color: #036; 
	text-decoration: none;
}




/*************
À CLASSER
**************/


.titres_specs_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
	margin: 0;
}
.titres_categories {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
}
.titres_info_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003399;
}
.texte_specs_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
a.produit:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #006600;
	text-decoration: underline;
}
a.produit:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #006600;
	text-decoration: underline;
}
a.produit:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #009900;
	text-decoration: none;
}
.promo_info_produit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
}
a.promo_info_produit:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}
a.promo_info_produit:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}
a.promo_info_produit:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.celluledotstop {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}
.celluledotsbottom {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.celluledotsleft {
	border-left-color: #CCCCCC;
	border-left-style: dashed;
	border-left-width: 1px;
}

.cellulemenu {
	border: 1px solid #666666;
	padding: 2;
	position:relative;
 	top:105px;
 	left:0px;
}

.cellulemenuhaut {
	padding: 2;
	position:relative;
 	top:137px;
 	left:0px;
}

.cellulewhite10pxpadding {
	border: 1px solid #CCCCCC;
	padding: 10px;
	background-color: #FFFFFF;

}
.cellulebluemenu {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #E9F2FB;
	margin: 5px;
}
.cellulewhite5pxpadding {
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #FFFFFF;
}

.titrebleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #003399;
}

.moneris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #003399;
	background-color: White;
}
.cellulebluemenuopenleft {
	padding: 5px;
	background-color: #E9F2FB;
	margin: 5px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#dropmenudiv{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	font:normal 10px Verdana;
	line-height:18px;
	z-index:100;
}

#dropmenudiv a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	font-weight: bold;
	color: #336699;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #E9F2FB;
	text-decoration: underline;
}

.texte_prix_cart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #006600;
}
.texte_noir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
.texte_noir_homepage {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #222222;
}
.celluledotsall {
	border: 1px dashed #CCCCCC;
}
a.linkbleu:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
}
a.linkbleu:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
}
a.linkbleu:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;

}

.gris {
	background-color: #CCCCCC;
}

.calcul_frais{
	border: medium solid Red;
	background-color: #CAD0D7;
	width: 700px;
	height: auto;
	overflow: visible;
	left: -5px;
	top: -350px;
	position: relative;
	text-align: left;
}

#tooltip_box { 
	float:left; 
	width:300px; 
	padding:15px; 
	background-color:#FFFFFF; 
}
/*a {background-color:#FFFFFF; color:#000000; text-decoration:underline;}*/
/*a:hover {background-color:#ffffff; text-decoration:none;} */ /* background-color pour IE6*/
a.tooltip span {
	display:none; 
	padding:2px 3px; 
	margin-left:10px; 
	width:250px;}
	
a.tooltip:hover span{
	display:inline; 
	position:absolute; 
	border:1px solid #cccccc; 
	background:#ffffff; 
	color: #000;
}


/* zoom image  */
/*.pic:hover
{
	border: 1px solid Black;
}
*/
.pic img
{
	-webkit-transition: all .6s ease-in; /* element qui subit la transition, temps de la transition et function de la transition*/
	-moz-transition: all .6s ease-in;
	-o-transition: all .6s ease-in;
	transition: all .6s ease-in;
	border: 1px solid White;
	/*zoom: 1;*/
}

.pic img:hover
{
	border: 1px solid Black;
	-webkit-transform: scale(2); /*multiplication de la taille de départ x 4*/
	-moz-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-transform-origin: center center; /*origine de l'animation*/
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;  /*border: none;*/
	zoom: 1.5; 
	z-index: 200;

}


/* Zoom CSS   Photo-Caption PZ3 CSS v080630 
* copyright: http://randsco.com/copyright 
* www.randsco.com 
*/
.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  html>/**/body .PZ3-r { position:relative; }

.PZ3zoom { border:0px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .PZ3-r a { right:0; }

.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none; 
  cursor:default; height:auto; width:auto;
  overflow:visible; /*border:1px solid #369;*/
  margin:-1px 0 0 -1px; }
  html>body .PZ3zoom a:hover { margin:-1px -1px 0 -1px; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { 
	height:200%;  /*auto;*/ 
	width:200%;	/* regle le zoom ici */
  	/*border:0;*/
	border:1px solid #369; 
}

a:hover .PZ3cap,
a:hover .PZ31cap { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#369; color:#fff;
  text-align:left; }
a:hover .PZ3cap { padding:3px 5px; }
.PZ3inr { display:block; padding:2px 5px; }

.noCap a:hover .PZ3cap,
.noCap a:hover .PZ31cap { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */