
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/* Mise en forme de la page */



body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;	

	margin-bottom: 0px;

	background-color:#EDEDED;

}





/* Mise en forme des textes */





/* texte par d?faut des "P"aragraphe */

p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align:justify;

	color: #646464;

}





/* titre H1 */

h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	color: #1955A3;

	font-weight: bold;

}





/* autre textes */



.rubrique {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight:bold;

	color: #828490;

}



.textePetit {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #646464;

}







p#footer {

	vertical-align: super;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #545A6F;

}









/* Liens par d?fault */



a:link {

	color: #1955A3;

	text-decoration: underline;

}



a:visited {

	color: #1955A3;

	text-decoration: underline;

}

a:hover {

	color: #1955A3;

	text-decoration: none;

}







/* Liens pour menu - Doir ?tre appliqu? sur la cellule ou tableau est non sur le texte*/



.menu {

line-height: 25px !important;

}



.menu a:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #1955A3;

	text-decoration: none;

}



.menu a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #1955A3;

	text-decoration: none;

}



.menu a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #000000;

	text-decoration: none;

}





.menup {

line-height: 15px !important;

}



.menup a:link {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #1955A3;

	text-decoration: none;

}



.menup a:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #1955A3;

	text-decoration: none;

}



.menup a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000000;

	text-decoration: none;

}





.photosPositionnementDROIT {

float:right;

margin-left: 15px;

margin-bottom: 15px;

}



.photosPositionnementGAUCHE {

float:left;

margin-right: 15px;

margin-bottom: 15px;

}



.tiret {

border-top: dashed 1px;

border-top-color: #AFADA2;

}





.bgNoRepeat {

background-repeat:no-repeat;

}









.boiteFormulaire {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	color: #848692;

	border: 1px solid #c5c7cb;

	background-color: #ffffff;

}



.formulaire {

	margin: 0 0 0 0;

	padding: 0 0 0 22px;

}

/*
  $Id: stylesheet.css,v 1.52 2003/02/13 13:54:41 project3000 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, sans-serif; font-size: 8pt; }
.errorBox { font-family : Arial, sans-serif; font-size : 9pt; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, sans-serif; font-size : 9pt; color: #cc0033; }
.productsNotifications { background: #C2CCE3; }
.orderEdit { font-family : Arial, sans-serif; font-size : 9pt; color: #D42407; text-decoration: underline; }

BODY {
	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;	

	margin-bottom: 0px;

	background-color:#EDEDED;
}

UL {
  margin: 5px ;
  padding: 8px ;
  list-style-type: none ;
}

LI {
  list-style-image : url(templates/puce1.gif);
  padding-left: 5px;
  list-style-type: none;
}
  
A { 
  color: #000000;  /* Couleur de police du lien  */
  text-decoration: underline;  /* Lien souligné ou pas...  */
  font-weight: bold;
  font-size : 8pt;
  font-family: Arial, sans-serif;
}

A.a_important { 
  color: #E33848;  /* Couleur de police du lien  */
  text-decoration: underline;  /* Lien souligné ou pas...  */
  font-weight: bold;
  font-size : 8pt;
  font-family: Arial, sans-serif;
}

A.a_important:hover {
  text-decoration: none;  /* Lien souligné ou pas...  */
  color: #E33848;
}

A:hover {
	color: #1955A3;

	text-decoration: none;

}

FORM {
	display: inline; /* ?  */
}

/* Ligne de tableau qui contient le logo OSCommerce */
TR.header {
  background: #FFFFFF; /* Fond de la ligne du tableau qui contient le logo  */
}


TR.headerNavigation {
  background: #FFFFFF; /* Fond de la cellule du tableau qui contient le logo  */
}

/* Cellule qui contient le lien de navigation avec les liens mon compte / panier / commander */
TD.headerNavigation {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  /* background: #154E93; */
  background: #BDBCBC; /* Couleur de fond de la cellule  */
  color: #D42407; /* Couleur de la police  */
  font-weight : normal; /* Poids de la police  */
  border-bottom: 0px solid #7E7D7D; /* Bordure de la cellule  */
}

