/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; font-weight : normal; color: #8F8F8F;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

img {
border: 0;
}

code {
  padding: 3px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight : bold;
/*  font-style: italic;*/
  background: #eee;
  color: #000000;
}


/*-----------   Liens   ---------------*/
a {
  color: #3F3F3F;
  text-decoration: none;
}

a:hover {
  color: #AF007A;
  text-decoration: underline;
}

a:active {
  color: #FFB900;
  text-decoration: underline;
}

/*a:visited {
  color: #6F6F6F;
  color: #5F4D56;
  text-decoration: none;
} */

FORM {
	display: inline;
}

/*-----HEADER--------------------------------------*/
#paypal {
	position: relative;
	margin: 0 10px 0 0;
	padding: 0;
	width: 200px;
	top: 10px;
	margin-bottom: 45px;
	}

TR.header {
  background: #3D373F;
  height: 125px;
}

#date {
  margin: 0;
  padding: 5px 10px 0 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #AFAFAF;
  font-weight: bold;
}

TR.headerNavigation {
  background: #5C535F url("images/headernav.gif");
  background-repeat: repeat-x;
  height: 40px;
}

TD.headerNavigation {
  font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #ffffff;
  font-weight : bold;
}

TD.headerCompt {
  margin: 0px;
  padding-top: 3px;
  font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
  font-size: 1.2em;
  font-weight : bold;
  color: #FFFFFF;
  }

TD.headerSearch {
  margin: 0px;
  padding-top: 3px;
  font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
  font-size: 11px;
  font-weight : bold;
  color: #ffffff;
  }
  
TD.headerSearch2 {
  margin: 0px;
  padding: 2px;
  font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
  font-size: 11px;
  font-weight : bold;
  text-align : left;
  color: #ffffff;
  }

a.headerNavigation { 
  color: #FFFFFF; 
}

a.headerNavigation:hover {
  color: #AF007A;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.filariane {
	width: 100%;
  background: #DFDFDF;
}

TD.filariane {
  font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #AF007A;
  font-weight : bold;
}
TD.filariane  A{
  color: #4B404F;
}

TD.filariane A:hover {
  color: #EF00A7;
}
#block1 {
	position: relative;
	float: left;
	width:30%; 
	margin: 0;
	padding: 5px;
}

#diapo {
	position: relative;
	float: right;
	width:65%; 
	margin: 0;
	padding: 5px;
}

#annonce {
	float: left;
	width: 90%;
	margin: 5px;
	padding: 5px;
	font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight : bold;
	text-align: center;
	color: #AFAFAF;
	border-top: 2px solid #EFEFEF ;
	border-right: 2px solid #DFDFDF ;
	border-left: 2px solid #AFAFAF ;
	border-bottom: 2px solid #AFAFAF ;
	-moz-border-radius: 8px;
}

#annonce1 {
	float: left;
	width: 90%;
	margin: 5px;
	padding: 5px;
	font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	text-align: center;
	color: #5F5F5F;
	background: #EFEFEF;
	-moz-border-radius: 8px;
}

#annonce2 {
	float: left;
	width: 90%;
	margin: 5px;
	padding: 5px;
	font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size: 1.0em;
	text-align: center;
	color: #FF1F67;
	background: #FFE56F;
	-moz-border-radius: 8px;
}

#diapo2 {
	float: right;
	width:680px; 
	height:300px; 
	margin: 0px;
	margin-right: 10%;
	padding: 0px;
	background: #DFDFDF;
	border: 4px solid #AFAFAF ;
	-moz-border-radius: 8px;
}

#cu3er-container {
	float: right;
	width:600px; 
	outline:0;
	margin: 5px;
	margin-right: 45px;
	padding: 0;
}

#top-100 {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 135px;
/*	width: 90%;*/
	}
	
#partenaire {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 90%;
/*	width: 90%;*/
	}
	
#partenaire a {
	font-family: Tahoma, Arial, Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-weight : bold;
	color: #AF007A;
	text-decoration: underline;
	}

#partenaire a:hover {
	color: blue;
	}

