/* ----------------------------*/
/* Debut relookage 2010 */
/* ----------------------------*/

/* ---------------------------*/
/* presentation générale */
/* ---------------------------*/

/* -------------*/
/* page Noel */
/* --------------*/
/*
body  {
	background : #b0c8c8;
	color : #000000;
	margin : 0 auto;
	padding : 0;
	text-align : center;
}

#corpsp {
	z-index : 1;
	width: 1142px;
	margin : 0 auto;
	background-image: url(images/bg_im.jpg);
	background-repeat: repeat-y;
}

#corpspcolc {	
	margin : 0 auto;
	padding: 0px;
	width: 1000px;
}

*/
/* -------------*/
/* page Noel */
/* --------------*/

body  {
	color : #000000;
	margin : 0 auto;
	padding : 0;
	text-align : center;
	background-color:#ffffff;
	background-image:url(images/bg_distrimed_xmas10.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
}

TD.pageHeading_Noel{
	height: 44px;
	padding-left: 47px;
	background-image: url(images/top_noel_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_Noel h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #408080;
}

#corpsp {
	z-index : 1;
	width: 1000px;
	margin : 0 auto;
}

#corpspcolc {	
	padding: 0px;
	width: 1000px;
	position:relative;
	top:0px;
	left:0px;

}

/* fin page Noel */

a {
	color : #000000;
	text-decoration : none;
}

a:hover {
	color : #44B2AB;
	text-decoration : none;
}

form {
	display : inline;
	font-family : Arial, Verdana, sans-serif;
}

p {
	font-family : Arial, Verdana, sans-serif;
} 

TD.pageHeading, DIV.pageHeading {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #404040;
}

TD.pageHeading h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #404040;
}

/* -----------------------*/
/* infos generiques */
/* ----------------------*/

.couleur-textvert {
	color: #408080;
}

.productInfo {
	color: #0d5e0b;
}

.spacer {
	clear: both;
	visibility: hidden;
}

.disp_block {
	display:block;
}

.boxText  {
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
	font-weight : bold;
}

.boxTextsimple  {
	font-family : Arial, Verdana, sans-serif;
	font-size : 12px;
}

.pad0marg0 {
	margin: 0px;
	padding: 0px;
}

.sep_vert_bas {
	border-bottom: 1px dashed #B3CCCC;
}

.sep_vert_droit {
	border-right: 1px dashed #B3CCCC;
}

.sep_vert_gauche {
	border-left: 1px dashed #B3CCCC;
}

.sep_vert_top {
	border-top: 1px dashed #B3CCCC;
}

.sep_dot_bas {
	border-bottom: 1px dotted #B3CCCC;
}

.sep_dot_droit {
	border-right: 1px dotted #B3CCCC;
}

.sep_dot_gauche {
	border-left: 1px dotted #B3CCCC;
}

.sep_dot_top {
	border-top: 1px dotted #B3CCCC;
}

.centrage {
	margin: 0 auto;
}

.aligne {
	display:inline;
}

.gauche {
	float: left;
} 
  
.droite {
	float: right;
} 

.alignev {
	vertical-align: middle;
}  

.alignevtop {
	vertical-align: top;
}  

.textecentre {
	text-align: center;
}

.textedroit {
	text-align: right;
}

.textegauche {
	text-align: left;
}

.cachee {
	display: none; /* Là où visibility:hidden laissera un espace entre les éléments précédant et suivant l'élément rendu invisible, display:none "efface" l'élément ciblé sans laisser de trace : les éléments précédents et suivants se retrouvent côte à côte, comme si l'élément visé n'existait pas. */
}

.invisible {
	visibility: hidden;
}

.visible {
	display: block;
}

.padl_10 {
	padding-left: 10px;
}

.bordureim {
	border:1px solid #CCCCCC;
}

/*  TOTO telechargements documents et fichiers produits*/
.puce_verte {
	background-image: url(images/puce-verte.jpg);
	background-image: url(images/puce-verte.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

/* fin infos generiques */

/* -----------------------------*/
/* rubriques haut du site */
/* -----------------------------*/

.h157 {
	height:157px;
}

#top_left_header {
	background-image: url(images/top_left_header.jpg);
	background-repeat: no-repeat;
	z-index:-1;
}

#en_tete1 {

}

.titre1 {
	font-size: 13px; 
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	margin-left:15px;
	position: relative;
	left: 15px;
	top: -12px;
}

.titre1 a {
	color: #ffffff;
	font-weight: bold;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 12px;
	text-decoration : none;
}

.titre1 a:hover {
	color: #ffffff;
}

.titre1 a:visited {
	color: #ffffff;
}

#top_right_header1 {
	background-image: url(images/top_right_header1.jpg);
	background-position: top left;
	background-repeat: no-repeat; 
	z-index:-1;
}

#top_right_header2 {
	background-image: url(images/top_right_header2.jpg);
	background-position: top left;
	background-repeat: no-repeat; 
	z-index:-1;
}

.right_header_compte {
	margin-left:191px;
}


/* ---------------------------*/
/* partie compte client */
/* --------------------------*/

#boxcompte {
	width:315px;
	height:150px;
	margin: 7px 0px 0px 0px;
}

#boxcompte_haut {
	width:315px;
	height:8px;
	background-image: url(images/espace_client_header.png);
	background-position: top left;
	background-repeat: no-repeat; 
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxcompte_bas {
	width:315px;
	height:8px;
	background-image: url(images/espace_client_footer.png);
	background-position: top left;
	background-repeat: no-repeat; 
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxcompte_corps {
	width:315px;
	height:134px;
	background-color:#D8E8E8;
}

#boxcompte_logo {
	width:315px;
	height: 25px;
	background-image: url(images/espace_client_titre.jpg);
	background-position: top left;
	background-repeat: no-repeat; 
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxcompte_infos0 {
	width:315px;
	height:61px;
	display: block;
	margin: 0 auto;
	padding: 15px 0px 10px 0px;
	background-color:#D8E8E8;
}

#boxcompte_passwd {
	width:315px;
	height:14px;
	float: left;
	margin: 0px 0px 0px 30px;
	text-align: left;  
}

#boxcompte_passwd a { /* un lien qui prend la même taille que son contenant et avec image de fond */
	display:block;
	width: 121px;
	height: 14px;
	background-image: url(images/espace_client_mdp.jpg);
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxcompte_passwd a:hover { /*changement d'image de fond au survol */
	background-image: url(images/espace_client_mdp_over.jpg);
	background-repeat: no-repeat;
}

#boxcompte_nouvcl {
	width:315px;
	height:14px;
	float: left;
	margin: 0px 0px 0px 30px;
	text-align: left;  
}

#boxcompte_nouvcl a { /* un lien qui prend la même taille que son contenant et avec image de fond */
	display:block;
	width: 101px;
	height: 14px;
	background-image: url(images/espace_client_nveau.jpg);
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxcompte_nouvcl a:hover { /*changement d'image de fond au survol */
	background-image: url(images/espace_client_nveau_over.jpg);
	background-repeat: no-repeat;
}

#boxcompte_infos1 {
	width:315px;
	height:81px;
	display: block;
	margin: 0 auto;
	background-color:#D8E8E8;
}
#boxcompte_infos2 {
	width:315px;
	height:77px;
	display: block;
	margin: 2px 0px 2px 0px;
	border-top:1px solid #4B8787;
	border-bottom:1px solid #4B8787;
	background-color:#ffffff;
}


#login_list_header {
	margin: 3px 25px 0px 10px;
	padding: 3px 2px 2px 15px;
	list-style: none;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 10px;
	line-height: 1;
}

#login_list_header li {
	color: #000000;
	border-left: 1px #4B8787 solid;
	border-bottom: 1px #4B8787 solid;
}

#login_list_header li a:link, #login_list_header li a:visited {
	display: block;
	padding: 1px 2px 1px 5px;
	text-decoration: none;
}

#login_list_header li a:hover {
	color: #000000;
	font-weight:bold;
	padding: 1px 2px 1px 5px;
	background: #D8E8E8;
}

#boxcompte_logoff { /* deconnexion compte */
	width:121px;
	height:14px;
	float: left;
	margin: 8px 0px 10px 30px;
	text-align: left;  
}

#boxcompte_logoff a { /* un lien qui prend la même taille que son contenant et avec image de fond */
	display:block;
	width: 121px;
	height: 14px;
	background-image: url(images/quitter_compte.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxcompte_logoff a:hover { /*changement d'image de fond au survol */
	background-image: url(images/quiite_compte_over.jpg);
	background-repeat: no-repeat;
}

/* ----------------------------------------------*/
/* partie panier FAQ, suivi commandes */
/* ----------------------------------------------*/

#boxpanier {
	width:155px;
	height:150px;
	margin: 7px 12px 0px 12px;
}


#boxpanier_haut {
	width:155px;
	height:8px;
	background-image: url(images/panier_header.png);
	background-position: top left;
	background-repeat: no-repeat; 
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxpanier_corps {
	width:155px;
	height:114px;
	background-color:#D8E8E8;
}

#boxpanier_panier { /* Image avec lien vers panier */
	width:155px;
	height:25px;
	background-image: url(images/panier_titre.jpg);
	background-position: top left;
	background-repeat: no-repeat; 
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxpanier_panier  a {
	width:155px;
	height:25px;
	display: block;
}

#boxpanier_nb { /*nombre d'items dans panier */
	width:155px;
	height:30px;
	text-align: center;
	padding-top: 15px;
}

#boxpanier_nb  a{
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #000000;
	text-decoration: underline;
}

#boxpanier_nb  a:hover {
	color : #44B2AB;
}

#boxpanier_infos1 {
	width:100px;
	height:25px;
	display: block;
	margin: 0 auto;
}

#boxpanier_infos_g {
	width:52px;
	height:14px;
	float: left;
}

#boxpanier_infos_g a { /* un lien qui prend la même taille que son contenant et avec image de fond */
	display:block;
	width:52px;
	height:14px;
	background-image: url(images/panier_detail.jpg);
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxpanier_infos_g a:hover { /*changement d'image de fond au survol */
	background-image: url(images/panier_detail_over.jpg);
	background-repeat: no-repeat;
}

#boxpanier_infos_d {
	width:48px;
	height:14px;
	float: right;
}

#boxpanier_infos_d a { /* un lien qui prend la même taille que son contenant et avec image de fond */
	display:block;
	width:48px;
	height:14px;
	background-image: url(images/panier_valider.jpg);
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxpanier_infos_d a:hover { /*changement d'image de fond au survol */
	background-image: url(images/panier_valider_over.jpg);
	background-repeat: no-repeat;
}

