html, body	{
	margin:0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	color:#000000;
	background-color:#ffffff;
	}
	
h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
	}

img {
	margin: 0;
	padding: 0;
	border:0;
	line-height:0em;
	}

strong { font-weight: bold; }
form {margin: 0; padding: 0;}	
a { color: #cc0033; text-decoration: none; }
a:hover { text-decoration: underline; }

.floatLeft { float: left; }
.floatRight { float: right; }
.spacer { clear: both; }	


/* === TEMPLATE / ELEMENTS COMMUNS === */

#header, #container, #footer {
	margin: 0 auto 0 auto;
	}

#header {
	width: 908px;
	height: 92px;
	padding: 0 0 0 60px;
	background: #cc0033;
	}
	
#container {
	width: 968px;
	height:624px;
	}

#footer {
	width: 968px;
	padding-top: 10px;
	background: url("../img/bg-footer.gif") center top no-repeat;
	text-align:center;
	clear: both;
	}

/* header */
a.onglet {
	display: block;
	float: left;
	width: 101px;
	height: 92px;
	margin: 0 40px 0 0;
	text-align: center;	
	font-size:0.9em;
	line-height: 0.86em;
	font-weight: bold;
	}
a.onglet img { margin: 15px 20px 0px 20px; }
a.onglet span {margin:0; padding: 0;}
a:hover.onglet { text-decoration: none; }
a:hover.onglet span { text-decoration: underline; }
a.ongletOn { background: url("../img/bg-tabon.gif") center top no-repeat; color: #000; }	
a.ongletOff { background: url("../img/bg-taboff.gif") center top no-repeat; color:#fff; }	

.choixPays { display: block; width: 234px; text-align: left;}

/* footer */
#footer a { color: #666666; margin: 40px; text-decoration: underline; }
#footer p {margin: 10px 0;}

/* colonne gauche */
#colProduits {
	float:left;
	width: 235px;
	padding: 50px 0 0 0;
	}

ul#tousNosProduits {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	}

ul#tousNosProduits li { margin:0; padding:0; display: inline;}	
ul#tousNosProduits a { display: block; float: left;	height: 24px; padding-top: 8px; color: #000; font-size: 0.9em; text-decoration: none; }	
ul#tousNosProduits a:hover { text-decoration: underline; }	
ul#tousNosProduits a.laptop { width: 195px; background: url("../img/bg-tousnosproduits-01.gif"); padding-left: 40px; }
ul#tousNosProduits a.desktop { width: 195px; background: url("../img/bg-tousnosproduits-02.gif"); padding-left: 40px; }
ul#tousNosProduits a.ecrans { width: 93px;	background: url("../img/bg-tousnosproduits-03.gif"); padding-left: 25px; }
ul#tousNosProduits a.accessoires { width: 87px; background: url("../img/bg-tousnosproduits-04.gif"); padding-left: 30px; }

.notreSelection {
	height: 130px;
	padding: 10px 10px 0 10px;
	margin: 0;
	background: url("../img/bg-notreselection.jpg") left bottom no-repeat;
	}
	
.notreSelection a {	text-transform: uppercase; font-weight: bold; display:block; height: 30px; }
.notreSelection p { display: block; height: 80px; }
.notreSelection p img { float: right; }
.notreSelection a.voirLaDemo { display: block; float: right; height: 15px; padding-top: 5px; font-size: 0.9em; text-transform: none; font-weight: normal; }

/* colonne droite (contenu) */
#colContenu {
	float: right;
	width: 733px;
	}
	
#colContenu h2 {
	margin: 0;
	padding:0;
	height: 50px;
	}



/* === page INDEX === */

.headerSpacer { width: 121px; height: 92px; background: transparent; }

#indexTitre { margin: 0; padding:0; height: 50px; }
#indexTitre h2 { color:#cc0033; font-size: 16px; font-weight: bold; padding: 10px 0 5px 0;}
#indexTitre p { font-weight: bold; font-size: 12px; }

#colProduitsIndex {float:left; width: 235px; padding: 0; }

/* === page HOME === */

.flashIndex {
	width: 733px;
	height: 414px;
	background: #fff;
	}
.flashIndex #flashcontent { text-align: center;}


.liensDirect { 
	float: left;
	width: 326px;
	height: 160px;
	padding: 0 20px 0 20px;
	background: url("../img/bg-liens-index.jpg") top left no-repeat; 
	}
	
.liensDirect h3 {color: #cc0033; text-transform: uppercase; font-weight: bold; display:block; margin-top: 7px; height: 73px; font-size: 1.2em; line-height: 1.2em; }
.liensDirect h3 img { float: left; margin-right: 20px; }
.liensDirect p { display: block; height: 55px;}
.liensDirect a.voirLaDemo { display: block; float: right; height: 17px; padding-top: 3px; font-size: 0.9em; text-transform: none; font-weight: normal; }


/* === page FOCUS produits === */

#containerFocus {
	width: 968px;
	height: auto;
	margin: 0 auto 0 auto;
	}

