html, body {
	height: 100%;
	margin: 0;
  background: #D8F4A8;
}
  
div#global {
  position: relative;
	margin: 0 auto;	
	min-height: 100%;
  width: 940px;
  border-left: 1px solid #719AC3;
  border-right: 1px solid #719AC3;
  background: #fff;
}

div#header{
  margin: 0; 
  padding: 0; 
  height: 141px; 
  background: url(../images/grdbandeau2.jpg) no-repeat;
  border-bottom: 1px solid #719AC3;
}

div#center {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
  padding-bottom: 55px;
	overflow: auto;
}
  
div#footer {
  margin:0;
  padding:0;
	position: absolute;
  width: 940px;
  height:45px;
	bottom: 0;  
  font: 0.7em Verdana, Arial, Helvetica, sans-serif;
  background: url(../images/pied3.jpg) no-repeat;
  border-top: 1px solid #719AC3;
}

div#footer p{
  margin:0;
  padding: 0px 10px 0px 10px;
  width: 293px;
  line-height: 15px;
  float: left;
}

div#footer p.piedgauche{color: #fff;}
div#footer p.piedmilieu, div#footer p.piedmilieu a{color: #c00; text-align: center;}
div#footer p.pieddroite{text-align: right;}

div#footer p.piedmilieu{
   /*background: url(../images/icone-firefox.png) no-repeat;*/
}

div#content {
	float: left;
  width: 690px;
  padding-left: 10px;
  padding-right: 10px;
}
  
/*
div#header h1 {
	margin: 0;
}*/


div#menu_hzl ul{
  margin: 0; 
  padding: 0;
  height: 25px;	
  list-style-type: none; 
  background: url(../images/test4.gif) repeat-x 0 -25px; 
  border-bottom: 1px solid #719AC3;
}

div#menu_hzl ul li{
  float: left; 
  text-align: center; 
	min-width: 150px;
  list-style-type: none;
  list-style-image: none;

}

div#menu_hzl ul li a{
	display: block;
  padding-left: 15px;
	padding-right: 15px;
	line-height: 25px;
	color: #fff;
	font-variant: small-caps;
  font-size: 1em;
  font-weight: bold;
	text-decoration: none;
	border-right: 2px solid #719AC3;
  letter-spacing: 1px;
}

div#menu_hzl ul li a:hover{
  background: url(../images/test4.gif) repeat-x 0 0px;
}




div#content h1,h2 {
  margin: 10px 0px 0px 0px;
	padding-left: 30px;
  background: url(../images/titre_02.png) left center no-repeat;
	color: #6c0;
  font-size: 24px;
}
  
div#content h3 {
	color: #c00;
	font-variant: small-caps;
  margin: 0;
  padding-left: 45px;
}

sup{
  color: #f00;
}

/*****************************************************************************************/  

/*
a.tooltip em{
    display:none;
}
a.tooltip:hover{
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em{
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:170px;
    font-size: 12px;
}
a.tooltip:hover em span{
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(../images/infobulletop00.gif);
    margin:0;
    padding: 0;
    border: 0;
}*/

  /*===========================================================================================//
      //===================                                                                                              =========================//
      //===================               GESTION AFFICHAGES PRODUITS               =========================//
      //===================                                                                                              =========================//
	//===========================================================================================*/

p.desc_parent{
  text-indent: 20px;
  text-align: justify;
  margin: 0;
  padding: 0px 10px 0px 0px;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif ;
}

img#img_parent{
  width: 450px;
  border: 1px solid #719AC3;
  /*margin: 10px;
  float: right;*/
  margin: 0;
}

a#a_parent{
  display: block;
  padding:0;
  width:450px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
}

br.none{
  height: 0px;
  line-height: 0px;
  clear: both;
}

div.descriptif{
  font: 0.8em Verdana, Arial, Helvetica, sans-serif ;
  margin: 5px 0px 0px 0px;
}

div.descriptif ul{
  margin:0;
  padding: 0px 10px 5px 20px;
}

div.descriptif ul li{
  margin-left: 25px;
}

div.descriptif p{
  margin: 0px 0px 5px 0px;
  padding: 0px 10px 0px 0px;
  text-indent: 20px;
  text-align: justify;
}