#boxpanier_suivic1 {
	width:123px;
	height:14px;
	float: left;
	margin: 0px 0px 5px 10px;
}

#boxpanier_suivic1 a { /* un lien qui prend la même taille que son contenant et avec image de fond */
	display:block;
	width: 123px;
	height: 14px;
	background-image: url(images/panier_suivi.jpg);
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxpanier_suivic1 a:hover { /*changement d'image de fond au survol */
	background-image: url(images/panier_suivi_over.jpg);
	background-repeat: no-repeat;
}

#boxpanier_faq1 {
	width:155px;
	height:28px;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxpanier_faq1 a { /* un lien qui prend la même taille que son contenant et avec image de fond */
	display:block;
	width:155px;
	height:28px;
	background-image: url(images/panier_footer0.png);
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#boxpanier_faq1 a:hover { /*changement d'image de fond au survol */
	background-image: url(images/panier_footer_over1.png);
	background-repeat: no-repeat;
}

/* fin rubriques haut du site */

/* -------------------------------------------------------*/
/* menu déroulant et ligne recherche et index */
/* -------------------------------------------------------*/

#lignesmenuheader { /* c'est le bloc des deux lignes  avec le bouton vers accueil */
	margin: 0 auto;
	width: 1000px;
	background-color: #ffffff;
	text-align: center;
	padding: 0px;
}

/* premiere ligne  du menu haut de page */

#ligne0menuheader {
	margin: 0 auto;
	width: 1000px;
	height: 35px;
	background-color: #ffffff;
	padding: 0px;
}

#gauchel0menuheader { /* emplacement image vers accueil */
	float: left;
	width: 59px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/picto-maison.jpg);
	background-repeat: no-repeat;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#liengauchel0menuheader { /* lien vers accueil - pour eviter un bug graphique avec IE on a mis l'image en fond de cellule et le lien sans texte mais en display block de mêmedimension que l'image */
	display:block;
	width: 59px;
	height: 35px;
}

#droitel0menuheader { 
	width: 941px;
	height: 35px;
	background-color: #ffffff;
	margin: 0px;
	margin-left: 59px;
	padding: 0px;
	text-align: left;
}

td.bottom_header p {
	color: #000000;
	font-weight: bold;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 12px;
	line-height: 1;
}

td.bottom_header a {
	color: #000000;
	font-weight: bold;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#rech {
	display: block;
	width: 363px;
	height: 28px;
	color: #000000;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 12px;
	line-height: 1;	
}

#rech_txt {
	float: left;
	width: 120px;
	color: #000000;
	font-weight: bold;
	padding-top: 9px;
}

#rech_bout {
	float:right;
	width: 43px;
	color: #000000;
	font-size: 2px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 2px; /* correction d'un bug de IE pour affichage des images  */
	padding-top: 2px;
}

#rech_champ {
	width: 200px;
	margin: 0px 43px 0px 120px;
	color: #000000;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding-top: 5px;	
}

#rech_form {
	width: 190px;
	height: 18px;
	padding-top: 0px;
	color: #000000;  
	border: 1px solid #44B2AB;  
	font-family:  Arial, Verdana,sans-serif;
	text-decoration: none;
	font-size: 11px;
	line-height: 1;	
	text-align: left;  
}

#choixmarques {
	display: block;
	width: 216px;
	height: 28px;
	color: #000000;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 12px;
	line-height: 1;	
}

#marques_txt {
	float: left;
	width: 50px;
	color: #000000;
	font-weight: bold;
	padding-top: 9px;
}

#marques_menu {
	float:right;
	width: 166px;
	color: #000000;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 10px;
	font-weight : bold;
	text-decoration: none;	
	padding-top: 5px;
}

#indexprods {
	display: block;
	width: 285px;
	height: 15px;
	color: #000000;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 12px;
	line-height: 1;
	padding-top: 7px;	
}

#index_txt {
	float: left;
	width: 125px;
	color: #000000;
	font-weight: bold;
}

#index_marque {
	float:right;
	width: 85px;
	color: #000000;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;	
}

#index_nom {
	width: 60px;
	margin: 0px 89px 0px 129px;
	color: #000000;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 11px;
	text-decoration: none;
	border-right: 1px solid #44B2AB;	
}


/* fin de la première ligne */

#lsous_header0 {
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
	height: 10px;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
	border-top: 1px solid #44B2AB;
	clear: both;
}

/* deuxième ligne  du menu haut de page */

#l1menuheader { 
	width: 995px;
	height: 37px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;	
}

#menuhor {
	position: relative; /* placement du menu, à modifier selon vos besoins */
	top: 0;
	left: 0;
	z-index:500;
	width: 895px;
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
}

#menuhor, #menuhor dl, #menuhor dt, #menuhor dd, #menuhor ul, #menuhor li {
	margin: 0;
	padding: 0;
	border:0px;
	list-style-type: none;
}

#menuhor dl{ /* les dl correspondent aux blocs : images + listes des sous-catégories associées - un dl correspond à une image et une liste  */
	position: relative;
	display: inline;
	float: left;
	height: 37px;
}

#menuhor dt{ /* les dt correspondent aux images des catégories principales  - un dt correspond à une image */
	font-size:1px; /* correction d'un bug de IE pour affichage des images  */
	line-height:1px; /* correction d'un bug de IE pour affichage des images  */
}

#menuhor dt>img{
	display:block; /* correction d'un bug de IE pour affichage des images  */
}

/* Changement de bouton au survol du menu */
#menuhor dl dt a {
	display: block;	
	height:37px;
	margin: 0 auto;
	padding: 0px;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 1px;
}

