/*
  $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, sans-serif; font-size: 10px; }
.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;
  font: normal 12px Verdana,Arial,Helvetica, sans-serif; 
  float:center; 
  text-align:center; 
  color:#000000
}

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

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

FORM {
	display: inline;
}

TR.header {
  background: #CCCCCC;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
}

.infoBox {
  background: #000000;
}

.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: #FF0000;
  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: #000000;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FF0000;
  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: 10px;
}

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



table.tabcentre { margin-left: auto; margin-right: auto;border-style:solid; border-width:1px; border-color:#000000 ;border-collapse:collapse; }
table.tabcentre1 { margin-left: auto; margin-right: auto;}
.t1 {border-style:solid; border-width:1px; border-color:#FF6600;border-collapse:collapse;}
.t2 {border-style:solid; border-width:1px;border-color:#FF6600;border-collapse:collapse;background-color:#ffffff;}
.t3 {border-style:solid; border-width:1px;border-color:#FF6600;border-collapse:collapse;background-color:#FF6600;}

.tabcentre1 a ,.tabcentre1 a:active{color:#FFFFFF;}
.column_left,.column_right{background:#F8F8F9;}

h2 { font:bold 15px Verdana, Arial, Helvetica, sans-serif; text-align:center}

h3 { font:normal 14px Verdana, Arial, Helvetica, sans-serif; clear: both; margin:5px 0 0 0;color:#fff; font-weight:bold; font-variant:small-caps; text-align:center; height:20px}

h3 a {color:#BA1A1A;}

#page { width:992px; background: transparent url('images/page.gif') repeat-y; margin:0 auto}

#entete { width:992px; height:184px; background: transparent url('images/entete.jpg') no-repeat; clear:both; }

#menu {width:311px; height:315px; background: transparent url('images/menu.gif') no-repeat; float:left; }

#titre {width:681px; height:47px; background: transparent url('images/fond-titre.gif') no-repeat; float:left;}

#titre img { border:none}


#contenu {width:630px; min-height:288px; _height:288px; float:center; padding:10px 30px 0 10px; _padding:10px 30px 0 10px}

#contenu p { padding:0 0 15px 0; line-height:16px; }

#contenu a { color:#000000 }

#bas {width:992px; height:52px; background: transparent url('images/bas.gif') no-repeat; clear:both;}

#altitudeux { text-align:center; padding:2px 0; color:#000000; font:normal 9px Verdana, Arial, Helvetica, sans-serif}

#altitudeux a {  color:#000000}

#altitudeux img { vertical-align:middle; border:none}

#menubas { text-align:center; padding:2px 0 5px 0; color:#000000; font:normal 9px Verdana, Arial, Helvetica, sans-serif}

#menubas a {  color:#000000}

.border_black { border:2px solid #000000; padding:10px;}

.rouge { color:#BA1A1A; font-weight:bold}

.organiser { padding: 15px 0 0 0; font:bold italic 16px Verdana, Arial, Helvetica, sans-serif; width:565px; margin:0 auto}



/*/////////////////////////////////////////////// formulaire nos offres //////////////////////////////////////////////////////////////////*/
	
#nos_offres { padding:0 10px; margin:0;  text-align:center; clear:both; }

.input_nos_offres { width:96px; height:13px; padding:0 0 0 0 }

.select_nos_offres { width:130px; height:18px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }

