/* CSS Document */
/* Couleurs
vert 68a617 ancien
vert 369d88
Vert clair 45ccb1
gris clair (séparateur ) CCCCCC
gris très clair #fafafa;
bleu moyen 2385b9
*/

.table-color1 {
	border: solid 2px #2385b9;
	border-collapse: collapse;
}
.table-color1 td{
	text-align:left;
	padding:3px;
	border-bottom: dashed 1px #2385b9;
}
.table-color1 th{
	padding: 3px;
}
.entete-color1 {
	color: #ffffff;
	font-weight: bold;
	background-color: #2385b9;
	padding:3px;
}

.ligne-form-clair {
	background-color: #fafafa;
}

.ligne-form-fonce {
	background-color: #f1f1f1;
}

.legende {
	font-size: 90%;
	font-weight:normal;
	font-style:italic;
}
.cell-nopadding {
	padding: 0px;
}
.cell-padding-left {
	padding-left: 3px;
}
.span-btn-ok {
	padding-top: 3px;
	line-height: 30px;
}

#barre-contenu{
	font-weight:bold;
	padding: 6px;
	border: solid 2px #2385b9;
	text-align:left;
	margin:auto;
	width: 97%;
}

#barre-contenu a:visited{
	color: #4d4d4d;
}

#barre-contenu a:hover{
	color: #369d88;
}
#barre-contenu p {
 margin:0;
}
#tete {
	width: 100%;
	/*position: relative;*/
}

.legende-article {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #4d4d4d;
	text-align:right;
  padding-left: 5px;
  font-weight: bold;
	border-left :  1px #369d88 solid;
}

.item {
  display: block;
  width: 100%;
}

a.item:link, a.item:visited {
  display: block;
  background-color: transparent;
  font-weight: bold;
  text-decoration: none;
}

a.item:hover {
  display: block;
  background-color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  color:#369d88;
}

.title2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #4d4d4d;
  font-weight: bold;
  text-decoration: underline;
}

.title-rayons {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14pt;
  color: #4d4d4d;
  text-decoration: underline;
}

.sstitle-rayon {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 115%;
  color: #4d4d4d;
  font-weight: bold;
  text-decoration: underline;
}

.sstitle2-rayon {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: #4d4d4d;
  font-weight: bold;
  text-decoration: underline;
}

.table-rayons {
	border: 1px #2385b9 solid;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.table-rayon {
	border: 1px #2385b9 solid;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.table-fiche {
	margin:auto;
}

.ligne-claire {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #4d4d4d;
	background-color: #FAFAFA;
	padding: 2px;
	text-align: center;
}

.ligne-fonce {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #4d4d4d;
	background-color: #F1F1F1;
	padding: 2px;
	text-align: center;
}
.table-fiche input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	vertical-align: middle;
}
#cdeprod {
	margin-right: 2px;
}

#accroche {
	text-align: center;
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.rayon {
	font-size: 8pt;
	padding: 3px;
	border: 1px solid #369d88;
	width: 100%;
/*	position: relative;*/
}

.tete-rayon {
	line-height: 15px;
	font-weight: bold;
	color: #ffffff;
	background-color: #369d88;
	width: 50%;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
}
.tete-rayon a {
	color: #ffffff;
}
.tete-rayon a:visited {
	color: #ffffff;
}
.tete-rayon a:hover {
	color: #88d91e;
}

.img-rayon {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #369d88;
	margin-right: 3px;
	padding-right: 3px;
}

.liens-rayon {
	margin-left: 3px;
	padding-left: 3px;
}

.liens-rayon a {
	color: #2385b9;
}
.liens-rayon a:visited {
	color: #999999;
}

.liens-rayon a:hover {
	color: #4d4d4d;
}

.lien-news {
	background-image: url(/images/picto/new_rouge.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding-left: 40px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 30px;
}
.lien-news a {
	color: #2385b9;
}
.lien-news a:hover {
	color: #369d88;
}

#rayons-accueil {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 95%;
	padding: 0px;
}

#rayons-accueil td {
	padding: 0px;
	text-align: left;
	width: 50%;
	vertical-align: top;
}