/* Cellule de colonne */
TD.colonne {
  background: #F1F1F1;
  /* background-image: url("templates/fond_colonne.jpg"); */
/*  background-attachment: fixed; */ 
/*  background-repeat: no-repeat; */
/*  background-position: top; */
  border-right: 1px solid #E1E1E1; 
}

TD.titre_menu {
  background: #DADEE1;
  background-image: url("templates/fond_titre_menu.jpg"); */
  padding-left: 15px;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #D10707;
}

TD.titre_gamme {
  padding-left: 15px;
  font-family: Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #D10707;
  border-bottom: 2px solid #B1B1B1; 
  /* border-top: 2px solid #B1B1B1; */
}

TD.menu_item {
  height: 20px;
  vertical-align: middle;
}

TD.contenu_utile {
  background: #DADEE1;
  align: center;
}

TD.partners {
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  font-weight: bold;
  color: #D1D1D1;
}

TD.partners_bgrd {
  /* background: #DADFE2; */
  padding-top: 2px;
  padding-bottom: 4px;
  padding-right: 6px;
  /* border-top: 1px solid #1A1C28; */
  /* border-bottom: 1px solid #1A1C28; */
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  font-weight: bold;
  color: #D1D1D1;
}

TD.copyright {
  background: #DADFE2;
  padding-right: 6px;
  border-top: 1px solid #1A1C28;
  /* border-bottom: 1px solid #1A1C28; */
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  font-weight: bold;
  color: #F1F1F1;
}

a.mainlevel:link, a.mainlevel:visited, a.mainlevel1:link, a.mainlevel1:visited {
  display: block;
  background: url(/catalog/templates/menu_bg.png) no-repeat;
  font-size: 8pt;
  font-family: Arial, sasn-serif;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  padding-top: 2px;
  padding-left: 18px;
  height: 20px !important;
  width: 100%;
  text-decoration: none;
}

a.mainlevel2:link, a.mainlevel2:visited {
  display: block;
  background: url(/catalog/templates/menu_bg2.png) no-repeat;
  font-size: 8pt;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  padding-top: 2px;
  padding-left: 27px;
  height: 20px !important;
  width: 100%;
  text-decoration: none;
}

a.mainlevel3:link, a.mainlevel3:visited {
  display: block;
  background: url(/catalog/templates/menu_bg3.png) no-repeat;
  font-size: 8pt;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  padding-top: 2px;
  padding-left: 36px;
  height: 20px !important;
  width: 100%;
  text-decoration: none;
}

a.mainlevel4:link, a.mainlevel4:visited {
  display: block;
  background: url(/catalog/templates/menu_bg4.png) no-repeat;
  font-size: 8pt;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  padding-top: 2px;
  padding-left: 45px;
  height: 20px !important;
  width: 100%;
  text-decoration: none;
}

a.mainlevel5:link, a.mainlevel5:visited {
  display: block;
  background: url(/catalog/templates/menu_bg5.png) no-repeat;
  font-size: 8pt;
  font-weight: bold;
  color: #FFFFFF;
  text-align: left;
  padding-top: 2px;
  padding-left: 54px;
  height: 20px !important;
  width: 100%;
  text-decoration: none;
}

a.mainlevel:hover, a.mainlevel1:hover {
  background-position: 0px -20px;
  text-decoration: none;
  color: #777777;
}

a.mainlevel2:hover {
  background-position: 0px -20px;
  text-decoration: none;
  color: #777777;
}

a.mainlevel3:hover {
  background-position: 0px -20px;
  text-decoration: none;
  color: #777777;
}

a.mainlevel4:hover {
  background-position: 0px -20px;
  text-decoration: none;
  color: #777777;
}

a.mainlevel5:hover {
  background-position: 0px -20px;
  text-decoration: none;
  color: #777777;
}

#active_menu {
  background-position: 0px -20px;
  text-decoration: none;
  color: #777777;
}

a#active_menu:hover {
  color: #777777;
}

A.headerNavigation { 
  color: #000000; /* Couleur du lien dans la barre de navigation  */
}

A.headerNavigation:hover {
  color: #555555; /* Couleur du lien dans la barre de navigation quand on passe dessus avec la souris  */
  
}

TR.headerError {
  background: #FFFFFF; /* ?  */
}

