<!--
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    background-color: #cfeacb;
    text-align: center;
}

a:link,a:visited {
    cursor: pointer;
    color: #006699;
    text-decoration: none
}
a:hover,a:active {
    cursor:pointer;
    color: #ff9933;
    text-decoration: underline
}

form {
    margin: 0px;
    padding: 0px
}

img {
    border: 0px
}

#divMain {
    margin-top: 10px;
    margin: 0px auto;
    text-align: left;
    border:solid 1px #7e7e7e;
    width: 980px;
    background-color: white;
    background-image: url('../images/fond.jpg');
    background-repeat: no-repeat
}

#divLogo {
    text-align: center;
    margin-top: 5px
}
#divBtnTop {
    margin-bottom: 25px
}
#divBtnAccueil {
    position:relative;
    float: left;
    margin-top: -40px
}
#divBtnClient {
    position:relative;
    float: right;
    margin-top: -40px
}

#divSpacer {
    height: 25px
}

#divCentre {
    width: 610px;
    margin-left: 185px;
    !width: 600px;
}

.centreHaut {
    height: 31px;
    padding-top: 5px;
    background-image: url('../images/centreHaut.png');
    !background-image: url('../images/centreHautIE.gif');
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
}
.centreHautbtnGauche {
    float: left;
    margin-top: -30px
}
.centreHautbtnDroite {
    float: right;
    margin-top: -30px;
    margin-right: -25px;
}
.centreMilieu {
    margin-top: -5px;
    padding: 5px;
    background-image: url('../images/centreMilieu.png');
    !background-image: url('../images/centreMilieuIE.gif')
}
.centreBas {
    height: 21px;
    background-image: url('../images/centreBas.png');
    !background-image: url('../images/centreBasIE.gif')
}

#divRecherche {
    background-image: url('../images/boiteRecherche.png');
    background-repeat: no-repeat;
    width: 183px;
    height: 41px
}
*html #divRecherche {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/boiteRecherche.png', sizingMethod='crop')
}

#divVignette {
    width: 180px;
    border: 1px solid red;
}
.vignetteHaut {
    height: 31px;
    width: 180px;
    background-image: url('../images/vignetteHaut.jpg');
    background-repeat: no-repeat;
    font-weight: bold;
    text-align: center;
    overflow: hidden
}
.vignetteMilieu {
    width: 180px;
    background-image: url('../images/vignetteMilieu.jpg');
    background-repeat: repeat-y;
    text-align: center;
}
.vignetteMilieu img {
    margin: 3px;
}
.vignetteBas {
    width: 180px;
    height: 21px;
    overflow: hidden;
    background-image: url('../images/vignetteBas.jpg');
    background-repeat: no-repeat;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.vignetteBas .prix {
    position: relative;
    top: -5px
}

.divLoginboxHeader,.divSideboxHeader,a.textSidebox,.textSidebox {
	font-size:90%;
}

#divLeftBox {
	float: left;
	width: 177px;
}
#divRightBox {
	float: right;
	width: 177px;
}
.divSidebox {
	width: 370px;
	width: 177px;
}
.divSideboxHeader {
	text-align:center;
	height: 32px;
	line-height: 26px;
	vertical-align: middle;
	/*background: url('../images/rayon3.gif') no-repeat;*/
	width: 183px;
	color: black;
	font-size: 0.9em;
	font-weight: bold
}
.divSideboxHeaderPanier {
	background: url('../images/rayon3.gif') no-repeat
}


.textSidebox a {
	color: #006699
}

.textSidebox a:hover {
	color: #ff9933
}

.lienTitrePanier a {
    color: white
}
.lienTitrePanier a:hover {
    color: black
}

.divSideboxItem {
	padding: 2px;
}

.divSideboxItem_noOver {
	padding: 2px;
}

.divSideboxItem:hover {
	background: #f3f3ea;
}
.divSideboxItem img {
	margin-right: 10px;
	margin-left: 10px;
}
#spacerSideBox {
	height: 10px;
}

#divAppboxHeader {
	line-height:35px;
	font-size:125%;
	font-weight:bold;
	color: black;
	text-align:center;

	border-top:solid 1px #9c9c9c;
	border-left:solid 1px #9c9c9c;
	border-right:solid 1px #9c9c9c;

	background-image: url('../images/titreBG.png');
	background-repeat: repeat-x;
}
#divAppbox {
	background-color:#ffffff;
	padding:5px;
	border-bottom:solid 1px #9c9c9c;
	border-left:solid 1px #9c9c9c;
	border-right:solid 1px #9c9c9c;
}