#menuhor dl dt#menuhor141 a {	
	width: 83px;
	background: url(images/bt_cat_141_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor80 a {	
	width: 67px;
	background: url(images/bt_cat_80_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor136 a {	
	width: 55px;
	background: url(images/bt_cat_136_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor143 a {	
	width: 73px;
	background: url(images/bt_cat_143_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor98 a {	
	width: 42px;
	background: url(images/bt_cat_98_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor211 a {	
	width: 59px;
	background: url(images/bt_cat_211_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor82 a {	
	width: 94px;
	background: url(images/bt_cat_82_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor106 a {	
	width: 80px;
	background: url(images/bt_cat_106_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor132 a {	
	width: 73px;
	background: url(images/bt_cat_132_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor253 a {	
	width: 74px;
	background: url(images/bt_cat_253_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor78 a {	
	width: 64px;
	background: url(images/bt_cat_78_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor130 a {	
	width: 60px;
	background: url(images/bt_cat_130_duo.jpg)  0 0 no-repeat;
}
#menuhor dl dt#menuhor165 a {	
	width: 71px;
	background: url(images/bt_cat_165_duo.jpg)  0 0 no-repeat;
}

#menuhor dl:hover dt#menuhor141 a, #menuhor dl:hover dt#menuhor80 a, #menuhor dl:hover dt#menuhor136 a, #menuhor dl:hover dt#menuhor136 a, #menuhor dl:hover dt#menuhor143 a, #menuhor dl:hover dt#menuhor98 a, #menuhor dl:hover dt#menuhor211 a, #menuhor dl:hover dt#menuhor82 a, #menuhor dl:hover dt#menuhor106 a, #menuhor dl:hover dt#menuhor132 a, #menuhor dl:hover dt#menuhor253 a, #menuhor dl:hover dt#menuhor78 a, #menuhor dl:hover dt#menuhor130 a, #menuhor dl:hover dt#menuhor165 a  {
	background-position: 0 -37px;
}

/* Fin Changement de bouton au survol du menu */

#menuhor dd { /* les dd correspondent aux bloc des listes des sous-catégories. Un dd correspond à une liste */
	width: 996px;
	position: absolute;
	left: -9999px; /* tant que personne ne survole l'image de la catégorie princiaple, on envoi la liste des sous-catégories loin sur la gauche de l'écran , donc invisible */
	background-color: #8CB3B3;
}

#menuhor dl:hover dd {
	position: absolute;
	left: 0em; /* au survol de l'image on affiche la liste de sous-catégories correspondantes */
	background-color: #DDE8E8;
	border: 2px solid #44B2AB;  
}

dl:hover dd#smenuhor141 {
	position: absolute;
	left: -8px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor80 {
	position: absolute;
	left: -91px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor136 {
	position: absolute;
	left: -158px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor143 {
	position: absolute;
	left: -213px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor98 {
	position: absolute;
	left: -286px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor211 {
	position: absolute;
	left: -328px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor82 {
	position: absolute;
	left: -387px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor106 {
	position: absolute;
	left: -481px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor132 {
	position: absolute;
	left: -561px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor253 {
	position: absolute;
	left: -634px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor78 {
	position: absolute;
	left: -708px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor130 {
	position: absolute;
	left: -772px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}
dl:hover dd#smenuhor165 {
	position: absolute;
	left: -832px; /* au survol de l'image on affiche la liste de sous-catégories correspondantes calée en positionnement sur le bord gauche du contenu  */
}

/*1st sub level menu*/
#menuhor ul {
	display: block;	
	width: 996px;
	list-style-type: none;
	padding: 15px 0px 10px 0px;
}


#menuhor ul>li#col1 {
	float: left;
	width: 193px;
	padding: 5px 1px 0px 5px;
}

#menuhor ul>li#col2, #menuhor ul>li#col3, #menuhor ul>li#col4, #menuhor ul>li#col5 {
	float: left;
	width: 192px;
	padding: 5px 1px 0px 5px;
	border-left: 1px dotted #44B2AB;
}

.titre_categenf {
	padding: 5px 0px 5px 0px;
	font-family: Arial, Verdana, sans-serif;	
	color: #408080;
	font-size: 12px;
	line-height: 18px; /* correction d'un bug de IE pour affichage des images  */
	font-weight: bold;
}

.titre_categenf a {
	padding: 5px 0px 5px 0px;
	color: #408080;
	font-size: 12px;
	line-height: 18px; /* correction d'un bug de IE pour affichage des images  */
	font-weight: bold;
	text-decoration : none;
}

.categenf {
	display: block;
	padding: 5px 0px 5px 0px;
	font-size: 11px;
	line-height: 11px; /* correction d'un bug de IE pour affichage des images  */
}

.categenf a{
	text-decoration: none;
	color: black;
	font-family: Arial, Verdana, sans-serif;
}


.categenf a:hover{ /* changement couleur du texte et du fond quand on survole un lien d'une liste */
	color: #408080;
	text-decoration: underline;
}

#lsous_header {
	margin: 0 auto;
	padding: 0px;
	width: 1000px;
	height: 1px;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
	clear: both;
}

/* fin deuxième ligne du menu haut de page */

/* ------------------------*/
/* Colonne de droite */
/* -----------------------*/

#coldbox {
	border: 1px #a2c2c2 solid;
}

#coldbox_ppdt {
	border: 1px #a2c2c2 solid;
	margin-top: 27px;
}

#cold05 {
	clear: both;
	width: 118px;
	height:88px;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 0px 12px 0px 12px;
	display: block;
	background-image: url(images/re_cybermut2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
}

#liencold051 {
	display:block;
	width: 114px;
	height: 72px;
}

#cold052 {
	clear: both;
	width: 114px;
	height:27px;
	margin: 0 auto;
	margin-bottom: 0px;
	padding: 0px 12px 0px 12px;
	display: block;
	background-image: url(images/cybermut_paypal.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-align: left;
}

#liencold052 { /*  pour eviter un bug graphique avec IE on a mis l'image en fond de cellule et le lien sans texte mais en display block de mêmedimension que l'image */
	display:block;
	width: 114px;
	height: 27px;
}

#cold00 {
	clear: both;
	margin-bottom: 30px;
}

#cold00I {
	margin-top: 5px;
	width: 164px;
	height:47px;
	display: block;
	background-image: url(images/re_fond_cold00.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#cold00I2 {
	margin-top: 5px;
	width: 164px;
	height:102px;
	display: block;
	background-image: url(images/distrimed_mini.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#cold00T {
	width: 140px;
	height:70px;
	padding: 5px 12px 0px 12px;
	font-size: 5px;
	line-height: 1;
}

#cold00T a {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

#cold00T a.liencold {
	padding-left: 10px;
	background-image: url(images/puce-verte.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#cold04 {
	clear: both;
	margin-bottom: 15px;
}

#cold04I {
	width: 164px;
	height:47px;
	display: block;
	background-image: url(images/re_fond_cold04.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#cold04T {
	width: 140px;
	height:105px;
	padding: 5px 12px 0px 12px;
	display: block;
	font-size: 5px;
	line-height: 1;
}

#cold04T a {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

#cold04T a.liencold {
	padding-left: 10px;
	background-image: url(images/puce-verte.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

#cold001 {
	clear: both;
	width: 164px;
	height: 149px;
	margin: 0 auto;
	margin-bottom: 20px;
	display: block;
	background-image: url(images/re_fond_cold001.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#cold02 {
	clear: both;
	margin-bottom: 20px;
}

#cold02I {
	width: 164px;
	height:112px;
	display: block;
	background-image: url(images/re_fond_cold02.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#cold02T {
	width: 140px;
	padding: 5px 12px 0px 12px;
	display: block;
	font-size: 8px;
}

#cold03 {
	clear: both;
	width: 164px;
	height:134px;
	margin: 0 auto;
	padding-bottom: 5px;
	display: block;
	text-align: center;
}

#cold06 {
	clear: both;
	width: 164px;
	height:134px;
	margin: 0 auto;
	padding-bottom: 5px;
	display: block;
	text-align: center;
}

#cold07 {
	clear: both;
	width: 164px;
	height: 210px;
	margin: 0 auto;
	margin-bottom: 20px;
	display: block;
	background-image: url(images/re_fond_cold07.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/* fin colonne de droite */

/*-----------------*/
/* page panier */
/*-----------------*/

TD.pageHeading_cart {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/panier_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.cart_nl {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	background-image: url(images/chemin-panier.gif);
	width : 779px;
	height : 44px;
	background-repeat: no-repeat;
	background-position: 25px 0%;
}

TD.panier_listing_produits {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	vertical-align : middle;
	background-color: #ffffff;
}

TABLE.panier_produit {
	border-top: 1px solid #44B2AB;
	border-right: 1px solid #44B2AB;
	border-left: 1px solid #44B2AB;
}

TD.panier_port_gratuit {
	height: 33px;
	padding-left: 35px;
	background-image: url(images/trombone.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

TD.panier_estimation {
	height: 33px;
	padding-left: 35px;
	background-image: url(images/livraison.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

/* fin page panier */

/* ----------------------------------------------------------------*/
/* Page listing produits par categories ou fabricants */
/* ----------------------------------------------------------------*/

TABLE.productListing {
	border: 1px;
	border-style: solid;
	border-color: #44B2AB;
}

.productListing-heading {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #44B2AB;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
}

TD.productListing-data {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #44B2AB ;
	vertical-align : middle;
	font-weight: bold;
}

.productListing_headingnew {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #E6F8F8;
	color: #1CB8AD;
	font-weight: bold;
	padding: 3px 0px 3px 0px;
}

TD.productListing-datanew {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #1CB8AD;
	vertical-align : middle;
	font-weight: bold;
}

.sep_dot_gauchenew {
	border-left: 1px dotted #1CB8AD;
}

.sep_sol_hbd_new {
	border-right: 1px solid #1CB8AD;
	border-top: 1px solid #1CB8AD;
	border-bottom: 1px solid #1CB8AD;
}

.sep_sol_hbg_new {
	border-left: 1px solid #1CB8AD;
	border-top: 1px solid #1CB8AD;
	border-bottom: 1px solid #1CB8AD;
}

.sep_sol_hb_new {
	border-top: 1px solid #1CB8AD;
	border-bottom: 1px solid #1CB8AD;
}

TD.productListing-data-light {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #1CB8AD ;
	vertical-align : middle;
}

TD.productListing-data-light_fin {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #ffffff ;
	vertical-align : middle;
}

TD.productListing-datafin { /* pour la dernière ligne du tableau  on ne met pas de border-bottom  vert */
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #ffffff ;
	vertical-align : middle;
	font-weight: bold;
}

TD.productListing-data_fin {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #ffffff ;
	vertical-align : middle;
	font-weight: bold;
}

TD.productListing-data h2, TD.productListing-datafin h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	vertical-align : middle;
	font-weight: bold;
}

TD.productListing-data a:hover, TD.productListing-datafin a:hover  {
	color: #408080;
}

TR.productListing-odd, TR.productListing-even {
	background: #ffffff;
	height: 120px;
}

TR.productListingpanier {
	background: #ffffff;
}


/* Police des prix */
SPAN.productPrixbarre {
	font-family: Arial, Verdana, sans-serif;
	color: #000000;
    font-size: 10px;
}

TD.pageHeadinglisting {
	height: 44px;
	padding-left: 37px;
	background-image: url(images/fleche_rub_ombre.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeadinglisting h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #408080;
}

.prix_top_fpdt {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

TD.col_verte_1 {
	padding-left: 37px;
	background: #ffffff;
	background-image: url(images/1pix_vert.jpg);
	background-position: 0% 0%;
	background-repeat: repeat-y;
}

/* fin Page listing produits par categories ou fabricants */

/* ----------------------------*/
/* Page du comparateur */
/* ---------------------------*/

#pdt_comp {
	width: 926px;
	margin: 0 auto;
	display: block;
	color: #408080;
	background-color:#ffffff;
}


#pdt_comp00 {
	display: block;
	width: 302px;
	float: left; 
	padding: 0px;
	margin-left: 3px;
	color: #000000;
	border-top: 1px solid #44B2AB;
	border-right: 1px solid #44B2AB;
	border-left: 1px solid #44B2AB;
	background-color:#ffffff;
}

#pdt_comp02 {
	display: block;
	width: 302px;
	padding: 0px;
	margin: 0px 310px 0px 310px;
	color: #000000;
	border-top: 1px solid #44B2AB;
	border-right: 1px solid #44B2AB;
	border-left: 1px solid #44B2AB;
	background-color:#ffffff;
}

#pdt_comp01 {
	display: block;
	width: 302px;
	float: right; 
	padding: 0px;
	margin-right: 3px;
	color: #000000;
	border-top: 1px solid #44B2AB;
	border-right: 1px solid #44B2AB;
	border-left: 1px solid #44B2AB;
	background-color:#ffffff;
}

.col_compar00 {
	margin: 0 auto;
	display: block;
	height: 35px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color:#44B2AB;
}

.col_compar00 a {
	text-decoration: none;
	font-size: 11px;
	color: #ffffff;
}

.col_compar00 a:hover {
	color: #D3EFED;
}

.col_compar01 {
	margin: 0 auto;
	display: block;
	height: 100px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	background-color:#ffffff;	
}

.col_compar02 {
	margin: 0 auto;
	display: block;
	height: 35px;
	text-align: center;
	padding: 10px 5px 5px 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;	
	background-color:#ffffff;	
}

.col_compar03 {
	margin: 0 auto;
	display: block;
	height: 30px;
	padding: 10px 5px 5px 5px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color:#ffffff;
	border-top: 1px solid #44B2AB;
	border-bottom: 1px solid #44B2AB;
}

.col_compar04 {
	margin: 0 auto;
	display: block;
	height: 50px;
	padding: 10px 5px 5px 5px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color:#ffffff;	
}

.col_compar04bis {
	margin: 0 auto;
	display: block;
	height: 40px;
	padding: 20px 5px 5px 5px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color:#ffffff;	
}

.col_compar05 {
	margin: 0 auto;
	display: block;
	height: 1px;
	background-color:#ffffff;
	border-bottom: 1px solid #44B2AB;
}

.col_compar06 {
	margin: 0 auto;
	display: block;
	height: 100%; 
	padding: 5px 5px 0px 5px;
	text-align: center;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color:#ffffff;	
	border-bottom: 1px solid #44B2AB;
}

/* fin Page du comparateur */

/* ----------------------------------------------------------*/
/*                    page des categories pdts               */
/* ---------------------------------------------------------*/

#rubrique {
	display: block;
	width: 1000px;
	margin: 0 auto;
	color:#000000;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	line-height:11px;
	text-align : left;
}

#rubrique_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin et les borders, soit ici 228 +5 + 2x1 = 235 */
	float: left;
	display: block;
	width: 228px;
	border: 1px solid #1CB8AD; 
	margin: 0px 0px 15px 5px;
	font-size: 12px;
	line-height: 12px;
}

.rubrique_g_titre {
	display: block;
	height: 20px;
	padding: 5px 0px 0px 5px;
	background-color: #1CB8AD;
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	color: #ffffff;
	text-align: left; 
}

#rubrique_g_liste {
	display: block;
	padding: 5px 5px 0px 5px;
	background-color: #E6F8F8;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	text-align: left; 
}

#rubrique_g_liste ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#rubrique_g_liste  li.menuRubriquetitre {
	padding: 15px 0px 5px 0px;
	font-weight: bold;

}

#rubrique_g_liste  li .menuRubriquetitre a, .#rubrique_g_liste  li .menuRubriquetitre a:hover {
	color: #000000;
	text-decoration: none ;
}

#rubrique_g_liste li.menuRubriquelien {
	padding: 0px 0px 5px 0px;
}

#rubrique_g_liste li.menuRubriquelien a {
	text-decoration: none;
}

#rubrique_g_liste li.menuRubriquelien a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;	
	background-color: #1CB8AD;
}

/*  colonne gauche categorie sans sous categorie */

#rubrique_g_multi { /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin et les borders, soit ici 235 = 235 */
	float: left;
	display: block;
	width: 235px;
	margin: 0px;
}

.rubrique_g_listemulti { /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin et les borders, soit ici 228 +5 + 2x1 = 235 */
	float: left;
	display: block;
	width: 228px;
	border: 1px solid #1CB8AD; 
	margin: 0px 0px 15px 5px;
	font-size: 12px;
	line-height: 12px;
}

.rubrique_g_liste_listemulti {
	display: block;
	padding: 5px 5px 0px 5px;
	background-color: #E6F8F8;
	font-size: 12px;
	line-height: 12px;
	color: #000000;
	text-align: left; 
}

.rubrique_g_liste_listemulti ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.rubrique_g_liste_listemulti  li.menuRubriquetitre {
	padding: 15px 0px 5px 0px;
	font-weight: bold;

}

.rubrique_g_liste_listemulti  li .menuRubriquetitre a, .rubrique_g_liste_listemulti  li .menuRubriquetitre a:hover {
	color: #000000;
	text-decoration: none ;
}

.rubrique_g_liste_listemulti li.menuRubriquelien {
	padding: 0px 0px 5px 0px;
}

.rubrique_g_liste_listemulti li.menuRubriquelien a {
	text-decoration: none;
}

.rubrique_g_liste_listemulti li.menuRubriquelien a:hover {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;	
	background-color: #1CB8AD;
}

/*  fin colonne gauche categorie sans sous categorie */

#rubrique_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin et les borders, soit ici 750 + 5 =755 */
	float: right;
	display: block;
	width: 750px;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	background-color:#ffffff;	
}

#rubrique_d_haut {
	width: 750px;
	margin: 0px 0px 10px 0px;
}

#rubrique_d_haut_titre{ /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin et les borders, soit ici 745 + 5 =750 */
	display: block;
	width: 745px;
	padding: 8px 0px 0px 5px;
	height: 30px;
	background-color: #1CB8AD;
}

#rubrique_d_haut_titre H1{
	font-family: Arial, Verdana, sans-serif;
	margin: 0px;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	color: #ffffff;
}

#rubrique_d_haut_image {
	display: block;
	width: 750px;
	height: 136px;
	margin-bottom: 25px;
}

#rubrique_d_med {
	width: 750px;
	margin : 0 auto;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 10px 0px;
}


#rubrique_d_med_g {
	float: left;
	display: block;
	width: 480px;
	margin: 0px;
	font-size: 12px;
	line-height: 12px;
}

.minibox_newbis_1 {  /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin les borders, soit ici 233 + 2 =235 */
	float: left;
	display:block;
	width: 233px;
	height: 215px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px;
	border: 1px #686BBC solid;
}

.minibox_newbis_2 {  /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin les borders, soit ici 233 + 2 =235 */
	float: right;
	display:block;
	width: 233px;
	height: 215px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px;
	border: 1px #686BBC solid;
}

#rubrique_d_med_d {
	float: right;
	display: block;
	width: 235px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 12px;
}

.minibox_new {  /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin les borders, soit ici 233 + 2 =235 */
	display:block;
	width: 233px;
	height: 215px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px;
	border: 1px #3e99df solid;
}

.titre_minibox_new {
	width: 223px;
	height: 40px;
	text-align: center;
	margin-top: 5px;
}

.titre_minibox_new a {
	font-size: 12px;
	line-height: 14px;
	font-family: Arial, Verdana, sans-serif;
	color: #225453 ;
	text-decoration: none;
	padding: 10px 5px 0px 5px;
}

.minibox_new_img {
	display:block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-bottom: 10px;
}

.sims_sup {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	width : 100px;
	height : 100px;
}

.sims_sup div {
	position: absolute;
	top: 0;
	left: 0;
}

.minibox_new_bas {
	display:block;
	width: 220px;
	margin: 0 auto;
	padding: 0px;
}

.smalltext_new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
}

.largetext_new {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
}

.minibox_new_bas_g {
	float: left;
	display: block;
	width: 140px;
	margin: 0px;
	text-align: center;
}

.minibox_new_bas_d {
	float: right;
	display: block;
	width: 70px;
	padding: 0px;
	margin: 0px;
}

.spacer3 {
	clear: both;
	visibility: hidden;
	height: 1px;
}

#rubrique_d_bas { /* pour firefox et chrome la largeur réelle prend en compte le width le padding le margin les borders et les rayons des bords arrondis, soit ici 708 + 20 + 2 + 20 =750 */
	width: 708px;
	margin: 10px 0px 10px 0px;
	background-color:#ffffff;
	padding: 20px; 
	-moz-border-radius: 10px 10px 10px 10px; 
	border: 1px solid #1CB8AD;
	text-align: justify; 
	font-size: 12px;
	line-height: 16px;	
}

#rubrique_d_bas h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	vertical-align : middle;
}

