body
{
  font-family:arial;
  background-color:#bbbbbb;
  background-image:url(http://images.carri.com/carri/menu/body/background.jpg);
  background-repeat:repeat-x;
  -webkit-background-size:100% 100%;
  -moz-background-size:100% 100%;
  -o-background-size:100% 100%;
  background-size:100% 100%;
  margin-top:15px; /* espacement en haut de page pour ne pas que cesoit collé */
}

div 
{
  /*
  scrollbar-face-color: #d4d0c8; 
  scrollbar-shadow-color: #000000;
  scrollbar-highlight-color: #eeeeee;
  scrollbar-3dlight-color: #cccccc; 
  scrollbar-darkshadow-color: #000000; 
  scrollbar-track-color: #d4d0c8; 
  scrollbar-arrow-color: #000000;
  */
}

hr
{
  background-color:#96d004;
  height:1px;
  border:0;
}

img
{
  border-width:0px;
}

/* Mise en place de l'entete du site  : class "Head" */
div.Head
{
  font-size:13px;
  float:right;
  margin-left:10px;
  padding:0px 0px 0px 0px;
  text-align:right;
  color:#000;
  height:25px;
}

a.Head
{
  color:#000;
  font-weight:bold;
}

span.Head
{
  position:relative;
  top:-3px;
}

/* Headline CARRI Systems, actuellement : "Systemes Informatiques Hautes Performances" */
.HeadLine
{
  color:#0099ff;
  font-weight:bolder;
  position:relative;
  top:6px;
}

.BleuCarri
{
  color:#09f;
}

.Print
{
  color:#000000;
  font-size:11px;
}

.TablesHeaderBG
{
  background-image:url(http://images.carri.com/carri/menu/trait.png);
}

a
{
  color: #09f;
  text-decoration: none;
}

a:hover
{
  color: #96d004;
  text-decoration: underline;
}

.ProduitsAcceuil
{
  float:left;
  width:20%;
  text-align:center;
}

.skin0
{
  position: absolute; 
  width: 200px; 
  border: 2px solid black; 
  background-color: menu; 
  font-family: Verdana; 
  line-height: 20px; 
  cursor: default; 
  visibility: hidden; 
}

.skin1
{
  cursor: default; 
  font: menutext;
  position: absolute; 
  width: 145px; 
  background-color: menu;  
  border: 1 solid buttonface;
  visibility:hidden; 
  border: 2 outset buttonhighlight;
  font-family: Arial; 
  font-size: 10px; 
  color: black;
}

.menuitems
{
  padding-left:15px; 
  padding-right:10px; 
}

/* TEXTE QUI S'AFFICHE AU SURVOL D'UN LIEN */
a.blank
{
  position: relative;
  text-decoration: none;
}
a.blank div
{
  display: none;
}
a.blank:hover 
{
  background: none; /* correction d'un bug IE */
  z-index: 1;
}
a.blank:hover div
{
  display: inline;
  position: absolute;
  top: 3em;
  left: -10em;
  /*filter: alpha(opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;*/
  text-align: center;
  width: 500px;
  padding: 0px;
}
/* FIN image qui s'affiche au survol d'un lien */

/* Couleur + typo + taille définies par défaut */
.Arial
{
  font-family:arial;
  color:#0099ff;
}

/* typo + taille définies par défaut, sauf la couleur qui est noire */
.ArialNoir
{
  font-family:arial;
  color: #000000;
}

p.ArialNoir
{
  font-family:arial;
  color: #000000;
  text-align:left;
}

/* typo + taille définies par défaut, sauf la couleur qui est noire et la texte en gras */
.ArialNoirGras
{
  font-family:arial;
  color: #000000;
  font-weight: bolder
}

/* Utilisé de temps en temps, comme le texte de présentation de la page solutions_calcul.php */
.ArialNoirTitre
{
  font-family:arial;
  color: #000000;
  font-weight: bolder;
  font-size:18px;
  text-align:center;
}

/* typo du Select de la page produits à la vente */
.SelectProduitsalavente
{
  font-family:arial;
  color: #000000;
  font-size: 18px;
}

/* PRIX POUR LES HT/TTC DE PRODUITSALAVENTE.PHP (par exemple) */
.PrixAll
{
  font-family:arial;
  font-size: 17px;
  color:#000;
}

/* MISE EN FORME DES PRIX DANS PRODUITSALAVENTE.PHP */
.Prix
{
  display:inline;
  border-style:solid;
  border-color:#555555;
  border-width:1px;
  position:relative;
  width:180px;
  margin:0px 5px 0px 5px;
  background-color:#dddddd;
  text-align:center;
  padding:3px 3px 3px 3px;
}

/* TITRE DES PRODUITS */
.EncadreProduit
{
  font-size:20px;
  color: #ffffff;
  font-weight: bolder;
  text-align:left;
  background-image:url(http://images.carri.com/carri/menu/menu.jpg);
  background-repeat:no-repeat;
}

/* TITRE DES PRODUITS GPU */
.EncadreProduitGPU
{
  font-size: 20px;
  color: #000000;
  font-weight: bolder;
  text-align:left;
  background-image:url(http://images.carri.com/carri/menu/menu.jpg);
  background-repeat:no-repeat;
}

.TabTemoignagesIndex
{
  font-size: 11px;
  color: #000000;
  font-style: italic;
}

.TitreBleu
{
  font-size: 20px;
  color: #0099ff;
  font-style: normal;
}
.TitreRouge
{
  font-size: 19px;
  color: #ff0000;
  font-style: normal;
}

/* Titre gamme stations PC_BUREAU.PHP */
.TitreGamme
{
  font-size: 24px;
  font-weight:bolder;
  color: #0099ff;
}

.APartirDe
{
  font-weight:bolder;
  font-size:16px;
  position:relative;
  top:10px;
}

/* Lien en general (ex : conditions generales) */
.CouleurLien
{
  font-size: 16px;
  color: #96d004;
  font-weight: bold;
}

/* Lien en general (ex : conditions generales) */
.LienBleuSouligne
{
  font-size: 18px;
  color: #0099ff;
  font-weight: bold;
  text-decoration:underline;
  text-align:center;
  vertical-align:middle;
}
/* Lien en general (ex : conditions generales) */
.LienBleuFonceSouligne
{
  color: #0000ff;
  font-weight: bold;
  text-decoration:underline;
}

/* LIEN "Plus de détails" DE PRODUITSALAVENTE.PHP (par exemple) */
.LienPlusDetail
{
  font-size: 14px;
  color: #96d004;
  font-weight: bold;
  text-decoration:underline;
}

.Text
{
  font-size: 13px;
  color: #000000;
  font-weight:normal;
  font-style:normal;
}
.TextItalic
{
  font-size: 13px;
  color: #000000;
  font-style: italic;
}
.TitreServeur
{
  font-size: 13px;
  color: #0099ff;
  font-style: italic;
}

.PhotoNonContractuelle
{
  font-size: 9px;
  color: #000000;
  font-style: italic;
}

/* DIV PRINCIPAL REMPLI PRODUITSALAVENTE.PHP et PROMOTIONS.PHP */
#MainProducts
{
  width:703px;
  height:600px;
  overflow-y:scroll;
  overflow-x:hidden;
  border:1px solid #eee;
  margin:20px 20px 20px 0;
  padding:10px 10px 0 0;
  position:relative;
}

/* DIV PRINCIPAL VIDE PRODUITSALAVENTE.PHP et PROMOTIONS.PHP */
.MainProductsEmpty
{
  width:703px;
  height:450px;
  border:0px solid #000;
  text-align:center;
  color:#09f;
  font-weight:bolder;
}

/* ECOTAXES DE PRODUITSALAVENTE.PHP et CONFIG.PHP */
.EcoTaxeAll
{
  font-size: 10px;
  color: #000000;
}

/* DESCRIPTIF DE PRODUITSALAVENTE.PHP (par exemple) */
.DescriptifAll
{
  font-size: 10px;
  color: #000000;
  font-weight: bolder;
}

/* DESCRIPTIF DE PRODUITSALAVENTE.PHP (par exemple) */
.Reference
{
  font-size: 12px;
  font-style:italic;
}

/* DESCRIPTIF DE PRODUITSALAVENTE.PHP (par exemple) sauf les portables */
.PresentationAll
{
  font-size: 10px;
  color: #0099ff;
  font-weight: bolder;
  font-style: italic;
}
/* DESCRIPTIF DE PRODUITSALAVENTE.PHP (par exemple)d'uniquement les portables  */
.PresentationPort
{
  font-size: 13px;
  color: #0099ff;
  font-weight: bolder;
  font-style: italic;
}
/* DESCRIPTIF de presentation des produits de la partie tesla */
.PresentationTesla
{
  font-size: 11px;
  color: #000000;
  font-weight: bolder;
  font-family:arial;
}
.PetitTexteNoir
{
  font-size: 10px;
  color: #000000;
}

.TexteNoirGras
{
  font-size: 12px;
  color: #000000;
  font-weight: bolder;
}

.ConfigurationsTypes
{
  font-size: 13px;
  font-style: italic;
}

/* Texte couleur NVIDIA */
.VertNVIDIA
{
  color: #76b900;
}
a.VertNVIDIA:hover
{
  color: #96d004;
  font-weight: bolder;
}

/* TITRE PAGES NVIDIA / GPU */
a.VertGPU
{
  color: #dddddd;
}
a.VertGPU:hover
{
  color: #76b900;
  font-weight: bolder;
}

/* Cf. Nouvelle page GPU Computing */
.VoirAussi
{
  font-size: 14px;
  color: #000033;
  /*font-weight: bolder;*/
}

a.VoirAussi
{
  font-size: 12px;
  color: #0000ee;
  font-weight: bolder;
}

a.VoirAussi:hover
{
  font-size: 12px;
  color: #96d004;
  font-weight: bolder;
}
/* ****************************** */
.PetitTexteNoirGras
{
  font-size: 10px;
  color: #000000;
  font-weight: bolder;
}
.PetitTexteNoirItalic
{
  font-size: 11px;
  color: #000000;
  font-style: italic;
}
.PetitTexteBleuPrimaireGras
{
  font-size: 10px;
  color: #0000ff;
  font-weight: bolder;
}

/* "Votre produit a été ajouté au panier" // Sert aussi en guise d'ERREUR */
.MsgCmdSession
{
  font-size: 13px;
  color: #09f;
  font-weight: bolder;
}

/* Sert en cas de validation (contraire de l'erreur) */
.Valide
{
  font-size: 13px;
  color: green;
  font-weight: bolder;
}

/* Sert en cas de validation (contraire de l'erreur) */
.ArialRougePetit
{
  font-size: 11px;
  color: red;
}

/* Produits disponibles */
.Disponible
{
  font-size: 14px;
  color: green;
  font-weight:bolder;
  font-style:italic;
}

/* Produits indisponibles */
.Indisponible
{
  font-size: 14px;
  color: #f00;
  font-weight:bolder;
}

/*************** CONDITIONS GENERALES ***************/
.CGTitre
{
  color:#000099;
  font-size:16px;
}

.CG
{
  color:#000000;
  font-size:12px;
}

.AdresseCG
{
  text-align:center;
  color:#666666;
  font-size:12px;
  font-style:italic;
}

/*************** PARTIE HPC ***************/
li.HPC
{
  font-size:13px;
  text-align:left;
}

a.HPC
{
  color:red;
}

/*************** PARTIE PLAN DU SITE ***************/
.TitrePlanSite
{
  color:#ffffff;
  text-align:center;
  font-size:13px;
  font-weight:bold;
}

td.TitrePlanSite
{
	background-color: #0099ff;
	border-color: #ffffff;
}

.TextePlanSite
{
  color:#000000;
  text-align:left;
  font-size:13px;
}

.PetitTextePlanSite
{
  font-size:10px;
}

a.PetitTextePlanSite
{
  color:#000000;
}

a:hover.PetitTextePlanSite
{
  color:#96d004;
}

a.TextePlanSite
{
  color:#000000;
}

a:hover.TextePlanSite
{
  color:#96d004;
}

/* Page config.php */
div.PrixEncadre
{
  font-size:24px;
  background-image:url(http://images.carri.com/carri/menu/prix.png);
  background-repeat:no-repeat;
  width:213px;
  height:63px;
  padding-top:7px;
  font-weight:bolder;
  text-align:center;
}
span.PrixEncadre
{
  font-size:13px;
  font-weight:normal;
}

.OngletsConfigPHP
{
  font-family:arial;
  font-size:16px;
  text-align:center;
}

.DesignationOptionNonMoniteur
{
  font-weight:bold;
  font-size:13px;
  text-decoration:underline;
}

.CategorieOption
{
  font-weight:bold;
  font-size:16px;
  text-decoration:underline;
}

.Alinea
{
  text-indent:20px;
}

/* Page PANIER.PHP */
.TitreProduitsPanier
{
  font-size:13px;
  text-decoration:none;
  font-weight:bolder;
  background-image:url(http://images.carri.com/carri/menu/panier_fonds/fond-panier.jpg);
  height:22px;
}

/*************** encadré pages de paiement et Intranet **********************/
.EncadreTop
{
  background-image:url(http://images.carri.com/carri/menu/panier_fonds/encadre_panier_top.jpg);
}

.EncadreMid
{
  background-image:url(http://images.carri.com/carri/menu/panier_fonds/encadre_panier_mid.jpg);
}

.EncadreLow
{
  background-image:url(http://images.carri.com/carri/menu/panier_fonds/encadre_panier_low.jpg);
}

.EncadreEmpty
{
  background-image:url(http://images.carri.com/carri/menu/panier_fonds/encadre_panier_vide.jpg);
}
/*****************************************************************************/

.Garantie
{
  color:#09f;
  font-size:10px;
  font-style:italic;
}

.Designation
{
  color:#000000;
  font-size:16px;
}

/* "Vote panier est vide" ... utilisé aussi dasn modes_paiement pour "XXX XXXXX, resumé de votre commande */
.PanierVide
{
  font-size:16px;
  font-weight:bold;
  color:#ff0000;
}

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

.Left
{
  text-align:left;
}

.Center
{
  text-align:center;
}

.TitreNVIDIA
{
  font-size:18px;
  color:#76b900;
}

/* Lien noir - devient orange quand on passe dessus */
a.Lien
{
  color:#000000;
}

a.Lien:hover
{
  color:#96d004;
}
/* ************************************************ */

/* ERREURS */
.Erreur
{
  font-size:11px;
  color:#ff0000;
}

/* fond tableaux */

.HautGauche
{
  background-image:url(http://images.carri.com/carri/menu/encadre/encadre_top_left.jpg);
  background-repeat:no-repeat;
  height:18px;
  width:18px;
}
.HautMilieu
{
  background-image:url(http://images.carri.com/carri/menu/encadre/encadre_middle_top.jpg);
  background-repeat:repeat-x;
  height:18px;
}
.HautDroite
{
  background-image:url(http://images.carri.com/carri/menu/encadre/encadre_top_right.jpg);
  background-repeat:no-repeat;
  height:18px;
  width:18px;
}
.MilieuGauche
{
  background-image:url(http://images.carri.com/carri/menu/encadre/encadre_middle_left.jpg);
  background-repeat:repeat-y;
  width:18px;
}
.MilieuDroite
{
  background-image:url(http://images.carri.com/carri/menu/encadre/encadre_middle_right.jpg);
  background-repeat:repeat-y;
  width:18px;
}
.BasGauche
{
  background-image:url(http://images.carri.com/carri/menu/encadre/encadre_bottom_left.jpg);
  background-repeat:no-repeat;
  height:18px;
  width:18px;
}
.BasMilieu
{
  background-image:url(http://images.carri.com/carri/menu/encadre/encadre_bottom_middle.jpg);
  background-repeat:repeat-x;
  height:18px;
}
.BasDroite
{
  background-image:url(http://images.carri.com/carri/menu/encadre/encadre_bottom_right.jpg);
  background-repeat:no-repeat;
  height:18px;
  width:18px;
}

/* CORPS DU DOCUMENT */
/* LE PROBLEME  MISE EN PAGE DU PIED DE PAGE VIENT DE LA !!!!!!!!!! */
#Corps
{
  background-color:#fff;
  width:982px;
  float:left;
} 

/* Placement de la fleche "precedent" */
.Precedent
{
  text-align:left;
  margin:5px 0 5px 0;
}

/* Nom des pages avec le bandeau en degradé (page services, pack securité 7, etc...) */
.NamePageDiv1
{
  width:25px;
  height:28px;
  background-image:url(http://images.carri.com/carri/menu/carres-title-bar.png);
  position:relative;
  z-index:0;
}
.NamePageDiv2
{
  width: 892px;
  height: 20px;
  background-image: url(http://images.carri.com/carri/menu/name-page.png);
  background-repeat: repeat-y;
  padding: 5px 0px 5px 10px;
  text-align:left;
  margin: 0px 0px 20px 5px;
  color:#fff;
  font-size:17px;
  font-weight:bold;
  text-shadow:2px 2px 2px #333;  /* pas compatible IE6, IE7, I8 */
  border:0px solid #000;
  position:relative;
  z-index:10;
}

/* Mise en page du titre d'un bloc de texte */
.TitreBlock
{
  color:#09f;
  font-size:16px;
  font-weight:bold;
}

/* Div "REMPLISSAGE" qui permet d'avoir un div centré avec une marge a droite et a gauche */
#Remplissage
{
  width:930px;
  margin:0 26px 0 26px;
}

/* Montant total - Pages de paiement CB/CHEQUE/VIREMENT */
.MontantTotal
{
  color:#09f;
  font-size:18px;
}

.PositionPanierHeader
{
  position:relative;
  z-index:10;
  bottom:2px;
}

/* bandeaux "CARACTERISTIQUES" et CARACTERISTIQUES TECHNIQUES des pages TESLA */
.TitresTESLA
{
  width: 100%;
  background-image: url(http://images.carri.com/carri/menu/name-page.png);
  background-repeat: repeat-y;
  padding: 0px 0px 0px 0px;
  text-align:left;
  margin: 0px 0px 0px 0px;
  text-shadow:3px 3px 3px #000 ;  /* pas compatible IE6, IE7, I8 */
  border:0px solid #000;
  height:38px;
  color:#fff;
}

.TextLogin
{
  color:#000;
  text-indent:2px;
}

/* CARRI Recommande Windows 7 */
.Recommandation
{
  font-size:12px;
  width:160px;
  position:relative;
  right:10px;
  float:right;
  height:1px;
  bottom:70px;
  font-weight:bold;
  text-align:center;
}

/* Made In France */
.MadeInFrance
{
  position:relative;
  left:-10px;
  top:5px;
  text-align:center;
  border:0px;
}

.TextPanier
{
  color:#000;
}
/* **************************************************************** */

/* Note entete formulaire inscription et modificaiton d'informations -*
.HeadFormSubScribe
{
  font-size:18px;
  font-weight:bolder;
}

/* ***** BANNIERES VERTICALES ***** */
/* Div contenant les 2 bannieres */
.BannBoth
{
  witdh:100%;
  text-align:left;
  border:0px solid #444;
  height:0px;
}
/* Banniere de gauche */
.LeftBann
{
  width:138px;
  height:500px;
  position:relative;
  left:-138px;
  top:44px;
  text-align:right;
}
/* Banniere de Droite */
.RightBann
{
  width:138px;
  height:500px;
  position:relative;
  right:-982px;
  top:-456px;
  text-align:left;
}
/* ******************************** */