* {margin:0px;padding:0px}
body {padding:0; margin:0;  font-family: verdana; color: black; font-size: 12px; }



#global {  font-size: 10px;}

#head { height: 160px; }
#logo { height: 120px;   }
  #logo .logoIMG {   width: 985px; height: 120px;}
  #logo img {   max-width: 985px;  width:985px; height: 120px;}
#login { height: 40px; }



#blocgauche {float:left;  margin-top : 5px; width:170px;  min-height: 600px ; }
#blocdroite {float:right;  margin-top : 5px; width:170px;  height: 500px ;}
#menuProd{max-height: 350px ;  overflow: auto;  height: auto !important; height: 280px}
#menuContenu{height:280px ; overflow: auto;}

#main { margin-top : 5px; margin-right : 180px; margin-left : 180px; min-height: 550px; height:auto !important; height:550px; }
#main hr{
	display:none;
}
/* affchage panier*/
#sidebar { 
  width: 160px; height: 100px ; 
  padding:0.3em;
 }
    /* function showFullCaddy */
.tableCaddy { border: 0; margin-left: 10px; }
.tableCaddy td { border: 0; }
    /* function  showCaddy */
.caddyMini { }

/* formulaire info client*/
#FormUser {width: 500px;}
#FormUser label { display: inline; float: left; width: 150px; margin-bottom: 10px; text-align: left; padding-right: 5px; }
#FormUser fieldset {  border: none }
#FormUser input,#FormUser select{margin-bottom: 10px;}
#FormUser input {  width: 150px;   }
#FormUser input[type='submit']{ width:70px;}


#FormUser select{width:145px ; }
#dateselect .selectY {width:60px  }
#dateselect .selectD{width:45px  }
#dateselect .selectM {width:95px  }

#droite{width: 50%;}
#gauche{width: 45%;}
#Form label{ width:90px;float:left;margin-bottom:5px}
#Form select{ width:150px;margin-bottom:5px}
#Form select.size1 { width:90px;margin-bottom:5px}
#Form input{ width:140px;margin-bottom:5px}
#Form input[type='submit']{ width:70px;}
#Form input[type='checkbox']{ width:20px;}
/* formulaire de login */
#loginForm { margin: 2px; padding: 2px;  }
#dateOnIndex {margin: 2px; padding: 2px; margin-right:10px;  }

#erreur {color : red ;  padding:5px;}

/*inscription et mot de passe perdu */
#inscription { padding-top: 10px;}


/*pied de page*/
#pied {clear: both;     text-align: center;  height:50px; }
#pied p {margin-right:auto ;margin-left:auto;  }

#pied a { color: black; font: bold 11px verdana; text-decoration: none; }
#pied a:hover { color: green;   text-decoration: none; }



/*impression du bon de commande */
.entete{ border: 0;  border-bottom-width: 0; width: 200px; position: relative; top: 10px; left: 20px; }
.entete a { color: blue; text-decoration: none; font-weight: bold; }
.entete a:hover { color: red; text-decoration: underline; }

.entete{ display: block; border: 0; padding: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 15px; background-color: transparent; width: 200px; color: gray; font-weight: bold; }
#Commande { position: relative; top: 5px; right: 5px; margin: 10px; padding: 10px; float: left; width: auto; border: 1px solid #000000; font: 11px verdana; }
#ligneCde { position: relative; top: 5px; right: 5px; margin: 10px; padding: 10px;  width: auto; border: 0px solid #000000; font: 11px verdana; }
#titreCde { position: relative; top: 5px; right: 5px; margin: 10px; padding: 10px;  width: auto; border: 0px solid #000000; font: 11px verdana;}
#adresuser { position: relative; top: 5px; right: 5px; margin: 10px; padding: 10px; float: Right; width: auto; border: 1px solid #000000; font: 11px verdana; }



select {  }
option {  }
table {  }
td {  padding: 2px; }

input[type='image'] {border: none;}
img{ border:none;}

/* formulaire de recherche */
#formSearch { font: 11px verdana;   margin-bottom:2em; }
#formSearch fieldset { border: 0; }