#divAppbox, #divAppboxHeader  {
	margin-left: 185px;
	margin-right: 185px;
}
#divBas {
	margin-top: 3px;
	bottom:4px;
	text-align:center;
	width:99%;
	font-size: 0.7em;
}
#divCenter {
	height: 760px;
}
html>body #divCenter {
	height: auto;
	min-height: 760px;
}
.selected {
	font-weight: bold;
	color: black;
}

#produit {
	border-collapse: collapse;
	width: 99%;
	margin: 0em auto;
}
#produit td {
	padding: 2px;
}
#produit .trNormal {
	background-color: white;
}
#produit .trCouleur {
	background-color: #fff9c0;
}
#produit .trCouleurhover {
	background-color: #87dff5 /*#fde6ce;*/
}
#produit .image {
	width: 50px;
	background-color: white;
}
#produit .prix {
	width: 75px;
	text-align: right;
}
#produit .prixUnitaire {
	width: 90px;
	text-align: right;
}
#produit .ajoutPanier {
	width: 32px;
}
#produit .description {

}
#produit .prixCouleurTotal {
	background-color: #fff9c0; /*#e8edef;*/
	text-align: right;
	font-size: 1.2em;
}
#produit .prixTotal {
	text-align: right;
}
#produit .quantite {
	text-align: center;
	width: 50px;
}
#produit .reference {
	width: 50px;
	text-align: center;
}
#produit .titre {
	background-color: #dddddd;
}
.rouge {
	color: red;
}

.formTitre {
	font-weight: bold;
}
.formChamp {
	margin-bottom: 5px;
}

.formLeft {
	width: 300px;
	float: left;
}
.formLine {
	border: 1px dotted black;
	margin-top: 10px;
	margin-bottom: 10px;
}

.erreur {
	color: red;
	font-weight: bold;
}
.noBold {
	font-weight: normal;
}
.centre {
	width: 250px;
	margin: 0px auto;
}
.petit {
	font-size: 0.7em;
}
.alignRight {
	float: right;
}

/* Menu deroulant*/
#menuH {
	margin: 0px auto;
	width: 610px;
	margin-top: -8px;
	!margin-top:-0px;
}

#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li {
	border-bottom: 1px solid #dedbde;
}

#menu .themeTitre {
	height: 15px;
	background-color: #cccccc;
	margin-left: 0px;
	color: black;
	font-weight: bold
}

#menu {
	position: absolute;
	z-index: 2
}

.fenetreMenu {
	display:none;
	overflow: scroll;
	height: 300px
}

.ssMenu {
	float:left;
}
#menu dt {
	width: 150px;
	cursor: pointer;
	margin: 2px 0;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	border: 1px solid gray;
	background: #ccc;
	color: white
}

#menu dd {
	border: 1px solid gray;
	background-color: white;
	margin-top: -3px;
	width: 150px;
}
#menu li {
	text-align: left;
	margin-left: 5px;
	background-color: white;
	height: 1.2em;
}
#menu li a, #menu dt a {
	color: #000;
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
	/*margin-left: -15px;*/
}
#menu li a:hover, #menu dt a:hover {
	background: #eee;
}

h1 {
	width: 98%;
	margin: 0em auto;
	background-color: #cccccc;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 1px;
	margin-bottom: 5px;
}
.cgvSpace {
	width: 20px;
	padding: 0px;
	height: 1px;
	float: left;
}

#conditionsLivraison table {
	border-collapse: collapse;
}

#conditionsLivraison td {
	padding: 3px;
	border: 1px solid #dddddd;
}

#conditionsLivraison .entete {
	background-color: #cccccc;
	font-weight: bold;
}
.sousPanier a {
	font-weight: bold;
}
.commander {
	margin: 0px auto;
	display: block;
}

#bg {
	 _background : #4f80c1;
	 _opacity : .4;
	 _filter : alpha(opacity=40);
	 position: absolute;
	 z-index: 61;
	 top:0;
	 left: 0;
	 text-align: center;
	 vertical-align: middle;
 }

*> #bg {
	background-image : url('../images/bgTranspBleu.png');
	z-index: 61;
	top:0;
	left: 0;
	position:absolute;
	text-align: center;
 }


 /** Menu Gauche Rayon **/

.divSideBox_famille_ {
	/*height: 32px;
	line-height: 26px;
	vertical-align: middle;*/
	padding-left: 7px;
	font-weight: bold;
	overflow:hidden;
	cursor: pointer;
	color: black;
	/*background: url('../images/rayon1.gif');
	background-repeat: no-repeat;*/
	font-size: 0.9em;
}

.divSideBox_famille_select_ {
	/*background: url('../images/rayon3.gif') no-repeat;
	background-repeat: no-repeat;*/
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
	/*font-weight: bold;*/
	color: #f66018;
	font-size: 0.9em;
}

