body {
	width: 969px;
	margin: 0 auto ;
	font-family: Arial, sans-serif, Helvetica; 
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	
	SCROLLBAR-FACE-COLOR: #E8E8E8; 
	SCROLLBAR-HIGHLIGHT-COLOR:#9EA8BB; 
	SCROLLBAR-SHADOW-COLOR: #8291AA; 
	SCROLLBAR-3DLIGHT-COLOR: #7C7C7C; 
	SCROLLBAR-ARROW-COLOR: #7C7C7C; 
	SCROLLBAR-TRACK-COLOR: #cccccc; 
	SCROLLBAR-DARKSHADOW-COLOR: #7C7C7C;
}


.centrage {
	width: 969px;
	margin: 0 auto ;
	text-align: center ;
	position:relative;/* pour eviter bug lord de redimensionnement de la fenetre sous IE */
}

img {
	border: 0 ;
	-ms-interpolation-mode:bicubic;
}

a {
outline: none;
}

input, select, textarea {
	font-family: Arial, sans-serif, Helvetica; 
	font-size: 11px;
}

h2 {
	font-family: Arial, sans-serif, Helvetica; 
	font-size: 15px;
	font-weight: bold ;
	color:#333;
	line-height: 15px;
	margin:10px 10px 0;
	}


/*-----------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------ structure globable du site -------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
.header {
}

.fil_de_fer
{
	border:0px solid red;
	height:20px; 
	margin:0;
	font-size: 11px;
	color:#333;
	padding:4px 0 0 196px;
	text-align:left;
}

.fil_de_fer a {
	text-decoration: none;
	color:#333;
}
.fil_de_fer a:hover {
	color:#333;
	text-decoration: underline;
}

.menu {
	float : left;
	width: 176px ;
	margin: 0px 20px 0 0 ;
	text-align: left;	
	font-size: 11px; 
	font-weight: normal;	
	color: #333 ;
	position:relative;
	z-index:50;/*pour éviter que les menus déroulants de la recherche thematique passe sous la partie droite du site */
}


.contenu {
	float : left;
	margin : 0 ;
	/*color : #0f0;	*/ /* a virer en fin de dev, sert à vérifier que tous les textes sont bien mis en forme */
	background: #ffffff ;
	width: 773px ;
	/* IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
	width: 773px ;
	/* IE MAC voit un commentaire sur 3 lignes se terminant ici */	
	
	
}

.contenu_no_menu {
	float : left;
	margin : 0 ;
	color : #0f0;	 /* a virer en fin de dev, sert à vérifier que tous les textes sont bien mis en forme */
	background: #ffffff ;
	width: 969px ;
	min-height: 500px ;
}
	
	
	
.mention_juridique {
	text-align: justify ;	
	font-size: 9px; 
	font-weight: normal;	
	color: #666 ;
	line-height: 10px;
	margin: 10px 0;
}
.mention_juridique 	a
{
	color: #666 !important;
	text-decoration : underline !important;	
}	

#mention_home dt {
text-decoration: underline;
cursor:pointer;
}

