/*
  $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: arial, Century Gothic, Arial, Verdana, sans-serif; font-size: 10px; }
.errorBox { font-family: arial, Century Gothic, Arial, Verdana, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: arial, Century Gothic, Arial, Verdana, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: arial, Century Gothic, Arial, Verdana, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
	background-image: url(images/fonds/global.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color:#ffffff;
	color: #000000;
	margin: 0px;
}
.bouton{
	font-size:10px;
	color:#000000;
	background-color:#ffffff;
	cursor:pointer;
	border:solid #cccccc 1px;
}
.bof{
	top:0px;
	display:block;
	float:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	background-image: url(images/white.png);
	background-repeat: repeat;
	background-position: top center;
	padding:5px;

}
.bof a:hover{
	color:#FF0000;
	text-decoration:none;
}
img
{
border: 0;
}
.image{
border:solid 1px #cccccc;
}
A {
  color: #000000;
  text-decoration: none;
}
#lien_enga a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#lien_enga a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#lien_enga a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#ff4d91;
}
#lien_enga a:active{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  
}
#tabletop ul{
margin : 0 ; 
padding : 0 0 0 0;

}
a.info span {
padding:5px;
display:none; 
width:160px;
height:156px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:13px;
text-align:center;
vertical-align:middle;
/*background-color:#ff3284;*/
color:#ffffff;
border: 2px solid #ffffff;
background-image:url(images/fonds/rose.png);
background-repeat:repeat;

} 

a.info:hover span{ 
position:absolute;
display:inline;
border:solid 1px #000000; 
} 
a.info span #stong{
padding:0px;
color:#ffffff;
font-weight: bold;
}
a.info:link img{
border:solid 2px #ffffff; 
}
a.info:visited img{
border:solid 2px #ffffff; 
}
a.info:hover img{
border:solid 2px #ff3284; 
}
.infoboxcategories_border{
  border-style:solid;
  border-width:0px;
  border-color:#000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.droitenew span{
	display:block;
	padding:10px;
	text-align:center;
	width:160px;
	height:162px;
	background-image: url(images/new_prod/new_prod.gif);
	background-repeat: no-repeat;
	background-position: center center;

}
.droitenew img{
border: 1px solid #000;
}
.droitenew a:link{
font-size:9px;
color:#000000;
}
.prod_new{
padding:10px;
margin-top:30px;
width:550px;
border: 0px solid #eee;

}
#tabletop li {
position:relative;
list-style: none;
float : left ;
padding : 0px 10px 0px 10px ;
margin : 0px 0px 0px -1px ; 
text-transform : uppercase ;
}
#tabletop li a:link {
display:block;
padding : 1px ;
text-decoration : none;
font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
font-size:10px;
color:#ffffff;
border: solid 1px #374a44;
font-weight:bold;
}
#tabletop li a:visited {
display:block;
padding : 1px ;
text-decoration : none;
font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
font-size:10px;
color:#ffffff;
border: solid 1px #374a44;
font-weight:bold;
}
#tabletop li a:hover {
display:block;
padding : 1px ;
border: solid 1px #cccccc;
font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
text-decoration : none;
background-color:#2f1d05;
color:#ffffff;
font-weight:bold;
}
#tabletop #tabletopfond {
	background-image: url(images/fonds/basket.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#tablemenu{
Filter: Alpha(Opacity=50, FinishOpacity=50, Style=1, StartX=100, Starty=100, FinishX=0, FinishY=0 );

}
#basket{
	overflow: auto;
	width:170px;
	height:60px;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color:#1c0500;
	scrollbar-highlight-color:#1c0500;
	scrollbar-3dlight-color:#1c0500;
	scrollbar-darkshadow-color:#3b312e;
	scrollbar-track-color:#1c0500;
	border-bottom:solid 1px #e96c24;
}
#lienbasket{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#lienbasket a:link{
display:block;
padding : 1px ;
text-decoration : none;
font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
font-size:10px;
color:#ffffff;
background-color:#2f1d05;
border: solid 1px #2f1d05;
font-weight:bold;
}
#lienbasket a:visited{
display:block;
padding : 1px ;
text-decoration : none;
font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
font-size:10px;
color:#ffffff;
background-color:#2f1d05;
border: solid 1px #2f1d05;
font-weight:bold;
}
#lienbasket a:hover{
display:block;
padding : 1px ;
border: solid 1px #7ccce7;
font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
text-decoration : none;
background-color:#7ccce7;
color:#ffffff;
font-weight:bold;
}
#lienbasket a:active{
display:block;
padding : 1px ;
text-decoration : none;
font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
font-size:10px;
color:#ffffff;
background-color:#2f1d05;
border: solid 1px #2f1d05;
font-weight:bold;
}
#right{
	width:158px;
	border:solid 1px #7ccce7;
	background-color:#FFFFFF;
	padding:3px;
}
#tablemenu a:link{
font-weight:bold;
font-size:11px;
padding-top:5px;
padding-bottom:5px;
}
#tablemenu a:visited{
font-weight:bold;
font-size:11px;
padding-top:5px;
padding-bottom:5px;
}
#tablemenu2{
	background-image: url(images/centre/fond_centre_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	float:left;
	margin:2px;

}


div#menu {width: 170px;}

/* fond blanc pour le menu */ 
div#menu a{color:#000000;font-family: arial, Century Gothic, Arial, Verdana, sans-serif;font-size:10px;}

div#menu ul {padding: 0; width: 170px; margin:0px; background: #ffffff}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #fff; color:#e9e9e9;}
div#menu li.sousmenu:hover {background: #fff;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu { }

div#menu ul li {position:relative; list-style: none; border-bottom:1px solid #e9e9e9;}
div#menu ul ul {position: absolute; top: -1px; left: 170px; display:none; border:1px solid;}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 2px 0 2px 8px; display:block; border-left: 8px solid #7ccce7; width:150px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: #ff3284;}
div#menu ul ul li a:hover {border-left-color: #ff3284;}
div#menu ul ul ul li a:hover {border-left-color: #ff3284;}



div#menu_footer{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin : 0 auto;
width: 500px;
}
div#menu_footer a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
div#menu_footer a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#60887C;
}
div#menu_footer a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #2f1d05;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

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

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

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: #ffffff;
}

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: #eeeeee;
}

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

.productListing-heading {
  font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
  font-size: 10px;
  background: #2f1d05;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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

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

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

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

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

TEXTAREA {
  width: 100%;
  font-family: arial, Century Gothic, Arial, Verdana, sans-serif;
  font-size: 11px;
  white-space: pre;
}

SPAN.greetUser {
  font-family: arial, Century Gothic, Arial, Verdana, 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, arial, Century Gothic, Arial, Verdana, sans-serif;;
  font-size: 12px;
  font-weight: bold;
}

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

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

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

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

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

/* message box */

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

/* input requirement */


.inputRequirement { font-family: arial, Century Gothic, Arial, Verdana, sans-serif; font-size: 10px; color: #ff0000; }
/* mag */

.texte_mag a:link{font-family: arial; font-size: 12px; color: #ffffff; text-decoration:none;}
.texte_mag a:visited{font-family: arial; font-size: 12px; color: #ffffff; text-decoration:none;}
.texte_mag a:hover{font-family: arial; font-size: 12px; color: #ffffff; text-decoration:underline;}