/*
  $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
*/
.category_side {font-size: 14px; text-transform: uppercase; }

table.infobox{width:100%;}

.boxText { font-family: Verdana, Arial, sans-serif; }
.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: #fff890;
  background: #ffffff;
  background: #dbdad6;
  color: #000000;
  margin: 0px;
}

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

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

/* <- OSC-12 : Arrondissement des angles pour le visuel du site */
/* 
   fix pour le header, pour le mode XUA compatible (naturellement.. ceci est un fix pour IE..)
   
    corrige un bug d'affichage au niveau du fond, en effet si le mode xua compatible était en mode IE 9,
 	alors, le code html sous IE (bizzarrement hein..) rajoutait un espace insécable que j'ai du fixer avec la colorisation du fond en couleur de la breadcrumbar.
*/
TR.header {
  background:url(design/Fond-bleu-min.png);
  background-repeat: repeat-x;
  padding-top: 0px;/
          filter: saturate(200%);
        -webkit-filter: saturate(200%);
        -moz-filter: saturate(200%);
        -o-filter: saturate(200%);
        -ms-filter: saturate(200%);
  background-size: contain;
}
/* -> OSC-12 : Arrondissement des angles pour le visuel du site */

TR.headerNavigation {
  background: #060077;
}

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

A.headerNavigation { 
  color: #FFFFFF; 
}

// -> VDPRO
TD.headerNavigationProAccess {
}

A.headerNavigationProAccess { 
  color: #f6f31d; 
}
// <- VDPRO

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

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.footer {
    background:url(design/Fond-bleu-min.png);
  background-repeat: repeat-x;
  padding-top: 0px;/
          filter: saturate(200%);
        -webkit-filter: saturate(200%);
        -moz-filter: saturate(200%);
        -o-filter: saturate(200%);
        -ms-filter: saturate(200%);
  background-size: contain;
position:absolute;
bottom:auto;
left:auto;
width: 100%;
height:100; 
 /* background: #060077; */
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /*background: #060077; */
  color: #ffffff;
  font-weight: bold;

}

A.footer { 
  color: #FFFFFF; 
}

.infoBox {
  background: #060077;
  width: 100%;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

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

A.infoBoxHeading {
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, 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: #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: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

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

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

TR.subBar {
  background: #f4f7fd;
}

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

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

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

/* -> OSC-38 - Gestion des commandes fournisseurs */
TD.productInfoShippingText, SPAN.productInfoShippingText, P.productInfoShippingText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: green;
  font-weight: bold;
}
TD.productInfoText, SPAN.productInfoText, P.productInfoText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
TD.productInfoQuantityText, SPAN.productInfoQuantityText, P.productInfoQuantityText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: red;
  font-weight: bold;
}
TD.productInfoQuantityMoreText, SPAN.productInfoQuantityMoreText, P.productInfoQuantityMoreText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}
/* <- OSC-38 - Gestion des commandes fournisseurs */

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;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; 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; }

/* -> HTCT262 */
h1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
}

