@charset "utf-8";
body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
	    background-image:url(../images/background.gif);
		background-repeat:repeat-x;
		background-position:0px 15px;
		margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #000000;
    }
	a {
		text-decoration:none;
		color: #000000;
	}    
    /* Conseils pour la mise en page avec des éléments élastiques 
    1. La taille globale des éléments à mise en forme élastique étant basée sur la taille de police par défaut de l'utilisateur, l'aspect de ces éléments est relativement imprévisible. Utilisés correctement, ils sont toutefois plus accessibles pour les utilisateurs ayant besoin de polices de grande taille, puisque la longueur des lignes reste proportionnelle.
    2. Le dimensionnement des éléments div de cette mise en page est basé sur la taille de police 100 % dans l'élément body. Si vous réduisez la taille générale du texte en utilisant l'attribut font-size: 80% pour l'élément body ou le #container, n'oubliez pas que toute la mise en page sera proportionnellement réduite. Pour compenser ce risque, il est conseillé d'augmenter la largeur des divers éléments div.
    3. Si la taille de police est modifiée individuellement dans chaque élément div au lieu d'une modification globale (par ex. : la taille de police de #sidebar1 est réduite à 70 % et celle de #mainContent à 85 %), ce choix modifiera proportionnellement la taille globale de chaque élément div. Il est conseillé de modifier la taille de police en fonction de la taille de police finale.
    */
    .corps #container { 
    	width: 890px;  /* cette largeur crée un conteneur qui s'adaptera dans une fenêtre de navigateur de 800 pixels avec les tailles de police par défaut */
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	border: 0px solid #000000;
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
    } 
	.corps #header { 
    	height: 77px;
		padding: 20px 10px 0px 0px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
    	border: 0px solid #000000;
    	position:relative;
	}
	.corps #logo { 
    	float:left;
		position:absolute;
		top:10px;
		border:solid 0px #000;
	}
	.corps #header_right { 
    	display:inline;
		float:right;
		width:440px;
		padding:25px 0 0 0;
    	border: 0px solid #000;
	}
	.corps #menu{
		padding-top:0px;
		margin-top:0px;
	}
	
	.corps #filariane{
		border:solid 0px green;
		width:430px;
		position:relative;
		font-family:Arial;
		font-size:10pt;
		margin-left:10px;
	}
	.corps #isariane{
		display:inline;
		color:#ce6bb3;
		font-weight:bold;
	}
	/*
	.corps #recherche{ 
		float:right;
		position:relative;
		height: 35px;
		width:290px;
		border : 0px solid #000;
		 padding: 0 0 0 0; 
    } */
    
    
    .corps #recherche{ 
		position:absolute;
		top:10px;
		right:0px;
		
		height: 35px;
		width:290px;
		border : 0px solid #000;
		 padding: 0 0 0 0;  /*ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
    } 
    
    
    .corps #recherchetexte{ 
		width:205px;
    display: inline;
		float:right;
		margin-right:5px;
		padding: 6px 0px 0px 0px;
		border: 0px solid blue;
	} 
	.corps td.vignettes{
		color:#999999;
		font-family:Arial;
		font-size:12pt;
		font-weight:bold;
	}

	.corps #recherchetexte input{ 
		width:205px;
		border:solid 1px #666666;
	}
	.corps #boutonrecherche{ 
    	display: inline;
		float:right;
		margin-right:0px;
		padding: 6px 0px 0px 0px;
		border: 0px solid #000000;
	} 
	
	/*Path bar*/
	
	#liste_horizontale{
		position:relative;
		font-family:Arial;
		font-size:10pt;
		border:solid 0px #000;
		padding-left:0px;
		width:630px;
		padding-bottom:5px;
		color:#ce6bb3;
		font-weight:bold;
	}
	#liste_horizontale a{
		font-size:10pt;
		color:#000;
		font-weight:normal;
		padding-right:5px;
	}
	#liste_horizontale a:hover{
		text-decoration:underline;
	}
	/*Fin Path bar*/
	
	.corps #firstmenu { 
    	float:right;
		z-index:6000;
		margin-right:0px;
		padding: 5px 0px 0px 0px;
		border: 0px solid #000000;
		}  
	
	.corps #rubrique{
		display:inline;
		border : 0px solid #000;
		padding-right:580px;
		width:400px;
	}
	.corps #bandeau_categorie{
		clear:both;
		height: 210px;
		width:890px;
		border : 0px solid #000;
		padding: 0px 0px 0px 0px;
		
	}
    .corps #menugauche {
    	clear:both;
		float: left; 
		width: 120px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
		padding: 0 0 0 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
		display:inline;
		border:solid 0px #000;
		border-top-width:0px;
		border-bottom-width:0px;
    }
	.corps #menugauche_cgv {
    	clear:both;
		float: left; 
		width: 180px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
		padding: 0 0 0 0; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div */
		display:inline;
		border:solid 0px #000;
		border-top-width:0px;
		border-bottom-width:0px;
    }
	.corps #menugauche_cgv ul{
		font-family:Arial;
		font-size:10pt;
		margin:0 0 0 0;
		padding : 0 0 0 0;
	}
	.corps #menugauche_cgv ul a{
		font-family:Arial;
		font-size:10pt;
		text-decoration:none;
		color:#666;
		padding:0;
		margin:0;
	}
	.corps #menugauche_cgv ul li{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		font-family:Arial;
		font-size:9pt;
		line-height:20px;
		padding-left:0;
		margin-left:0;
		}
	.corps #menugauche_cgv ul.rubriques_gauche{
		font-family:Arial;
		font-size:10pt;
		margin:0 0 0 0;
		padding : 0 0 0 0;
	}
	.corps #menugauche_cgv ul.rubriques_gauche a{
		font-family:Arial;
		font-size:10pt;
		text-decoration:none;
		color:#666;
		padding:0;
		margin:0;
	}
	.corps #menugauche_cgv ul.rubriques_gauche li{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		font-family:Arial;
		font-size:9pt;
		line-height:20px;
		padding-left:0;
		margin-left:0;
		}
		
	.corps #menugauche ul{
		font-size:10pt;
		margin:0 0 0 0;
		padding : 0 0 0 0;
	}
	.corps #detail_panier{
		position:absolute;
		border:solid 1px #999999;
		background-color:#FFFFFF;
		z-index:5001;
		display:none;
	}
	.corps #menugauche ul a{
		font-size:10pt;
		text-decoration:none;
		color:#666;
		padding:0;
		margin:0;
	}
	.corps #menugauche ul li{
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		
		padding-left:0;
		margin-left:0;
		letter-spacing:0;
	}
	.corps #menugauche ul.sous_rubrique_liste{
		padding-left:10px;
	}
	.corps #menugauche ul.sous_rubrique_theme{
		padding-left:10px;
	}
    
    .corps #mainContent {
     	display:inline;
		border: solid 0px blue;
		margin-left:0px;
		
	} 
	.corps #mainContent_redactionnel {
     	display:inline;
		border: solid 0px blue;
		margin-left:0px;
		
	}
   .corps #containerfooter { 
    	clear:both;
		padding: 0 0px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    	font-size:9px;
		height:40px;
		background-color:none;
		background-image:url(../images/background-footer.gif);
		background-repeat:repeat-x;
		margin-bottom:50px;
	}
   .corps #footer { 
    	clear:both;
		padding: 0 0 0 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    	font-size:9px;
		height:40px;
		margin: 0 auto;
		width:890px;
		background-color:none;
	} 
	.corps #footer ul{
		display:inline;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		text-align:right;
		height:22px;
		
	} 
	div#footer #copyright ul{
		display:inline;
		float:left;
		margin-right:150px !important;
		margin-top:10px;
	}
	#footer ul li{
		font-family:Arial;
		font-size:12px;
		}

	div#footer ul li.premierepuce {
		display:inline;
		margin-right:10px !important;
		font-family:Arial;
	}
	
	div#footer ul li.baseline {
		float:right;
		padding-right:10px;
		font-family:Arial;
		}
	.corps #footer ul li{
		display:inline;
		padding-top:5px;
		padding-left:0px;
		margin-right:2px;
		float:left;
	}
	div#footer #footer_one{
		position:relative;
		left:-10px;
	}
	div#footer ul li.dernierepuce {
		margin-right:0;
	}
	
	div#footer ul li.cartes {
		float:right;
	}
	
    #contenu_produit{
		float:right;
		margin-right:0px;
		padding-right:0px;
		padding-bottom:30px;
		border:solid 0px red;
		width:730px;
	}
	.corps #contenu_central{
		border: solid 0px #CCC;
		font-family:Arial;
		position:relative;
		width:730px;
	}
	
   td.centrale{
   		width:240px;
   }
   td.bout{
   		width:180px;
   }
   
    div#produit{
		float:left;
		font-size:11px;
		margin: 0px 0px 0px 58px;
		width:185px;
		border:solid 0px red;
	}
	
	div#produit img{
		border:solid 0px #CCC;
	}
	
	div#reference{
		padding-top:5px;
		font-size:1.1em;
		font-family:Arial;
		padding-left:5px;
		color:#666666;
		width:190px;
		font-weight:bold;
	}
	div#prix{
		display:inline;
		font-family:Arial;
		color:#ce6bb3;
		font-weight:bold;
		display:inline;
		float:left;
		font-size:12pt;
		padding-left:5px;
		padding-right:10px;
		
	}
	div#prix2{
		text-decoration:line-through;
		font-family:Arial;
		padding-left:15px;
		padding-top:2px;
		font-size:10pt;
		letter-spacing:-1px;
	}
	.corps #ensavoirplus, #ensavoirplus a{
		clear:both;
		color:#666;
		font-family:Arial;
		font-size:10pt;
		padding-left:3px;
		padding-bottom:5px;
	}
	