TD.headerError {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  /* background: #154E93; */
  background: white; /* Couleur de fond de la cellule  */
  color: #000000; /* Couleur de la police  */
  font-weight : bold; /* Poids de la police  */
  text-align : center; /* Alignement du texte  */
}

TR.headerInfo {
  background: #CCCCCC; /* Couleur de fond de ?  */
}

TD.headerInfo {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  background: #CCCCCC; /* Couleur de fond de la cellule  */
  color: #000000; /* Couleur de la police  */
  font-weight: bold; /* Poids de la police  */
  text-align: center; /* Alignement du texte  */
}

TR.footer {
  /* background: #154E93; */
  /* background: #BDBCBC; /* Couleur de fond  */
  /* background-image: url("templates/fond_footer.gif"); */
}

/* Cellule qui contient la date et le nombre de requêtes */
TD.footer {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  background: #F1F1F1;
  /* background: #BDBCBC; /* Couleur de fond  */
  color: #555555; /* Couleur de la police  */
  font-weight: normal; /* Poids de la police  */
  border-bottom: 1px solid #E1E1E1; */ /* Style de bordure  */
  border-top: 1px solid #E1E1E1; */ /* Style de bordure  */
}

TR.column {
  /* background: #154E93; */
  background: #FFFFFF; /* Couleur de fond  */
}

TD.column {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  /* background: #154E93; */
  background: #D42407; /* Couleur de fond  #C2CCE3*/
  color: #555555; /* Couleur de la police  */
  font-weight: normal; /* Poids de la police  */
  /*border-bottom: 1px solid #555555; /* Style de bordure  */
  /*border-top: 1px solid #555555; /* Style de bordure  */
}

TD.pied {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  /* background: #154E93; */
  background: #E1E1E1; /* Couleur de fond  #C2CCE3*/
  color: #555555; /* Couleur de la police  */
  font-weight: normal; /* Poids de la police  */
  text-align: center;
  /*border-bottom: 1px solid #555555; /* Style de bordure  */
  /*border-top: 1px solid #555555; /* Style de bordure  */
}

/* Contour de la cellule qui contient les lients et infos des rubriques (catégories/fabriquants...) */
.infoBox {
  /* background: #154E93; */
  /* background: #C2CCE3; /* Couleur de fond de ?  */
  /* border: 1px solid #C2CCE3; */
  /* border: 1px solid #555555; */
   
}

/* cellule qui contient les lients et infos des rubriques (catégories/fabriquants...) */
.infoBoxContents {
  /* background: #C6DBFF; */
  /* background: #C2CCE3; /* Couleur de fond de la cellule  */
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  color: black;
  /* border: 1px solid #C2CCE3; /**/
}

.infoBoxNotice {
  background: #C2CCE3; /* Couleur de fond de ? */
}

.infoBoxNoticeContents {
  /* background: #C2CCE3;
  /* background: #EFEFEF; /* Couleur de fond de la boite  */
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* taille de la police  */
}

/* Cellule qui contient le titre des boites */
TD.infoBoxHeading {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  font-weight: bold; /* Poids de la police  */
  /* background: #154E93; */
  /* background: #D42407; /* Couleur de fond de la cellule  */
  /* border: 1px solid #555555; */
  /* background-image: url("images/fond-colonnes.gif"); */
  color: black; /* Couleur de la police  */
  /* border: 1px solid #C2CCE3; */
  /* border-right: 1px solid #555555;
  border-left: 1px solid #555555;
  border-top: 1px solid #555555; */
  
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
}

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; /* Couleur de fond de la ligne  */
}

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: #ffffff; /* Couleur de fond de la ligne  */
}

TR.productListing-heading {
  background: #FFFFFF; /* Couleur de fond de la ligne de titre de liste des produits  */
}

/* Cellule qui contient les titres de la liste des produits trouvés */
TD.productListing-heading {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  /* background: #154E93; */
  background: #FFFFFF; /* Couleur de fond  */
  color: #000000; /* Couleur de la police  */
  font-weight: bold; /* Poids de la police  */
  /* font-variant: small-caps; */
}

TD.productListing-data {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  font-weight: bold;
/*  border-bottom: 1px solid #555555; */
}

/* Style des liens qui donnent accès aux pages du listing de produits */
A.pageResults { 
  color: #555555;  /* Couleur des liens produits trouvés ? */
  font-weight: bold;
  text-decoration: underline;
}