div.mnu_gammes{font: 0.8em Verdana, Arial, Helvetica, sans-serif ;}
div.mnu_gammes h4{
  color: #c00;
	font-variant: small-caps;
  margin: 0;
  font-size: 1.1em;
}

div.mnu_gammes ul{margin-top : 5px; }
div.mnu_gammes ul a{ color :#00f;}
  

  /*===========================================================================================//
      //===================                                                                                              =========================//
      //===================                   GESTION AFFICHAGE PANIER                   =========================//
      //===================                                                                                              =========================//
	//===========================================================================================*/

a.bouton{
  display:block;
  width: 150px;
  height: 25px;
  line-height: 25px;
  text-decoration: none;
  text-align:center;
  color: #c00;  
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
  border: none;
  font-weight: bold;
}

form input.bouton, input#maj{
  height: 25px;
  width: 150px;
  text-align:center;
  border: none;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif;
  color: #c00;  
  font-weight: bold;
  cursor: pointer;
}

input#maj {
  background: transparent url(../images/bouton_03.png) no-repeat;
}

a#vider, a#commande, a#continuer{
  height: 25px;
  line-height: 25px;
}

a#vider{background: transparent url(../images/bouton_01.png) no-repeat;}
a#commande{background: transparent url(../images/bouton_02.png) no-repeat;}
a#continuer{background: transparent url(../images/bouton_04.png) no-repeat;}

a#vider:hover, a#commande:hover, a#continuer:hover{
  text-decoration: underline;
}

form#frm_panier ul{
  width: 660px;
  margin: 0 auto;
  margin-bottom: 15px;
}

form#frm_panier.bouton ul, form#frm_panier li{
  padding: 0;
  list-style-type: none; 
}

form#frm_panier ul.bouton li{
  margin: 0;
  float: left; 
  text-align: center; 
  margin-right: 10px;
  list-style-type: none;
  list-style-image: none;
}

form#frm_panier fieldset ul,
form#frm_commande fieldset ul{
  width: 625px;
  margin: 0 auto;
  padding: 0;
  padding-left: 18px;
}

  /*===========================================================================================//
      //===================                                                                                              =========================//
      //===================                GESTION AFFICHAGE COMMANDE              =========================//
      //===================                                                                                              =========================//
	//===========================================================================================*/
  
/*form#frm_commande fieldset#livraison{display: none;}
form#frm_commande fieldset#facture a, 
form#frm_commande fieldset#livraison a{ text-decoration: none; color: #000;}

form#frm_commande fieldset#facture a.active, 
form#frm_commande fieldset#livraison a.active{ color: #f00; text-transform: uppercase;}

form#frm_commande fieldset#facture a:hover, 
form#frm_commande fieldset#livraison a:hover{
  text-decoration : underline;
}*/

form#frm_commande fieldset {
  margin-bottom: 10px;
}

form#frm_commande fieldset legend{
  border: none;
  color: #c00;
  padding: 2px;
}

form#frm_commande dl{
  float: left;
  margin-right: 20px;
}

form#frm_commande dt{
  width: 160px;
}

form#frm_commande dd{ 
  margin: 0px 0px 1px 116px;
}


span.grand{
  Font-weight: bold;
  font-size: 1.5em;
}

form#frm_commande h4{
  margin: 0; padding: 0;
  margin-bottom: 2px;
  font-size: 10px;
  color: #c00;
  border-bottom: 1px dotted #c00;
  width: 150px;
}

form#frm_commande tr{
  margin: 0; padding: 0;
}

form#frm_commande textarea{
  margin: 0; padding: 0;
  width: 99%;
  margin: 0 auto;
}

form#frm_commande td.c_couleur a{
  cursor: auto;
}

form#frm_commande input.bouton {
  background: transparent url(../images/bouton_02.png) no-repeat;
  padding-left: 12px;
  float: right;
}

form#frm_commande table td+td+td+td,
form#frm_commande table td+td+td+td+td+td{
  text-align: right;
}

form#frm_commande table td+td+td+td+td{
  text-align :center;
}


  /*===========================================================================================//
      //===================                                                                                              =========================//
      //===================                     GESTION AFFICHAGE DIVERS                 =========================//
      //===================                                                                                              =========================//
	//===========================================================================================*/


form{
  margin: 0;
  padding: 0;
  padding-top: 10px;
}

 input, select{
	height: 20px;
	padding: 0px;
	margin: 0px;
	font: 1em "Trebuchet MS", helvetica, sans-serif;
}