.boxbestseller {
	width: 538px;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 0px;
	border: 1px #676ABB solid;
}

.sep_violet {
	display:block;
	width: 1px;
	height: 150px;
	margin: 0 auto;
	background-color: #686BBC;
}

.sep_box_best {
	display: block;
	height: 1px;
	background-image: url(images/sep_bestseller.jpg);
	background-repeat: no-repeat;
	margin: 3px 0px 3px 0px;
}

.corpsboxbestseller {
	margin: 0 auto;
	width: 536px;
	padding-bottom: 0px;
	background-color: #ffffff;
}

.mini_box_best {
	display:block;
	width: 254px;
	height: 150px;
	margin: 0px;
}

.titre_mini_box_best {
	width: 260px;
	height: 40px;
	text-align: center;
}

.titre_mini_box_best a {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #225453 ;
	text-decoration: none;
	padding: 10px 10px 0px 10px;
}

/* fin page des rubriques ayant des sous-rubriques */

/* --------------------------------------------------*/
/* presentation produits dans mini-boxes */
/* -------------------------------------------------*/

.box_feat {
	width: 798px;
	margin: 0 auto;
	padding: 0px;
	border: 1px #54c097 solid;
}

.box_new {
	width: 798px;
	margin: 0 auto;
	margin-bottom: 15px;
	padding: 0px;
	border: 1px #3e99df solid;
}

.box_promo {
	width: 798px;
	margin: 0 auto;
	margin-bottom: 15px;
	padding: 0px;
	border: 1px #F28043 solid;
}

.sous_box_promo { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 794  + 4 + 2 = 800 */
	width: 794px;
	margin: 0 auto;
	margin-bottom: 15px;
	padding: 0px 2px 0px 2px;
	background-color: #F28043;
	border: 1px #F28043 solid;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

.sous_box_nouv { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 792  + 4 + 2 = 798 */
	width: 792px;
	margin: 0 auto;
	padding: 0px 2px 0px 2px;
	background-color: #3e99df;
	border: 1px #3e99df solid;
}

.sous_box_promo h2, .sous_box_nouv h2 {
	color: #ffffff;
	font-weight: bold;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 14px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

.sous_box_promo h2 a, .sous_box_nouv h2 a {
	color: #ffffff;
	text-decoration : none;
}

.sous_box_promo h2 a:hover, .sous_box_nouv h2 a:hover  {
	color: #ffffff;
}

.sous_box_promo h2 a:visited, .sous_box_nouv h2 a:visited{
	color: #ffffff;
}

.box_promo_i { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 798  +  2 = 800 */
	width: 798px;
	margin: 0 auto;
	padding: 0px;
	background-color: #ffffff;
	border: 1px #F28043 solid;
}

.box_promo_ig {
	width: 251px;
	float: left;
	margin-bottom: -15px;
	padding: 0px;
	text-align: left;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
	height:320px;
}

.box_promo_id {
	float: right;
	width: 536px;
	padding: 0px;
	margin: 0px;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

.c_im_box_new {
	padding: 0px;
	text-align: left;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 4px; /* correction d'un bug de IE pour affichage des images  */
}

.c_im_box_new2 {
	width: 251px;
	height: 249px;
	padding: 0px;
	margin: 0 auto;
	margin-top: 26px;
	background-image: url(images/medecin_promo.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 4px; /* correction d'un bug de IE pour affichage des images  */
}

.corpsbox_new {
	margin: 0 auto;
	width: 796px;
	padding: 0px;
	background-color: #ffffff;
}

.sep_vert {
	display:block;
	width: 1px;
	height: 150px;
	margin: 0 auto;
	background-color: #3e99df;
}

.sep_vertcl {
	display:block;
	width: 1px;
	height: 150px;
	margin: 0 auto;
	background-color: #F28043;
}

.sep_vertb {
	display:block;
	width: 1px;
	height: 150px;
	margin: 0 auto;
	background-color: #54c097;
}

.centrage_box_feat {
	width: 230px;
	margin: 0 auto;
	text-align: center;
}

.centrage_box_fab  a { /* changement de taille titre box page fabricants */
	font-size: 18px;
	font-family: Arial, Verdana, sans-serif;
	color: #225453 ;
	text-decoration: none;
	padding: 10px 10px 0px 10px;
}

.sep_box_bestcl {
	display: block;
	height: 1px;
	background-image: url(images/sep_bestsellercl.jpg);
	background-repeat: no-repeat;
	margin: 3px 0px 3px 0px;
}

.sep_box_best3 {
	display: block;
	height: 1px;
	background-image: url(images/sep_bestseller3.jpg);
	background-repeat: no-repeat;
	margin: 3px 0px 3px 0px;
}

.sep_box_best3b {
	display: block;
	height: 1px;
	background-image: url(images/sep_bestseller3b.jpg);
	background-repeat: no-repeat;
	margin: 3px 0px 3px 0px;
}

.sep_box_best3cl {
	display: block;
	height: 1px;
	background-image: url(images/sep_bestseller3cl.jpg);
	background-repeat: no-repeat;
	margin: 3px 0px 3px 0px;
}

.spacer1 {
	clear: both;
	visibility: hidden;
	margin: 0px 0px -3px 0px;
}

.spacer2 {
	clear: both;
	visibility: hidden;
	margin: 0px 0px 3px 0px;
}

.spacer3 {
	clear: both;
	margin: 0px 0px 20px 0px;
}

/* fin presentation produits dans mini-boxes */

/* ---------------------------*/
/* pages Top rubriques */
/* --------------------------*/

TD.pageHeading_ppdt{
	height: 44px;
	padding-left: 47px;
	background-image: url(images/top_rub_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_ppdt h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #408080;
}

/* fin pages Top rubriques */

/* --------------------*/
/* Polices diverses */
/* --------------------*/

SPAN.productSpecialPrice {
	font-family: Arial, Verdana, sans-serif;
	color: #ff0000;
}

.mediumtext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.largetext {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
}

.largetext h1 {
	font-size: 20px;
	line-height: 20px;
}

.smallTextbold {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.gras {
	font-weight: bold;
}

/* fin Polices diverses  */

/* -----------------*/
/* pied de page */
/* ----------------*/

#p_footer {
	display: block;
	width: 1000px;
	margin: 0 auto;
	font-size: 1px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
	border-top: 5px solid #80B8B9;
	background-color: #ffffff;
	background-image: url(images/fond-degrade.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	height: 348px;
}

#haut_footer {
	display: block;
	width: 1000px;
	margin: 0 auto;
	height: 50px;
	color:#408080;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	text-align : left;
	line-height:16px;
	font-weight:bold;
}

#haut_footer_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 185 + 45 = 230 */
	float: left;
	display: block;
	width: 185px;
	height: 40px;
	padding: 10px 0px 0px 45px;
	background-image: url(images/picto-distrimed.jpg);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

#text_haut_footer_g {
	position:relative;
	top: -15px;
}

#text_haut_footer_g h2  a{	
	color: #408080;
	text-decoration: none;
	font-size: 10px;
	line-height: 10px; 
}

#haut_footer_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 195 + 35 = 230 */
	float: right;
	display: block;
	width: 195px;
	height: 40px;
	padding: 15px 0px 0px 35px;
	background-image: url(images/picto-info-sante.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#haut_footer_centre { 
	width: 530px;
	margin-left: 235px;
	margin-right:235px; 
}

#haut_footer_centre_g { 
	float: left;
	display: block;
	width: 111px;
	height: 40px;
	padding: 15px 0px 0px 49px;
	background-image: url(images/picto-aide.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#haut_footer_centre_d { 
	float: right;
	display: block;
	width: 324px;
	height: 40px;
	padding: 15px 0px 0px 41px;
	background-image: url(images/picto-univers.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#med_footer {
	display: block;
	width: 1000px;
	margin: 0 auto;
	color:#000000;
	font-family:Arial,Verdana,sans-serif;
	font-size:11px;
	line-height:11px;
	text-align : left;
}

#med_footer_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 214 + 15 + 1 = 230 */
	float: left;
	display: block;
	width: 214px;
	padding: 0px 0px 0px 15px;
	border-right: 1px solid #B2D4D5; 
}

#med_footer_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 225 + 5 = 230 */
	float: right;
	display: block;
	width: 225px;
	padding: 0px 0px 0px 5px;
}

#med_footer_centre { 
	width: 530px;
	margin-left: 235px;
	margin-right:235px;
}

#med_footer_centre_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 154 + 5 + 1 = 160 */
	float: left;
	display: block;
	width: 154px;
	padding: 0px 0px 0px 5px;
	border-right: 1px solid #B2D4D5; 
}