/* Les catégories gauche*/	
	.corps li.rubrique_niveau1 {
		font-family:Arial;
		font-weight:bold;
		font-size:12pt;
		letter-spacing:-1px;
		color:#666666;
		padding-top:3px;
		padding-left:3px;
		padding-bottom:5px;
		margin-bottom:15px;
	}
	
	.corps #sous_rubrique_liste li,  #sous_rubrique_theme li{
		padding-top:3px;
		padding-left:3px;
		font-size:11pt;
		color:#666666;
		font-weight:normal;
	}
	.corps #sous_rubrique_liste li a:hover, #sous_rubrique_theme li a:hover{
		text-decoration:underline;
		color:#000;
		font-style:normal;
		font-weight:normal;
	}
	.corps #sous_rubrique_liste li.categorie_selected, #sous_rubrique_theme li.categorie_selected{
		color:#ce6bb3;
		font-weight:bold;
	
	}
/* Fin des catégories gauche*/	
	
	.corps #espaceurentete{
		padding-bottom:10px;
	}
	.corps #sous_home{
		display:inline;
		width:760px;
		float:right;
		border: solid 0px red;
		padding-left:5px;
		padding-bottom:30px;
		}
	.corps #sous_home_img{
		display:inline;
		width:350px;
		float:left;
		border: solid 0px blue;
		padding-left:0px;
		padding-top:10px;


	}
	.corps #sousrubrique{
		display:inline;
		float:right;
		padding-right:0px;
		float:left;
		width:400px;
		border: solid 0px red;
	}
	.corps #lesthemes{
		border: solid 0px blue;
		float:left;
		padding-top:10px;
		padding-left:5px;
		padding-right:8px;
		height:178px;

	}
	.corps #rubrique1{
		clear:both;
	}
	.corps #recap_panier{
		background-color:transparent;
		display:inline;
		font-size:9px;
		z-index:1200;
		float:right;
		padding:0px 0px 0 0px;
		color:#000;
		border:solid 0px #000;
		
	}
	.corps #recap_panier.recap_panier_on{
		background-image:url(../images/fond_layer_panier.gif);
		width:174px;
		background-position:0px -1px;
		background-repeat:none;
	}
	.corps td.recapitulatif_panier{
		font-family:Arial;
		font-size:11px;
		
	}
	
	.corps #sous_home_theme{
		display:inline;
		border:solid 0px green;
		height:240px;
	}
	.corps #img_ssrubrique{
		width:115px;
		height:115px;
		padding-bottom:5px;
	}
	.corps #txt_ssrubrique a{
		font-face:arial;
		font-size:9pt;
		font-weight:bold;
		color:#666666;
		padding-left:0px;
	}
	.corps #txt_ssrubrique a:hover{
		text-decoration:underline;
		padding-left:0px;
		
	}
	
	/* Diverses classes à réutiliser */
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
	.corps td.pagination {
		font-size:0.8em;
		font-family:Arial;
	}
	
	.corps td.numero_page {
		font-size:0.9em;
		font-family:Arial;	
	}
	.corps td.tri{
		font-family:Arial;
		font-size:0.8em;
	}
	
	
	
	.corps #contenu_redactionnel{
		font-family:Arial;
		font-size:0.8em;
		border:solid 0px red;
		text-align:justify;
		display:inline;
		float:right;
		width:700px;
	}
	#search_align{
		float:right;
		margin-top:140px;
		left:250px;
		font-family:Arial;
		width:430px;
		z-index:5000;
		border: solid 0px blue;
	}
	#div_pagination{
		clear:both;
		position:relative;
		float:right;
		width:430px;
		margin-top:10px;
		border:solid 0px #993399;
		z-index:40;
	}
	.corps div.filtre{
		font-family:Arial;
		font-size:9pt;
		z-index:5000;
	}
	.corps ul.filtre{
		position:absolute;
		font-family:Arial;
		font-size:9pt;
		display:block;
		z-index:5000;
		list-style-type:none;
		list-style-image:none;
		list-style-position:outside;
		padding-left:25px;
		border:solid 1px #CCC;
		background:#FFFFFF;
		width:90px;
		padding:5px 5px 5px 5px;
	}
	.corps ul.filtre li{
		font-family:Arial;
		font-size:9pt;
		cursor:pointer;
		width:90px;
		padding-left:3px;
	}
	.corps ul.filtre li:hover{
		background:#ce6bb3;
		color:#FFFFFF;
		font-weight:bold;
		padding-left:3px;
		width:89px;
	}
	
	.corps ul.filtre li a{
		font-weight:bold;
		padding-left:3px;
		width:89px;
	}
	.corps ul.filtre li a:hover{
		background:#ce6bb3;
		color:#FFFFFF;
		font-weight:bold;
		padding-left:3px;
		width:89px;
	}
		
	.corps #tableaufiltre td{
		text-align:left;
	}
	.corps ul.filtre_tri{
		position:absolute;
		font-family:Arial;
		font-size:9pt;
		display:block;
		z-index:500;
		list-style-type:none;
		list-style-image:none;
		list-style-position:outside;
		padding-left:25px;
		border:solid 1px #CCC;
		background:#FFFFFF;
		width:200px;
		padding:5px 5px 5px 5px;	
	}
	.corps ul.filtre_tri li{
		font-family:Arial;
		font-size:9pt;
		cursor:pointer;
		width:200px;
		padding-left:3px;
	}
	
	.corps ul.filtre_tri li a:hover{
		background:#ce6bb3;
		color:#FFFFFF;
		font-weight:bold;
		padding-left:3px;
		width:195px;
	}
	.corps .achat_express{
		display:none;
		position:absolute;
		top:45px;
		z-index:11000;
	
	}
	.corps #module_home{
		margin-top:30px;
		margin-bottom:15px;
		height:100px;

	}
	.corps #ambassadrice{
		float:left;
		display:inline;
		width:290px;
		padding-right:10px;
		padding-left:10px;
		font-size:10pt;
		border:solid 0px red;
		border-left:solid 1px #c9c9c9;
		height:70px;
	}
	.corps #cheques{
		display:inline;
		float:left;
		padding-left:10px;
		width:270px;
		font-size:10pt;
		border:solid 0px red;
		border-left:solid 1px #c9c9c9;
		height:70px;
	}
	.corps #ventes{
		float:right;
		display:inline;
		font-size:10pt;
		padding-left:10px;
		border:solid 0px red;
		width:270px;
		border-left:solid 1px #c9c9c9;
		height:70px;
	}
	.corps #ambassadrice_txt{
		color:#e8377e;
		font-weight:bold;
		font-size:10pt;
		padding-left:5px; 
		
	}
	.corps #bt_ambassadrice{
		padding-top:15px;
		padding-left:5px;
	}
	.corps #bt_ambassadrice{
		padding-top:15px;
		padding-left:5px;
	}
	.corps #bt_cheque{
		padding-top:15px;
		padding-left:5px;
	}
	.corps #form_inscription input.inscription{
		margin-top:18px;
		margin-left:5px;
		height:20px;
		border:solid 1px #8f8f8f;
		margin-right:5px;
	}
	.corps #form_inscription input.bt_inscription{
		vertical-align:bottom;
		border:solid 0px #8f8f8f;
	}
	.corps #cheques_txt{
		color:#e8377e;
		font-weight:bold;
		font-size:10pt;
		width:280px;
	}
	.corps #ventes_txt{
		color:#e8377e;
		padding-left:5px;
		font-weight:bold;
		font-size:10pt;
	}
	
	.corps #bon_achat{
		color:#333333;
		padding-left:5px;
		font-size:10pt; 
		padding-top:3px;
	}
	.corps #cheque_cadeau{
		color:#333333;
		padding-left:5px;
		font-size:10pt;
		padding-top:3px;
	}
	.corps #ventes_exclu{
		color:#333333;
		padding-left:5px;
		font-size:10pt;
		padding-top:3px;
	}
	.corps #titre_cgv{
		font-family:Arial;
		font-size:12pt;
		letter-spacing:3px;
		color:#e844ac;
		font-weight:bold;
	}