.promos-accueil {
	border: 1px solid #2385b9;
	background-color: #fafafa;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	width: 90%;
}
.promos-accueil td {
	text-align: center;
	width: 50%;
	vertical-align: top;
	padding-bottom : 5px;
	padding-top : 5px;
	padding-left : 2px;
	padding-right : 2px;

}
.promos-accueil th {
	text-align: center;
	width: 100%;
	/*color: #2385b9;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2385b9;
	padding: 3px;
}

.promo-accueil {
/*	float:left;
	width: 47%;
	height: 185px;*/
	font-size: 8pt;
	text-align:left;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 1%;
}

.promo {
	background-color: #ffffff;
	padding: 3px;
	border-top: 1px solid #2385b9;
	border-bottom: 1px solid #2385b9;
	overflow: visible;
	height: 1%;
}
.tete-promo {
	line-height: 15px;
	font-weight: bold;
	color: #333333;
	width: 50%;
	text-align: left;
	padding-right: 3px;
	padding-left: 3px;
}
.tete-promo a {
	color: #4d4d4d;
}
.tete-promo a:visited {
	color: #4d4d4d;
}
.tete-promo a:hover {
	color: #369d88;
}

.img-promo {
	float: left;
	margin-right: 10px;
	padding-right: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 3px;
	/*position: absolute;*/
}

.prix-article {
	margin-left: 3px;
	padding-left: 3px;
/*	border: 1px solid #000000;*/
	text-align: right;
	margin-right: 10px;
}
.montant-ttc {
	font-size: 170%;
	font-weight:700;
}
.ancien-ttc {
	font-size: 120%;
	text-decoration:line-through;
	color:#FF6666;
	font-weight:700;
}

.prix-taxe-eco {
	font-size: 90%;
	font-style:italic;
	margin-left: 3px;
	padding-left: 3px;
/*	border: 1px solid #000000;*/
	text-align: center;
}

/*.lien-promo {
	background-image: url(/images/icones/panier24.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 27px;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 32px;
}
a.lien-promo {
	color: #2385b9;
}

a.lien-promo:hover {
	color: #369d88;
}*/
.cde {
	padding: 0px;
	margin-top: 5px;
	text-align:right;
}
.btn-cde {
	margin-top: 0px;
}

.qte-cde {
	font-size: 9pt;
	padding-top: 0px;
	margin-top: 3px;
}
.dispo-promo {
	font-weight:bold;
	font-size: 120%;
	color: #369d88;
	text-align:center;
}
.des-promo {
	font-weight:bold;
}

#lien-promo {
	clear: both;
	margin-top : 5px;
}

#document {
	font-size: 8pt;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	width: 95%;
}

#moteur {
	font-size: 8pt;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width: 90%;
}

#lib-moteur{
	line-height: 20px;
	vertical-align: middle;
	padding-top: 8px;
}
#img-rech {
	float:left;
	top: 0px;
}

#moteur-rayon {
	border: solid 2px #2385b9;
	/*background-color: #fafafa;*/
	padding:3px;
}
#result {
	font-size: 8pt;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	width: 95%;
}

#infos-cde {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width: 95%;
	line-height:20px;
	vertical-align: middle;
	padding-top: 8px;
	list-style-image: url(/images/icones/info16.png);
	list-style-type:circle;
	margin-bottom: 5px;
	list-style-position: inside;
	text-indent: 0px;
}
#infos-selection {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width: 95%;
}
#icon-infos-cde {
	margin-top: 5px;

}
#texte-dispo {
	background-image: url(/images/icones/dispo-16.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	text-align:center;
	/*width: 100%;*/
	padding-top: 3px;
	padding-left: 19px;
	padding-bottom: 3px;
	height: 20px;
	line-height: 20px;
}
.entete-query {
	color: #ffffff;
	font-weight: bold;
	background-color: #2385b9;
}

.entete-query td {
	padding: 2px;
	text-align:center;
}
.cell-query {
}

.ligne-query-clair {
	background-color: #fafafa;
}

.ligne-query-fonce {
	background-color: #f1f1f1;
}

.col-query-clair {
	background-color: #ffffff;
	border-bottom: dashed 1px #2385b9;
	padding-left: 3px;
}

.col-query-fonce {
	background-color: #f1f1f1;
	border-bottom: dashed 1px #2385b9;
	padding-left: 3px;
}