#med_footer_centre_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 359 + 5 + 1 = 365 */
	float: right;
	display: block;
	width: 359px;
	padding: 0px 0px 0px 5px;
	border-right: 1px solid #B2D4D5; 
}

#med_footer_centre_d_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 172 + 5 = 177 */
	float: left;
	display: block;
	width: 172px;
	padding: 0px 0px 0px 5px;
}

#med_footer_centre_d_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 172 + 5 = 177 */
	float: right;
	display: block;
	width: 172px;
	padding: 0px 0px 0px 5px;
}

#med_footer  a{	
	font-size: 12px;
	line-height: 7px; 
}

#sep_bas_footer {
	height:20px;
	clear: both;
	padding-top:10px;
	background-image: url(images/separateur-horizontal.jpg);
	background-repeat: no-repeat;
	background-position: 50% center;
	background-color:#ffffff;
}

#bas_footer {
	display: block;
	width: 1000px;
	margin: 0 auto;
	background-color:#ffffff;
}

#bas_footer_d {
	display: block;
	width: 730px;
	height: 54px;
	margin-left: 265px; 
	padding-top: 15px;
	background-image: url(images/moyens-paiement-livraison.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 1px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#bas_footer_g {
	float: left;
	display: block;
	width: 245px;
	height: 34px;
	margin-top: 0px; 	
	padding: 5px 0px 0px 15px;
	text-align : left;
	font-family:  Arial, Verdana,sans-serif;
	font-size: 5px;
	line-height: 5px;
}

#bas_footer_g  b{
	font-size: 13px;
	line-height: 13px;
}

#text_bas_footer_g h2  a{	
	color: #000000;
	font-family:  Arial, Verdana,sans-serif;
	text-decoration: none;
	font-size: 10px;
	line-height: 10px; 
}

/* fin pied de page */

/* --------------------*/
/* pages diverses */
/* -------------------*/