/**********************************/
h3.redactionnel {
	font-family:Arial;
	color:#e0008e;
}



/* NEW HOME PAGE 30/11/2010 */

.bloc_left{
	float:left;
	width:614px;
	height:541px;	
	border:solid 5px #3d3d3b;
	margin-bottom:20px;
	margin-top:10px;
	position:relative;
}
.bloc_right{
	float:right;
	width:250px;

}
.bloc_right h2{
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:#19171a;	
	padding:0;
	margin:0;
	margin-top:10px;
	margin-left:5px;

}
.bloc_right .newsletter{
	float:left;
	width:216px;
	height:92px;	
	border:solid 5px #3d3d3b;
	background-color:#e91c6b;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;	
	padding:10px;
	margin-bottom:35px;
}
.bloc_right .newsletter input[type=text]{
	height:33px;
	width:170px; 
	margin:0; 
	border:0;
	padding:0 5px 0 5px;
	
}
.bloc_right .newsletter input[type=submit]{
	height:33px;
	width:33px;
	padding:0;
	margin:0; 
	background-color:#000000;
	border:0;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}

#container_layer_newsletter input[type=text]{
	height:33px;
	width:170px; 
	margin:0; 
	border:solid 1px #000000;
	padding:0 5px 0 5px;
	
}