A.pageResults:hover { 
  color: #000000;  /* Couleur des liens produits trouvés quand on passe dessus avec la souris  */
  /* background: #FFFFFF;   Couleur de fond ?  */
  text-decoration: none; 
}

/* Titre de la page / rubrique */
TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 12pt; /* TAille de la police  */
  font-weight: bold; /* Poids de la police  */
  color: black; /* Couleur de la police  */
}

TR.subBar {
  background: #E5E5E5; /* Couleur de la ligne ?  */
}

TD.subBar {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  color: #000000; /* Couleur de la police  */
  background: #E5E5E5; /* Couleur de la ligne ?  */
}

TD.main, P.main {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  line-height: 1.2; /* Interligne  */
  text-align: justify;
}

TD.prix {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 10pt; /* Taille de police  */
  line-height: 1.2; /* Interligne  */
  color: #D10707;
  text-align: center;
  font-weight: bold;
}

P {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  line-height: 1; /* Interligne  */
}

TD.main2, P.main2 {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 9pt; /* Taille de police  */
  color: white;
  line-height: 1.2; /* Interligne  */
  text-align: justify;
}

P.titre {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 10pt; /* Taille de police  */
  line-height: 1.2; /* Interligne  */
  font-weight: bold;
}

TD.categorie, P.categorie {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  line-height: 1.5; /* Interligne  */
  border: 1px solid #B1B1B1; /* Définition de la bordure de cellule */
}

TABLE.categorie {
  border: 1px solid #B1B1B1;
  background: #F1F1F1;
}

DIV.categorie {
  border: 1px solid #B1B1B1;
  background: #F1F1F1;
}

TABLE.categorie_importante {
  border: 1px solid #B1B1B1;
  background: #F1F1F1;
}

TABLE.maintable {
  border: 1px solid #F1F1F1; 
  background: #F1F1F1;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
}

TD.accountCategory {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  color: #1A1C28; /* Couleur de police  */
  font-weight: bold;
}

TD.fieldKey {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  font-weight: bold; /* Poids de la police  */
}

TD.fieldValue {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
}

TD.tableHeading {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  font-weight: bold; /* Poids de la police  */
}

SPAN.newItemInCart {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  color: #ff0000; /* Couleur de police  */
}

CHECKBOX, RADIO, SELECT, INPUT { /* INPUT,  */
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* TAille de police  */
  border: 1px solid gray; /* Bordure des inputs  */
}

TEXTAREA {
  width: 100%; /* Largeur  */
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  border: 1px solid gray; /* Bordure  */
}

SPAN.greetUser {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  color: #555555; /* Couleur de police  */
  font-weight: bold; /* Poids de la police  */
}

/* Formulaire ou récapitulatif */
TABLE.formArea {
  /* background: #f1f9fe; */
  background: #F1F1F1; /* Couleur de fond du formulaire ?  */
  /* border-color: #7b9ebd; */
  border-color: #B1B1B1; /* Couleur de la bordure  */
  border-style: solid; /* Style de bordure  */
  border-width: 1px; /* Epaisseur de la bordure  */
}

/* Titre des différentes parties d'un formulaire */
TD.formAreaTitle {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  font-weight: bold; /* Poids de la police  */
}

SPAN.markProductOutOfStock {
  font-family: Arial, sans-serif; /* Type de police  */
  font-size: 8pt; /* Taille de police  */
  color: #EFEFEF; /* Couleur de police  */
  font-weight: bold; /* Poids de la police  */
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif; /* Type de police  */
  color: #ff0000; /* Couleur de la police  */
}

SPAN.errorText {
  font-family: Arial, sans-serif; /* Type de police  */
  color: #ff0000; /* Couleur de la police  */
}

.moduleRow { }
.moduleRowOver { background-color: #EFEFEF; cursor: hand; }
.moduleRowSelected { background-color: #EFEFEF; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 8pt; color: #555555; }
.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 8pt; color: #000000; }

div#left {
	float: left;
	height: 100px;
	width: 100%;
	background-color: black;
	padding: 1px;
}

div#right {
	float: right;
	height: 100px;
	width: 100%;
	background-color: black;
	padding: 1px;
}


