*   { font-family: Arial, Helvetica, Verdana, sans-serif }

body  { background-image:url("/images/snow.jpg"); background-repeat:repeat-y repeat-x; font-weight: 100; background-color: #ffffff; margin: 0; padding: 0 }

a   { color: #0000ff; font-weight: bolder; font-size: small; text-decoration: none }
a:hover { text-decoration:underline; }

img{ border:0; }


/*Img Fond*/
#imgfond {position:absolute; top:-25px;}

/*Logo Magma*/
#logobandeau {position:absolute; top:10px; left:10px; z-index:2;}

/*Img Tel*/
#telbandeau {position:absolute; top:15px; left:200px; z-index:3;}

/*Iframe Mon Compte*/
#compteframe {position:absolute; top:15px; height:25px;left:540px; z-index:5;}

/*Iframe Mon Panier*/
#panierframe {position:absolute; top:15px; height:25px; left:300px; z-index:2;}

/*Trait séparation Iframe*/
#trait {position:absolute; top:15px; height:25px; left:530px; z-index:3;}

/*Formulaire recherche*/
#search form  { margin: 0px; display:block; width:147px; height:25px;}
#search .inpute {font-size:11px;margin-left:25px; margin-top:4px; width:115px; height:14px; border:none; background:transparent; vertical-align:middle;}
#search { position:absolute; background:url("http://www.magma.fr/images/global-search-bg.jpg") 0 3px no-repeat; z-index:2; top:17px; left:800px;}



.web{font-size:14px; font-weight:bold; color:#ff0000}
/* bandeau noir avec logo, present sur la majorit? des pages */
#bandeau {
	background-color :#000000;
	color: #ffffff ;
	height: 75px;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 5;
	voice-family: "\"}\"";
    voice-family:inherit; /*ie5 hack*/
	position:absolute;
}



    html>body #bandeau { /*ie5 et opera hack */
    position:absolute;
    }
	
#bandeaubas {
color: #ffffff ;
position:relative;
width:100%;
height:250;
z-index:5;


}

#MenuFlash {
	
	position:absolute;
	bottom:-20px;
	margin-bottom:0px;
	left:10px;
	height:195px;
	width:1200px;
	z-index:10;

}



    html>body #MenuFlash { /*ie5 et opera hack */
    position:fixed;
    }

	

/*start jpasquier 20080213 tmatic 45*/
#bandeau_bas {
	clear:both;
	background-color:#000000;
}
#bandeau_bas a {
	color:#ffffff;
	font-weight:bold;
}
#bandeau_haut {
	background-color :#000000;
	color: #ffffff ;
	height: 60px;
	width: 100%;
	margin: 0;
	padding: 0;
	/*z-index: 1;*/
	voice-family: "\"}\"";
    voice-family:inherit; /*ie5 hack*/
}

	#bandeau_haut form  { padding-left: 20px;	margin: 0;}
	#bandeau_haut p     { margin-top:5px; }
	#bandeau_haut input { vertical-align: top; }
	#bandeau_haut .go   { margin: 0px 0px 0px 10px; }
    #bandeau_haut H3 {
		font-style: italic;
		color: #FFFFFF;
		font-size: 8pt;
		margin: 0;
		width: 150px;
	}

#navigationhaute {
	margin-left: 200px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 9pt;
}

    #navigationhaute a {color:#FFFFFF; font-weight:bold; text-decoration:none; }
    #navigationhaute a:hover { color:#E3401F; text-decoration:overline underline; }

#principal2 { background-color:#ffffff; font-size: 10pt; margin-left: auto; margin-right: auto; width: 1050px; position: relative;}

#principal {
	padding-top: 5px;
	voice-family: "\"}\"";
    voice-family:inherit; /*ie5 hack*/
		padding-top: 70px;
}
	html>body #principal { /*ie5 et opera hack */
		padding-top: 70px;
	}

.boutons-entete { text-align: center; margin:0px;}

.entete-nue {
	text-align: center;
	margin:20px;
	font-size:9pt;
}

.resultats {
	background-color: #000000;
	color: #FFFFFF;
	text-align:center;
	font-style: italic;
	font-size:9pt;
	font-weight:bold;
	padding: 4px;
}


