body {font: normal 13px/16px arial, sans serif; background: #f8f9fa}
body,p,ul,img {margin: 0; padding: 0; border:0}
ul {list-style: none}
a {color: #0045a3}
.clear {clear: both; height: 0; line-height: 0; font-size: 0; display: block; }
.block {display: block}
.no_bold {font-weight: normal}
.txt {color: #222}
.txt_alt {color: #7b7b7b}
/***  a confirmer ***/
span.un_gris {padding-left: 25px; background: url(/medias/www/img/paiement/un_inactif.png) no-repeat}
span.deux_gris {padding-left: 25px; background: url(/medias/www/img/paiement/deux_inactif.png) no-repeat}
/*** fin a confirmer ***/

.content, .entete{width: 990px; margin: 0 auto;}
.col_gauche {width: 650px; float: left;}
.col_droit {width: 300px; float: right}
/*** popup ***/
.popup_abo_premium {background: #fff; width: 650px; padding: 0 10px 20px}
.popup_abo_premium .header .gauche  {height: 20px; padding-left: 10px}
.popup_abo_premium .push_abo {width: 630px; margin: 20px 0 15px 0}
.popup_abo_premium .push_abo a{float: left}
/*** /popup ***/
/**** arrondis ****/
.rounded{-moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #eee}

.bt_blanc_gris_44  {
text-decoration: none;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #222;
padding: 8px 0;
border: 4px solid #dcdcdc;
color: #444;
-moz-border-radius:8px;
-webkit-border-radius:5px;
}

.bt_blanc_gris_44  span {
border: 1px solid #b3b3b3;
padding: 8px 30px;
display: inline; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-image: -moz-linear-gradient(90deg, #eee, #fff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
}

.bt_blanc_gris_44:hover {text-decoration: none}

.bt_blanc_gris_32 {
text-decoration: none;
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #222;
padding: 5px 0;
border: 2px solid #dcdcdc;
color: #444;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

.bt_blanc_gris_32:hover {color: #666; text-decoration: none}

.bt_blanc_gris_32 span {border: 1px solid #b3b3b3;
padding: 5px 15px;
display: inline;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: #eee;
background-image: -moz-linear-gradient(90deg, #eee, #fff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));}

.header {background: #fff; border-bottom: 1px solid #e6e7e8; margin-bottom: 20px}
.header .gauche {height: 69px; width: 495px; float: left;}
.header .gauche h1, .header .gauche .abo_premium {background: url(/medias/www/img/lgo/lemonde_fr_pet_abo.gif) no-repeat; text-indent: -9999px; height: 25px; margin: 10px 0 0 0}
.header .gauche .abo_premium {background: url(/medias/www/img/lgo/le_monde_abo_premium_357x19.png) no-repeat;} 
.header .gauche span {font: bold 20px helvetica, arial, sans-serif;}
.header .droit{height: 49px; width: 495px; float: right; display: inline; text-align: right; font-size: 14px; line-height: 18px; font-weight: bold; margin: 20px 0 0 0}
.header .droit a {display: block;}

/**** bouton jaune ****/
a.bt_jaune{ background: url(/medias/www/img/paiement/bt_jaune_droit.png) no-repeat scroll top right; color: #444; display: inline-block; font: bold 13px/16px arial, sans-serif; height: 54px; margin-right: 7px; padding-right: 21px; text-decoration: none; cursor: pointer;}
a.bt_jaune span {background: url(/medias/www/img/paiement/bt_jaune_gauche.png) no-repeat; display: inline-block; line-height: 14px; height: 37px; padding: 12px 0 5px 22px; margin-left: -4px; text-align: center} 
a.bt_jaune:hover {color: #666}
input.abo, input.valide, input.choix, input.changement, input.identifiez, input.abonnez {background: url(/medias/www/img/bt/bt_jaune_gris_265x44.png) no-repeat; font: bold 18px/18px arial, sans-serif; border: none; color: #444; text-align: center; display: inline-block; padding: 0; width: 265px; height: 44px; cursor: pointer}
input.abo:hover, input.valide:hover, input.choix:hover, input.changement:hover, input.identifiez:hover, input.abonnez:hover {background: url(/medias/www/img/bt/bt_jaune_gris_265x44_hover.png) no-repeat;}

input.choix  {padding: 0 0 5px 60px;}

input.identifiez {padding: 0 0 5px 85px;}
p.bt {text-align:center; margin-top: 20px}
p.bt_crea {margin-left: 200px;}
/**** etapes ****/

ul.etapes li.num, ul.etapes li.num2 {
   float: left; 
   display: block;
   width: 200px; 
   height: 22px;
   padding: 6px 0 0 7px;
   color: #222;
   font: bold 14px arial, sans-serif;
   background: #fff;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border: 1px solid #e6e7e8;
   behavior: url(/medias/www/css/lib/css3pie/PIE.php); 
}

ul.etapes li.num2 {width: 310px; }

ul.etapes li.sep {border: solid #e6e7e8; border-width: 0 0 1px 0; height: 14px; width: 10px; padding: 0; background: none; float: left;  display: block;}
ul.etapes li.inactif  {color: #b3b3b3; background: #f8f9fa}
ul.etapes li.fait span {padding-left: 34px; background: url(/medias/www/img/paiement/etape_ok.png) no-repeat}
ul.etapes li.un span, .grands_comptes .tt_1 {padding-left: 34px; background: url(/medias/www/img/paiement/un_actif.png) no-repeat}
ul.etapes li.deux.inactif span {padding-left: 34px; background: url(/medias/www/img/paiement/deux_inactif.png) no-repeat}
ul.etapes li.trois.inactif span{padding-left: 34px; background: url(/medias/www/img/paiement/trois_inactif.png) no-repeat}
ul.etapes li.deux.actif span, .grands_comptes .tt_2  {padding-left: 34px; background: url(/medias/www/img/paiement/deux_actif.png) no-repeat}
ul.etapes li.trois.actif span, .grands_comptes .tt_3  {padding-left: 34px; background: url(/medias/www/img/paiement/trois_actif.png) no-repeat}

ul.etapes li.fin {margin-right: 0}


/**** formulaire choix abonnement ****/
.choix_edition, .achat_acte{width: 630px; padding: 10px 10px 25px; margin: 20px 0; background: #fff; border: 1px solid #f2f2f2}
.achat_acte {width: 650px; padding: 10px 0 25px;}
.pad {padding: 0 20px; margin: 0}
.achat_acte .gauche {float: left; width: 300px}
.achat_acte .droit{float: right; width: 300px}
.titre_choix {font: bold 15px arial, sans serif; color: #666; margin: 6px 0 12px 8px;}

.section {position: relative; height: 230px; padding:5px 0 0 0; background: #fff;margin-bottom: 20px; width: 628px}
.parrain .section, .section_unique {height: 130px;}

.tt_abo, .tt_abo_premium, .tt_abo_premium2  .tt_abo_seul .tt_journal_acte {height: 29px; font: bold 16px arial, sans-serif; text-transform: uppercase; text-indent: -9999px; color: #e6c200; border-bottom: 1px solid #e6e7e8; background: url(/medias/www/img/paiement/logo_edition_abonnes.png) 10px 3px no-repeat; display: block}
.tt_abo_premium {background: url(/medias/www/img/paiement/titre-editionABO.png) 10px 3px no-repeat}
.tt_journal_acte { background: url(/medias/www/img/paiement/titre_achat_acte.png) 10px 3px no-repeat; border-bottom: 1px solid #E6E7E8; color: #E6C200; display: block; font: bold 16px arial,sans-serif;  height: 29px;  text-indent: -9999px; text-transform: uppercase;}
.tt_abo_seul {background: url(/medias/www/img/paiement/logo_edition_abonnes_premium.png) 10px 3px no-repeat}
.tt_abo_premium2 {background: url(/medias/www/img/paiement/tt_premium_changement.png) left top no-repeat; height: 35px; margin-top: -5px; border-bottom: 0}
.illus {width: 208px; border-right: 1px solid #e6e7e8; float: left; height: 200px;}
.parrain .illus, .section_unique .illus  {height: 100px;}


label.formule{float: left; width: 419px; height: 100px; display: block;}
label.formule:hover {cursor: pointer}
label.formule span.desc {display: block; width: 377px; height: 92px; float: left; border-right: 1px solid #f8f8f8; padding-top: 8px;} 
label.formule .desc.bb {border-bottom: 1px solid #e6e7e8; height: 91px}

label.survol span.desc, label.formule span.desc.survol {background: #eee; border-bottom:1px solid #E6E7E8;  border-right: 1px solid #E6E7E8; height:91px;}

label.actif span.desc, label.formule span.desc.actif {background: #fad000; background-image: -moz-linear-gradient(90deg, #fad000, #fed900); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fed900), to(#fad000)); border-bottom:1px solid #f8cf00; border-right: 1px solid #f8cf00; height:91px;}

label.formule:hover .desc.bb {border-bottom: 1px solid #eee;}
label.actif:hover .desc.bb {border-bottom: 1px solid #f8cf00; height: 91px}

label.formule .check.bb {height: 63px; border-bottom: 1px solid #e6e7e8;}
label.actif .check.bb {height: 63px; border-bottom: 1px solid #f8cf00;}

label.formule .desc .nom_formule {color: #b3b3b3; font: bold 14px arial, sans-serif; text-transform: uppercase; float: left; display: block; width: 170px; margin: 30px 0 0 20px;}
label.formule .desc .prix {color: #7f7f7f; font: bold 48px/46px helvetica, arial, sans-serif; float: left; margin: 10px 0 0 0;}
label.formule .desc .prix .euro {background: url(/medias/www/img/paiement/euro_gris.png) right 12px no-repeat; padding-right: 27px;}
label.formule .desc .prix em  {display: block; font: normal 14px/18px arial, sans-serif;color: #b2b2b2; font-weight: bold}

label.kdo .desc span.offre {width: 160px; float: left;}
label.kdo .desc .nom_formule {margin: 0 0 0 10px; float: none; width: auto}
label.kdo .desc .prix {margin: 0 0 0 10px;}
label.kdo .desc .prix em  {margin: 5px 0 0 0;}
label.kdo .desc .plus{width: 190px; padding-left: 25px; float: left; background: url(/medias/www/img/paiement/plus_jaune.png) no-repeat left 46%;}
label.kdo .desc .plus .jelec{width: 174px; padding-left: 25px; float: left; background: url(/medias/www/img/paiement/plus_jaune.png) no-repeat left 46%;}

label.actif .desc .plus {background: url(/medias/www/img/paiement/plus_blanc.png) no-repeat left 46%}
label.kdo .desc .plus .offert{display: block; width: 174px; height: 71px; padding: 5px; border: 1px solid #e6e7e8; background: #fff; font: bold 12px arial, sans-serif}
label.kdo .desc .plus .offert img {float: right; }
label.kdo .desc .plus .offert em {text-transform: uppercase; color: #ccc; font: bold 11px arial, sans-serif; display: block; margin-bottom: 5px}

label.formule .desc .prix .frequence  {font-size: 16px; line-height: 16px;}

label.actif .desc .nom_formule, label.formule span.desc.actif  .nom_formule {color: #fff;}
label.actif .desc .prix , label.formule span.desc.actif .prix {color: #000;}
label.actif .desc .prix .euro {background: url(/medias/www/img/paiement/euro.png) right 12px no-repeat;  padding-right: 27px;}
label.actif .desc .prix em, label.formule span.desc.actif .prix em  {color: #7c6700;}

.section .check, .section_unique check {
	background-image: -moz-linear-gradient(90deg, #f4f5f6, #fff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f4f5f6));   
   display: block;
   float: right;
	width:41px;
   height: 64px;
   padding: 36px 0 0 0;
   text-align: center;
}

label.actif .check, .check.actif{background: #fad000; background-image: -moz-linear-gradient(90deg, #f8cf00, #fede3e); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fede3e), to(#f8cf00));}
label.survol.check, .check.survol{background: #eee}
.section .check_bas, .section_unique .check_bas {border-bottom: 1px solid #e6e7e8; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;}

/*** changement ***/
.changement .section {height: auto}
.changement label.formule {width: 628px}
.changement label.formule span.desc {width: 586px;} 
.changement label.formule .desc .nom_formule {width: 180px}
.changement label.formule .desc .prix {width: 370px; margin: 5px 0 0 0}

.changement label.formule .desc .prix em.abonne {width: 370px;}

/**** fin formulaire choix abonnement ****/

/**** formulaire crea compte / paiement ****/
.form {background: #fff; border: 1px solid #e6e7e8; margin-top: 20px; width: 648px; padding-bottom: 20px}
.form .index {z-index: 0}
.form .index_top {z-index: 5000}
.form .crea, .form .coords {/*border: 0;*/ padding: 10px 20px; width: 610px}
.form  label {font: normal 12px/15px arial, sans-serif; position: relative; z-index: 1}
.form  label.obligatoire {}
.form  label  .mineur {font-weight: normal}
.form .coords label{display: block; margin-bottom: 5px;}

.form  label.check, .form .coords  label.check {color: #666; font-weight: normal; font-size: 11px; margin: 0 0 0 205px}
.form  label.check input {margin: 0 3px 0 0; vertical-align: text-bottom}
.form .entete {color: #222; margin: 10px 0 15px 0; font-size: 14px; font-weight: bold; display: block; width: 618px}
.form .entete_petit {color: #222; font-size: 13px; font-weight: bold; display: block;}
.form .entete_petit a {font-size: 11px; font-weight: normal;}
.form .entete  p {font-weight: normal}
.form .entete .login {color:#222; font-size: 12px; width: 70%; float: right; text-align: right}
.form p, .form div {margin: 0 0 7px 0; position: relative;}
p.bt {text-align: center}
p.bt_crea {margin-left: 220px;}
.form div.cb_gauche {margin: 0}
.form .float {float: left;}
.form .sep {border-bottom: 1px solid #e6e7e8; margin: 0; font-size: 1px; line-height: 1px; display: block;}

.form input[type=text], .form input[type=password] {background: #f8f9fa; border: 1px solid #bdbdbd; height: 21px; z-index: 1; position: relative; font-size: 13px;}
.form textarea {border: 1px solid #ececec;}
.form .crea label, .form_contact label{color: #222; width: 190px; float: left; padding: 5px 10px 0 0; text-align: right}

.form select {border: 1px solid #BDBDBD; height: 23px}
.form .crea label.codes {width: auto; text-align: left}
.form .crea input[type="text"], .form input[type=password] {width: 257px; padding: 0 3px}
.form .crea select {width: 265px}
.form .crea .select_ville {width: 130px; height:23px; float:right; margin: 0  4px 0 0;}
.form .crea input.demi {width: 122px}
.form .crea .choix_moyen {font-size: 12px; text-decoration: none; margin: 0 0 10px 0; display: inline-block}
.form .crea .info {display: block; color: #666; margin: 0 0 10px 0; font-size: 13px; font-weight: normal}

.form .second {margin-left: 10px}
.form .w30 {width: 30px; text-align: center; margin-right: 5px}
.form .w60 {width: 60px; text-align: center}
.form .w66 {width: 66px;}
.form .w78 {width: 78px}
.form .w133 {width: 133px}
.form .w240 {width: 240px}
.form .w268 {width: 263px}
.form .w286 {width: 286px}
.form .w320{width: 320px}
.form .w408 {width: 408px}
.form .w410 {width: 410px}/* verif si tjrs utilise */
.form .w470 {width: 470px}
.form .w520{width: 520px}

.form .no_marge {margin: 0}
.form .margeb10 {margin-bottom: 10px}
.form a.aide {margin: 2px 0 0 0}

.form .zone_recap {overflow: hidden; padding: 0 20px}
.form .recap {width: 270px; padding: 0 20px 0 0; float: left; margin: 0; font-size: 12px}
.form .recap_fil {width: 290px; float: right; margin: 0}
.form .donnees span{display: block; width:75px; float: left; font-weight: normal}
.form .donnees strong {display: block; float: left;}
.form .prime_kdo{width: 300px; font-size: 11px; margin: 0 0 10px 0; color: #666}
.form .prime_kdo a {color: #666}
.form .paiement {margin: 13px; background: #fff; width: 622px; border: 1px solid #e6e7e8; -moz-border-radius:5px; -webkit-border-radius:5px;}
.form .paiement .haut {-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px;}
.form .paiement .entete {width: 594px; color: #222; margin: 7px 5px 5px;}

.changement .paiement .entete {background: none; padding-left: 0}
.form .paiement .rib, .form .paiement .cb  {background: url(/medias/www/img/paiement/rib.png) right 3px no-repeat; float: left; width: 63px; height: 33px; margin: 0 8px 0 0; display: block}
.form .paiement .paypal{background: url(https://www.paypal.com/fr_FR/FR/i/logo/PayPal_mark_60x38.gif) right top no-repeat; float: left; width: 73px; height: 34px; margin: 0 8px 0 0; display: block}
.form .paiement .cb_fil  {background: url(/medias/www/img/paiement/cb.png) right top no-repeat; float: left; width: 53px; height: 34px; margin: 0 8px 0 0}
.form .paiement .rib input, .form .paiement .cb input {margin: 8px 3px 0 0}

.form .paiement .cb  {background: url(/medias/www/img/paiement/cb.png) right top no-repeat;} 
.form .paiement .moyen_actif, .form .paiement .moyen_actif2 {padding: 5px 10px; margin: 0; background: #e6e7e8}
.form .paiement .moyen_actif2 {padding: 10px 10px 0 10px;}
.form .paiement .moyen_rib {font-weight: normal; display: block; height: 35px}
.form .paiement .moyen_paypal {font-weight: normal; display: block; height: 35px}
.form .paiement .moyen_cb {padding-top: 7px; display: block; height: 35px}
.form .paiement .moyen_cb strong {display: block; padding-top: 8px}
.form .paiement .moyen {padding: 5px 10px; margin: 0; border-top: 1px solid #e6e7e8}
.form .paiement .moyen:hover {background: #e6e7e8}
.form .paiement label {font-weight: bold; display: inline-block; margin-right: 5px}
.form .paiement .code_banque input, .form .paiement .code_guichet input, .form .paiement .cle_rib input {width: 93px; margin-top: 5px}
.form .paiement .num_compte input {width: 282px; margin-top: 5px} 
.form .paiement .cb_ok {color: #7b7b7b; font-size: 13px; display: block}
.form .paiement .cb_ok img, .form .paiement .cb_ok span  {float: left; margin-right: 5px}

.form .paiement .cb_bloc {margin-top: 10px}
.form .paiement .cb_erreurs { background: #bb0000; color: #fff; padding: 5px; display: block; font-size: 12px; position: relative;}
.form .paiement .num_cb {width: 270px; float: left; margin-right: 12px}
.form .paiement .num_cb label {display: block} 
.form .paiement .num_cb input{width: 260px; margin: 5px 0 10px 0}
.form .paiement .date_cb {float: left; width: 320px}
.form .paiement .date_expire {display: block;}

.form .paiement .jour_expire {width: 70px; float: left; margin-top: 5px}
.form .paiement .mois_expire {width: 120px; float: left; margin-top: 5px}
.form .paiement .jour_expire .select_jour {width: 70px; height: 25px}
.form .paiement .mois_expire .select_mois {width: 110px; height: 25px}

.form .paiement .num_controle input {width: 70px; margin-top: 5px; text-align: center;margin-left:15px;}
.form .paiement .num_controle {position: relative; float: left; margin-top: -17px; margin-right: 0;margin-left:5px;}

.securise {background: url(/medias/www/img/paiement/securise.png) no-repeat; padding: 0 0 0 18px}
.entete .securise {float: right; font-size: 12px; color: #575757; font-weight: normal}

.form  input.bt_jaune {margin: 0 0 0 10px;background: url(/medias/www/img/bt/bt_jaune_gris_106x32.png) no-repeat; padding: 0 0 3px 0; width: 106px; height: 32px; font-size: 14px; border: none; font-weight: bold; color: #444; cursor: pointer}

.form .conditions {margin: 10px 10px 20px; overflow: hidden}
.form .conditions label {float: left; display: block; font-size: 11px}
.form .conditions input{float: left; margin: 0 5px 0 12px} 
.form .conf_achat {text-align: center; color: #b3b3b3; margin: 20px 0 0 0; font-size: 12px}


/*** achat acte ***/
.publi_article {color: #666; font-size: 13px; margin: 0 0 15px 0}
.achat_acte h2 {font: bold 20px helvetica, arial, sans-serif; line-height: 21px; margin: 0 0 20px 0}
.achat_acte .lire_article {color: #666; margin-bottom: 20px}
.achat_acte .lire_article  span {color: #222; font-weight: bold}
.achat_acte .choix_archive {
height: 199px;
float: left;
display: block;
width: 298px;
border: 1px solid #e6e7e8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
.achat_acte .mgr6 {margin-right: 6px}
.achat_acte .choix_archive label {display: block; height: 157px}
.achat_acte .choix_archive label.actif {background: url(/medias/www/img/paiement/bg_achat_acte.png) no-repeat; cursor: pointer}
.achat_acte .choix_archive label:hover {background: url(/medias/www/img/paiement/bg_achat_acte_hover.png) no-repeat;} 
.achat_acte .choix_archive label.actif:hover {background: url(/medias/www/img/paiement/bg_achat_acte.png) no-repeat; cursor: pointer}
.achat_acte .choix_archive label:hover .radio, .achat_acte .choix_archive label.actif .radio {border: none;}
.achat_acte .choix_archive label:hover .prix, .achat_acte .choix_archive label.actif .prix {color: #222}
.achat_acte .choix_archive label:hover .prix em, .achat_acte .choix_archive label.actif .prix em {color: #fff}
.achat_acte .choix_archive label:hover .prix .euro, .achat_acte .choix_archive label.actif .prix .euro {background: url(/medias/www/img/paiement/euro.png) right 12px no-repeat;  padding-right: 27px;}
.achat_acte .choix_archive .frequence {font-size: 16px; line-height: 16px; font-weight:bold;}
.log {margin-bottom: 10px}
.log label {color:#222; float:left; font-weight:bold; padding-top:5px; width:200px;}
.log input {background:none repeat scroll 0 0 #F8F9FA; border:1px solid #ECECEC; font-size:14px; height:26px; width: 180px}
.popup_abo_premium {padding:}
.popup_abo_premium .section_unique {margin: 0 0 20px 0}
.popup_abo_premium .section_unique label.formule {width: 436px;}

.popup_abo_premium .section_unique label.formule span.desc {width: 436px}
.popup_abo_premium label.kdo .desc span.offre {width: 160px;} 
.popup_abo_premium .section_unique .offre {color: #222; margin-top: 10px; padding-left: 40px}
.popup_abo_premium .section_unique .bt{float: left; width: 180px; margin-top: 18px}
.popup_abo_premium .section_unique .bt a {text-decoration: none}

.choix_archive .pad {padding: 5px 20px 0 50px; height: 113px; display: block}
.choix_archive .pad_unite {padding: 30px 50px 0 50px; height: 88px; text-align: center; display: block}
.choix_archive .tt_abo {height: 34px; margin: 10px 0 0 0; padding: 0 0 0 50px; background-position: 50px 3px}
.choix_archive .achat_unite {height: 30px; font: bold 16px arial, sans-serif; color: #666; border-bottom: 1px solid #e6e7e8; background: url(/medias/www/img/paiement/achat_archive.png) 40px 3px no-repeat; display: block; padding: 4px 0 0 70px; margin: 10px 0 0 0}
.choix_archive .prix {color: #7f7f7f;}
.choix_archive .euro {margin: 10px 0 0 0; font: bold 48px/46px helvetica, arial, sans-serif; background: url(/medias/www/img/paiement/euro_gris.png) right 12px no-repeat; padding-right: 27px;}
.choix_archive .prix em  {display: block; font: normal 14px/18px arial, sans-serif;color: #b2b2b2; font-weight: bold}
.choix_archive span.mineur {color: #666; font: bold 12px arial, sans-serif; margin-top: 10px; display: block}
.choix_archive .radio {border-top: 1px solid #e6e7e8; text-align: center; display: block; padding-top: 5px; height: 38px}

/*** offre je ***/
p.txt_je {margin: 0 0 20px 0}
p.txt_je  strong {display: block}

/*** activation ***/
.activation {padding: 10px}
.activation .saisie {background: #F8CF00;}
.activation .saisie label, .activation .saisie span.champs {padding: 15px; display: block}

.activation .saisie span.champs input[type="text"] {width: 300px;}
.activation .saisie span.champs input[type="submit"] {
border: none;
font-weight: bold;
height: 32px;
width: 114px;
margin-left: 10px;
cursor: pointer;
background: url(/medias/www/img/paiement/input_submit.png) no-repeat;
}
.activation li {background: url("/medias/www/img/icn/arrow_abonnes_closed.png") no-repeat scroll left 5px; padding-left: 17px; margin: 5px 0}

/*selects */   
.form .select_civil{width: 80px}
.form .select_profession, .form .select_pays {width: 270px; height: 24px;}

/*messages */
.form .mess2 {height: 50px}
.form .erreur:hover {cursor: pointer}
.form .txt_erreur, .txt_important {color: #bb0000}
.form .mess_erreur {display: none; width: 150px; position: absolute; right: -151px; top: 0; color: #ef0000;font-size: 10px; line-height: 12px}
.form input[type="text"].champ_erreur, .form input[type="password"].champ_erreur, .form select.champ_erreur {border: 1px solid #ef0000}
.form .mess2 .mess_erreur {right: -225px; top: 10px}
.form .mess3 .mess_erreur {right: -213px; top: 20px} 
.form  .erreur_general {background: #ffdede; border: 1px solid #ef0000; text-align: center; font: bold 13px arial, sans-serif; color: #222; text-align: center; padding: 7px; margin: 0 0 10px 0}
.form .mess_aide {display: none; width: 150px; position: absolute; right: -151px; top: 0; font-size: 10px; line-height: 12px}
.form .mess2 .mess_aide {right: -225px; top: 10px}
.form .visible {display: block; z-index: 1000;}
.form .paiement .num_controle .mess_aide {position: absolute; top: 15px; right: -196px}
 

/**** fin formulaire ****/

/*** bloc 4 raisons ***/
.tt_raisons {height: 29px; font: bold 16px arial, sans-serif; background: #fff url(/medias/www/img/paiement/paquet_kdo_tt.png) 10px 6px no-repeat; color: #222; padding: 8px 0 0 40px; display: block; border-bottom: 1px solid #e6e7e8}
.raisons {
   background-image: -moz-linear-gradient(90deg, #fff, #f3f3f3);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f3f3f3), to(#fff));
   -pie-background: linear-gradient(90deg, #fff, #f3f3f3);O
   behavior: url(/medias/www/css/lib/css3pie/PIE.php);
}
.raisons p {float: left}
.raisons p.texte {font-size: 14px; color: #666; padding: 10px 5px; width: 150px; height: 98px; overflow: hidden}
.raisons p.pic {vertical-align:middle; text-align: center; width: 160px; padding: 10px 0 ;  height: 65px; }
.raisons p.pic img {position:relative; top:50%; margin-top:-28px; }
.raisons .sep, .achat_acte .sep {border-bottom: 1px solid #e6e7e8; margin: 0; font-size: 1px; line-height: 1px; display: block; clear: both}
.achat_acte .sep {margin: 20px 0;}
.raisons .bord {border-right: 1px solid #e6e7e8;}

/*** ticket ***/
.ticket, .conversion {background: #fff; border: 1px solid #e6e7e8; margin-top: 20px; width: 608px; padding: 10px 20px 20px}
.ticket  .entete, .conversion .entete{font: bold 25px helvetica, arial, sans-serif; color: #222}
.ticket p {margin: 10px 0}
.ticket p .recap_abo  {width: 180px; float: left}
.ticket p.bt {margin: 30px 0 20px 0}

/*** conversion ***/
.conversion img {margin: 0 10px 15px 0; float: left}
.conversion .entete {margin: 0 0 20px 0; display: block}
.conversion p {margin: 0 0 20px 0}
.conversion p a {color: #666}
.conversion p label {background: url(/medias/www/img/icn/arrow_abonnes_closed.png) left 5px no-repeat; padding-left: 15px; font-weight: bold}
.conversion p label input {background: #f8f9fa; border: 1px solid #ccc; height: 26px; font-size: 14px;}
.conversion p.bt {text-align: center}
.conversion .mention {font-size: 10px; line-height: 13px}
/**** col droite ****/
.col_droit {font-size: 12px; line-height: 15px; padding-top: 50px}
.col_droit a {color: #0045a3; font-weight:bold}

.decouvrez_abo {
   color: #7b7b7b; 
   margin-bottom: 20px;
   background-image: -moz-linear-gradient(90deg, #f8f9fa, #fff);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f8f9fa));
   -pie-background: linear-gradient(90deg, #f8f9fa, #fff);
   behavior: url(/medias/www/css/lib/css3pie/PIE.php);
   border: 1px solid #e6e7e8;
   padding-bottom: 10px
   }
.decouvrez_abo .intitule, .boite .intitule {display: block; border-bottom: 1px solid #e6e7e8; padding: 8px 10px; font: bold 13px arial, sans-serif}
.decouvrez_abo ul {margin: 10px 15px 10px 10px}
.decouvrez_abo li {margin: 15px 0; background: url(/medias/www/img/icn/arrow_abonnes_closed.png) left 4px no-repeat; padding-left: 15px; display: block; text-decoration: none; color: #7b7b7b; line-height: 16px}
.decouvrez_abo a.compare {margin: 0 10px 10px 27px; display: block;}

.boite {border: 1px solid #e6e7e8; background: #f8f9fa; color: #575757;  width: 300px; line-height: 120%; padding-bottom: 10px; line-height: 18px; margin-bottom: 10px}

.boite p {padding: 8px 10px}
.boite .intitule, .boite .sep{border-bottom: 1px solid #e6e7e8; padding-bottom: 10px}

.bord_top {border-top: 1px solid #E6E7E8}
.bord_top_abo {border-top: 4px solid #f8cf00; margin-bottom: 20px;}
.bg_kdo {background: #fff url(/medias/www/img/paiement/paquet_kdo.png) 12px 15px no-repeat; padding: 25px 15px 20px 77px; font-weight: bold}

.footer {background: #fff; color: #7b7b7b; border-top: 1px solid #e6e7e8; margin-top: 30px}
.footer a {color: #7b7b7b; text-decoration: none; margin-left: 20px}
.footer p {width: 990px;  padding: 8px 0; margin: 0 auto; font-size: 12px}

p.tt_abo_journal{padding: 3px 0px 6px 10px}

/** Les visuels produits sur enregistrement */
a.bg_chgt  {display: block; margin-bottom: 20px; height: 341px;}
a.bg_chgt.visu_72{background: url(http://s1.lemde.fr/medias/www/img/paiement/bloc_enreg_reprise_149.png)}
a.bg_chgt.visu_71{background: url(http://s2.lemde.fr/medias/www/img/paiement/bloc_enreg_reprise_15.png)}
a.bg_chgt.visu_71_162{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/bloc_enreg_reprise_9.png)}
a.bg_chgt.visu_150{background: url(http://s1.lemde.fr/medias/www/img/paiement/primes/blocs_300px-tunnel_149euros_prime_DVDHometDieu.png); height: 376px; }
a.bg_chgt.visu_149{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/blocs_300px-tunnel_15euros_prime_DVDHometDieu.png); height: 376px; }
a.bg_chgt.visu_151{background: url(http://s1.lemde.fr/medias/www/img/paiement/primes/blocs_300px-tunnel_15euros_prime_DVDBenjaminButton.png); height: 376px; }
a.bg_chgt.visu_152{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/blocs_300px-tunnel_149euros_prime_DVDBenjaminButton.png); height: 376px; }
a.bg_chgt.visu_153_163{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/blocs_300px-tunnel_75euros_prime_DVDPotiche.png); height: 376px; }
a.bg_chgt.visu_154{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/blocs_300px-tunnel_15euros_prime_DVDPotiche.png); height: 376px; }
a.bg_chgt.visu_154_165{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/blocs_300px-tunnel_15euros_prime_DVDPotiche.png); height: 376px; }
a.bg_chgt.visu_154_164{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/blocs_300px-tunnel_9euros_prime_DVDPotiche.png); height: 376px; }
a.bg_chgt.visu_157_170{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/bloc_enreg_reprise_157.png)}
a.bg_chgt.visu_157_170{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/bloc_enreg_reprise_157.png)}
a.bg_chgt.visu_159_171{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/bloc_enreg_reprise_159.png); height: 376px; }
a.bg_chgt.visu_160_172{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/bloc_enreg_reprise_160.png); height: 376px; }
a.bg_chgt.visu_161_173{background: url(http://s2.lemde.fr/medias/www/img/paiement/primes/bloc_enreg_reprise_161.png); height: 376px; }
a.bg_chgt.visu_165_177{background: url(http://s1.lemde.fr/medias/www/img/paiement/primes/bloc_enreg_reprise_165.png); height: 376px; }
a.bg_chgt.visu_166_178{background: url(http://s1.lemde.fr/medias/www/img/paiement/primes/bloc_enreg_reprise_166.png); height: 376px; }

/*** modifs fev 2011 v2 ***/
.form .rappel_offre {padding: 0 20px 10px; border-bottom: 1px solid #e6e7e8; margin: 0}
.form .rappel_offre .entete{font-size: 14px; font-weight: bold; color: #222}
.form .rappel_offre label {display: block; width: auto; clear: both}
.form .rappel_offre em {font-style: italic; display: block; font-weight: normal}
.form .rappel_offre input {display: block; float: left; margin: 0 8px 15px 0}

.form .champs_requis {display: block; font-size: 10px; color: #666}
.form .crea label.civilite {padding: 0 20px 0 0; float: none}
.form .crea label.civilite , .form .crea label.civilite input  {width: auto}

/*** grands comptes ***/
.grands_comptes {border: 1px solid #e6e7e8; background: #fff}
.grands_comptes  .haut {padding: 20px 530px 10px 15px; border-bottom: 1px solid #e6e7e8; background: url(/medias/www/img/paiement/grands_comptes_bg.jpg) 460px 60px no-repeat;}
.grands_comptes  .haut img[alt="les offres grands compte"] {margin: 0 0 5px 0}
.grands_comptes  .haut p {margin: 25px 0}
.grands_comptes  .haut p  img {display: block; margin: 0 0 5px 0}

.grands_comptes .bas {overflow: hidden; }
.grands_comptes .bas .entete {display: block; font: bold 15px/18px arial, sans-serif;}
.grands_comptes .bas .gauche {float: left; padding: 15px 18px 15px 15px; width: 616px; border-right: 1px solid #e6e7e8; }
.grands_comptes .bas .droit {float: right; margin: 0 15px 0 0; padding: 15px 0; width: 300px;}
.grands_comptes .bas .bloc {position: relative; float: left; width: 300px; height: 125px; font-size: 13px}
.grands_comptes .bas .bloc+.bloc {float: right;}
.grands_comptes .bas .bloc .infos {position: absolute; bottom: 0; left: 0; height: 32px; width: 286px; padding: 5px 7px; overflow: hidden; font-size: 11px; font-weight: bold; background: #eee}
.grands_comptes .bas .bloc .infos a {text-decoration: none}
.grands_comptes .tt_zone_abo, .grands_comptes  .tt_zone_edu  {display: block; padding: 0 0 8px 0; margin: 0 0 10px 0; font: bold 18px/18px arial, sans-serif;}
.grands_comptes .tt_zone_abo {border-bottom: 2px solid #f8cf00;}
.grands_comptes .tt_zone_edu {border-bottom: 2px solid #f88222;}
.grands_comptes .devis {border-top: 1px solid #e6e7e8;}
.grands_comptes .devis .ombre {background-image: -moz-linear-gradient(90deg, #fff, #f2f2f2); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#fff)); display: block; height: 10px;}
.grands_comptes .devis p {margin: 15px}
.grands_comptes .devis a {background: url(/medias/www/img/paiement/bt_contactez_nous.png); width: 192px; height: 44px; margin: -8px 0 0 20px; display: inline-block; text-indent: -9999px; vertical-align: middle; cursor: pointer}

/*** popups***/
/** boite flottante pour grands comptes**/
#floatingBg{width:100%;height:1000%;background:url(/medias/www/img/bg/login.gif) top left;position:absolute;top:0;left:0;text-align:center;z-index:9999999}
#formContainer{width:100%;height:100%;position:absolute;top:0;left:500px;text-align:center;z-index:9999999}

.popup {width: 515px; border: 0; padding: 0;position:absolute;top:0;left:500px;background:#FFFFFF;z-index:9999999}
.popup .haut {background:#F8CF00; height: 23px; margin: 0; padding: 7px 10px 0;}
.popup .haut .entete{float: left; width: 400px; margin: 0; color: #222222; font-size: 18px; font-weight: bold;}
.popup .haut .close{float: right; background: url(/medias/www/img/icn/croix_blanc_9x9.png) right center no-repeat; text-decoration: none; padding: 0 15px 0 0; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.popup .haut .close:hover {background: url(/medias/www/img/icn/croix_gris_fonce_9x9.png) right center no-repeat ; color: #666666;}
.form_contact form {margin: 0;}
.form_contact fieldset {width: 485px; padding: 15px; margin: 0; border: 0}
.form_contact fieldset+fieldset {border-top: 1px solid #e6e7e8}
.form_contact .intitule {display: block; margin: 0 0 10px 0; font-weight: bold; font-size: 14px}
.form_contact p {overflow: hidden; margin: 0 0 10px 0}
.form_contact p.mention .champs_requis {float: left; margin: 0 0 0 8px} 
.form_contact p.mention  .intitule {float: left}
.form_contact label {width: 150px; color: #222}
.form_contact label.civilite {padding: 0 20px 0 0; float: none}
.form_contact label.civilite , .form .crea label.civilite input  {width: auto}
.form_contact input.demi {width: 140px}
.form_contact select {width: 290px}
.form_contact textarea {width: 290px; height: 60px; background: #f8f9fa; border: 1px solid #bdbdbd;}
.form_contact input[type="submit"] {background: url("/medias/www/img/bt/bt_blanc_gris_106x32.png"); border: 0 none; height: 32px; width: 106px;  padding: 1px 0 3px; cursor: pointer; font-size: 14px; line-height: 10px; font-weight: bold;}
.form_contact .offre_abo input[type="text"] {width: 30px}
.form_contact p.bt {padding: 10px 0 0 160px; text-align: left; }
.form_contact .alerte {padding: 10px 20px; margin: 0; background: #ffdede; color: #bb0000;}

.popup .pad {padding: 18px 15px; width: 485px; background: #fff}
.popup .confirme {background: url("/medias/www/img/icn/coche_verte_17x14.png") no-repeat; padding: 0 0 0 25px; margin: 0 0 15px 0; font-size: 14px; font-weight: bold;}