.road   li {
margin-top: 10px;
line-height: 1.5em;
}
.road-ok {
color: #006F39;
}
.afaire   {
color: #9F0060;
}
.encours   {
color: #002B9F;
}

/*-----FOOTER--------------------------------------*/
#footer {
  margin: 0;
  padding: 0;
  background: #FFF;
}

TR.foot-barre {
  background: #5C535F url("images/headernav.gif");
  height: 30px;
}

TD.foot-barre {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
/*  background: #5C535F;*/
  background: transparent;
  color: #ffffff;
  font-weight: bold;
}

#footer-lien {
	width: 80%;
	margin: 5px 10% 25px 10%;
}

#footer-lien .liste{
	float: left; 
	width: 23%;
	margin: 4px;
	min-height: 110px;
	-moz-border-radius: 8px;
	border: 1px solid #AFAFAF ;
	background: #EFEFEF;
}

#footer-lien p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #CF007D;
  margin: 15px 10px;
}

#footer-lien ul {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.7em;
  text-align: left;
  color: #CF007D;
  margin: 10px 4px;
}

#credit {
	clear: both; 
	height: 50px;
	margin-top: 25px;
	background: #FFF;
}

/*----PAGE  PRODUITS--------------------------------------*/
#photoprod {
	float: right;
	width: 50%;
	margin: 0px;
	margin-right: 50px;
	padding: 0px;
}

#photoprod  table{
	float: left;
	margin: 0px;
	padding: 0px;
}

#descprod {
	width: 290px;
	padding: 2px;
	font-weight: bold;
	text-align: left;
/*	color: #5F5F5F;*/
	color: #AFAFAF;
	background: #FFF;
}

#navprod {
	float: right;
	width: 50%;
	margin: 0px;
	margin-right: 25px;
	padding: 0px;
}

#attrprod {
	clear: both;
	width: 95%;
	min-height: 175px;
	margin: 5px;
	padding: 10px;
	background: #DFDFDF;
	-moz-border-radius: 8px;
}

#choixprod {
	position:relative;
	float: right;
	width: 40%;
	margin: 2px;
	padding: 2px;
	background: #BFBFBF;
	border: 2px solid #AFAFAF ;
	-moz-border-radius: 8px;
}

/*-----INFOBOX--------------------------------------*/
.infoBoxSearch {
  width: 200px;
}

.infoBoxSearchContents {
  margin: 0;
  padding: 0px;
  background: #5C535F;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.infoBoxSearchContents   input {
/*  position: relative;
  top: 0px;*/
  margin: 0;
}

.infoBoxSearchContents   form {
/*  position: relative;
  top: 0px;*/
  margin: 0;
  background: transparent;
}

.infoBox {
	color: #3F3F3F;
	border-top: 2px solid #EFEFEF ;
	border-right: 2px solid #DFDFDF ;
	border-left: 2px solid #AFAFAF ;
	border-bottom: 2px solid #AFAFAF ;
	-moz-border-radius: 8px;
	margin-bottom:7px;
}

.infoBoxContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	padding: 0px 3px 0px 3px;
	line-height: 1.4;
	color: #3F3F3F;
	background: #EFEFEF;
}

.infoBoxFormu {
	margin-bottom:7px;
	padding: 5px 3px 5px 3px;
	line-height: 1.4;
	-moz-border-radius: 6px;
	color: #3F3F3F;
	background: #DFDFDF;
	border-right: 2px solid #BFBFBF ;
	border-bottom: 2px solid #AFAFAF ;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  height: 25px;
  padding: 1px;
  padding-left: 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
  background-image: url(images/headernavigation.gif);
/*  background: #89868F;*/
  color: #9F0073;
/*  color: #FF8A00;*/
  -moz-border-radius: 5px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #5F5F5F;
	border-top: 2px;
-moz-border-radius: 8px;
}

.categBox {
  background: #EFEFEF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  color: #3F3F3F;
	margin-bottom:7px;
  padding: 0px;
  padding-top: 10px;
}