#container_layer_newsletter input[type=submit]{
	height:35px;
	width:33px;
	padding:0;
	margin:0; 
	background-color:#000000;
	border:0;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
	border:solid 1px #000000;
}


.bloc_right .concours{ 
	float:left;
	width:236px; 
	border:solid 5px #3d3d3b;
	background-color:#e91c6b;
	margin-bottom:35px;
}
.bloc_right .cadeaux{
	float:left;
	width:226px;
	height:142px;	
	border:solid 5px #3d3d3b;
	background-color:#000;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;	
	padding:5px;
}
.bloc_right .bloggrande{
	float:left;
	width:226px;
	height:156px;	
	
	font-family:Arial;
	font-size:14px;
	color:#ffffff;	
	padding:10px;
	background-image:url('../images/bloggrande.jpg');
}
.bloc_right a img{
	border:0;
	margin:0;
	padding:0;
}
.bloc_left a img{
	border:0;
	margin:0;
	padding:0;
}
.bloc_left ul{
padding:0;
margin:0;	
}
.bloc_left ul li{
padding:0;
margin:0;	
background-color:#000000;
}

.bloc_left .carrou_texte{
	float:left;
	background-color:#000000;
	width:253px;
	height:541px;
	font-family:Arial;
	font-size:14px;
	color:#ffffff;	
}
.bloc_left .carrou_texte h3{
	
	font-family:Arial;
	font-size:36px;
	color:#ffffff;	
	text-align:right;
	margin-right:15px; 
	font-weight:normal;
}