TD.pageHeading_distrimed {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/qui_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.titre_heading h2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

TD.pageHeading_qui01 {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/distrimed_picto_vad.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_qui02 {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/distrimed_picto_chiffres.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_qui03 {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/distrimed_picto_mot.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_qui04 {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/distrimed_picto_histoire.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_qui05 {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/distrimed_picto_fil_temps.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_qui06 {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/distrimed_picto_fonctionnem.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_qui07 {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/distrimed_picto_presse.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_cgv {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/cgv_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_cadeaux {
	height: 45px;
	padding-left: 0px;
	background-image: url(images/titre_maximiles.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_notfound {
	height: 45px;
	padding-left: 47px;
	background-image: url(images/non_trouve_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.titrevert_puce {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #408080;
	padding-left: 15px;
	background-image: url(images/puce-verte.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.titre_heading h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

TD.pageHeading_logoff {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/fermeture_session_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.listeprodsg  {
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
	font-weight : bold;
	background : #DDF1F0;
}

.listeprodsb  {
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
	font-weight : bold;
	background : #ffffff;
}

TD.mainform {
	background-color: #e7e7e7;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

TD.mainform h2 {
	font-size: 11px;
	font-weight: bold;
}

TD.mainformvert {
	background-color: #B3CCCC;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}


TD.mainformvert a {
	text-decoration: underline;
}

TD.mainformblanc {
	background-color: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

TD.mainformblanc h2 {
	font-size: 11px;
	font-weight: bold;
}

.errorBox  {
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
	background : #ffb3b5;
	font-weight : bold;
}

.stockWarning {
	font-family : Arial, Verdana, sans-serif;
	font-size : 10px;
	color : #cc0033;
}


/* couleurs */
/* couleurs */

.fondblanc {
  background: #ffffff;
}

/* pages account */
/* page password forgotten */
.create_account {
	width: 750px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 5px;
	border: 2px solid #408080;
}

.mini_create_account {
	width: 614px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 5px;
	border: 2px solid #408080;
}

.mini_table_bordvert {
	width: 614px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px dashed #B3CCCC;
}

.bordvert {
	border: 1px dashed #B3CCCC;
}

.bordvertsolid {
	border: 1px solid #B3CCCC;
}

.bordjaunesolid {
	border: 2px solid #FEE300;
}

TR.header {
	background: #ffffff;
}

A.header { 
	color: #FFCB00; 
}

A.header:hover {
	color: #ffffff;
}  
  
TR.headerNavigation {
	background: #408080;
}

TD.headerNavigation {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	background: #408080;
	color: #ffffff;
	font-weight : bold;
}

A.headerNavigation { 
	color: #FFFFFF; 
}

A.headerNavigation:hover {
	color: #FFCB00;
}

TR.headerError {
	background: #ff0000;
}

TD.headerError {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	font-weight : bold;
	text-align : center;
}

TR.headerInfo {
	background: #00ff00;
}

TD.headerInfo {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.infoBox {
	background: #ffffff;
}

.infoBoxContents {
	background: #ffffff;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
}

.infoBoxNotice {
	background: #FF8E90;
}

.infoBoxNoticeContents {
	background: #FFE6E6;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
}

TD.infoBoxHeading {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: #408080;
	color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
}

A.pageResults {
	color: #5E5E5E;
}

A.pageResults:hover {
	color: #FFCB00;
	background: #ffffff;
}

TD.main, P.main {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

TD.main_medium, P.main_medium {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

TD.mainbis, P.mainbis {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 1;
}

TD.smallText, SPAN.smallText, P.smallText {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	line-height: 10px;
}

TD.fieldKey {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

TD.fieldValue {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

TD.tableHeading {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

TD.category_desc {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

SPAN.newItemInCart {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

TEXTAREA {
	width: 100%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

SPAN.greetUser {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}

TABLE.formArea {
	background: #E7E7E7;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
}

TD.formAreaTitle {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.markProductOutOfStock {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
}

SPAN.errorText {
	font-family: Arial, Verdana, sans-serif;
	color: #ff0000;
}

/* message box */

.messageBox { 
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
}

.messageStackError, .messageStackWarning {
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	background-color: #ffb3b5;
}

.messageStackSuccess { 
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	background-color: #99ff00; 
}

.inputRequirement { 
	font-family: Arial, Verdana, sans-serif; 
	font-size: 10px; 
	color: #ff0000; 
}

/* fin pages diverses */

/* ------------------------------*/
/* pages formulaires comptes */
/* ------------------------------*/

.chemin_page_login {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	background-image: url(images/chemin-panier.gif);
	width : 779px;
	height : 44px;
	background-repeat: no-repeat;
	background-position: 25px -44px;
}

TD.pageHeading_page_login {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/nveau_client_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

TD.pageHeading_page_login2 {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/cadenas_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

TD.pageHeading_page_creatacc {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/nveau_client_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.feurouge { /* utile suite a remplissage formulaire pour montrer si il y a une erreur ; en complément du message du haut de page   */
	padding-left: 25px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	background-image: url(images/feurouge.jpg);
	background-position: left center; 
	background-repeat: no-repeat;
}

.feuvert { /* utile suite a remplissage formulaire pour montrer si il n'y a pas une erreur sur cette ligne ; en complément du message du haut de page   */
	padding-left: 25px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	background-image: url(images/feuvert.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

.form_error {
	font-weight: bold;
	background-color: #ffdddd;
	border: 1px solid red;
}

/* fin pages formulaires comptes */

/* ---------------------*/
/* pages  comptes */
/* --------------------*/

TD.pageHeading_compte {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/compte_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_sav {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/sav_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_suivicdes {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/jumelles_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_infoscdes {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/cmde_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.pageHeading_adresses {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/carnet_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.mainpuce {
	padding-left: 10px;
	background-image: url(images/puce-verte.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

TABLE.bord_b {
	border: 1px #44B2AB solid;
}

TABLE.t_panier_total {
	background-color: #DDF1F0;
  	border-bottom: 1px solid #44B2AB;
	border-right: 1px solid #44B2AB;
	border-left: 1px solid #44B2AB;
}

/* fin pages  comptes */


/*------------------------------------*/
/* pages  processus commande */
/*------------------------------------*/


.chemin_page_shipping {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	background-image: url(images/chemin-panier.gif);
	width : 779px;
	height : 44px;
	background-repeat: no-repeat;
	background-position: 25px -88px;
}

TD.pageHeading_page_shipping {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/frais_port_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

TD.pageHeading_page_payment {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/euro_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

.bloclienchemin1 {
	display : block;
	width: 300px;
}

.bloclienchemin2 {
	display : block;
	width: 300px;
}

.chemin_vers_shipping {
	display:block;
	width: 100px;
	height: 44px;
	margin-left : 290px;
}

.chemin_vers_paiement {
	display:block;
	width: 100px;
	height: 44px;
	margin-left : -70px;
}

.chemin_page_payment {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	background-image: url(images/chemin-panier.gif);
	width : 779px;
	height : 44px;
	background-repeat: no-repeat;
	background-position: 25px -132px;
}

.chemin_page_confirmation {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	background-image: url(images/chemin-panier.gif);
	width : 779px;
	height : 44px;
	background-repeat: no-repeat;
	background-position: 25px -176px;
}

.chemin_page_finalisation {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	background-image: url(images/chemin-panier.gif);
	width : 779px;
	height : 44px;
	background-repeat: no-repeat;
	background-position: 25px -220px;
}

.moduleRow { 
}

.moduleRowOver  {
	background-color : #DDF1F0;
	cursor : pointer;
}

.moduleRowSelected { 
	background-color: #DDF1F0; 
}

TD.pageHeading_page_confirm {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/cmde_ok_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #408080;
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
}

/* fin pages  processus commande */


/* -----------------*/
/* page produit */
/* ----------------*/

#titre_ppdt{ /* BLOC AVEC NOM PDT */
	width: 980px;
	margin: 0 auto;
	display: block;
}

#haut_ppdt{ /* BLOC AVEC PRIX MENUS LOGOS IMAGES */
	width: 980px;
	margin: 0 auto;
	display: block;
}

#bas_ppdt { /* BLOC AVEC ONGLETS ET CRITIQUES ET COLONNEDE DROITE */
	width: 980px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 5px;
	display: block;
}

#bas_ppdt_l { 
	width: 800px;
	float: left;
	margin: 0 auto;
	display: block;
}

#bas_ppdt_d { 
	width: 175 px;
	float: right;
	margin: 0 auto;
	display: block;
}

#nompdt_relook {
	width: 923px;
	height: 50px;
	float: left;
	margin: 0px;
	padding-left: 37px;
	background-image: url(images/fleche_rub_ombre.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	vertical-align: top;
}

.titre_pdt h1 {
	display: block;
	height: 50px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 20px; /* correction d'un bug de IE pour affichage des images  */
	font-weight: bold;
	color: #408080;
}

#bloc_pdt01_prix {
	width: 230px;
	margin: 0px 0px 0px 540px;
	display: block;
	text-align: right;
	line-height: 18px; /* correction d'un bug de IE pour affichage des images  */
}

.titre_prix {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #404040;
}

#logofab { /* logo fabricant */
	width: 140px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px;
	display: block;
}

.optionPriceField { /*rajouté pour le champ dynamique des prix d'options*/
	font-size: 32px;
	font-weight: bold;
	color: #FF0000;
	border: 0px none #FFFFFF;
}

.optionPriceField_barre { /*rajouté pour le champ dynamique des prix d'options*/
	font-size: 16px;
	font-weight: bold;
	text-decoration: line-through;
	color: #0D5E0B;
	border: 0px none #FFFFFF;
}

.optionReferenceField {
	font-size: 12px;
	border: 0px none #FFFFFF;
}

.optionStockField { /* TOTO STOCK & ECOTAXE */ /*rajouté pour le champ dynamique des disponibilités d'options*/
	font-size: 12px;
	font-weight: bold;
	color: #009900;
	background-color: #ffffff;
	border: 0px none #FFFFFF;
} 

.optionecotaxField { /* TOTO STOCK & ECOTAXE */ /*rajouté pour le champ dynamique des ecotax des options*/
	font-size: 10px;
	color: #000000;
	border: 0px none #FFFFFF;
} 

.infoStockField1L { /* info du stock sur 1 ligne avec champ text */
	width: 185px;
	border: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #009900;
	background-color: #ffffff;
	text-align: left;
}

TEXTAREA.infoStockField { /* info du stock sur 2 lignes avec champ textarea */
	width: 100px;
	height: 35px;
	border: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #009900;
	background-color: #ffffff;
	text-align: left;
}

#vflash { /* style pour ventes flash */
	width: 780px;
	margin: 0 auto;
}

#vflash_anim { 
	width: 320px;
	height: 32px;
	display: block;
	float: left;
	padding : 0px;
	margin-bottom : 2px;
	text-align: center;
}

#vflash_anim object {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	width: 290px;
	height:30px;
}

#vflash_compteur { 
	width : 230px;
	height: 32px;
	margin: 0px 0px 0px 540px;
	padding: 0px;
	margin-bottom : 2px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ff0000;
	text-align: right;
}

#vflash_countdown {
	width : 160px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
}

.tableau1descr { /* petit tableau dans descriptif */
	margin-top: 5px;
}

.tableau1descr table {
	border:3px solid #96b9b9;
	border-collapse:collapse;
	margin:auto;
}

.tableau1descr thead, tfoot {
	font-size: 12px;
	background-color:#c0d6d6;
	border:1px solid #6495ed;
}

.tableau1descr tbody {
	font-size: 12px;
	background-color:#FFFFFF;
	border:1px solid #6495ed;
}

.tableau1descr th {
	font-family:Arial;
	font-weight: bold;
	text-align: center;
	border:1px dotted #96b9b9;
	padding:5px;
	background-color:#c0d6d6;
}

.tableau1descr td {
	font-family:Arial;
	text-align: center;
	border:1px solid #6495ed;
	padding:5px;
}

#bloc_pdt03 { /* BLOC AVEC ONGLETS */
	clear: both;
	width: 780px;
	margin: 0 auto;
	padding: 0px 5px 5px 5px;
	display: block;
}

.pdt_also{ /* BLOC AVEC also-purchased */
	width: 780px;
	margin: 0 auto;
	padding: 5px;
	background-color:#ffffff;
}

.titre_also {
	width: 730px;
	margin: 0 auto;
	background: #B1C8C8 url(images/top_tab.gif) no-repeat;
	padding-left: 50px;
	text-align: center;
}

.titre_also span  {
	background: #b1c8c8 url(images/top_tab.gif) no-repeat 100% 0;
	font: 13px bold Arial, Helvetica, sans-serif;
	padding-right: 50px;
	display: block;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
}

.titre_also2 {
	width: 730px;
	margin: 0 auto;
	background: #B1C8C8 url(images/top_tab2.gif) no-repeat;
	padding-left: 50px;
	text-align: center;
}

.titre_also2 span  {
	background: #b1c8c8 url(images/top_tab2.gif) no-repeat 100% 0;
	font: 13px bold Arial, Helvetica, sans-serif;
	padding-right: 50px;
	display: block;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
}

.titre_also0 {
	text-align: center;
	padding: 5px 0px 5px 0px;
}

.titre_also0 span  {
	font: 13px bold Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.corps_also {
	width: 776px;
	margin: 0 auto;
	border:2px solid #8CB3B3;
	padding: 10px 0px 10px 0px;
	background-color:#ffffff;
}

.mini_box1_also {
	width: 208px;
	height:160px;
	float: left;
	margin: 0px 10px 0px 22px;
	padding: 5px 10px 5px 10px;
	border: 1px dashed #F28043;
	text-align: center;
	background-color:#ffffff;
}

.mini_box2_also {
	width: 208px;
	height:160px;
	float: right;
	margin: 0px 22px 0px 10px;
	padding: 5px 10px 5px 10px;
	border: 1px dashed #F28043;
	text-align: center;
	background-color:#ffffff;
}

.mini_box3_also {
	width: 208px;
	height:160px;
	margin: 0px 270px 0px 270px;
	padding: 5px 10px 5px 10px;
	border: 1px dashed #F28043;
	text-align: center;
	background-color:#ffffff;

}

.bottom_cadre_also  {
	width:1px;
	height:1px;
	clear: both;
	visibility: hidden;
}

#pdt_concur { /* formulaire info prix concurents */
	text-align: left;
	font-size: 12px; /* correction d'un bug de IE pour affichage des images  */
	line-height: 12px; /* correction d'un bug de IE pour affichage des images  */	
}

#pdt_concur a {
	color: #000000;
}

.img_main  { /* Ajout curseur main sur image produit */
	cursor : pointer;
}

.pdtaccess { /* Blocs onglet accessoires et voir aussi */
	display: block;
	width: 730px;
	margin: 0 auto;
	padding: 5px 0px 5px 0px;
}

.pdtaccess td {
	vertical-align: middle;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	color : #000000;
}
	
.pdtaccess a {
	text-align: left;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	color : #000000;
}

.pdtaccess a:hover {
	color: #408080;
}

/* div pour ajout panier */
.fond_grise { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 1140; 
	width: 100%; 
	height: 1900px; 
	background-color: #000000;
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;

}

.cadre_ajout_panier { 
	position:absolute;	
	top:200px;
	left: 25%;
	width:650px;
	margin: 0 auto;
	padding: 5px;
	font-size: 16px;
	font-family: Arial, Verdana, sans-serif;
	border: 2px #408080 solid;
	background-color: white;
	z-index:1150;
	color: red; 
}

.infospdts_cadre_ajout_panier {
	width:580px;
	padding-bottom: 5px;
	border-bottom: 2px solid #408080;
	font-size: 12px;
	color: black;
}

.imgpdt_cadre_ajout_panier {
	padding:0px;
	width:100px;
	height:50px;
	float:left;
	font-size: 1px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

.nom_pdtcadre_ajout_panier {
	padding: 10px 10px 10px 10px;
	width:450px;
	float:right;
	text-align : left;
	color: black;
}

.boutton1_cadre_ajout_panier {
	padding: 15px 0px 0px 25px;
	width:260px;
	float:left;
	text-align : right;
}

.boutton2_cadre_ajout_panier {
	padding: 15px 25px 0px 0px;
	width:260px;
	float:right;
	text-align : left;
}

.bottom_cadre_ajout_panier  {
	width:1px;
	height:1px;
	clear: both;
	display: none;
}

.top_accessoires_panier {
	clear: both; 
	width:600px;
	margin: 0 auto;
	padding: 15px 5px 5px 5px;
	font-size: 16px;
	font-family: Arial, Verdana, sans-serif;
	background-color: #ffffff;
	color: red; 
}

.info_accessoires_panier {
	width:580px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #408080;
	font-size: 12px;
	color: black;
}

.info_accessoires_panier_dernier {
	width:580px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	color: black;
}

.imgpdt_accessoires_panier {
	padding:0px;
	width:50px;
	height:50px;
	float:left;
	font-size: 1px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

.nompdt_accessoires_panier {
	padding: 10px 10px 10px 10px;
	margin: 0 120px 0 60px;
	width:370px;
	text-align : left;
	font-weight: bold;
	color: black;
}

.prixpdt_accessoires_panier {
	padding: 10px 10px 10px 10px;
	width:100px;
	float:right;
	text-align : center;
	font-weight: bold;
	color: black;
}

.accessoires_shopping {
	width:530px; /* Si on modifie la largeur penser à maj la largeur dans le code de la page shopping_cart */
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #fa820d;
	font-size: 12px;
	color: black;
}

.accessoires_shopping_dernier {
	width:530px; /* Si on modifie la largeur penser à maj la largeur dans le code de la page shopping_cart */
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	color: black;
}

.boutton_access {
	margin-left: 160px;
}

.imgpdt_accessoires_shopping {
	padding-left:5px;
	width:50px;
	height:50px;
	float:left;
	font-size: 1px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

.nompdt_accessoires_shopping {
	padding: 10px 10px 10px 10px;
	margin: 0 95px 0 60px;
	width:350px;
	text-align : left;
	font-weight: bold;
	color: black;
}

.bloc_prix_voir_shopping {
	padding: 0px;
	width:130px;
	float:right;
	text-align : center;
	font-weight: bold;
	color: black;
}

.prixpdt_accessoires_shopping {
	padding: 10px 0px 10px 0px;
	width:100px;
	float:left;
	text-align : center;
	font-weight: bold;
	color: black;
}

.voir_accessoires_shopping {
	padding: 10px 0px 0px 0px;
	width:90px;
	float:right;
	text-align : center;
	font-weight: bold;
	color: black;
}


#pdts_panier_fl {
	width:100%;
	margin: 0 auto;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
}


#pdts_panier_fl2 {
	width:100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	border-left: 1px solid #44B2AB;
	border-right: 1px solid #44B2AB;
	border-top: 1px solid #44B2AB;
}

tr.pdts_panier {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #44B2AB;
	color: #FFFFFF;
	font-weight: bold;
}

.centrage_box {
	width: 200px;
	margin: 0px 0px 0px 40px;
	text-align: center;
}

/* fin page produit */

/* ----------------------------*/
/* page accessoires  */
/* ----------------------------*/

.pdtaccessbis { /* Blocs onglet accessoires et voir aussi */
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 5px 0px 5px 0px;
}

.pdtaccessbis td {
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.5;
	color : #000000;
	font-family: Arial, Verdana, sans-serif;
}
	
.pdtaccessbis a {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
	color : #000000;
	font-family: Arial, Verdana, sans-serif;
}

.pdtaccessbis a:hover {
	color: #408080;
}

/* ----------------------------*/
/* fin page accessoires  */
/* ----------------------------*/

/* ----------------------------*/
/*C ommentaires clients */
/* ----------------------------*/

.pdtcomment {
	display: block;
	width: 700px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color : #000000;
	background-color:#ffffff;
}

.pdtcommenttitle {
	padding: 5px 10px 5px 0px;
}

.pdtcommenttitle a {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #225453 ;
	text-decoration: underline;
	font-size: 12px;
	line-height: 1.5;
}

.pdtcommenttitle a:hover {
	color : #44B2AB;
	text-decoration : none;
}

.pdtcommentcorps {
	font-weight: normal;
	font-size: 11px;
	padding: 4px 0px 4px 2px;
}

.pdtcommentcorps a {
	color: #000000 ;
	text-decoration : underline;
}

.liengauche {
	display: block;
	width: 300px;
	float: left;
	padding-left: 5px;
	text-align: left;
}

.liendroit {
	display: block;
	width: 300px;
	float: right;
	padding-right: 5px;
	text-align: right;
}

div.statscomment { 
	display: block;  /* on affiche le span sous forme de bloc pour lui affecter des dimensions */
	z-index : 1;
	font-size: 11px;
	line-height: 1.5;
	background-color:#fef4cc;
	text-align: left;
	margin : 0px;
	padding : 0px;
	width: 100px;
}

div.statscomment .commentpercent { /* on passe l'élément correspondant à la classe .percent en affichage en bloc pour pouvoir lui donner une dimension. */
	display: block;  /* on affiche le span sous forme de bloc pour lui affecter des dimensions */
	z-index : 2;
	font-size: 11px;
	line-height: 1.5;
	background-color:#ffcb00;
}

.v100 {
	width: 100px; 
}

.v95 {
	width: 95px; 
}

.v90 {
	width: 90px; 
}

.v85 {
	width: 85px; 
}

.v80 {
	width: 80px; 
}

.v75 {
	width: 75px; 
}

.v70 {
	width: 70px; 
}

.v65 {
	width: 65px; 
}

.v60 {
	width: 60px; 
}

.v55 {
	width: 55px; 
}

.v50 {
	width: 50px; 
}

.v45 {
	width: 45px; 
}

.v40 {
	width: 40px; 
}

.v35 {
	width: 35px; 
}

.v30 {
	width: 30px; 
}

.v25 {
	width: 25px; 
}

.v20 {
	width: 20px; 
}

.v15 {
	width: 15px; 
}

.v10 {
	width: 10px; 
}

.v05 {
	width: 5px; 
}

.v00 {
	width: 0px; 
}

#moycoments_pdts { /* moyenne commentaires clients page pdts */
	clear: both;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	padding: 10px 0px 10px 0px;
	margin-bottom: 10px;
}

#moycoments_pdts a {
	text-decoration : underline;
}

TD.pageHeading_comment {
	height: 44px;
	padding-left: 47px;
	background-image: url(images/commentaire_icon.jpg);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

TD.titre_comment {
	padding: 6px 0px 3px 0px;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #225453 ;
}

TD.titre_comment a {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	color: #225453 ;
	padding: 10px 10px 0px 10px;
	text-decoration: underline;
}

TD.titre_comment a:hover {
	color : #44B2AB;
	text-decoration : none;
}

/*Fin C ommentaires clients */

/*---------------------------------------------------*/
/* style pour images superposées - promo */
/*--------------------------------------------------*/

#ims_sup {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	width : 100px;
	height : 100px;
}

#ims_sup div {
	position: absolute;
	top: 0;
	left: 0;
}

.ims_sup_couche1 {
	z-index: 20;
}

#ims_sup2 {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	width : 200px;
	height : 200px;
}

#ims_sup2 div {
	position: absolute;
	top: 0;
	left: 0;
}

#ims_sup3 {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	width : 300px;
	height : 300px;
	border:0px solid #CCCCCC;
}

#ims_sup3_sansbord {
	position: relative; /*l'élément est positionné mais il se place tout seul*/
	width : 300px;
	height : 300px;
}

.ims_sup_couche2 {
	width : 41px;
	height : 40px;
	z-index: 21;
}

.ims_sup_couche3 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.ims_sup_couche4 {
	position: absolute;
	top: 10px;
	left: 10px;
	width : 41px;
	height : 40px;
	z-index: 21;
}

.r1 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2px -2px;
}
.r2 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -47px -2px;
}
.r3 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -92px -2px;
}
.r4 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -137px -2px;
}
.r5 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -182px -2px;
}
.r6 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -227px -2px;
}
.r7 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -272px -2px;
}
.r8 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -317px -2px;
}
.r9 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -362px -2px;
}
.r10 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -407px -2px;
}
.r11 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -452px -2px;
}
.r12 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -497px -2px;
}
.r13 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -542px -2px;
}
.r14 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -587px -2px;
}
.r15 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -632px -2px;
}
.r16 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -677px -2px;
}
.r17 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -722px -2px;
}
.r18 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -767px -2px;
}
.r19 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -812px -2px;
}
.r20 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -857px -2px;
}
.r21 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -902px -2px;
}
.r22 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -947px -2px;
}
.r23 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -992px -2px;
}
.r24 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1037px -2px;
}
.r25 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1082px -2px;
}
.r26 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1127px -2px;
}
.r27 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1172px -2px;
}
.r28 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1217px -2px;
}
.r29 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1262px -2px;
}
.r30 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1307px -2px;
}
.r31 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1352px -2px;
}
.r32 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1397px -2px;
}
.r33 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1442px -2px;
}
.r34 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1487px -2px;
}
.r35 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1532px -2px;
}
.r36 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1577px -2px;
}
.r37 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1622px -2px;
}
.r38 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1667px -2px;
}
.r39 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1712px -2px;
}
.r40 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1757px -2px;
}
.r41 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1802px -2px;
}
.r42 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1847px -2px;
}
.r43 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1892px -2px;
}
.r44 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1937px -2px;
}
.r45 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -1982px -2px;
}
.r46 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2027px -2px;
}
.r47 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2072px -2px;
}
.r48 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2117px -2px;
}
.r49 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2162px -2px;
}
.r50 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2207px -2px;
}
.r51 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2252px -2px;
}
.r52 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2297px -2px;
}
.r53 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2342px -2px;
}
.r54 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2387px -2px;
}
.r55 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2432px -2px;
}
.r56 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2477px -2px;
}
.r57 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2522px -2px;
}
.r58 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2567px -2px;
}
.r59 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2612px -2px;
}
.r60 {
	background: transparent url(images/pourcentages-promo.png) no-repeat -2657px -2px;
}