optgroup { margin:5px 0 0 0; font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

.double { float:left; width:320px; padding: 0 0 0 10px }

.double2 { float:left; width:160px; padding: 0 0 0 0; height:190px;}

.overflow { overflow:auto}

.div_nos_offres { float:left; width:180px; display:block; height:25px; padding:3px 0 0 0 }

.checkbox { display:block; float:left; width:55px; _width:50px }

.selpage { font-weight:bold; }

.img_nos_offres { border:1px solid #000 }

.offres { width:780px; clear:both; margin: 0 auto 10px auto; background:#000000; padding:0 0 5px 0; border:1px solid #fff; color:#fff;font-size: 11px;text-align:left}
.offres_detail { width:590px; clear:both; margin: 0 auto 10px auto; background:#fa9f3d; padding:0 0 5px 0; border:1px solid #fff; }

.image_offres { width:150px; float:left; valign:top; padding:5px 0 0 5px; text-align:center }

.description_offre { width:600px; float:left; padding:5px 5px 0 10px;font-size: 11px}

.infos_offres { height:30px; background:#FF0000; clear:both; border-bottom:1px solid #fff }
.infos_offres_detail { height:30px; background:#d46d00; clear:both; border-bottom:1px solid #fff }

.carre_offres { width:20px; height:30px; background:#AD343B; float:left }
.carre_offres_detail { width:20px; height:30px; background:#AD343B; float:left }

.ref_offres { float:left; width:33%; text-align:left; padding:5px 0 0 10px; font-weight:bold; color:#fff; }
.secteur_offres { float:left; width:33%; text-align:center; padding:5px 0 0 0; font-weight:bold; text-align:center; color:#fff; }
.prix_offres { float:left; width:33%; text-align:right; padding:5px 0 0 0; font-weight:bold; color:#fff; }

.prix_offres { float:left; width:30%; text-align:right; padding:5px 0 0 0; font-weight:bold; }

.offres_gauche { float:left; width:170px; height:100%; padding:10px 10px 0 10px ;  font-size:12px }
.offres_gauche_detail { float:left; width:200px; height:100%; padding:5px 10px 0 10px ;  font-size:12px }

.offres_gauche img { margin:0 0 10px 0; border:1px solid #000}

.offres_droite {float:left; width:560px; padding:5px 5px 0 5px; text-align:left; font-size:12px}
.offres_droite_detail {float:left; width:360px; padding:5px 5px 0 5px; text-align:left; font-size:12px}

.offres_droite img { margin:0 0 10px 0; border:1px solid #000}

.autourpays { padding:10px}

.pays { clear:both; padding:5px 0px 5px 15px;}

.difpays { float:left; width:200px; padding:0 0 0px 0}

.difpays ul {background: transparent url('images/fond-ul.gif') repeat-y;}

.difpays li { list-style: none; background: transparent url('images/puce.gif') no-repeat 3px 4px; text-indent:11px; padding: 0 10px 0 3px; text-align:left }

.basul { clear:both; background:transparent url('images/fond-h3.gif') no-repeat 0px bottom; height:10px}


/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////// plan du site //////////////////////////////////*/

#page2 { width:713px; background: transparent url('images/page2.gif') repeat-y; margin:0 auto}

#entete2 { width:713px; height:184px; background: transparent url('images/entete2.jpg') no-repeat; clear:both; }

#titre2 {width:713px; height:47px; clear:both; }

#contenu2 {width:640px; min-height:288px; _height:288px; background: transparent url('images/contenu2.jpg') no-repeat; clear:both; padding:0 35px 0 38px }

#contenu2 p { padding:0 0 15px 0; line-height:16px; }

#contenu2 a { color:#000000 }

#bas2 {width:713px; height:52px; background: transparent url('images/bas2.gif') no-repeat; clear:both;}

/*/////////////////////////////////////// fin plan du site //////////////////////////////////*/

10px Verdana, Arial, Helvetica, sans-serif; }

.separation { padding:0 0 6px 0; clear:both }

.separation div { border-bottom: 1px dashed #042946; padding:5px 0 0 0; }

.separation2 { padding:0 0 6px 0; clear:both }

.separation2 div { border-bottom: 1px solid #042946; padding:5px 0 0 0; }

.div_form { clear:both; }

.coordonnees { display:block; width:265px; background:  transparent url('images/coordonneesie.jpg') no-repeat 0 9px; color:#042946; height:14px; font:  italic bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 0px; margin:-10px auto 0 auto; _margin:-10px auto 0 auto; text-transform:uppercase; z-index:20; position:relative;  }

.coordonnees2 { display:block; background:#EEF5FB; width:110px; color:#042946; height:14px; font:  italic bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 2px 2px 10px; margin:-10px 0 0 5px; _margin:-10px 0 0 2px; text-transform:uppercase; z-index:20; position:relative; border-left:3px solid #042946; float:left; }

#mention { text-align:center; padding: 0 10px 10px 10px;  border-bottom:3px solid #042946; border-right:1px solid #042946; border-top:1px solid #042946; border-left:1px solid #042946;color:#042946; line-height:14px; }

#mention a { color:#042946 }

#autourmention { padding:0; width:600px; clear:both; margin:0 auto; color:#FFFFFF;font-size: 12px;text-align:left}}