.asterisque { color: #ff0000; }

.texte {
	color: #FFFFFF;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
}

.texteNoir {
	color: #000000;
	text-align:left;
	font-size:10pt;
	font-weight:bold;
}






/*CETELEM*/

#payIn3Times.mutiplePay span
{
  margin: -10px 0 0 100px;
}
.mutiplePay
{
  margin: 10px 0 0 0;
  height: 70px;
  font-weight: 500;
}
.mutiplePay a
{
  color: black;
  display: block;
  margin: 5px 0 0 10px;
}
.mutiplePay span
{
  font-size: 0.6em;
  color: red;
  display: block;
  margin: -10px 0 0 100px;
}
#payIn3Times.mutiplePay span
{
  margin: -10px 0 0 100px;
}
#payIn10Times.mutiplePay img,
#payIn20Times.mutiplePay img
{
  margin: 15px 0;
}
.colomn1 .mutiplePay
{
  float: right;
  width: 220px;
}
.colomn1 .mutiplePay p
{
  text-align: right;
}
.articledesc h4 .mutiplePay
{
  float: right;
  margin: -50px 20px 0 0;
}
.articledesc h4 .mutiplePay img
{
  float: none;
}
.articledesc h4 .mutiplePay span
{
  text-align: left;
  color: red;
}
.articledesc h4 #payIn10Times.mutiplePay span,
.articledesc h4 #payIn20Times.mutiplePay span
{
  text-align: center;
  float: none;
  margin-left: 0;
}



#lexiqueCetelem dt,
#faqCetelem dt,
#creditsSolutions dt,
#modePayement dt,
#modalites dt
{
  font-weight: 900;
  margin: 0 0 0.5em 0;
}
#lexiqueCetelem dd,
#faqCetelem dd,
#creditsSolutions dd,
#modePayement dd,
#modalites dd
{
  margin: 0 0 1em 2em;
}
#modePayement dd,
#modalites dd
{
  margin-left: 0;
}
#modalites
{
  background-color: rgb(238, 238, 238);
  border: 2px solid black;
  width: 300px;
  padding: 5px;
  font-size: 0.8em;
  position: absolute;
  top: 150px;
  z-index: 10;
  display: none;
}
* html #modalites
{
  font-size: 0.8em;
}
#modalites .moreInfo
{
  margin-bottom: 0;
}
* html #modalites .moreInfo
{
  font-size: 0.8em;
}



#simulation
{
  margin: 20px 0 0 0;
  width: 187px;
  background-color: rgb(77, 107, 169);
  padding: 5px;
  border: 2px solid black;
  color: white;
}
#simulation *
{
  color: white;
  font-weight: 900;
}
#simulation input
{
  border: 0;
  width: 80%;
}
* html #simulation input
{
  width: 70px;
}
#simulation select
{
  width: 100%;
  border: 0;
}
* html #simulation select
{
  width: 80px;
}
* html #simulation .selectLigne .data
{
  background-color: transparent;
  border: 0;
}
h2 #simulation
{
  font-size: 0.65em;
  font-weight: 500;
}
* html h2 #simulation
{
  font-size: 1em;
}
#simulation h2
{
  margin: -5px -5px 10px -5px;
  padding: 5px;
  border-bottom: 2px solid black;
  background-color: rgb(97, 131, 221);
  font-size: 1.2em;
}
* html h2 #simulation h2
{
  font-size: 2em;
}
#simulation .data
{
  display: block;
  margin: 0 0 0 50%;
  border: 1px solid black;
  text-align: left;
}
* html #simulation .data
{
  margin: 0 0 0 100px;
}
#simulation .formLigne .data
{
  background-color: white;
}
#simulation .formLigne *
{
  color: black;
}
#simulation .label
{
  color: white;
  display: block;
  float: left;
}

.demandeCredit
{
  margin: 10px -5px -5px -5px;
  padding: 5px;
  border-top: 2px solid black;
  background-color: rgb(97, 131, 221);
}
.demandeCredit a
{
  float: right;
}
#simulation .demandeCredit p
{
  font-weight: 400;
  font-size: 0.8em;
  margin: 30px 0 0 0;
  text-align: center;
}
#simulation.popup
{
  display: none;
  position: absolute;
  font-size: 0.8em;
  z-index: 20;
  border: 2px solid black;
}
* html #simulation.popup
{
  font-size: 1.5em;
}
* html #simulation.popup h2
{
  font-size: 2em;
}
* html #simulation.popup .demandeCredit p
{
  font-size: 1.2em;
}
* html h2 #simulation .demandeCredit p
{
  font-size: 1.2em;
}

#adding
{
  margin-top: 20px;
}


.moreInfo,
.legend
{
  color: rgb(130, 130, 130);
  font-size: 0.8em;
  margin: 0 0 1em 2em;
}
.moreInfo
{
  margin: 3em 0;
}
#modalites .moreInfo
{
  margin-bottom: 0;
}
* html #modalites .moreInfo
{
  font-size: 1.2em;
}


.prix_normal {
	font-size: 15pt;
	color: Black;
	font-family: Arial;
	font-style:bold;
}

.presto {
	font-size: 10pt;
	color: blue;
	font-family: Arial;
	font-style:bold;
}

.presto_3x {
	font-size: 10pt;
	color: blue;
	font-family: Arial;
	font-style:bold;
}

.text_presto {
	font-size: 10pt;
	color: blue;
	font-family: Arial;
	font-style:bold;
}

.text_presto_3x {
	font-size: 10pt;
	color: blue;
	font-family: Arial;
	font-style:bold;
}

.ecotaxe {
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
}
.ecotaxe a {
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
}

.prixLancement {
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
	margin-top: 10px;
}


/* jpasquier 2009/03/12 tmatic0103-rm01  2009/04/16 tmatic0109-rm01 */
#stickers {
	position:absolute;
	top: 60px;
	left: 195px;
	z-index: 2;

}
#phone {
	position:absolute;
	top: 25px;
	left: 195px;
	z-index: 6;
}
#stickers_liste {
	position:relative;
	top: -45px;
	left: 10px;
	/*left: 195px;*/
	z-index: 3;
	height: 0px;

}
#phone_liste {
	position:relative;
	top: -45px;
	left: 10px;
	/*left: 195px;*/
	z-index: 3;
	height: 0px;

}
#stickers_liste_recherche {
	position:relative;
	top: -35px;
	left: 50px;
	z-index: 1;
	height: 0px;
}
#phone_liste_recherche {
	position:relative;
	top: -35px;
	left: 50px;
	z-index: 1;
	height: 0px;
}
#stickers_diapo {
	position:relative;
	height: 25px;
	top: -35px;
	/*left: 195px;*/
	z-index: 1;
}
#phone_diapo {
	position:relative;
	height: 25px;
	top: -35px;
	/*left: 195px;*/
	z-index: 1;
}
#stickers_palme {
	position:relative;
	top: -50px;
	left: 0px;
	/*left: 195px;*/
	z-index: 1;
	height: 0px;
}
#phone_palme {
	position:relative;
	top: -50px;
	left: 0px;
	/*left: 195px;*/
	z-index: 1;
	height: 0px;
}
#stickers_speciaux {
	position:relative;
	top: -60px;
	left: -20px;
	/*left: 195px;*/
	z-index: 3;
	height: 0px;
}
#phone_speciaux {
	position:relative;
	top: -60px;
	left: -20px;
	/*left: 195px;*/
	z-index: 3;
	height: 0px;
}