/*--------------------------*/
/* style pour lightbox */
/*-------------------------*/

#lightbox {	
	position: absolute;	
	left: 0; 
	width: 100%; 
	z-index: 2100; 
	text-align: center; 
	line-height: 0;
}

#lightbox img { 
	width: auto; 
	height: auto;
}

#lightbox a img { 
	border: none;
}

#outerImageContainer { 
	position: relative; 
	background-color: #fff; 
	width: 250px; 
	height: 250px; 
	margin: 0 auto; 
}

#imageContainer { 
	padding: 10px; 
}

#loading { 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
}

#hoverNav { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}

#imageContainer>#hoverNav { 
	left: 0;
}

#hoverNav a { 
	outline: none;
}

#prevLink, #nextLink { 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer { 
	font: 10px Verdana, Helvetica, sans-serif; 
	background-color: #fff; 
	margin: 0 auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%;
}

#imageData {	
	padding:0 10px; 
	color: #666;
}

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left;
}	

#imageData #caption { 
	font-weight: bold;
}

#imageData #numberDisplay { 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;
}			

#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
}	 	

#overlay { 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 2090; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
}

/*  fin style pour lightbox */

/* barres statistiques page stethoscopes littmann */

div.graphs ul { 
	width: 400px; 
	list-style: none; 
	font-family : Arial, Verdana, sans-serif;
	font-size : 12px;
}