td.categBox {
display : block;
width: 94%;
min-height: 80px;
max-height: 180px;
overflow: auto;
  padding: 0px 5px 0px 4px;
	border-top: 2px solid #EFEFEF ;
	border-right: 2px solid #DFDFDF ;
	border-left: 2px solid #AFAFAF ;
	border-bottom: 2px solid #AFAFAF ;
	-moz-border-radius: 8px;
}

.liensBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #3F3F3F;
  padding: 4px;
  line-height: 1.4;
  height: 25px;
  border-bottom: 2px solid #6F6F6F;
  background: #EFEFEF;
-moz-border-radius: 6px;
}

.lienpanier  a {
  font-weight: bold;
	font-size: 1.3em;
 color: #0040AF;
  text-decoration: none;
}
 
.lienpanier  a:hover {
  color: #AF007A;
  text-decoration: underline;
}

 TD.liensprod  {
  margin : 5px;

}

.infoprod  {
	font-size: 0.5em;
	color: #3F3F3F;
}

/*----END-INFOBOX--------------------------------------*/

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #98959F;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
	position:relative;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #EFEFEF;
}


a.pageResults {
  color: #0000FF;
}

a.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

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

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
	vertical-align:top;
	padding: 2px 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.titre  {
	vertical-align:top;
	padding: 2px 5px;
	font-family: Arial, Verdana, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.5;
	color: #5F5F5F;
}

TD.home{
	vertical-align:top;
	padding: 8px;
	padding-top: 15px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.option {
	vertical-align:top;
	padding: 3px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

table.formul {
	margin-left: 25px;
	padding: 3px;
}


TD.formul, P.formul {
	vertical-align:top;
	padding: 2px 5px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}


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

.info   li  {
	margin-bottom: 10px;
  margin-left: 35px;
}

.info  img  {
	float: left;
	margin: 0.5em 0.5em 0.5em ;
	padding: 1em;
}

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

/*--BOF---Style texte categorie index---*/
TD.smallTextCat  {
  font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  color: #6E686F;
}

TD.smallTextCat   a{
  color: #6E686F;
}
/*--EOF---Style texte categorie index---*/

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

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

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

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

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

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

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

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

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

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


/* Navigation - your recent histoy  */
TABLE.history {
  background: #fff;
}

TR.histo {
	width: 100%;
	background: #DFDFDF;
}

TD.histo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #c76170;
  font-weight: bold;
}

/* Advanced Searches infobox */
#quick_find select {width:12em; font-size:11px;}
#quick_find select option {width:auto;}

/*------- CSS IMAGE POPUP VIEWER ON MOUSEOVER -----
#impop {
	background-color: #EFEFEF;
	position: relative;
	top: 0px;
	left: 0px;
}

#impop a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#impop a img {
	border: 0px;
}

#impop a.p1, #pic a.p1:visited {
	background-color: #FFFFFF;
	border: 0px;
	display: block;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 135px;
	height: 100px;
}

#impop a.p1:hover {
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
}

#impop a.p1:hover .large {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	display: block;
	position: relative;
	width: auto;
	height: auto; 
	left: -275px;
	top: 0px;
}
/*------ END CSS IMAGE POPUP VIEWER ON MOUSEOVER ---------*/

/********** BOF CSS POPUP *******/
#zoom {position:relative;margin:auto;padding:0;width:auto; height:125px; z-index:450;background:#FFF;}
#zoom a.p1, #zoom a.p1:visited {position:relative;display:block; width:25px; height:125px; text-decoration:none; background:#FFF; top:0; left:0; border:0;}
#zoom a img {border:0;}
#zoom a.p1:hover {position:absolute; top:0; left:0; margin:0;padding:0; text-decoration:none; background-color:transparent; color:#000;}
#zoom a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#zoom a.p1:hover .large {display:block; position:relative; top:-125px; left:-450px; width:350px; height:auto; border:5px solid #2F4E7F;}

#zoom-butt {position:relative;margin-top:5px;z-index:550;}

/********** EOF CSS POPUP *******/
/*
TD.productListing-data a {
text-decoration: none;
}

TD.productListing-data a span { 
display: none;
border: 0px;
}

TD.productListing-data a:hover span { 
display: block;
position: absolute;
top: 1px; 
left: -50px;
margin: 0px;
padding: 0.5em 0.5em 0.5em 0.5em;
text-decoration: none;
text-align: center;
color: white;
border: 2px solid #9F135A;
z-index: 1000;
} */

/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;
}
/* OTF contrib ends */

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
/*.moduleRowSelected { background-color: #E9F4FC;  cursor: hand; }*/
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

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

