/*G�n�ral*/
*   { font-family: Arial, Helvetica, Verdana, sans-serif }
body  { background-color: #000000; padding:0; padding-top:2px; margin:0;}
a   { font-weight: bolder; font-size: small; text-decoration:none; color:#000000;}
a:hover { text-decoration:none; color:#FF0000 }
img { border: none; border: 0;}

/*Bandeau Include haut et bas*/
#bandeau_haut {margin-left: auto; margin-right: auto; width: 1000px; position: relative; z-index:3;}
#bandeau_bas  { color: #ffffff; font-size: 10pt; margin-left: auto; margin-right: auto; width: 1000px; position: relative; margin-top:10px;}

/*Contenu Fiche produit*/

/*Div principale*/
#principal { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; padding:0;background-color:#ffffff; font-size: 10pt; margin-top:118px; margin-left: auto; margin-right: auto; width: 1000px; height:auto; position: relative; overflow-x:hidden;overflow-y: auto}

/*produits associ�s & similaires*/
#prodassocie {background-image:url("http://www.magma.fr/images/prodasso2.jpg"); background-repeat:repeat-y; margin-top:15px; position:relative;}
#prodsimi {background-image:url("http://www.magma.fr/images/prodasso2.jpg"); background-repeat:repeat-y; margin-top:0px; position:relative;}
#tableaupanier {width:720px; position:relative; margin-left:auto; margin-right:auto;}

#prodassociebis {background-image:url("http://www.magma.fr/images/prodassobisbis2.jpg"); background-repeat:repeat-y; position:relative; width:720px;}
#prodassociebis a:hover { color:#FF0000; text-decoration: none; }
#prodsimibis {background-image:url("http://www.magma.fr/images/prodassobisbis2.jpg"); background-repeat:repeat-y; margin-top:15px; position:relative;}
#prodsimibis a:hover { color:#FF0000; text-decoration: none ;}

#cadreimg {background-image:url("http://www.magma.fr/images/prodassobis1.jpg"); background-repeat:repeat-y; position:relative; height:29px;}
#cadreimg a:hover { color:#FF0000; text-decoration: none; }
#cadreimgprodassoc-panier { background-image:url("http://www.magma.fr/images/prodassobis1b.jpg"); background-repeat:no-repeat; position:relative; width:720px; height:29px; }

#proassodiv a .proassoname { color:#555555; font-size:12px;}
#proassodiv a:hover .proassoname { color:#FF0000; text-decoration: none;}

.desc {font-size:14px; line-height:27px; font-weight:normal; linecolor:#333333;}
.asso {font-size:14px; line-height:30px; font-weight:normal; color:#333333;}
.simi {font-size:14px; line-height:30px; font-weight:normal; color:#333333;}
.desc2 {font-size:14px; margin-left:10px; line-height:30px; font-weight:bold; color:#000000;}
.asso2 {font-size:14px; line-height:30px; font-weight:bold; color:#000000;}
.simi2 {font-size:14px; line-height:30px; font-weight:bold; color:#000000;}
.img {-moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #999999;}
.ajouter {-moz-border-radius: 3px; -webkit-border-radius: 3px; border:1px solid #999999;height:17px;}
.nomprodasso{font-size:12px; font-weight:bold; color:#000000;}
.prixprodasso{font-size:12px; font-weight:bold; color:#333333;}
.panierprodasso{font-size:11px; font-weight:none; color:#333333; vertical-align:middle;}
.descprodasso{font-size:10px; text-align:justify; font-weight:none; color:#333333;}
.avecligne {border-left: 1px solid #999999;}
.aveclignes {background-image:url("http://www.magma.fr/images/trait2.png"); background-repeat:repeat-x;}

.prix {font-weight:bold}

#achat {background-image:none; background-color:#FFFFFF; border:none; width:176px; cursor:pointer;}

.short_description {
	padding-top:3px;
	margin-right:15px;
	font-size:11px;
	font-weight:normal;
	float:left;
}
.expo {
	padding-top:3px;
	margin-right:15px;
	font-size:14px;
     color : #ff0000;
	font-weight:normal;
	float:left;
}
.recap_texte {
	font-size:14px;
	font-weight:bolder;
	text-align:right;
}
.recap_nombre {
	font-size:14px;
	font-weight:bolder;
	text-align:center;
}
.choisissez_paiement {
	font-size:14px;
	font-weight:bolder;
	text-align:left;
}
.recap_total {
	font-size:16px;
	font-weight:bolder;
	color:red;
}
#panier {
	width: 700px;
	margin-left: 10px;
    margin-right: 10px;
    margin-bottom:10px;
}
#panier_TOTAL {
	background-image:url("http://www.magma.fr/images/prodassobisbis3top.jpg");
	background-repeat:repeat-y;
	position:relative;
	width:720px;
}
#titrepanier {
	width: 700px;
	margin-left: 10px;
	margin-right:10px;
	padding-top:2px;	
}

.boutonspanier{
	width: 600px;
	background-color: #ffffff;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}


#contenu {padding-top: 10px; margin:10px;overflow-x:hidden;overflow-y: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #999999; overflow-x:hidden;overflow-y: hidden}
#contenu1 {padding-top: 10px; margin:10px;overflow-x:hidden;overflow-y: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:1px solid #999999; overflow-x:hidden;overflow-y: hidden}


#chemin {font-weight:bold; height:14px; position: relative; margin-left:10px; margin-top:10px; margin-bottom:0px; padding:0px; color:#333333; font-size:11px; }
#chemin a:hover { font-weight:bold; color:#FF0000; text-decoration: none;}
.chemin {font-weight:bold; font-size:11px; color:#333333; }

.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;
}

#atffc {
	 display:none;
	}