.stats {
	display: block;
	height: 1.5em;
	line-height: 1.5em;
	margin: 5px 0px 5px 0px;
	padding: 0 5px;
	text-align: right;
	color: #fff;
	font-weight: bold;
	font-family : Arial, Verdana, sans-serif;
	-moz-border-radius: 5px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	cursor: default;
}


.vl100 { width: 200px; }
.vl90 { width: 180px; }
.vl80 { width: 160px; }
.vl70 { width: 140px; }
.vl60 { width: 120px; }
.vl50 { width: 100px; }
.vl40 { width: 80px; }
.vl30 { width: 60px; }
.vl20 { width: 40px; }
.vl10 { width: 20px; }


.green_gradiantvl100 { background: #aff73e; }
.green_gradiantvl90 { background: #99dd38; }
.green_gradiantvl80 { background: #8fc932; }
.green_gradiantvl70 { background: #7eb22d; }
.green_gradiantvl60 { background: #72a128; }
.green_gradiantvl50 { background: #628a23; }
.green_gradiantvl40 { background: #52741d; }
.green_gradiantvl30 { background: #405a17; }
.green_gradiantvl20 { background: #2b3c0f; }
.green_gradiantvl10 { background: #1d290a; }


/* barres statistiques page stethoscopes littmann */

/* PAGES EVITALE */

#evitale_p1 {
	display: block;
	margin: 0 auto;
	width: 920px;
	color:#000000;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	line-height:1.5;
}

#evitale_p1_1 {
	display: block;
	margin: 0 auto;
	width: 888px;
}

#evitale_p1_1_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 250 + 24 = 274 */
	float: left;
	display: block;
	width: 250px;
	height: 224px;
	padding: 0px 0px 0px 24px;
	background-image: url(images/evitale_logo.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 1px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#evitale_p1_1_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 609 + 5 = 614 */
	float: right;
	display: block;
	width: 609px;
	padding: 0px 0px 10px 5px;
	text-align : left;
}

#evitale_p1_1_d  p{ 
	padding: 0px 5px 5px 24px;
	text-align : justify;
}

#evitale_p1_2 {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 888px;
	background-color: #F5F4E3;	
	color:#000000;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	line-height:1.5;
	text-align : center;	
}

#evitale_p1_2_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 211 + 10 + 1 = 222 */
	float: left;
	display: block;
	width: 211px;
	height: 180px;
	padding: 10px 5px 10px 5px;
	background-color: #F5F4E3;	
	border-right: 1px solid #C3D454; 
}

#evitale_p1_2_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 212 + 10 = 222 */
	float: right;
	display: block;
	width: 212px;
	height: 180px;
	padding: 10px 5px 10px 5px;
	background-color: #F5F4E3;	
}

#evitale_p1_2_centre { 
	display: block;
	width: 444px;
	margin-left: 222px;
	margin-right:222px;
	background-color: #F5F4E3;	
}

#evitale_p1_2_centre_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 216 + 10 + 1 = 222 */
	float: left;
	display: block;
	width: 211px;
	height: 180px;
	padding: 10px 5px 10px 5px;
	background-color: #F5F4E3;	
	border-right: 1px solid #C3D454; 
}

#evitale_p1_2_centre_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 216 + 10 + 1 = 222 */
	float: right;
	display: block;
	width: 211px;
	height: 180px;
	padding: 10px 5px 10px 5px;
	background-color: #F5F4E3;	
	border-right: 1px solid #C3D454;  
}

.titre1_evitale { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 170 + 40 = 210 */
	display: block;
	width: 170px;
	margin: 0 auto;
	height: 40px;
	padding: 10px 0px 0px 40px;
	background-image: url(images/evitale_picto_rapidite.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.titre2_evitale { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 170 + 40 = 210 */
	display: block;
	width: 170px;
	margin: 0 auto;
	height: 40px;
	padding: 10px 0px 0px 40px;
	background-image: url(images/evitale_picto_assistance.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.titre3_evitale { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 170 + 40 = 210 */
	display: block;
	width: 170px;
	margin: 0 auto;
	height: 40px;
	padding: 10px 0px 0px 40px;
	background-image: url(images/evitale_picto_securite.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

.titre4_evitale { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 170 + 40 = 210 */
	display: block;
	width: 170px;
	margin: 0 auto;
	height: 40px;
	padding: 10px 0px 0px 40px;
	background-image: url(images/evitale_picto_liberte.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
}

#evitale_p1_3 {
	display: block;	
	margin: 0 auto;
	margin-bottom: 15px;
	width: 888px;			
}

#evitale_p1_3_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 636 + 24 = 660 */
	float: left;
	display: block;
	width: 636px;
	padding: 0px 0px 10px 24px;
	background-image: url(images/evitale_coche.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-align : left;
}

#evitale_p1_3_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 212 + 16 = 228 */
	float: right;
	display: block;
	width: 212px;
	height: 165px;
	padding: 0px 0px 0px 16px;
	background-image: url(images/evitale_cochon.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 1px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#evitale_p1_4 {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	width: 920px;
}

#evitale_p1_4 a {
	text-decoration: underline;
}

#evitale_p1_4  p{ 
	padding: 0px 5px 5px 24px;
	text-align : justify;
}


#evitale_p2 {
	display: block;
	margin: 0 auto;
	width: 920px;
	color:#000000;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
	line-height:1.5;
}

.titre_evitale{
	padding: 10px 10px 10px 24px;
	background-image: url(images/evitale_puce.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	color: #B31754;
	text-align : left;
}

.titre_video {  /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 681 + 69 = 750 */
	display: block;
	margin: 0 auto;
	width: 681px;
	padding: 10px 10px 10px 69px;
	background-image: url(images_oldrub/teletrans/evitale_picto_video.jpg);
	background-repeat: no-repeat;
	background-position: 24px 50%;
	text-align : left;
}

.titre_video a {
	text-decoration: underline;
	cursor:  pointer;

}

.titre_video a:hover {
	color : #B31754;
	text-decoration : none;
}

.couleur_evitale{
	color: #B31754;
}

#evitale_p2_1 {
	display: block;
	margin: 0 auto;
	width: 920px;
}

#evitale_p2_1_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 670 + 24 = 694 */
	float: left;
	display: block;
	width: 670px;
	padding: 0px 0px 10px 24px;
	text-align : left;
}

#evitale_p2_1_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 210 + 16 = 226 */
	float: right;
	display: block;
	width: 210px;
	height: 185px;
	padding: 20px 0px 0px 16px;
	background-image: url(images/evitale_logo2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 1px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#evitale_p2_2 {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	width: 888px;
	height: 348px;
	clear: both;
	background-image: url(images/evitale_fonctionnement.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-size: 1px;
	line-height: 1px; /* correction d'un bug de IE pour affichage des images  */
}

#evitale_p2_3 {
	display: block;
	margin: 0 auto;
	width: 920px;
	padding:10px 0px 30px 0px;
}

#evitale_p2_3_g { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 434 + 29 + 1 =464 */
	float: left;
	display: block;
	width: 434px;
	padding: 0px 5px 10px 24px;
	text-align : left;
	border-right: 1px solid #B31754; 
}

#evitale_p2_3_d { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 435 + 21 = 456 */
	float: right;
	display: block;
	width: 435px;
	padding: 0px 5px 20px 16px;
	text-align : left;
}

#evitale_p2_4 {
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
	width: 888px;
	clear: both;
	background-color: #F5F4E3;				
}

#evitale_p2_4 p {
	padding: 10px 10px 10px 50px;
	background-image: url(images/evitale_picto_info.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-align : left;
}

#evitale_p2_5 { /* pour firefox et chrome la largeur réelle prend en compte le width le padding et les borders, soit ici 882 + 6 = 888 */
	display: block;
	margin: 0 auto;
	padding: 0px;
	width: 882px;
	border: 3px solid #B31754; 
}

#evitale_p2_5_h {
	display: block;
	margin: 0 auto;
	width: 882px;
	background-color: #B31754;				
}


#evitale_p2_5_h p {
	padding: 10px 10px 10px 50px;
	margin: 0px;
	background-image: url(images/evitale_punaise.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	color:#ffffff;
	font-size:16px;
	text-align : left;
	line-height:16px;
	font-weight:bold;
}

#evitale_p2_5_b {
	display: block;
	margin: 0 auto;
	width: 882px;
	background-color: #ffffff;	
	height: 660px;	
}


.padl_24 {
	padding-left: 24px;
}

/* FIN PAGES EVITALE */

/*---------------------------------------------*/
/* style aussi pour autres vieilles rubriques */
/*---------------------------------------------*/

.grandgras {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
}

.standard {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.standardsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.standardgras {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

.moyengras {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
}

.moyen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.moyenaccessoires {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.standardgrasblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	COLOR: #ffffff;
	font-size: 15px;
}

.liennoir {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; text-decoration: none; 
}

.lienblanc {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.lienbleu {
	color: #0000ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

.lienbleunonsouligne {
	color: #0000ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

.lienjaunegras { 
	COLOR: #FFCB00; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* REMARQUES */
/*
Pour qu'un style css ne soit appliqué exclusivement qu'à IE6, il suffit de mettre le signe - ou _ devant .
Ex : -margin : 5px ; 

Pour qu'un style css ne soit appliqué exclusivement qu'à IE6 et IE7, il suffit de mettre le signe /, ? ou *devant .
Ex : /margin : 7px ; 

Pour qu'un style css ne soit appliqué exclusivement qu'à FireFox, il suffit de mettre le commentaires !important après.
Ex : margin : 9px !important ; 

Comme les styles s'appliquent en cascade, si vous avez besoin d'appliquer un style différent à chacun des navigateurs, faites comme dans l'exemple suivant :
margin: 9px !important;
/margin: 7px;
-margin: 5px;
D'abord Firefox, puis IE 7 , puis IE6. 




Vous avez utilisé le comportement hover sur un lien pour faire apparaître un texte inclus dans ce lien ? 
avec par exemple un a:hover span, ou a:hover p ...
mais celui-ci n'apparaît pas ?
Voici un petit bout de code à ajouter qui va solutionner votre problème :
a:hover{
background:none;
}


*/

/* End */