/* input requirement */

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

/* BOF osC reCAPTCHA */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color: #f8f8f9 !important; /* reCaptcha widget background color */
}

#recaptcha_table {
   border-color: #f8f8f9 !important;     /* reCaptcha widget border color */
}

#recaptcha_response_field {
   border-color: #b6b7cb !important;     /* Text input field border color */
   background-color:#ffffff !important;  /* Text input field background color */
   color: #000000                        /* Text input field font color */
}
/* EOF osC reCAPTCHA */
/*********** Tableau cours *******************/
#horaire {
	position: relative;
  width: 700px;
	top: 0.5em;
	left: 0.5em;
	text-align: justify;
	margin: 1.5em auto 2em ;
	padding: 0em;
	border: 2px solid #5F5F5F;
	-moz-border-radius: 8px;
	background: #DFDFDF;
 	}
	
#horaire table {
  width: 100%;
	margin: 0px;
	padding: 0.2em;	
 	}
		
#horaire td {
	padding: 0.5em 0.3em;
	font-family: Verdana, Arial, Tahoma, Geneva, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight : bold; 
	line-height: 1.1em;
	text-align: center;
	color: #000;
	border: 1px solid #FFF;
 	}
		
#horaire p {
	padding: 0.5em;
	font-family: Verdana, Arial, Tahoma, Geneva, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight : bold; 
	line-height: 1.0em;
	text-align: center;
	color: #4F381D;
	background: #EFEFEF;
 	}
/************ Fin  Tableau cours ************/
/*#categ {
min-height: 80px;
max-height: 200px;
overflow: auto;
}*/

strong { 
	color: #4F381D;
}

.formu {
	width: 420px;
	padding: 2px;
/*	font-weight: bold;*/
	text-align: right;
	color: #000;
	background: transparent;
}

.copiyright {
	padding: 1em;
	font-family: Verdana, Arial, Tahoma, Geneva, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight : bold; 
	line-height: 1.5em;
	text-align: left;
	color: #AF007A;
	background: transparent;
	border: 1px solid #5F5F5F;
	-moz-border-radius: 8px;
}

/************ TOP 100  liste  ************/
#zoneaff {
float:left;
width: 95%;
min-height: 250px;
margin: 0.5em;
padding: 0.2em;
border: 4px solid #BFBFBF;
background : #DFDFDF;
-moz-border-radius: 12px;
}

#vignette {
float:left;
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #FFF;
background : transparent;
z-index: 200;
-moz-border-radius: 8px;
}

#vignette ul {
margin: 0.0em;
padding: 0.0em;
}

#vignette li {
display: block;
float:left;
margin: 0.3em 0.1em 1em 0.2em;
padding: 0.0em;
list-style-type: none;
font-family: Verdana, Geneva, Arial, Helvetica, Tahoma, "Trebuchet MS",  sans-serif;
font-size: 0.8em;
color: #6F6F6F;
border: 0px solid #9F135A;
}

.mini {
width: 75px;
height: 75px;
margin: 0.0em;
padding: 0.0em;
}

#vignette a {
text-decoration: none;
}

#vignette a span { /* définition de la balise <span> inclue dans <a> */
display: none;
border: 0px;
}
#vignette a:hover span { /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 25%; /* positions et dimensions du calque, que vous pouvez changer à loisir */
left: 45%;
margin: 0px;
padding: 1em;
text-decoration: none;
text-align: center;
color: white;
border: 2px solid #1F1F1F;
background : #BFBFBF;
z-index: 1000;
-moz-border-radius: 8px;
}