/* jpasquier 2009/03/12 tmatic0103-rm01 */
.prixLancementbis {
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 1px;
	margin-left: 28px;
}
.prixstickers {
	font-size: 21pt;
	font-family: Arial;
	font-style:normal;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: -104px;
	margin-left: 29px;
}
.pourcentage {
	font-style:normal;
	font-family: Arial;
	font-size: 16pt;
	color: #ffff00;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 60px;
}
.pourcentage_liste {
	font-style:normal;
	font-family: Arial;
	font-size: 12pt;
	color: #ffff00;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 12px;
	position: relative;
	top: -48px;
}
.pourcentage_liste_recherche {
	font-style:normal;
	font-family: Arial;
	font-size: 12pt;
	color: #ffff00;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 12px;
	position: relative;
	top: -48px;
}
.pourcentage_diapo {
	font-style:normal;
	font-family: Arial;
	font-size: 12pt;
	color: #ffff00;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 12px;
	position: relative;
	top: -48px;
}
.pourcentage_palme {
	font-style:normal;
	font-family: Arial;
	font-size: 12pt;
	color: #ffff00;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 18px;
	position: relative;
	top: -68px;
}
.pourcentage_speciaux {
	font-style:normal;
	font-family: Arial;
	font-size: 12pt;
	color: #ffff00;
	font-weight: bold;
	margin-top: 2px;
	margin-left: 12px;
	position: relative;
	top: -48px;
}

#contenu {
	padding-top: 10px;
	}

/*ajout css pour �viter le d�calage du bandeau noir vers le bas sur Firefox (cause : cookie add this)*/
	#atffc {
	  display:none;
	  }