h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}
/* <- HTCT262 */
/* -> FIPS62 */
.dataTableHeadingContent_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableHeadingRow_INVOICE { background-color: #C9C9C9; }
.dataTableRow_INVOICE { background-color: #F0F1F1; }
.dataTableContent_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.order_history_top { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row { background-color: #C9C9C9; }
.product_infobox_heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.product_infobox_data_row { background-color: #F0F1F1; }
.product_infobox_data { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.order_history_top_INVOICE { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading_INVOICE { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data_INVOICE { color : #000000; font-family: Verdana; font-size: 12px; }
.product_infobox_heading_row_INVOICE { background-color: #C9C9C9; }
.product_infobox_heading_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.product_infobox_data_row_INVOICE { background-color: #F0F1F1; }
.product_infobox_data_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
.smallText_INVOIVE { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.smallTextBlue_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #006699; }
.smallAddressBlue_INVOICE { font-family: Arial; font-size: 9px; color: #006699; }
.main_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.pageHeading_INVOICE { font-family: Verdana, Arial, sans-serif; font-size: 18px; color: #727272; font-weight: bold; }
/* <- FIPS62 */


/* redesign Header (LP-Divertissements)
*Start*/
/* petite aide CSS pour vous aider Vincent: Absolute peut faire penser à "Démarre du Haut du Site" */
div.divertissemtrailed { background-image: url(design/Divertissemtrailed.png); width: 550px; height: 15px; position: absolute; background-repeat: no-repeat; top: 92px; left: 90px; }
div.thelproundedsystem { background-image: url(design/TheLPRoundedSystem.png); width: 77px; height: 80px; position: absolute; background-repeat: no-repeat; top: 0px; left: 0px; }
/* redesign Header (LP-Divertissements)
*Stop*/

#FLAGS {position:absolute; top: 130px; left: 350px;}
/* <- OSC-12 : Arrondissement des angles pour le visuel du site */
/* redesign menuBox (LP-Divertissements)
*Start*/


.menuInfoBox {
  /* background: #060077; */
}

/* petit fix : osCommerce ajoutant deux boxes pour le Header de chaque box, il faut donc agir sur un côté à la fois avec deux classes CSS 3 */
TD.menuInfoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #060077;
  color: #ffffff;
	/* uniquement IE -anciennes versions- (forcing) : utilisation de la bibliothèque magique: CSS3 PIE */
	/* behavior: url(design/webMods/css3-PIE/PIE.htc); */
	/* uniquement ceux du HAUT-COTE-GAUCHE, dans l'ordre: Arrondissement CSS 3, ombrage */
	border-radius: 3px 0px 0px 0px;
	/* uniquement IE 9 et inférieurs : hack CSS = \9 à la fin des paramètres CSS */
	/* uniquement Firefox et les autres navigateurs (Safari, Chrome, Opera mobile) : hack CSS = !important; + propriété au début */
	/* pour le hack Firefox uniquement, il faut écrire: par exemple: box-shadow: 1px 1px 10px #060077 !important; */
	box-shadow: 1px 0px 15px #060077\9 !important; box-shadow: 1px 1px 10px #060077;
}

/* en cas de flèche (à droite des box) */
TD.menuInfoBoxHeadingArrow {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #060077;
  color: #ffffff;
	/* uniquement IE -anciennes versions- (forcing) : utilisation de la bibliothèque magique: CSS3 PIE */
	/* behavior: url(design/webMods/css3-PIE/PIE.htc); */
	/* uniquement ceux du HAUT-COTE-DROIT, dans l'ordre: Arrondissement CSS 3, ombrage */
	border-radius: 0px 3px 0px 0px;
	/* uniquement IE 9 et inférieurs : hack CSS = \9 à la fin des paramètres CSS */
	/* uniquement Firefox et les autres navigateurs (Safari, Chrome, Opera mobile) : hack CSS = !important; + propriété au début */
	/* pour le hack Firefox uniquement, il faut écrire: par exemple: box-shadow: 1px 1px 10px #060077 !important; */
	box-shadow: 1px 0px 15px #060077\9 !important; box-shadow: 1px 1px 10px #060077;
}
	
.menuInfoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	/* uniquement IE -anciennes versions- (forcing) : utilisation de la bibliothèque magique: CSS3 PIE */
	/* behavior: url(design/webMods/css3-PIE/PIE.htc); */
	/* uniquement ceux du BAS-COTE, dans l'ordre: Arrondissement CSS 3, ombrage */
	border-radius: 0px 0px 3px 3px;
	/* uniquement IE 9 et inférieurs : hack CSS = \9 à la fin des paramètres CSS */
	/* uniquement Firefox et les autres navigateurs : hack CSS = !important; + propriété au début */
	/* pour le hack Firefox uniquement, il faut écrire: par exemple: box-shadow: 1px 1px 8px #060077 !important; */
	box-shadow: 1px 0px 15px #060077\9 !important; box-shadow: 1px 1px 8px #060077;
}
/* redesign menuBox (LP-Divertissements)
*Stop*/
/* -> OSC-12 : Arrondissement des angles pour le visuel du site */

/* -> OSC-45: Modification de l'intitulé du message préventif de Date D'évènement obligatoire (du à la non-compréhension de certains clients)
 // système d'infobulle
 // basé sur le travail réalisé dans la tâche OSC-29 par Vincent Detzel.
 // copié/collé pur.
 // modification de la position de l'infobulle
 // changement du nom de la classe initiale (infobulle) par (dov_infobulle) */
a.dov_infobulle {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px #c8d0ff solid;
}
a.dov_infobulle span {
display: none;
}
a.dov_infobulle:hover {
background: none; /* contournement d’un bogue d’IE */
z-index: 500;
}
a.dov_infobulle:hover span {
display: inline;
position: absolute;
z-index: 500;
top: -21em;
left: -15em;
background: #c8d0ff;
text-align: left;
padding: 1em;
width: 500px;
letter-spacing: 1px;
 /* style de bordures arrondies, comme celle des boite de menu du site */
	/* uniquement IE -anciennes versions- (forcing) : utilisation de la bibliothèque magique: CSS3 PIE */
	/* behavior: url(design/webMods/css3-PIE/PIE.htc); */
	/* uniquement ceux du HAUT-COTE-DROIT, dans l'ordre: Arrondissement CSS 3, ombrage */
	border-radius: 3px 3px 3px 3px;
	/* uniquement IE 9 et inférieurs : hack CSS = \9 à la fin des paramètres CSS */
	/* uniquement Firefox et les autres navigateurs (Safari, Chrome, Opera mobile) : hack CSS = !important; + propriété au début */
	/* pour le hack Firefox uniquement, il faut écrire: par exemple: box-shadow: 1px 1px 10px #060077 !important; */
	box-shadow: 1px 0px 15px #060077\9 !important; box-shadow: 1px 1px 8px #060077;
}
/* <- OSC-45: Modification de l'intitulé du message préventif de Date D'évènement obligatoire (du à la non-compréhension de certains clients) */

/* -> OSC-78: Gestion de catégories réservées aux professionnels */
span.pro_category_layer_1 {
 color: orange;
 text-shadow: -1px -1px white, 0px 1px gold;   
}
span.pro_category_layer_2 {
 color: orange;
 text-shadow: 0px -1px white, 0px 1px orange;
}
/* <- OSC-78: Gestion de catégories réservées aux professionnels */

@media all and (max-width:500px) {
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
}



.myButton {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #060077), color-stop(1, #1e62d0));
  background:-moz-linear-gradient(top, #060077 5%, #1e62d0 100%);
  background:-webkit-linear-gradient(top, #060077 5%, #1e62d0 100%);
  background:-o-linear-gradient(top, #060077 5%, #1e62d0 100%);
  background:-ms-linear-gradient(top, #060077 5%, #1e62d0 100%);
  background:linear-gradient(to bottom, #060077 5%, #1e62d0 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#060077', endColorstr='#1e62d0',GradientType=0);
  background-color:#060077;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  border:1px solid #337fed;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:15px;
  font-weight:bold;
  padding:6px 24px;
  text-decoration:none;
  text-shadow:0px 1px 0px #1570cd;
}
.myButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #060077));
  background:-moz-linear-gradient(top, #1e62d0 5%, #060077 100%);
  background:-webkit-linear-gradient(top, #1e62d0 5%, #060077 100%);
  background:-o-linear-gradient(top, #1e62d0 5%, #060077 100%);
  background:-ms-linear-gradient(top, #1e62d0 5%, #060077 100%);
  background:linear-gradient(to bottom, #1e62d0 5%, #060077 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#060077',GradientType=0);
  background-color:#1e62d0;
}
.myButton:active {
  position:relative;
  top:1px;
}



#form{
  width:100%;
}
#request {
    position: absolute;
    width:60%;
}
#img {
  float:right;
    margin-left:60%;
}