.col-query-ancien-ttc {
	background-color: #ffffff;
	color: #FF6666;;
	padding-left: 3px;
	text-decoration:line-through;
	text-align: center;

}

.col-query-ttc {
	background-color: #ffffff;
	color: #2385b9;
	font-size: 110%;
	padding-left: 3px;
	text-align: center;
}

.col-query-prixsite {
	background-color: #ffffff;
	color: #2385b9;
	border-bottom: dashed 1px #2385b9;
	padding-left: 3px;
	text-align: center;
	font-weight:bold;
}

.col-query-fonce img{
	margin-top: 2px;
	margin-bottom: 2px;
}

.col-query-clair img{
	margin-top: 2px;
	margin-bottom: 2px;
}

.table-result {
	border: solid 2px #2385b9;
	border-collapse: collapse;
}

.table-result a{
	color: #2385b9;
}

.table-result a:hover{
	color: #369d88;
}

#cur-rech {
	text-align:center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	width:95%;
}
#last-rech {
	text-align:left;
	/*margin-bottom: 10px;
	margin-top: 10px;*/
	font-weight:bold;
}

#cur-rech img{
	margin-top: 10px;
}

#cur-rech a:visited{
	color: #4d4d4d;
}

#cur-rech a:hover{
	color: #369d88;
}

/* ------ */
/* Panier */
/* ------ */

#img-panier {
	margin-bottom: 5px;
}

#voir-panier {
	font-size: 8pt;
	text-align:left;
	/*border: solid 1px #2385b9;*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	width: 90%;
}

#rappel-panier {
	text-align:center;
	/*font-size:130%;*/
	font-weight: bold;
	margin-top: 10px;
}
#rappel-panier p{
	font-size:130%;
}

.col-panier-clair {
	background-color: #ffffff;
	border-bottom: dashed 1px #2385b9;
	padding: 3px;
}

.col-panier-fonce {
	background-color: #f1f1f1;
	border-bottom: dashed 1px #2385b9;
	padding: 3px;
}

.col-panier-qte {
	background-color: #f1f1f1;
	border-bottom: dashed 1px #2385b9;
	padding: 3px;
}
.col-panier-del {
	background-color: #f1f1f1;
	border-bottom: dashed 1px #2385b9;
	padding: 3px;
}

.ligne-totaux-clair {
	background-color: #fafafa;
	text-align:right;
}
#totaux-voir-panier {
	border: solid 2px #2385b9;
}
.ligne-totaux-fonce {
	background-color: #f1f1f1;
	text-align:right;
}
.ligne-totaux-ttc {
	background-color: #f1f1f1;
	text-align:right;
	font-weight:bold;
}

/* --------- */
/* Commandes */
/* --------- */

.addr-cde {
 background-color: #fafafa;
 border : solid 1px #2385b9;
 border-collapse:collapse;
 width:100%;
}
.addr-cde th{
	border : solid 1px #2385b9;
	padding: 5px;
}
.addr-cde td{
	padding: 10px;
}
.addr-cde p{
	background-color: #ffffff;
	border-top : solid 1px #2385b9;
	border-bottom : solid 1px #2385b9;
}
#livraison {
	margin-bottom: 10px;
}

#msg-confirm {
	text-align:center;
	font-weight:bold;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 90%;
}
#msg-info-cde {
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 90%;
}

/*------------------*/
/*     Compte       */
/*------------------*/

/*  Coordonnées     */


.adresse {
	background-color: #fafafa;
	border : solid 1px #2385b9;
	border-collapse:collapse;
	padding: 5px;
}

.adresse th{
	background-color: #fafafa;
	color : #2385b9;
	text-align:center;
	border : solid 1px #2385b9;
	padding: 5px;
}

.adresse td {
	padding-left: 5px;
}

#fonctions-cpte {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}

#menu-cpte {
	text-align:center;
}

#liens-menu-cpte {
	text-align:center;
	border-top : solid 1px #2385b9;
	border-bottom : solid 1px #2385b9;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	width: 70%;
}
#table-menu-cpte {
	margin-left:auto;
	margin-right:auto;
}
#table-menu-cpte td{
	vertical-align:bottom;
	text-align:center;
	padding:10px;
}
#table-menu-cpte img{
	margin-bottom:2px;
}
#table-menu-cpte a {
	color: inherit;
	border : solid 1px #ffffff;
	padding: 2px;
	display:block;
	/*width:100%;*/
}
#table-menu-cpte a:hover {
	border : solid 1px #369d88;
	color:#369d88;
}
#table-menu-cpte a.menu-selected {
	border : solid 1px #369d88;
}