dl{
	margin: 0;
	padding: 0;
}

dt{
	float: left;
  width: 115px;
}

dd{
	font-weight: bold;
  margin: 0px 0px 1px 116px;
}

li{
  list-style-image: url(../images/h3_04.png);
}

form input{
  height: 16px;
  font-size: 1.2em;
}

form select{
  height: 24px;
  width : 100%;
  font-size: 1.2em;
}

form textarea{
  font-size: 1.2em;
}

form legend, legend{
  font-size: 1em;
  padding: 2px 10px 2px 10px;
  margin:0;
  margin-bottom: 5px;
	font-weight: bold;
  border: 1px solid #719AC3;
  background : #fff;
}




form fieldset, fieldset{
  text-align: justify;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 5px 5px 5px 5px;
  border : 1px dotted #719AC3;
	background : #fff;
  width: 680px;
}

  /*===========================================================================================//
      //===================                                                                                              =========================//
      //===================                    GESTION AFFICHAGE ERREUR                  =========================//
      //===================                                                                                              =========================//
	//===========================================================================================*/


fieldset.erreur, fieldset.erreur legend{
  border-color: #f00;
}

fieldset.erreur{
  margin: 0 auto;
  width: 500px;
  margin-top: 20px;
  border-color: #f00;
}

fieldset.erreur p{
  text-align: center;
  margin: 0;
  padding: 0;
  min-height: 50px;
}

fieldset.erreur legend{
  color: #f00; text-transform: uppercase;
}


fieldset#email{
  margin: 0 auto;
  width: 500px;
  margin-top: 20px;
  text-align: center;
  height: 150px;
}

fieldset#email p{
  font: small-caps 1.4em/18px Verdana, Arial, Helvetica, sans-serif;
}

fieldset#email a, fieldset#email a:visited{

  color: #00f;
  font-weight: bold;
}

  /*===========================================================================================//
      //===================                                                                                              =========================//
      //===================                   GESTION AFFICHAGE CONTACT                =========================//
      //===================                                                                                              =========================//
	//===========================================================================================*/

form#frm_contact dd{ width: 500px;}

form#frm_contact fieldset#z_contact{
  margin: 0 auto;
  width: 620px;
}
  
form#frm_contact textarea{  
  width: 495px;
  height: 90px;
}

form#frm_contact input.bouton{
  margin-left: 399px;
  width:100px;
  float: none;
  font-size: 1em;
  border: 1px solid #719AC3;
  border-left: 2px solid #719AC3;
  border-bottom: 2px solid #719AC3;
  background: #fff;
}

form#frm_contact fieldset#z_contact legend{
  background: #fff url(../images/lettre.png) no-repeat;
  line-height: 30px;
  height: 30px;
  padding-left: 40px;
  border: none;
  font-weight: bold;
  font: small-caps 1.5em/30px Georgia,serif;
  color: #c00;
}

form#frm_contact ul{
  font: 13px/20px Verdana,serif;
}

  /*===========================================================================================//
      //===================                                                                                              =========================//
      //===================                     GESTION AFFICHAGE ACCUEIL               =========================//
      //===================                                                                                              =========================//
	//===========================================================================================*/
  
  div#accueil p{
    margin: 10px;
    padding: 5px 10px;
    text-indent: 30px;
    text-align: center;
    font: 1.4em/30px Verdana,serif;
  }
  
  div#accueil p:first-letter { font: bold 1.3em/20px Verdana,serif; color: #c00;}
  div#mode span{
    border-bottom: 1px dotted #999;
    font: small-caps 1.8em/30px Verdana,serif;
  }

  /*===========================================================================================//
      //===================                                                                                              =========================//
      //===================                       GESTION  MODE PAIEMENT                   =========================//
      //===================                                                                                              =========================//
	//===========================================================================================*/
  
  div#mode p{
    margin: 0;
    padding: 5px 10px;
    text-indent: 30px;
    text-align: justify;
    font: 0.8em/20px Verdana,serif;
  }
  
  div#mode p:first-letter { font: bold 1.3em/20px Verdana,serif; }
  div#mode span{
    border-bottom: 1px dotted #999;
    font: small-caps 1.2em/20px Verdana,serif;
  }