/* gestion/detailCommande.php */
#tblCmd table { padding: 0; }
#tblCmd td {  }
#ligneCmd { text-align: center; background-color: #ededed; }
#totalCmdeTTC { font-weight: bold; }
.tL { text-align: left; }
.tC { text-align: center; }

/* affichage du texte de presentation de chaque categories ou rubrique*/
#texteIndex{margin-left:2em; }
#texteIndex p {margin-left:2em; }
#texteDesc{margin-left:2em;  }
#texteDesc p {margin-left:2em; }


/* afffichage des produit ou des contenu */
#displayProd,#displayOneProd,#displayContenu{   height:auto;  } 


#displayProd table { border: none;  width:100%;}
#displayProd tr { border: none; text-align: center;} 
#displayProd td {    min-height:190px;text-align: center;} 
#displayProd td #contenu{ height:150px;  margin-top:0px; text-align: center;} 
/* style de affichage info produits*/
#displayProd #contenu{
  width:300px;
  background-color: white;    background-repeat: none ;
  min-height:250px;

}

#displayContenu #contenu,#displayOneProd #contenu{
  width:600px;position :relative;
  padding-left:0px;
  background-color: white;    background-repeat: none ;
  min-height:250px;
  padding-right:0px;
}
#prix{padding: 5px 0 0 0;}
#displayContenu #desc,#displayOneProd #desc{
  padding: 5px 20px;
}
#displayContenu h3,#displayOneProd h3{
 padding: 0px 10px 0px 10px;
}
/* cadre autour de chaque produits*/


/* style de affichage info produits*/
#displayProd #haut, #displayProd #bas {
  height: 15px;  margin: 0px; padding: 0px; 
  background-repeat: none ;width:300px;
}

#displayProd #haut{   background-image: url(cadrehaut.gif);}
#displayProd #bas{ background-image: url(cadrebas.gif); }

#displayContenu #haut, #displayContenu #bas,#displayOneProd #haut, #displayOneProd #bas {
  height: 15px;  margin: 0px; padding: 0px; 
  background-repeat: none ;width:600px;
}

#displayContenu #haut,#displayOneProd #haut{   background-image: url(grandcadrehaut.gif);}
#displayContenu #bas, #displayOneProd #bas{ background-image: url(grandcadrebas.gif); }

#contenu{


}

.noDispo {line-height: 2em;padding: 5px 0 0 0;}
#nav_page{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	
}

/* style pour le menu de gauche*/
#menuProd , #menuContenu {
  padding-left: 5px;
  padding-bottom:5px;
}

#blocgauche h3{
  padding-bottom:5px;
}
#blocgauche a{
  padding-left: 5px;
}
#blocgauche a:hover{
  padding-left: 5px;
}
#blocgauche a:visited{
  padding-left: 5px;   
}

#menuselected{

}

/* style pour les info bulle de CsBought*/
a.info_csBought {
  position : relative; text-decoration: none; ;
}
a.info_csBought span {
  display: none;
}
a.info_csBought:hover{
  background: none ;
  z-index: 500;
}
a.info_csBought:hover span{
  display: inline;
  position: absolute;
  z-index: 500;
  top:1em; left: 0.6em;

  text-align: left;
  padding: 0.5em;
  width: 350px;
  height:10px;
}

/* style pour affichage des resultat d'une recherche */
#global_resultat {margin-top:3em; }
#resultat {position:relative; margin-top:0.5em; min-height:125px; height:auto !important ; height:125px; border-bottom:1px rgb(0,0,0) solid}
#resultat p {margin-left:128px; }
#resImg {float:left;height:120px; width:120px; overflow: auto; text-align: center;}
#resultat #formRes {float:right; top : 3px; text-align: right; margin-right:1em; }
#prixNotPromo { text-decoration: line-through;}
#resultat form input[type='image'] {margin-top:1em;  }
#more {margin-left:10px; overflow: auto; max-height:140px; height:auto !important ; height:140px;} 
#ranking{position:absolute; bottom:0 ; right:50px;height:1.5em; }
.highlight {font-weight: bold;}
#url_search{position:absolute; bottom:0 ; height:1.5em; left:128px}