#info-page p{
	text-align:left;
	border : solid 1px #2385b9;
	padding: 5px;
	margin: 20px;
}

/* Sélection */

.col-select-qte {
	text-align:center;
	background-color: #f1f1f1;
	border-bottom: dashed 1px #2385b9;
	padding: 3px;
}
.col-select-qte img{
	margin:0;
}
.col-select-del {
	background-color: #f1f1f1;
	border-bottom: dashed 1px #2385b9;
	padding: 3px;
}

.col-cpte-fonce {
	text-align:center;
	background-color: #f1f1f1;
	border-bottom: dashed 1px #2385b9;
	padding: 3px;
}
.col-cpte-clair {
	text-align:center;
	background-color: #ffffff;
	border-bottom: dashed 1px #2385b9;
	padding: 3px;
}
.pages {
	text-align:center;
}
#modif-pwd {
	text-align:center;
}
#table-pwd {
	margin:auto;
	text-align:left;
}

#pwd-envoi {
	text-align:center;
}
#msg-envoi-pwd {
	text-align:center;
	margin:auto;
}
/*------------------*/
/*   Textes infos   */
/*------------------*/

/*   CGV   */

#cgv {
	text-align:justify;
}
#cgv ul {
	margin-left:20px;
}

#societe {
	text-align:left;
	margin:auto;
	border : solid 1px #2385b9;
	width:50%;
	padding: 10px;
}
#table-mails td {
	padding: 2px;
}

/*   Paiements    */

.paiement {
	border : solid 1px #2385b9;
	padding: 10px;
	overflow:auto;
}

.paiement img {
	top:0px;
	float:left;
}
.paiement p {
	margin-left: 157px;
}

.livraison {
	border : solid 1px #2385b9;
	padding: 10px;
}

.livraison img {
	float:left;
}
.livraison p {
	margin-left: 110px;
}

.livraison  ul {
	margin-left: 110px;
}
#passer-cde {
	font-size: 8pt;
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	width: 90%;
}
/*#passer-cde p, #passer-cde strong, #passer-cde a, #passer-cde li{
	font-family: "Century Gothic", Helvetica, sans-serif;
	font-size: 13px;
}*/

/*   fiche article   */
/*-------------------*/
#fiche {
	text-align:center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#corps-fiche {
	padding-right: 10px;
}
#table-desc {
	width:100%;
	margin-bottom: 10px;
	margin-top: 10px;
}
#table-desc td {
	text-align:left;
}
#table-desc th{
	font-weight: bold;
	color:#2385b9;
	border : solid 1px #2385b9;
}
#description {
	margin-top: 5px;
	margin-bottom: 10px;
}
#bandeau-entete-prod {
	background-image: url(/images/img-tetemenu.png);
	border: 2px solid #00679e;
	height: 18px;
}
#bandeau-entete-select {
	background-image: url(/images/img-tetemenu.png);
	border: 2px solid #00679e;
	height: 12px;
}

.cross-links-fiche {
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;	
}
.cross-links-fiche h3 {
	text-align:center;
	text-decoration:underline;
	margin-top:0;
}

.links-fiche {
	list-style-image: none;
	list-style-type: none;
	margin:0;
}
.links-fiche li{
	margin:1px;
	font-size: 90%;
	font-weight:normal;
	text-decoration:underline;
}
.links-fiche a{
	font-weight:normal;
	text-decoration:underline;
}

/*   E-Mails   */
/*-------------*/

#cadre-email {
	border : solid 1px #2385b9;
}
#table-email {
	background-color: #fafafa;
	border : solid 1px #2385b9;
	border-collapse:collapse;

}
#table-email th{
	background-color: #fafafa;
	color : #2385b9;
	text-align:center;
	border : solid 1px #2385b9;
	padding: 5px;
}

/*   Paiement CB   */
/*-----------------*/

#choix-cb {
	margin-left:auto;
	margin-right:auto;
}