.divSideBoxItem_ {
	height: 15px;
	line-height: 15px;
	color: black;
	/*overflow: hidden;*/
}
.divSideBoxItem_ a {
	margin-left: 5px;
	color: black;
}
.divSideBoxItem_:hover {
	background-color: #f3f3ea;
}

#menu_mailingTitre {
	height: 32px;
	line-height: 26px;
	vertical-align: middle;
	padding-left: 7px;
	font-weight: bold;
	overflow:hidden;
	cursor: pointer;
	color: black;
	background: url('../images/rayon1.gif') no-repeat;
	font-size: 0.9em
}

 /** Fin du menu Rayon **/

 /** Fiche produit **/
.fiche_designation {
	font-weight: bold;
	top: 15px;
	position: absolute;
	margin-bottom: 15px;
	font-size: 1.5em;
}

.fiche_prix {
	position: absolute;
	top: 50px;
	left: 310px;
	font-weight: bold;
	font-size: 1.2em;
}

.fiche_qtt {
	position: absolute;
	top: 100px;
	left: 310px;
}

.fiche_ajoutPanier {
	top: -20px;
	left: 50px;
	position: absolute;
}

.fiche_image {
	margin: 5px;
}

.fiche_panier {
	position: absolute;
	top: 50px;
	left: 500px;
	font-weight: bold;
	font-size: 1.2em;
}
 /** Fin fiche Produit **/


 .etapeCommande {
	margin: 0px auto;
	display: block;
 }

.btn_identifier {
	float: right;
	margin-right: 20px;
	margin-top: 5px;
 }


 /** Page identification **/
.tdGauche {
	width: 50%;
	border-right: 2px dashed #dedbde;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 15px;
}

.tdDroit {
	padding-left: 15px;
	width: 50%;
}

.tdPro {
    width: 100%;
    border-top: 2px dashed #dedbde;
    vertical-align: top;
    padding-top: 5px;
    padding-right: 15px;
}

.tableIdent {
	width: 99%;
}

/** Page du test de corpulance **/
.corpuTable td {
	border: 1px solid black;
}

.corpuTable {
	text-align: center;
	border-collapse: collapse;
	background-color: #dedbde;
}

.corpuTable input, select {
	border: 1px solid black;
}


/** Page d'inscption au mailing **/
.mailingTable {
	border-collapse: collapse;
	margin-top: 20px;
}

.mailingTable td {
	border: 1px solid #dedbde;
	padding: 3px;
}

.mailingTable input {
	border: 1px solid black;
}

/**
 *	Cadre central
 **/
#centreHaut, #centreHautVignette {
	height: 41px;
	text-align: center;
	background-image: url('../images/hautMilieu.gif')
}
#centreHautVignette {
	overflow: hidden;
}

#centreHaut .droit {
	float: right;
	width: 42px;
	height: 41px;
	background-image: url('../images/hautDroit.gif')

}
#centreHautVignette .droit {
	float: right;
	width: 42px;
	height: 41px;
	background-image: url('../images/hautDroit.gif')
}

#centreHaut .gauche {
	float: left;
	width: 20px;
	height: 41px;
	background-image: url('../images/hautGauche.gif')
}
#centreHautVignette .gauche {
	float: left;
	width: 20px;
	height: 41px;
	background-color: white;
	background-image: url('../images/hautGauche.gif')
}

#centreHaut .titres, #centreHautVignette .titres {
	position: relative;
	top: 15px;
	padding-left: 17px;
	font-weight: bold
}
#centreHautVignette .titres {
	left: -15px;
	!left: 0px;
	!top: -30px;
	overflow: hidden;
	padding: 0px;
	width: 170px;
	height: 25px;
}

#centreMilieu {
	overflow: hidden;
	border-left: 1px solid #bfbcc3;
	border-right: 1px solid #bfbcc3;
	margin-left: 8px;
	!margin-left: 185px;
	margin-right: 8px;
	!margin-right: 185px; /* Ie */
	padding: 5px;
	background-color: white;
}

#centreBas, #centreBasVignette {
	height: 29px;
	background-image: url('../images/basMilieu.gif')
}

#centreBas .droit {
	float: right;
	width: 24px;
	height: 29px;
	background-image: url('../images/basDroit.gif')
}
#centreBasVignette .droit {
	float: right;
	width: 24px;
	height: 29px;
	background-image: url('../images/basDroit.gif')
}

#centreBas .gauche  {
	float: left;
	width: 20px;
	height: 29px;
	background-image: url('../images/basGauche.gif')
}
#centreBasVignette .gauche {
	float: left;
	width: 20px;
	height: 29px;
	background-image: url('../images/basGauche.gif')
}

#centreHaut, #centreBas {
	margin-left: 185px;
	margin-right: 185px;
}