/*largeur des input de date de naissance */ 
.input_dn2{
	width:38px;
}
.input_dn4{
	width:50px;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/*------------------------- Classes "racourcis"  ------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/* class pour centrer les blocs */
.centre_moz
{
	margin-left:auto; 
	margin-right:auto;
}

.texte_centre {
	text-align: center !important;	
}

.texte_centre_vertical {
	vertical-align: middle !important;	
}


.texte_justifie {
	text-align: justify !important;	
}

.texte_droite {
	text-align: right !important;	
}


.hidden {
	display: none;
}

/* class pour "clearer" les floats. NB: margin, padding, font-size, line-height à 0 pour éviter les différences avec IE */
.clear_float, .clear
{
	clear:both;
	margin:0;
	padding:0;
	font-size: 1px;
	line-height:0;
	overflow: hidden ;
	height:0 ;
}

.img_flottante {
	float: left ;
}

.marge {
	float: left;
	width: 10px;
	height: 10px; 
}

.valign_centre {
	vertical-align: middle;	
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*---------------------------   COMMUN  ---------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/


/* ------------------------------------------- GENERAL ------------------------------------------- */
.contenu a {
	text-decoration: none;
	font-weight: bold;
	color: #008FD1 ;
}
.contenu a:hover {
	text-decoration: underline;
	color: #008FD1 ;
}


/* style par défaut pour les liens */
a.default {
	text-decoration: none;
	font-weight: bold;
	color: #008FD1 ;
}

a.default:hover {
	text-decoration: underline;
	color: #008FD1 ;
}

.popup_couv
{
	font-weight:bold;
	margin:5px 0 5px 0;
}

.popup_couv a
{
	font-weight:normal;
	text-decoration:none;
	color:#333;
	margin:0 5px 0 5px;
}
.popup_couv a:hover
{
	text-decoration:underline;	
}
.popup_couv img
{
	margin:5px 0 5px 0;
}

.contenu h1 {
	background: url(./../images/layout/bd_titre.gif) no-repeat ;
	font-family: Arial, sans-serif, Helvetica; 
	font-size: 14px; 
	font-weight: bold;
	padding: 8px 0 0 26px;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
		
	width: 773px; /* pour ie5 */
	height: 33px;

	voice-family: "\"}\"";
  voice-family:inherit;
	
	width: 747px;
	height: 25px;
}

/* pour opera 5.x */
html>.contenu h1 {
	width: 747px;
	height: 25px;
}

.contenu h1.important, .code_promo h1.important {
	background: url(/images/commun/microapp/bd_titre_important.gif) no-repeat  ;
}


/* ----------------- BLOC PLEINE LARGEUR --------------------- */
.bloc_fullwidth {
	float: left;
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	background: #fff ;
	text-align: left;
	color: #333 ;
	width: 773px;
	
	voice-family: "\"}\"";
  voice-family:inherit;
	
	width: 771px;
}

/* pour opera 5.x */
html>.bloc_fullwidth {
	width: 771px;
}

.bloc_fullwidth .hrdiv
{
	border-top : 2px dotted #C1C1C1;
}


.bloc_fullwidth_marge {
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	padding: 10px;
	background: #fff ;
	text-align: left;
	color: #333 ;
	
	width: 773px;
	
	voice-family: "\"}\"";
  voice-family:inherit;
	
	width: 751px;
}

/* pour opera 5.x */
html>.bloc_fullwidth_marge {
	width: 751px;
}

.bloc_fullwidth_marge a {
	text-decoration: none;
	font-weight: bold;
	color: #008FD1 ;
}

.bloc_fullwidth_marge a:hover {
	text-decoration: underline;
	color: #008FD1 ;
}


.bloc_fullwidth_marge hr, .bloc_fullwidth hr {
	display: block;
	border: 0;
	border-top : 2px dotted #C1C1C1;
	width: 751px; 
	height: 2px;
 	
 	color: #fff ;
 	background: #fff ;
 	
 	margin: 0;
 	_margin: -7px 0; /* iexplore hack */
 	padding: 0;
 	
}

.bloc_fullwidth_marge ul li, .bloc_miwidth ul li, .bloc_fullwidth_marge ol li, .bloc_miwidth ol li{
	margin-left: 20px ;	
	margin-right: 10px ;
}


.haut_fullwidth {
	width: 773px;
	height: 6px;
	background:url(./../images/layout/haut_fullwidth.gif) no-repeat ;		
}

.bas_fullwidth {
	float:left;
	width: 773px;
	height: 15px;
	background:url(./../images/layout/bas_fullwidth.gif) no-repeat ;		
}
.haut_fullwidth {
	float:left;
	width: 773px;
	height: 5px;
	background:url(./../images/layout/haut_fullwidth.gif) no-repeat ;		
}

/* --------------- BLOC DEMI LARGEUR ---------------------------------- */

.bloc_miwidth_containerg {
	float: left;	
	margin-right: 11px; /* espace inter blocs */
}

.bloc_miwidth_containerd {
	float: left;
}

.bloc_miwidth_containerg h1, .bloc_miwidth_containerd h1 {
	width: 381px ; /* pour ie5 */

	voice-family: "\"}\"";
  voice-family:inherit;
	
	width: 355px ;
}

/* pour opera 5.x */
html>.bloc_miwidth_containerg h1, html>.bloc_miwidth_containerd h1 {
	width: 355px;
}

.bloc_miwidth {
	
	border-left: 1px solid #7F7F7F;
	border-right: 1px solid #7F7F7F;
	padding: 10px;
	text-align: left;
	color: #333 ;
	width: 381px;
	
	voice-family: "\"}\"";
  voice-family:inherit;
	
	width: 359px ;
}

/* pour opera 5.x */
html>.bloc_miwidth {
	width: 359px;
}


.bloc_miwidth_containerg h1,.bloc_miwidth_containerd h1  {
	background: url(/images/commun/microapp/bd_titre_mi.gif) no-repeat ;
}



.mi_important h1, h1.mi_important {
	background: url(/images/commun/microapp/bd_titre_mi_important.gif) no-repeat ;
}


.bas_miwidth {
	float:left;
	width: 381px;
	height: 15px;
	background: url(/images/commun/microapp/bas_miwidth.gif) no-repeat ;		
}


a.prix {
	display: block;
	margin: 0 auto ;
	padding: 5px 23px 4px 8px ;

	font-size: 11px; 
	font-weight: normal !important;
	color: #fff !important ;	
	text-decoration: none !important;
	text-align: center;
	background: url(/images/boutons/microapp/prix.gif) no-repeat ;	
	
	width: 77px;
	height: 22px;
	
	voice-family: "\"}\"";
  voice-family:inherit;
	
	width: 46px;
	height: 13px;
	
}

/* pour opera 5.x */
html>.prix {
	width: 46px;
	height: 13px;
}


a.prix:hover {
	color: #fff !important;	
	text-decoration: none !important;
}

.btn_radio {
	width: 20px !important;
}
	

.ban_printpratic
{
	width:344px;	
	height:130px;
	background: url(/images/commun/bandeau_printpratic.jpg) 0px 0px no-repeat ;
	margin:0 auto 0 auto;
}
.ban_printpratic a
{
	display:block;
	padding:50px 0 0 10px;
	width:230px;
	font-weight:bold;
	text-decoration:none;
}
.ban_printpratic a:hover
{
	text-decoration:underline;
}	

.boutons, .bloc_centre {
	text-align: center ;	
}


.bloc_2cols_separees {
	background: #fff url(/images/commun/microapp/bloc_2cols_fond.gif) repeat-y ;
}





/*-----------------------------------------------------------------------------------------------------------------------*/
/* ------------------------ PUBLICITE OU BANDEAU AVEC UN MASQUE BORDS ARRONDIS (GENERIQUE) ----------------------------- */
/*-----------------------------------------------------------------------------------------------------------------------*/
.pub {
	/* IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
	position: relative ;
	z-index:1;
	float: left;
	padding: 1px 0 0 1px  ;
	margin-bottom: 10px;
	/* IE MAC voit un commentaire sur 3 lignes se terminant ici */
}

.pub_masque {
	position: absolute ;
	/* IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
  top: 0 ;
	left: 0 ;
	/* IE MAC voit un commentaire sur 3 lignes se terminant ici */
	z-index:1;
}

.pub_masque a {
	display: block ;
}



/* ------------------------------------ BANDEAU (GRANDE PUB) ------------------------------------ */
.hp_bandeau {
	width: 771px ;
	height: 129px;
	/* Rien que IE MAC: IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
  margin-bottom:10px;
	/**/
}
	
.hp_bandeau_masque {
	width: 773px ;
	height: 131px;
	background: url(/images/homepage/microapp/bandeau_masque.gif) no-repeat ;
}

.hp_bandeau_masque a {
	width: 773px ;
	height: 131px ;
}





/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(/js/images/arrowleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/js/images/arrowright.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(/js/images/wait.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}



/*-----------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------    VOUS AIMEREZ AUSSI (PRODUITS ASSOCIES)     --------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
.asso_container {
	width: 773px;
	float: left;
	background: url(/images/commun/microapp/5blocs_fond.gif) repeat-y;
}

.asso_container_chapo {
	margin: 0 1px ;
	padding: 10px ;
	width: 751px;
	background: #fff ;
	color: #333 ;
	text-align: left;
}

.asso_prod {
	margin-left: 10px ;
	margin-right: 1px;
	float: left;
	display: inline;
	width: 143px;
	text-align: left;
	color: #333 ;
}

.asso_prod img {
	float: right ;
}




/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/
.nl_oui_non {
clear: both ;
}
.nl_oui_non input, #radio_nl_oui, #radio_nl_non {
				clear:none;
				float: left;
				vertical-align:top;
				height: 20px;
				width: 25px;
			}
			
.nl_oui_non label, #for_radio_nl_oui, #for_radio_nl_non {
	clear:none;
	float: left;
	width: 40px;
	line-height:25px;
	vertical-align:top;
	margin: 0;
	padding: 0;
	text-align: left;
}	



.mm_txt, .mm_txt a , .mm_txt a:hover {
	color: #dc2091;
	font-size: 11px;
}


/*-----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------                 Maximiles                         -------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/

.maximiles_saisie_login {
	float: left;
	width: 140px;
	height: 80px;
	margin: 0 0 10px 10px ;
	padding: 5px 5px 0 5px;
	/* background: #aaa; */
	/* border: 1px solid #dc2091; */
	font-family: Verdana, Arial, sans-serif, Helvetica; 
	font-size: 11px;
	color: #dc2091;

}

.maximiles_saisie_login a, .maximiles_saisie_login a:hover {
	color: #dc2091;
}

.txt_maximiles {
	/* font-family: Verdana, Arial, sans-serif, Helvetica; 
	font-size: 11px;*/
	color: #dc2091;
}
.txt_maximiles a, .txt_maximiles a:hover {
	color: #dc2091;
}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------          ENCART PROMO DANS FICHE PRODUIT         -------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------*/


/* ancien */
.titre_encart {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
background-image:url(http://www.microapp.com/images/fiche_produit/2009_encadre_01.gif);
}
.texte_encart {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#000000;
background-image:url(http://www.microapp.com/images/fiche_produit/2009_encadre_02.gif);
}

/* nouveau */
.mea_encadre {
	width: 421px;
	margin: 0 auto ;
}

.mea_encadre h2 {
	width: 421px;
	height: 22px;
	text-align: center ;
	font-weight:bold;
	font-size:14px;
	line-height: 22px;
	color:#FFFFFF;
	background-image:url(http://www.microapp.com/images/fiche_produit/2009_encadre_01.gif);
	padding: 0 ;
	margin : 0 ;
}

.mea_encadre div {
	background:url(/images/fiche_produit/2009_encadre_bas.gif) bottom left no-repeat;
	text-align: center ;
	padding: 5px 10px 10px 10px ;
	font-weight:bold;
	font-size:12px;
	color:#000000;

}