.flashFocus { width: 733px; height: 450px; background: #fff; }
.flashFocus #flashcontent { text-align: center;}

a.emoticonesFocus {display: block; float: right; width: 220px; height: 29px; padding: 50px 70px 0 0; background: url(../img/bg-focus-emoticones.jpg) no-repeat; text-align:right; margin-top: 70px; }


/* === page ASSISTANCE === */

.contenuAssistance {
	padding: 0 0 0 15px;
	}

.methode1Titre { float: left; width:98px; height: 202px; background: #cc0033; text-align: center; }
.methode1Contenu { float: left;	width: 574px; height: 170px; background: url(../img/bg-assistance-methode1.gif) top left no-repeat; padding: 32px 20px 0px 20px;}
.methode2Titre { float: left; width:98px; height: 40px; background: #cc0033; text-align: center; }
.methode2Contenu { display: block; float: left; width: 572px; height:26px; border: solid 1px #999; margin:0; padding: 12px 20px 0px 20px; list-style-type: none; }
.methode3Titre { float: left; width:98px; height: 202px; height: 74px; background: #cc0033; text-align: center; }
.methode3Contenu { display: block; float: left; width: 572px; height:60px; border: solid 1px #999; margin:0; padding: 12px 20px 0px 20px; list-style-type: none; }
.methode3Contenu li { margin-bottom: 5px; }
.methodeColonne { float: left;}
.colonneTache { width: 194px; height: 170px; }
.colonneRef { width: 253px; height: 120px; padding: 50px 7px 0 42px; color: #666; font-size: 0.9em; }
.colonneValidez { width: 63px; height: 120px; padding: 50px 0 0 15px; text-align: center;}
.colonneRef input#query {width: 215px; border: solid 1px #999; color: #000; margin-bottom: 5px;}
.colonneTache label {display: block; width: 150px; height: 25px; padding-top: 3px; float:left;}
.colonneTache input {display: block; float: left; clear: left;}


/* === page INTEL === */

.contenuIntel {
	height: 413px;
	padding: 0 0 0 15px;
	background: url("../img/bg-intel-contenu.jpg") top left no-repeat;
	}

.contenuIntel h3 { display: block; width: 708px; height: 28px; padding: 5px; background: #cc0033; color: #fff; text-transform: uppercase; font-size: 1.4em;}
.contenuIntel p {width: 340px; text align: left; padding: 10px 0 0 0; font-size: 1em; line-height: 1.2em;}
.contenuIntel p img {float: right; margin: 5px 0 5px 5px;}

.intelFooter { 
	float: left;
	width: 673px;
	height: 140px;
	padding: 20px 20px 0px 40px;
	background: url("../img/bg-intel-footer.jpg") top left no-repeat; 
	}
	
.intelFooter h3 {color: #cc0033; text-transform: uppercase; font-weight: bold; display:block; height: 80px; font-size: 1.2em; line-height: 1.2em; }
.intelFooter h3 img { float: left; margin:0 20px 0 0; }
.intelFooter p { display: block; height: 55px;}


/* === pages JEU === */

.flashJeu {
	width: 733px;
	height: 479px;
	background: #eee;
	}
	
.flashJeu #flashcontent { text-align: center;}

.jeuFooter {
	width: 733px;
	height: 94px;
	background: url("../img/bg-jeu-footer.jpg") top left no-repeat;
	}

.jeuFooter .colGauche { float: left; width: 418px; height: 70px; padding: 0 10px 0 10px; }
.jeuFooter .colGauche p { color: #666; font-size: 0.9em; margin: 0 0 5px 5px; }
.jeuFooter .colGauche input.floatLeft { width: 215px; margin: 0 0 0 5px; padding:0; border: solid 1px #999; color: #000; font-size: 1em;}

.jeuFooter .colDroite { float: left; width: 293px; height: 70px; padding: 0px;  }
.jeuFooter .colDroite a { margin: 5px 5px 0 0; }

.jeuFooter .colSpan { width: 733px; text-align: center; color: #999;}
.jeuFooter .colSpan a { color: #999; font-size: 0.9em; text-decoration: underline;}

img.jeuAccueilHaut, img.jeuAccueilBas { display: block; }

.jeuAccueilFooter {
	width: 733px;
	height: 199px;
	margin: 0px;
	padding: 0px;
	background: url("../img/bg-jeu-form.jpg") top left no-repeat;
	}

form.jeuFormDroite, form.jeuFormGauche { display: block; float: left; height : 177px; padding: 0px; }
form.jeuFormDroite fieldset, form.jeuFormGauche fieldset { margin: 3px 0 3px 0; padding: 0; border: 0;}
form.jeuFormDroite label, form.jeuFormGauche label { display: none; }
form.jeuFormDroite input, form.jeuFormGauche input { float: left; margin: 0 0 3px 0; padding: 3px; border: 1px solid #999; font-size: 1em;}

form.jeuFormGauche { width: 167px; margin: 0 52px 0 0px; padding-left:14px;}
form.jeuFormGauche input {width: 158px; }
form.jeuFormGauche a.passwordOublie { display: block; float: right; color: #666; text-decoration: underline; }
form.jeuFormGauche input#btnJouer {width: 55px; height:20px; margin: 15px 0 0 0 ; padding: 0; border: 0; float: right; clear: both; }

form.jeuFormDroite { width: 351px; margin: 0px;}
form.jeuFormDroite input { width: 162px; }
form.jeuFormDroite #nouveauPrenom, form.jeuFormDroite #nouveauEmailVerif, form.jeuFormDroite #nouveauPasswordVerif { margin-left: 11px; }
form.jeuFormDroite label.labelSecurite { display: block; float: left; width: 210px; padding-top: 5px; }
form.jeuFormDroite label.labelSecurite a { color: #666; text-decoration: underline; }
form.jeuFormDroite input.inputSecurite { width: 51px; float: right; }
form.jeuFormDroite input#btnCreerCompte {width: 127px; height:20px; margin: 0 0 0 110px; padding: 0; border: 0; }
form.jeuFormDroite label.offres { display: block; float: right; font-size: 0.9em; line-height: 1.4em; }
form.jeuFormDroite input#offresPartenaires { margin:-2px 5px 0 0 ; padding: 0; width: auto; border:0;}

#errormsg {	background:#cc0033; padding:0px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 0.9em; }    
.error { background:#cc0033 url("../img/visuel-erreur2.gif") right no-repeat; color: #fff; }

.jeuAccueilFooter .colSpan { width: 733px; text-align: center; color: #999;}
.jeuAccueilFooter .colSpan a { color: #999; font-size: 0.9em; text-decoration: underline;}


/* === pages POPUPS === */

form#popupForm { margin:20px 0 0 0; padding:0; text-align: center;}
form#popupForm input { width: 240px; padding: 3px; border: 1px solid #999; font-size: 1em; }
form#popupForm input#recevoirPassword {padding: 0; margin:20px 0 0 0; border: 0; width: 182px; height: 20px;}

form#popupFormAmi { margin:0px 0 0 0; padding:20px; text-align: left;}
form#popupFormAmi input, form#popupFormAmi textarea { width: 320px; padding: 3px; border: 1px solid #999; font-size: 1em; margin-bottom: 7px; font-family: Arial, Helvetica, sans-serif;}
form#popupFormAmi input#amiEnvoyer {padding: 0; margin:10px 0 0 180px; border: 0; width: 74px; height: 20px;}
form#popupFormAmi fieldset {margin: 0; padding: 0; border: 0; }
form#popupFormAmi h2 { font-size: 1em; font-weight: bold; margin:0 0 10px 0;}
form#popupFormAmi label.labelSecurite a { color: #666; text-decoration: underline; font-size: 0.8em; }
form#popupFormAmi input.inputSecurite { width: 51px; }
form#popupFormAmi input#amiFermer {padding: 0; margin:40px 0 0 190px; border: 0; width: 64px; height: 20px;}

#regledujeu p { margin: 5px 20px 5px 20px;}

#popupEmoticones h2 { font-size: 1.6em; text-transform: uppercase; color: #cc0033; text-align: center; margin: 20px 0 20px 0; }
#popupEmoticones a { display: block; float: left; width: 100px; height:100px; margin: 0 0 0 10px; text-align: center; color: #000000; }
#popupEmoticones strong { display: block; background: #d8d8d8; text-transform: uppercase; font-size: 0.8em; font-weight: bold; margin: 5px 0 3px 0;}



/* === Update page product + Accordion menu - october 2008 === */
.AccordionTitle, .AccordionContent, .AccordionContainer	{position:relative; width:275px;}

.AccordionTitle	{
  height:20px;
  overflow:visible;
  cursor:pointer;
  font-family:Arial;
  color:#FFFFFF;
  font-size:8pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  display:table-cell;
  background: right url('../img/commons/bg_grey2header.gif') #666666 no-repeat;
  -moz-user-select:none;
}

.AccordionContentVisible{width:263px;  height:175px;  overflow:auto;  border: 1px solid #666666;  border-bottom:0px;  border-top:0px;  padding:5px;  background: url('../img/commons/bg_RightSpec.jpg') no-repeat bottom left;}
.AccordionContent{width:263px;  height:0px;  overflow:auto;  display:none;  border: 1px solid #666666;  border-bottom:0px;  border-top:0px;  padding:5px;  background: url('../img/commons/bg_RightSpec.jpg') no-repeat bottom left;}

.AccordionContentVisible UL, .AccordionContent UL {margin-left:14px;}

.TitreProduct 	{display:block; width:265px; background-color:#cc0033; font-size:16px; color:#FFFFFF; line-height:16px; padding:5px; margin-bottom:10px;}
.TitreImgVues 	{background:url('../img/commons/bg_grey1header.gif') no-repeat center; height:15px; text-align:center; color:#FFFFFF; font-size:12px;	margin:10px 0px;}
.IntroProduct	{padding:5px; font-weight:bold; word-spacing:1px; line-height:12px; font-size:12px; margin-bottom:10px;}