#centreHautVignette, #centreBasVignette {

}
#centreMilieuVignette {
	/*overflow: hidden;*/
	border-left: 1px solid #bfbcc3;
	border-right: 1px solid #bfbcc3;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 2px;
}
.bouton_switch_fiche {
	position: relative;
	top: 15px;
	left: -30px
}

.imageBack {
	cursor: pointer;
	position: relative;
	top: 10px
}

/**
 *	Fin cadre
 **/

/**
 * Onglet fiche description
 **/

#enteteOnglet {
	height: 20px;
	margin-top: 25px;
}
.onglet {
	cursor: pointer;
	float:left;
	background: url('../images/fondOnglet1.gif');
	width:124px;
	height: 20px;
	text-align: center;
	font-weight: bold
}
.ongletDefault {
	cursor: pointer;
	float:left;
	background: url('../images/fondOnglet3.gif');
	width:124px;
	height: 20px;
	text-align: center;
	font-weight: bold
}
.ongletText {
	padding-top: 5px;
	color: white
}
.dataFiche {
	text-align: justify;
	background-image: url('../images/milieu.gif');
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	padding: 10px;
}

#ficheHaut {
	min-height:250px;
}

.ficheImage {
	text-align: center;
	font-weight: bold;
	float:left;
	padding-right: 15px;
	width: 240px;
	height: 260px
}

.ficheForm {
	text-align: right;
	padding-top: 20px;
	padding-bottom: 30px;
}
.ficheInfo {
	text-align: left;
}

.fichePrix {
	font-size: 1.5em;
	font-weight: bold;
}

.nomProduit {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	background: none;
	margin-bottom: 15px;
}

.infoProduit {
	margin-bottom: 15px;
}

/**
 * Liste de fiche
 */
.tdDispo {
	width: 20px;
}

.gras {
	font-weight: bold
}

.menuRayon {
	margin-left: 15px;
	font-size: 0.9em
}

/*
 * Panier du menu droit
 */
#panierMenu {
	background-color: rgb(255, 255, 204);
	margin-top: 5px;
	border-collapse: collapse;
	font-size: 0.8em;
	border: 1px dotted #dedbde;
	width: 99%
}
#panierMenu td {border: 1px dotted #dedbde}
#panierMenu .qte {text-align: center}
#panierMenu .prix {text-align: right}
/*
 * Fin panier
 */

.port {
	font-size: 0.7em;
}

/*
 *	Info bulle
 */
a.info {
	position: relative;
	/*position:absolute;*/
	z-index: 1;
	/*border-bottom:1px dashed #808080;
	text-decoration: none;
	font-weight: bold;*/
}
a:hover.info {
	text-decoration: none;
	background: none;
	z-index: 10;
}
a.info span.bulle,span.bulleGM,span.bulleGMBordDroit {display: none;}
a:hover.info span.bulle {
	display: inline;
	position: absolute;
	top:2em;
	left:-4.5em;
	background: rgb(255, 255, 204);
	color: #000;
	border:1px solid #000;
	width:150px;
	text-align:center;
	font-weight:normal;
	font-size: 10px;
	line-height:12px;
	padding:2px 4px;
	z-index: 10;
}
a:hover.info span.bulleGM {
	display: block;
	position: absolute;
	top:2em;
	left:-4.5em;
	background: rgb(255, 255, 204);
	color: #000;
	border:1px solid #000;
	width:330px;
	text-align:center;
	font-weight:normal;
	font-size: 10px;
	line-height:12px;
	padding:2px 4px;
	z-index: 10;
}
a:hover.info span.bulleGMBordDroit {
	display: block;
	position: absolute;
	top:2em;
	left:-17.5em;
	background: rgb(255, 255, 204);
	color: #000;
	border:1px solid #000;
	width:330px;
	text-align:center;
	font-weight:normal;
	font-size: 10px;
	line-height:12px;
	padding:2px 4px;
	z-index: 10;
}
/*
 *
 */

.table {
	display: table-inline;
}
.row {
	display: table-row;
}

/*
 *	Page de notificationde bug
 */
.colGauche {
	!float:left;
	vertical-align: middle;
	width: 100px;
	display: table-cell
}
.colDroite {
	display: table-cell
}
.colCentre {
	text-align: center;
}
/*
 *
 */


.tool-tip {
    background: rgb(255, 255, 204);
    color: #000;
    border:1px solid #000;
    width: 330px;
    z-index: 13000;
    text-align: left;
}
.toolSmall-tip {
    background: rgb(255, 255, 204);
    color: #000;
    border:1px solid #000;
    width: 110px;
    z-index: 13000;
    text-align: left;
}

.tool-title, .toolSmall-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    padding: 8px 8px 4px;
}

.tool-text, .toolSmall-text {
    font-size: 11px;
    padding: 4px 8px 8px;
}
-->