.bloc_left .carrou_texte h4{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:18px;
	color:#ffffff;	
	height:27px;
	background-color:#e91c6b;
	text-align:right;
	text-transform:uppercase; 
	padding-top:5px;
	padding-right:5px;
}

.bloc_left .carrou_texte h5{
	margin:0;
	padding:0;
	margin-top:5px;
	font-family:Arial;
	font-size:18px;
	color:#ffffff;	
	height:27px;
	background-color:#e91c6b;
	text-align:right;
	text-transform:uppercase; 
	padding-top:5px;
	padding-right:5px;
	width:235px;
	float:right;
}
.bloc_left .carrou_texte h6{
	margin:0;
	padding:0;
	margin-top:5px;
	font-family:Arial;
	font-size:18px;
	color:#ffffff;	
	height:27px;
	background-color:#e91c6b;
	text-align:right;
	text-transform:uppercase; 
	padding-top:5px;
	padding-right:5px;
	margin-right:-20px;
	width:258px;
	float:right;
}
.bloc_left .carrou_texte p{

	text-align:right;
		padding-right:5px; 
		width:253px;
		float:right;
		margin-top:30px;
}

.bloc_left .carrou_texte a{
	
	color:#e91c6b;
	text-decoration:none;	
	font-weight:bold;
}

.bloc_left .carrou_texte a:hover{
	
	color:#e91c6b;
	text-decoration:underline;	
	font-weight:bold;
}

#my-pager{
	padding:3px;
	background-color:#3d3d3b;
	width:90px;
	height:15px;
	position:absolute; 
	bottom:20px;
	right:0px;
}

#my-pager .pager-link{
	margin:0 8px 0 8px;
	
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
}
#my-pager .pager-active{
	color:#e91c6b;	
}
* 
{ 
	outline: none; 
}