/* CSS Document */
body{
  background-color: White;
  font-family: "Times New Roman";
  font-size: 1em;
  margin: 0;
  text-align: center;
}
a {
  color: #0054E3;
  text-decoration: none;
}
img {
  border: none;
}
hr {
  color: black;
  background-color: #777;
  height: 1px;
  border: 0;
}
a:hover{
  color:red;
  text-decoration:underline;
}
.xgi{
  color: #0054E3;
  font-size: xx-large;
  font-family: "Arial";
  font-weight: bold;
}
.xgiLogo{
  color: #0054E3;
  font-size: 48px;
  font-family: "Arial";
  font-weight: bold;
}
.xgiPetitLogo{
  color: #0054E3;
  font-size: 24px;
  font-family: "Arial";
  font-weight: bold;
}
.xgiCadre{
  text-align: center;
  margin-top: 1em;
}
.centrer {
  margin-left : auto;
  margin-right : auto;
  width : 425px;
  text-align : left;  /* pour résoudre le bug de centrage de IE */
}

.gauche {
  text-align: left;
}
.conseil{
  font-size: 14px;
}
.centre{
  text-align: center;
}
/*pied de page  */
.renseignement {
  font-size: medium;
  text-align: center;
  font-weight: 700;
  color: Black;
}

.divCentre {
  margin-left : auto;
  margin-right : auto;
  width : 250px;
  text-align : right;  /* pour résoudre le bug de centrage de IE */
}
.divAchatCentre {
  margin-left : auto;
  margin-right : auto;
  width : 300px;
  text-align : right;

}
.attente{
  font-family: "Arial";
  color: #0054E3;
  text-align: center;
}
.blue {
  color: #0054E3;
}
.captcha {
  text-align: center;
  border: 1px;
  border-style: solid;
  border-color: graytext;
}
.code {
  font-size: 18px;
  color: red;
  left: 1em;
  text-align: left;
  margin-bottom: 1em;
}
.panier {
  border-style: solid;
  border-width: thin;
  width : 80%;
  border-collapse: collapse;
}
.panierLigne {
  border-style: solid;
  border-width: thin;
  background-color: #DDDDDD ;
  border-color: black;

}
.panierCase {
  padding-bottom: 1em;
  padding-top:  1em;
}
.panierLogiciel {width : 50% }
.panierType {width : 10%}
.panierVersion {width : 10%}
.panierForme {width : 5%}
.panierPrixUnitaire {width : 10%}
.panierQuantite {width : 5%}
.panierPrix {width : 10%}
/*****************************************************************/
/* infobulle */
/*****************************************************************/

a.info {
  position: relative;
  text-decoration: none;
}
a.info span {
  display: none;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500;
  text-decoration: none;
}
a.info:hover span {
  border:1px solid black;
  text-decoration: none;
  display: inline;
  position: absolute;
  top: 2em;
  left: 1em;
  background: #497db0;
  text-align: center;
  color: #fff6d4;
  padding: 5px 10px;
  font-size: 15px;
}

/*****************************************************************/
/* boutons */
/*****************************************************************/

.buttons a, .buttons button{
  display:block;
  float:left;
  margin:0 7px 0 7px;
  background-color:#f5f5f5;
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  /*  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;  
   font-size:100%; */
  font-family : "Times New Roman";
  font-size:80%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
  padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
  padding:5px 10px 5px 7px; /* Firefox */
  line-height:17px; /* Safari */
}
*:first-child+html button[type]{
  padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
  text-decoration:none;
}
.buttons a:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
  text-decoration:none;
}

/* POSITIVE */

button.positive, .buttons a.positive{
  color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
.buttons a.positive:active{
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
  color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
.buttons a.negative:active{
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

/*****************************************************************/
/* google recherche */
/*****************************************************************/
.erreurGoogle {
  margin-left : auto;
  margin-right : auto;
  width : 300px;
  text-align : left;  /* pour résoudre le bug de centrage de IE */
}
/* Widget content container */
#goog-wm {
  width: 310px;
  padding: 1em;
  border: 1px solid #045;
  background-color: #AFC7DF;
}

/* Heading for "Closest match" */
#goog-wm h3.closest-match {
  color: #8f2831;
  border-bottom: 3px dashed #aebd63;
  padding-bottom: 0.5em;;
  font-size: 100%;
  margin: 0;
}
/* "Closest match" link */
#goog-wm h3.closest-match a {
}

/* Heading for "Other things" */   
#goog-wm h3.other-things {
  color: #FEB;
}
/* "Other things" list item */   
#goog-wm ul li {
}
/* Site search box */   
#goog-wm li.search-goog {
  display: block;
}